/* Hoja de estilos para pantalla de la pıgina de Senderos de montaıa de Gipuzkoa */
/* 8 de noviembre 2006 */

/* Estilos generales */
body{
	font-size: 70%;
	font-family: Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #5B5B42;
	color: #4F4F4F;
	background-color: #FFF;
	margin: 4px 0 15px 0;
	text-align: center;
	background-image: url(../images/topes.gif);
	background-repeat: repeat-y;
	background-position: center;
}

h2{
	font-size: 150%;
	font-style: italic;
	color: #9CBD1B;
}

a img{
	border: 0;
}

br {
	clear: both;
}

ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.ayuda-acces{
	display: none;
}

/* Index */
body#home h1{
	color: #7FB812;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 180%;
	margin-bottom: 0;
}

p#introduccion{
	background: url(../images/bullet-verde.gif) no-repeat;
	background-position: 0 4px;
	padding-left: 15px;
}

/* Cabecera */
#cabecera {
	background-color: aqua;
}
#cabecera img {

}

#cabecera a#logodipu {
	float: left;
	border-right: 1px solid #fff;
	margin-left: 180px;
}

#menu-auxiliar {
	display: none;
}

/* logotipo */
#web img#logo {
	position: absolute;
	top: 0;
	left: 0;
} 

/* Menı */
#navegacion-principal ul{
	display: none;
}

#bienvenidaeinfo {
	padding: 0 0 5px 10px;
	
	width: 592px;
}

#bienvenidaeinfo h1 {
	float: left;
	width: 230px;
	margin-top: 40px;
}

#bienvenidaeinfo p {
	float: left; 
	width: 230px;
	margin-top: 10px;
	line-height: 145%;
}

#bienvenidaeinfo img {
	margin-right: 10px;
	margin-top: 8px;
	float: left;
}

/* Ruta destacada */
#ruta-destacada {
	width: 640px;
	float: left;
	margin-right: 10px;
	background-image: url(../images/puntitos-vertical.gif);
	background-repeat: repeat-y;
	background-position: top right;
	padding-right: 5px;
}

#ruta-destacada h2{
	background: #009E31 url(../images/fondo-cabecera-ruta-destacada.gif) no-repeat;
	background-position: bottom;
	width: 165px;
	padding-bottom: 5px;
	padding-left: 0;
	padding-top: 24px;
	margin: 0;
	font-size: 150%;
}
#ruta-destacada h3{
	font-size: 130%;
	font-size: 110%;
	padding-right: 20px;
	margin: 7px 0;
}
#ruta-destacada h3 a{
	color: #92927C;
	text-decoration: none;
}
#ruta-destacada h3 a:hover{
	color: #A6A692;
}
#ruta-destacada h3 span{
	background: #009E31 url(../images/acronym-ruta-destacada.gif) no-repeat;
	color: White;
	font-weight: bold;
	padding: 1px 0;
	padding-left: 4px;
	padding-right: 3px;
	margin: 0;
	font-size: 80%;
	font-size: 100%;
}

#ruta-destacada img {
	float: left;
}

#ruta-destacada p#descripcion-ruta{
	font-family: "Times New Roman", Times, serif;
	font-size: 130%;
	font-weight: bold;
	color: #92927C;
	padding-left: 13px;
	background-image: url(../images/bullet-verde.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	float: left;
	width: 300px;
}


/* Buscador */
#buscador {
	display: none;
}

/* promocion */

#promocion {
	display: none;
}

/* Capa que va debajo de los menıs superiores (auxiliar y secundario) y que contiene a todas las demıs */
#web {
	width: 640px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;	
	padding: 80px 0 10px 0;
	clear: both; 
}

/* Pie */

#pie img {
	position: absolute;
	top: 4px;
	left: 370px;
}

#pie ul{
	display: none;
}

/* Migas de navegaciın */
#migas{
	display: none;
}


/* capa de contenido principal */

#contenido-principal {
	/*float: left;*/
	width: 593px;
	margin-left: 12px;
	margin-bottom: 40px;
}

#contenido-principal p {
	line-height: 140%;
}

#ficha-ruta-sl {
	color: #6E6E6E;
}


#ruta-info-general {
	float: left; 
	margin-bottom: 15px;
}

#ruta-info-general div {
	width: 250px;
	float: left;
}

#ruta-info-general div#opciones-ruta {
	width: 328px;
	margin-left: 10px;
}

#ruta-info-general div#opciones-ruta img {
	margin-top: 15px;
}

#ruta-info-general h1 {
	font-size: 200%;
	margin-top: 25px;
	margin-bottom: -3px !important;
	margin-bottom: -10px;
	clear: both;
}

#ruta-info-general #titulo-gr  h1{
	color: #009E31;
}

#ruta-info-general #titulo-pr  h1{
	color: #7FB812;
}

#ruta-info-general #titulo-sl  h1{
	color: #C8D300;
}

#ruta-info-general h1 span {
	display: block;
	color: #fff;
	padding-left: 2px;
}

