body, html {width: 100%; height:100%; margin:0 auto; padding:0; }

@font-face { font-family: futura; src: url(../fonts/futura.ttf); } 
@font-face { font-family: opensans; src: url(../fonts/opensans.ttf); }
@font-face { font-family: dolcevita; src: url(../fonts/dolcevita.ttf); } 

/* ............................*/

#nav {border:0px; background-color:rgba(190,49,118,0);}
.navbar_contenedor_grande {width:100%; background-color:rgba(190,49,118,0); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; }
.navbar_contenedor {width:100%; max-width: 1200px; padding: 20px 0px; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out;}
.sin_padding {padding: 0px 0px;}
.opacidad_full {background-color:rgba(190,49,118,1); }
.navbar-header {line-height:47px;}
.nav img {height:25px; position:relative; top:-2px; }

.logoloco {height:60px; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; }
.logoloco2 {height:40px;}

#myNavbar ul li a {font-family:futura; font-size:1em; padding:10px 15px; line-height: 30px; color:#fff; cursor:pointer; outline:0;}
#myNavbar ul li a:link, a:visited {text-decoration: none; color:#FFF; outline:0; }
#myNavbar ul li a:hover {color:#FFFBE0;}
#myNavbar ul li.active a {background:#8C2457;}

/* En resoluciones menores a 1200px */
@media screen and (max-width: 1200px){
#navbar-header a {padding-left: 20px;}
}
/* En resoluciones menores a 768px */
@media screen and (max-width: 768px){
.navbar_contenedor_grande { background-color:rgba(190,49,118,1);}	
.navbar_contenedor {padding: 0px 0px; }
.navbar-header {padding-left:40px; text-align:center;}
#myNavbar ul li a { border-bottom: solid 1px #8C2457; text-align:center;}
.logoloco {height:38px; }

}


/* ............................*/
	
#seccion1 {padding-top:0px; width:100%; height:100%; background-color: #fff; text-align:center; }
#seccion1_slider {width:100%; height: 100%; }

