/*esto es un comentario*/
/*VALIDARLO EN EL W3C, HAY VALIDADOR DE CSS*/


/*así cualquier elemento tiene por defecto margen y padding 0*/
*{
	margin:0px;
	padding:0px;
}
body{
	/*color de texto*/
	color:#FFFFFF;

	/*color de fondo
	background-color:#8C724B;*/
	background:url(IMG/fondo.jpg);

	/*tipo de letra, meter una genérica siempre (sans-serif)*/
	font-family:Verdana,Arial,sans-serif;

	/*tamaño letra, em es el tamaño de la m de la letra seleccionada, tamaño de letra normal un 80%*/
	font-size:0.8em;
	text-align:center;
}

img{
	border:0;/*le quitamos el borde a todas la imágenes, si lo quiero se lo pongo a la imagen que lo necesite*/
}


a{
	text-decoration:none;
}
#contenedor{
	 margin: 20px auto 0 auto; 
	 width: 793px;
	 position:relative;
	 background:url(IMG/7.jpg);
}
#menu{
	position:relative;
	float:left;
	background:url(IMG/7.jpg);
	width:221px;
	height:540px;
}

#datos{
	position:relative;
	float:right;
	background-color:#C8B387;
	padding:15px 15px 15px 15px;
	height:510px;
}
#datos_dis{
	clear:both;
	/*position:relative;*/
	float:left;
	background:url(IMG/planta2.jpg) #000000 no-repeat;
	width:542px;
	height:510px;
	margin:0px;
}
#peq{
	float:left;
	position:relative;
	width:90px;
	margin:12px 0px 0px 100px!important;
	margin:12px 0px 0px 50px;
}
#peq img{
	float:left;
	margin:12px 0px 0px 0px!important;
	margin:12px 0px 0px 0px;
}

#gran{
	float:right;
	position:relative;
	width:340px;
	margin:0px;
}

#menu_d{
	display:block;
	background:#FFFFFF;
	color:#8C724B;
	margin:20px;
	text-align:right;
	height:115px;
}

#menu_d a{
	color:#8C724B;

}
#menu_d ul{
	color:#8C724B;
	padding-top:5px;

}
#menu_d li{
	color:#8C724B;
	list-style:none;
	padding:4px 15px 4px 0px;
}
#menu_d img{
	margin:0px;
	padding:0px;
}


#menu_d_f{
	display:block;
	background:url(IMG/pixel%20morado.jpg);
	color:#FFFFFF;
	margin:20px;
	text-align:right;
	height:134px;
	font-size:12px;
}

#menu_d_f a{
	color:#FFFFFF;

}
#menu_d_f ul{
	color:#FFFFFF;
	padding-top:10px;

}
#menu_d_f li{
	color:#FFFFFF;
	list-style:none;
	padding:4px 15px 4px 0px;
}
#menu_d_f img{
	margin:0px;
	padding:0px;
}



#pie{
	clear:both;
	position:relative;
	float:left;
	width:100%;
	background:url(IMG/fondo.jpg);
	text-align:left;
}
#pie p{
	margin:0px;
	padding:5px 0px 0px 0px;
}
#pie a{
	color:#FFFFFF;
	text-decoration:none;
}

.flotaizda{
float:left;/*no es necesario poner el width pq lo da la imagen, si lo ponemos la redimensionamos*/
margin-left:0px;
margin-right:170px;
margin-top:-5px;
}
#gran p{
	text-align:justify;
	font-size:10px;
	margin:22px 50px 10px 30px;
}
#contacto{
	background:url(IMG/plano.jpg) no-repeat;
	height:485px;
	width:542px;
}
#contacto p{
	color:#FFFFFF;
	font-size:12px;
	text-align:left;
	padding:350px 50px 20px 270px;
	line-height:10px;
}
#contacto a{
	color:#FFFFFF;
	text-decoration:none;
}