#ruta-info-general #titulo-gr p#introduccion {
	background-image: url(../images/bullet-gr.gif);
}

#ruta-info-general #titulo-pr p#introduccion {
	background-image: url(../images/bullet-pr.gif);
}

#ruta-info-general #titulo-sl p#introduccion {
	background-image: url(../images/bullet-sl.gif);
}

#opciones-ruta li {
	display: none;
}

#opciones-ruta li a:hover {
	text-decoration: underline;
}


#caracteristicas-mapa {
	clear: both;
	background-image: url(../images/puntitos-horizontal.gif);
	background-position: top;
	background-repeat: repeat-x;
	float: left;
	width: 100%;
	padding-top: 2px;
}

#caracteristicas-ruta {
	float: left;
	width: 255px;
	padding-right: 11px;
	background-image: url(../images/puntitos-vertical.gif);
	background-repeat: repeat-y;
	background-position: right 2px; 
	margin-right: 11px;
}


#caracteristicas-ruta #descarga-gr a{
	display: none;
}

#caracteristicas-ruta #descarga-pr a{
	display: none;
}

#caracteristicas-ruta #descarga-sl a{
	display: none;
}

#caracteristicas-vuelta {
	float: left;
	width: 265px;
	padding-right: 11px;
	background-image: url(../images/puntitos-vertical.gif);
	background-repeat: repeat-y;
	background-position: right 2px; 
	margin-right: 11px;
}

#mapa-ruta {
	float:left;
	width: 305px;
}

#mapa-ruta img {
	padding-bottom: 5px
}

#caracteristicas-ruta h2 {
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0;
	padding: 3px 0 4px 17px;
	height: 14px;
	color: #fff;
	width: 174px;
}

#caracteristicas-ruta h2#gr-h2-caracteristic {
	background-image: url(../images/fondo-gr-h2-caracteristic.gif);
	background-color: #009E31;	
}

#caracteristicas-ruta h2#pr-h2-caracteristic {
	background-image: url(../images/fondo-pr-h2-caracteristic.gif);
	background-color: #7FB812;	
}

#caracteristicas-ruta h2#sl-h2-caracteristic {
	background-image: url(../images/fondo-sl-h2-caracteristic.gif);
	background-color: #C8D300;	
}

#mapa-ruta h2 {
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0;
	padding: 3px 0 4px 17px;
	height: 14px;
	color: #fff;
	width: 142px;
}

#mapa-ruta h2#gr-h2-mapa-recorrid {
	background-image: url(../images/fondo-gr-h2-mapa-recorrid.gif);
	background-color: #009E31;	
}

#mapa-ruta h2#pr-h2-mapa-recorrid {
	background-image: url(../images/fondo-pr-h2-mapa-recorrid.gif);
	background-color: #7FB812;	
}

#mapa-ruta h2#sl-h2-mapa-recorrid {
	background-image: url(../images/fondo-sl-h2-mapa-recorrid.gif);
	background-color: #C8D300;	
}

#caracteristicas-ruta p {
	margin-bottom: 10px;
	margin-top: 10px;
	padding-left: 5px;
}

#caracteristicas-ruta p a {
	color: #CC9900;
	text-decoration:none;
}

#caracteristicas-vuelta p {
	margin-bottom: 10px;
	margin-top: 10px;
	padding-left: 5px;
}

#caracteristicas-ruta ul {
	background-color: #F7F7F4; 
	float: left;
	width: 253px;
	padding: 10px 0 15px 0;
	margin-top: 15px;
	margin-bottom: 0 !important;
	margin-bottom: -6px;
}

#caracteristicas-vuelta ul {
	float: left;
	width: 265px;
	padding: 5px 0 10px 0;
	margin-top: 15px;
	margin-bottom: 0 !important;
	margin-bottom: -6px;
}

#caracteristicas-ruta ul li {
	margin-top: 4px;
	padding-left: 17px;
	background-image: url(../images/bullet-gris.gif);
	background-repeat: no-repeat;
	background-position: 8px 4px;
}

#caracteristicas-vuelta ul li {
	margin-top: 4px;
	padding-left: 10px;
}


#caracteristicas-ruta ul li span {
	font-weight: bold;
}

#caracteristicas-ruta ul li a {
	display: none;
}

#caracteristicas-ruta ul li a:hover {
	text-decoration: none;
}

#puntos-ruta {
	clear: both;
	
	width: 593px;
	background-image: url(../images/puntitos-horizontal.gif);
	background-repeat: repeat-x;
	background-position: top left;
	padding-top: 2px;
	margin-top: 0 !important;
	margin-top: -4px;
}

#puntos-ruta div.punto {
	float: left;
	width: 294px;		
	padding-left: 2px;
	background-position: 10px 0;	
	background-repeat: no-repeat;
}

#puntos-ruta div#ARD {
	background-image: url(../images/iconografias/ard.gif);
}

#puntos-ruta div#ART {
	background-image: url(../images/iconografias/art.gif);
}

#puntos-ruta div#ATE {
	background-image: url(../images/iconografias/ate.gif);
}