.slide_01 {background:#c6c2bd; background-image:url(../img/inicio/01.jpg); background-size:cover; background-position:center;}
.slide_02 {background:#c6c2bd; background-image:url(../img/inicio/02.jpg); background-size:cover; background-position:center;}

.slide_chico {display:none;}

@media screen and (max-width: 1200px){
.swiper-slide_on_on h2 {font-size:3.5em;}
}
@media screen and (max-width: 768px){
#seccion1 {padding-top:50px; height: auto; }
#seccion1_slider {width: 100%; height: auto; }
#seccion1_slider_on {width:100%; height: auto;}
.slide_chico {display:block; width:100%; height: auto; }
.slide_chico img {width:100%; height: auto; }

.slide_01, .slide_02, .slide_03, .slide_04, .slide_05 {background-image:none;}
}

/* ............................*/
	
#seccion2 {padding-top:50px; width:100%; height:100%; color:#000; background-color: #D1D3D4; text-align:center; background-image:url(../img/fondos/concepto.jpg); background-size:cover; background-position: center; background-attachment:fixed; }

#seccion2_contenedor {width:100%; height:100%; max-width:1200px; padding:0px; }

#seccion2_contenedor_1 {height:100%; display:table; padding:0px; }
#seccion2_contenedor_1_on { display:table-cell; vertical-align:middle; text-align:center; padding: 0px; }
#seccion2_contenedor_1_on img { width:40%; height:auto; opacity:0.75 ;-webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out;}

#seccion2_contenedor_2 { height:100%; display:table; padding:0px; }
#seccion2_contenedor_2_on { display:table-cell; vertical-align:middle; text-align:right; padding: 0px; }
#seccion2_contenedor_2_on h3 {font-family:opensans; font-size:1.5em; color: #333; line-height:1.8em; padding:0; margin:0 auto; }

@media screen and (max-width: 1200px){
#seccion2_contenedor { padding:20px; }
#seccion2_contenedor_2_on h3 {font-size:1.2em; }
#seccion2_contenedor_1_on img { width:30%; height:auto; }
}

@media screen and (max-width: 768px){
#seccion2 { height:auto; min-height:100%;}
#seccion2_contenedor { padding: 0px 30px;} 
#seccion2_contenedor_1 {height: auto;}
#seccion2_contenedor_1_on { padding: 50px 0px; }
#seccion2_contenedor_1_on img { width:25%; height:auto; }

#seccion2_contenedor_2_on {text-align: center; padding: 0px;}
#seccion2_contenedor_2_on a {padding: 40px;}
#seccion2_contenedor_2_on h3 {font-size:1.1em; padding-bottom:100px; }
}

/* ............................*/
	
#seccion3 {width:100%; height:100%; padding-top: 50px; background-color: #D7D8D0; background-image:url(../img/inicio_full/01.jpg); background-size:cover; background-position:center; }
#lookbook_650 {display:none;}


@media screen and (max-width: 768px){
#seccion3 { padding-top: 50px; height:auto; }
#lookbook_650 {display:block;}
#lookbook_650 img {width:100%; height:auto;}
}

/* ............................*/
	
#seccion4 {padding:50px 0px; color: #fff; text-align:center; background-color: #333; background-image:url(../img/fondos/prensa.jpg); background-size:cover; background-position: top; }
#seccion4_contenedor {width:100%; max-width:1200px; display:inline-block; text-align:center; }
#seccion4_contenedor h2 { font-family:dolcevita; font-size:5em; padding:50px 0px; color:#333; }
#prensa {-webkit-filter: drop-shadow(0px 0px 2px #000); filter: drop-shadow(0px 0px 2px #000);}
#prensa_on { padding:0px;}
figure img {width:100%; height:auto; padding: 10px; }
figure a {-webkit-filter: brightness(100%); filter: brightness(100%); -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; }
figure a:hover {-webkit-filter: brightness(70%); filter: brightness(70%);}
#figcaption {display: none;}
@media screen and (max-width: 768px){
#seccion4 {padding:50px 20px; }
#seccion4_contenedor h2 { font-size:3em; padding:10px 0px;}
#prensa { padding:5px;}
}

/* ............................*/
	
#seccion5 {padding-top:50px; height: calc(100% - 150px);color: #fff; text-align:center; background-color: #666; background-image:url(../img/fondos/contacto.jpg); background-size:cover; background-position:center; background-attachment:fixed;}
#seccion5_contenedor {width:100%; height:100%; max-width:1200px; display:inline-block; text-align:left; padding:0px; }
#contacto_data {height:100%; display:table; padding:0px; }
#contacto_data_on {display:table-cell; vertical-align:middle;}
#contacto_data_on h2 {font-family:dolcevita; font-size:5em; color: #333; padding:0; margin:0 auto; background: rgba(255,255,255,0.5);}
#contacto_data_on h3 { font-family:futura; font-size:1.2em; color:#333; padding:10px 0px; margin:0 auto; background: rgba(255,255,255,0.5);}
#contacto_data_on h3 a:link, a:visited {text-decoration: none; outline:0; color:#333; }
#contacto_data_on img {height:15px; width:auto; padding-right:8px; position:relative; top:-1px; }

#contacto_formulario {height:100%; display:table; padding:0px; }
#contacto_formulario_on {display:table-cell; vertical-align:middle; text-align:right; padding-top:50px;  }
#form_nombre, #form_email, #form_telefono, #form_mensaje {width: 100%; color: #000; margin:10px 0px; padding:10px 0px; font-family:opensans; font-size:1em; text-indent:10px; border: 1px solid #CCB382; display:inline-block;}
#submit {width: 25%; margin:10px 0px; padding:10px 0px; font-family:opensans; font-size:1em; background:#E00C58; color:#FFF; border: 1px solid #fff; display:inline-block; transition-duration: 0.4s;}
#submit:hover {background:#FFF; color: #E00C58; border: 1px solid #CCB382;}

@media screen and (max-width: 1200px){
#seccion5_contenedor {padding:0px 30px;}
}
@media screen and (max-width: 768px){
#seccion5 {height:auto; }
#seccion5_contenedor {height:auto; }
#contacto_data {height:auto; padding: 30px 0px;}
#contacto_formulario {height:auto; padding-bottom: 60px;}
#contacto_formulario_on {padding-top:0px; }
#contacto_data_on {text-align:center;}
#contacto_data_on h2 {font-size:3em;}
}


/* ............................*/


#redes_sociales {width:100%; height:100px; background:red; padding: 0px}
#redes_sociales_fb, #redes_sociales_ig {height: 100%; display: table; padding: 0px; }

#redes_sociales_fb a {display:table-cell; vertical-align:middle; text-align:center; text-decoration: none; background: #00224D; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(#4586C2, #00224D); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#4586C2, #00224D); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#4586C2, #00224D); /* For Firefox 3.6 to 15 */ background: linear-gradient(#4586C2, #00224D); /* Standard syntax (must be last) */ }
#redes_sociales_fb a:hover{background: #003980; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(#57A9F5, #003980); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#57A9F5, #003980); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#57A9F5, #003980); /* For Firefox 3.6 to 15 */ background: linear-gradient(#57A9F5, #003980); /* Standard syntax (must be last) */}

#redes_sociales_ig a {display:table-cell; vertical-align:middle; text-align:center; text-decoration: none; background: #B7062E; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(#B7062E, #8719C2); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#B7062E, #8719C2); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#B7062E, #8719C2); /* For Firefox 3.6 to 15 */ background: linear-gradient(#B7062E, #8719C2); /* Standard syntax (must be last) */ }
#redes_sociales_ig a:hover {background: #EA083B; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(#EA083B, #AA1FF5); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#EA083B, #AA1FF5); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#EA083B, #AA1FF5); /* For Firefox 3.6 to 15 */ background: linear-gradient(#EA083B, #AA1FF5); /* Standard syntax (must be last) */}

#redes_sociales_fb a h2, #redes_sociales_ig a h2 {font-family:futura; font-size:1.4em; color:#fff; padding: 2px; margin: 0 auto;}
#redes_sociales_fb a h3, #redes_sociales_ig a h3 {font-family:futura; font-size:1.2em; color:#fff; padding: 2px;  margin: 0 auto;}

@media screen and (max-width: 768px){
#redes_sociales {height:75px; }	
#redes_sociales_fb a h2, #redes_sociales_ig a h2 {font-size:1.2em;}
#redes_sociales_fb a h3, #redes_sociales_ig a h3 {font-size:1em;}
}	

/* ............................*/

	
#footer {width:100%; height:50px; background:#FFF; text-align:center; }
#footer img {height:10px; width:auto; padding-right:5px; }
#footer h2 { font-family:futura; font-size:.8em; color:#333; margin:0 auto; line-height:50px; }
#footer a:link, a:visited {color:#333; text-decoration: none; outline:0;}
#footer a:hover {color:#003980; }


/* ............................*/


creditos_jlx {display:none; }