/**************************************************************************************************/
/* Titular muy grande en rojo, Para titulares de resultados */
/**************************************************************************************************/
.titularSeccionRojo {	
	font-size: xx-large;
	font-weight: bold;
	font-style: italic;
	color: #D90000;
}
/**************************************************************************************************/
/* Para los div que se quieren recuadrar, el fondo en gris y un recuadro rojo */
/**************************************************************************************************/
.recuadro {
	text-align:center;
	border-color: #CC0000;
	border-style:solid;
	border-width: thin;
	BORDER-RIGHT: 1px solid;
	PADDING-RIGHT: 3px;
	BORDER-TOP: 1px solid;
	PADDING-LEFT: 3px;
	FONT-SIZE: 8pt;
	BACKGROUND: #f4f4f4;
	PADDING-BOTTOM: 3px;
	BORDER-LEFT: 1px solid;
	COLOR: #ff3300;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: 1px solid;
	FONT-FAMILY: monospace;
	width: auto;
	height: auto;
	float: center;
}	
/**************************************************************************************************/
/* Para centrar los div en una pagina con publicidad a los dos lados */
/**************************************************************************************************/
.centrado {
	text-align:center;
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px;
	FONT-SIZE: 8pt;
	PADDING-BOTTOM: 3px;
	PADDING-TOP: 3px;
	width: auto;
	height: auto;
	float: center;
}
/**************************************************************************************************/
/* Texto en gris */
/**************************************************************************************************/
.habitual {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
/**************************************************************************************************/
/* Texto en rojo */
/**************************************************************************************************/
.habitual_destacado {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #b21437; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
/**************************************************************************************************/
/* Texto sub, rojo y más grande */
/**************************************************************************************************/
.habitual_sub { FONT-SIZE: 14px; color: #b21437; border-bottom: 1px dotted #b21437; background-color: #fbedf2;
}
/**************************************************************************************************/
/* Las referencias de boton button */
/**************************************************************************************************/
A.refBoton {FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #A20000; LINE-HEIGHT: 17px; FONT-FAMILY: Verdana,sans-serif; LETTER-SPACING: -1px; HEIGHT: 17px; TEXT-DECORATION: none} 
A.refBoton:visited {FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #A20000; LINE-HEIGHT: 17px; FONT-FAMILY: Verdana,sans-serif; LETTER-SPACING: -1px; HEIGHT: 17px; TEXT-DECORATION: none} 
A.refBoton:hover { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; LINE-HEIGHT: 17px; FONT-FAMILY: Verdana,sans-serif; LETTER-SPACING: -1px; HEIGHT: 17px; BACKGROUND-COLOR: #990048; TEXT-DECORATION: underline}
/**************************************************************************************************/
/* Las refencias cuando se utilizan los grises */
/**************************************************************************************************/
A.refgris {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #7d7d7d; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.refgris:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #7d7d7d; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.refgris:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #000000; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}

/**************************************************************************************************/
/* Las referencias de boton button */
/**************************************************************************************************/
A.refBlanco {FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; LINE-HEIGHT: 17px; FONT-FAMILY: Verdana,sans-serif; LETTER-SPACING: -1px; HEIGHT: 17px; TEXT-DECORATION: none} 
A.refBlanco:visited {FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; LINE-HEIGHT: 17px; FONT-FAMILY: Verdana,sans-serif; LETTER-SPACING: -1px; HEIGHT: 17px; TEXT-DECORATION: none} 
A.refBlanco:hover { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; LINE-HEIGHT: 17px; FONT-FAMILY: Verdana,sans-serif; LETTER-SPACING: -1px; HEIGHT: 17px;  TEXT-DECORATION: underline}

/****************************************************************************************************/
/* COLORES DE LETRAS */
/****************************************************************************************************/
.verde {color: #33cc00}
.rojo {color: #ff3366}
.azul {color: #3399ff}
/**************************************************************************************************/
/* td impar y el td par, efecto linea, para leer mejor una tabla*/
/**************************************************************************************************/
.tdimpar {
	BORDER-RIGHT: #ffffff 2px solid; BORDER-BOTTOM: #ffffff 2px solid; BACKGROUND-COLOR: #f4f4f4
}
.tdpar {
	BORDER-RIGHT: #ffffff 2px solid; BORDER-BOTTOM: #ffffff 2px solid; BACKGROUND-COLOR: #fdfdfd
}
.td1 {
	BORDER-RIGHT: #ffffff 2px solid; BORDER-BOTTOM: #ffffff 2px solid; BACKGROUND-COLOR: #f4f4f4
}
.td0 {
	BORDER-RIGHT: #ffffff 2px solid; BORDER-BOTTOM: #ffffff 2px solid; BACKGROUND-COLOR: #fdfdfd
}
/**************************************************************************************************/
/* tabla de datos , definicion de los td y th*/
/**************************************************************************************************/
.tablaDatos {
	border: 1px;
	border-bottom-width: thin;
	text-align: left;
	background-color: #b21437;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-top: 2px;
}	
.tablaDatos TH {
	PADDING-RIGHT: 4px; 
	PADDING-LEFT: 4px; 
	PADDING-BOTTOM: 4px; 
	PADDING-TOP: 4px;
	FONT-WEIGHT: bold; 
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 14px;
}
.tablaDatos TD {
	PADDING-RIGHT: 4px; 
	PADDING-LEFT: 4px; 
	PADDING-BOTTOM: 4px; 
	PADDING-TOP: 4px;
	FONT-SIZE: 11px; 
	COLOR: #333333; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-ALIGN: justify;
}
/**************************************************************************************************/
/* Define los menus de cada sección */
/**************************************************************************************************/
#menu_principal {   
padding: 0;   
}  


#menu_principal LI {
display: inline;
}

#menu_principal LI A {
margin:0 1px;
width:auto;
text-align:center;
background: #FF6600;
padding: 6px;
padding-top: 6px;
padding-left: 6px;
padding-right: 6px;	
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
display: block;
TEXT-DECORATION: none;
float: left; 
}


#menu_principal LI A:visited {
	color:#FFFFFF; BACKGROUND-COLOR: #FF6600; TEXT-DECORATION: none
}


#menu_principal LI A:hover {
	color:#FFFFFF; BACKGROUND-COLOR: #669900; TEXT-DECORATION: none
}
/*
#top-recetas A.filtro {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; MARGIN: 0px 10px 0px 0px; PADDING-LEFT: 0px; WIDTH: 95px; PADDING-RIGHT: 0px; DISPLAY: block; BACKGROUND: url(http://www.cocina.es/base/cuadros-top-bkg.png) no-repeat -102px 0px; FLOAT: left; HEIGHT: 48px; COLOR: #000; FONT-SIZE: 11px; FONT-WEIGHT: bold; TEXT-DECORATION: none; PADDING-TOP: 10px
}*/
	

#top-recetas A.activo {
	BACKGROUND-POSITION: -1px -1px; COLOR: #fff
}
#top-recetas A:hover {
	BACKGROUND-POSITION: -1px -1px; COLOR: #fff
}
#top-recetas {
	PADDING-BOTTOM: 10px; MARGIN: 20px 0px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px
}
#top-recetas DIV {
	
}
#top-recetas P {
	WIDTH: 300px; CLEAR: left
}
#top-recetas P A {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; COLOR: #000; FONT-SIZE: 12px; TEXT-DECORATION: none; PADDING-TOP: 15px
}
#top-recetas P A:hover {
	COLOR: #cc2801; TEXT-DECORATION: underline
}
#top-recetas IMG {
	BORDER-BOTTOM: #000 1px solid; BORDER-LEFT: #000 1px solid; MARGIN: 5px 10px 5px 0px; FLOAT: left; BORDER-TOP: #000 1px solid; BORDER-RIGHT: #000 1px solid
}

