@font-face {
	font-family: 'RobotoLight';
	src: url('/fonts/v1.x/v1.0/roboto/roboto-light-webfont.eot');
	src: url('/fonts/v1.x/v1.0/roboto/roboto-light-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/v1.x/v1.0/roboto/roboto-light-webfont.woff') format('woff'), url('/fonts/v1.x/v1.0/roboto/roboto-light-webfont.ttf') format('truetype'), url('/fonts/v1.x/v1.0/roboto/roboto-light-webfont.svg#robotobold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'RobotoRegular';
	src: url('/fonts/v1.x/v1.0/roboto/roboto-regular-webfont.eot');
	src: url('/fonts/v1.x/v1.0/roboto/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/v1.x/v1.0/roboto/roboto-regular-webfont.woff') format('woff'), url('/fonts/v1.x/v1.0/roboto/roboto-regular-webfont.ttf') format('truetype'), url('/fonts/v1.x/v1.0/roboto/roboto-regular-webfont.svg#robotoregular') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'RobotoMedium';
	src: url('/fonts/v1.x/v1.0/roboto/roboto-medium-webfont.eot');
	src: url('/fonts/v1.x/v1.0/roboto/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/v1.x/v1.0/roboto/roboto-medium-webfont.woff') format('woff'), url('/fonts/v1.x/v1.0/roboto/roboto-medium-webfont.ttf') format('truetype'), url('/fonts/v1.x/v1.0/roboto/roboto-medium-webfont.svg#robotobold') format('svg');
	font-weight: bolder;
	font-style: normal;
}

html { font-size:100%; color:#303030;}
body { font-family:'RobotoLight', sans-serif; font-size:1em; background:url(../img/bg.jpg) repeat-x top center; background-size:auto; position:relative;}
h2 { font-size:1.75em; line-height:1.14em;}
p { font-size:1.25em; line-height:1.3em;}
a { color:#00aff2;}
a:hover { opacity:.8;}

.barra_compartir { position:fixed;left:0; top:50%; margin-top:-45px;}
.barra_compartir ul { height:180px; width:90px; background:#00aff2; }
.barra_compartir ul:before { content:"";  position: absolute; margin-top: -90px; display:block; width:90px; height:90px; background:url(../img/share.png) no-repeat center center #0082b4;}
.barra_compartir li { display:inline-block;}
.barra_compartir li a { width:50px; margin:0 20px; height:56px; text-indent:-9000px; display:inline-block; overflow:hidden;}
.barra_compartir li a.twitter { background:url(../img/twitter.png) no-repeat center center;}
.barra_compartir li a.facebook { background:url(../img/facebook.png) no-repeat center center;}
.barra_compartir li a.googlemas1 { background:url(../img/google_plus.png) no-repeat center center;}
.barra_compartir li a:hover, .bottom .redes_sociales ul li a:hover { opacity:.3;}

header { width:1140px; display:block; margin:0 auto; padding-top:30px;}
header h1 { float:left; width:193px; height:127px;}
header h1 a { display:block; width:193px; height:127px; background:url(../img/logo_w.png) no-repeat; text-indent:-9000px; overflow:hidden;}
header h1 a:hover {background:url(../img/logo_b.png) no-repeat; opacity:1;}
header .top { float:right; display:block;}
header .top a { display:block; width:161px; height:35px; background:url(../img/elpais.png) no-repeat; text-indent:-90000px; overflow:hidden;}
header .top p { display:block; width:159px; height:31px; background:url(../img/publi.png) no-repeat; text-indent:-90000px; overflow:hidden; margin-top:14px; margin-left:2px;}
header p.movil { display:none;}

.container { width:1140px; display:block; margin:0 auto;}
.videoWrapper {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0; margin-top:135px; margin-bottom:100px;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
article { margin-bottom:100px;}
.left { width:27%; float:left; margin-right:3%; text-align:right;}
.right { width:70%; float:right;}
.left h2 { border-bottom:solid 6px #00aff2; padding-bottom:15px;}
.left p { color:#a6a6a6; font-size:12px; text-transform:uppercase; font-family:'RobotoMedium', sans-serif; line-height:18px; margin-top:25px;}
.left a { font-weight:bold; font-family:'RobotoMedium', sans-serif; text-transform:uppercase; font-size:12px; background:url(../img/arrow.jpg) left 2px no-repeat; padding-left:14px;}
.main_text { margin-bottom:80px;}
.main_text h2 { font-size:2.875em; font-family:'RobotoRegular', sans-serif;}
.main_text p { font-size:1.375em; line-height:1.27em; font-family:'RobotoRegular', sans-serif;  margin-top: 20px;}
.main_text p.small { font-size: 1.25em; line-height: 1.3em;  font-family:'RobotoLight', sans-serif; margin-top:0;}
article .right p { padding-bottom:40px;}


.figure {}
.flexslider, .flex-viewport, .flexslider ul.slides, .flexslider ul.slides figure, .flexslider ul.slides li img {/*height: auto; min-height: 100%; max-height: 100%; width: auto;*/}
.flexslider { position:relative;float:none;clear:both;}
.flexslider .link_fotos {position: absolute;top: 20px;right: 20px;z-index: 1000000;color: #fff;font-size: 14px;padding: 5px 10px 5px 60px;background: url(../img/sprite.png) no-repeat -150px -257px #212126;}
.flexslider ul.slides {}
.flexslider ul.slides figure {margin:0; -webkit-margin-before:0;-webkit-margin-after: 0;-webkit-margin-start: 0;-webkit-margin-end:0;}
.flexslider ul.slides li img { width:100%; height:auto !important;}
.flexslider ul.flex-direction-nav {display: block; position: absolute;top: 50%; left: 0; width: 100%;}
.flexslider ul.flex-direction-nav li { display:block; }
.flexslider ul.flex-direction-nav li a { background:#00aff2; width:auto; height:auto; padding:20px 25px; margin-top:-30px; display:block; color:#fff;}
.flexslider ul.flex-direction-nav li a:hover { text-decoration:none;}
.flexslider ul.flex-direction-nav li a.flex-prev { float: left;}
.flexslider ul.flex-direction-nav li a.flex-next { float: right; background:#00aff2;}



.bottom { text-align:center; color:#fff;}
.bottom .azul { width:100%; height:300px; background:url(../img/bottom.jpg) no-repeat center center #00aff2;}
.bottom .redes_sociales { background:#303030; padding:35px 0;}
.bottom .redes_sociales p { font-size:14px; font-weight:bold; font-family:'RobotoMedium', sans-serif; padding-bottom:20px; }
.bottom .redes_sociales ul { display:inline-block; margin:0 auto;}
.bottom .redes_sociales ul li { float:left; display:block; width:30px; height:30px; margin:0 8px;}
.bottom .redes_sociales ul li a {width:30px; height:30px; overflow:hidden; text-indent:-9000px; display:block;}
.bottom .redes_sociales ul li:nth-of-type(1) a { background:url(../img/twitter.png) no-repeat center center;}
.bottom .redes_sociales ul li:nth-of-type(2) a { background:url(../img/facebook.png) no-repeat center center;}
.bottom .redes_sociales ul li:nth-of-type(3) a { background:url(../img/google_plus.png) no-repeat center center;}
.bottom .redes_sociales ul li:nth-of-type(4) a { background:url(../img/linkedin.png) no-repeat center center;}
.bottom .redes_sociales ul li:nth-of-type(5) a { background:url(../img/youtube.png) no-repeat center center;}
.bottom footer ul { border-bottom:solid 2px #e5e5e5; display:inline-block; max-width:330px; width:100%; padding:30px 0;}
.bottom footer ul li { display:block; float:left; margin:0 15px;}
.bottom footer a.elpais { display:block; width:140px; height:35px; background-size:100% !important; background:url(../img/elpais.png) no-repeat; text-indent:-90000px; overflow:hidden; margin:30px auto 10px;}
.bottom footer p { font-size:12px; text-transform:uppercase; color:#303030; padding-bottom:20px;}

@media (max-width: 1900px) {
body { background-size:auto;}
}

@media (max-width: 1400px) {
header { width:1140px; position:relative;}	
.barra_compartir {  position: absolute;right: 0 !important;top: 111px;margin: 0;left: auto;}
.barra_compartir ul:before { display:none;}
.barra_compartir ul { height: 45px; width: 129px; background: #222; padding: 0px 15px;}
.barra_compartir li { display: inline-block; float: left;}
.barra_compartir li a {width: 43px; margin: 0; height: 45px;}
}

@media (max-width: 1200px) {
body {font-size:95%;}
header, .container { width:90%; padding:30px 5%;}
.barra_compartir { right: 5% !important;}
.videoWrapper { margin-top:70px;}
article .right p { padding-bottom:30px;}
}

@media (max-width: 900px) {
body { background:none; font-size:85%;}
header .top a {width: 130px;height: 29px;background-size: 100%; }
header .top p { background:url(../img/publi_responsive.png) no-repeat; width:128px; height:10px;margin-top: 10px;}
header h1 a { background:url(../img/logo_a.png) no-repeat; }
header h1 a:hover { background:url(../img/logo_a.png) no-repeat; opacity:.8; }
.barra_compartir ul { background:none; padding:0;}
.barra_compartir li a.twitter { background: url(../img/twitter_black.jpg) no-repeat center center;}
.barra_compartir li a.facebook { background: url(../img/facebook_black.jpg) no-repeat center center;}
.barra_compartir li a.googlemas1 { background: url(../img/google_plus_black.jpg) no-repeat center center;}
.videoWrapper { margin-top:0;}
.main_text {margin-bottom:60px;}
article { margin-bottom:80px;}
.left, .right { width:100%; float:none; text-align:center;}
.right { margin-top: 30px;}
.left h2 { border-bottom:solid 1px #ddd;}
.videoWrapper:after {display:none;}
.videoWrapper {margin-bottom:40px;}
}

@media (max-width: 700px) {
header h1 { width:40%; max-width: 193px;}
header h1 a { width:100%; background-size:100%;}
header h1 a:hover { background-size:100%;}
.videoWrapper { margin-top:0;}
.bottom footer ul { width:70%; padding-top:0; padding-bottom:10px;}
.bottom footer ul li { margin: 20px 0; width: 50%;}
.bottom footer ul li:nth-of-type(3) { clear:both;}
}


@media (max-width: 520px) {
header h1 { margin:0 auto 30px; float:none; clear:both;}
header .top {float: left;}
.barra_compartir {  position: static;  float: right;}
.bottom footer ul li { width:100%; float:none; clear:both;}
header {padding: 30px 5% 0;}
.container {padding: 0 5% 30px;}
.videoWrapper { margin-top:30px; margin-bottom:0;}
.flexslider ul.flex-direction-nav li a { padding: 10px 13px; margin-top: -24px}
}

@media (max-width: 450px) {
header h1 { margin:0 auto;}
}

@media (max-width: 350px) {
header h1, header h1 a { height:110px;}
header .top a {width: 120px;}
header .top p {width: 116px; background-size:100%;}
.barra_compartir ul { width:114px;}
.barra_compartir li a { width: 38px;}
}

