@charset "UTF-8";
@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

html {
  font-family: 'Open Sans',sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

#trip_planner, .lateral_subtitulo{
	padding: 10px 10px 10px 15px;
	border-bottom: 1px solid #9b9a98;
}


.btn_tramitar {
	float: right;
	margin:10px 20px 20px 20px;
}

.btn_tramitar a{
	background-color: #fac92c;
	font-weight: bold;
}




.lateral_subtitulo {
	font-size: 16px;
	padding-bottom: 20px !important;
}

.lateral_subtitulo a,.lateral_subtitulo a:hover, .btn_tramitar a, .btn_tramitar a:hover {
	color: #213b68 !important;
	font-size: 12px;
	margin-top: 12px;
	padding: 3px 8px;
}


#daddr,
#saddr{
	width: 100%;
}

.responsive-image{
  height:auto;
  width:100%;
}

body {
  margin: 0; 
  /*	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;*/
}


body {
  background-image: url(../img/fondocabecera.jpg);
  background-repeat: repeat-x;
  position: relative;
  width: 100%;
  min-width: 20em;
  background-color: #e5e4e4;
}

#laempresa ul,
#laempresa p{
	text-align: justify;
	font-size: 0.9em;
	margin: 5px 20px 0 10px;
}


a:focus {
  outline: thin dotted;
}

a:active,
a:hover {
  outline: 0;
}

h1 {
  font-size: 2em;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
  font-size: 80%;
  
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

.margenderecha{
	margin-right: 5px;
}

.imagen img {
 max-width: 100%;
 height: auto;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

.resp_saldo{
	background-color: #fac92c;
	color: #00396b;
	font-weight: bold;
	margin-top: 10px;
	font-size: 14px;
}

.resp_saldo>p{
	padding: 10px;
	margin: 0 !important;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}

button,
input {
  line-height: normal;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
input[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

.cajadetexto{
	margin-bottom: 10px;
	width: 95%;
}

/*.tachado{text-decoration:line-through;}*/

.tachado{background-color: #efefef}

.animated {
	-webkit-transition: height 0.2s;
	-moz-transition: height 0.2s;
	transition: height 0.2s;	
}

.icotrabaja{
	padding-right: 10px;
}
.imagenenlace{
	margin: 40px 0 40px 0;	
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

ul, ol {
  padding: 0;
  list-style: none;
}

h1, h2, h3, h4, h5, h6, p, ul, ol {
  margin: 0;
}

a {
  text-decoration: none;
}

.tabla{ 
	width: 95%;
	font-size: 13px;
	font-weight: bold;	
}

tr{
	/*
	height: 60px;
    border-bottom: 1px solid #d2d1d1;
    */
}

.sinpadinglateral{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.amarillo2{
	color: #ffc500;
	font-size: 16px;
}

.googleviewer{
	height: 500px;
}

.highlight {
  background: #fff699;
  padding: 0 0.5em;
}

.prose ul, .prose ol {
  list-style: outside disc;
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 1.5em;
}
.prose p {
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 1.5em;
}
.prose p.small {
  color: #666;
  font-size: 0.813em;
  line-height: 1.846em;
  margin-bottom: 1.846em;
}
.prose p.medium {
  color: #666;
  font-size: 0.875em;
  line-height: 1.714em;
  margin-bottom: 1.714em;
}
.prose p:last-child {
  margin-bottom: 0;
}
.prose h1 {
  font-size: 1.875em;
  line-height: 1.2em;
  margin-bottom: 0.4em;
}
.prose h2 {
  font-size: 1.5em;
  line-height: 1.25em;
  margin-bottom: 0.5em;
}


.prose a {
  color:#cbcaca; 
  text-decoration: none;
  outline: none;
}
.prose a:focus, .prose a:hover {
  color: #fff;
}

.enlace_azul {
	color:#002d99 !important;
}
.enlace_azul:hover {
	color:#002d99 !important;
}

.fotoconsejo{     
	background: url('../img/consejo_2016.jpg') no-repeat; 
	background-size:100%;
	background-position: center center;
    height: 420px;
}

#banneriniciopeq{
	margin:2px 7px !important;
}
.adhesivo{     
	float:right;
	margin-left: 10px;
}

.personal1 { 
	position:relative; 
	display:inline-block;
	top: 0px; 
	left:0%; 
	width: 11%; 
	height: 70%; 
	background-color: transparent;
	cursor: pointer;
}

.personal2 { 
	position:relative; 
	display: inline-block;
	top: 0px;  
	left: 1%;
	width: 8%; 
	height: 70%; 
	background-color: transparent; 
	cursor: pointer;
	
}

.personal3 { 
	position:relative; 
	display:inline-block;
	top: 0px;  
	left: 1%; 
	width: 9%; 
	height: 70%; 
	background-color: transparent; 
	cursor: pointer;
	
}


.personal4 { 
	position:relative; 
	display:inline-block;
	top: 0px; ; 
	left: 4%;
	width: 11%; 
	height: 70%; 
	background-color: transparent; 
	cursor: pointer;
	
}


.personal5 { 
	position:relative; 
	display:inline-block;
	top: 0px; 
	left: 7%; 
	width: 7%; 
	height: 55%; 
	background-color: transparent; 
	cursor: pointer;
	
}

.personal6 { 
	position:relative; 
	display:inline-block;
	top: 0px; 
	left: 5.5%; 
	width: 8%; 
	height: 70%; 
	background-color: transparent; 
	
	cursor: pointer;

}

.personal7 { 
	position:relative; 
	display:inline-block;
	top: 0px; 
	left: 5%;
	width: 8%; 
	height: 55%; 
	background-color: transparent; 
	cursor: pointer;
	
}
.personal8 { 
	position:relative; 
	display:inline-block;
	top: -130px;
	left: 3%;
	width: 15%; 
	height: 20%; 
	background-color: transparent; 
	cursor: pointer;
	
}
.personal9 { 
	position:relative; 
	display:inline-block;
	top: 45px; 
	left: -9%; 
	width: 12%; 
	height: 40%; 
	background-color: transparent; 
	cursor: pointer;
}

.personal10 { 
	position:relative; 
	display:inline-block;
	top: -170px; 
	left: 45%; 
	width: 12%; 
	height: 40%; 
	background-color: transparent; 
	cursor: pointer;
}




.barra1{
	position:relative; 
	display:inline-table;
	top: -80px; 
	left:-50%; 
	width: 1px; 
	height: 220px; 
	background-color: #FFD800;
}

.barra2{
	position:relative; 
	display:inline-table;
	top: -85px; 
	left:-35%; 
	width: 1px; 
	height: 220px; 
	background-color: #FFD800;
}

.barra3{
	position:relative; 
	display:inline-table;
	top: -110px; 
	left:-25%; 
	width: 1px; 
	height: 260px; 
	background-color: #FFD800;
}

.barra4{
	position:relative; 
	display:inline-table;
	top: -110px; 
	left:-15%; 
	width: 1px; 
	height: 260px; 
	background-color: #FFD800;
}

.barra5{
	position:relative; 
	display:inline-table;
	top: -105px; 
	left:2%; 
	width: 1px; 
	height: 250px; 
	background-color: #FFD800;
}

.barra6{
	position:relative; 
	display:inline-table;
	top: -135px; 
	left:5%; 
	width: 1px; 
	height: 270px; 
	background-color: #FFD800;
}

.barra7{
	position:relative; 
	display:inline-table;
	top: -85px;
	left:14%; 
	width: 1px; 
	height: 220px; 
	background-color: #FFD800;
}
.barra8{
	position:relative; 
	display:inline-table;
	top: -135px; 
	left:20%; 
	width: 1px; 
	height: 270px; 
	background-color: #FFD800;
}

.barra9{
	position:relative; 
	display:inline-table;
	top: -75px; 
	left:23%; 
	width: 1px; 
	height: 220px; 
	background-color: #FFD800;
}

.barra10{
	position:relative; 
	display:inline-table;
	top: -65px; 
	left:40%; 
	width: 1px; 
	height: 200px; 
	background-color: #FFD800;
}

.nombrepersona{
	background-color: #FFD800;
	padding: 10px 0 10px 0;
	margin-top: 10px;
}


.embed-container {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
	margin-bottom: 10px;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.block {
  position: relative;
  margin: 0 auto;
  padding: 1.5em 1.25em;
  max-width: 60em;

}

.close-btn {
  display: block;
  width: 2.625em;
  height: 2.25em;
  padding: 0;
  border: 0;
  outline: none;
  background: #333333 url("../img/close-btn.png") left center no-repeat;
  background-size: 1.875em 1.875em;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.no-svg .close-btn {
  background-image: url("../img/close-btn.png");
}
.close-btn:focus, .close-btn:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.nav-btn {
  display: block;
  width: 2.625em;
  height: 2.25em;
  padding: 0;
  border: 0;
  outline: none;
  background: url("../img/nav-icon.png") left center no-repeat;
  background-size: 1.875em 1.5em;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  /*
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  */
}
.no-svg .nav-btn {
  background-image: url("../img/nav-icon.png");
}
.nav-btn:hover, .nav-btn:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

#outer-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
}

#inner-wrap {
  position: relative;
  width: 100%;
}

#nav {
  z-index: 200;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 73px;
  
}
#nav .close-btn {
  display: none;
}
#nav .block-title {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#nav .block {
  z-index: 2;
  position: relative;
  padding: 0.75em 0em;
 
}
#nav ul {
  *zoom: 1;
  display: block;
  height: 60px;
  
 
}
#nav ul:before, #nav ul:after {
  content: "";
  display: table;
}
#nav ul:after {
  clear: both;
}
#nav li {
  display: block;
}
#nav li a {
  display: block;
  color: #ccc;
  font-size: 0.875em;
  line-height: 1.286em;
  font-weight: lighter;
  outline: none;
}
#nav li a:focus, #nav li a:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}
#nav li.is-active a {
  color: #fff;
}

