/* CSS Document */

/*..............................general..................................*/
/*html {
height: 100%;
}*/

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../img/fondo_general.gif);
	background-repeat: repeat-x;
	/*height: 100%;*/	
}
/*.............................. fin general..................................*/
/*..............................contenedor..................................*/
#contenedor {
	width: 694px;
	/*height:900px;*/
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/blanco.gif);
	/*padding-bottom: 2px;*/
	padding-left: 6px;
	padding-right: 6px;
	background-repeat: repeat;	
	min-height:100%; 
}
/*..............................fin contenedor..................................*/
/*..............................encabezado..................................*/
#titulo {
	width: 694px;

}
#animacion {
	width: 694px;
	
}
#flashcontent {
	width: 694px;
	background-position: center;
}
#menu1 {
	width: 465px;
	background-color:#E0EDB7;
	padding-right: 0px;
	padding-left: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
	float: left;	
}
#menu1 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #336699;
	text-decoration: none;
}
#menu1 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #669933;
	text-decoration: none;	
}
.lineablanca{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
#menu2 {
	width: 213px;
	background-color:#C9DE8B;
	padding-right: 8px;
	padding-left: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	float: right;
	height: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-position: center;
	text-align: center;
	text-decoration: none;
}

#menu2 a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
#menu2 a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}
/*.............................. fin encabezado..................................*/	
/*.......................contenidos de la página principal.......................*/		
#contenido {
	width: 694px;
	
	background-image: url(../img/fondo_columna.gif);
	float:left
}
#contenido2 {
	width: 694px;
	float:left;
}
/*apartado de presentacion*/
#presentacion {
	width: 473px;
	float: left;
	padding-bottom: 5px;	
}
#presentaciontxt {
	width: 433px;
	padding-right: 15px;
	padding-left: 25px;
	padding-top: 20px;
	padding-bottom: 20px;	
}
#nutricion {
	width: 215px;
	float: right;
	padding-right: 10px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #B2B2B2;
}
#receta {
	width: 214px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}
.tituloreceta{
	font-weight: bold;
	color: #996633;
}
/*apartado de noticias*/
#noticias {
	width: 193px;
	float: right;
	padding-right: 14px;
	padding-left: 14px;
	background-color:#E0EDB7;
	padding-top: 14px;		
}
#noticias ul{
	margin: 0px;
	padding:4px 0px 0px 10px;
}
#noticias li{
margin: 0px;
padding:0px;
	list-style-image: url(../img/flecha_noticias.gif);
	list-style-position: outside;
}
#noticias a, #noticias a:active{
text-decoration: none;
color:#000000;
}
#noticias a:hover{
	text-decoration: underline;
	color:#000000;
}
#noticias .titulonnoticias, .titulonnoticias:active{
	font-weight: bold;
	color: #669933;
	text-decoration: none;
}
#noticias .titulonnoticias:hover{
    color: #669933;
	text-decoration: underline;
}
.fotonoticias{
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #B2B2B2;
}
/*-botón de imagen rollover página principal-*/
a.boton {
	/* Definimos la dimension del botón*/
  display: block;
	width: 200px;
	/*108 - horizontal padding*/
  height: 37px; /*32 - vertical padding*/
	/*Posicionamos el texto dentro del boton*/
  padding: 7px 0 0 10px;
	/*Le asignamos la imagen */
  
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../img/imagenboton.gif);
	color: #FFFFFF;
}
        /* Para cuando pasemos el ratón por encima*/
a.boton:hover {
  background-position: 0 -44px;
  color: #FFFFFF;
}
        /* Ahora para cuando hagamos click en él */
a.boton:active {
  background-position: 0 -88px;
  color: #FFFFFF; /* 32x2 */
} 
/*- fin botón de imagen rollover página principal-*/
/*--------------------------------- contenidos otras páginas-----------------------------------*/
/*columna izquierda de imágenes*/

