h2 { margin:0; padding:0;}

@font-face {
    font-family: 'Terminal';
    src: url('/fonts/v1.x/v1.0/terminaldosis-light-webfont.eot');
    src: url('/fonts/v1.x/v1.0/terminaldosis-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/v1.x/v1.0/terminaldosis-light-webfont.ttf') format('truetype'),
         url('/fonts/v1.x/v1.0/terminaldosis-light-webfont.svg#Terminal') format('svg');
    font-weight: normal;
    font-style: normal;
}
.pie { margin-top:0;}
.sin_especificar, .entrevista, .urgente, .documento, .avance { display:none;}
a {
	text-decoration: none;
	-webkit-transition: background-color ease-out 500ms;
	-moz-transition: background-color ease-out 500ms;
	-o-transition: background-color ease-out 500ms;
	transition: background-color ease-out 500ms;	
}
a:focus  {	
	background-color: #ddd;
	background-color: rgba(150,150,150,0.3);	
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-name: enlace;
	outline: none;
}

/* Estilos redefinidos de comunes */
.menu_secciones a, .menu_secciones a.boton_plegar, .menu_secciones a.boton_desplegar { background-image: url(/m/iconos/v1.x/v1.0/servicios/boton_secciones_desplegar.svg);}
.menu_secciones a.boton_plegar { background-image: url(/m/iconos/v1.x/v1.0/servicios/boton_secciones_plegar.svg);}
.pie a.subir { background-image: url(/m/iconos/v1.x/v1.0/servicios/subir.svg);}

/* Cabecera */

#cabecera { margin: 0 2.04%; }
#cabecera .seccion { float:left; color:#26ACD8; margin:0;  font: bold 1.1em/1em Arial, Helvetica, sans-serif;}
.header-servicios { padding:0 0 0 2.04%; border-top:1px solid #239DC5; border-bottom:1px solid #25809E; background: #28b2df;
background: -moz-linear-gradient(top,  #28b2df 0%, #24a5d0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#28b2df), color-stop(100%,#24a5d0));
background: -webkit-linear-gradient(top,  #28b2df 0%,#24a5d0 100%);
background: -o-linear-gradient(top,  #28b2df 0%,#24a5d0 100%);
background: -ms-linear-gradient(top,  #28b2df 0%,#24a5d0 100%);
background: linear-gradient(to bottom,  #28b2df 0%,#24a5d0 100%);
}
.header-servicios h1 { margin:0; padding:.4em 0; float:left; font:bold 1.2em/1em Helvetica, Arial, sans-serif; text-transform:uppercase;}
.header-servicios h1 a { color:#fff; text-shadow: 1px 1px 0 #14627B;}
.header-servicios .utilidades { float:right;}
.header-servicios .utilidades li { float:left; padding:0 .4em; background:url(/m/iconos/v1.x/v1.0/servicios/sep_vertical.png) no-repeat left center;}
.sub-header { position:relative; margin:0 2.04%;}

.sub-header { margin:0; background:#e4e4e4; border-bottom:1px solid #c6c6c6;}
.naveg { padding:.5em 2.04% 0; border-bottom:1px solid #ddd;}
.naveg li { float:left; margin:0 .1em;}
.naveg li a { display:block; padding:.5em .7em .4em; margin-top:.3em; background:#eee; font: .8em/1em Helvetica, Arial, sans-serif; color:#666; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px;}
.naveg li.marcado { position:relative; bottom:-2px;}
.naveg li.marcado a { background:#f9f9f9; padding:.8em .7em .4em; margin-top:0; color:#484848; border:1px solid #c6c6c6; border-bottom:0; }
.naveg li.sin_pestana {  margin-right:.6em; padding-top:.8em; font: .8em/1em Helvetica, Arial, sans-serif; color:#555; }

/* Elementos comunes */
.btn {font:bold .8em/1em Arial, Helvetica, sans-serif;  -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.contenido {  position:relative; background:#f9f9f9; border-top:1px solid #ccc;}

/* Elementos comunes - Formularios */
.form-combo select { padding: 0.4em; color: #666666; font:1.2em/1em Helvetica, Arial, sans-serif; background: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 3px 3px 3px 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.form-input input { padding: 0.4em; margin: 0 2.04%; color: #666666; font:1.1em/1em Helvetica, Arial, sans-serif; background: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 3px 3px 3px 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance:none;}
.btn-buscar { display:block; padding:.4em 0; color:#fff; border:1px solid #1C637B; border-top:1px solid #38829B; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#26ABD5; font:bold 1em/1em Helvetica, Arial, sans-serif; text-transform:uppercase; background: #28b3e0;
background: -moz-linear-gradient(top,  #28b3e0 0%, #26acd7 44%, #239dc5 73%, #1e89ac 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#28b3e0), color-stop(44%,#26acd7), color-stop(73%,#239dc5), color-stop(100%,#1e89ac)); 
background: -webkit-linear-gradient(top,  #28b3e0 0%,#26acd7 44%,#239dc5 73%,#1e89ac 100%);
background: -o-linear-gradient(top,  #28b3e0 0%,#26acd7 44%,#239dc5 73%,#1e89ac 100%);
background: linear-gradient(to bottom,  #28b3e0 0%,#26acd7 44%,#239dc5 73%,#1e89ac 100%);
-webkit-box-shadow: inset 0px 0px 2px 0px #1D87AD;        
box-shadow: inset 0px 0px 2px 0px #1D87AD;
}
.form-input input:focus, .form-combo select:focus {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); border:1px solid #28b2df; outline: none; }
.form-input input:focus { background:#fff url(/m/iconos/v1.x/v1.0/servicios/precarga.gif) no-repeat 97% center;}

/* CONTRASTE */
.negro #main { background:#333; border-top:0;}
.negro #main a { color:#fff;}
.negro .form-input input, .negro .form-combo select { border:0; background:#ddd;}

.negro #cabecera .seccion {color:#fff;}
.negro .sub-header { background:#222; border-bottom:1px solid #333;}
.negro .naveg { border-bottom:1px solid #333;}
.negro .naveg li a { background:#444; color:#ddd; }
.negro .naveg li.marcado a { background:#333; color:#fff; border:1px solid #333;}

@media only screen and (max-width:320px) {
#cabecera .seccion {  margin-top: .7em;}
}
@media only screen and (min-width:321px)  and (max-width:480px) {
#cabecera .seccion { margin-top: .2em; font: bold 1.5em/1.2em Arial, Helvetica, sans-serif; }
}
@media only screen and (min-width:481px) {
#cabecera .seccion { margin-top: .1em; font: bold 1.6em/1.2em Arial, Helvetica, sans-serif;}
}