#top {
  z-index: 100;
  position: relative;
  height: 60px;

}
#top .block-title {
  margin: 0;
  font-size: 1.875em;
  line-height: 1.2em;
  text-align: center;
  white-space: nowrap;
}
#top .nav-btn {
  position: absolute;
  top: 1em;
  left: 1em;
}

#main {
  
}
#main .block {
  padding: 0 0em;
}

footer[role="contentinfo"] {
	float: left;
	width: 100%;
	background: #545351;
	background-image: url(../img/footer.jpg);
	background-repeat: repeat-x;
	
}

.justificar{
	text-align: justify;
}

.contenido {
    display: table;
    table-layout: fixed;
    width: 100%;
    font-size: 0.75em;
}
.col {
    display: table-cell;
    vertical-align: top;
}

.contenido .left
{
    width: 68%;
    background-color:#fff;
}
.contenido .right
{
    width: 32%;
    background-color:#6d6b69;
}




.amarillo{
	color: #ffd800 !important;
	vertical-align: top;
}



.degradado{
	-webkit-box-shadow: inset 0 6px 6px -2px rgba(0,0,0,.16);
	-moz-box-shadow: inset 0 6px 6px -2px rgba(0,0,0,.16);
    box-shadow:inset 0 6px 56px -2px rgba(0,0,0,.16);	
}

.gris{
	background-color: #f6f6f6;
}

.gris2{
	background-color: #fafafa;
}



.iconos{
	height: 245px;
	
    /*behavior: url(includes/ie-css3.htc); */
    border-bottom: 1px solid #d2d1d1;
    border-top: 1px solid #d2d1d1;
}



.iconos h1{
	padding-top: 30px;
	margin-bottom: 40px;
	text-align: center;
	color: #575655;
}


.listadolineas h1{
	text-align: center;
	font-size: 1.3em;
	margin-bottom: 20px;
	margin-top: -15px;
}


.listadolineas h2{
	font-size: 1.1em;
	color: #c0bfbf;
	line-height: 1.6em;
	margin: 0 10px 10px 10px;
	text-align: center;
}



.manchetalistadolinea{
	border: 1px solid #efefef;
	width: 30px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	text-align: center;
	margin-top: 10px;
	cursor: pointer;
}

.cuadrogmaps{
	font-size: 1.3em;
	font-weight: bold;
}

.mapas a{
	color: black;
	margin-left: 5px;
	font-weight: bold;
}

.mapas a:hover{
	color: black;
	text-decoration: underline;
}

.colorbordeinf:hover,
.colorfondo{
	background-color:#000;
	border-bottom: 2px solid #fff;
	color: #fff; 
}


.color1{ /*ROJO*/
	color: #E2001A; 
}
.colorbordeinf1:hover,
.colorfondo1{
	background-color:#E2001A;
	border-bottom: 2px transparent;
	color: #fff; 
}
.colorbordeinf1{
	border-bottom: 2px solid #E2001A;
}



