/* basic elements */
html {
	margin: 0px;
	padding: 0px;
	}
body { 
	font: 11px verdana; 
	color: #000000; 
	background: #aaaaaa url(imagenes/fondo.gif); 
	/*background: #fff url(/001/blossoms.jpg) no-repeat right bottom; */
	margin: 0px; 
	padding: 0px;
	min-height: 100%;
	text-align:center;
	}
	
a:link { 

	text-decoration: none; 
	color: #B78179;
	}
a:visited { 

	text-decoration: none; 
	color: #B78179;
	}
a:active { 
	text-decoration: none; 
	color: #B78179;
	}	
	
a:hover { 
	text-decoration: underline; 
	color: #B78179;
	}		

#contenedor
{
   background-color: #ffffff;
   width:858px;
   background: #aaaaaa url(imagenes/fondo_centro.gif) repeat-y;
   text-align:center; 
   margin: auto; /* si no lo pongo no me centra el firefox */
  
}

#contenedor2
{
   background-color: #ffffff;
   width:832px;
   text-align:center; 
   margin: auto; /* si no lo pongo no me centra el firefox */
   
}


/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#cabecera {
margin-top: 0px; padding-top:0px; 
}

#cabecera h1 { 
	background: transparent url(imagenes/cabecera.jpg) no-repeat top left; 
	margin-top: 0px; 
		margin-bottom: 0px; 
	width: 832px; 
	height: 100px; 
	/*float: left;*/
	}
#cabecera h1 span {
	display:none
	}



p {
 text-align: justify;
}
	
/****************************************************** MENU PRINCIPAL **********************************/
#menuPrincipal ul
{
padding: 0;
margin: 0;
background-color: #DFCDC1;
color: #D59690;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
font-size:12px; 
font-weight:bold;
}

#menuPrincipal ul li { display: inline; }

#menuPrincipal ul li a
{
padding: 0.2em 1em;
background-color: #DFCDC1;
color: #D59690;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#menuPrincipal ul li a:hover
{
background-color: #D59690;
color: #fff;
}
/************************************** FIN MENU PRINCIPAL ************************************************/	
	
#menuProvincias 
{
 float: left; width:150px; padding-top:10px; margin:0; text-align:left;
}

#menuProvincias h2 
{
 background-color:#B78179; 
 border:1px solid #444444;
 color:#FFFFFF; 
 font-size:15px; 
 text-align:center; 
 font-family:Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 padding:3px; margin-left:2px;
}

#menuProvincias ul
{

margin-left: 0;
padding-left: 0;
list-style: none;
}

#menuProvincias ul li 
{ 
margin-left: 0;
padding: 3px;

}
#menuProvincias ul li a
{ 
 font-size:10px;	
}







#contenido 
{
 float: left; width:510px; padding:10px; margin:0; text-align:left;
 
}
#contenido h2 
{
 background-color:#B78179; 
 border:1px solid #444444;
 color:#FFFFFF; 
 font-size:15px; 
 text-align:center; 
 font-family:Arial, Helvetica, sans-serif; 
 font-weight:bold; padding:3px;
}








#menuLocalidades 
{
 float: left; width:150px; padding-top:10px; margin:0;text-align:left;
}

#menuLocalidades h2 
{
 background-color:#B78179; 
 border:1px solid #444444;
 color:#FFFFFF; 
 font-size:15px; 
 text-align:center; 
 font-family:Arial, Helvetica, sans-serif; 
 font-weight:bold; padding:3px;
}

#menuLocalidades ul
{

margin-left: 0;
padding-left: 0;
list-style: none;
}

#menuLocalidades ul li 
{ 
margin-left: 0;
padding: 3px;

}
#menuLocalidades ul li a
{ 
 font-size:10px;	
}


#pie 
{
clear: both; 
 padding: 10px;
text-align:center; 

}