@charset "utf-8"; /* CSS Document */ /* NIVELES 1000 ->
1500 -> Menu idiomas , Menu redes 1550 -> Boton contacta home 1600 -> Scroll 2000 -> Cookies FUENTES font-family: 'Montserrat', sans-serif; > Slider font-family: 'Mr Dafoe', cursive; > Slider font-family: 'Montserrat', sans-serif; > Menu principal */ @media only screen { } /* // Small screens Define mobile styles */ @media only screen and (max-width: 40em) { } /*// Small screens max-width 640px, mobile-only styles, use when QAing mobile issues */ @media only screen and (min-width: 40.063em) { } /* // Medium screens min-width 641px, medium screens */ @media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* // Medium screens min-width 641px and max-width 1024px, use when QAing tablet-only issues */ @media only screen and (min-width: 64.063em) { } /* // Large screens min-width 1025px, large screens */ @media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* // Large screens min-width 1025px and max-width 1440px, use when QAing large screen-only issues */ @media only screen and (min-width: 90.063em) { } /* // XLarge screens min-width 1441px, xlarge screens */ @media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* // XLarge screens min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */ @media only screen and (min-width: 120.063em) { } /*// XXLarge screens min-width 1921px, xxlarge screens */ html{width:100%;max-width:120em;margin:0 auto; padding:0 auto;background-color:#FFF;height:auto;overflow-x:hidden;} body{width:100%;max-width:120em;margin:0 auto; padding:0 auto;background-color:#FFF;height:auto;overflow-x:hidden;} header{width:100%;max-width:120em;z-index:1000;position:fixed;-webkit-transition: all 0.3s;-moz-transition:all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;background:rgb(255,255,255,1) !important} .row{width:100%;max-width:120em;} #main{position:relative;padding-top:110px} .main{position:relative;padding-top:110px} @media only screen { } /* // Small screens Define mobile styles */ @media only screen and (max-width: 40em) { header{z-index:9999999999999999;position:relative;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;} #main{padding-top:0px;} .main{padding-top:0px;} } /*// Small screens max-width 640px, mobile-only styles, use when QAing mobile issues */ @media only screen and (min-width: 40.063em) { } /* // Medium screens min-width 641px, medium screens */ @media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* // Medium screens min-width 641px and max-width 1024px, use when QAing tablet-only issues */ @media only screen and (min-width: 64.063em) { } /* // Large screens min-width 1025px, large screens */ @media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* // Large screens min-width 1025px and max-width 1440px, use when QAing large screen-only issues */ @media only screen and (min-width: 90.063em) { } /* // XLarge screens min-width 1441px, xlarge screens */ @media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* // XLarge screens min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */ @media only screen and (min-width: 120.063em) { } /*// XXLarge screens min-width 1921px, xxlarge screens */ header.smaller{background:rgb(255,255,255,1) !important} header.smaller .name img{width:100px;-webkit-transition: width 0.3s;-moz-transition: width 0.3s;-ms-transition: width 0.3s;-o-transition: width 0.3s;transition: width 0.3s;padding-top:0px;margin-top:0px} header.smaller .top-bar-menu1 .title-area h1 img{width:80px;-webkit-transition: width 0.3s;-moz-transition: width 0.3s;-ms-transition: width 0.3s;-o-transition: width 0.3s;transition: width 0.3s;padding-top:0px;margin-top:0px} header.smaller .top-bar-section-menu1 ul li {margin-top:15px !important;margin-bottom:10px !important} header.smaller .top-bar-section-menu1 ul li > a {background:transparent !important;color:#232323 !important} header.smaller .top-bar-section-menu1 ul li > a:hover {color:#009900 !important;background-color:#FFF !important} header.smaller .top-bar-section-menu1 ul li > a:hover span{color:#009900 !important;} header.smaller .top-bar-section-menu1 ul li > a.contacto {background-color:#009900 !important;color:#FFF !important} header.smaller .top-bar-section-menu1 ul li > a.contacto:hover {background-color:#FFF !important;color:#009900 !important} header.smaller .top-bar-section-menu1 ul li.active > a {color:#009900 !important;} header.smaller .top-bar-section-menu1 ul li.active > a span{color:#009900 !important;} header.smaller .top-bar-section-menu1 ul li.active > a:hover {color:#000 !important;background-color:#FFF} /* TEXT FORMAT */ h1{font-family: 'Montserrat', sans-serif;font-size:4em;margin-top:-10px;font-weight:800;} h2{font-family: 'Montserrat', sans-serif;} h3{font-family: 'Montserrat', sans-serif;} h3 span{color:#f7a600;} h4{font-family: 'Montserrat', sans-serif;font-weight:800} h5{font-family: 'Montserrat', sans-serif;} p{font-family: 'Montserrat', sans-serif;font-size:1.1em} a{color:#008036;} a:hover{color:#CCC;} table th{font-family: 'Montserrat', sans-serif;font-size:1.1em} table td{border:1px solid #CCC;font-family: 'Montserrat', sans-serif;font-size:1.1em} #main ul li{font-family: 'Montserrat', sans-serif;font-size:1.1em} #main ol li{font-family: 'Montserrat', sans-serif;font-size:1.1em} .sombra-verde{-webkit-box-shadow: 8px 2px 29px -10px rgba(0,153,0,1);-moz-box-shadow: 8px 2px 29px -10px rgba(0,153,0,1);box-shadow: 8px 2px 29px -10px rgba(0,153,0,1);} .sombra-negra{-webkit-box-shadow: 7px -4px 14px -1px rgba(0,0,0,0.75);-moz-box-shadow: 7px -4px 14px -1px rgba(0,0,0,0.75);box-shadow: 7px -4px 14px -1px rgba(0,0,0,0.75);} @media only screen { } /* // Small screens Define mobile styles */ @media only screen and (max-width: 40em) { h1{font-size:2.5em;line-height:1em;} } /*// Small screens max-width 640px, mobile-only styles, use when QAing mobile issues */ @media only screen and (min-width: 40.063em) { } /* // Medium screens min-width 641px, medium screens */ @media only screen and (min-width: 40.063em) and (max-width: 64em) { h1{font-size:2em;line-height:1em;} p{font-size:1em;line-height:1.2em;} } /* // Medium screens min-width 641px and max-width 1024px, use when QAing tablet-only issues */ @media only screen and (min-width: 64.063em) { } /* // Large screens min-width 1025px, large screens */ @media only screen and (min-width: 64.063em) and (max-width: 90em) { h1{font-size:2.3em;line-height:1.5em;} } /* // Large screens min-width 1025px and max-width 1440px, use when QAing large screen-only issues */ @media only screen and (min-width: 90.063em) { } /* // XLarge screens min-width 1441px, xlarge screens */ @media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* // XLarge screens min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */ @media only screen and (min-width: 120.063em) { } /*// XXLarge screens min-width 1921px, xxlarge screens */ /* ELEMENTOS COMUNES */ /* MENU PRINCIPAL */ .top-bar-menu1 {background:rgb(255,255,255,1) !important} .top-bar-menu1.expanded .title-area {} .top-bar-menu1 .title-area h1 {} .top-bar-menu1 .title-area h1 a{padding-top:10px;padding-bottom:5px} .top-bar-menu1 .title-area h1 img{width:130px} .top-bar-section-menu1{background:transparent !important} .top-bar-section-menu1 ul li {background:transparent !important;margin-top:30px !important;margin-bottom:30px !important} .top-bar-section-menu1 ul li > a {font-family: 'Montserrat', sans-serif;font-size:0.9em;color:#232323!important;background:transparent !important;font-weight:600;-webkit-transition: all 0.3s;-moz-transition:all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .top-bar-section-menu1 ul li > a span{font-size:1.5em} .top-bar-section-menu1 ul li > a:hover {color:#009900 !important;background:transparent!important} .top-bar-section-menu1 ul li > a.contacto {background-color:#009900 !important;color:#FFF !important} .top-bar-section-menu1 ul li > a.contacto:hover {background-color:#FFF !important;color:#009900 !important} .top-bar-section-menu1 ul li.active > a {color:#009900 !important;background:transparent!important} .top-bar-section-menu1 ul li.active > a span {color:#009900 !important;} .top-bar-section-menu1 ul li.active > a:hover {color:#000 !important;background-color:#FFF} @media only screen { } /* // Small screens Define mobile styles */ @media only screen and (max-width: 40em) { .top-bar-menu1{height:70px;background-color:#FFF !important} .top-bar-section-menu1{height:70px;background-color:#FFF !important} .top-bar-menu1 .title-area {height:70px;background-color:#FFF !important} .top-bar-menu1 .title-area h1 img{width:80px} .top-bar .toggle-topbar.menu-icon a {color:#009900;font-family: 'Montserrat', sans-serif;font-sise:2em} /* color de la palabra MENU */ .top-bar .toggle-topbar.menu-icon a span::after {box-shadow: 0 0 0 1px #000, 0 7px 0 1px #000, 0 14px 0 1px #000;} /* color de la hamburguesa */ .top-bar.expanded .toggle-topbar a span::after {box-shadow: 0 0 0 1px #CCC, 0 7px 0 1px #f7a600, 0 14px 0 1px #CCC; } /* color de la hamburguesa presionado*/ .top-bar-section-menu1 ul{z-index:99999999999!important} .top-bar-section-menu1 ul li {margin-top:0px !important;margin-bottom:0px !important;padding-top:0px !important;padding-bottom:0px !important} .top-bar-section-menu1 ul li > a{margin-top:0px !important;margin-bottom:0px !important;padding-top:10px !important;padding-bottom:10px !important;line-height:2em;} } /*// Small screens max-width 640px, mobile-only styles, use when QAing mobile issues */ @media only screen and (min-width: 40.063em) { } /* // Medium screens min-width 641px, medium screens */ @media only screen and (min-width: 40.063em) and (max-width: 64em) { .top-bar-section-menu1 ul li > a{font-size:0.8em !important;} } /* // Medium screens min-width 641px and max-width 1024px, use when QAing tablet-only issues */ @media only screen and (min-width: 64.063em) { } /* // Large screens min-width 1025px, large screens */ @media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* // Large screens min-width 1025px and max-width 1440px, use when QAing large screen-only issues */ @media only screen and (min-width: 90.063em) { } /* // XLarge screens min-width 1441px, xlarge screens */ @media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* // XLarge screens min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */ @media only screen and (min-width: 120.063em) { } /*// XXLarge screens min-width 1921px, xxlarge screens */ /* SLIDER DE BANNERS*/ .layerslider-home{width:auto; height: 100%;min-height:50vh;/*position:absolute !important;top:0 !important;left:0 !important;*/} .layerslider-home h1{top:5%;left:0%;padding:30px 20px 25px 20px;background-color: rgb(68, 68, 68,0);position:absolute !important;z-index:20 !important;font-weight:600; color: #FFF !important;font-family: 'Montserrat', sans-serif;font-size:4em;line-height:0.95em;margin-top:100px !important;margin-left:150px !important;} @media only screen { } /* // Small screens Define mobile styles */ @media only screen and (max-width: 40em) { .layerslider-home{min-height:0vh;} .layerslider-home h1{font-size:8em;line-height:0.95em;margin-top:0px !important;margin-left:0px !important;} } /*// Small screens max-width 640px, mobile-only styles, use when QAing mobile issues */ @media only screen and (min-width: 40.063em) { } /* // Medium screens min-width 641px, medium screens */ @media only screen and (min-width: 40.063em) and (max-width: 64em) {} /* // Medium screens min-width 641px and max-width 1024px, use when QAing tablet-only issues */ @media only screen and (min-width: 64.063em) { } /* // Large screens min-width 1025px, large screens */ @media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* // Large screens min-width 1025px and max-width 1440px, use when QAing large screen-only issues */ @media only screen and (min-width: 90.063em) { } /* // XLarge screens min-width 1441px, xlarge screens */ @media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* // XLarge screens min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */ @media only screen and (min-width: 120.063em) { } /*// XXLarge screens min-width 1921px, xxlarge screens */ /* HOME */ /* SECCION 01: PRESENTACION */ .seccion01{background-image: url(../imagenes/fondo2.png);background-position: center; background-repeat: no-repeat; background-size: cover;background-color:#232323 } .seccion01 .contenido{padding-bottom:80px;padding-bottom:80px} .seccion01 .texto{background-color:#009900;padding-top:80px;padding-bottom:80px;} .seccion01 h3{color:#fff} .seccion01 h1{margin-top:-25px;color:#fff} .seccion01 hr{border:3px solid #087208;width:10%;margin-top:-15px;margin-bottom:40px} .seccion01 p{color:#FFF;text-align:justify} @media only screen { } /* // Small screens Define mobile styles */ @media only screen and (max-width: 40em) { .seccion01 h1{margin-top:-5px;} .seccion01 hr{margin-top:0px;} } /*// Small screens max-width 640px, mobile-only styles, use when QAing mobile issues */ @media only screen and (min-width: 40.063em) { } /* // Medium screens min-width 641px, medium screens */ @media only screen and (min-width: 40.063em) and (max-width: 64em) { .seccion01 h1{margin-top:-5px;} .seccion01 hr{margin-top:0px;} } /* // Medium screens min-width 641px and max-width 1024px, use when QAing tablet-only issues */ @media only screen and (min-width: 64.063em) { } /* // Large screens min-width 1025px, large screens */ @media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* // Large screens min-width 1025px and max-width 1440px, use when QAing large screen-only issues */ @media only screen and (min-width: 90.063em) { } /* // XLarge screens min-width 1441px, xlarge screens */ @media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* // XLarge screens min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */ @media only screen and (min-width: 120.063em) { } /*// XXLarge screens min-width 1921px, xxlarge screens */ /* SECCION 02: PRODUCTO */ .seccion02{background-color:#FFF;padding-top:120px;padding-bottom:120px} .seccion02 .triangle-down-right {width: 0;height: 0;border-bottom: 50px solid rgb(256, 2566, 256);border-left: 1920px solid transparent;margin-top:-50px;} .seccion02 .dcha h1{margin-top:-25px} .seccion02 .dcha hr{border:3px solid #009900;width:10%;margin-top:-15px;margin-bottom:40px} .seccion02 .dcha p{text-align:justify} @media only screen { } /* // Small screens Define mobile styles */ @media only screen and (max-width: 40em) { .seccion02 .dcha h1{margin-top:-5px;} .seccion02 .dcha hr{margin-top:0px;} .seccion02 .dcha{padding-top:50px} } /*// Small screens max-width 640px, mobile-only styles, use when QAing mobile issues */ @media only screen and (min-width: 40.063em) { } /* // Medium screens min-width 641px, medium screens */ @media only screen and (min-width: 40.063em) and (max-width: 64em) { .seccion02 .dcha h1{margin-top:-5px;} .seccion02 .dcha hr{margin-top:0px;} .seccion02 .dcha{padding-top:50px} } /* // Medium screens min-width 641px and max-width 1024px, use when QAing tablet-only issues */ @media only screen and (min-width: 64.063em) { } /* // Large screens min-width 1025px, large screens */ @media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* // Large screens min-width 1025px and max-width 1440px, use when QAing large screen-only issues */ @media only screen and (min-width: 90.063em) { } /* // XLarge screens min-width 1441px, xlarge screens */ @media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* // XLarge screens min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */ @media only screen and (min-width: 120.063em) { } /*// XXLarge screens min-width 1921px, xxlarge screens */ /* seccion 03: VALORES */ .seccion03{background-color:#009900;padding-top:80px;padding-bottom:80px} .seccion03 h3{font-weight:600;letter-spacing:0.1em;color:#FFF} .seccion03 p{color:#FFF;text-align:center} .icon1{background: url(../imagenes/icono-mision.png) no-repeat;} .icon2{background: url(../imagenes/icono-vision.png) no-repeat;} .icon3{background: url(../imagenes/icono-educacion.png) no-repeat;} .icon{position: absolute;width: 120px;height: 120px;background-color: #009900;background-size: 70px 70px;background-position: center; margin: auto; margin-top:15px; top:0px; left: 0; bottom: 0; right: 0; z-index: 3; } .pulse2 {position: absolute;width: 110px;height: 110px;margin: auto; margin-top:20px; top: 0; left: 0; bottom: 0; right: 0;padding-top:100px; z-index: 100; opacity: 0;border: 1px solid rgba(255,255,255,0); -webkit-animation: pulsejg2 4s linear infinite;-moz-animation: pulsejg2 4s linear infinite;animation: pulsejg2 4s linear infinite; -webkit-border-radius: 999px;-moz-border-radius: 999px;border-radius: 999px; -webkit-box-shadow: inset 0px 0px 12px 5px rgba(255, 255, 255, .8); -moz-box-shadow: inset 0px 0px 12px 5px rgba(255, 255, 255, .8);box-shadow: inset 0px 0px 12px 5px rgba(255, 255, 255, .8); -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; } @-webkit-keyframes pulsejg2 { 0% {-webkit-transform: scale(.6); opacity: 0;} 40% {-webkit-transform: scale(.8); opacity: .05;} 50% {-webkit-transform: scale(1);opacity: .1;} 60% {-webkit-transform: scale(1.1); opacity: .3;} 80% {-webkit-transform: scale(1.2);opacity: .1;} 100% {-webkit-transform: scale(1.3);opacity: 0;} } @-moz-keyframes pulsejg2 { 0% {-moz-transform: scale(.6);opacity: 0;} 40% {-moz-transform: scale(.8); opacity: .05;} 50% {-moz-transform: scale(1); opacity: .1;} 60% { -moz-transform: scale(1.1);opacity: .3;} 80% {-moz-transform: scale(1.2);opacity: .1;} 100% {-moz-transform: scale(1.3);opacity: 0;} } @keyframes pulsejg2 { 0% {transform: scale(.6);opacity: 0;} 40% {transform: scale(.8);opacity: .05;} 50% {transform: scale(1);opacity: .1;} 60% {transform: scale(1.1);opacity: .3;} 80% {transform: scale(1.2);opacity: .1;} 100% {transform: scale(1.3);opacity: 0;} } /* SECCION 04: SOBRE NOSOTROS */ .seccion04{background-color:#0f1113;} .seccion04 .izq{padding-top:80px;padding-bottom:80px} .seccion04 .izq h3{color:#FFF} .seccion04 .izq h1{margin-top:-25px;color:#FFF} .seccion04 .izq hr{border:3px solid #009900;width:10%;margin-top:-15px;margin-bottom:40px} .seccion04 .izq p{color:#FFF;text-align:justify} @media only screen { } /* // Small screens Define mobile styles */ @media only screen and (max-width: 40em) { .seccion04 .izq h1{margin-top:-5px;} .seccion04 .izq hr{margin-top:0px;} .seccion04 .izq{padding-top:50px} } /*// Small screens max-width 640px, mobile-only styles, use when QAing mobile issues */ @media only screen and (min-width: 40.063em) { } /* // Medium screens min-width 641px, medium screens */ @media only screen and (min-width: 40.063em) and (max-width: 64em) { .seccion04 .izq h1{margin-top:-5px;} .seccion04 .izq hr{margin-top:0px;} .seccion04 .izq{padding-top:50px} } /* // Medium screens min-width 641px and max-width 1024px, use when QAing tablet-only issues */ @media only screen and (min-width: 64.063em) { } /* // Large screens min-width 1025px, large screens */ @media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* // Large screens min-width 1025px and max-width 1440px, use when QAing large screen-only issues */ @media only screen and (min-width: 90.063em) { } /* // XLarge screens min-width 1441px, xlarge screens */ @media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* // XLarge screens min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */ @media only screen and (min-width: 120.063em) { } /*// XXLarge screens min-width 1921px, xxlarge screens */ /* SECCION 05: CONTACTO */ .seccion05{background-color:#f2f2f2} .seccion05 .datos{background-color:#009900 !important;height:100% !important;} .seccion05 .datos h3{color:#FFF} .seccion05 .datos h1{margin-top:-25px;color:#FFF} .seccion05 .datos hr{border:3px solid #087208;width:10%;margin-top:-15px;margin-bottom:40px} .seccion05 .datos p{color:#FFF} .seccion05 .datos p a{color:#FFF} .seccion05 .datos p a:hover{color:#087208} .seccion05 .formulario{background-color:#FFF;margin-top:-50px} @media only screen { } /* // Small screens Define mobile styles */ @media only screen and (max-width: 40em) { .seccion05 .datos h1{margin-top:-5px;} .seccion05 .datos hr{margin-top:0px;} .seccion05 .datos{padding-top:20px;padding-bottom:80px} } /*// Small screens max-width 640px, mobile-only styles, use when QAing mobile issues */ @media only screen and (min-width: 40.063em) { } /* // Medium screens min-width 641px, medium screens */ @media only screen and (min-width: 40.063em) and (max-width: 64em) { .seccion05 .datos h1{margin-top:-5px;} .seccion05 .datos hr{margin-top:0px;} .seccion05 .datos{padding-top:20px;padding-bottom:80px} } /* // Medium screens min-width 641px and max-width 1024px, use when QAing tablet-only issues */ @media only screen and (min-width: 64.063em) { } /* // Large screens min-width 1025px, large screens */ @media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* // Large screens min-width 1025px and max-width 1440px, use when QAing large screen-only issues */ @media only screen and (min-width: 90.063em) { } /* // XLarge screens min-width 1441px, xlarge screens */ @media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* // XLarge screens min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */ @media only screen and (min-width: 120.063em) { } /*// XXLarge screens min-width 1921px, xxlarge screens */ /* SECCIONES LEGALES */ .legal-seccion{background-color:#f2f2f2;padding-top:80px;padding-bottom:80px} .legal-seccion h1{font-size:3em;} .legal-seccion p{font-size:0.9em;text-align:justify !important} .legal-seccion ul li{font-size:0.9em !important} .legal-seccion ol li{font-size:0.9em !important} .legal-seccion a{color:#008036;} .legal-seccion a:hover{color:#CCC;} /* FORMULARIOS */ .boton{background-color:#009900;color:#FFF;border:1px solid #009900; width:auto;font-family: 'Montserrat', sans-serif;font-weight:600;-webkit-box-shadow: 8px 2px 29px -10px rgba(0,153,0,1);-moz-box-shadow: 8px 2px 29px -10px rgba(0,153,0,1);box-shadow: 8px 2px 29px -10px rgba(0,153,0,1);} .boton:hover{background-color:#FFF;color:#009900} fieldset{background-color:#f8f8f8;border:none} legend{} label{font-family: 'Montserrat', sans-serif;color:#232323;font-weight:600;letter-spacing:0.5px} input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, select {background-color:#dae8da !important; height: 2.5rem; color:#232323;border-radius: 0px; border-color:#f2f2f2 !important;border-style:solid;border:none;-webkit-appearance: none;box-shadow: inset 0px 0px 0px 0px red;font-family: 'Montserrat', sans-serif !important;font-size:1em;} select {font-size:1em;font-family: 'Montserrat', sans-serif !important;} select option{font-size:1em;font-family: 'Montserrat', sans-serif !important;} ::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #333;font-style: italic;} ::-moz-placeholder { /* Firefox 19+ */color: #333;font-style: italic;} :-ms-input-placeholder { /* IE 10+ */color: #333;font-style: italic;} :-moz-placeholder { /* Firefox 18- */color: #333;font-style: italic;} /* FORMULARIOS SIMPLES */ .form label{font-family: 'Montserrat', sans-serif;color:#232323;} .form label span{color:#ab0707; font-size:1.4em;line-height:0.8em} .form small.error {font-size:0.6em !important; font-family: 'Montserrat', sans-serif;font-style:normal;background: transparent;color: #f04124;} .form a{color:#009900;font-weight:bold;} .form a:hover{color:#CCC;} /* PIE DE PÁGINA */ footer .footer{padding-top:40px;padding-bottom:0px;background-color:#0f1113;} footer .footer .col21{padding-top:40px;padding-bottom:40px} footer .footer .col22{padding-top:40px;padding-bottom:40px} footer .footer h2{font-family: 'Montserrat', sans-serif;COLOR:#FFF;font-size:1.5em;line-height:0.8em;letter-spacing:0em;font-weight:800} footer .footer h2 span{color:#FFF;font-size:1.5em;} footer .footer p{color:#FFF;font-size:0.9em} footer .footer p a{color:#FFF;} footer .footer p a:hover{color:#CCC !important} footer .footer .creditos{border-top:1px solid #f2f2f2;padding-top:20px;padding-bottom:40px;} footer .footer .creditos p{color:#FFF;font-size:0.8em} footer .footer .creditos p a{color:#FFF} footer .footer .creditos p a:hover{color:#CCC} /* SCROLL */ .scrollup{width:40px;height:40px; opacity:0.6; position:fixed; bottom:38px; right:30px;display:none;text-indent:-9999px; background: url(../imagenes/icon_top.png) no-repeat;}