@charset "utf-8";
/* CSS Document By Zacarías Prado zacarias.p@gmail.com */

.-------TABLET----{}
/*** TABLET ***/
@media only screen and (min-width: 601px) and (max-width: 930px) {

#body { padding: 0px 10px; }


.---HEADER------------------------- {}
/* HEADER */
.header-logo { width: 100%; float: none; display: block; text-align: center; border-bottom: 1px solid rgba(0,0,0,.1); margin-bottom: 10px; }
.header-logo img { width: 60%; padding: 20px 0; }
.header-right { width: 100%; float: none; padding: 10px 0; text-align: center; }
.header-right a { display: inline-block; color: #5A5A5A; padding-bottom: 10px; font-size: 1.2em;  }
.header-right a.movil { display: none; }
.header-right h3 { display: block; font-size: 1.4em; text-align: center; }

.---------------------------- {}
/* MENU PRINCIPAL */
.menu-ppal { background: #5a5a5a; height: 40px; width: 100%; }
.menu-ppal-redes { border-left: 1px solid rgba(0,0,0,.1); padding: 0 15px; float: right; }
.menu-ppal-redes a { color: #FFFFFF; font-size: 1.6em; line-height: 40px; }
    
.---CUERPO-HOME--------------------- {}
.theme-default #slider-home .nivo-caption h3 { font-size: 30px; line-height: 30px; }
.theme-default #slider-home .nivo-caption strong { font-weight: 700; font-size: 26px; }
.---------------------------- {}
/* SLIDER MENSAJES */
.theme-default #slider-mensaje .nivo-caption h3 { font-size: 28px; line-height: 30px;}
.theme-default #slider-mensaje .nivo-caption h4 { font-size: 18px; }
.---------------------------- {}
/* MODULOS PRODUCTOS */
.mod-prod-mod img { height: 40px; width: auto;  }
.mod-prod-mod h3 { display: block; font-size: 1.2em; }

.---------------------------- {}
/* FOOTER */
.footer-logo { width: 26%; }
.footer-info { width: 36%; }
.footer-redes { width: 26%; }
    
.---------------------------- {}
/* CONTENIDOS INTERNOS / PRODUCTOS */
.productos-img-portada { margin-bottom: 10px; width: 100%; overflow: hidden; border-radius: 0 0 5px 5px; }
.productos-img-portada img { width: 100%; height: auto; }

.---------------------------- {}
/* FORMULARIOS CONTACTO -REGISTROS */
.contacto,.contacto-info { display: inline-block; vertical-align: top; }
.contacto { width: 56%; padding: 0 3% 0 0;  border-right: 1px solid rgba(0,0,0,.1);  }
.contacto-info { width: 38%; float: right; }
    
.---------------------------- {}
/* FORMULARIOS FIXES */
.contacto input[type=email],.contacto input[type=text],.contacto textarea,.registro input[type=text],.registro textarea,.registro input[type=email],.registro input[type=date],.registro input[type=password],.contacto input[type=password] { width: 90%; margin-bottom: 10px; }
.contacto form > span { display: none; }
.form-capcha input[type=text] { background: #F4F5F7; width: 50px; float: none; padding-left: 5px; text-align: left; }
.form-capcha > span { display: block; float: none; padding: 0; margin: 0; width: 100%; text-align: left; }
.contacto-btn { margin-left: 0px; margin-top: 20px; }
    
.---------------------------- {}
/* CAJAS DE CONTENIDOS */

.desktop { display: none; }
.movil { display: none; }
.tablet { display: block; }

.quienes-somos img {max-width: 30%;}

}











.-------SMARTPHONE----{}
/*** CELULAR ***/
@media screen and (max-width: 600px) {

#body { padding: 0px 5px; }
#footer { padding-bottom: 0; }

.---HEADER------------------------- {}
/* HEADER */
.header-logo { width: 100%; float: none; display: block; text-align: center; border-bottom: 1px solid rgba(0,0,0,.1); }
.header-logo img { width: 94%; padding: 20px 0; }
.header-right { width: 100%; float: none; padding: 10px 0 0 0; text-align: center; border-bottom: 10px solid #5a5a5a; background-color: #f2f2f2; }
.header-right a { display: inline-block; color: #5A5A5A; padding-bottom: 10px; font-size: 1em;  }
.header-right a.movil { display: block; text-align: center; padding: 0; }
.header-right h3 { display: block; font-size: 1em; text-align: center; }
    
.---------------------------- {}
/* MENU PRINCIPAL */
.menu-ppal { display: none; }

.---------------------------- {}
/* MODULOS PRODUCTOS */
.mod-prod { display: block; border: 1px solid rgba(0,0,0,.1); border-radius: 5px; background: #FFF; height: auto; margin: 0px 0px 10px; padding: 0px; overflow: hidden; }
.mod-prod-mod { display: block; float: none; width: 94%; height: auto;  text-align: center; border-bottom: 1px solid rgba(0,0,0,.1); margin: 0px;   padding: 5% 3%;  }
.mod-prod-mod a { display: block; background: #FFF; padding: 0; margin: 0; height: auto; }
.mod-prod-mod img { height: 40px; width: auto; display: inline-block; }
.mod-prod-mod h3 { display: inline-block; padding-left: 20px; font-size: 1.4em; }
.mod-prod-mod:hover a { text-decoration: none; padding: 5% 3%;  }
.mod-prod:hover { box-shadow: none;}

.quienes-somos img {max-width: 30%;}

    
.---------------------------- {}
/* FOOTER */
.footer-cont { padding: 20px 0 0; }
.footer-menu { display: none; }
.footer-info,.footer-logo,.footer-redes { height: auto; padding: 10px 0; display: block; vertical-align: top; text-align: center; }
.footer-info,.footer-logo {  border-left: none; border-bottom: 1px solid rgba(0,0,0,.1); }
.footer-logo { width: 100%; float: none; }
.footer-logo img { max-height: 90%; max-width: 50%; height: auto; width: auto; }
.footer-info { width: 100%; float: none; }
.footer-info h3 { font-size: 1.1em; margin-bottom: 10px; display: block; padding: 0px; line-height: 1.1em; }
.footer-redes { width: 100%; float: none; padding-bottom: 0; }
.footer-redes-social { margin-bottom: 15px; }
.footer-c { display: block; font-size: .8em; border-top: 1px solid rgba(0,0,0,.1); padding: 20px; background-color: #eeeeee; }    

.---------------------------- {}
/* NAVEGADOR */
.navegador { display: none; }

/* TITULOS */
.pag-prod-titulo { font-size: 1.6em; font-weight: 700; padding:10px 0; line-height: 100%; margin: 0px 0px 10px; border-bottom: 1px solid rgba(0,0,0,.1); text-align: center;}
.pag-prod-titulo img { height: 50px; width: auto; display: block; margin: 0 auto 10px; }
.pag-prod-bajada {  font-size: 1.9em; font-weight: 300; line-height: 140%; text-align: right; }

.---------------------------- {}
/* CONTENIDOS INTERNOS / PRODUCTOS */
.productos-img-portada { margin-bottom: 5px; overflow: hidden; border-radius: 0 0 5px 5px; }
.productos-img-portada img {  height: auto; width: 180%; }
.contenido .caja30,.contenido .caja70 { display: block; width: 100%; }
.contenido .caja30 { border-right: none;  border-bottom: 1px solid rgba(0,0,0,.1); }
.contenido .caja30 h3 { padding: 0 0 15px 0; text-align: center; font-size: 1.8em; line-height: 110%; }
.contenido .caja70 .pag-interiores { padding: 20px 0;}
.pag-interiores { padding: 0 5px; }

.---------------------------- {}
/* FORMULARIOS CONTACTO -REGISTROS */
.contacto,.contacto-info { display: block; vertical-align: top; }
.contacto { width: 100%; padding: 0;  border-right: none;  }
.contacto-info { width: 100%; float: none; padding: 0; margin: 30px 0 0 0; }
    
.---------------------------- {}
/* FORMULARIOS FIXES */
.contacto input[type=email],.contacto input[type=text],.contacto textarea,.registro input[type=text],.registro textarea,.registro input[type=email],.registro input[type=date],.registro input[type=password],.contacto input[type=password] { width: 90%; margin-bottom: 10px; }
.contacto form > span { display: none; }
.form-capcha input[type=text] { background: #F4F5F7; width: 50px; float: none; padding-left: 5px; text-align: left; }
.form-capcha > span { display: block; float: none; padding: 0; margin: 0; width: 100%; text-align: left; }
.contacto-btn { margin-left: 0px; margin-top: 20px; }
.contacto span.info,.registro span.info { display: none; }
.forms-titulos h3 { left: 5%; }
    
.---SLIDER-HOME--------------- {}
/* SLIDER PRINCIPAL */
.slider-home2 { background: url(../images/sombra-slider.png) no-repeat center bottom; padding-bottom: 20px; }
.theme-default #slider-home2 { z-index: 100; width: 100%; height: 350px; background: #FFF; border-radius: 0; overflow: hidden;}
.theme-default #slider-home2 .nivo-caption { position: absolute; right: 25px; bottom: 25px; left: 25px; background-color: rgba(255,255,255,.9); color: #5a5a5a; z-index: 8; padding: 0px 25px; border-radius: 10px; overflow: hidden; display: none; box-shadow: 0px 0px 15px rgba(0,0,0,.05); }
.theme-default #slider-home2 .nivo-caption h3 { font-weight: 300; font-size: 28px; line-height: 28px; text-align: center; margin: 0px; padding: 0px; }
.theme-default #slider-home2 .nivo-caption strong { font-weight: 700; font-size: 24px; }
.theme-default #slider-home2 .nivo-caption a { display:inline !important; }

.----SLIDER-MENSAJES---------- {}
/* SLIDER MENSAJES */
.slider-mensaje2 { clear: both; }
.theme-default #slider-mensaje2 { z-index: 100; width: 100%; height: 400px; border: 1px solid rgba(0,0,0,.1); border-radius: 5px; overflow: hidden; }
.theme-default #slider-mensaje2 .nivo-caption { position: absolute; right: 20px; top: 20px; z-index: 8; padding: 0px; overflow: hidden; display: none; margin-left: 30px; padding-right: 10px; text-shadow: none;  }
.theme-default #slider-mensaje2 .nivo-caption h3 { font-weight: 300; display: block; font-size: 32px; line-height: 38px; margin: 0px; padding: 0px; font-style: italic; text-align: right; letter-spacing: -0.02em;}
.theme-default #slider-mensaje2 .nivo-caption h4 { font-weight: 700; font-size: 20px; display: block; margin-top: 20px; font-style: italic; text-align: right; letter-spacing: normal; }
    
.------------------- {}
/* UP TO PAGE */ 
#back-top { position: fixed; bottom: -20px; margin-left: 0; right: 0px; z-index: 9999; }
#back-top a { border-radius: 20px 0 0 0; box-shadow: none; }
    
.---------------------------- {}
/* CAJAS DE CONTENIDOS */
.caja100,.caja50,.caja30,.caja20,.caja70 {  width: 100%; display: inline-block; vertical-align: top; }
.desktop { display: none; }
.tablet { display: none; }
.movil { display: block; }

}


.-------SMARTPHONE----{}
/*** CELULAR ***/
@media screen and (max-width: 400px) {

#body { padding: 0px 5px; }
#footer { padding-bottom: 0; }

.---HEADER------------------------- {}
/* HEADER */
.header-logo { width: 100%; float: none; display: block; text-align: center; border-bottom: 1px solid rgba(0,0,0,.1); }
.header-logo img { width: 94%; padding: 20px 0; }
.header-right { width: 100%; float: none; padding: 10px 0 0 0; text-align: center; border-bottom: 10px solid #5a5a5a; background-color: #f2f2f2; }
.header-right a { display: inline-block; color: #5A5A5A; padding-bottom: 10px; font-size: 1em;  }
.header-right a.movil { display: block; text-align: center; padding: 0; }
.header-right h3 { display: block; font-size: 1em; text-align: center; }
.quienes-somos img {max-width: 100%;}
    
.---------------------------- {}
/* MENU PRINCIPAL */
.menu-ppal { display: none; }

.---------------------------- {}
/* MODULOS PRODUCTOS */
.mod-prod { display: block; border: 1px solid rgba(0,0,0,.1); border-radius: 5px; background: #FFF; height: auto; margin: 0px 0px 10px; padding: 0px; overflow: hidden; }
.mod-prod-mod { display: block; float: none; width: 94%; height: auto;  text-align: center; border-bottom: 1px solid rgba(0,0,0,.1); margin: 0px;   padding: 5% 3%;  }
.mod-prod-mod a { display: block; background: #FFF; padding: 0; margin: 0; height: auto; }
.mod-prod-mod img { height: 40px; width: auto; display: inline-block; }
.mod-prod-mod h3 { display: inline-block; padding-left: 20px; font-size: 1.4em; }
.mod-prod-mod:hover a { text-decoration: none; padding: 5% 3%;  }
.mod-prod:hover { box-shadow: none;}
    
.---------------------------- {}
/* BOTONES HOME */
.mod-botones { margin: 20px 0 0 0; text-align: center; }
.mod-botones a.btn,.mod-botones img {  vertical-align: top; display: block; margin-bottom: 10px; }
.mod-botones a.btn { float: none; margin-right: 10px; }
.mod-botones img { float: none;  margin: 0 auto 20px; }

.---------------------------- {}
/* FOOTER */
.footer-cont { padding: 20px 0 0; }
.footer-menu { display: none; }
.footer-info,.footer-logo,.footer-redes { height: auto; padding: 10px 0; display: block; vertical-align: top; text-align: center; }
.footer-info,.footer-logo {  border-left: none; border-bottom: 1px solid rgba(0,0,0,.1); }
.footer-logo { width: 100%; float: none; }
.footer-logo img { max-height: 90%; max-width: 50%; height: auto; width: auto; }
.footer-info { width: 100%; float: none; }
.footer-info h3 { font-size: 1.1em; margin-bottom: 10px; display: block; padding: 0px; line-height: 1.1em; }
.footer-redes { width: 100%; float: none; padding-bottom: 0; }
.footer-redes-social { margin-bottom: 15px; }
.footer-c { display: block; font-size: .8em; border-top: 1px solid rgba(0,0,0,.1); padding: 20px; background-color: #eeeeee; }    

.---------------------------- {}
/* NAVEGADOR */
.navegador { display: none; }

/* TITULOS */
.pag-prod-titulo { font-size: 1.6em; font-weight: 700; padding:10px 0; line-height: 100%; margin: 0px 0px 10px; border-bottom: 1px solid rgba(0,0,0,.1); text-align: center;}
.pag-prod-titulo img { height: 50px; width: auto; display: block; margin: 0 auto 10px; }
.pag-prod-bajada {  font-size: 1.9em; font-weight: 300; line-height: 140%; text-align: right; }

.---------------------------- {}
/* CONTENIDOS INTERNOS / PRODUCTOS */
.productos-img-portada { margin-bottom: 5px; overflow: hidden; border-radius: 0 0 5px 5px; }
.productos-img-portada img {  height: auto; width: 180%; }
.contenido .caja30,.contenido .caja70 { display: block; width: 100%; }
.contenido .caja30 { border-right: none;  border-bottom: 1px solid rgba(0,0,0,.1); }
.contenido .caja30 h3 { padding: 0 0 15px 0; text-align: center; font-size: 1.8em; line-height: 110%; }
.contenido .caja70 .pag-interiores { padding: 20px 0;}
    
.pag-interiores { padding: 0 5px; }
    
.---SLIDER-HOME--------------- {}
/* SLIDER PRINCIPAL */
.slider-home2 { background: url(../images/sombra-slider.png) no-repeat center bottom; padding-bottom: 20px; }
.theme-default #slider-home2 { z-index: 100; width: 100%; height: 350px; background: #FFF; border-radius: 0; overflow: hidden;}
.theme-default #slider-home2 .nivo-caption { position: absolute; right: 25px; bottom: 25px; left: 25px; background-color: rgba(255,255,255,.9); color: #5a5a5a; z-index: 8; padding: 0px 25px; border-radius: 10px; overflow: hidden; display: none; box-shadow: 0px 0px 15px rgba(0,0,0,.05); }
.theme-default #slider-home2 .nivo-caption h3 { font-weight: 300; font-size: 28px; line-height: 28px; text-align: center; margin: 0px; padding: 0px; }
.theme-default #slider-home2 .nivo-caption strong { font-weight: 700; font-size: 24px; }
.theme-default #slider-home2 .nivo-caption a { display:inline !important; }

.----SLIDER-MENSAJES---------- {}
/* SLIDER MENSAJES */
.slider-mensaje2 { clear: both; }
.theme-default #slider-mensaje2 { z-index: 100; width: 100%; height: 500px; border: 1px solid rgba(0,0,0,.1); border-radius: 5px; overflow: hidden; }
.theme-default #slider-mensaje2 .nivo-caption { position: absolute; right: 20px; top: 0; z-index: 8; padding: 0px; overflow: hidden; display: none; margin-left: 30px; padding-right: 10px; text-shadow: none;  }
.theme-default #slider-mensaje2 .nivo-caption h3 { font-weight: 300; display: block; font-size: 29px; line-height: 31px; margin: 0px; padding: 0px; font-style: italic; text-align: center; letter-spacing: -0.02em;}
.theme-default #slider-mensaje2 .nivo-caption h4 { font-weight: 700; font-size: 20px; display: block; margin-top: 20px; font-style: italic; text-align: center; letter-spacing: normal; }
    
.------------------- {}
/* UP TO PAGE */ 
#back-top { position: fixed; bottom: -20px; margin-left: 0; right: 0px; z-index: 9999; }
#back-top a { border-radius: 20px 0 0 0; box-shadow: none; }
    
.---------------------------- {}
/* CAJAS DE CONTENIDOS */
.caja100,.caja50,.caja30,.caja20,.caja70 {  width: 100%; display: inline-block; vertical-align: top; }
.desktop { display: none; }
.tablet { display: none; }
.movil { display: block; }

}