.color2{ /*AZUL CLARO*/
	
}
.colorbordeinf2:hover,
.colorfondo2{
	background-color:#009EE0;
	border-bottom: 2px solid #fff;
	color: #fff; 	
}
.colorbordeinf2{
	border-bottom: 2px solid #009EE0;
}



.color3{ /*VERDE*/
	
}
.colorbordeinf3:hover,
.colorfondo3{
	background-color:#009036;
	border-bottom: 2px transparent;
	color: #fff; 
}
.colorbordeinf3{
	border-bottom: 2px solid #009036;
}



.color4{ /*AMARILLO*/
	
}
.colorbordeinf4:hover,
.colorfondo4{
	background-color:#FFDD00;
	border-bottom: 2px transparent;
	color: #1A171B; 
}

.colorbordeinf4{
	border-bottom: 2px solid #FFDD00;
}



.color5{ /*VIOLETA*/
	
}
.colorbordeinf5:hover,
.colorfondo5{
	background-color:#B966A1;
	border-bottom: 2px transparent;
	color: #fff; 
}
.colorbordeinf5{
	border-bottom: 2px solid #B966A1;
}



.color6{ /*AZUL OSCURO*/
	
}
.colorbordeinf6:hover,
.colorfondo6{
	background-color:#00396B;
	border-bottom: 2px transparent;
	color: #fff; 
}
.colorbordeinf6{
	border-bottom: 2px solid #00396B;
}



.color7{ /*AZUL MEDIO*/
	
}
.colorbordeinf7:hover,
.colorfondo7{
	background-color:#006AB3;
	border-bottom: 2px transparent;
	color: #fff; 	
}
.colorbordeinf7{
	border-bottom: 2px solid #006AB3;
}

.color8{ /*OTRO AZUL*/
	
}
.colorbordeinf8:hover,
.colorfondo8{
	background-color:#bce4f6;
	border-bottom: 2px transparent;
	color: #000; 	
}
.colorbordeinf8{
	border-bottom: 2px solid #bce4f6;
}



.bigtam{
	display: block;
	height: 167px !important;
	width: 167px !important;
	font-size: 10em;
	line-height:1.1em;
	text-align: center;
}





.timeline p{
	margin: 15px 25px 15px 25px;
	font-size: 1.2em;
}


.timeline .suscripcion{
	margin: 15px 25px 15px 25px;
	cursor:pointer;
	color: #6e6c6b;
	font-weight: bold;
}

.timeline .suscripcion img{
	padding-right:7px;
}


.timeline .suscripcion:hover{
	color: #000000;
	
}




.timeline #aviso_linea{
	display:none;
	margin: 5px 25px 15px 25px;
	
}

/*



.horarioverano_avisos .suscripcion{
	margin-right: 80px;

}
*/


.margen_transparencia {
	margin:0 0 10px 10px;
}

.iconos ul {
    list-style: none;
    margin:0;
    padding:0;
    margin: 0 auto;
    display: table;   
}


.tipo4 ul{
	width: 100%;
}

.tipo3 ul{
	width: 80%;
}

.tipo2 ul{
	width: 60%;
}




.iconos li {
    z-index:10;
    text-align: center;
    display: table-cell;
    max-width: 120px ;    
}


.iconos li a {
  display: block;
  color: #cccbcb;
  font-size: 1.3em;
  line-height: 1.286em;
  font-weight:900;
  outline: none;
  border-bottom: none !important;
}


.iconos li a:focus, .iconos li a:hover {
	  color: #fbc200;
	
	  
}
	
.iconos li.is-active a {
	  color: #fbc500;	 
} 

.iconos li img {
	margin-bottom: 5px;
}
  
.listadomas a{
	
	color: #000;
}
.listadomas a:hover{
	text-decoration: underline;
	color: #000;
}

.listadomas h1{
	font-size: 1.4em;
	padding-top: 10px;
	text-align: center;
	margin-bottom: 40px;
}  

/*
.listadonoticias h2{
	text-align: left;
	font-size: 1.3em;
	margin-bottom: 20px;
	margin-top: -15px;
}  

.listadonoticias h2 i{
	color: #6d6b69;
}  
*/



.listadonoticias {
	border-bottom: 1px solid #d2d1d1;
	padding:20px 10px 20px 20px; 
		
}

.listadonoticias h2{
	/*color: #6e6c6b;*/
	font-size: 1.25em;
	font-weight: bold;
	width: 99%;
}

.listadonoticias h2 i{
	color: #6e6c6b;
}  

.listadonoticias ul { list-style: inside; }
.listadonoticias div { width: 99%; }

.listadonoticias div a {
  color:#082c9e; 
  text-decoration: none;
  outline: none;
  font-weight: bold;
}
.listadonoticias div a:focus, .listadonoticias div a:hover {
  color: #082c9e;
  text-decoration: underline;
}



/*.noticias_cursor {cursor:pointer; }*/
.noticias_cursor h2:hover{
	color: #6e6c6b;
}

.puntero,
.noticias_cursor h2 {cursor:pointer;}

.flecha_noticias{
	margin-top: -13px;
	margin-bottom: 0px;	
}

.flecha_noticia_a { margin-left: 32%;}
.flecha_noticia_b { margin-left: 62%;}

#ver_paginas {
	width: 100%;
	padding:20px 10px 20px 0px; 
	text-align: right;
	cursor: pointer;
}


#ver_paginas p{
	margin-right: 15px;
	font-weight: bold;
	/*font-size: 1.1em;*/
	font-size: 13px;

}

.preciotarifa{
	color: #fbc500;
	font-size: 28px;
	font-weight: bold;
	white-space: nowrap;
	
}
 
.columnastarifas ul{
	list-style: none;
    display: table; 
    margin-top: 20px;
}

.columnastarifas li{
	text-align: center;
    display: table-cell;
    max-width: 350px ;
    vertical-align: top;
}

.textomedio li{
	font-size: 14px; 
	line-height: 18px;

}

.textomedio ul{
	margin-right: 30px;
}


.lineainf{
	border-bottom: 1px solid #d2d1d1;
}

.no_mostrar { display:none;}

#metroguagua p{
	font-size: 0.85em;
	padding: 0 20px;
	margin-bottom: 1em;
}

.listadomapa,
.listadolineas, 
.listadomas{
	border-bottom: 1px solid #d2d1d1;
	padding: 30px 10px 10px 10px;
	font-size: 1.4em;
	color: #454443;
}  

.sinpadding{
	padding: 30px 0 10px 0;
}

.conpadding{
	padding: 10px 10px 20px 10px;;
}