#puntos-ruta div#ATS {
	background-image: url(../images/iconografias/ats.gif);
}

#puntos-ruta div#ATX {
	background-image: url(../images/iconografias/atx.gif);
}

#puntos-ruta div#AUZ {
	background-image: url(../images/iconografias/auz.gif);
}

#puntos-ruta div#AZT {
	background-image: url(../images/iconografias/azt.gif);
}

#puntos-ruta div#BES {
	background-image: url(../images/iconografias/bes.gif);
}

#puntos-ruta div#ELI {
	background-image: url(../images/iconografias/eli.gif);
}

#puntos-ruta div#ERR {
	background-image: url(../images/iconografias/err.gif);
}

#puntos-ruta div#ESK {
	background-image: url(../images/iconografias/esk.gif);
}

#puntos-ruta div#ETX {
	background-image: url(../images/iconografias/etx.gif);
}

#puntos-ruta div#GAI {
	background-image: url(../images/iconografias/gai.gif);
}

#puntos-ruta div#GAL {
	background-image: url(../images/iconografias/gal.gif);
}

#puntos-ruta div#GEO {
	background-image: url(../images/iconografias/geo.gif);
}

#puntos-ruta div#IKP {
	background-image: url(../images/iconografias/ikp.gif);
}

#puntos-ruta div#ITU {
	background-image: url(../images/iconografias/itu.gif);
}

#puntos-ruta div#KAR {
	background-image: url(../images/iconografias/kar.gif);
}

#puntos-ruta div#LAN {
	background-image: url(../images/iconografias/lan.gif);
}

#puntos-ruta div#URA {
	background-image: url(../images/iconografias/ura.gif);
}

#puntos-ruta div#ZUB {
	background-image: url(../images/iconografias/zub.gif);
}

#puntos-ruta h2 {
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0 0 0 0;
	padding: 3px 0 4px 17px;
	height: 14px;
	color: #fff;
	width: 400px;
}

#puntos-ruta #puntos-gr h2 {
	/*background-image: url(../images/fondo-gr-h2-puntos-y-perfil.gif);*/
	background-image: url(../images/fondo-gr-h2-caracteristic.gif);
	background-color: #009E31;	
}

#puntos-ruta #puntos-pr h2 {
/*	background-image: url(../images/fondo-pr-h2-puntos-y-perfil.gif);*/
	background-image: url(../images/fondo-pr-h2-caracteristic.gif);
	background-color: #7FB812;	
}

#puntos-ruta #puntos-sl h2 {
/*	background-image: url(../images/fondo-sl-h2-puntos-y-perfil.gif);*/
	background-image: url(../images/fondo-sl-h2-caracteristic.gif);
	background-color: #C8D300;	
}

#puntos-ruta h3 {
	font-size: 115%;
 	text-decoration:underline;
	padding-left: 8px;
	background-repeat: no-repeat;
	background-position: 3px 6px;
	margin: 0;
}

#puntos-ruta #puntos-gr h3 {
	color: #009E31;	
}

#puntos-ruta #puntos-pr h3 {
	color: #7FB812;	
}

#puntos-ruta #puntos-sl h3 {
	color: #C8D300;	
}

#puntos-ruta p{
	margin: 1px 0;
	padding-left: 5px;
	/*font-weight: bold;*/
      line-height: 0.2px;
	font-size: 80%;
}

#puntos-ruta a {
	font-weight: normal;
	padding-left: 5px;	
	background-image: url(../images/bullet-gris-3px.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
	color: #6E6E54;
	text-decoration: none;
}

#puntos-ruta a:hover {
	text-decoration: underline;
}


#puntos-ruta div.fila-puntos {
	/*float: left;*/
	border-bottom: 1px solid #F0EFE4; 
	background-image: url(../images/lineagris.gif);
	background-repeat: repeat-y;
	background-position: 273px bottom;
	padding-top: 4px;
}

#puntos-ruta div.ultima {
	border: 0;
}


#perfil-ruta {
	clear: both;
	
	width: 593px;
	background-image: url(../images/puntitos-horizontal.gif);
	background-repeat: repeat-x;
	background-position: top left;
	padding-top: 20px;
	margin-top: 5px;
}

#perfil-ruta h2 {
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0;
	padding: 3px 0 9px 17px;
	height: 14px;
	color: #fff;
	width: 200px;
}

#perfil-ruta h2#gr-h2-puntos-y-perfil {
	background-image: url(../images/fondo-gr-h2-puntos-y-perfil.gif);
	background-color: #009E31;	
}

#perfil-ruta h2#pr-h2-puntos-y-perfil {
	background-image: url(../images/fondo-pr-h2-puntos-y-perfil.gif);
	background-color: #7FB812;	
}

#perfil-ruta h2#sl-h2-puntos-y-perfil {
	background-image: url(../images/fondo-sl-h2-puntos-y-perfil.gif);
	background-color: #C8D300;	
}

div#mapa-comarcas {	
	display: none;
}

#acciones-pagina {
	display: none;
}

/*Errores*/
#Errores {
	color: #FF0000;
}