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

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


@font-face {
    font-family: 'latoblack';
    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{ border:2px solid #888; text-align:center; font-family: playfairdisplay-regular, Georgia, "Times New Roman", Times, serif; font-size:1.5em; margin: 5px; }

#emerita-lvdica{ padding:40px}
.wrapper{ max-width:980px; margin:0 auto; text-align:left; overflow: hidden;}

header{ position:relative; margin:20px 0 40px 0; text-align: center;}
header h1.logo_emerita{ clear: both; margin-top: 1em;}
header h1.logo_emerita a{ background:url(../img/emerita.png) center no-repeat; max-width:692px; height:70px; text-indent:-9999em; display:inline-block; margin: 0 auto; background-size: contain; width: 100%;}


.contenido{ padding:60px 0 60px 300px; position:relative;}
.contenido h3{ font-size:36px; line-height:130%; text-transform:uppercase; margin-bottom:40px;letter-spacing:-1px; font-weight:normal;}
.contenido p{ margin-bottom:40px; font-size:16px; line-height:160%;}
.contenido p strong{font-family: playfairdisplay-bold; font-weight: 700;}
.contenido .fecha{ position:absolute; top:60px; left:20px; background:url(../img/laurel.png) 0 0 no-repeat; width:226px; height:83px; text-align:center; font-size:20px; text-transform:uppercase; letter-spacing:-1px; padding:20px 0}
.contenido .fecha strong{ font-size:28px;}
.contenido .fecha span{ display:block;}

.enlaces{}
.enlaces h3{ margin-bottom:20px;}
.enlaces ul{}
.enlaces ul li{ margin:0 0 15px;}
.enlaces ul li a{ font-family:latoblack, Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; color:#000;}
.enlaces ul li a:hover{ color:#649B16; text-decoration:none;} 

.modulos{}
.modulos .modulo{ float:left; width:48%;}
.modulos .modulo img{ width:100%; height:auto;}
.modulos #conoce{ margin-right:4%;}
.modulos h3{ font-size:31px; line-height:130%; text-transform:uppercase; margin:15px 0; letter-spacing:-2px; font-weight:normal;}
.modulos h3 a{ color:#000; text-decoration:none;}
.modulos h3 a:hover{ color:#649B16; text-decoration:none;} 
.modulos a:hover img{ opacity:0.8}
.modulos p{ margin-bottom:40px; font-size:16px; line-height:160%;}

.colaboran{border-bottom:1px solid #888; border-top:1px solid #888; text-align:center;  padding:40px 0; width: 100%; }
.colaboran .logos div{ margin:0; width:20%; float:left; height:auto; line-height: 230px; }
.colaboran .logos img{vertical-align: middle; max-width: 100%; height: auto;}


footer{ text-align:center; margin:40px 0;}
footer h2.elpais a{background:url(../img/sprite.png) -3px -313px no-repeat; width:145px; height:32px; margin:0 auto 10px}
footer address{ font-family:Arial, Helvetica, sans-serif; font-size:11px; text-transform:uppercase;}
.barra_compartir{ margin:15px auto;}
ul.list-compartir{display: inline-block;}
ul.list-compartir li{float:left; margin:0px 2px; }
ul.list-compartir li a{ display:block; height:30px; width:30px; text-indent:-99999em;}
ul.list-compartir li a:hover{ opacity:0.8}
ul.list-compartir li a.facebook{ background: rgba(0, 0, 0, 0) url("../img/sprite.png") no-repeat scroll -44px -170px / 1600% auto;}



ul.list-compartir li a.twitter{ background: rgba(0, 0, 0, 0) url("../img/sprite.png") no-repeat scroll -2px -170px / 1600% auto;}
ul.list-compartir li a.googlemas1{ background: rgba(0, 0, 0, 0) url("../img/sprite.png") no-repeat scroll -83px -170px / 1600% auto;}

.galeria{ max-width:980px; height:auto; position:relative;}
/* Flex */
.flexslider { margin: 0; position: relative; zoom: 1; height:auto; max-width:980px; }
.flex-viewport {  -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport {}
.flexslider .slides { zoom: 1; }
.flexslider .slides  img{ width:100%;}
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; margin: -50px 0 0; position: absolute; top: 50%;  z-index: 10; overflow: hidden; opacity: 1; cursor: pointer; color: rgba(0,0,0,0.8); width:100px;height:100px;text-indent:-9999px; }
.flexslider .flex-prev { left: 20px;background: url(../img/sprite-flechas.png) 0 0 no-repeat; }
.flexslider .flex-next { right: 20px;background: url(../img/sprite-flechas.png) -100px 0 no-repeat;text-indent:9999px;}
.flexslider .flex-next, .flexslider .flex-prev { opacity: 1; }
.flexslider .flex-next:hover, .flexslider .flex-prev:hover { opacity: 0.8; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; display:none; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; display:none; }
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 0; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

.embed-container { position: relative; padding-bottom: 69.6%; height: 0; overflow: hidden; max-width: 100%; margin-bottom:20px } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


@media screen and (max-width: 900px) {
#emerita-lvdica{ padding:2%}
.contenido{ padding:30px 0 30px 0; position:relative;}
.contenido h3{ padding-right:250px; font-size:30px;}
.contenido .fecha{ position: static;margin: 0 auto 1em;}
.enlaces h3{ padding:0}
header .logo_elviajero { margin-bottom:20px;}
.colaboran .logos div { width: 33%;line-height: 136px;}
}

@media screen and (max-width: 730px) {
    header h1.logo_emerita a{ background:url(../img/emerita_mini.png) center no-repeat; width:100%; height:106px; text-indent:-9999em; display:inline-block; margin: 0 auto; background-size: contain;}
    .logos_cabecera{position: relative;}
    .logos_cabecera img:first-child{float: left;}
    .logos_cabecera img:last-child{ position: absolute;top:0; right: 0}
    .logos_cabecera .corona{ display: block; text-align: center; clear: both; margin: 0 auto;}

}

@media screen and (max-width: 600px) {
.modulos .modulo{ float:none; width:100%;}
.modulos .modulo img{ width:100%; height:auto;}
.modulos #conoce{ margin-right:0; border-bottom:1px solid #888; margin-bottom:40px;}
.contenido h3{ font-size:28px;}
.modulos h3{ font-size:22px}
.contenido h3{ padding-right:0;}
.contenido p, .modulos p{ margin-bottom:20px; font-size:14px;}
.colaboran .logos div{  margin:0; width:50%; float:left; height:auto; min-height: 155px; line-height: 0;}
.colaboran .logos div:first-child img{ margin-top: 2em;}

}

@media screen and (max-width: 480px) {
header{ position:relative; margin:20px 0 20px 0;}
header h2.logo_ambroz { display:none;}
header .logo_elviajero{ width:200px; overflow:hidden; margin:0 auto 10px; float:none;}
header .logo_elviajero .publi_especial{ margin:0 auto 5px;}
header h1.logo_emerita a{  height:80px;}
}

@media screen and (max-width: 435px) {
    .logos_cabecera img:first-child{position: relative; left: -40px;}
    .logos_cabecera img:last-child{  right: -50px}
    .colaboran .logos div {margin-top: 23px; width: 100%;  min-height: 112px;}
    .colaboran .logos div:first-child img { margin-top: 0;}
}