.conpadding2{
	padding: 10px 20px 20px 20px;;
}


.listadomapa{
	padding: 30px 30px 10px 30px;
}

.listadomapa a{
	color: #575655;
	cursor: pointer;

}

.listadomapa a:hover{
	color: #000;
}

.listadomas ul{
	padding: 0;
	list-style: none;
	display: table;
}

.listadomas li{
	display: table-cell;
	vertical-align: top;
}

.listadomas ul li img{
	margin: 0 20px;	
}


.flecha2{
	text-align: center;	
}

.flecha2 img{
	position: relative;
	border: 0 ;
	top: -4px;
}

.flecha3 img{
	top: -9px;
}

.flecha{
	margin-top: -48px;
	margin-bottom: 30px;	
}

.iconos1>.flecha {
	margin-left: 47%;
	margin-top: -10px;
	margin-bottom: 10px;
}
.iconos2>.flecha {
	margin-left: 32%;
}

.iconos2>.flecha21 {
	margin-left: 34%;
}

.iconos2>.flecha22 {
	margin-left: 64%;
}


.iconos3>.flecha {
	margin-left: 20%;
}

.iconos3>.flecha32 {
	margin-left: 47.5%;
}

.iconos3>.flecha33 {
	margin-left: 76%;
}

.iconos4>.flecha {
	margin-left: 10%;
}

.iconos4>.flecha41 {
	margin-left: 10%;
}

.iconos4>.flecha42 {
	margin-left: 36%;
}
.iconos4>.flecha43 {
	margin-left: 60%;
}
.iconos4>.flecha44 {
	margin-left: 86%;
}



.iconos4b>.flecha {
	margin-left: 36%;
}

.iconos4c>.flecha {
	margin-left: 61%;
}

.iconos4c2>.flecha {
	margin-left: 58%;
}



.iconos4d>.flecha {
	margin-left: 87%;
}


.rayado{
	background-image: url(../img/fondoraya.png);
}

.margensup{
	margin-top: 20px;
}



.bordetop{
	border-top: 1px solid #d2d1d1;
}

.derecha{
	float: right;
	margin-left: 10px;
	vertical-align: top;
}

.limpiar{
	color: #000 !important;
	float:right;
	margin-right:10px;
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 10px !important;

}


.right h1{
	height: 35px;
	padding: 15px 15px 0 15px;
	border-top: 1px solid #282726;
	border-bottom: 1px solid #9b9a98;
	font-size: 1.4em;
	color: #ffd800;
	font-weight: lighter;
	vertical-align:top;
	margin: 0;
}

.right h1 img{
	margin-right: 10px;
}

.right h2{
	padding: 15px;
	border-top: 1px solid #282726;
	border-bottom: 1px solid #9b9a98;
	font-size: 1.2em;
	color: #e5e4e4;
	font-weight: lighter;
	vertical-align:top;
	margin: 0;
	background-color: #4f4e4d;
}

.right h2 i{
	color: #979390;
}
aside>.vermas {
	border-top: 1px solid #282726;
	border-bottom: 1px solid #9b9a98;
	color: #979390;
	font-size: 1.2em;
	font-weight: bold;
	padding: 5px 20px 5px;
	text-align: right;
	background-color: #4f4e4d;
}

aside>.vermas a{
	color: #979390;
}





.listah3,
.listah2,
.listah {
	display: table-cell;
	vertical-align: top;
	border-bottom: 1px solid #dddddd;
	list-style-type: none;
	width: 50%;
}



.horariobig li:last-child {
	border-left: 0px !important;
}

.horarioiphone{
	display: none;
}


.listah3 h2,
.listah2 h2{
	margin-top: 20px;
	font-size: 1.1em;
	height: 25px;
	font-weight: lighter;
	text-align: center;
	line-height: 25px;
	width: 95%;
}


.listah3 h3,
.listah2 h3{
	color: #000;
	font-size: 1.0em;
	height: 25px;
	font-weight: bold;
	text-align: center;
	line-height: 20px;	
}
.listah2 h3{
	margin-right: 6%;
}

.listah3 h2{
	margin-left: 5%;
}



.listah3,
.listah2 {
	width: 50% !important;
	text-align: left;	
}



.horas3,
.horas2,
.horas{
	display: block;
	/*margin: 0 25px 10px 15px;*/
	font-size: 1.1em;
	line-height: 2.2em; 
	margin: 0 25px 20px 15px;
}

.horas3{
	margin-left: 25px;
	margin-right: 14px;
	
}

.horas3>.impar,
.horas3>.par,
.horas2>.impar,
.horas2>.par,
.horas>.impar,
.horas>.par{
	border-top: 1px solid #dddddd;
	margin: 0;
	padding:5px 5px;

}

.horas3>.impar,
.horas2>.impar,
.horas>.impar{
	background-color: #f5f5f5;
}

.listah h2{
	height: 50px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 1.1em;
	font-weight: bold;
	padding-top: 20px;
	border: 1px solid #dddddd;
}



.titulolinea{
	margin: 0 !important;
}

.titulolinea li{
	display: table-cell;
	vertical-align: top;
	background-color: #f6f6f6;
	border:0 !important;
}

.titulolinea li:last-child {
	padding-left: 40px;
}

.titulolinea.doble li:last-child {
	padding-left: 50px;
}

.manchetalinea{	
	position: absolute;
	width:30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin-top: -4px;
	font-size: 1.2em;
	margin-right: 0px;
}

.manchetalinea2{	
	width:45px;
	
}


.timeline h1{
	font-size: 1.3em;
	padding-top: 30px;
	margin-left: 25px;
}



.timeline li:last-child {
	border-left: 1px solid #dddddd;
}
.timeline li.last-child {
	border-left: 1px solid #dddddd;
}


.timeline ul{
	padding: 0;
	list-style: none;
	display: table;
	width: 97%;
	background-color: #fff;
	margin: 0 auto;
	
}


#timeline2,
#timeline{
	margin: 20px 0 40px 15px;
    list-style:none;
    position:relative;
}

#timeline2{
	margin: 25px 25px 40px 85px;
}

.termometrocolor1{
    border-left: 4px solid #E2001A;
}
.termometrocolor2{
    border-left: 4px solid #009EE0;
}
.termometrocolor3{
    border-left: 4px solid #009036;
}
.termometrocolor4{
    border-left: 4px solid #FFDD00;
}
.termometrocolor5{
    border-left: 4px solid #B966A1;
}
.termometrocolor6{
    border-left: 4px solid #00396B;
}
.termometrocolor7{
    border-left: 4px solid #006AB3;
}