#imgcolumna {
	width: 221px;
	float: right;
}
.puntos ul{
	margin-left: 20px;
	padding:0px;
	list-style-image: url(../img/flecha_noticias.gif);
	list-style-position: outside;
	color:#8FB02D;
	font-weight: bold;	
}
.enlace2{
	font-weight: bold;
	color: #000099;
	text-decoration: none;
}
.enlace2:active{
	font-weight: bold;
	color: #000099;
	text-decoration: none;
}
.enlace2:hover{
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
#imgcolumnablanca {
	width: 221px;
	float: right;
	text-align: center;
}
#contenido3 {
	width: 644px;
	float:left;
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 20px;
	/*padding-bottom: 20px;*/
	/*text-align: center;*/
}
#contenido4 {
	width: 423px;	
	padding-left: 25px;
	padding-top: 20px;
	float:left;
}
/*-----------catálogo---------*/
#catalogo {
	width: 225px;	
	/*padding-left: 10px;*/
	padding-top: 20px;
	float:right;
}
#catalogofoto {
	width: 140px;
	float: left;
	padding-left: 25px;
	padding-right: 5px;
	padding-top: 20px;
	text-align: left;
	padding-bottom: 20px;
}
#catalogotexto {
	width: 270px;
	padding-top: 20px;
	float: left;
	text-align: left;
	padding-bottom: 20px;
}
/*---------- fin catálogo------------*/
#columna4 {
	width: 221px;
	background-color:#C9DE8B;
	float: right;
	text-align: right;
	padding-bottom: 5px;
}
.h1{
	font-size: 12px;
	font-weight: bold;
	color: #336699;
}
.h2{
	font-size: 12px;
	font-weight: bold;
	color: #A8CD38;
}
.h3{
	font-size: 10px;
	font-weight: bold;
	color: #336699;
}

.h4, h4:active{
	font-size: 10px;
	font-weight: normal;
	color: #336699;
	text-decoration: none;
}
.h4:hover{
	font-size: 10px;
	font-weight: normal;
	color: #336699;
	text-decoration: underline;
}
input, texarea, select{
	border: 1px solid #336699;
	font-size: 10px;
	color: #999999;
}
.botonformulario{
	font-size: 9px;
	color: #FFFFFF;
	font-weight: bold;
}
.estilocelda{
	font-weight: bold;
	color: #336699;
	background-color: #E5EBF6;
	border: 2px solid #FFFFFF;
	padding: 2px 2px 2px 5px;
	display: block;
	text-decoration: none;
}
.estilocelda:hover{
	font-weight: bold;
	color: #FFFFFF;
	background-color: #B0C2E3;
	border: 2px solid #FFFFFF;
	padding: 2px 2px 2px 5px;
	text-decoration: none;
}
.listadocatalogo li {
	font-size: 10px;
	font-weight: bold;
	color: #336699;
	list-style-image: url(../img/flecha_catalogo.gif);
	margin: 0px;
}

.listadocatalogo, listadocatalogo:active{
	padding:5px 0px 0px;
	font-size: 10px;
	font-weight: bold;
	color:  #336699;
	text-decoration: none;
}
.listadocatalogo:hover {
	font-size: 10px;
	font-weight: bold;
	color: #999999;
text-decoration: none;
}
/*-------------------------------------- ventana trucha-------------------------------------*/
#ventana {
	width: 380px;
	background-color:#FFFFFF;
	padding-left: 10px;
	padding-right: 10px; 
}

/*--------------------------------------fin ventana trucha-------------------------------------*/
/*--------------------------------epígrafe de interdigital-----------------------------*/
#interdigital {
	width: 694px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #A7B7E2;
	text-decoration: none;
	text-align: right;
	background-position: right;
	margin-right: auto;
	margin-left: auto;
	padding-top: 2px;
}
#interdigital a {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #A7B7E2;
	text-decoration: none;}
#interdigital a:hover{font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #A7B7E2;
	text-decoration: underline;
	text-align: right;}
/*-------------------------------- fin epígrafe de interdigital-----------------------------*/
/*-------------------------------- pie de página-----------------------------*/

#pie {
	width: 694px;
	background-color:#A8CD38;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	clear:both; /*poner esto para que el fondo del contenedor crezca hasta el final*/
	padding-top: 4px;
	padding-bottom: 4px;
}

#pie a{
color:#FFFFFF;
text-decoration:none;
}
#pie a:hover{
color:#FFFFFF;
text-decoration:underline;
}

#enlacespie{
	width: 694px;
	float: left;
}
/*-------------------------------- fin pie de página-----------------------------*/