body{
	margin:0;
	padding:0;
	font-family:Arial,Helvetica,sans-serif;
	color:#999999;
	font-size:13px;
}

p.titulo{
	color:#01458C;
	font-weight:bold;
	font-size:16px;
}

a.azul, a.azul:hover, a.azul:visited{
	color:#01458C;
}

div.tarifas{
	clear:both;
	color:#999999;
	font-size:14px;
	
}

div.tarifas p.titulo_subseccion{
	color:#01458C;
	font-weight:bold;
	font-size:16px;
}

div.tarifas p.pregunta{
	color:#666666;
	font-weight:bold;
	font-size:16px;
}

div.tarifas span{
	font-weight:bold;
	font-size:14px;
}

div.tarifas span a, span a:link, span a:hover{
	text-decoration:none;
}

div.tarifas span.tt_1, span.tt_1 a, span.tt_1 a:link, span.tt_1 a:hover{
	color:#FF0000;
}

div.tarifas span.tt_2, span.tt_2 a, span.tt_2 a:link, span.tt_2 a:hover{
	color:#01458C;
}

div.tarifas span.tt_3, span.tt_3 a, span.tt_3 a:link, span.tt_3 a:hover{
	color:#a8127e;
}

div.tarifas span.tt_4, span.tt_4 a, span.tt_4 a:link, span.tt_4 a:hover{
	color:#d89127;
}

div.tarifas span.tt_5, span.tt_5 a, span.tt_5 a:link, span.tt_5 a:hover{
	color:#00995b;
}

div.tarifas span.tt_6, span.tt_6 a, span.tt_6 a:link, span.tt_6 a:hover{
	color:#0d9edf;
}

div.tarifas span.tt_7, span.tt_7 a, span.tt_7 a:link, span.tt_7 a:hover{
	color:#FF6600;
}

div.tarifas span.precio{
	color:#000000;
}

div.tarifas ul li{
	margin-bottom:10px;
}

.bold{
	color:#297bb2;
	font-weight:bold;
}

#ext_cont{
	width: 780px;
	/*height:1503px;
	background-color: #FF6600;*/
	margin: 0 auto;
}


#content{
	width: 720px;
	margin: 0 auto;
}

#content_tarifas{
	width: 720px;
	clear:both;
	margin: 0 auto;
}

canvas { display:block; margin:0 auto; background:#fff; border:1px solid #ccc }

#instrucciones_mapa{
	width:720px;
	border:1px solid #ccc;
}

#info{
	width:270px;
	height:70px;
	float:right;
	margin-top:5px;
}

@font-face {
	font-family: 'gothic';
	src: url('fonts/GOTHIC.ttf')
}

#navigation ul {
	width: 780px; 
	height: 37px; 
	background-color:#297BB2;
	list-style: none;
	margin: 0;
	padding: 0;
	
	
}
#navigation li {
	display: inline;
	
}


#navigation li a {
	border: none;
	width: 111px;
	height: 37px;
	display: block; 
	outline: none;
	float:left;
	color: #FFF;
	text-decoration:none;
	font-family: gothic, Verdana, Geneva, sans-serif;
    font-size: 16px;
	text-align:center;
	font-weight: bold;
	line-height:37px;	
	
}



#navigation li.inicio_activo a:link, #navigation li.inicio_activo a:visited { 
	background-color:#FFD719;
	color:#333;
}
#navigation li.horarios_activo a:link, #navigation li.horarios_activo a:visited { 
	background-color:#FFD719;
	color:#333;
}
#navigation li.lineas_activo a:link, #navigation li.lineas_activo a:visited { 
	background-color:#FFD719;
	color:#333;
}
#navigation li.tarifas_activo a:link, #navigation li.tarifas_activo a:visited { 
	background-color:#FFD719;
	color:#333;
}
#navigation li.toda_red_activo a:link, #navigation li.kiosco_activo a:visited { 
	background-color:#FFD719;
	color:#333;
}
#navigation li.kiosco_activo a:link, #navigation li.kiosco_activo a:visited { 
	background-color:#FFD719;
	color:#333;
}

