@charset "utf-8";
/* CSS Documento */

/**************************************************************************
PARÁMETROS GENERALES
***************************************************************************/
* {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
body {
	margin:0px auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif, "Arial Black";
	font-size: 11px;
	background: #000000;
	}
	
img {
	border: 0px;
	}

.fleft {
	float: left;
	}
	
.fright {
	float: right;
	}
		
a {
	text-decoration: none;
	}

.limpia {
	clear: both;
	}

/**************************************************************************
ESTRUCTURA
***************************************************************************/
#main {
	margin: 0px auto;
	text-align: left;
	width: 780px;
	background: url(../imagenes/background_main.gif) repeat-y;
	}
	#main #header {
		/* nada */
		}
	#main #sidebarleft {
		width: 208px;
		background: #333333;
		padding: 37px 0px 0px 0px;
		}
	#main #content {
		width: 540px;
		padding: 8px 16px 0px 16px;
		background: #FFFFFF;
		}
		#main #content h1 {
			background: url(../imagenes/titulo_noticia.gif) no-repeat;
			font-size: 16px;
			color: #FFFFFF;
			padding: 17px 0px 4px 10px;
			margin: 0px 0px 10px 0px;
			}
			#main #content h1.etapa {
				background-image: url(../imagenes/titulo_noticia.gif) no-repeat;
				font-size: 16px;
				color: #FFFFFF;
				padding: 17px 0px 4px 10px;
				margin: 0px;
				background-color: #b2bb1c;
				}
		#main #content h2 {
			background: #fcb034;
			font-size: 14px;
			color: #FFFFFF;
			padding: 3px 0px 3px 10px;
			}
		#main #content h3 {
			background: url(../imagenes/titulo_noticia_2.gif) no-repeat;
			font-size: 14px;
			color: #FFFFFF;
			padding: 3px 0px 15px 10px;
			margin: 0px 0px 5px 0px;
			}
		#main #content img {
			margin: 0px 0px 10px 0px;
			}
		#main #content p.textF {
			width: 340px;
			}
		#main #content p.nivelesSeparate {
			line-height: 18px;
			}
		#main #content p a {
			color: #000000;
			text-decoration: underline;
			}
			#main #content p a:hover {
				text-decoration: none;
				}
			#main #content p img {
				vertical-align: middle;
				}
		#main #content p.directorio {
			line-height: 20px;
			margin: 0px 0px 25px 0px;
			}
		#main #content p.directorio a {
				color: #7a7a18;
				text-decoration: none;
				font-weight: bold;
				}
		#main #content p.verde {
			color: #7A7A18;
			font-weight: bold;
			}
			#main #content p.verde a {
				color: #7A7A18;
				text-decoration: none;
				}
		#main #content b,strong {
			color: #7a7a18;
			font-weight: bold;
			}
			strong.black {
				color: #000000;
				}
	#footer {
		border-top: #999999 solid 1px;
		margin: 20px auto;
		width: 780px;
		background: #000000;
		}
		#footer p {
			color: #FFFFFF;
			text-align: center;
			padding: 12px 0px 0px 0px;
			}
			#footer p a {
				text-decoration: underline;
				color: #FFFFFF;
				}
				#footer p a:hover {
					text-decoration: none;
					}

/**************************************************************************
SIDEBARLEFT (MENU)
***************************************************************************/
#sidebarleft ul {
	color: #FFFFFF;
	}
	#sidebarleft li {
		color: #474747;
		list-style: inside;
		border-bottom: #000000 solid 1px;
		padding: 10px 10px 10px 20px;
		cursor: pointer;
		list-style-type: none;
		list-style-position: outside;
		background-image: url(../imagenes/bullet_m.gif);
		background-repeat: no-repeat;
		}
		#sidebarleft li.first {
			border-top: #000000 solid 1px;
			}
		#sidebarleft li a {
			color: #FFFFFF;
			}
	#sidebarleft li.subMenu {
		color: #6d6d6d;
		background: #474747;
		padding-left: 32px;
		list-style-type:none;
		list-style-position:outside;
		background-image: url(../imagenes/bullet_sm.gif);
		background-repeat: no-repeat;
		}

