/*  HOJA DE ESTILOS PARA: /es/transporte/urbano/ficha.php  */

/*  MIGAS DE PAN  */
@media only screen and (min-width: 1000px) {
	#migasdepanTRANS
	{
		width: 224px;
		float: right;
		background-color: #FFFFFF;
		display: block;
		margin: 20px 20px 10px 8px;
		border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
	}

	#migasdepanTRANS_UL
	{
		margin: 0;	
		list-style: none;
		list-style-image: none;
	}

	#migasdepanTRANS_UL
	{
		position: relative;
		font-family: 'Ubuntu', sans-serif;
		font-size: 16px;
		text-shadow: none;
		font-weight: 400;
		border: none;
		border-width: 0 0 0 0;
		margin: 0 0 0 0;
	}

	a#volveratrasTRANS
	{
		width: 110px;
		height: auto;
		background-color: #405070;
		text-decoration: none;
		color: #FFFFFF;
		text-shadow: none;
		font-weight: 400;
		text-align: center;
		display: inline;
		float: left;
		padding: 16px 0 16px 0;
		border: 1px solid #FFFFFF;
		border-radius: 7px 0 0 7px;
		-moz-border-radius: 7px 0 0 7px;
		-webkit-border-radius: 7px 0 0 7px;
	}

	a#volveraindiceTRANS
	{
		width: 110px;
		height: auto;
		background-color: #405070;
		text-decoration: none;
		color: #FFFFFF;
		text-shadow: none;
		font-weight: 400;
		text-align: center;
		display: inline;
		float: left;
		padding: 16px 0 16px 0;
		border: 1px solid #FFFFFF;
		border-radius: 0 7px 7px 0;
		-moz-border-radius: 0 7px 7px 0;
		-webkit-border-radius: 0 7px 7px 0;
	}

	#migasdepanTRANS a:hover, #migasdepanTRANS a:active
	{
		background-color: #F8F8F8;
		color: #000000;
		border: 1px solid #F8F8F8;
	}
}

@media only screen and (max-width: 999px) {
	#migasdepanTRANS
	{
		width: 100%;
		float: left;
		background-color: #FFFFFF;
		display: block;
		margin: 20px 0 10px 0;
	}

	#migasdepanTRANS_UL
	{
		margin: 0;	
		list-style: none;
		list-style-image: none;
	}

	#migasdepanTRANS_UL
	{
		position: relative;
		font-family: sans-serif;
		font-size: 1.5em;
		text-shadow: none;
		font-weight: 400;
		border: none;
		border-width: 0 0 0 0px;
		margin: 0 0 0 0;
	}

	a#volveratrasTRANS
	{
		width: 100%;
		height: auto;
		background-color: #405070;
		text-decoration: none;
		color: #FFFFFF;
		text-shadow: none;
		font-weight: 400;
		text-align: center;
		display: inline;
		float: left;
		padding: 5px 0 5px 0;
		border: 1px solid #405070;
	}

	a#volveraindiceTRANS
	{
		display: none;
	}
}





/* TITULO */
@media only screen and (min-width: 1000px) {
	#datoslinea
	{
		width: 375px;
		float: left;
		margin: 20px 0 10px 20px;
	}

	#datoslineaAncha
	{
		width: 630px;
		float: left;
		margin: 35px 0 10px 20px;
	}

	h1#busesurbanos
	{
		font-size: 25px;
		font-weight: 700;
		font-family: Verdana, sans-serif;
		float: left;
		clear: both;
	}

	span#busesurbanos_ciudad
	{
		font-size: 45px;
		font-weight: 700;
		font-family: Verdana, sans-serif;
		line-height: 1.2em;
		float: left;
		clear: both;
	}
}

@media only screen and (max-width: 999px) {
	#datoslinea
	{
		width: 100%;
		float: left;
		margin: 20px 0 10px 20px;
	}

	#datoslineaAncha
	{
		width: 100%;
		float: left;
		margin: 35px 0 10px 20px;
	}

	h1#busesurbanos
	{
		font-size: 1.5em;
		font-weight: 700;
		font-family: Verdana, sans-serif;
		float: left;
		clear: both;
	}

	span#busesurbanos_ciudad
	{
		font-size: 2.7em;
		font-weight: 700;
		font-family: Verdana, sans-serif;
		line-height: 1.2em;
		float: left;
		clear: both;
	}
}



