@CHARSET "ISO-8859-1";
/* CSS Document */

/* En principio centramos toda la pagina y los componentes en la raiz, ya que casi todo va centrado */

body
	{
	background-image:url(../objetos/lacanau_co1.jpg);
	background-repeat: no-repeat;
	background-position: top center; 
	background-color:black;
	text-align:center; /*Importante*/
	font-family:"constantia";
	font-size:16px;
	}
/*
	Esta es otra forma de definir el body
body
	{
	background:url(objetos/lacanau_co1.jpg) no-repeat top center black;
	text-align:center;
	}
*/


/*  
	Se pone un ancho fijo del contenido para que no varie en funcion del tamaño de la pagina 
	y se ponen los margenes automaticos para que no se descentren 
*/	
/* 
	Si defines un borde en un elemento, ese elemento no puede llevar también definido un ancho concreto 
	mediante el width, es decir, no le podemos asignar una cantidad numérica, solamente se le puede definir 
	width:auto". Si no seguimos esta regla, la web no se verá bien en todos los navegadores.
*/
#global 
	{
	 width:800px ;
	 margin-top:310px;
	/* Esto es lo importante para que no se descentre en los navegadores */
	 margin-left:auto;
	 margin-right:auto;	
	}
 
#menuhor 
	{ 
	color:#000000;
	border-top:1px solid black;
	border-bottom:1px solid black;
	margin-left:auto;
	margin-right:auto;
	padding-top:5px;
	padding-bottom:5px;
	text-align:left;
	}

#menuhor ul 
	{	
	left: 0px;
	list-style: none;
	margin: 2px 0px 0px 2px;
	padding: 0px;
	}

#menuhor ul li 
	{
	margin: 0px;
	display: inline;
	padding: 0px 5px 0px 7px;
	
	}

#menuhor ul li a
	{
	text-decoration: none;
  color:#000000;
	text-align:center;
	padding-right:5px;
	padding-left:5px;
	}

#menuhor a:hover 
	{ 
	text-decoration: underline
	}


#contacto div
	{
	width:350px;
	margin-top:25px;
	/* Esto es lo importante para que no se descentre en los navegadores */
	margin-left:auto;
	margin-right:auto;	
	text-align:center;
	float:left;
	}


#direccion p
	{
	margin-top:0px;
	margin-bottom:0px;
	}

#mapa p
	{
	margin-top:0px;
	margin-bottom:0px;
	}

#mapa a
	{
	margin-top:0px;
	margin-bottom:0px;
	}

img 
	{
	border-style: none;
	margin-top:10px;
	float:center;
	}