/* Función onMouseOver */
#sidebarleft li.liActive {
	background-color: #5e5e5e;
	color: #b2bb1c;
	background-image: url(../imagenes/bullet_m2.gif);
	}
	#sidebarleft li.liActive a {
			color: #b2bb1c;
			}

/* Función onMouseOut */
#sidebarleft li.liDeactivated {
	background-color: #333333;
	}
	li.liDeactivated a {
		color: #b2bb1c;
		}

/* Función onMouseOver SubMenu */
#sidebarleft li.liActiveSub {
	background-color: #7f7f7f;
	color: #b2bb1c;
	padding-left: 32px;
	background-image: url(../imagenes/bullet_sm2.gif);
	}
	#sidebarleft li.liActiveSub a {
			color: #b2bb1c
			}

/* Función onMouseOut SubMenu */
#sidebarleft li.liDeactivatedSub {
	background-color: #474747;
	padding-left: 32px;
	color: #6d6d6d;
	background-image: url(../imagenes/bullet_sm.gif);
	}
	li.liDeactivatedSub a {
		color: #FF0000;
		}

/* Función onMouseOver First */
#sidebarleft li.liActiveFirst {
	background-color: #5e5e5e;
	color: #b2bb1c;
	border-top: #000000 solid 1px;
	background-image: url(../imagenes/bullet_m2.gif);
	}
	#sidebarleft li.liActiveFirst a {
		color: #b2bb1c
		}

/* Función onMouseOut First */
#sidebarleft li.liDeactivatedFirst {
	background-color: #333333;
	border-top: #000000 solid 1px;
	}
	li.liDeactivatedFirst a {
		color: #b2bb1c;
		}
/**************************************************************************
BLOQUE DESTACADO
***************************************************************************/		
#sidebarleft div {
	padding: 0px 14px;
	margin: 0px 0px 10px 0px;
	}
	#sidebarleft h2 {
		background: #b2bb1c;
		color: #FFFFFF;
		font-size: 14px;
		padding: 6px 10px;
		}
	#sidebarleft p {
		background: #fcb034;
		padding: 12px 10px;
		}	
		
/**************************************************************************
LAS RUTAS Y ETAPAS
***************************************************************************/
#main #content ul.menuEtapas {
	list-style:none;
	background: #7f7f1b;
	padding: 5px 0px 5px 10px;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	}
	#main #content ul.menuEtapas li {
		display: inline;
		padding: 0px 5px 0px 0px;
		color: #b2bb1c;
		}
		#main #content ul.menuEtapas li.activo a {
			color: #b2bb1c;
			}
		#main #content ul.menuEtapas li a {
			color: #FFFFFF;
			}
			#main #content ul.menuEtapas li:hover a {
				color: #b2bb1c;
				}
				
#main #content ul.etapas {
	list-style: none;
	}
	#main #content ul.etapas a {
		color: #000000;
		text-decoration: underline;
		}
		#main #content ul.etapas a:hover {
			color: #000000;
			text-decoration: none;
			}
	#main #content ul.etapas li {
		padding: 0px 0px 0px 15px;
		line-height: 20px;
		}
		#main #content ul.etapas li.facil {
			background: url(../imagenes/bola_facil_etapas.gif) no-repeat;
			padding: 0px 0px 0px 15px;
			}
		#main #content ul.etapas li.medio {
			background: url(../imagenes/bola_medio_etapas.gif) no-repeat;
			padding: 0px 0px 0px 15px;
			}
		#main #content ul.etapas li.dificil {
			background: url(../imagenes/bola_dificil_etapas.gif) no-repeat;
			padding: 0px 0px 0px 15px;
			}
			
