@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*/
	}
/*
	Esta es otra forma de definir el body
body
	{
	background:url(objetos/lacanau.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 a
	{
	text-decoration: none;
	color:#000000;	
	}

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

#marcas 
	{

	}



#contenido 
	{
	}


/*
	En lugar de poner un estilo por cada marca, propagamos el estilo dentro de marcas pero solo a los div
	Todos los div que vayan dentro de la div 'marcas' llevar�n estas caracter�sticas
*/
#marcas div 
	{
	padding:3px; 
	margin: 5px;
	float: left;
	}


#pie 
	{
	padding-bottom: 20px; 
	padding-top: 20px ; 
	}

#pie p 
	{
	margin: 0px; 
	font-weight: bold;
	}

img {border-style: none}



#col_centro		{float:left; display:block; height:auto; min-height:100%; overflow:hidden; width:820px; margin-right:5px;}

.videos 		{height:auto; min-height:100%; overflow:hidden; text-align:left;}

.noticia		{float:none; display:block; clear:both; height:auto; min-height:100%; overflow:hidden; padding:0px 0px 5px 0px; margin:0px 0px 5px 0px; text-align:left; width:auto; border-bottom:1px solid #CCCCCC;}
.noticia_foto		{float:left; display:block; height:102px; width:125px; padding:0px 5px 0px 0px; margin:0px;}
.noticia_foto		{height:102px; width:125px; padding:0px 5px 0px 0px; margin:0px;}

.noticia_texto		{width:auto; height:auto; min-height:100%; overflow:hidden; padding:0px; margin:0px; text-align:left;}
.noticia_titular	{float:none; display:block; height:auto; min-height:100%; overflow:hidden; padding:0px; margin:0px; text-align:left; width:auto;}
.texto 			{float:none; display:block; height:auto; min-height:100%; overflow:hidden; padding:5px 0px 0px 0px; margin:0px; text-align:left; width:auto;}


.caja_gris		{float:none; display:block; height:auto; min-height:100%; overflow:hidden; padding:0px; margin:0px 0px 5px 0px; text-align:left; width:auto; border:4px solid #FF6347;}  <!-- Gris claro #CCCCCC -->
.caja_gris .titular 	{float:none; display:block; height:auto; min-height:100%; overflow:hidden; padding:0px; margin:0px; text-align:center; width:auto; background-color:#FF6347; padding:5px;} <!-- Uva pocha #CDB7B5 -->
<!-- background-color:#04509c -->
.caja_gris .videos	{padding:16px; text-align:center;}

* html .caja_gris, * html .caja_gris .titular		{height:100%; overflow:visible;}

.titular		{font:normal normal bold 14px Arial, Helvetica, sans-serif; color:#FFFFFF;} <!-- Blanco #FFFFFF -->