.termometrocolor8{
    border-left: 4px solid #bce4f6;
}

.termometrocolor9{
    border-left: 4px solid #fec42d;
}


.year{
	position: absolute;
	margin-left: -50px;
	margin-top: -10px;
}

#timeline2 i,
#timeline i{	
	content:" ";
    width:10px;
    height:10px;
    display:inline-block;
   
    position: relative;

    /*margin-left:-7px;*/
    
    -webkit-border-radius:20px;
        -moz-border-radius:20px;
            border-radius:20px;
}


#timeline2 i{	
    margin-left:-7px;
    display:block;
}


#laempresa a{
	color: #002d99;
	margin: 0;
}

.bolacolor1{
	background:#E2001A;	
}
.bolacolor2{
	background:#009EE0;	
}
.bolacolor3{
	background:#009036;	
}
.bolacolor4{
	background:#FFDD00;	
}
.bolacolor5{
	background:#B966A1;	
}
.bolacolor6{
	background:#00396B;	
}
.bolacolor7{
	background:#006AB3;	
}
.bolacolor8{
	background:#bce4f6;	
}
.bolacolor9{
	background:#fec42d;	
}


#timeline2 p,
#timeline p{
	/*margin-left: 10px;*/
	font-weight: normal;
	font-size: 13px;
	line-height: 14px;
	/*margin-top: -12px;*/
	margin-top: -16px;
	height: 40px;
}

#timeline2 p{
	height: auto !important;
	line-height: 15px;
	margin-left: 10px;
	margin-top: -12px;
}

#timeline2 li{
	margin-top: 30px;
}

#timeline2 li:last-child,
#timeline li:last-child {
	border-left: none;
	height: 1px ;
}

#timeline2 li.last-child,
#timeline li.last-child {
	border-left: none;
	height: 1px ;
}



.logo{
	position: absolute;
	right: 20px;
	margin-top: -28px;
}

.textoinfo{
	margin: 20px 0 40px 0;
	text-align: center;
	background-color: #fff;
}

.observaciones{
	margin: 5px 15px;
	padding: 5px;
}

.observaciones2{
	margin: 5px 15px 5px 25px;
	padding: 5px;
}

.escondido{
	display:none !important;
}

.oculto{
	visibility: hidden;
}

.map { width: 99%; height:600px;border: 1px solid #dddddd; margin: 0 auto;}

.miubicacion h1{
	text-align: center;
	padding: 10px 0;
	color: #575655;
}

.margeinferior{
	margin-bottom: 8px;
	
}


.faqp {
	border-bottom: 1px solid #d2d1d1;
	padding:20px 10px 20px 20px; 
	cursor: pointer;
}

.ofer {
	border-bottom: 1px solid #d2d1d1;
	padding:20px 10px 20px 20px; 
	cursor: pointer;
}

.ofer h2{
	font-size: 1.25em;
	font-weight: bold;
	color: #353967;
}


.interior_ofer {
	padding-left: 40px;
	padding-right: 10px;
	border-bottom: none;
}

.interior_ofer h3 {
	font-size: 1.0em;
}

.interior_ofer p, .interior_ofer>div {
	padding-left: 15px;
	font-size: 80%;
}

.interior_ofer a {
	color: #002d99;
}

.cursor { cursor:pointer; }

.formulario_trabajo {
	margin-top: 40px;	
}


.faqp h2{
	color: #6e6c6b;
	font-size: 1.25em;
	font-weight: bold;
}
.faqp h2:hover{
	color: #000;
}

.faqr{
	border-bottom: 1px solid #d2d1d1;
	padding: 1px 20px 20px 20px;
	font-size: 1.4em;
	color: #212020;
}  

.faqr p{
	font-size: 0.95em;
}

.faqp a{
	color: #6e6c6b ;
}

.faqp a:hover{
	color: #212020;
}

.tituloseccion h1{
	padding: 30px;
	text-align: center;
	color: #575655;
	margin: 0;
	border-bottom: 1px solid #d2d1d1;
}

.textocabecera{
	position: absolute;
	margin-top: 20px;
	margin-left: 20px;
	height: 39px;
	width: 557px;
	background: url("../img/titulobig.gif") center bottom  no-repeat;
}


.enlacepequeno2{
	font-size: 0.8em !important;
	line-height: 1.4em !important;
	padding-top: 0 !important;
}

.enlacepequeno{
	font-size: 0.7em;
}


.enlacepequeno img{
	margin-left: 4px;
}

.descargarpdf a{
	color: #454443;
	font-weight: bold;
	font-size: 1em;
		
} 
	
.descargarpdf a:hover{
	color: #000;
	
}

.descargarpdf{
	margin: 20px 19px 0 19px;
	padding: 15px;
	border:#cccccc 1px dotted; 
}
  
.descargarpdf h2{
  	color: #454443;
  	margin-bottom: 20px;
}

.descargarpdf p{
	margin: 0 0 15px 20px;
	line-height: 14px;
 }

.fotocentro{
	vertical-align: top ;
	margin-right: 5px;
}

.fotocentro2{
	vertical-align:baseline ;
	margin-right: 5px;
}






.logopie img{
	margin: 15px 0 ;
}

.logopie {
	border-bottom: 1px solid #9b9a98;
}
 
.lineasup{
 	border-top: 1px solid #9b9a98;
 	width: 100%;
 	padding-top: 5px;
 	
}
.lineasup2{
	border-bottom: 1px solid #282726;
	width: 100%;
	
} 
.infopie{
	border-top: 1px solid #282726;
	padding: 20px 10px;
	color: #fff;
	font-size: 0.75em;	
}

.fotopie{
	vertical-align: top;
	margin-left: 10px;
	margin-right: 3px;
}

.infopie a{
	color: #fff;
}

.infopie p{
	margin-bottom: 8px;
}

.infopie a:hover{
	text-decoration: underline;
}

#scrollbar{
	margin-bottom: 20px !important;	
}


.chromeframe{
	position: absolute;
	background-color: red;
}


.horarioverano_avisos{
	margin-right:20px;
	margin-bottom:20px; 
	float:left;
	text-align:left;
	
}



.horarioverano{
	margin-right:20px;
	margin-bottom:20px; 
	float:right;
	text-align:right;
}

.horarioverano img{
	vertical-align: top;
	margin-left:8px;
}

