.rubik{font-family:'Rubik' !important;font-weight:400;}
.oswald{font-family: 'Oswald', sans-serif;font-weight:400;}
body,td,th {
	font-family: 'Oswald', sans-serif;
	font-size: 1em;
	color: #423f40;
}
body {
	background-color: #FFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a:link {
	color: #1e5b93;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #1e5b93;
}
a:hover {
	text-decoration: underline;
	color: #1e5b93;
}
a:active {
	text-decoration: none;
	color: #1e5b93;
}

a img { border:0; }

.top {float:left;width:100%; padding:3% 0;text-align:center;}
.top .logo { width:20%;}
.top .redes { float:right; width:67%; margin-right:3%; margin-top:0.5em;}
.top .redes .icono { float:right; width:3.2%; margin-right:1.8%;}
.top .redes .separador { float:right; width:0.17%; margin-right:1.8%; margin-top:-0.5%;}
.top .redes .idiomas { float:right; width:7.5%;}
.top .redes .idiomas .icono { float:left; width:43%; margin-right:10%;}
.top .redes .idiomas .desplegar { float:left; width:25%; margin-top:15%;}
.top .redes .idiomas .otros { float:left; width:1.9%; margin-right:10%; padding:2.5% 0; position:fixed; z-index:11; display:none;}
.top .redes .idiomas .otros .bandera { float:left; width:100%; margin-bottom:30%;}
.video{width:100%;height:40em;}
.cabecera {background:url(img/fondo.jpg) no-repeat scroll center top; background-size: 100%; width:100%; padding:5% 0 4% 0; position:relative; z-index:-1; float:left;overflow: hidden;}
.cabecera img { width:60%; margin-left:20%; margin-bottom:1%;}
.cabecera .texto { width:57%; background-color:#ffffff;opacity:.7; padding:1.5%; margin-left:20%; font-size:0.9em; text-align:justify; color:#29292a; font-family: 'Noto Sans', sans-serif;}

.container {width:94%; margin-left:3%; margin-right:3%; position:relative; margin-top:2%; float:left;} /*17.5%*/
.container hr { width:100%; border-style:none; border-top-style:dashed;}
.container #buscadorMovil { display:none;}
.container #buscadorPC { display:block;}
.container .portal { width:auto; float:left; margin-top:0.2%;}
.container .buscar { width:auto; float:right; margin-right:2%; margin-top:0.2%; color:#313233;}
.container #buscador { width:18%; float:right; margin-bottom:0.7%; background-image:url(img/lupa.png); background-repeat:no-repeat; background-position:right; background-size:8%; border:1px #585758 solid; font-family: 'Oswald', sans-serif;font-size:1em;padding:0.3em;}
.container #fecha { width:auto; float:right; margin-right:1.5%; border:none; margin-top:0.1%; font-family: 'Oswald', sans-serif; font-size:1em; color:#757374;}
.container #tema { width:auto; float:right; margin-right:1.5%; border:none; margin-top:0.1%; font-family: 'Oswald', sans-serif; font-size:1em; color:#757374;}
.container #fechaMovil { width:auto; float:right; margin-right:1.5%; border:none; margin-top:1%; font-family: 'Oswald', sans-serif; font-size:1em; color:#757374;}
.container #temaMovil { width:auto; float:right; margin-right:1.5%; border:none; margin-top:0.1%; font-family: 'Oswald', sans-serif; font-size:1em; color:#757374;}
.container #buscadorMv { width:25%; float:right; margin-bottom:0.7%; border:1px #585758 solid; font-family: 'Oswald', sans-serif;}
.container #buscadorMv2 { width:100%; float:right; margin-top:1%; border:1px #585758 solid; font-family: 'Oswald', sans-serif; display:none;}
.container .separador { float:right; width:0.08%; margin-right:1.5%; border-left-style:dashed; border-left-width:thin; height:2em;}
.container .llave { float:right; width:0.3%; margin-right:1%;}
.container h2 { width:100%; font-size:2em; color:#1e5b93; line-height:0.8em; font-weight:400; float:left;}
.container .carrusel { width:100%; height:auto; float:left;}
.container .carrusel .destacado { width:23%; float:left; margin-right:1%; border-style:dashed; border-width:thin; margin-bottom:3%; position:relative; overflow:hidden;}
.container .carrusel .destacado .textoP {top:60%; color:#2e3030; font-size:1.3em; position:absolute; display:none; padding:0 2%; line-height:1em;padding:0 3%; }
.container .carrusel .destacado .textoP div {font-size:0.7em; line-height:1.2em; margin-top:0.2em; }
.container .carrusel .destacado .textoPFondo {background-image: url(pixnegro.png); top: 58%; height: 58%; position: absolute; width: 100%; display:none;}

/*.container .carrusel .destacado .textoP {bottom:10%; color:#FFFFFF; font-size:1.5em; position:absolute; text-transform:uppercase; display:none; padding:5%; }
.container .carrusel .destacado .textoPFondo {background-color: #292929; bottom: 0; height: 48%; opacity: 0.6; filter:alpha(opacity=60); position: absolute; width: 100%; display:none;}*/


/*.container .carrusel a:hover { color:#b88b3b;} */
.container .carrusel .destacado img { width:100%;}
.container .carrusel .destacado .texto { width:94%; font-size:1.4em; margin-top:2%; font-weight:400; height:3em;; display:block;padding:0 3%;color:#ffffff;position:absolute;bottom:0;background-image: url(pixnegro.png);padding-top: 15px;}
.container .carrusel .destacado .textoR { width:100%; font-size:1.4em; margin-top:2%; font-weight:400; height:3em; display:none;}
.container .carrusel .sinmargen { margin-right:0;}
.container .carrusel .nomargen { margin-bottom:2%;}
.container .salto { width:100%; padding:0 0; float:left; }
.container .sepizq { float:left; width:0.08%; margin-left:40%; border-left-style:dashed; border-left-width:thin; height:2em;}
.container .sepnormal { float:left; width:0.09%; margin-left:2%; border-left-style:dashed; border-left-width:thin; height:2em;}
.container .paginas { width:auto; float:left; margin-left:2%; margin-top:0.2%; margin-bottom:1%; color:#313233;}
.container .subir { float:right; width:3%;}

.pie {background-color:#3b3636; width:94%; float:left; color:#9d9da1; margin-top:2%; padding:3% 3% 2% 3%; font-weight:400; font-size:1.2em;}
.pie .opcion { width:19.95%; float:left; text-align:center;}
.pie .opcion img { height:1.2em;}
.pie .opcion a {color:#9d9da1;}
.pie .opcion a:hover {color:#ffffff;}
.pie .enlace { width:15%; float:left; text-align:center; font-size:0.75em; color:#ffffff;}
.pie .enlace a {color:#9d9da1;}
.pie .enlace a:hover {color:#ffffff;}
.pie .izq { text-align:left;}
.pie .der { text-align:right;}
.pie .izq2 { text-align:left; width:35%;}
.pie .der2 { text-align:right; width:35%;}
.pie .t1 { font-size:0.85em;}
.pie hr { width:100%; border-style:none; border-top-style:solid; color:#757577; margin-top:3em;}
.pie .logos { width:100%; margin-top:1.5%;}
.pie .logos img {float:left;}
.pie .logos #escudo { width:15%; margin-bottom:1.5%;}
.pie .logos #logogris { width:15%; margin-left:26%; margin-top:2%;}
.pie .logos #logodestino { width:18%; float:right;}

.pie .opcpie { width:5%; margin-right:10.8%; float:left; display:none;}
.pie .sinmargen { margin-right:0;}

.container .detalle { width:76%; float:left; padding:2% 12%;}
.container .detalle .titulocontainer { width:100%; float:left; margin-bottom:3%;}
.container .detalle .titulocontainer .fechamovil { width:100%; float:left; margin-bottom:1%; display:none;}
.container .detalle .titulocontainer .titulo { width:85%; float:left;}
.container .detalle .titulocontainer .titulo h1 { width:100%; float:left; margin:0; font-size:2.6em; font-weight:400; letter-spacing:-1px; line-height:1.2em; color:#1e5b93;}
.container .detalle .titulocontainer .titulo .subtitulo { width:100%; float:left; font-size:1.2em; font-weight:400; margin-top:2%;}
.container .detalle .titulocontainer .fecha { width:12%; float:right; border-left:1px #575757 dashed; border-right:1px #575757 dashed; text-align:center;}
.container .detalle .titulocontainer .fecha .dia { font-size:2.3em; line-height:0.9em;}
.container .detalle .titulocontainer .fecha .mes { font-size:1em;}
.container .detalle .titulocontainer .fecha .anu { font-size:1em;}
.container .detalle .foto { width:100%; float:left;}
.container .detalle .piefoto { width:100%; float:left; margin-bottom:3%; border-bottom:1px #575757 dashed;}
.container .detalle .compartir { width:100%; float:left; margin-bottom:2.5%; font-size:1.2em;}
.container .detalle .compartir .red { width:auto; float:left; border-right:1px #575757 dashed; margin-right:1%;text-align:center;}
.container .detalle .compartir .primero {border-left:1px #575757 dashed;}
.container .detalle .compartir .red img { width:25%; vertical-align:middle;}
.container .detalle .texto { width:100%; float:left; margin-bottom:5%; font-size:1.2em;	font-family: 'Oswald', sans-serif; text-align:justify;}
.container .detalle .texto .leermas { width:100%; float:left; margin:1% 0; font-size:1.1em; display:none;}
.container .detalle .texto .leermas .boton { width:auto; float:right; margin:1% 0; border:1px #575757 dashed; padding:0.5% 3%;}
.container .detalle .texto .leermas .boton:hover { background-color:#e9e9e9; }
.container .detalle .texto #mastexto { display:block;}
.container .detalle .navegacion { width:100%; float:left; margin-bottom:3%; font-size:1.2em; padding:1% 0; text-transform:uppercase;} /*border-top:1px #575757 dashed; border-bottom:1px #575757 dashed; */
.container .detalle .izquierda { width:50%; float:left; text-align:left;} /*  border-right:1px #575757 dashed; background:url(img/flechaizq.png) no-repeat scroll left top; background-size: 10%; padding:0 1% 0 5%;*/
.container .detalle .izquierda img { width:3%; float:left; margin-right:5%; margin-top:2%;}
.container .detalle .izquierda .enlace { width:89%; float:left;margin-top:0.8em;}
.container .detalle .derecha { width:50%; float:right; text-align:right;} /* border-left:1px #575757 dashed;*/
.container .detalle .derecha img { width:3%; float:right; margin-left:5%; margin-top:2%;}
.container .detalle .derecha .enlace { width:89%; float:right;margin-top:0.8em;}
.container .detalle h2 { line-height:0.5em;}
.container .detalle .tag { width:auto; float:left; color:#757577; background-color:#e9e9e9; padding:0.7% 3%; margin-right:2%; margin-bottom:2%;}
.container .detalle .tag:hover { background-color:#d2d0d0;}
.container .detalle .salto { width:100%; padding:1%; 0; float:left; }
.container .detalle .carusel { width:100%; height:auto; float:left;}
.container .detalle .carusel .destacado { width:24%; float:left; margin-right:0.8%; border-style:dashed; border-width:thin; margin-bottom:3%; position:relative; overflow:hidden;}
.container .detalle .carusel .destacado .textoP {top:60%; color:#2e3030; font-size:1.1em; position:absolute; display:none; padding:0 3%; line-height:1em; }
.container .detalle .carusel .destacado .textoP div {font-size:0.7em; line-height:1.2em; margin-top:0.2em; }
.container .detalle .carusel .destacado .textoPFondo {background-image: url(pixnegro.png); top: 58%; height: 58%; position: absolute; width: 100%; display:none;}
.container .detalle .carusel .destacado img { width:100%;}
.container .detalle .carusel .destacado .texto { width:100%; font-size:1.1em; margin-top:2%; font-weight:400; height:3em;; display:block; padding:0 3%;color:#ffffff;position:absolute;bottom:0;background-image: url(pixnegro.png);padding-top: 15px;}
.container .detalle .carusel .destacado .textoR { width:100%; font-size:1.4em; margin-top:2%; font-weight:400; height:3em; display:none;}
.container .detalle .carusel .sinmargen { margin-right:0;}
.container .detalle .carusel .nomargen { margin-bottom:2%;}

.container .detalle .carusel .ocultar { display:block;}
.container .detalle .comentario { width:100%; float:left; border-top:1px #575757 dashed; padding:1% 0 0 0;}
.container .detalle .comentario .nombreusuario { width:auto; float:left; font-weight:bold; margin-right:1%; font-size:1.2em; line-height:1;}
.container .detalle .comentario .fechacomentario { width:auto; float:left; font-size:1em;}
.container .detalle .comentario .textocomentario { width:100%; float:left; margin-top:0.5%; margin-bottom:3%; font-size:1.2em;}
.container .detalle .botonera { width:100%; float:left;}
.container .detalle .botonera .boton { width:auto; float:left; margin:1% 0; border:1px #575757 dashed; padding:0.5% 3%;}
.container .detalle .botonera .boton:hover { background-color:#e9e9e9; }
.container .detalle .botonera .botongris { width:auto; float:left; margin:2% 0 7%; padding:1% 2%; background-color:#757577; color:#ffffff;}
.container .detalle .botonera .botongris:hover { background-color:#a4a4a9;}
.container .detalle #otroscomentarios { display:none;}
.container .detalle input { width:98%; float:left; border:1px #575757 solid; padding:0.5% 1%; margin-bottom:1%;}
.container .detalle .email { width:47%; float:left; }
.container .detalle .twitter { width:47%; float:right; }
.container .detalle textarea { width:98%; height:15em; float:left; border:1px #575757 solid; padding:0.5% 1%; margin-bottom:2%;}
.container .detalle .totop { width:100%; float:left; text-align:center;}


.video-background { /* class name used in javascript too */
    width: 100%; /* width needs to be set to 100% */
    height: 100%; /* height needs to be set to 100% */
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}