body  {
    	font: 62.5% Verdana, Arial, Helvetica, sans-serif;    	
		/* background: #000000 url(img/fondo.jpg) repeat-x left top; */
		background-color: #000000;
    	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
    	padding: 0;
    	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
    	color: #FFFFFF;
		/* Ancho mínimo, lígeramente mayor que el #container centrado. Esto es para Netscape 6, dónde si se reduce mucho el ancho del navegador se oculta una parte fuera haciéndola inaccesible */
		min-width: 760px;
    }
	
	
	   #container {
		position:relative;
    	width: 750px;  /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barra de desplazamiento horizontal */
    	background: transparent url() no-repeat left top;
    	margin: 0px auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
		padding: 0px 0px 0px 0px;	
		border: 0px solid #d47215; /* Naranja corporativo */ 
    	text-align: left; /* esto anula text-align: center en el elemento body. */
    }
	
	
	/* Esto elimina el Padding que heredaban los elementos <hX> iniciales del divPrincipal, pese a que ahí se les especificaba otros valores. El resultado sin esto es que queda un margen superior en el contendor, en lugar de comenzar pegado al borde superior de la página.*/
	 #container h1 {
	 	padding: 0px 0px 0px 0px;
	 	margin: 0px 0px 0px 0px;
	 }
	 
	 #container h2 {
	 	padding: 0px 0px 0px 0px;
	 	margin: 0px 0px 0px 0px;
	 }
	
	#divPrincipal {
		width:330px;
		background: #FFFFFF URL(img/volutas.jpg) no-repeat top left ;
		color:#000000;
		/*border: 1px solid red;*/
		border: 0px none black;
		margin:0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	
	#divPrincipal h1 {
		z-index: 200;
		position:absolute;
		top:52px;
		left:-30px;
		font-family:  Verdana, Arial, Helvetica, sans-serif;
		font-size:1.6em;		
		font-weight:normal;
		text-transform:lowercase;
		color:#FFFFFF;
		background-color:#6b0b08;
		padding: 3px 45px 3px 45px;
		margin: 0px 0px 0px 0px;
			
	}
	
	#divPrincipal h2 {
		font-family:  "Century Gothic",  Arial, Helvetica, sans-serif, Verdana;
		font-size:1.4em;
		font-style:italic;
		font-weight:normal;
		width:220px;
		text-align:right;
		padding: 230px 0px 0px 97px;			
	}
	
	#divPrincipal a {
		color:#6b0b08;
		background-color: Transparent; /* valid. */
	}
	
	#cuerpo {
		padding: 45px 20px 0px 28px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:1.1em;				
	}
	
	#cuerpo1 {
		padding: 0px 20px 0px 28px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:1.1em;				
	}
	
	#cuerpo2 {
		padding: 0px 20px 0px 28px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:1.1em;
		text-align:justify;				
	}
	
	#divContainerNoticias 
	{
		/* border: 1px solid red; */
		padding: 0px 20px 0px 28px;
		margin: 0px 0px 0px 0px;
	}
	
	
	h3 
	{
		/* border: 1px solid green; */
		color:#6b0b08;
		background: ;  /* valid. */
		font-family:  Arial, Helvetica, Verdana, sans-serif;
		font-size: 1.8em;
		font-weight:normal;
		padding: 40px 0px 0px 0px;
	}
	

	
	h4 
	{
		/* border: 1px solid blue; */
		color:#6b0b08;
		background: ;  /* valid. */
		font-family:  Arial, Helvetica, Verdana, sans-serif;
		font-size: 1.2em;
		font-weight:normal;
		position:relative;
		top: -21px;
		left: 38px;
	}
	
	.divNoticia {
		width:214px;
		padding: 0px 0px 0px 69px;
		margin: 0px 0px 50px 0px;
		text-align:right;
	}
	
	.divNoticia h5 {
		text-transform:uppercase;
		color:#6b0b08;
		background: ;  /* valid. */
		font-family:  Arial, Helvetica, Verdana, sans-serif;
		font-size: 1em;
		font-weight:bold; 
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;		
	}
	
	.NoticiaFecha {
		color:#707070;
		font-family:  Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.9em;
		font-weight:normal;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}
	
	.NoticiaCuerpo {
		text-align:justify;
		font-family:  Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.1em;
		font-weight:normal;
	}
	
	#divNoticiasPie {
		text-align:justify;
		font-family:  Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.1em;
		font-weight:normal;
		padding: 32px 0px 0px 0px;
	}
	
	#divDireccion {
		width:311px;
		padding: 50px 0px 15px 0px;
		margin: 0px 0px 0px 0px;
		text-align:right;
			font-family:  Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		font-weight:normal;
		font-style:italic;
		color:#555555;
	}
	
	#divDireccion p {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}
	

	

	

	#ulMenuPrincipal li { 
		list-style:none;
		display:block;
		padding: 0px 0px 6px 0px; 
	}
	
	#ulMenuPrincipal {
		position:absolute;
		
		top:50px;
		left:0px;
		
		list-style:none;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 350px;		
		text-align:left;
		font-size: 1.4em;
		font-family:  "Century Gothic",  Arial, Helvetica, sans-serif, Verdana;
		color:#d0d0d0;		
		/* width:710px; */
		text-transform:lowercase;								
	}
	

	
	
	
	
	
	#ulMenuPrincipal a {
		color:#d0d0d0;
		text-decoration:none;
	}
	
	#ulMenuPrincipal a:hover {
		/* color:#FFFFFF; */
		text-decoration:underline;
	}
	
	