.horarioverano p, .horarioverano_avisos p{
	display:inline-block;
	width:260px;
	text-align:right;
	font-size: 14px;
	margin: 0;
}


#secciones_inicio {
	text-align: center;
	margin-top:-12px;
	min-height: 455px;
}

#secciones_inicio div{
	float:left; 
	width: 322px;
	padding-left:2px; 
	padding-right:2px;
}

.btn_enviar {
	float:right; 
	background-color:#fac92c; 
	color:#00396B; 
	cursor:pointer;
	padding-left: 10px;
	padding-right: 10px;
	font-weight:bold;
	width:auto !important;
}



#mensaje_captcha {
	text-align:right; 
	width:95%;
	margin-right:20px;	
}

#mensaje_captcha.izquierda{
	text-align:left; 
	width:95%;
		
}

.concursofotografico{
	background-image: url("../img/concurso.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	height: 0px;
}


.avisoshome h1{
	display: block;
	padding: 10px;
	margin: 5px 2px 0 2px;
	background-color: #ffd43d;
	font-size: 17px;
	font-weight: normal;
	border-bottom-color: #9B9A98;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-color: #282726;
	border-top-style: solid;
	border-top-width: 1px;
	color:#4f4e4d;
}

.avisoshome h2{
	padding: 10px;
	display: block;
	margin: 0 5px;
	background-color: #6d6b69;
	font-size: 14px;
	font-weight: normal;
	border-bottom-color: #9B9A98;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.avisoshome h2 i{
	color:#cec9c4;
	margin-right: 5px;
}

.avisoshome img{
	margin-right: 5px;
}

.avisoshome h1 a{
	color: #4f4e4d !important;
	vertical-align: top;
}

.avisoshome h2 a{
	color: #fff !important;
	vertical-align: top;
}

.lista_lineas_suscritas li {
	display:table-cell; 
	width:70px;
	text-align: left;
}

#aviso_cookies {
 	position:fixed; 
 	bottom:0px; 
 	z-index:2000; 
 	left:0; 
 	width:100%;  
 	background-color: #002d99; 
 	color:#ffffff; 
 	font-size:10px;
}

#aviso_cookies .cerrar {
	float:right; 
	padding-right:20px;
	padding-top:5px;
	font-size:16px;
	font-weigth:bold;
	cursor:pointer;
}

.texto_cookies {
	margin: 0 auto; 
	padding: 1em 1.25em; 
	max-width: 80%;
}

.texto_cookies span {
	font-size:12px;
	line-height:25px;
}	

.texto_cookies a {
	color:#FFD800;
	font-size:10px;
	
}
	

.columnasanunciantes {
	font-size: 16px;
}

.horariosventa ul,
.columnasanunciantes ul{
	list-style: none;
    display: table; 
    margin-top: 20px;
    margin-right: 20px; 
}

.columnasanunciantes .numero{
	color: #fbc500;
	font-size: 32px;
	
	white-space: nowrap;
}

.columnasanunciantes p{
	font-size: .95em;
}

.horariosventa li,
.columnasanunciantes li{
	text-align: justify;
    display: table-cell;
    vertical-align: top;
}
.horariosventa li {
	font-weight: bold;
	padding-right: 10px;
	padding-top: 10px;
}

.enlace_anunciantes {
	color: #000000 !important;
}	
.enlace_anunciantes:hover {
	color: #6e6c6b !important;
}	

.fuente_iconos {
	font-family: 'HeydingsCommonIconsRegular';
	font-size: 18px;
}	

#pie_anunciantes {
	padding-left: 30px;
}

#logo_publiasa {
	width:100%;
	height:auto; 
	max-width:200px; 
	float:right;
	
	margin-right: 20px;
}

#publiasa  {
		width: 100%;
		
	}

#publiasa li {
		width: 50%;
		
	}
	
.leyenda, .leyenda2 {
	padding: 5px;
	margin-right: 4px;
	color: #000;
	font-size: 1.0em;
	font-weight: bold;
	line-height: 20px;
}	

.leyenda2 {
	margin-left: 10px;
}	


.leyenda .cuadro_color, .leyenda2 .cuadro_color{
	
	margin-right: 10px;
	padding-left: 15px;
	padding-right: 15px;
}

.leyenda li, .leyenda2 li { padding-bottom: 5px;}

.leyenda div, .leyenda2 div {display: table-cell;}

.timeline p.parada{
	margin: 0px 20px 0px 10px;
	margin-top: -2px !important;
}

.timeline tr:last-child td{
	background: none;
}

.fondoamarillo{
	padding: 20px;
	background-color: #ebc229;
	margin-bottom: 4px;
	color: #01667d;
}

.mensajerror{
	text-align: center;
	background-color: #ff0000;
	padding: 30px;
	font-weight: bold;
	color: #ffffff;
}

.error_inputs {
	color: #dd0f0e;
	font-size: 12px;
	padding-bottom: 10px;
}

.texto_peque_form {
	font-size: 11px;
	padding-top: 5px;
	line-height: 14px;
}



.listadocuestionario {
	border-bottom: 1px solid #d2d1d1;
	padding:20px 10px 20px 20px; 
		
}

.listadocuestionario h2{
	/*color: #6e6c6b;*/
	font-size: 1.25em;
	font-weight: bold;
	width: 99%;
}


.destacado_amarillo, .destacado_negro {
	font-weight: bold;
	padding: 15px;
	margin: 15px;
	font-size: .75em;
}

.destacado_amarillo {
	background-color: #ffcd24;
	color: #000000;
}

.destacado_negro {
	color: #ffcd24;
	background-color: #000000;
}

.destacado_amarillo span, .destacado_negro span {
	font-weight: normal;
}

.lista_ordenada {
	list-style: decimal !important;
	padding: 0 20px 0 40px !important;
	font-size: .85em !important;
	
}

