html,body{margin:0;padding:0;background:#cec59f url(./fondos/tablas2.jpg) ;}
body{font: 76% arial,sans-serif;text-align:center;}
p{margin:0 10px 10px}
a{display:block;color: #981793;padding:10px}
div#header{}
div#container{clear:both;}
div#content p{line-height:1.4; padding:10px;font-family: "PAPYRUS";font-size:1.2em;}
div#content img{padding:10px;}
div#navigation{background:inherit;width:20%; margin-top:98px; position:relative;}
div#extra{background:inherit;}

div#footer p{margin:0 auto; font-size:10px; padding:20px;text-align:justify; color:#e4da8f;}

div#wrapper{float:left;width:100%}
div#content{margin: 0 auto 0 auto; background:url(./fondos/main.png) ;width:800px; text-align:justify;}
div#navigation{float:left;width:200px;margin-left:-100%;}	
div#extra{float:left;width:200px;margin-left:-200px;margin-top:98px;z-index:100;}
div#footer{clear:left;width:100%;background: url("./fondos/tabla_footer.png") repeat-x;height:120px; padding-top:20px; margin:0 auto; text-align:center;}


#header_escalada{margin:0 auto;width:800px;height:98px; background: url(./fondos/headers/escalada.png) no-repeat; position:relative; }
#header_alojamiento{width:800px;height:98px; background: url(./fondos/headers/alojamiento.png) no-repeat; position:relative;}
#header_calendario{width:800px;height:98px; background: url(./fondos/headers/calendario.png) no-repeat; position:relative;}
#header_cultural{width:800px;height:98px; background: url(./fondos/headers/cultural.png) no-repeat; position:relative;}
#header_talleres{width:800px;height:98px; background: url(./fondos/headers/talleres.png) no-repeat; position:relative;}
#header_noches{width:800px;height:98px; background: url(./fondos/headers/noches.png) no-repeat; position:relative;}
#header_cafe{width:800px;height:98px; background: url(./fondos/headers/cafe.png) no-repeat; position:relative;}



li#alojamiento{
background:url(./manuescrita/alojamiento3.png) no-repeat;
}
li#cultural{
background:url(./manuescrita/centro-cultural3.png) no-repeat;
}
li#escalada{
background:url(./manuescrita/escalada3.png) no-repeat;
}
li#calendario{
background:url(./manuescrita/calendario-de-actividades3.png) no-repeat;
}
li#talleres{
background:url(./manuescrita/talleres3.png) no-repeat;
}
li#cafe{
background:url(./manuescrita/cafe3.png) no-repeat;
}
li#noches{
background:url(./manuescrita/noches-en-imago3.png) no-repeat;
}
li#bases{
background:url(./manuescrita/basesLibro1.png) no-repeat;
}
li#montana{

background:url(./manuescrita/mes_montana.png) no-repeat;
}




div#navigation,div#extra ul li a{
display:block;  
  
height:auto !important;  
color:#FFF;  
font-family:Arial, Verdana, Geneva, sans-serif;  
font-size:18px;  
text-decoration:none; 
z-index:100px; }


div#navigation ul li{
width:150px;
height:70px;
text-decoration:none;

padding:5px;
//padding:10px;
font-size:1.4em;
list-style:none;
margin-left:20px;
float:left; /* Hacemos que el menu se muestre horizontal */


}

div#extra ul li{
width:150px;
height:90px;
text-decoration:none;

padding:5px;
//padding:10px;
font-size:1.4em;
list-style:none;
margin-right:30px;
float:right; /* Hacemos que el menu se muestre horizontal */
z-index:100px;

}


div#header_logo{
background:url(./fondos/tabla_header.png);
//height:200px;
float:left;
width:100%;
text-align:left;
}

li#montana{

width:150px;
height:210px !important;
}


#mapa { width:790px; height:600px; margin:0 auto; background:url(./web_MIO4.gif)  no-repeat; position:relative;}



#mapa div { width: 100px; height:100px; position:absolute; cursor:pointer; background-repeat:no-repeat;} 
#cafe_ico{ background-image:url('./iconos/cafe.png'); top:200px; left:500px; background-position:center;} 
#escalada_ico { background-image:url('./iconos/escalada.png'); top:80px; left:300px; background-position:center;} 
#alojamiento_ico{ background-image:url('./iconos/alojamiento.png'); top:100px; left:130px; background-position:center;} 
#noches_ico{ background-image:url('./iconos/noches.png'); top:100px; left:630px; background-position:center;}

#cultural_ico{ background-image:url('./iconos/cultural_cine.png'); top:300px; left:630px; background-position:center;} 
#talleres_ico{ background-image:url('./iconos/talleres.png'); top:300px; left:200px; background-position:center;} 
#calendario_ico{ background-image:url('./iconos/calendario_act.png'); top:100px; left:500px; background-position:center;} 

.alto{
height:40px;
}
.alto2{
height:40px !important;
}

div#roto{
float:right; width:363px; margin:0; padding:0; top:0; right:0; position:absolute;height:136px; background:#940023 url(./header_roto.png)  no-repeat;

}


ul li#alojamiento:hover{
background:url(./manuescrita/alojamiento2.png) no-repeat;
}
ul li#escalada:hover{
background:url(./manuescrita/escalada2.png) no-repeat !important;
;
}

li.escalada2{
background:url(./manuescrita/escalada2.png) no-repeat;
}
ul li#calendario:hover{
background:url(./manuescrita/calendario-de-actividades2.png) no-repeat;
}

.agranda{
background:url(./manuescrita/calendario-de-actividades2.png) no-repeat;
}
ul li#cultural:hover{
background:url(./manuescrita/centro-cultural2.png) no-repeat;
}
ul li#talleres:hover{
background:url(./manuescrita/talleres2.png) no-repeat;
}
ul li#noches:hover{
background:url(./manuescrita/noches-en-imago2.png) no-repeat;
}
ul li#cafe:hover{
background:url(./manuescrita/cafe4.png) no-repeat;
}
#footer_roto{ margin-top:3px; //margin-top:22px; background: url(./footer_roto.png); width:296px; height:88px;}:url(./manuescrita/cafe4.png) no-repeat;
}
#footer_roto{ margin-top:3px; //margin-top:22px; background: url(./footer_roto.png); width:296px; height:88px;}