li { 
list-style:none;
display:inline;
/*line-height : 200%;*/
/* text-transform: uppercase; */
}


#divCopyright {
	z-index: -100; /* Esto lo necesitamos en Mozilla para que los links del menú del pie queden siempre por encima del copyright y puedan ser pulsables.*/
	position:absolute;
	width:320px;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 16px 0px;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:1em;
	color:#ba2b29;				
	text-align:left;	
}

#ulMenuPie {
		width:320px;
		margin: 0px 0px 0px 0px;
		padding: 6px 0px 16px 0px;
		font-family:  Verdana, Arial, Helvetica, sans-serif;
		font-weight:normal;
		font-size:1em;
		color:#ba2b29;				
		text-align:right;		
}

	#ulMenuPie a {
		color:#ba2b29;
		text-decoration:none;
	}
	
	#ulMenuPie a:hover {
		text-decoration:underline;
	}

/* Generamos la "barra vertical" que separa graficamente cada opción del menú.*/
	#ulMenuPie li:after {
		content: "|";
		padding: 0px 3px 0px 6px; /* Con esto conseguimos centrar el nuevo elemento entre las opciones de menú.*/
	}
	
	/* Hacemos que la última opción del menú, (marcada en el HTML con la clase "last", no tenga tras ella el elemento de separación*/
	#ulMenuPie li.last:after {
		content: "";	
		padding: 0px 0px 0px 0px;
	}
	


		

	
	#divLogoPie {		
		padding: 50px 0px 0px 108px;
		width:134px;
		height:122px;
		background: transparent url(img/Logo2.jpg) no-repeat right bottom;
	}
	
		/* Gráfico auxiliar bajo la barra de título, como una barra torcida   */
	#divDecorTitulo {
		z-index: 100;
		position:absolute;
		top:44px;
		left:10px;
		width:149px;
		height:40px;
		background: transparent url(img/BandaTitulo2.gif) no-repeat left top;
	}
	
	/* Gráfico de las fotos en el lateral derecho de la página "A" de Inicio */
	#divDecorFotos_A {
		position:absolute;
		top:297px;
		left:330px;
		width:420px;
		height:389px;
		background: transparent url(img/Fotos1.jpg) no-repeat left top;
	}
	
	#divDecorFotos_B {
		position:absolute;
		top:297px;
		left:330px;
		width:420px;
		height:389px;
		background: transparent url(img/Fotos2.jpg) no-repeat left top;
	}

	#divDecorFotos_C {
		position:absolute;
		top:297px;
		left:330px;
		width:420px;
		height:389px;
		background: transparent url(img/Fotos3.jpg) no-repeat left top;
	}	

	#divDecorFotos_D {
		position:absolute;
		top:297px;
		left:330px;
		width:420px;
		height:389px;
		background: transparent url(img/Fotos1.jpg) no-repeat left top;
	}
		
	#divDecorFotos_E {
		position:absolute;
		top:297px;
		left:330px;
		width:420px;
		height:389px;
		background: transparent url(img/Fotos5.jpg) no-repeat left top;
	}
	

	
		/* Gráfico auxiliar con las salpicaduras  */
	#divDecor1 {
		z-index: -100;
		position:absolute;
		top:143px;
		left:-76px;
		width:109px;
		height:180px;
		background: transparent url(img/Salpicaduras1.jpg) no-repeat left top;
	}
	
	/* Gráfico auxiliar logo 1 */
	#divDecor2 {		
		position:absolute;
		top:113px;
		left:231px;
		width:89px;
		height:83px;
		background: transparent url(img/Logo1.gif) no-repeat left top;
	}



	
	
	
	#divFormulario 
	{
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}
		
	#divFormulario  em 
	{
		font-style:italic;		
	}

	#divFormulario fieldset { 
		border: 0px solid black; 
		margin: 0;

		padding: 0px 20px 0px 28px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:1.1em;
	}

	#divFormulario label 
	{
		display:block;
		color:#6b0b08;
		background: ;  /* valid. */
		text-align:right;
		padding: 10px 0px 5px 0px;
	}
	
	#divFormulario input {
		width: 245px;
		border: 1px solid #6b0b08;
		padding: 3px 5px 3px 5px;
		margin-left: 25px;
		text-align:right;
	}
 

		
	#divFormulario textarea {
		width: 245px;
		height: 100px;
		border: 1px solid #6b0b08;
		text-align:right;
		padding: 3px 5px 3px 5px;
		margin: 0px 0px 0px 25px;
		/*
		float:right;
*/
	}

	
	#divFormulario input:focus, #divFormulario textarea:focus {
		background: #fcc;
	}
	

	#pCheck 
	{
		text-align:right;
	}
		
	#pCheck input 
	{
		border:0px solid black;
		width:auto;
		/* padding: 10px 0px 10px 0px;	*/
	}
	
	#pCheck input:focus 
	{
		background-color: white;
	}
	
	#pCheck label 
	{
		display:block;
		color:#6b0b08;	
		background: ;  /* valid. */
		text-align:right;
		float:right;
		padding: 2px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		/*
		width:auto;
		border: 1px solid red;
*/
	}


	
	#pBoton input
	{
		width:90px;
		background-color: #6b0b08;
		color: #FFFFFF;
		border: 0px none black;
		text-align: center;
		float:right;
		cursor:pointer;
	}
	
	#pBoton input:focus 
	{
		color:#000000;  /* valid. */
		background-color: #6b0b08;
	}
	
	#pBoton input:hover 
	{
		
	}
	
	#divOK 
	{
		background-color: #00FF00;
		border: 3px solid black;
		padding: 5px 5px 5px 5px;
		margin: 0px 10px 0px 10px;
		text-align:justify;
	}
		
	#ulKO 
	{
		background-color: #FF0000;
		border: 3px solid black;
		padding: 5px 5px 5px 5px;
		margin: 0px 10px 0px 10px;
		text-align:justify;
	}
	
	#ulKO li 
	{
		display:block;
		padding: 10px 0px 0px 0px;
	}


	#divDecorBoton
	{
		position:relative;	
		top:-36px;
		left:296px;	
		width: 39px;
		height:42px;
		background: transparent URL(img/ManchaBoton.gif) no-repeat top left;
	}
	
	
	
	
	
	#divMapaGoogle 
	{
		/*
		position:relative;
		left:-16px;
		*/
		width:306px;
		height:210px;
		background-color: #999999;
		padding: 0px 0px 0px 0px;		
		margin: 0px 0px 40px -16px;
		border: 1px solid #6b0b08;
	}
	
	

	
	
	#ulPlatos , #ulPostres, #ulTostas, #ulSartenes, #ulEnsaladas, #ulTapas
	{
		/* border: 1px green solid;  */
		width:265px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 20px 20px;
		color:#000000;
		background: ;  /* valid. */
		font-family:  Arial, Helvetica, Verdana, sans-serif;
		font-size: 1.2em;
		font-style:italic;
		font-weight:normal;				
		text-align:justify;		
	}
	
	#ulPlatos li , #ulPostres li , #ulTostas li, #ulTostas li, #ulSartenes li, #ulEnsaladas li, #ulTapas li
	{
		display:block;
		list-style: none;
			
		padding: 0px 0px 0px 10px;
		margin: 0px 0px 18px 0px;
		background: transparent URL(img/triangulo2.gif) no-repeat top left;	 
	}
	
	h5 
	{
		padding: 0px 0px 0px 20px;
		text-transform:uppercase;
	}
	
	#divVinoDeLaSemana , #divVinosPorCopas , #divVinosPorBotellas   
	{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 35px 0px;
	}
	
	.ulListaVinos 
	{
		padding: 0px 0px 0px 40px;
		margin: 0px 0px 0px 0px;
	}
	
	.ulListaVinos li 
	{
		display:block;
		list-style: none;			
		padding: 0px 0px 10px 0px;
		margin:  0px 0px 0px 0px;
		color:#999999;
		background: transparent;  /* valid. */
		font-family:  Arial, Helvetica, Verdana, sans-serif;
		font-size: 1em;
		font-style:italic;
		font-weight:normal;				
		text-align:justify;	
	}
	
	.ulListaVinos li h6
	{				
		padding: 0px 0px 0px 0px;
		margin:  0px 0px 0px 0px;
		color:#777777;
		font-family:  Arial, Helvetica, Verdana, sans-serif;
		font-size: 1.1em;
		font-style:normal;
		font-weight:bold;				
		text-align:left;	
	}
	
	#ulNoticiasAnteriores 
	{
		padding: 0px 0px 0px 0px;
		margin:  0px 0px 0px 0px;
		text-align: right;
	}
	
	#ulNoticiasAnteriores li
	{
		display: block;
		margin: 0px 0px 30px 0px;
	}
	
	#ulNoticiasAnteriores a 
	{
		text-decoration:none; 
		cursor:pointer;
		color:#777777;
	}
	
	#ulNoticiasAnteriores a:hover
	{
		text-decoration:underline; 
	}
		
	#ulNoticiasAnteriores a span
	{	
		display:block;			
		text-transform:uppercase;
		color:#6b0b08;
		background: ;  /* valid. */
		font-family:  Arial, Helvetica, Verdana, sans-serif;
		font-size: 1em;
		font-weight:bold;
	}
	
	.cssEnlaceGoogleMaps 
	{
		color:#0000FF;
		text-align:left;
		font-size: 0.9em;
	}
	
	#divRespuesta {
		/*
		position:relative;
		top: -50;				
		background-color:Green;
		margin: 30px;
		padding: 30px;
		*/
	}
	
	.cssImagenCentrada 
	{
		margin: 30px 0px 30px 85px;
		border: 0px none black;
	}
	
	.cssNota 
	{
		margin-top: 20px;
		font-style:italic;
		font-size: 0.9em;
		text-align:justify;
		color: #888888;
	}