/*@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.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;	
	}
#pagcon1
{
width:70%;
float:left;
overflow:hidden;
text-align:left;
margin:0px;
}

#pagcon2
{
width:30%;
float:left;
overflow:hidden;
text-align:left;
margin:0px;
}

 
#menuhor 
	{ 
	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: 0px 0px 0px 0px;
	padding: 0px;
	}

#menuhor ul li 
	{
	margin: 0px;
      /* las opciones de los menus de 1er nivel salen en horizontal*/
	display: inline;
	padding: 0px 5px 0px 7px;
       position:relative; /* Si no se pone esto las opciones de los menús de 2º nivel 
                             no salen cuadrados con los del 1er nivel */	
       }

/* Texto de todas las opciones del menu */
#menuhor ul li a
	{
	text-decoration: none;
       color:#000000;
	text-align:center;
	padding-right:5px;
	padding-left:5px;
	}
/*
#menuhor a:hover 
	{ 
	text-decoration: underline
	}
*/


#menuhor ul li a:hover
       {
       text-decoration:underline;
       }

#menuhor ul ul 
	{
	/* Los Menús de 2º nivel NO son visibles */
	display:none;
	position:absolute; /* Sin esto cuando se despliegan las opciones del menú de 2º nivel se descontrolan */
	
	margin:5px; /*Para que el borde coincida con el borde del menu de 1er nivel */
  	background: #F8ECE0; /*#F8ECE0; #eee;*/
	border:1px solid black;
	width:200px;
	}

#menuhor ul ul li
	{
	/* Las opciones de los menus de 2º nivel salen en vertical */
	display:block;
	margin-bottom:5px;
	}


#menuhor ul li:hover ul
	{
	/* Cuando pasamos el cursor por encima de la opciones de los menus de 1er Nivel 
          se activan los menus de 2ª nivel */
	display:block;
	}


#menuhor ul a
	{
	padding:5px;	/* Importante */ 
                   /*Esto hace que las opciones del menu de 2º nivel no desaparezcan cuando intento
			  posicionarme sobre ellas */
	}

#marcas 
	{

	}



#contenido 
	{
	}

#condiciones
{
text-align:justify;
color:#696969;
}

.condi1
{
margin-left:30px;
}
/*
	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:center;}

.noticia		{float:none; display:block; clear:both; height:auto; min-height:100%; overflow:hidden; padding:0px 0px 5px 5px; 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 -->