@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
@font-face {
    font-family: 'Neutra Text';
    src: url('NeutraText-Book.eot');
    src: url('NeutraText-Book.eot?#iefix') format('embedded-opentype'),
        url('NeutraText-Book.woff2') format('woff2'),
        url('NeutraText-Book.woff') format('woff'),
        url('NeutraText-Book.ttf') format('truetype'),
        url('NeutraText-Book.svg#NeutraText-Book') format('svg');
    font-weight: 500;
    font-style: normal;
}
/* 
font-family: 'Neutra Text', sans-serif;
font-family: 'Roboto', sans-serif;
*/
* { -webkit-touch-callout: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
html{ margin:0px; padding:0px; -webkit-font-smoothing: antialiased !important; text-rendering: optimizeSpeed !important; -webkit-text-shadow: rgba(255,255,255,0.01) 0 0 1px; -webkit-text-stroke: rgba(255,255,255,0.01) 0.1px; -webkit-text-stroke-width: 0.1px; margin: 0; -webkit-overflow-scrolling: touch; background:#FFF; overflow-y:scroll;  }
body{ color:#2e2e2e; font-family: 'Roboto', sans-serif; font-weight:400; font-size: 100%; line-height:1.456; margin:0px; padding:0px; overflow:hidden; -webkit-overflow-scrolling: touch; }
p{ margin: 0 auto 1em auto; }
a{ -webkit-tap-highlight-color:transparent; color:#000000; text-decoration:none; }
.linea{ clear:both; height:0px; font-size:0px; line-height:0; }
input{ font-family: 'Roboto', sans-serif; font-weight:400; font-size: 100%; line-height:1.456; color:#2e2e2e; padding: 5px 10px 5px 10px; background:#FFF; border:1px solid #666;   }
select{ font-family: 'Roboto', sans-serif; font-weight:400; font-size: 100%; line-height:1.456; color:#2e2e2e; padding: 5px 10px 5px 10px; background:#FFF; border:1px solid #666;   }
textarea{ font-family: 'Roboto', sans-serif; font-weight:400; font-size: 100%; line-height:1.456; height:75px; color:#2e2e2e; resize: none; padding: 5px 10px 5px 10px;  background:#FFF; border:1px solid #666;  }
h1, h2, h3, h4{ font-family: 'Neutra Text', sans-serif; font-weight:400; font-size:1.25em; margin:0px; padding:0px; padding-bottom:10px; color:#2e2e2e; }
h4{ font-size: 1em; margin:0px; padding:0px; }
h1{ text-transform:uppercase; font-size:2em; }
h2{ text-transform:uppercase; font-size:2em;  }
h3{ text-transform:none; font-size:2em; font-weight:400; line-height:1.15em; padding-bottom:0px;  }
img{ vertical-align:middle; }
::-webkit-input-placeholder { color:#666; }
:-moz-placeholder { color:#666; opacity: 1;  }
::-moz-placeholder { color:#666; opacity:1; }
:-ms-input-placeholder { color:#666;  }
:placeholder-shown { color:#666; }

.centrado{ margin:0 auto; width:auto; display:inline-block; }
.centrado_h{ height: 100%; display: table; width:100%;}
.centrado_h .centrado_hh{ vertical-align:middle; display:table-cell;}
.columnas{ position:relative; text-align:left; } 
.columnas .col1{ width:100%; float:left; display:inline; }
.columnas .col2{ width:50%; float:left; display:inline; }
.columnas .col22{ width:50%; float:left; display:inline; }
.columnas .col3{ width:33.333333%; float:left; display:inline; }
.columnas .col4{ width:25%; float:left; display:inline; }
.columnas .col4_ad{ display:none; }
.columnas .col5{ width:20%; float:left; display:inline; }
.columnas .col75{ width:75%; float:left; display:inline; }
.columnas .col25{ width:25%; float:left; display:inline; }
.columnas .colv{ padding-top:15px; padding-bottom:15px; }
.columnas .colv2{ padding-top:0px; }
.columnas .colh{ padding-left:15px; padding-right:15px; }

.boton{ display:inline-block; width:auto; width:auto; padding:0px 10px; margin:5px 5px; border:0px; cursor:pointer; line-height:40px; height: 40px; -webkit-appearance: none; text-decoration:none; background:#666; color:#FFF; font-family: 'Neutra Text', sans-serif; font-weight:700; text-transform:uppercase; }

.boton_small{ display:inline-block; width:auto; width:auto; padding:0px 10px; margin:0px 0px; border:0px; cursor:pointer; line-height:1.5em; height:auto; -webkit-appearance: none; text-decoration:none; background:#393939; color:#FFF; font-family: 'Neutra Text', sans-serif; font-weight:400; text-transform:uppercase; }

.contenido{ position:relative; width:100%; font-size:0.925em; text-align:center; }
.contenido .margen{ position:relative; max-width:1120px; min-width:300px; margin:0 auto; padding:0px 10px; }

.contenido .header{ height:110px; z-index: 10; position:relative; } 
.contenido .header .margen{ height:100%; }
.contenido .header .logo{ position:absolute; top:0px; left:0px; text-align:center; width:238px; height:100%;  } 
.contenido .header .logo a{ display:block; text-decoration:none; height:100%; } 
.contenido .header .logo a h1{ background:url(../img/leticia_morales_bojalil.png) no-repeat; height:100%; background-position:center; background-size:contain; text-indent:-9999px; padding:0px; margin:0px; width:100%; } 

.contenido .header .leyenda{ position:absolute; top:0px; left:248px; height:100%; width:100px; text-align:left; font-family: 'Neutra Text', sans-serif; color:#000; display:none;  }

.contenido .header .menu{ margin-left:245px; margin-right:40px; text-align:center; font-family: 'Neutra Text', sans-serif; }
.contenido .header .menu ul{ margin:0px; padding:0px; list-style:none; text-transform:uppercase; }
.contenido .header .menu ul li{ float:left; display:inline; line-height:110px; padding:0px 10px; }
.contenido .header .menu ul li a{ display:block; }
.contenido .header .menu ul li ul{ display:none; }
.contenido .header .menu ul li ul li{ float:inherit; display:block; }
.contenido .header .menu ul li ul li a{}
.contenido .header .redes{ position:absolute; right:0; top:0; height:100%; width:70px; text-align:left; z-index:1; }
.contenido .header .redes a, .redes a {  display:inline-block; height:40px; width:30px; background-repeat:no-repeat; background-position:center; text-indent:-9999px;  margin:0px; padding:0px; }
.contenido .header .redes a.facebook, .redes a.facebook{ background-image:url(../img/ico_face.png); } 
.contenido .header .redes a.instagram, .redes a.instagram{ background-image:url(../img/instagram_ico.png); } 

.contenido .header .idioma{ position:absolute; top:0px; right:0px; background:#000; z-index:2;     margin-right: 15px; }
.contenido .header .idioma a{ display:block; color:#FFF; text-decoration:none; font-size:14px; line-height:20px; padding:0px 5px;  }

.contenido .header .hamburgesa { position: absolute; right:30px; top:1px; height:100%; z-index:3; display:none; }
.contenido .header .hamburgesa .hamburger { padding: 10px 10px 5px 10px; }
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{ background-color: #7B7B7B; }


.contenido .footer{ padding:15px 0px 15px 0px; color:#666; border-top:1px solid #ACACAC; text-align:center; }
.contenido .footer a{ color:#666; }
.contenido .seccion{ padding:20px 0px; }
.contenido .seccion .titulo{ text-align:center; padding-bottom:10px; position:relative; }
.contenido .seccion .titulo h1{ width:auto; display:inline; line-height:30px; padding:0px; }
.contenido .seccion .titulo .regresar{ /*background:url(../img/cuadros.png) no-repeat center;*/ background:url(../img/regresar_ico.png) no-repeat center; display:inline-block; width:31px; height:30px; vertical-align:top; margin-right:15px; }
.contenido .seccion .titulo .flechas{ position:absolute; right:0; top:0; height:30px; }
.contenido .seccion .titulo .flechas .flecha{ display:block; background:no-repeat center; width:42px; height:30px; float:left;  }
.contenido .seccion .titulo .flechas .izq{ background-image:url(../img/flecha_izq.png); margin-right:10px; }
.contenido .seccion .titulo .flechas .der{ background-image:url(../img/flecha_der.png); }

.contenido .seccion .titulo .flechas div.izq{ background-image:none; margin-right:10px; }
.contenido .seccion .titulo .flechas div.der{ background-image:none; }

.contenido .seccion_slide{ padding:0px; z-index:1; }
.contenido .seccion_slide .slide_items{ position:relative;   }
.contenido .seccion_slide .slide_items .item{ position:absolute; left:0; top:0; width:100%; height:100%; }
.contenido .seccion_slide .slide_items .item .foto{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size: cover; }
.contenido .seccion_slide .slide_items .item .foto img{  width:100%; height:100%; opacity:0; }
.contenido .seccion_slide .slide_items .transparente{ position:relative; opacity:0; z-index:-1; /*min-height:300px;*/ }

.contenido .seccion .caja{ border:1px solid #ACACAC; color:#666; text-align:center; padding:30px 50px; margin:30px 0px; font-family: 'Neutra Text', sans-serif; font-size:1.15em; line-height:2em; }
.contenido .seccion .marco{  }
.contenido .seccion .marco .foto{  margin-bottom:15px; border:1px solid #ACACAC; position:relative; background-repeat:no-repeat; background-position:center; background-size:contain; }
.contenido .seccion .marco .foto div{ position:relative; left:0; top:0; width:100%; height:0; padding-bottom:75%; }
.contenido .seccion .marco .foto div img{ width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; }
.contenido .seccion .marco .texto{ text-align:center; font-family: 'Neutra Text', sans-serif;  text-transform:uppercase;  }
.contenido .seccion .marco .texto a{ text-decoration:none; color:#000; }

.contenido .seccion .formulario{ }
.contenido .seccion .formulario td{ padding-bottom:5px; }
.contenido .seccion .formulario input.input{ width:100%; width: -moz-calc(100% - 22px); width: -webkit-calc(100% - 22px); width: -o-calc(100% - 22px); width: calc(100% - 22px); }
.contenido .seccion .formulario textarea.input{ width:100%; width: -moz-calc(100% - 22px); width: -webkit-calc(100% - 22px); width: -o-calc(100% - 22px); width: calc(100% - 22px); }
.contenido .seccion .formulario input.boton{ display:block; line-height:40px; text-transform:uppercase; border:1px solid #ACACAC; font-weight:700; padding:0px 10px; width:auto; float:left; color:#FFFFFF; background-color:#666; cursor:pointer;  }

.videoWrapper { position: relative; padding-bottom: 56.25%; height: 0px; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.contenido .slide{ position:relative; padding:0px; margin-bottom:15px; /*background:#000;*/ }
.contenido .slide .slide_items{ position:relative; z-index:1; height:100% }
.contenido .slide .slide_items .item{ position:absolute; left:0px; top:0px; width:100%; /*border:1px solid #9F9F9F;*/ opacity:0; filter: alpha(opacity=0);  }
.contenido .slide .slide_items .activo{ z-index:10; opacity: 1; }
.contenido .slide .slide_items .item .foto{ width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:contain; }
.contenido .slide .slide_items .item .foto img{ width:100%; height:100%; opacity:0; filter: alpha(opacity=0); object-fit: cover; }
.contenido .slide .slide_items .item .texto{ padding:5px 15px 0px 15px; }
.contenido .slide .slide_items .item .texto .titulo{ font-family: 'Roboto Slab', serif; font-size:1.5em;  }
.contenido .slide .slide_items .item .texto .titulo a{ text-decoration:none; color:#302E2E; font-weight:700; }
.contenido .slide .slide_items .item .fecha{ color:#8EDA00; font-weight:700;  }
.contenido .slide .slide_items .item .descripcion p{ padding:0; margin:0; padding-bottom:25px;   }
.contenido .slide .slide_items .item .enlace{ text-align:right; position:absolute; right:0; bottom:0; }
.contenido .slide .slide_items .item .enlace a{ display:inline-block; background:url(../img/ver_mas.png) no-repeat center; width:73px; height:21px; text-indent:-9999px; font-size:0; line-height:0;  }
.contenido .slide .slide_items .transparente{ position:relative; opacity:0; z-index:-1; min-height:250px; }

.contenido .slide .slide_flecha{ width:40px; height:40px; margin-top:-27px; top:50%; position:absolute; z-index:2; cursor:pointer; background-repeat:no-repeat; background-color:#FFF; }
.contenido .slide #slide_flecha_izq{ background-image:url(../img/flecha_izq.png); background-position:left center; left:0; }
.contenido .slide #slide_flecha_der{ background-image:url(../img/flecha_der.png); background-position:right center; right:0; }

.contenido .slide .slide_izq2{ background-image:url(../img/flecha_izq.png); left:0; }
.contenido .slide .slide_der2{ background-image:url(../img/flecha_der.png); right:-2px; }

.contenido .medio{ position:relative; min-height:143px; }
.contenido .medio .imagen{ position:absolute; left:0; top:0; width:195px; height:133px; border:1px solid #2e2e2e;  }
.contenido .medio .imagen img{ width:100%; height:100%; object-fit:contain; }
.contenido .medio .texto{ padding-left:205px; }



div.pagination{ padding:25px 0px; text-align:center; }
ul.pagination { display: inline-block; list-style:none; margin:0px; padding:0px; }
ul.pagination li { display: inline-block;  margin:0px; padding:0px 0px; font-weight:bold;	 }
ul.pagination li a { width:35px; height:35px; line-height:35px; color: #393939;    /* border: 2px solid #393939;*/ float: left; text-decoration:none; display:block; /*-webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;*/ transition: background-color .3s; }
ul.pagination li span { width:35px; height:35px; line-height:35px;  color: #393939;     /*border: 2px solid #393939;*/ float: left; text-decoration:none; display:block;/*-webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;*/ transition: background-color .3s; }
ul.pagination li.active { /*-webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;*/ overflow:hidden; }
ul.pagination li.active span{ background-color:#393939; color:white; }
ul.pagination a:hover:not(.active) { background-color:#eaeaea; }


/* lightbox */
.lightbox{ display:none; position:fixed; top:0%; left:0%; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:1000 !important; text-align:center; }
.lightbox .lightbox_content{ width:290px; height:auto; position:absolute; top:50%; left:50%; margin-left:-145px; margin-top:0px; background:#FFFFFF; box-shadow:inset 0px 0px 10px #888888; padding:0px 0px; text-align:left; }
.lightbox .lightbox_content .alerta{ padding:20px; }
.lightbox .lightbox_content .alerta .bloque_titulo{ box-shadow:none; -moz-border-radius:0px; border-radius:0px; padding:0px 0px; margin-bottom:10px;  }
.lightbox .lightbox_content .alerta .bloque_titulo div{ font-weight:bold; font-size:1.125em; }
.lightbox .lightbox_content .alerta .bloque_subtitulo{ background:none; color:#000; padding:0px 0px; }
.lightbox .lightbox_content .alerta .bloque_subtitulo div{ color:#000;  }
.lightbox .lightbox_content .alerta .bloque_content { padding:0px 0px 5px 0px;  }
.lightbox .lightbox_content .alerta .bloque_content ul{ margin-top:0px; margin-bottom:0px; }
.lightbox .lightbox_content .alerta .enlace{ margin-top:10px; }

@media all and (max-width: 1300px) {

}

@media all and (max-width: 1280px) {

}
@media all and (max-width: 1139px) {


}
@media all and (max-width: 1090px) {
	
}

@media all and (min-width: 1024px) {
	
}

@media all and (max-width: 1024px) {

}

@media all and (max-width: 980px) {
	.columnas .col4{ width:50%; }
	.columnas .col3{ width:50%; }
	.columnas .col3_ultimo{ width:100%; }
	
	.contenido .medio{ }
	.contenido .medio .imagen{ position:relative; left:inherit; top:inherit; margin:0 auto; margin-bottom:5px; }
	.contenido .medio .texto{ padding-left:0px; text-align:center; }
	
	.contenido .header .menu{ font-size:0.825em; }
}
@media all and (max-width: 979px) {
	.columnas .col75{ width:100%; padding-right:0px; min-height:inherit; }
	.columnas .col25{ width:100%; position:inherit; right:inherit; top:inherit; }
	.columnas .col25 .col1{ width:50%; }
	.contenido .seccion .titulo .regresar{ margin-right:5px; }
	.contenido .seccion .titulo_detalle{ text-align:left; padding-bottom:0px; }
}

@media all and (max-width: 919px) {
	
	
}
@media all and (max-width: 900px) {

}

@media all and (max-width: 879px) {
	.contenido .header .menu{ display:none; margin:0px; background-color:#FFF; padding-bottom:40px; position:absolute; left:0; top:110px; width:100%; 
		-webkit-box-shadow: 0 4px 4px -2px #7B7B7B;
   -moz-box-shadow: 0 4px 4px -2px #7B7B7B;
        box-shadow: 0 4px 4px -2px #7B7B7B;
	}
	.contenido .header .redes{ display:none; }
	.contenido .header .menu{ font-size:1em; }
	.contenido .header .menu .centrado{ display:inherit; }
	.contenido .header .menu ul li{ border:none; float:inherit; display:inherit; line-height:40px; padding:5px 15px 0px 15px; border-top:1px solid #7B7B7B; text-align:center;	 }
	.contenido .header .menu ul li:first-child{ border-top:none; border-left:none; padding-top:10px;  }
	.contenido .header .menu ul li a{ padding:0px; display:block;  }
	.contenido .header .menu ul li.sigueme a{ padding-bottom:3px; }
	.contenido .header .menu ul li.sigueme{ padding-top:10px; }
	.contenido .header .menu ul li.sigueme .centrado a{ margin-top:5px; }
	.contenido .header .hamburgesa { display:block; }
	
}

@media all and (max-width: 800px) {
	.columnas .col5{ width:25%; }
}

@media all and (max-width: 780px) {	
	.columnas .col5{ width:50%; }
	/*
	ul.pagination li{ font-weight:400; }
	ul.pagination li a { width:25px; height:25px; line-height:25px; border-width:1px; }
	ul.pagination li span { width:25px; height:25px; line-height:25px; border-width:1px; }
	*/
}

@media all and (max-width: 740px) {
	h1, .h1{ font-size:1.5em; }
	h2{ font-size:1.5em; }
	.contenido{ font-size:0.875em; }
	
	
}

@media all and (max-width: 600px) {
	.columnas .col1 .colh{ padding-left:0px; padding-right:0px; }
	.columnas .col25 .col1{ width:100%; }
	.columnas .col2{ width:100%; }
	.columnas .col2 .colh{ padding-left:0px; padding-right:0px; }
	
	.columnas .col3{ width:100%; }
	.columnas .col3 .colh{ padding-left:0px; padding-right:0px; }
	.columnas .col4{ width:100%; }
	.columnas .col4 .colh{ padding-left:0px; padding-right:0px; }
	.columnas .col75{ padding-right:0px; float:inherit; display:inline; }
	.columnas .col75 .colh{ padding-left:0px; padding-right:0px; }
	.columnas .col25{ width:100%; position:relative; right:inherit; top:inherit; }
	.columnas .col25 .colh{ padding-left:0px; padding-right:0px; }
	
}

@media screen and (max-width: 568px){
	
}

@media all and (max-width: 520px) {
	
}


@media all and (max-width: 479px) {
	.contenido .header{ height: 80px; }	
	.contenido .header .logo{ width:180px; }
	.contenido .header .menu{ top:80px; }
}

@media all and (max-width: 410px) {
	
}