/* CSS Document */
@font-face {
    font-family: 'bebas_neue_regularregular';
    src: url('/fonts/especiales/bebas/bebasneue_regular-webfont.eot');
    src: url('/fonts/especiales/bebas/bebasneue_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/especiales/bebas/bebasneue_regular-webfont.woff') format('woff'),
         url('/fonts/especiales/bebas/bebasneue_regular-webfont.ttf') format('truetype'),
         url('/fonts/especiales/bebas/bebasneue_regular-webfont.svg#bebas_neue_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bebas_neuebold';
    src: url('/fonts/especiales/bebas/bebasneue_bold-webfont.eot');
    src: url('/fonts/especiales/bebas/bebasneue_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/especiales/bebas/bebasneue_bold-webfont.woff') format('woff'),
         url('/fonts/especiales/bebas/bebasneue_bold-webfont.ttf') format('truetype'),
         url('/fonts/especiales/bebas/bebasneue_bold-webfont.svg#bebas_neuebold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bebas_neuebook';
    src: url('/fonts/especiales/bebas/bebasneue_book-webfont.eot');
    src: url('/fonts/especiales/bebas/bebasneue_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/especiales/bebas/bebasneue_book-webfont.woff') format('woff'),
         url('/fonts/especiales/bebas/bebasneue_book-webfont.ttf') format('truetype'),
         url('/fonts/especiales/bebas/bebasneue_book-webfont.svg#bebas_neuebook') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

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


@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;
}


body{ font-family: 'open_sanslight', Arial, Helvetica, sans-serif;}

header{ max-width:780px; margin:0 auto; padding:25px 0;}
header .logo_elpais{float:left;}
header .publi_especial{ background:url(../img/sprite.png) 0 0 no-repeat; width:144px; height:10px; margin-bottom:5px}
header h2.elpais{}
header h2.elpais a{background:url(../img/sprite.png) 0 -16px no-repeat; width:145px; height:32px;}
header h2.logo_surface{float:right;}
header h2.logo_surface a{background:url(../img/sprite.png) -166px 0 no-repeat; width:280px; height:47px;}

#video{ width:98%; padding:1%; 
background: #49236e; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzQ5MjM2ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYTU4YTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #49236e 1%, #aa58a4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(1%,#49236e), color-stop(100%,#aa58a4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #49236e 1%,#aa58a4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #49236e 1%,#aa58a4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #49236e 1%,#aa58a4 100%); /* IE10+ */
background: linear-gradient(to right,  #49236e 1%,#aa58a4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49236e', endColorstr='#aa58a4',GradientType=1 ); /* IE6-8 */
}
#video .videocontent{ width:98%; padding:1%;
border: 1px solid #76488C;
border: 1px solid rgba(255, 255, 255, .10);
-webkit-background-clip: padding-box; /* for Safari */
background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}

#contenido_sf{ text-align:center;}
#contenido_sf h1{ font-family: 'bebas_neuebold', Verdana, Geneva, sans-serif; font-size:6em; font-weight:normal; color:#783B96; text-transform:uppercase; padding:30px 0; background: url(../img/separador.png) center bottom no-repeat; margin:25px 0;}
#contenido_sf h4{ margin: 0 auto; max-width:780px; text-align:left; font-family:'open_sanssemibold', Arial, Helvetica, sans-serif; font-size:1.6em; color:#333; font-weight:normal; line-height:150%; margin-bottom:30px;}
#contenido_sf p{ margin: 0 auto; max-width:780px; text-align:left; font-size:1.4em; color:#111; line-height:150%; margin-bottom:15px;}
#contenido_sf a{ color:#49236e; text-decoration:none; border-bottom:1px dotted #49236e;}
#contenido_sf a:hover{ border-bottom-style:solid;}
#contenido_sf h3{ max-width:1004px; margin:50px auto 40px; line-height:135px; font-family: 'bebas_neuelight', Verdana, Geneva, sans-serif; text-transform:uppercase; font-weight:300; color:#FFF; font-size:4.2em;
background: #49236e; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzQ5MjM2ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYTU4YTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #49236e 1%, #aa58a4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(1%,#49236e), color-stop(100%,#aa58a4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #49236e 1%,#aa58a4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #49236e 1%,#aa58a4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #49236e 1%,#aa58a4 100%); /* IE10+ */
background: linear-gradient(to right,  #49236e 1%,#aa58a4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49236e', endColorstr='#aa58a4',GradientType=1 ); /* IE6-8 */}
#contenido_sf h3.tableta{ background:url(../img/fondo01.jpg) no-repeat;}
#contenido_sf h3.video{ background:url(../img/fondo02.jpg) no-repeat;}

#contenido_sf .quienes { max-width:780px; margin:20px auto;}
#contenido_sf .quienes p{ padding-top:40px;}
#contenido_sf .quienes .anni span{ width:210px; height:210px; display:block; float:left; background:url(../img/sprite_quien.png) 0 0 no-repeat; text-indent:-99999em; margin-right:15px;}
#contenido_sf .quienes .ines { clear:both;}
#contenido_sf .quienes .ines span{ width:211px; height:210px; display:block; float:right; background:url(../img/sprite_quien.png) -211px 0 no-repeat; text-indent:-99999em; margin-left:15px;}

footer{
padding:60px 0 120px; text-align:center; width:100%; margin-top:70px;
background: #49236e; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzQ5MjM2ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYTU4YTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #49236e 1%, #aa58a4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(1%,#49236e), color-stop(100%,#aa58a4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #49236e 1%,#aa58a4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #49236e 1%,#aa58a4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #49236e 1%,#aa58a4 100%); /* IE10+ */
background: linear-gradient(to right,  #49236e 1%,#aa58a4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49236e', endColorstr='#aa58a4',GradientType=1 ); /* IE6-8 */}

footer h2.elpais a{background:url(../img/sprite.png) -500px 0 no-repeat; width:154px; height:34px; margin:0 auto 10px}
footer address{ margin:15px auto; font-size:1.3em; color:#EEE; padding:0 20px}
footer .mod_compartir{ margin:0 auto; background:url(../img/sprite.png) 0 -60px no-repeat; width:140px;}
footer .barra_compartir{ padding:17px 5px; width:128px; height:34px; margin:0 auto; }
footer ul.list-compartir{}
footer ul.list-compartir li{float:left; margin:0px 4px; }
footer ul.list-compartir li a{ display:block; height:34px; width:34px; text-indent:-99999em;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;}
footer ul.list-compartir li a:hover{ opacity:0.5}
footer ul.list-compartir li a.facebook{ background:url(../img/sprite.png) -150px -70px no-repeat;}
footer ul.list-compartir li a.twitter{ background:url(../img/sprite.png) -192px -70px no-repeat;}
footer ul.list-compartir li a.googlemas1{ background:url(../img/sprite.png) -233px -70px no-repeat;}

@media screen and (max-width: 800px) {
header{ max-width:780px; padding:20px;}
#contenido_sf h1{ font-size:5em;}
#contenido_sf h4{ padding: 0 20px;}
#contenido_sf p{ padding:0 20px;}
#contenido_sf .quienes{ padding:0 20px;}
#contenido_sf h3{ font-size:3.5em; }
#contenido_sf .quienes p{ padding-top:20px;}
}

@media screen and (max-width:650px) {
#contenido_sf h1{ font-size:4em;}
#contenido_sf h3{ font-size:2.6em; line-height:90px; }
}

@media screen and (max-width:500px) {
#contenido_sf h1{ font-size:3.5em;}
#contenido_sf h3{ font-size:2.5em;}
#contenido_sf .quienes .anni span{ float:none; margin:0 auto 15px }
#contenido_sf .quienes .ines span{ float:none; margin:0 auto 15px }
}

@media screen and (max-width:479px) {
#contenido_sf h1{ font-size:3em;}
#contenido_sf h3{ font-size:2.5em; line-height:30px; padding:20px 0  }
header .logo_elpais{float:none; display:inline-block; margin:0 auto 10px; width:150px }
header h2.logo_surface{float:none; display:inline-block; margin:0 auto;}
}