@font-face {
    font-family:'open_sanslight';
    src: url('/fonts/especiales/opensans/opensans_light/OpenSans-Light-webfont.eot');
    src: url('/fonts/especiales/opensans/opensans_light/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/especiales/opensans/opensans_light/OpenSans-Light-webfont.woff') format('woff'),
         url('/fonts/especiales/opensans/opensans_light/OpenSans-Light-webfont.ttf') format('truetype'),
         url('/fonts/especiales/opensans/opensans_light/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('/fonts/especiales/opensans/opensans_semibold/OpenSans-Semibold-webfont.eot');
    src: url('/fonts/especiales/opensans/opensans_semibold/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/especiales/opensans/opensans_semibold/OpenSans-Semibold-webfont.woff') format('woff'),
         url('/fonts/especiales/opensans/opensans_semibold/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('/fonts/especiales/opensans/opensans_semibold/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansextrabold';
    src: url('/fonts/especiales/opensans/opensans_extrabold/OpenSans-ExtraBold-webfont.eot');
    src: url('/fonts/especiales/opensans/opensans_extrabold/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/especiales/opensans/opensans_extrabold/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('/fonts/especiales/opensans/opensans_extrabold/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('/fonts/especiales/opensans/opensans_extrabold/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}


body{ font-family:"open_sanslight", Arial, Helvetica, sans-serif; color:#003A46;}

header{ width:980px; margin:0 auto; padding:20px 10px;}

header .logo_elpais{ float:left;}
header .logo_elpais .info-institucional{ background:url(../img/sprite.png) 0 0 no-repeat; width:707px; height:16px; margin:0 0 5px 0;}
header .logo_elpais h2{}
header .logo_elpais h2 a{background:url(../img/sprite.png) 0 -16px no-repeat; width:223px; height:48px;}
header .logo_idae{float:right;}
header .logo_idae h2{}
header .logo_idae h2 a{ background:url(../img/sprite.png) -718px -16px no-repeat; width:260px; height:47px;}
header .logo_idae .ofrecido{background:url(../img/sprite.png) -717px 0 no-repeat; width:261px; height:16px; margin:0 0 5px 0;}

#titulo-video{ background:url(../img/fondo.jpg) top left no-repeat #F2F2F2; padding:40px 0; min-width:1000px;}
.titulo{width:650px; margin:0 auto; background:url(../img/logo-controlas.png) right 40px no-repeat; padding-right:330px;}
.titulo h1{font-family:"open_sansextrabold", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:40px; font-weight:normal; line-height:120%; border-bottom:2px solid #003A46; padding-bottom:25px;
text-shadow: 1px 1px 0px #FFFFFF;}
.titulo .info{border-top:1px solid #003A46; border-bottom:1px solid #003A46; margin:1px 0; padding:15px 0; font-size:15px;}
.titulo .enlaces-anclas{border-top:2px solid #003A46; margin:1px 0; padding-top:25px;}
.titulo .enlaces-anclas a{ font-family:"open_sansextrabold", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:16px; font-weight:normal; display:block; color:#003A46;text-shadow: 1px 1px 0px #FFFFFF;}
.titulo .enlaces-anclas a:after{}

.video{ background:url(../img/sombra-video.png) bottom center no-repeat; padding:40px 0 25px; width:1000px; margin:40px auto 0; border-top:1px dotted #003B46; }
	
#modalidades{ width:1000px; margin:40px auto ;}

h3{font-family:"open_sansextrabold", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:36px; font-weight:normal; line-height:120%; padding-bottom:25px;}
.txt{ font-size:14px; margin-bottom:10px;}
.txt a{font-family:"open_sanssemibold", Arial, Helvetica, sans-serif; color: #008476;}

footer{ padding:60px 0; text-align:center; border-top:1px dotted #003B46; width:1000px; margin:0 auto;}
footer h2.elpais a{background:url(../img/sprite.png) 0 -113px no-repeat; width:145px; height:32px; margin:0 auto 10px}
footer p{ margin:0 auto 10px; font-size:12px; color:#111;}
.mod_compartir{ margin:0 auto;}
.barra_compartir{ padding:0 5px;  background:url(../img/sprite.png) -265px -91px no-repeat; width:284px; height:15px; margin:0 auto 10px; }
ul.list-compartir{ clear:both; display:inline-block; margin-top:20px;}
ul.list-compartir li{float:left; margin:0px 4px; }
ul.list-compartir li a{ display:block; height:34px; width:34px; text-indent:-99999em;}
ul.list-compartir li a:hover{ opacity:0.8}
ul.list-compartir li a.facebook{ background:url(../img/sprite.png) -348px -110px no-repeat;}
ul.list-compartir li a.twitter{ background:url(../img/sprite.png) -390px -110px no-repeat;}
ul.list-compartir li a.googlemas1{ background:url(../img/sprite.png) -431px -110px no-repeat;}

/* Example Styles for Demo */
.etabs { margin: 0; padding: 0; }
.tab { float:left; background: #003B46;	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;	 }
.tab a { font-size: 14px; line-height: 2em; display: block; padding:15px 20px 15px 22px; outline: none; color:#FFF; text-transform:uppercase;font-family:"open_sansextrabold", Arial, Helvetica, sans-serif; }
.tab:hover{ background: #008476;}
.tab a:hover { text-decoration: none; }
.tab.active { background: #008476;  position: relative; }
.tab a.active {}
.tab.active:after{ background:url(../img/flecha-tab.png) no-repeat; display:block; width:32px; height:10px; position:absolute; bottom:-10px; content:""; left:47%; text-align:center;}
.tab_medio{ margin:0 1px;}
.tab-container .panel-container { background: #fff; padding:30px 20px 20px; background:#F2F2F2; }
.panel-container { margin:1px 0;}

.mas_info {	border: 3px solid #008476; color: #008476; font-family:"open_sansextrabold", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:14px; padding: 8px 50px 7px 10px; display: inline-block; 	margin: 15px 0; text-transform: uppercase; background:url(../img/fondo-boton.jpg) top right no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}

.mas_info:hover{color: #003B46; text-decoration:none; border-color:#003B46; background-position:bottom right;}
.mas_info:active{color: #008476; text-decoration:none; border-color:#008476; background-position:bottom right;}

#nueva-factura{ width:1000px; margin:40px auto 0; border-top:1px dotted #003B46; padding:40px 0 10px;}
#nueva-factura ol{ font-size:15px; margin-bottom:10px;}
#nueva-factura ol li{ margin-bottom:5px;}

#entiende-factura{ width:1000px; margin:40px auto; background:#008476;}
#entiende-factura h4{font-family:"open_sansextrabold", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:24px; font-weight:normal; line-height:120%; padding:10px 0 0; color:#FFF; text-align:center;}
#entiende-factura .leyenda{ font-size:15px; padding-bottom:10px; color:#FFF; text-align:center;}
#entiende-factura .factura_info{ position:relative;}
#entiende-factura .factura_info .imagen_factura{ position:absolute;}
#entiende-factura .factura_info ul{}
#entiende-factura .factura_info ul li{position:absolute;}
#entiende-factura .factura_info ul li .datos{  position:relative;}
#entiende-factura .factura_info ul li .bolo{ width:33px; height:35px; background:url(../img/sprite.png) -685px -112px no-repeat; z-index:10; position:absolute; top:0; left:0;}
#entiende-factura .factura_info ul li .bolo:hover{cursor: pointer; }
#entiende-factura .factura_info ul li .leyenda_bolo{ display:none; background:#FFF; width:300px; padding:15px; z-index:9; position:absolute; top:15px; left:15px;
-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px 0px 5px 1px rgba(0, 0, 0, 0.75);
box-shadow:         0px 0px 5px 1px rgba(0, 0, 0, 0.75);}
#entiende-factura .factura_info ul li:hover{ z-index:1000;} 
#entiende-factura .factura_info ul li:hover .bolo{ background-position:-736px -112px;}
#entiende-factura .factura_info ul li:hover .leyenda_bolo{ display:block;}
#entiende-factura .factura_info ul li .leyenda_bolo h5{ font-family:"open_sanssemibold", Arial, Helvetica, sans-serif;color: #008476; font-size:14px; font-weight:normal; border-bottom:1px dotted #666; padding-bottom:10px;}
#entiende-factura .factura_info ul li .leyenda_bolo p{ font-size:13px; margin-top:10px;}
#entiende-factura .factura_info ul li ol{ text-indent:5px;}
#entiende-factura .factura_info ul li ol li{ position:relative;font-size:13px; margin-top:5px;}

#entiende-factura .factura_info ul li#boloA{ left:93px; top:16px;}
#entiende-factura .factura_info ul li#boloB{ left:293px; top:16px;}
#entiende-factura .factura_info ul li#boloC{ left:152px; top:76px;}
#entiende-factura .factura_info ul li#boloD{ left:273px; top:76px;}
#entiende-factura .factura_info ul li#boloE{ left:267px; top:169px;}
#entiende-factura .factura_info ul li#boloF{ left:280px; top:334px;}
#entiende-factura .factura_info ul li#boloG{ left:612px; top:27px;}
#entiende-factura .factura_info ul li#boloH{ left:612px; top:165px;}
#entiende-factura .factura_info ul li#boloI{ left:936px; top:27px;}
#entiende-factura .factura_info ul li#boloJ{ left:936px; top:308px;}

#entiende-factura .factura_info ul li#boloI .leyenda_bolo, 
#entiende-factura .factura_info ul li#boloJ .leyenda_bolo{ right:-15px; left:auto;}
#entiende-factura .factura_info ul li#boloF .leyenda_bolo, 
#entiende-factura .factura_info ul li#boloJ .leyenda_bolo{ top:auto; bottom:-15px;}
#entiende-factura .factura_info ul li#boloF .leyenda_bolo{ width:500px;}