html{margin:0px;padding:0px;min-height:100%}
body{background:url(../img/fondo2.png) top left repeat-x;margin:0;padding:0;font-family:"Segoe UI","Trebuchet MS",Helvetica,Arial,sans-serif;font-size:17px;color:#222;min-height:100%}
div{margin:0px;padding:0px}
a{color:#36C;text-decoration:underline}
img{border:none;max-width:100%}
p{margin:1px auto 4px auto}
.caja1{background-color:#CCC;margin-top:2%}
.ht2{font-weight:600}
#fondo1{background:url(../img/cabecera3.jpg) top center no-repeat;position:relative;margin:0 auto!important;padding:0!important}
#todo{width:980px;margin:0 auto;height:auto;min-height:1400px}
header{width:960px;padding:10px}
#content{clear:both;padding:0 0 1em 0}
#content_1{height:600px;margin-left:838px;margin-top:25px;position:absolute;width:160px;*margin-left:0px;*border:none!important}
#content_2{display:inline;float:left;margin-left:1%;width:77%;margin-right:5%}
footer{background:none repeat scroll 0 0 #2D2D2D;color:#FFF;height:35px;padding:10px}
.footer_area{width:300px;text-align:center}
h1{letter-spacing:-2px;text-align:center;font-size:1.8em;color:#333;margin-top:0.2em;margin-bottom:0.2em}
.subt{letter-spacing:-2px;text-align:center;font-size:1.4em;margin:0;font-weight:600;color:#333}
#site_name{font-size:48px;color:#ddd;text-shadow:1px 2px 2px #333;text-decoration:none;letter-spacing:-2px;margin:0;font-weight:800;height:100px}
#site_name{*height:65px}
h6{font-size:14px;color:#F00;text-decoration:none!important;letter-spacing:-2px;margin:0}
h2{font-size:23px;letter-spacing:-1px;color:#333;text-shadow:1px 2px 2px #ddd;margin:3px 0;text-align:center}
h3{font-size:20px;letter-spacing:-1px;color:#36C;text-shadow:1px 2px 2px #ddd;margin:3px 0;text-align:left}
.h3{font-size:20px;letter-spacing:-1px;color:#36C;text-shadow:1px 2px 2px #ddd;margin:3px 0;text-align:left;font-weight:600}
h4{font-size:20px;letter-spacing:-1px;color:#333;text-shadow:1px 2px 2px #ddd;margin:3px 0;text-decoration:none !important}
p{margin:0 auto;font-size:14px}
.caja1{background-color:#f2f2f2}
.noti{margin:11px 0px 11px 0px;background-color:#f2f2f2;padding:5%}
.noti2{width:18%;font-size:14px;font-weight:600}
.noti3{width:80%;float:right;margin-top:-4%;font-size:14px}
.caja1 p{margin-left:5%;line-height:2em;margin-right:5%}
.ht2{font-weight:600;margin-bottom:0.5em;font-size:1em;color:#666666}
.ht3{margin-top:0.3em}
ul,li,ol{list-style-position:inside}
main{min-height:587px;margin:0;padding:5px 0 0;width:98%;float:left}
.enlaces_footer{width:100%;padding:0;margin:0}
.enlaces_footer2{width:100%;padding:0;margin:0}
.enlaces_footer li{color:#FFF;width:20%;float:left;margin:0;padding:0;list-style:none;font-size:14px}
.enlaces_footer li a{color:#FFF}
.enlaces_footer2 li{color:#FFF;width:10%;float:right;margin:0;padding:0;list-style:none;font-size:14px}
.enlaces_footer2 li a{color:#FFF;text-decoration:none}
.enlaces_footer2 li a:hover{color:#FFF;text-decoration:underline}
table{border-collapse:collapse;border:1px solid #999;color:#444444}
td, th{border:1px dotted #bbb;padding:.2em}
caption{padding:0 0 .5em 0;text-align:left;font-size:1.4em;font-weight:bold;text-transform:uppercase;color:#333!important;background:transparent}
table a{padding:1px;text-decoration:none;font-weight:bold;background:transparent}
table a:link{border-bottom:1px dashed #ddd;color:#000}
table a:visited{border-bottom:1px dashed #ccc;text-decoration:line-through;color:#808080}
table a:hover{border-bottom:1px dashed #bbb;color:#666;text-align:center}
tbody tr:hover{background:#fafafa}
.plano_metro{border:2px solid #BDBDBD;height:auto;margin:auto;position:relative;width:600px;max-width:100%}
.plano_metro img{border:none}
.estaciones{text-align:left;width:200px;float:left}
#footer_2{margin:0 auto;width:980px}
li.active a{background:#999999;background:-moz-linear-gradient(top, #999999 0%, #999999 0%, #c9c9c9 100%, #c9c9c9 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(0%,#999999), color-stop(100%,#c9c9c9), color-stop(100%,#c9c9c9));background:-webkit-linear-gradient(top, #999999 0%,#999999 0%,#c9c9c9 100%,#c9c9c9 100%);background:-o-linear-gradient(top, #999999 0%,#999999 0%,#c9c9c9 100%,#c9c9c9 100%);background:-ms-linear-gradient(top, #999999 0%,#999999 0%,#c9c9c9 100%,#c9c9c9 100%);background:linear-gradient(to bottom, #999999 0%,#999999 0%,#c9c9c9 100%,#c9c9c9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#c9c9c9',GradientType=0);color:#333}
.active2{border-top:4px solid #DD4B39}
.active3{border-top:3px solid #2D2D2D}
span{color:#DD4B39}
#cookieChoiceInfo > span {color:#222}
.caja_lineas{height:180px;margin:10px 0 10px 0}
.caja_lineas ul li{height:35px}
.iconos{float:left}
.memetro{border-radius:5px}
.h3lineas{text-align:center;margin:25px 0 10px;background-color:#ccc}
.cabecera{width:800px;margin-top:10px;margin-bottom:10px}
.cabecera-metro-barcelona{width:768px;height:90px;margin:auto}
.nav{width:100%;font-weight:bold;position:relative;margin-top:0px\9;margin-top:19px\0/;*margin-top:54px;height:44px;*+margin-top:27px;height:44px}
.ie9 .nav{margin-top:0px}
.nav ul{padding:0;margin:0 auto;width:600px;height:44px}
.nav ul{padding:0;margin:0 auto;width:968px;height:44px}
.nav li{display:inline;float:left}
.nav a{font-size:1.2em;font-weight:bold;color:#515151;text-decoration:none;width:auto;background:#f2f2f2;background:-moz-linear-gradient(top, #f2f2f2 0%, #bcbcbc 100%, #bcbcbc 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#bcbcbc), color-stop(100%,#bcbcbc));background:-webkit-linear-gradient(top, #f2f2f2 0%,#bcbcbc 100%,#bcbcbc 100%);background:-o-linear-gradient(top, #f2f2f2 0%,#bcbcbc 100%,#bcbcbc 100%);background:-ms-linear-gradient(top, #f2f2f2 0%,#bcbcbc 100%,#bcbcbc 100%);background:linear-gradient(to bottom, #f2f2f2 0%,#bcbcbc 100%,#bcbcbc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#bcbcbc',GradientType=0);border:1px solid #999;margin:0 -3px;display:inline-block;width:129px;text-align:center;text-decoration:none;line-height:44px}
.nav li a{border-right:1px solid #576979;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.nav li a:active{background:#999999;background:-moz-linear-gradient(top, #999999 0%, #999999 0%, #c9c9c9 100%, #c9c9c9 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(0%,#999999), color-stop(100%,#c9c9c9), color-stop(100%,#c9c9c9));background:-webkit-linear-gradient(top, #999999 0%,#999999 0%,#c9c9c9 100%,#c9c9c9 100%);background:-o-linear-gradient(top, #999999 0%,#999999 0%,#c9c9c9 100%,#c9c9c9 100%);background:-ms-linear-gradient(top, #999999 0%,#999999 0%,#c9c9c9 100%,#c9c9c9 100%);background:linear-gradient(to bottom, #999999 0%,#999999 0%,#c9c9c9 100%,#c9c9c9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#c9c9c9',GradientType=0);color:#333}
.nav li:last-child a{border-right:0}
.nav a:hover, .nav a:active{background:#bcbcbc !important;}
.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.form1{margin-left:31%;margin-top:2%}
.form2{margin-left:30%}
.metro-barcelona-lateral-y-pe{width:160px;height:600px}
.cajadevideo{height: 0px;width: 100%;max-width: 560px;padding-top: 56.25%;position: relative;}
iframe{position: absolute;height: 100%;width: 100%;top: 0px;left: 0px;}
.destacado{background-color:#FFFFA1}
@media only screen and (max-width:1024px){header{padding:10px 10px 10px 43px;width:auto}
#fondo1{background:url(../img/cabecera4.jpg) top center no-repeat}
#todo{width:auto}
#content_1{margin-left:75%;margin-top:16px}
#footer_2{width:800px}
.cabecera{width:750px}
.caja_lineas{height:333px}
.plano_metro{margin-left:25px}
.bloque-adaptable{width:614px;height:20px}
.m1 li a{padding:0px 33px 0px 33px}
.nav ul{width:815px}
.nav ul{width:815px}
#content_2{margin-left:5%;width:75%}}
@media only screen and (max-width:900px){#todo{width:auto}
.cabecera-metro-barcelona{width:80%;height:90px;margin:auto}
#footer_2{width:auto}}
@media only screen and (max-width:870px){.m1 li a{padding:0px 30px 0px 30px;font-size:20px}
.cabecera-metro-barcelona{width:100%;height:90px}
p{font-size:15px}
.cabecera{width:690px}
.enlaces_footer li{width:20%}
.metro-barcelona-lateral-y-pe{width:300px;height:250px}
main{float:none}
#content_2{width:90%}
#content_1{margin-left:20%;height:250px;position:static}}
@media only screen and (max-width:830px){#site_name{font-size:40px}
.m1 li a{padding:0px 28px 0px 28px;font-size:19px}
.enlaces_footer2 li{width:15%}
.nav ul{width:100%}
.noti3{margin-top:-6%}}
@media only screen and (max-width:760px){.m1 li a{padding:0px 19px 0px 19px;font-size:19px}
.cabecera{width:590px}
p{font-size:16px}
.nav a{width:110px}}
@media only screen and (max-width:680px){.cabecera{width:500px}
p{font-size:16px}
.nav a{width:100px}
.enlaces_footer li{width:20%}
.form1{margin-left:6%}
.form2{margin-left:5%}
#content_1{margin-left:10%}}
@media only screen and (max-width:600px){.cabecera{width:540px}
.nav{height:auto}
.nav ul{width:100%;display:block;height:auto}
.nav li{width:33%;float:left;position:relative}
.nav li a{border-bottom:1px solid #576979;border-right:1px solid #576979}
.nav a{text-align:left;width:100%;text-indent:25px}
.caja_lineas{height:510px}
#site_name{font-size:36px}
.plano_metro{margin-left:0}
tbody th, tbody td{padding-left:1px;padding-right:1px}
.noti{padding-bottom:10%}
.noti3{width:75%}}
@media only screen and (max-width:580px){.cabecera{width:100%}
#fondo1{background:none}
footer{height:120px}
.iconos{width:100px}
.noti2{text-align:center;width:100%}
.noti3{float:none}}
@media only screen and (max-width:480px){.nav{border-bottom:0}
.nav ul{height:auto}
#cookieChoiceInfo > span {size:0.7em;}
#site_name{font-size:18px;text-shadow:none;color:#333;padding-top:0;padding-bottom:5px;padding-right:0;text-align:left}
header{height:20px;background-color:#CCC;padding-top:0;padding-bottom:11px;padding-left:0}
.nav a{font-size:1em}
.form1{margin-left:1%}
.form2{margin-left:1%}
p{font-size:15px}
body{background-image:none}
#content{padding-bottom:0}
main{margin-top:0}
h1{margin-top:0}
.cabecera-metro-barcelona{width:100%;height:90px}
#content_1{margin-left:0}}
@media only screen and (max-width:340px){.cabecera-metro-barcelona{display:none}
.cabecera{margin-left: -5%;}
@media only screen and (max-width:320px){.m1 li a{padding:0% 5px 1px 5px;font-size:0.63em}
.nav li{display:block;float:left;width:50%}
.nav li a{border-bottom:1px solid #576979}
.pie-adaptable-metro-barcelona{width:100%;height:90px}}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   .nav{margin-top:0px}
   /* IE10+ specific styles go heree */  
}