/**************************************************************************
SPAN LEYENDA MAPA
***************************************************************************/
#main #content .leyenda {
	padding: 0px 0px 0px 27px;
	margin: 0px 0px 4px 0px;
	}
	#main #content .leyenda span.normal {
		color: #000000;
		padding: 0px 6px;
		font-weight: normal;
		float: left;
		width: 170px;
		text-align: left;
		}
	#main #content .leyenda span {
		color: #FFFFFF;
		text-align: center;
		float: left;
		display: block;
		width: 40px;
		}
		#main #content .leyenda span.color1 { /* Sender transversal */
			background: #8e8b03;
			}
		#main #content .leyenda span.color2 { /* La Jonquera - Aiguafreda */
			background: #ee3124;
			}
		#main #content .leyenda span.color3 { /* Sender central de Catalunya */
			background: #fcb034;
			}
		#main #content .leyenda span.color4 { /* Puigcerdà - Montserrat */
			background: #4f91cd;
			}
		#main #content .leyenda span.color5 { /* Sender dels Miradors */
			background: #50b948;
			}
		#main #content .leyenda span.color6 { /* Barcelona - Montserrat */
			background: #bc1a8c;
			}
		#main #content .leyenda span.color7 { /* Andorra - Fredes */
			background: #f0cc01;
			}
		#main #content .leyenda span.color8 { /* Sender del Pirineu */
			background: #c3cf21;
			}
		#main #content .leyenda span.color9 { /* Camí de St. Jaume */
			background: #ec4399;
			}
		#main #content .leyenda span.color10 { /* Camí de l’exili */
			background: #d6a477;
			}
		#main #content .leyenda span.color11 { /* Sender del Mediterrani */
			background: #98005d;
			}
		#main #content .leyenda span.color12 { /* Camí Romeu a Montserrat */
			background: #4b3905;
			}
		#main #content .leyenda span.color13 { /* De la Tordera al Llobregat */
			background: #566c11;
			}
		#main #content .leyenda span.color14 { /* Camí dels Bons Homes */
			background: #f16378;
			}
		#main #content .leyenda span.color15 { /* Entorn a la Serra del Cadí */
			background: #c70850;
			}
		#main #content .leyenda span.color16 { /* Santuari de Pinós - Refugi Caro */
			background: #00a1b1;
			}
		#main #content .leyenda span.color17 { /* Bellprat - Mussara */
			background: #d16f1a;
			}
		#main #content .leyenda span.color18 { /* Vallès Natural */
			background: #143d8d;
			}
		#main #content .leyenda span.color19 { /* Sender del Priorat */
			background: #961b1e;
			}
		#main #content .leyenda span.color20 { /* Ruta del Cister */
			background: #007698;
			}
		#main #content .leyenda span.color21 { /* Ruta del Romànic */
			background: #4e2683;
			}
		#main #content .leyenda span.color22 { /* Ruta del Moianès */
			background: #8c63ab;
			}
		#main #content .leyenda span.color23 { /* Ruta d’en Serrallonga */
			background: #6c5635;
			}
		#main #content .leyenda span.color24 { /* Camí dels Maquis */
			background: #c0272d;
			}
		#main #content .leyenda span.color25 { /* Cambrils - Amposta */
			background: #50b2ce;
			}
		#main #content .leyenda span.color26 { /* Camí vora Ter */
			background: #007070;
			}
		#main #content .leyenda span.color27 { /* Circular de la Val d’Aran */
			background: #0093d0;
			}
		#main #content .leyenda span.color28 { /* Circular de Borredà */
			background: #b19bca;
			}

/**************************************************************************
TABLA SENDERISME CATALUNYA
****************************************************************************/		
#main #content table.ruta {
	margin: 0px 30px;
	}
	#main #content table.ruta td {
		width: 113px;
		background: #9c9d9f;
		margin: 0px 105px 0px 0px;
		color: #FFFFFF;
		font-size: 17px;
		text-align: center;
		border-right: #FFFFFF solid 12px;
		border-bottom: none;
		}
		#main #content table.ruta td.none {
			background: none;
			}
		#main #content table.ruta td.noneBorder {
			border: none;
			}
		#main #content table.ruta td.verde {
			background: #bfbd00;
			padding: 6px 0px;
			}
		#main #content table.ruta td.separar {
			border-right: #FFFFFF solid 12px;
			}
		#main #content table.ruta td.borderBottom {
			border-bottom: #FFFFFF solid 12px;
			}
		#main #content table.ruta td.noCenter {
			text-align: left;
			padding: 3px 0px 3px 8px;
			}
			