.imagen-centrada-seccion {
	max-width: 500px;
	margin: 20px;
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.titular_amarillo {
	color: #ffcd24;
	font-weight: bold;
}

.separador_amarillo {
	color: #ffcd24;
	font-weight: bold;
	border-bottom: 1px solid #ffcd24;
	padding: 5px 10px;
	font-size: 16px;
	margin-bottom: 10px;
}

.letras_blancas {
	color: #ffffff;
}

.letras_negras {
	color: #000000;
}

.tabla_metrobus {
	width: 95%;
	font-size: 12px;
	padding: 10px;
	margin-left: 15px;
	margin-right: 15px;
	border-collapse: collapse;
    margin-top: 10px ;
    margin-bottom: 10px ;
    vertical-align: top;
}



.tabla_metrobus td {
	padding: 5px;
	border: 1px solid black !important;
	 vertical-align: top;
}

.tabla_metrobus td.alg_derecha {
	text-align: right;
}


.tabla_metrobus tr:first-child td {
	border: none !important;
}

.tabla_metrobus td:first-child , .tabla_metrobus td.fondo_amarillo {
	background-color: #ffcd24;
}

.tabla_metrobus tr:first-child td, .tabla_metrobus td.fondo_blanco  {
	background-color: #ffffff !important;
	font-weight: bold;
}



.tabla_metrobus tr.gris {
	background-color: #cccbcb;
}

.tabla_metrobus tr.negro {
	background-color: #000000;
	color: #ffcd24; 
}

.tabla_metrobus tr.negro td {
	border: 1px solid white !important; 
}

.tabla_metrobus tr.negro td:first-child {
	background-color: #000000; 
}


.lista_horizontal {
	list-style: none;
	display: table;
	margin-bottom: 0.5em !important;
}

.lista_horizontal li {
	
	display: table-cell;
	
	vertical-align: middle;
	padding: 10px;
}

.lista_horizontal.list_metrobus {
	font-size: .85em;
	margin-left: 15px;
}

.iconos.metrobus {
	height: auto;
	border-top: none;
	border-bottom: none;
	font-size: .85em;
	margin-bottom: 10px;
}

.flecha_metro22 {
	margin-left: 68% !important;
}

.flecha_metro21 {
	margin-left: 28% !important;
}


.columna_25 {
	width: 25%;
}

.muestra_xs {
	display:none !important;
}
@media screen and (max-width: 30em){

	.muestra_xs {
		display:block !important;
	}
	
	.oculta_xs {
		display:none !important;
	}
}


.foto_pie_metrobus {
	color: #3aa2c9;
	background-color: #ddeaf0;
	display: inline-block;
	margin-left: 1%;
	margin-bottom: 10px;
}
@media screen and (max-width: 30em){
	.foto_pie_metrobus {
		margin-left: 0px;
	}
}

.foto_pie_metrobus.sin {
	margin-left: 0;
}

.foto_pie_metrobus span {
	padding: 0px 10px;
	line-height: 25px;
	
	
	font-size: 12px;
}

.foto_pie_metrobus.col2 {
	max-width: 48%;
}

@media screen and (max-width: 30em){
	.foto_pie_metrobus.col2 {
		max-width: 100%;
	}
	
}


.listadocuestionario {
	font-size: 0.75em;
}

.listadocuestionario h2 {
	color: #000000;
}

.listadocuestionario input[type='radio'] {
	margin:10px 10px 0 0;
}

.listadocuestionario .lista_horizontal {
	width: 100%;
}

.listadocuestionario .lista_horizontal li {
	width: 50%;
}

.listadocuestionario hr{
	border: 1px solid #cccbcb !important;
}

/*--- Formularios carnets ----*/

.valid legend::after {
  content: "Correcto";
  text-transform: uppercase;
  color: #5c9159;
 
  font-weight: bold;
  padding-left: 1em;
}

.valid legend:after {
  content: "Correcto";
  text-transform: uppercase;
  color: #5c9159;
  
  font-weight: bold;
  padding-left: 1em;
}

.valid legend > iea {
  content: "Correcto";
  text-transform: uppercase;
  color: #5c9159;
  
  font-weight: bold;
  padding-left: 1em;
}

.form_arcondeon {
  border: none;
  margin: 0.5em 0;
  padding: 0 0 1em 0;
  border-bottom: solid 1px #eeeeee;
}

.btn_enviar_izquierda {
	float: left;

}

.listado_condiciones {
	list-style: decimal !important;
	padding-left: 15px;
}


#barra_progreso { display:none;}
.g.recaptcha {max-width:310px;}
.progress { position:relative; width:400px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
.bar { background-color: #002d99; width:0%; height:20px; border-radius: 3px; }
.percent { position:absolute; color:#ffd800; display:inline-block; top:3px; left:48%; }

#contenedor_barra {
	padding: 20px;
	text-align: center;
	display:none;
	border-bottom: 1px solid #d2d1d1;
}

#contenedor_barra .progress {
	width: 100% !important;
}


@media screen and (min-width: 45.0625em) { /*------------------------------------------------------------------1------------------------------------------------------*/



  #top .nav-btn {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  #nav .close-btn {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  #nav .block-title {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  #nav ul {
    list-style: none;
    margin:0;
    padding:0;
    display: table;
    width: 100%;
  }
  
 
  #nav li {
    z-index:10;
    text-align: center;
    display: table-cell;
    height: 60px;
  }
  #nav li:last-child {
    border-right: none;
  }
  
  #nav li.last-child {
    border-right: none;
  }
  
  #nav li a:focus, #nav li a:hover {
	  color: #706f6d;
	  background: rgba(255, 255, 255, 0.1);
	}
	#nav li.is-active a {
	  color: #706f6d;
	  font-weight: bold;
	}

  #nav li a {
    
    text-decoration: none;
	padding: 0 10px 0;
	line-height: 4.3em;
	display: block;
	text-align: center;
	color: #706f6d;     
	background-color:#fff;
	 -webkit-box-shadow: inset 4px 4px 7px rgba(0,0,0,.16);
	 -moz-box-shadow:  inset 4px 4px 7px rgba(0,0,0,.16);
	 box-shadow: inset 4px 4px 7px rgba(0,0,0,.16);
	 
	
  }
  
  #nav li:first-child a {  
    -webkit-box-shadow: inset 0 6px 6px -2px rgba(0,0,0,.16);
    -moz-box-shadow: inset 0 6px 6px -2px rgba(0,0,0,.16);
    box-shadow:inset 0 6px 6px -2px rgba(0,0,0,.16);

  }
  
  #nav li.is-active a {
  	background:#fff  url("../img/manchetamenu.gif") center bottom  no-repeat;
  	
  }
  
  .iconosextrah {
	height: 245px;
  }
  
  

}



@media (min-width:  48em) and (max-width:  52em) {
	
	.right h1 {
		font-size: 1.2em;
	}

}

@media (min-width:  45em) and (max-width:  48em) {
	
	.right h1 {
		font-size: 1.1em;
	}

}