/*  Lista de Líneas  */
@media only screen and (min-width: 1000px) {
	.lineasFestivos
	{
		font-family: Tahoma, sans-serif;
		font-size: 20px;
		font-weight: 700;
	}

	.divLinea
	{
		width: 620px;
		height: 100px;
		margin: 10px 10px 0 10px;
		float: left;
	   	border-radius:3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}

	.transparenciaLista
	{
		width: 620px;
		height: 100px;
		background-color: #000000;
		float: left;
		background: rgb(0, 0, 0); /* IE */
	   	background: rgba(0, 0, 0, 0.0);
	   	border-radius:3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	.transparenciaLista:hover
	{
		width: 620px;
		height: 100px;
		background-color: #000000;
		float: left;
		background: rgb(0, 0, 0); /* IE */
	   	background: rgba(0, 0, 0, 0.3);
	   	border-radius:3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}

	.aLinea
	{
		width: 100%;
		height: 100%;
	}

	.divLinea h3
	{
		font-size: 20px;
		font-weight: 700;
		margin: 10px 20px 0 20px;
		color: #FFFFFF;
	}

	.divLinea h4
	{
		font-size: 15px;
		font-weight: 700;
		margin: 5px 20px 0 20px;
		color: #FFFFFF;
	}

	.divLinea h5
	{
		font-size: 12px;
		font-weight: 400;
		margin: 0px 20px 10px 20px;
		color: #FFFFFF;
	}
}

@media only screen and (max-width: 999px) {
	.lineasFestivos
	{
		font-family: Tahoma, sans-serif;
		font-size: 1.0em;
		font-weight: 700;
	}

	.divLinea
	{
		width: 100%;
		min-height: 100px;
		margin: 10px 0 0 0;
		float: left;
	}

	.transparenciaLista
	{
		width: 100%;
		min-height: 100px;
		background-color: #000000;
		float: left;
		background: rgb(0, 0, 0); /* IE */
	   	background: rgba(0, 0, 0, 0.0);
	}
	.transparenciaLista:hover
	{
		width: 100%;
		min-height: 100px;
		background-color: #000000;
		float: left;
		background: rgb(0, 0, 0); /* IE */
	   	background: rgba(0, 0, 0, 0.3);
	}

	.aLinea
	{
		width: 100%;
		height: 100%;
	}

	.divLinea h3
	{
		font-size: 1.2em;
		font-weight: 700;
		margin: 10px 20px 0 20px;
		color: #FFFFFF;
	}

	.divLinea h4
	{
		font-size: 1.0em;
		font-weight: 700;
		margin: 5px 20px 0 20px;
		color: #FFFFFF;
	}

	.divLinea h5
	{
		font-size: 0.8em;
		font-weight: 400;
		margin: 0px 20px 10px 20px;
		color: #FFFFFF;
	}
}




/*  MENU LATERAL  */
@media only screen and (min-width: 1000px) {
	#menulineaUL
	{
		width: 330px;
		margin: 0 9px 10px 9px;
		background-color: #405070;
		float: left;
		border-radius: 5px 5px 4px 4px;
		-moz-border-radius: 5px 5px 4px 4px;
		-webkit-border-radius: 5px 5px 4px 4px;
		list-style: none;
		color: #FFFFFF;
	}

	#menulineaUL li
	{
		border-top: 1px solid #FFFFFF;
		width: 270px;
		padding: 10px 30px 10px 30px;
		color: #FFFFFF;
	}

	#menulineaUL li:hover
	{
		background-color: #FFFFFF;
		color: #000000;
	}
}

@media only screen and (max-width: 999px) {
	#menulineaUL
	{
		width: 100%;
		margin: 0 0 10px 0;
		background-color: #405070;
		float: left;0
		list-style: none;
		color: #FFFFFF;
	}

	#menulineaUL li
	{
		border-top: 1px solid #FFFFFF;
		width: 100%;
		padding: 10px 30px 10px 30px;
		color: #FFFFFF;
	}

	#menulineaUL li:hover
	{
		background-color: #FFFFFF;
		color: #000000;
	}
}