/*******************************************************************

	Hoja de estilos; formateo de estilos del navegador
	Autor: Alvaro Portela

********************************************************************/

/* Eliminamos los estilos por defecto del navegador importando el archivo reset.css */
@import url(reset.css);


/* CSS Document */

body {
	background:url(../imgs/motivo01.jpg) repeat top left; /*aplicamos una imagen al fondo de la web*/
	cursor: default;
}

div#bocadillo a{
	z-index:1;
	position:absolute;
	left:450px;
	top: 30px;
	display:block;
	width:100px;
	height:32px;
	font-family: Arial, Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding: 7px 0 0 0;
	text-decoration:none;
	color: #999999;
	background-image:url(../imgs/bocadillo.png);
}



#contenedor {
	width: 800px;
	height: 1200px;
	margin: auto;
	background:url(../imgs/rayado.jpg) no-repeat top left;
	background-position: top;
	
}
#contenedor_mapa {
	width: 800px;
	height: 700px;
	margin: auto;
	background:url(../imgs/rayado.jpg) no-repeat top left;
	background-position: top;
	
}


#logo {
	width: 290px;
	height: 136px;
	position: relative;
	top:20px;
	left:0px;
	
}


div#cabecera #texto {
	width: 460px;
	height: 68px;
	position: relative;
	top:-60px;
	left:330px;
	text-align:left;
	color: #FFFFFF;
	font-family: Arial, Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	/*text-indent: -9999px;*/
}


div#menu  { 
	position: relative;
	top:17px;
	left:275px;
	
}


div#menu li { 
	float:left; /* hacemos que los elementos de la lista sean flotantes y se coloquen uno al lado del otro en horizontal */
	margin: 0 3px 0 0; /* aumentamos la separación entre los elementos de la lista en este caso com el margen derecho */
}

div#menu li a{

	display:block ;
	background:url(../imgs/pestana.png) no-repeat top left;
	width:129px;
	height:33px;
	color: #716f6f;
	font-family: Arial, Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding: 10px 0 0 0;
}


div#contenido {
	width: 800px;
	height: 910px;
	position: relative;
	top:50px;
	background-color:#FFFFFF;
}
div#contenido_mapa {
	width: 800px;
	height: 450px;
	position: relative;
	top:20px;
	background-color:#FFFFFF;
}



p#lista{
	width: 766px;
	position: relative;
	top:7px;
	left:7px;
	background-color:#f0f0f0;
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align: left;
	line-height: 20px;
	padding: 43px 2px 40px 20px;
}
div#lista{
	width: 766px;
	position: relative;
	top:7px;
	left:7px;
	background-color:#f0f0f0;
	color: #716f6f;
	font-family: Arial, Georgia, "Times New Roman", Times;
	font-size:12px;
	line-height: 20px;
	padding: 2px 2px 2px 20px;
}





div#pie{
	width:650px;
	height:50px;
	position: relative;
	left: 100px;
	top: 50px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
	color:#000;
	font-size:12px;
}



div#margen{
	height:52px;
	background-image:url(../imgs/rayado2.jpg);
	background-repeat: no-repeat; 	
	
}
#contenido #caja2 #datos telf {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: underline;
}