@media screen and (max-width: 45em) {/*--------------------------------------------------------------------------2---------------------------------------------------------------------------*/
	.concursofotografico{
		height: 226px;
	}
	
	
	
	.googleviewer{
		height: 300px;
	}
	
	.col {
	    display: table-row;
	}
	
	.contenido .left
	{
	    width: 100%;
	}
	.contenido .right
	{
	    width: 100%;
	}
	
	.listadomas{
	/*	padding: 30px 10px 0 0;	*/
	}  
	.iconos li a {
	  font-size: 0.9em;
	  line-height: 1.2em;
	  margin: 0 5px 0 5px;
	}
	
	
	
	.listah {
		display:list-item;
		vertical-align: top;
	}
	.listah2{
		display: none;
	}
	
	.horarioiphone  h3{
		color: #000;
		font-size: 1.0em;
		height: 25px;
		font-weight: bold;
		text-align: center;
		line-height: 20px;
	}
	
	.horarioiphone h2{
		margin-top: 20px;
		font-size: 1.1em;
		height: 25px;
		font-weight: lighter;
		text-align: center;
		line-height: 25px;
		padding: 0;
		font-weight: bold;
	}
	
	
	.horarioiphone {
		width: 50% !important;
		text-align: left;
		display:inline;	
	}
	
	
	.horas3,
	.horas2,
	.horas{
		margin: 0 2px 10px 10px;
		margin-bottom: 20px;
		
	}
	.listah3 h2,
	.listah2 h2{
		width: 100%;
		margin: 0;
		margin-bottom: 0.5em;
		font-weight: bold;
	}
	.timeline li:last-child {
		border-left:none;
	}
	.listadolineas h2{
		/*font-size: 1.6em;*/	
		text-align: left;
	}
	.listah3,
	.listah2,
	.listah {
		width: 100%;
	}
	.logo {
		width: 100px;
		height: 36px;
		margin: 15px 10px 0 0;
	}
	
	.escondido{
		display:block !important;
	}
	.observaciones2{
		margin: 5px 15px;
	}
	.map { width: 100%; height:300px; }
	

  #nav {
    position: absolute;
    top: 0;
    padding-top: 5.25em;
  }
  #nav:not(:target) {
    z-index: 1;
    height: 0;
  }
  #nav:target .close-btn {
    display: block;
  }
  #nav .close-btn {
    position: absolute;
    top: -3.75em;
    left: 1.875em;
  }
  #nav .block {
    position: relative;
    padding: 0;
   
    
  }
  #nav ul{
	background-color: transparent;	  
  
  }
  #nav li {
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    
  }
  #nav li:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  #nav li.is-active:after {
    z-index: 50;
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: -0.031em;
    margin-top: -0.625em;
    border-top: 0.625em transparent solid;
    border-bottom: 0.625em transparent solid;
    border-right: 0.625em white solid;
  }
  #nav li a {
    padding: 0.857em 2.143em;
    
  }

  .js-ready #nav {
    height: 100%;
    width: 70%;
    background: #333333;
    -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
    box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
  }
  .js-ready #nav .block {
    background: transparent;
  }
  .js-ready #nav .close-btn {
    display: block;
    /*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;*/
  }
  .js-ready #nav .close-btn:focus, .js-ready #nav .close-btn:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  .js-ready #nav {
    left: -70%;
  }
  .js-ready #canvas {
    left: 0;
  }

  .js-nav #inner-wrap {
    left: 70%;
  }

  .csstransforms3d.csstransitions.js-ready #nav {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .csstransforms3d.csstransitions.js-ready #inner-wrap {
    left: 0 !important;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .csstransforms3d.csstransitions.js-nav #inner-wrap {
    -webkit-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
  }

  .csstransforms3d.csstransitions.js-ready #nav .block {
    /*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;*/
    -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;
    -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;
    transition: opacity 300ms 100ms ease, transform 500ms ease;
    -webkit-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -moz-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -ms-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -o-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }

  .csstransforms3d.csstransitions.js-nav #nav .block {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  
    .block {
	  padding: 0 !important;
	  width: 100%;
	}
	
	.textocabecera{
		margin-top: 23px;
		margin-left: 60px;
		width: 100%;
		background: url("../img/titulomed.gif") left top  no-repeat;
	}
	
	.columnastarifas li{
	   display: table;
	   margin-bottom: 20px;
	   width: 100%;
	   max-width: 100%;
	}
	.columnastarifas ul{
		margin-bottom: 0px;
		width: 100%;
	}
	.preciotarifa{
		margin-left: 25px;
		
	}
	
	.lista_lineas_suscritas li {
		width:45px;
		
	}

	.lista_lineas_suscritas li label{
		text-align: left;
		padding-right: 3px;
		
		
	}


	.leyenda, .leyenda2 {
		margin-left: 0px;
		padding: 0px;
	}	

	


}



@media screen and (max-width: 30em){/*--------------------------------------------------------------------------3---------------------------------------------------------------------------*/
	.tipo2 ul,
	.tipo3 ul,
	.tipo4 ul{
		width: 100%;
	}
	
	.iconos3>.flecha31 {
		margin-left: 13%;
	}
	
	.iconos3>.flecha33 {
		margin-left: 82%;
	}
	
	.iconos2>.flecha21 {
		margin-left: 24%;
	}
	.iconos2>.flecha22 {
		margin-left: 75%;
	}

	.tipo4 li img {
		width: 4em;
		height: auto;
	}
	
	.planoinicio {
		width: 95%;
		height: auto;
	}
	.derecha {
		float: none;
		text-align: center;
		margin: 0;
		margin-bottom: 30px;
	}
	
	.textocabecera{
		margin-top: 18px;
		margin-left: 60px;
		height: 50px;
		width: 100%;
		background: url("../img/titulosm.gif") left top  no-repeat;
	}
	.iconos{
		height: 200px;
	}
	
	#logo_publiasa{
		float: left;
		margin-top: 30px;
	}
	
	
	#publiasa li {
		width: 100%;
		display: list-item;
		
	}
	
	
	.flecha_metro22 {
		margin-left: 72% !important;
	}
	
	.flecha_metro21 {
		margin-left: 23% !important;
	}
	
	
}




/*
@font-face {	
	font-family: 'quicksanddash';
    src: url('../fonts/quicksand_dash-webfont.eot');
    src: url('../fonts/quicksand_dash-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/quicksand_dash-webfont.woff') format('woff'),
         url('../fonts/quicksand_dash-webfont.ttf') format('truetype'),
         url('../fonts/quicksand_dash-webfont.svg#quicksanddash') format('svg');
    font-weight:lighter;
    font-style: lighter;
}

*/

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

.ui-widget-content {
	background: #eee !important;
}