@charset "utf-8"; /* CSS Document */ /* NIVELES 1000 ->
1500 -> Menu idiomas , Menu redes 1600 -> Scroll 2000 -> Cookies */ @media only screen { } /* Define mobile styles // Small screens*/ @media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues // Small screens*/ @media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens // Medium screens*/ @media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues // Medium screens*/ @media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens // Large screens*/ @media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues // Large screens*/ @media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens // XLarge screens*/ @media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues // XLarge screens*/ @media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens // XXLarge screens*/ html{width:100%;max-width:120em;margin:0 auto; padding:0 auto;background-color:#e6e6e6;height:100%;overflow-x:hidden;} body{width:100%;max-width:120em;margin:0 auto; padding:0 auto;background-color:#e6e6e6;height:100%} 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;} .row{width:100%;max-width:120em;} #main{position:relative;padding-top:105px;} .main{position:relative;padding-top:105px;} /* header.smaller{background:rgb(255,255,255,1) !important} header.smaller .name img{width:150px;-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:10px} header.smaller .top-bar-section-menu1 ul li {} header.smaller .top-bar-section-menu1 ul li > a {padding-top:15px !important;padding-bottom:15px !important;} */ @media only screen { } /* Define mobile styles // Small screens*/ @media only screen and (max-width: 40em) { /*header{position:absolute;}*/ } /* max-width 640px, mobile-only styles, use when QAing mobile issues // Small screens*/ @media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens // Medium screens*/ @media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues // Medium screens*/ @media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens // Large screens*/ @media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues // Large screens*/ @media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens // XLarge screens*/ @media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues // XLarge screens*/ @media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens // XXLarge screens*/ h1{font-family: 'Raleway', sans-serif;color:#007653;font-weight:400;color:#666;line-height:1em;font-size:3em} h1 span{font-family: 'Raleway' !important;color:#007653;color:#a32a3c;font-weight:800} h2{font-family: 'Raleway', sans-serif;color:#007653;font-weight:400;color:#666;line-height:1em;font-size:3em} h2 span{font-family: 'Raleway', sans-serif;color:#007653;color:#a32a3c;font-weight:800} h3{font-family: 'Raleway', sans-serif;color:#007653} h4{font-family: 'Raleway', sans-serif;} h5{font-family: 'Raleway', sans-serif;font-weight:600;color:#aaa;font-size:0.8em;letter-spacing:0.1em} h6{font-family: 'Lobster', serif;color:#ec495e;font-size:1.2em;color:#587d8c} p{font-family: 'Raleway', sans-serif;font-size:1em;font-weight:500} p a{font-family: 'Raleway', sans-serif;font-size:1em;color:#232323} p a:hover{color:#587d8c} table td{font-family: 'Raleway', sans-serif;font-size:1em} #main ul li{font-family: 'Raleway', sans-serif;font-size:1.1em} #main ol li{font-family: 'Raleway', sans-serif;font-size:1.1em} .sombra{-webkit-box-shadow: 10px 10px 17px 0px rgba(204,204,204,0.53);-moz-box-shadow: 10px 10px 17px 0px rgba(204,204,204,0.53);box-shadow: 10px 10px 17px 0px rgba(204,204,204,0.53);} .panel{background-color:#f9fef6} /*********************/ /* ELEMENTOS COMUNES */ /*********************/ /* Menu principal */ .top-bar-menu1 {background:transparent !important;} .top-bar-menu1.expanded .title-area {background:transparent !important;} .top-bar-menu1 .title-area .logo{width:180px;padding-top:10px;padding-bottom:10px;} .top-bar-menu1 .title-area h1 img{background:transparent !important;} .top-bar-section-menu1{background:transparent !important;} .top-bar-section-menu1 ul li {margin-top:0px !important;margin-bottom:0px !important;background:transparent !important;} .top-bar-section-menu1 ul li > a {font-family: 'Raleway', sans-serif !important;font-weight:700;font-size:1.1em;background:transparent!important;color:#232323!important;padding-top:35px !important;padding-bottom:35px !important;-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:hover {color:#007653 !important;} .top-bar-section-menu1 ul li.active > a {color:#007653 !important;} .top-bar-section-menu1 ul li.active > a:hover {color:#007653 !important;} @media only screen { } /* Define mobile styles // Small screens*/ @media only screen and (max-width: 40em) { .top-bar-menu1 .title-area .logo{width:110px;padding-top:10px;padding-bottom:10px;} .top-bar-menu1{height:70px;background:transparent !important;} .top-bar-section-menu1{height:70px;background:transparent !important;} .top-bar-menu1 .title-area {height:70px;background:transparent !important;} .top-bar .toggle-topbar.menu-icon a {color:#000;} /* 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 #dde6ef, 0 7px 0 1px #dde6ef, 0 14px 0 1px #dde6ef; } /* color de la hamburguesa presionado*/ .top-bar-section-menu1 ul li {} .top-bar-section-menu1 ul li > a{padding-top:5px !important;padding-bottom:5px !important;} .top-bar-section-menu1 ul li ul li> a {padding-top:5px !important;padding-bottom:5px !important;} } /* max-width 640px, mobile-only styles, use when QAing mobile issues // Small screens*/ @media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens // Medium screens*/ @media only screen and (min-width: 40.063em) and (max-width: 64em) { .top-bar-menu1 .title-area h1 img{width:180px;margin-top:0px;} .top-bar-section-menu1 ul li > a{font-size:0.6em;} } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues // Medium screens*/ @media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens // Large screens*/ @media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues // Large screens*/ @media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens // XLarge screens*/ @media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues // XLarge screens*/ @media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens // XXLarge screens*/ /* SLIDER */ .layerslider-home{width:1920px; height: 696px;/*position:absolute !important;top:0 !important;left:0 !important;*/} .layerslider-home h1{font-family: 'Tilt Warp', cursive !important;font-size:3em;color:#FFF;line-height:1.3em;padding:0 auto;margin:0 auto;width:auto;text-align:center;top:25%;background:rgb(0,118,83,0.8);padding:30px 40px 30px 40px} .layerslider-home h1 span{font-family: 'Tilt Warp', cursive !important;color:#FFF;} .layerslider-home h1 span.litle{font-family: 'Muli', sans-serif !important;color:#FFF;font-size:0.7em;font-weight:bold} @media only screen { } /* Define mobile styles // Small screens*/ @media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues // Small screens*/ @media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens // Medium screens*/ @media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues // Medium screens*/ @media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens // Large screens*/ @media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues // Large screens*/ @media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens // XLarge screens*/ @media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues // XLarge screens*/ @media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens // XXLarge screens*/ .boton-simple{background-color:#a32a3c;border-radius:25px;color:#FFF;font-family: 'Raleway', sans-serif;font-weight:500} .boton-simple:hover{background-color:#666;color:#f6f6f6;} /* Inicio */ .home-slogan{background-color:#007653;padding-top:30px;padding-bottom:20px} .home-slogan h5{color:#FFF} .home-iconos{background-color:#f4f6f8} .home-iconos .contenido{padding-top:20px;padding-bottom:20px} .home-iconos .contenido .col1{border-right:2px solid #007750;padding-top:0px;padding-bottom:0px;margin-bottom:0px;margin-top:0px} .home-iconos .contenido .col2{border-right:2px solid #007750;padding-top:0px;padding-bottom:0px;margin-bottom:0px;margin-top:0px} .home-iconos .contenido .col3{padding-top:0px;padding-bottom:0px;margin-bottom:0px;margin-top:0px} .home-iconos .contenido p{font-weight:600;padding-top:0px;padding-bottom:0px;margin-bottom:0px;margin-top:0px} .home-iconos .contenido img{width:50px;margin-right:20px} @media only screen { } /* Define mobile styles // Small screens*/ @media only screen and (max-width: 40em) { .home-slogan{margin-top:-35px} } /* max-width 640px, mobile-only styles, use when QAing mobile issues // Small screens*/ @media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens // Medium screens*/ @media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues // Medium screens*/ @media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens // Large screens*/ @media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues // Large screens*/ @media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens // XLarge screens*/ @media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues // XLarge screens*/ @media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens // XXLarge screens*/ /* quienes somos */ .quienes{padding-top:80px;padding-bottom:60px;background-color:#f4f6f8} .quienes p{text-align:justify} .quienes .texto{padding-bottom:50px;padding-top:25px;} .quienes .imagen{padding-bottom:50px;padding-top:33px;} .quienes .imagen img{} .quienes .imagen p{font-weight:800;margin-top:20px} .quienes-borde2{position:relative;z-index:100;} @media only screen { } /* Define mobile styles // Small screens*/ @media only screen and (max-width: 40em) { .quienes-borde1{margin-top:-10px;position:relative;z-index:100} .quienes .texto{padding-bottom:50px;padding-top:0px;} .quienes-borde2{margin-top:-20px} } /* max-width 640px, mobile-only styles, use when QAing mobile issues // Small screens*/ @media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens // Medium screens*/ @media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues // Medium screens*/ @media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens // Large screens*/ @media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues // Large screens*/ @media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens // XLarge screens*/ @media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues // XLarge screens*/ @media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens // XXLarge screens*/ /* tienda */ .epdm{background-color:#fff;padding-top:80px;padding-bottom:80px;} .epdm p{text-align:justify} .epdm .iconos{padding-top:40px;padding-bottom:30px} .epdm .iconos img{width:150px} /* delicias */ .productos{background-color:#f4f6f8;padding-top:80px;padding-bottom:80px} .productos .texto{padding-bottom:50px;padding-top:25px;} .productos ul{list-style-type: none;} .productos ul li{margin-left:-20px} .productos ul li i{margin-right:15px;color:#007653} .productos li a{color:#232323;font-weight:500} .productos li a:hover{color:#a32a3c} .productos .catalogo{padding-top:40px} .productos .enlace{padding-top:30px} .producto .fondo{background-color:#FFF;-webkit-box-shadow: 10px 10px 17px 0px rgba(204,204,204,0.53);-moz-box-shadow: 10px 10px 17px 0px rgba(204,204,204,0.53);box-shadow: 10px 10px 17px 0px rgba(204,204,204,0.53);border-radius:5px} .producto .texto{background-color:#FFF;padding:20px 10px 20px 10px;} .producto .texto h4{font-weight:500} .producto a:hover> .texto{} .producto a:hover > .fondo{background-color:#333 !important} .producto a:hover > .fondo .texto{background-color:#333 !important} .producto a:hover > .fondo .texto h4{color:#FFF} /* contacto */ .contacto{background-color:#fff;padding-top:100px;padding-bottom:100px} .contacto h3.title{background-color:#007653;color:#FFF;font-weight:600;display:inline-block;padding:10px 20px 10px 20px} .contacto a p{font-weight:500;color:#232323} .contacto a:hover p{font-weight:500;color:#007653} .contacto .caja{border:1px solid #CCC;padding:20px 20px 20px 20px;background-color:#f4f6f8;border-radius:5px} .contacto .caja .centro{position: relative;top: 50%;transform: translateY(-50%);} .contacto .caja .centro img{width:50px} @media only screen { } /* Define mobile styles // Small screens*/ @media only screen and (max-width: 40em) { .contacto{padding-top:60px;padding-bottom:0px} } /* max-width 640px, mobile-only styles, use when QAing mobile issues // Small screens*/ @media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens // Medium screens*/ @media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues // Medium screens*/ @media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens // Large screens*/ @media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues // Large screens*/ @media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens // XLarge screens*/ @media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues // XLarge screens*/ @media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens // XXLarge screens*/ /* secciones legales */ .legal-seccion{background-color:#FFF;padding-top:100px;padding-bottom:100px;min-height:80vh} .legal-seccion p{text-align:justify;font-size:0.9em} .legal-seccion ul li{text-align:justify;font-size:0.9em!important} .legal-seccion ol li{text-align:justify;font-size:0.9em !important} .legal-seccion a{color:#a32a3c;font-weight:500} .legal-seccion a:hover{color:#232323} /* FOOTER */ footer{background-color:#dde6ef} footer .footer{background-color:#414242;padding-top:20px;padding-bottom:15px} footer .footer p{font-family: 'Raleway', sans-serif;color:#FFFFFF;font-size:0.9em;font-weight:600} footer .footer p a{color:#FFFFFF;} footer .footer p a:hover{color:#CCC} footer .footer img{width:50px} @media only screen { } /* Define mobile styles // Small screens*/ @media only screen and (max-width: 40em) { footer .footer{padding-bottom:100px} } /* max-width 640px, mobile-only styles, use when QAing mobile issues // Small screens*/ @media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens // Medium screens*/ @media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues // Medium screens*/ @media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens // Large screens*/ @media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues // Large screens*/ @media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens // XLarge screens*/ @media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues // XLarge screens*/ @media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens // XXLarge screens*/ /* 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;z-index:99999999} @media only screen { } /* Define mobile styles // Small screens*/ @media only screen and (max-width: 40em) { .scrollup{bottom:160px;} } /* max-width 640px, mobile-only styles, use when QAing mobile issues // Small screens*/ @media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens // Medium screens*/ @media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues // Medium screens*/ @media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens // Large screens*/ @media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues // Large screens*/ @media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens // XLarge screens*/ @media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues // XLarge screens*/ @media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens // XXLarge screens*/ /* FORMULARIOS */ .form fieldset{} .form legend{} .form label{font-family: 'Raleway', sans-serif;color:#232323;text-align:left;font-size:1em;font-weight:500} .form input[type="text"], .form input[type="password"], .form input[type="date"], .form input[type="datetime"], .form input[type="datetime-local"], .form input[type="month"], .form input[type="week"], .form input[type="email"], .form input[type="number"], .form input[type="search"], .form input[type="tel"], .form input[type="time"], .form input[type="url"], .form input[type="color"], .form textarea, .form select {background-color:#f4f6f8 !important; height: 2.5rem; border-radius: 0px;border-color:#f4f6f8 !important;border-style:solid;border:none;-webkit-appearance: none;box-shadow: inset 0px 0px 0px 0px red;font-family: 'Raleway', sans-serif;font-size:1em} ::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #333;font-style: italic;text-align:left} ::-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;} /* MOVIL */ /* Menu iconos inferior*/ .menu-inferior{position:fixed;bottom:0;z-index:999999999999} .menu-inferior .fondo{background-color:#374b63;background-color:#007653} .menu-inferior a label{font-family: 'Titillium Web', sans-serif;font-size:1em;} .menu-inferior a:focus{background-color:#a32a3c !important} .accordion .accordion-navigation .content{background:transparent !important;font-size:0.9em}