#navigation li.tiemporeal_activo a:link, #navigation li.tiemporeal_activo a:visited { 
	background-color:#FFD719;
	color:#333;
	width: 114px;
}


#navigation li a:hover {
	background-color:#FFD719;
}
#navigation li a:hover {
	background-color:#FFD719;
}
#navigation li.lineas a:hover {
	background-color:#FFD719;
}
#navigation li.tarifas a:hover {
	background-color:#FFD719;
}
#navigation li.toda_red a:hover {
	background-color:#FFD719;
}
#navigation li.kiosco a:hover {
	background-color:#FFD719;
}

#navigation li.tiemporeal a:hover {
	background-color:#FFD719;
	width: 114px;
}

/***************************************************************/

#btns_lineas{
	margin-left:35px;
}

#btns_lineas ul {
	width: 656px; 
	height: 39px; 
	background: url(../imgs/botones_lineas.png) no-repeat 0 0;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top:-6px;
}
#btns_lineas li {
	display: inline;
}
#btns_lineas li a:link, #btns_lineas li a:visited {
	border: none;
	width: 328px; /** width of the button in active state **/
	height: 39px; /** height of the button in active state **/
	display: block; 
	outline: none;
	float:left;
	text-indent:-7000px;
}

#btns_lineas li.btn_horarios a:hover {
	background: url(../imgs/botones_lineas.png) no-repeat 0 -39px;
}
#btns_lineas li.btn_planos a:hover {
	background: url(../imgs/botones_lineas.png) no-repeat -328px -39px;
}

/***************************************************************/

div.avisos {
	width:383px;
	height:45px;
  	border: 2px dashed #FF0000;
  	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
  	padding: 0 10px 0 10px;
  	margin-top: 20px;
  	float:left;
  	font-size: 14px;
  	color: #000;
}

#titulo_avisos{
	margin: 4px 0 0 15px;
}

.pointer {
    cursor: pointer;
 }

#bloques{
	width:720px;
}

#bloques img{
	float:left;
	margin:50px 0 60px 0;
}

#footer{
	width: 780px;
	height:160px;
	background-color:#297bb2;
	clear:left;
	padding-top:30px;
}

#footer a:link, #footer a:visited{
	font-family:Arial,Verdana,sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#f9f9fb;
	margin-left:5px;
}

#footer a:hover {
	text-decoration:underline;
	color:#ffffff;
}

#enlaces{
	width:345px;
	float:left;
	margin-left:30px;
}

#socialmedia{
	width:100px;
	float:left;
}

#socialmedia img{
	margin-top:10px;
	border:none;
}

#medioambiente{
	float:right;
}

#medioambiente img{
	margin-top:92px;
	margin-right:30px;
}

/* estilos jQuery Slider */

ul.bjqs{
	position:relative;
	list-style:none;
	padding:0;
	margin:0;
	overflow:hidden;
	display:none;
}

li.bjqs-slide{
	position:absolute;
	display:none;
}

ul.bjqs-controls{
	list-style:none;
	margin:0;
	padding:0;
	z-index:9999;
}

ul.bjqs-controls.v-centered li a{
	position:absolute;
}

/*ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}*/
ol.bjqs-markers{
	list-style: none;
	padding: 0; 
	margin-top:-60px;
	margin-left:500px;
	width:185px;
	/*border:1px solid #FF6600;*/
	position:absolute;
	z-index:2500;
}
/*ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers.h-centered{
	position:absolute;
	top:230px;
	left:650px;
	width:130px;
	border:1px solid black;
}
*/
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}

/* Estilos elementos gráficos jQuery Slider */

#banner-slide{
	/*margin-bottom: 60px;*/
	clear:both;
}

ol.bjqs-markers li a{
	padding:5px 10px;
	background:#999;
	color:#fff;
	margin:13px;
	text-decoration: none;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background: #f09150;
}


#aviso_precarga{
	position:absolute;
	margin: -300px 0 0 260px;
	width:200px;
	height:40px;
	z-index:7999;
	background-color:#FFF;
	border: 1px solid #CCC;
	text-align:center;
}

