@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Abel');

body { margin: 0px;padding: 0px;font-family: 'Open Sans', Arial, sans-serif;font-size: 14px;color:#666;font-weight: 500; }
img { border:0px;outline: 0px; }
input { outline: 0px; }
a { outline: 0px;text-decoration: none; }

h1 { margin: 0px;padding: 0px;font-weight: 400; }
h2 { margin: 0px;padding: 0px;font-weight: 400; }
h3 { margin: 0px;padding: 0px;font-weight: 400; }

.icono { font-family: icono;font-size: 16px; }

.header { height:31px;position: fixed;background-color: #033477;width:100%;z-index:97; }

.header .contenidoHeader { width:100%;max-width: 1082px;margin: 0 auto; }

.header .contenidoHeader .link { float: left;margin-right: 15px; }
.header .contenidoHeader .link .icono { float: left;width:18px;padding-top: 6px;padding-right: 5px; }
.header .contenidoHeader .link .label { float: left;font-size:12px;color:#FFF;line-height: 31px;font-weight: 300;letter-spacing: 0.05em; }

.header .contenidoHeader .link.derecha { float: right;margin-left: 15px;margin-right: 0px; }

.menu { position: fixed;top:31px;height: 55px;background-color: #083c85;width:100%;z-index:97;padding: 10px; }
.menu .contenidoMenu { width:100%;max-width: 1082px;margin: 0 auto; }
.menu .logo { width:160px;float: left; }
.menu .logo img { width: 100%; }

.menu .opciones { width: 100%;max-width: 912px;float: right;margin-top: 25px; }
.menu .opciones .opcion { float: right;margin-right: 20px;height:28px; }
.menu .opciones .opcion.ultima { margin-right: 0px; }
.menu .opciones .opcion.seleccionado .label { color:#FFF; }

.menu .opciones .opcion .label { float: left;font-size: 14px;color:#CCC;font-weight: 300; }
.menu .opciones .opcion .icono { float: left;padding-left: 5px; }

.submenu { position: absolute;border-top:3px solid #FFF;background-color: #083c85;padding: 20px 30px;margin-top: 28px;display: none;padding-bottom: 0px; }
.submenu .opcionSubMenu { font-size: 14px;color:#FFF;letter-spacing: 0.05em;font-weight: 300;margin-bottom: 30px; }
.submenu .opcionSubMenu .label { float: left;font-size: 14px;color:#FFF;letter-spacing: 0.05em;font-weight: 300; }
.submenu .opcionSubMenu .icono { float: left;padding-left: 5px; }

.submenu .buscador { padding-bottom: 20px;height:36px; }
.submenu .buscador .campo { float: left;width:calc(100% - 2.268em); }
.submenu .buscador .campo input { width:100%;padding: 0px 10px;height:36px;font-family: Raleway;font-size: 14px;background-color: #eeeeee;border:1px solid #eeeeee;color:#999; } 
.submenu .buscador .icono { float: right;width:36px;height:26px;background-color: #BBB;color:#FFF;text-align: center;padding-top: 10px; }

.submenu.snivel2 { margin-top: 0px;min-width: 250px; }
.submenu.snivel2 .opcionSubMenu { margin-bottom: 20px; }

.boton.flecha { height:46px;border:2px solid rgba(255,255,255, 1);padding: 0px 20px;border-radius:2px;
	-webkit-transition: all 0.1s linear;/* Safari 3.2+, Chrome */
	-moz-transition: all 0.1s linear;/* Firefox 4-15 */
	-o-transition: all 0.1s linear;/* Opera 10.5-12.00 */
	transition: all 0.1s linear;/* Firefox 16+, Opera 12.50+ */
}
.boton.flecha .label { float: left;line-height: 46px;font-size: 20px;color:#FFF;font-family: 'Open Sans'; }
.boton.flecha .icono { float: left;opacity: 0;margin-left: -32px;padding-top: 12px; 
	-webkit-transition: all 0.1s linear;/* Safari 3.2+, Chrome */
	-moz-transition: all 0.1s linear;/* Firefox 4-15 */
	-o-transition: all 0.1s linear;/* Opera 10.5-12.00 */
	transition: all 0.1s linear;/* Firefox 16+, Opera 12.50+ */
}

.boton.flecha:hover { background-color: rgba(255,255,255, 0.2);border:2px solid rgba(255,255,255, 0); 
	-webkit-transition: all 0.1s linear;/* Safari 3.2+, Chrome */
	-moz-transition: all 0.1s linear;/* Firefox 4-15 */
	-o-transition: all 0.1s linear;/* Opera 10.5-12.00 */
	transition: all 0.1s linear;/* Firefox 16+, Opera 12.50+ */
}
.boton.flecha:hover .icono { opacity: 1;margin-left: 10px; 
	-webkit-transition: all 0.1s linear;/* Safari 3.2+, Chrome */
	-moz-transition: all 0.1s linear;/* Firefox 4-15 */
	-o-transition: all 0.1s linear;/* Opera 10.5-12.00 */
	transition: all 0.1s linear;/* Firefox 16+, Opera 12.50+ */
}

.botonAzul { height:50px;background-color: #083c85;font-family: 'Open Sans';font-size: 16px;color:#FFF;line-height: 50px;text-align: center; }
.botonAzul:hover { opacity: 0.8; }
.botonAzul.error { background-color: #F00;opacity: 0.8; }

.botonAzul.flecha:hover { opacity: 1; }
.botonAzul.flecha .label { float: left;line-height: 46px;font-size: 20px;color:#FFF;font-family: 'Open Sans';font-weight: 300; }
.botonAzul.flecha .icono { float: left;opacity: 0;margin-left: -22px;padding-top: 12px; 
	-webkit-transition: all 0.1s linear;/* Safari 3.2+, Chrome */
	-moz-transition: all 0.1s linear;/* Firefox 4-15 */
	-o-transition: all 0.1s linear;/* Opera 10.5-12.00 */
	transition: all 0.1s linear;/* Firefox 16+, Opera 12.50+ */
}

.botonAzul.flecha:hover .icono { opacity: 1;margin-left: 20px; 
	-webkit-transition: all 0.1s linear;/* Safari 3.2+, Chrome */
	-moz-transition: all 0.1s linear;/* Firefox 4-15 */
	-o-transition: all 0.1s linear;/* Opera 10.5-12.00 */
	transition: all 0.1s linear;/* Firefox 16+, Opera 12.50+ */
}

.botonRojo { height:50px;background-color: #ff5454;font-family: 'Open Sans';font-size: 16px;color:#FFF;line-height: 50px;text-align: center; }
.botonRojo:hover { opacity: 0.8; }


.footer { padding: 40px 0px;background-color: #222; }
.footer .contenidoFooter { width:100%;max-width: 1078px;margin: 0 auto; }
.footer .contenidoFooter .columna { float: left;width:calc((100% - 5.67em)/4);margin-right: 30px; }
.footer .contenidoFooter .columna.ultima { margin-right: 0px; }

.footer .contenidoFooter .columna ul { margin: 0px;padding: 0px; }
.footer .contenidoFooter .columna ul li { font-family: 'Open Sans';font-size: 14px;color:#FFF;color:#2EA3F2;padding-bottom: 10px;list-style: none;margin: 0px;padding: 0px;  }
.footer .contenidoFooter .columna ul li a { color:#FFF; }
.footer .contenidoFooter .columna ul li a:hover { color:#FFF;opacity: 0.5; }
.footer .contenidoFooter .columna .titulo { color:#2EA3F2;padding-bottom: 20px; }
.footer .contenidoFooter .columna .titulo a { color:#2EA3F2; }
.footer .contenidoFooter .columna .ultimo { padding-bottom: 30px; }

.avisoslegales { padding: 20px 0px;background-color: #2d2d2d; }
.avisoslegales .contenidoAvisos { width:100%;max-width: 1078px;margin: 0 auto; }
.avisoslegales .contenidoAvisos .legales { float: left;width:50%; }
.avisoslegales .contenidoAvisos .creditos { float: right;width:50%; }
.avisoslegales .contenidoAvisos .creditos .link { text-align: right;color:#FFF;font-family: 'Open Sans';font-size: 14px; }
.avisoslegales .contenidoAvisos .creditos .link a { color:#FFF; }
.avisoslegales .contenidoAvisos .creditos .link a:hover { opacity: 0.6; }

.avisoslegales .contenidoAvisos .aviso { float: left;font-family: 'Open Sans';font-size: 14px;color:#FFF;margin-right: 20px; }
.avisoslegales .contenidoAvisos .aviso:hover { opacity: 0.6; }

/* CUADRO INSCRIPCIÓN CURSOS*/
.inscripcion { background-color: #efefef;padding-top: 40px; }
.inscripcion .titulo { font-family: Open Sans;font-size: 36px;font-weight: 300;color:#333;text-align: center;padding: 0px 30px;line-height: 36px; }
.inscripcion .texto { font-family: Open Sans;font-size: 15px;font-weight: 700;color:#666;text-align: center;padding: 0px 30px;padding-top: 20px; }
.inscripcion .botonRojo { width:192px;margin: 0 auto;margin-top: 20px;margin-bottom: 30px; }

.inscripcion .botonAzul.flecha .label { margin-left: 110px; 
	-webkit-transition: all 0.1s linear;/* Safari 3.2+, Chrome */
	-moz-transition: all 0.1s linear;/* Firefox 4-15 */
	-o-transition: all 0.1s linear;/* Opera 10.5-12.00 */
	transition: all 0.1s linear;/* Firefox 16+, Opera 12.50+ */
}
.inscripcion .botonAzul.flecha:hover .label { margin-left: 90px; 
	-webkit-transition: all 0.1s linear;/* Safari 3.2+, Chrome */
	-moz-transition: all 0.1s linear;/* Firefox 4-15 */
	-o-transition: all 0.1s linear;/* Opera 10.5-12.00 */
	transition: all 0.1s linear;/* Firefox 16+, Opera 12.50+ */
}

.campoCheck { padding-bottom: 20px; }
.campoCheck .check { float: left;width: 17px;height: 17px;border: 1px solid #ccc;border-radius: 3px; }
.campoCheck .check .marcado { width: 7px;height: 7px;border: 1px solid #999;background-color: #999;border-radius: 12px;margin: 4px;display: none; }
.campoCheck .label { float: left;padding-left: 10px;font-family: Open Sans;font-size: 14px;color: #666;width: calc(100% - 2.52em); }
.campoCheck .label a { color:#083c85; }
.campoCheck .label a:hover { color:#666; }

.campoCheck .check.error { border: 1px solid #F00; }

.fondoAviso { position: fixed;width:100%;height:100%;background-color: rgba(0,0,0,0.9);z-index:98;left:0px;top:0px;display: none; }
.popup { position: fixed;width:100%;max-width: 360px;background-color: #FFF;padding: 30px;z-index: 99;left:0px;top:0px;display: none; }

.popup .titulo { font-family: Abel;font-size: 30px;color:#333; }
.popup .texto { font-family: Open Sans;font-size: 14px;color:#666;padding: 20px 0px; }

.popup .texto .campo { padding-bottom: 10px; }
.popup .texto .campo input { width:100%;padding: 0px 10px;height:48px;font-family: Raleway;font-size: 14px;background-color: #eeeeee;border:1px solid #eeeeee;color:#999; }
.popup .texto .campoCheck { padding-top: 20px; }

.popup  .botonAzul { float: left;width:90px;margin-right: 20px; }

.contenido { padding-top: 105px; }

.menuDispositivo { position: fixed;top:0px;left:0px;width:100%;padding: 20px;background-color: #033477;z-index:97; }
.menuDispositivo .icono { float: left;font-size: 24px;color:#FFF;margin-top: 15px;width:24px; }
.menuDispositivo .icono.otros { padding-left: 5px; }
.menuDispositivo .logo { float: left;width:calc(100% - 5.544em);text-align: center; }
.menuDispositivo .logo img { width:150px; }

.capaMenuDispositivo { position: fixed;z-index:96;top:0px;left:0px;width:100%;height:100%;background-color: #033477;display: none; }

.submenuDispositivo { position: absolute;z-index:96;background-color: #033477;top:87px;width:100%;border-top: 1px solid #CCC;display: none; }
.submenuDispositivo .opcion { border-bottom: 1px solid #CCC;padding: 10px 20px; }
.submenuDispositivo .opcion .label { float: left;font-size: 14px;color:#FFF;letter-spacing: 0.05em;font-weight: 300;  }
.submenuDispositivo .opcion .icono { float: right;font-size: 21px;color:#FFF; }

.submenuResponsive { background-color: #083C85;display: none; }
.submenuResponsive .opcionSubMenu { border-bottom: 1px solid #CCC;padding: 10px 30px;font-size: 14px;color:#FFF;letter-spacing: 0.05em;font-weight: 300; }


/*  RESPONSIVE */
@media screen and (min-width: 1078px){
	.menuDispositivo { display: none; }
}

@media screen and (min-width: 768px) and (max-width: 1077px){
	.header { display: none; }
	.menu { display: none; }
	
	.contenido { padding-top: 87px; }
	
	.footer .contenidoFooter .columna { float: none;width:calc(100% - 2.52em);margin: 0 auto;text-align: center; }
	.footer .contenidoFooter .columna.segunda { padding-bottom: 30px; }
	.footer .contenidoFooter .columna.ultima { margin: 0 auto; }
	
	.avisoslegales .contenidoAvisos .legales { float: none;width:100%; }
	.avisoslegales .contenidoAvisos .aviso { float: none;text-align: center;padding-bottom: 5px; }
	.avisoslegales .contenidoAvisos .creditos { float: none;width:100%; }
	.avisoslegales .contenidoAvisos .creditos .link { text-align: center;float: none; }
}

@media screen and (min-width: 300px) and (max-width: 767px){
	.header { display: none; }
	.menu { display: none; }
	
	.contenido { padding-top: 87px; }
	
	.footer .contenidoFooter .columna { float: none;width:calc(100% - 2.52em);margin: 0 auto;text-align: center; }
	.footer .contenidoFooter .columna.segunda { padding-bottom: 30px; }
	.footer .contenidoFooter .columna.ultima { margin: 0 auto; }
	
	.avisoslegales .contenidoAvisos .legales { float: none;width:100%; }
	.avisoslegales .contenidoAvisos .aviso { float: none;text-align: center;padding-bottom: 5px; }
	.avisoslegales .contenidoAvisos .creditos { float: none;width:100%; }
	.avisoslegales .contenidoAvisos .creditos .link { text-align: center;float: none; }
}