/**************************************************************************
NIVELES RUTAS
***************************************************************************/
#main #content div.nivelesRutas {
	background: #ebebeb url(../imagenes/titulo_destacado.gif) no-repeat;
	padding: 20px 0px 15px 10px;
	margin: 0px 0px 20px 0px;
	}
	#main #content div.nivelesRutas ul {
		list-style-type: none;
		}
		#main #content div.nivelesRutas ul li {
			padding: 0px 0px 0px 14px;
			color: #4d4d4d;
			margin: 10px 0px 0px 0px;
			}
			#main #content div.nivelesRutas ul li.facil {
				background: url(../imagenes/bola_facil_tabla.gif) no-repeat;
				}
			#main #content div.nivelesRutas ul li.medio {
				background: url(../imagenes/bola_medio_tabla.gif) no-repeat;
				}
			#main #content div.nivelesRutas ul li.dificil {
				background: url(../imagenes/bola_dificil_tabla.gif) no-repeat;
				}
#main #content div.rutas img {
	vertical-align: middle;
	}
				
/**************************************************************************
GUIA RAPIDA DE LAS RUTAS
***************************************************************************/
#main #content table {
	/* nada */
	}
	#main #content table thead {
		color: #666666;
		text-align: center;
		vertical-align: top;
		}
	#main #content table td {	
		width: 65px;
		border-bottom: #eceec6 solid 1px;
		text-align: center;
		padding: 15px 0px 5px 0px;
		}
		#main #content table td.noneCenter {
			text-align: left;
			width: 160px;
			text-decoration: underline;
			font-weight: bold;
			padding: 15px 0px 5px 10px;
			}
			#main #content table td.noneCenter a {
				color: #000000;
				}
		#main #content table thead td.noneCenter {
			padding: 0px 0px 0px 10px;
			}
		#main #content table td.noneDecoration {
			text-decoration: none;
			font-weight: bold;
			border-bottom: #eceec6 solid 1px;
			padding: 0px 0px 10px 0px;
			border: none; /*Editado Julio 17/03/08 */
			}
		#main #content table td.noneDecoration2 {
			text-decoration: none;
			border-bottom: #FFFFFF solid 1px;
			}
		#main #content table td.last {
			border: none;
			}

/**************************************************************************
MODULO DESTACADO
***************************************************************************/
div.moduloDestacado {
	background: #cccccc;
	margin: 0px 0px 20px 0px;

	}
	div.moduloDestacado p {
		background: #e6e6e6;
		padding: 10px 10px;
		border-bottom: #cccccc solid 1px;
		}
		div.moduloDestacado p.grisOscuro {
			background: #cccccc;
			padding: 10px 10px;
			font-weight: bold;
			}
		div.moduloDestacado img {
			padding: 0px 0px 0px 10px;	
			}

/**************************************************************************
MODULO DESCAQRGAS
***************************************************************************/
#content div.track {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 5px 5px;
	border-bottom: #eceec6 solid 1px;
	color: #666666;
		}
			
#main #content ul.descargas {
	margin: 5px 0px 15px 0px;
	list-style: none;
	}
	#main #content ul.descargas  li {
		padding: 0px 0px 0px 15px;
		background: url(../imagenes/icono_descarga.gif) no-repeat;
		line-height: 20px;
		}
		#main #content ul.descargas li a {
			color: #7f7f1b;
			font-weight: bold;
			}
			#main #content ul.descargas li a:hover {
				text-decoration: underline;
				}