.clear{
	clear:both;
}
div.clear{height:1px;}




/*MENU_ENLACES*/
ul.enlaces {display:block; clear:both; padding:0; margin:10px 0px 50px 0px;}
ul.enlaces li{ display:inline; float:left; width:150px; margin-right:15px; font-size:10px; text-transform:uppercase; background:url(../images/topo_enlaces.gif) no-repeat left center; padding-left:14px}





/*MENU_RUTAS*/
.categorias_rutas ul{ display:block; clear:both; padding:0; margin:-20px 0 65px 0; *margin:0px 0 65px 0;}
.categorias_rutas li{ display:inline; float:left; width:150px; margin-right:15px; padding:0 0 15px 24px; background:url(../images/topo_ruta.gif) no-repeat left top; padding-left:24px}

.categorias_rutas li a{ color:#D20A1E; font-weight:bold; text-decoration:none; text-transform:uppercase}
.categorias_rutas li a:hover{text-decoration:underline}



/*ruta*/
div#ruta{
	/*border:1px solid black;*/
}

#ruta h2{
display:block;
overflow:hidden;
clear:both;
color:#D20A1E;
font-size:1em;
font-weight:bold;
text-transform:uppercase;
padding-top:30px;}

div.navegacion{
	overflow:hidden;
}

h2.titulo_eventos{width:610px;
border-bottom:1px dotted #B7B7B7;
padding-bottom:5px;
font-size:1em;
font-weight:bold;}

/* Botón foro*/
.foro{
width:610px;
display:block;
clear:both;
border-top:1px dotted #B7B7B7;
padding-top:5px;
}



/*map control*/
div.map-control{
	width:610px;
	position:relative;
}
div.map-control div.duracion {
		position:absolute;
		z-index:100;
		bottom:0px;
		right:0px;
		width:150px;
		padding-left:20px;

		background:url(../images/tiempo.gif) no-repeat 0px 1px;
}
div#map{
	width: 394px; 
	height: 270px;
	float:left;
	border:12px solid #FFF;
}

div#menu-tramos{
	width:170px;
	float:right;
	line-height:21px;
	position:absolute;
	top:0px;
	right:0px;
}

	#menu-tramos ol{
		padding:0px;
		margin:0px;
		list-style:decimal inside;
	}
	
	#menu-tramos li{
		background: url(../images/pelota.gif) no-repeat 0px 3px ;
		padding:0px 0px 0px 4px;
		*background-position:0px 4px;
		font-weight:bold;
		color:#4C4C4C;
	}
	
		#menu-tramos li a{
			font-weight: normal;
			color:#6B6A66;
		}
		
			#menu-tramos li.selected{
				color:#CE4F60;
			}
			
			#menu-tramos li a:hover, #menu-tramos li.selected a{
				color:#B80518;
			}

/*tramo-control*/
/*pelota-grande.gif*/

div.tramo-control{
	margin-top:22px;
}

	div.tramo-control div#number{
		background:url(../images/pelota-grande.gif) no-repeat top left;
		float:left;
		width:23px;
		text-align:center;
		padding:4px 0px;
		margin-right:6px;
		color:#CE4F60;
		font-size:14px;
	}
	div.tramo-control h3{
		clear:none;
		padding:4px 0px;
	}

div#tramo{
	line-height:16px;
}
div#tramo h3{
	font:bold 16px Arial, sans-serif;
	color:#D00B1F;
	margin-bottom:16px;	
}
/*cabecera de rutas */
div.cabecera-rutas{
	/*padding:26px 0px 31px 0px;*/
	padding:26px 0px 10px 0px;
}

/*listado de empresa y listado de rutas*/
div#list, div#menu-rutas{
	/*padding-right:-10px;*/
	width:620px;
}
div#list div.hcard, div#menu-rutas .ruta{
	float:left;
	width:300px;
	margin-right:10px;
}
	div#list div.hcard a, div#menu-rutas .ruta a{
		display:block;
		height:140px;
		padding:4px;
		
	}
	div#menu-rutas .ruta a{	height:85px;}
	div#list div.hcard a:hover, div#menu-rutas .ruta a:hover{background-color:#E1E1D8;	text-decoration:none;}
	
	div#list div.hcard span.image, div#menu-rutas .ruta span.image{
		float:left;
		margin-right:12px;
		display:block;
		border:1px solid #989792;
		padding:2px;
	}
	div#list div.hcard, div#menu-rutas .ruta{
		line-height:16px;
		margin-bottom:30px;
	}
		div#list div.hcard span.image img, div#menu-rutas .ruta span.image img{
		margin:0px;
		}
	div#list div.hcard span.name, div#menu-rutas .ruta span.name{
		display:block;
		color:#D10A1F;
		font-weight:bold;
	}
	div#list div.hcard span.address{
		display:block;
	}
	div#list div.hcard span.phone, div#menu-rutas .ruta  span.duracion{
		display:block;
		color:#000;
	}
	div#list div.hcard span.description, div#menu-rutas .ruta span.description{
		clear:both;
		display:block;
		margin-top:0px;
		line-height:13px;
	}
	div#list div.hcard span.description{
		color:#000;
	}