@font-face {
    font-family: 'Lato';
    src: url('/fonts/v1.x/v1.0/lato/lato-light-webfont.eot');
    src: url('/fonts/v1.x/v1.0/lato/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/v1.x/v1.0/lato/lato-light-webfont.woff') format('woff'),
         url('/fonts/v1.x/v1.0/lato/lato-light-webfont.ttf') format('truetype'),
         url('/fonts/v1.x/v1.0/lato/lato-light-webfont.svg#latolight') format('svg');
    font-weight: 300;
    font-style: normal;

}

@font-face {
    font-family: 'Lato';
    src: url('/fonts/v1.x/v1.0/lato/lato-black-webfont.eot');
    src: url('/fonts/v1.x/v1.0/lato/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/v1.x/v1.0/lato/lato-black-webfont.woff') format('woff'),
         url('/fonts/v1.x/v1.0/lato/lato-black-webfont.ttf') format('truetype'),
         url('/fonts/v1.x/v1.0/lato/lato-black-webfont.svg#latoblack') format('svg');
    font-weight: 900;
    font-style: normal;
}


body{color:#fff;font:normal 16px/23px 'Lato',sans-serif;
animation:: fadeIn .8s ; -moz-animation: fadeIn .8s ; -webkit-animation: fadeIn .8s ; -o-animation: fadeIn .8s ;-ms-animation: fadeIn .8s;}
html{color:#fff;font:normal 16px/23px 'Lato',sans-serif;}
a:hover{opacity:.5;
-webkit-transition-property: opacity color; -webkit-transition-duration: 1.5s; -webkit-transition-timing-function: ease; -moz-transition-property: background color; -moz-transition-duration: 1s; -moz-transition-timing-function: ease; -o-transition-property: background color; -o-transition-duration: 1s; -o-transition-timing-function: ease; -ms-transition-property: background color; -ms-transition-duration: 1s; -ms-transition-timing-function: ease; transition-property: background color; transition-duration: 1s; transition-timing-function: ease;
text-decoration:none;}
a.marcado:hover{opacity:1;cursor:text;}

.oculto{display:none;}
img{max-width:100%;height:auto;display:block;}
/* Inicio*/
.apertura{position:fixed;width:50%;top:0;z-index:1;}

.titulo{font-weight:900;font-size:50px;line-height:55px;text-transform:uppercase;width:300px;display:block;}
.titulo a{color:#fff;}
.el_pais_semanal{margin-bottom:5px;display:inline-block;}

#cabecera{margin-bottom:25px;padding-top:10px;}
#el_mapa{right:0;background:#efefef;}
#la_historia{left:0;}

.fila{width:96%;max-width:1386px;margin:0 auto;}

.titular{font-weight:normal;font-size:40px;line-height:50px;margin-bottom:30px;}
.titular a{color:#fff;}
.titular strong{font-size:40px;font-weight:900;}
.txt{font-size:15px;line-height:24px;margin-left: 14px;}

.barra_compartir{float:right;}
.barra_compartir li{float:left;margin-left:4px;}
.barra_compartir li a{display:block;width:38px;height:39px;text-indent:-9999px;background:url(../img/compartir.png) 0 0 no-repeat;}
.barra_compartir li .facebook{background-position:-79px 0;}
.barra_compartir li .twitter{background-position:-39px 0;}
.barra_compartir li .googlemas1{background-position:-160px 0;}

.audio{}
.escuchar{color:#fff;display:block;width:34px;height:34px;text-indent:-9999px;background:url(../img/puntos.png) -887px -57px no-repeat;margin:auto;}
.pause{color:#999;background:url(../img/puntos.png) -887px -102px no-repeat;}

/* Portada */
#portada #cabecera{position:absolute;top:0;left:0;z-index:130;width:100%;margin-bottom:0;}
#cabecera .titulo{margin-bottom:0;}
#la_historia{background:url(../img/la_historia.jpg) 50% 50% no-repeat;background-attachment:fixed;background-size:cover;}
#la_historia .articulo{float:right;}
#el_mapa{background:url(../img/el_mapa.jpg) 50% 50% no-repeat;background-attachment:fixed;background-size:cover;}
#el_mapa .articulo{float:left;}
.articulo .ver_mas{color:#fff;display:none;text-transform:uppercase; margin-left: 14px;}
.apertura{width:50%;display:block;}
.apertura .interior .articulo{margin:0px 30px 0;color:#a6a6a6;width:390px;min-height:300px;}
.apertura .titular{font-size:50px;text-transform:uppercase;text-shadow:1px 1px 0 rgba(0,0,0,.4); text-align:right;}
.fundido{-webkit-transition-property: background color; -webkit-transition-duration: 1.5s; -webkit-transition-timing-function: ease; -moz-transition-property: background color; -moz-transition-duration: 1s; -moz-transition-timing-function: ease; -o-transition-property: background color; -o-transition-duration: 1s; -o-transition-timing-function: ease; -ms-transition-property: background color; -ms-transition-duration: 1s; -ms-transition-timing-function: ease; transition-property: background color; transition-duration: 1s; transition-timing-function: ease;background:#000;}
.apertura .interior .txt{display:none;margin-bottom:10px;}
.fundido .txt{-webkit-transition-property: opacity:1; -webkit-transition-duration: 1.5s; -webkit-transition-timing-function: ease; -moz-transition-property: background color; -moz-transition-duration: 1s; -moz-transition-timing-function: ease; -o-transition-property: background color; -o-transition-duration: 1s; -o-transition-timing-function: ease; -ms-transition-property: background color; -ms-transition-duration: 1s; -ms-transition-timing-function: ease; transition-property: background color; transition-duration: 1s; transition-timing-function: ease;opacity:1;}

.aclarado{-webkit-transition-property: background color; -webkit-transition-duration: 2.5s; -webkit-transition-timing-function: ease; -moz-transition-property: background color; -moz-transition-duration: 2s; -moz-transition-timing-function: ease; -o-transition-property: background color; -o-transition-duration: 2s; -o-transition-timing-function: ease; -ms-transition-property: background color; -ms-transition-duration: 2s; -ms-transition-timing-function: ease; transition-property: background color; transition-duration: 2.5s; transition-timing-function: ease;background:transparent;}

.cabecera{position:relative; padding-top:80px;}
#desplegar{display:none;}
.menu_nav {position: relative; width: 1386px; margin: 0 auto; max-width:96%;}
.menu{padding-top:20px;position:absolute;top:-20px;left:0px;z-index:20;}
.menu li{float:left;}
.menu li:first-child{display:none;}
.menu li a{font-size:20px;line-height:24px;display:block;text-align:center;padding:20px 0;width:182px;color:#fff;text-transform:uppercase;}
.menu .marcado{background:#000;}
.menu .first_menu{background:#000; opacity:0.4;}

/* Mapa */
.mapa .destacado{width:440px;}
.mapa .destacado .titular{margin-bottom:20px;text-transform:uppercase;}
.mapa .pantalla{background:url(../img/mapa_bg.jpg) center center no-repeat;background-size:cover; }
.mapa .barra_compartir{z-index:20;position:absolute;top:5px;right:0;}
#trazado{margin:0 auto;position:relative;z-index:1;}
#trazado img{margin:0 auto;position:relative;z-index:1;}
#contenedor_mapa {}

#puntos{top:0;left:0;display:block;}
#puntos li{z-index:10;}
.m{position:absolute;/*width:32px;height:49px;*/}
.punto{display:block;text-indent:-9999px;width:32px;height:49px;background:url(../img/puntos.png) 0 0 no-repeat;}
#melilla{bottom:23%;left:11%;}
#lampedusa{bottom:27%;left:45%;}
#grecia{top:16%;left:73%;}


.elementos{position:absolute;width:230px;height:230px;top:-100px;left:-100px;z-index:130;}
.punto:hover + .elementos, .elementos:hover {visibility: visible;
	-webkit-transform: translateY(0%) scale(1);
	transform: translateY(0%) scale(1);
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;display:block;
}

.elementos {visibility: hidden;
	-webkit-transform: translateY(0%) scale(0);
	transform: translateY(0%) scale(0);
	-webkit-transition: -webkit-transform 0.4s, visibility 0s 0.4s;
	transition: transform 0.4s, visibility 0s 0.4s; 
 
}
.elementos p{font-size:18px;font-weight:900;text-transform:uppercase;position:absolute;}
.elementos li{position:absolute;}
.elementos li a{background:url(../img/puntos.png) 0 0 no-repeat;width:49px;height:49px;display:block;text-indent:-9999px;}
.elementos .centro a{background-position:-32px 0;}
.elementos .audio a{background-position:-81px 0;}
.elementos .valla a{background-position:-130px 0;}
.elementos .rescate a{background-position:-179px 0;}
.elementos .video a{background-position:-228px 0;}
.elementos .campamento a{background-position:-277px 0;}
.elementos .historia a{background-position:-424px 0;}

/* melilla */
#melilla .elementos p{top:60px;left:50px;}
.galeria_0{top:120px;left:0;}
.historia_0{top:0;left:58px;}
.elementos .historia_0 a{background-position:-670px 0;}
.galeria_2{top:60px;right:0px;}
.galeria_1{bottom:0px;right:53px;}

/* lampedusa */
#lampedusa .elementos{width:280px;height:280px;top: -120px;left: -120px;}
#lampedusa .elementos p{top: 100px;left: -61px;}
.galeria_3{top:8px;left:81px;}
.galeria_4{top:11px;left:147px;}
.elementos .galeria_4 a{background-position: -326px 0;}
.historia_1{top:52px;left:201px;}
.elementos .historia_1 a{background-position:-621px 0;}
.galeria_5{top:112px;left:218px;}
.elementos .galeria_5 a{background-position: -375px 0;}
.galeria_6{top:174px;left:209px;}
.elementos .galeria_6 a{background-position:-179px 0;}
.historia_2{top:219px;left:168px;}
.elementos .historia_2 a{background-position:-572px 0;}
.historia_3{top:221px;left:100px;}
.elementos .historia_3 a{background-position:-523px 0;}
.video_0{top:193px;left:40px;}
.video_1{top:137px;left:7px;}
.historia_6{top:38px;left:26px;}
.elementos .historia_6 a{background-position:-721px 0;}

/* grecia bulgaria */
#grecia .elementos p{top:56px;left:-56px;}
.galeria_7{top:0;left:62px;}
.galeria_8{top:31px;left:147px;}
.galeria_9{top:102px;left:177px;}
.galeria_10{top:170px;left:135px;}
.historia_4{top:170px;left:38px;}
.elementos .historia_4 a{background-position:-474px 0;}
.historia_5{top:90px;left:0px;}
.elementos .historia_5 a{background-position:-425px 0;}

.sombra {position:fixed;z-index:30;top:0;left:0;width:100%;display:none;background:#000;}

.mapa .foto {position:absolute;top:0;left:0;background-color:#000;background-size:contain;background-position:center center;width:100%;}


.ocultar{position:absolute;top:10px;right:10px;background:url(../img/puntos.png) -778px 0;width:49px;height:49px;display:block;text-indent:-9999px;}
.mostrar{position:absolute;bottom:-23px;right:10px;background:url(../img/puntos.png) -827px -9px;width:49px;height:49px;display:block;text-indent:-9999px;}
.sel{z-index:51;}
.activo{z-index:52;}
.oculto{display:none;}

.contador{position:absolute;left:49%;display:inline-block;color:#fff;z-index:55;display:block;}
.nav a  {background: none repeat scroll 0 0 #FFFFFF;border-radius: 48px;color: #000000;display: block;font: 34px/64px 'Lato',sans-serif;height: 65px;text-align: center;top: 48%;width: 64px;z-index: 55;}
.sig{position:absolute;right:10px;}
.ant{position:absolute;left:10px;}
.cerrar {position:absolute;top:10px;right:10px;color:#fff;z-index:60;font: 80px/96px 'Lato',sans-serif;width:96px;text-align:center;display:block;}


/* galeria */
.gal .encabezado{display:none;}
.gal .encabezado h2{max-width:900px;padding:0 20px; margin:0 auto;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.7)}
.gal .fila{max-width:980px;margin:auto;position:relative;}
.gal .txt{position:absolute;bottom:0;left:0;width:100%;}
.gal .txt .interior{background:rgba(0,0,0,.3);padding:5%;text-shadow:1px 1px 0 rgba(0,0,0,.7);}
.gal .txt .interior h3{line-height:0px;font-size:24px;margin-bottom:30px;}
.gal .txt .interior h3 strong{font-size:24px;}
.gal .meta{display:none;}
.gal .txt .interior p a{color:#fff;border-bottom:1px dotted #fff;}


/* video */
.video_contenedor{max-width:1386px;margin:0 auto;}
.video .titular{display:none;}

/* historia */
.historia .figura{float:left;}
.historia .imagen{max-height:100%;width:auto;opacity:0;}
.historia .txt{float:left;padding:0 0 0 8%;max-width:40%;margin-left:0;}
.historia .txt p{margin-bottom:15px;}
.historia .txt p a{color:#fff;border-bottom:1px dotted #fff;}
.historia .txt .audio{padding:10px 0;margin-bottom:10px;}

#historia .cabecera .barra_compartir{top:-230px;right:10px;position:absolute;}
#historia .cabecera .barra_compartir li a{background:url(../img/compartir_n.png);}
#historia .cabecera .barra_compartir li .facebook {background-position: -79px 0;}
#historia .cabecera .barra_compartir li .twitter{background-position:-39px 0;}
#historia .cabecera .barra_compartir li .googlemas1{background-position:-160px 0;}

#historia #cabecera{padding-top:240px;}
#historia{background:#fff url(../img/historia.jpg) 65% 46px no-repeat;}
#historia .menu{bottom:auto;top:-240px;padding-top:0;}
#historia .menu li a{padding:20px 0;color:#000;}
#historia .menu li .marcado{color:#fff;}
#historia{color:#000;}
#historia article h1{display:none;}
#historia .titulo a{color:#000;}
#historia .fila{max-width:940px;}
#historia .fila p{margin-bottom:35px;padding-right:10px;line-height:26px;}
#historia .fila p a{color:#000;border-bottom:1px dotted #000;}
#historia .fila p a:hover{border-bottom-style:solid;}
#historia .presentacion{background:#000;color:#fff;padding:35px;margin:0 auto 50px;max-width:870px;width:auto;font-weight:900;}
#historia .presentacion p a{color:#fff;}
#historia .presentacion .meta{margin-bottom:15px;text-transform:uppercase;font-size:16px;font-style:normal;}
#historia .presentacion .meta a{display:inline-block;margin-right:8px;color:#fff;}
#historia .presentacion p{margin-bottom:0;line-height:28px;}
#historia .creditos {font-size:12px;}
#historia .creditos-cierre  {text-align:center; margin: 80px auto; text-align:right;padding:10px;}
#historia .creditos-cierre .creditos {font-size:20px; }
#historia .creditos-cierre a.creditos  {color: #000;}
.letra{display:block;text-indent:-9999px;margin:5px 15px 0 0;float:left;}
.letra_e{width:138px;height:195px;background:url(../img/letra_e.png) 0 0 no-repeat;}
.letra_n{width:159px;height:168px;background:url(../img/letra_n.png) 0 0 no-repeat;margin-top:6px;}
.letra_a{width:177px;height:168px;background:url(../img/letra_a.png) 0 0 no-repeat;}
.letra_c{width:149px;height:172px;background:url(../img/letra_c.png) 0 0 no-repeat;}
.letra_s{width:111px;height:162px;background:url(../img/letra_s.png) 0 0 no-repeat;margin-top:-15px;}
#historia .foto{margin:0 auto 35px;position:relative;}
#historia .foto img{margin:0 auto;}
#historia .grupo{margin-bottom:35px;position:relative;}
#historia .foto .nota{position:absolute;bottom:-30px;right:1px;font-weight:bold;}
#historia .grupo .foto{float:left;position:static;}
#historia .grupo .foto_5{float:none;clear:both;margin-bottom:1px;}
#historia .grupo .foto_6{margin-right:1px;}
#historia .cita{background:#000;font-size:30px;line-height:39px;letter-spacing:2px;width:350px;padding:20px 20px;color:#fff;text-transform:uppercase;float:right;margin:0 0 20px 20px;}
#historia .cita_4{width:auto;padding:45px 25px 45px 46px;margin:6px 0 0 23px;}
#historia .pie{max-width:940px;margin:auto;}
#historia .pie p strong{text-transform:uppercase;}
#historia .pie p{position:absolute;background:rgba(0,0,0,.6);border:1px solid #fff;color:#fff;top:5%;width:290px;padding:30px 35px 30px 40px;font-size:18px;line-height:30px;}
#historia .fila .pie{max-width:none;}
#historia .pie .cita{width:auto;position:absolute;top:30px;left:30px;background:#c1bfb3;float:none;margin:0;padding:30px 35px 30px 40px;}
#historia .foto_2 .pie:after, #historia .foto_3 .pie:after, #historia .foto_5 .pie:after{display:block;width:136px;height:123px;background:url(../img/cita.png);position:absolute;right:36px;bottom:29px;content:'';}
#historia .foto_5 .pie:after{top:400px;}
#historia .foto_1 .pie p{left:25%;width:310px;}
#historia .foto_2{margin-bottom: 50px;}
#historia .foto_2 .pie .cita{top:auto;left:51px;bottom:-179px;}
#historia .foto_3{margin-bottom:92px;}
#historia .foto_3 .pie .cita{top:auto;left:73px;bottom:-57px;}
#historia .foto_4 .pie p{top:38px;left:auto;right:25%;}
#historia .foto_5 .pie .cita{top:454px;left:-67px;z-index:5;border:1px solid #fff;}
#historia .foto_5 .pie .nota{bottom:4px;}
#historia .foto_8 .pie p{width:310px;}

.contenedor_audio{width:350px;}
#historia .audio_1{padding-top:145px;margin:0 41px 0 51px;float:left;}
#historia .audio_1 .interior{}
#historia .contenedor_audio .interior{background:#000;padding:65px 0;}
#historia .fila .contenedor_audio p{font-weight:normal;font-size:30px;line-height:38px;color:#fff;text-transform:uppercase;padding:20px 38px 35px;margin:0;}
.controles{margin:0 auto;display:block;}
#historia .audio_2{float:right;margin-left:35px;padding-top:5px;}
#historia .fila .audio_2 p{margin-bottom:10px;}
#historia .contenedor_audio.audio_2 .interior.altura {padding: 50px 0;}


.creditos .pantalla { background: url('../img/creditos_bg.jpg')  center center no-repeat;background-size:cover;}
.creditos .interior{margin: 0 auto;width: 486px;}
.creditos .list-creditos{margin: 0 auto;width: 486px;}
.creditos .list-creditos li{ font-size: 20px;line-height: 26px;padding: 10px 0;}
.creditos .list-creditos li a{ text-decoration: none; color: #fff; }
.creditos .list-creditos li a.link-tw{display: inline-block;text-indent: -9999px;margin: 0 5px;width: 26px;height: 26px;background:#5ea9dd url('../img/ico_tw.png') center center; -webkit-border-radius: 26px;border-radius: 26px;}


#pie{background:#000;color:#fff;clear:both;margin-top:30px;padding:30px; 0}
#pie .fila{position:relative;}
#pie address{font:12px/36px Tahoma, Geneva, sans-serif;text-transform:uppercase;display:block;}
#pie .barra_compartir{position:absolute;right:0;top:0;}

#historia .fila p .tweet {background:url("../img/puntos.png") no-repeat scroll -939px -7px rgba(0, 0, 0, 0); padding-left:34px;}
#historia .fila p a.tweet  {background:url("../img/puntos.png") no-repeat scroll -939px -7px rgba(0, 0, 0, 0);}
#historia .fila p a:hover.tweet {background:url("../img/puntos.png") no-repeat scroll -939px -27px rgba(0, 0, 0, 0);}

@media (max-width:1300px){
    .fila{}
    
    /* historia */
    #historia .foto_1 .pie p {left:18%;}
    #historia .foto_4 .pie p {right:13%;}
	
}

@media (max-width:1024px){

   /* historia */
   #historia .foto_1 .pie p {left:4%;}
   #historia .foto_4 .pie p {right:4%;}
   #historia .foto_5 .pie .cita{left:-24px;}
   .titular {font-size: 35px;padding-top:15px;line-height: 40px;margin-bottom: 15px;}
   .titular strong{font-size: 35px;}
   .historia .txt {max-width:49%;}
   .txt {font-size: 13px;line-height: 19px;}
   .cerrar {color: #FFFFFF;display: block;font: 46px/46px 'Lato',sans-serif;width: 46px;}
   
   .gal .encabezado h2{max-width:760px;}
   .gal .fila{max-width:940px;}
   
}
@media (max-width:1023px){
   #historia .grupo .foto_5{margin-bottom:3px;}
   #historia .grupo .foto_6{width:50%;}
   #historia .grupo .foto_7{width:49.5%;float:right;} 
   .nota{display:none;}
}

@media (max-width:768px){
    
    .historia .imagen{}
    
 /* historia */
   #historia #cabecera{padding-top:175px;}   
   #historia .foto_5 .pie .cita{top:340px;}
   #historia .foto_5 .pie:after{top:290px;}
   #historia .grupo .foto{margin-right:0;}
   #historia .menu{top:-175px;}
   #historia .foto_2 .pie .cita{left:10px;}
   #historia .audio_1{margin-left:15px;}

}


@media (max-width:767px){
    #historia .fila p{padding-right:0;}
    #historia .menu{top:0;}
    body{background:#000;}
    .fila{max-width:96%;padding:0 2%;}
    #cabecera{padding:0;max-width:100%;width:100%;}
    #desplegar{display:block;width:37px;height:37px;border-radius:2px;text-indent:-9999px;float:left; background:url(../img/puntos.png) -888px -7px;}
    #desplegar:hover + ul{display:block;}
    .menu ul:hover{display:block;}
    #cabecera .interior{max-width:96%;padding:0 2%;margin:0 auto;}
    #portada #cabecera{position:relative;}
    .cabecera{position:static;padding-top:60px;}
    .apertura .articulo{padding-top:10px;margin:0;}
    .menu{position:absolute;top:0;bottom:auto; width:96%;background:#000;padding:2%;}
    .menu ul{display:none;margin-left: 35px;padding-left: 16px;}    
    .menu li{float:none;}
    .menu li:first-child{display:block;}
    .menu li a{padding:0;width:100%;  text-align:left;}
    .titulo{width:auto;}
    .apertura{position:static;width:100%;margin:0;float:left;text-align:center;}
    .apertura .interior .articulo{width:auto;margin:0;}
    #la_historia{background-position:center center;background-attachment:scroll;}
    #la_historia .articulo{float:none;}
    #el_mapa{background-position:center center;background-attachment:scroll;}
    #el_mapa .articulo{float:none;}  
       
    .titulo{font-size:42px;line-height:38px;}
    #cabecera .titulo{margin-bottom:10px;}
    .mapa .destacado{width:auto;}
	
    .punto{width:16px;height:24px;background-size:480px 60px;}
   
    .punto:hover + .elementos, .elementos:hover {
       -webkit-transform: translateY(0%) scale(.7);
	transform: translateY(0%) scale(.7);
	-webkit-transition: -webkit-transform 0.4s;
       }
     #historia .contenedor_audio{float:none;width:auto;}  
     #historia .audio_1{padding-top:0;margin:0 0 30px 0;}  
     #historia .audio_2{margin:0 0 30px 0;padding-top:0;}
     #historia .foto_8 .pie p{width:auto;}
     #historia .foto_1 .pie p{width:auto;}
}

@media (max-width:700px){
 /* historia */
 #historia .presentacion{padding:15px;}
 #historia .presentacion p{font-size:14px;line-height:19px;font-weight:normal;}
 .fila{padding:0 3%;width:94%;}
 #historia #cabecera{padding-top:0;}
 #historia .menu{padding-top:2%;}
 #historia .menu ul li a{color:#fff;padding:0;}
 .letra{display:inline;text-indent:0;width:auto;height:auto;background:none!important;font-size:54px;font-weight:bold;margin:12px 5px 0 0;}
 #historia .foto{position:static;margin-bottom:35px;}
 #historia .pie p{position:static;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;background:#000;font-size:13px;line-height:16px;padding:10px;border:none;margin:0;width:auto;}
 #historia .pie .cita{position:static;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;font-size:13px;line-height:17px;padding:12px;}
 #historia .pie .cita br{display:none!important;}
 #historia .cita_4{margin:0 0 35px 0;font-size:14px;line-height:16px;float:none;padding:15px;}
 #historia .cita_4 br{display:none!important;}
 #historia .foto .pie:after{display:none!important;}
 #historia .grupo .foto_5{margin-bottom:2px;}
 #pie{padding:15px 10px;}
 #pie .fila{padding-top:50px;}
 #pie .barra_compartir{width:100%;top:0;left:0;}
 #pie .barra_compartir ul{display:block;width:127px;margin:auto;}
 #pie address{font-size:10px;line-height:13px;display:block;text-align:center;}

 /* movil */
 
 
 
 .lugares{padding-top:35px;margin-bottom:20px;}
 .lugares h2{margin-bottom:10px;}
 .lugares ul{margin-bottom:35px;}
 .lugares ul li{margin-bottom:4px;} 
 .lugares ul li a{color:#fff;}
 .movil .ocultar, .movil .mostrar{display:none;}
 .movil .sombra, .foto{position:static;display:block;top:auto;left:auto;}
 .movil .nav, .movil .cerrar, .movil .contador{display:none;}
 .movil .gal .txt{position:static;top:auto;left:auto;}
 .movil .historia .figura{float:none;margin-bottom:10px;}
 .movil .historia .imagen{opacity:1;}
 .movil .historia .txt{width:94%;padding:0;margin:auto;float:none;max-width:none;}
 .movil .gal .encabezado{display:block;}
 .movil .gal .txt a{color:#fff;border-bottom:1px dotted #fff;}
 .movil .gal .txt .interior h3{display:none;}
 .movil .gal h2{margin-bottom:20px;}
 .movil .volver{border-bottom:1px solid #fff;margin-bottom:25px;}
 .movil .volver a{font:400 30px/32px 'Lato',sans-serif;display:block;text-align:center;text-transform:uppercase;padding:10px 0;color:#fff;}
 #historia.salida_movil{background:none;}
 
 #portada.salida_movil #cabecera{padding-top:10px;}
 #portada.salida_movil #cabecera .barra_compartir {display:none;}
 .salida_movil #la_historia{background:url(../img/m/la_historia.jpg) 50% 50% no-repeat}
 .salida_movil #el_mapa{background: url(../img/m/el_mapa.jpg) 50% 50% no-repeat;}
 .salida_movil .apertura .titular{padding-right:15px;padding-top:35%;font-size:34px;line-height:34px;}
 .salida_movil .video .titular{display:block;padding-left:15px;}
 .salida_movil.mapa .pantalla .fila{padding-bottom:20px;}
 .salida_movil .mapa .cabecera .barra_compartir{display:none;}
 .salida_movil #historia .cabecera .barra_compartir{display:none;}
}

  
/* Ajustes tableta vertical */   
@media (min-device-width:767px) and (min-device-height:800px) {
       .salida_tableta #cabecera .titulo{margin-bottom:40px;}
	   .salida_tableta  .fila{}
       .salida_tableta   #contenedor_mapa{margin-bottom:40px;}
        
       .salida_tableta .historia .figura{float:left;max-width:50%;}        
       .salida_tableta .historia .txt{max-width:40%;padding:0 4%;}
  
  		.salida_tableta .apertura .interior .articulo{width:300px;padding-top:110px;}
        .salida_tableta .apertura .titular{font-size:36px;line-height:39px;}
       
}



@keyframes  fadeIn {0%   {opacity:0} 100% {opacity:1}}
@-moz-keyframes fadeIn {0%   {opacity:0} 100% {opacity:1}}
@-webkit-keyframes fadeIn {0%   {opacity:0} 100% {opacity:1}}
@-o-keyframes fadeIn {0%   {opacity:0} 100% {opacity:1}}