#listado-top-recetas {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;

}

#scroll {
     width:300px;
     height:170px;
     background-color: #FFFFFF; 
     overflow:auto;
	 FONT-SIZE: 12px; TEXT-DECORATION: none; 
	 PADDING-TOP: 5px; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px;
	 BORDER-BOTTOM: #F0F0F0 2px solid; BORDER-LEFT: #F0F0F0 2px solid; MARGIN: 5px 10px 5px 0px;
}

/**** COOKIES */

/* CSS para la animación y localización de los DIV de cookies */
 
@keyframes desaparecer
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}
 
@-webkit-keyframes desaparecer /* Safari and Chrome */
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}
 
@keyframes aparecer
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}
 
@-webkit-keyframes aparecer /* Safari and Chrome */
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}
#cookiesms1:target {
    display: none;
}
.cookiesms{	
width:100%;
height:43px;
margin:0 auto;
padding-left:1%;
padding-top:5px;
font-size: 1.2em;
clear:both;
font-weight: strong;
color: #fff;
bottom:0px;
position:fixed;
left: 0px;
background-color: #777;
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
transition: bottom 1s;
-webkit-transition:bottom 1s; /* Safari */
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
z-index:999999999;
}
 
.cookiesms:hover{
bottom:0px;
}
.cookies2{
color: #fff;
background-color: #000;
display:inline;
opacity:0.95;
filter:alpha(opacity=95);
position:absolute; 
left:1%; 
top:-30px;
font-size:15px;
height:30px;
padding-left:25px;
padding-right:25px;
-webkit-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
}


 
/* Fin del CSS para cookies */