/*
general (ini)
----------------------------------*/
body,ul,ol,li,p,div,table,form,h1,h2,h3,h4,h5,h6 ,span{
	padding:0px;
	margin:0px;
}
body {
	height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	background: #FFFFFF url(../images/fondo.gif) repeat;
	color: #FFF;
}
html {
  height: 100%;
}
img{
	border: none;
}
a{
	outline: none;
	cursor: pointer;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a:hover img{
	border:none;
}
hr{
	background-color:#ccc;
	color:#FFFFFF;
}
#descabecera{
	display:block;
	width:auto;
	text-align:left;
	padding:1px 5px 0px 7px;
	background: url(../images/lineadetalle.gif) no-repeat 0 0;
}
h1{
	font-weight:bold;
	text-decoration:none;
	font-size:1.0em;
	color:#ffffff;
	width:161px;
	float:left;
	padding:4px 0px 0px 0px;
}
#migas{
	text-align:left;
	float:left;
	padding:1px 0px 3px 15px;
	margin-top:2px;
}
#migas li{
	float:left;
	width:auto;
}
.rojo{
	font-size:0.7em;
	padding:3px 3px 5px 3px;
	float:left;
	color:#ff4a30;
	background: inherit !Important;
	display:block;
}
#migas li a{
	text-decoration:none;
	font-size:0.7em;
	color:#444444;
	font-weight:normal;
	background: none;
	display:block;
	padding:4px 3px 2px 3px;
}
#migas li a:hover{
	color: #ff0000;
	font-weight:normal;
	background: inherit !Important;
	text-decoration:none;
}
#migas li a.active{
	color: #ff4a30;
	font-weight:normal;
	background: inherit !Important;
	text-decoration:none;
}
#migas li span{
	font-size:0.7em;
	color: #ff4a30;
	font-weight:normal;
	background: inherit !Important;
	text-decoration:none;
	display:block;
	padding-top:4px;
}
h2{
	text-align:left;
	margin:0px 0px 10px 0px;
	padding:1px 5px 1px 0px;
	text-decoration:none;
	font-size:1.1em;
	font-weight:normal;
	color:#ff4a30;
	background: none;
}
h2 a{
	font-size:0.6em;
	color: #ff4a30;
	font-weight:normal;
	background: inherit !Important;
	text-decoration:none;
	padding-left:15px;
}
p a{
	color: #ff4a30;
	background: inherit !Important;
	text-decoration:none;
}
p a:hover{
	color: #ff4a30;
	background: inherit !Important;
	text-decoration:underline;
}
p strong{
	color: #333333;
	background: inherit !Important;
	font-size:105%;
}
.rojo2{
	color: #ff4a30;
	font-size:100%;
}
h3{
	font-weight:normal;
	font-size:0.8em;
	font-weight:bold;
	margin-left:-20px;
	color: #ff4a30;
	display:block;
	padding-top: 13px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 20px;
}
h4{
	text-align:left;
	font-size:1.1em;
	font-weight:bold;
	color:#ff4a30;
	background: inherit !Important;
}
#tituNovedades{
	margin-left:-20px;
}
ul li{
list-style:none;
}
ol li{
list-style:decimal;

}
.marco20 ol li{
	margin-left: 25px;
	color:#333333;
	background: inherit !Important;
	font-size:80%;
	line-height:1.6em;
}
.marco20 ul li{
	margin-left: 25px;
	color:#333333;
	font-size:80%;
	line-height:1.6em;
}
.marco20 ul li.con-bullet{
	margin:0; min-height:16px; padding:2px 2px 7px 20px; background: url(../images/circulo.gif) no-repeat 0px 7px;
}
.marco20 ol li li{
	font-size:100%;
}
a.linka{
	color:#444444;
	font-weight:bold;
	text-decoration:none;
}
a.linka:hover{
	color:#444444;
	font-weight:bold;
	text-decoration:underline;
}

/* General (fin)
------------------------------------------------------------------ */

/* contenido (ini)
------------------------------------------------------------------ */
#container{
	min-height:100%;
	height: 100%;
	width:840px;
	margin:0 auto;
	background: url(../images/fondoblanco.gif) repeat-y 0 0;
}
* html #container {
	height:100%;
}

#fondo{
	min-height:100%;
	height: 100%;
	width:100%;
	background: url(../images/fondotop.gif) repeat-x 0 0;
}
/* Cabecera (ini)
------------------------------------------------------------------ */
#cabecera{
	width:100%;
	margin: 0 auto;
	height:90px;
	background: #FFFFFF;
	color: #5d5c5c;
	display:block;
	border-bottom: 1px solid #8f9298;
}
#cabInt{
	width:840px;
	margin: 0 auto;
	height:90px;
	
	background: #FFFFFF url(../images/fondo_cabecera.gif) repeat-x;
	display:block;
}
#logo {
	width:174px;
	margin:21px 0px 11px 0px;
	height:58px;
	float:left;
	background: #FFFFFF;
}
#sobra{
	width:100%;
	margin: 0 auto;
	background: url(../images/sobrafondo.gif) repeat-x top;
	display:block;
}
#sobracentral{
	width:840px;
	margin: 0 auto;
	background: #FFFFFF url(../images/sobrafondocentral.gif) repeat-x top;
	display:block;
	height:57px;
	border-left: 1px solid #b3b7be;
}
#sobracentral img{
	float:left;
}
#detalle{
	width:840px;
	margin: 0 auto;
	height:31px;
	background: url(../images/topparati2.jpg) no-repeat right top;
	padding-top:26px;
}
#titulo{
	width:840px;
	margin: 0 auto;
	height:30px;
	display:block;
	float:left;
	background: url(../images/topparati3.jpg) repeat-y 0 0;
}
/* Cuerpo (ini)
------------------------------------------------------------------ */
#cuerpo{
	width:841px;
	margin: 0 auto;
	color: #5d5c5c;
	display:block;
	background: url(../images/linealateral.gif) no-repeat top left;
}
#central{
	width:841px;
	margin:0;
	min-height:439px;
	height:auto !Important;
	height: 439px;
	color: #5d5c5c;
	display:block;
}
.fondo_contenido{
	background: #FFFFFF url(../images/fondoparati.jpg) no-repeat top right;
}
.contactar{
	background: #FFFFFF url(../images/fondocontactar.jpg) no-repeat top right;
}
.avisolegal{
	background: #FFFFFF url(../images/fondoavisolegal.jpg) no-repeat top right;
}
.recetasdelasemana, .recetasemana, .elrecetario, .recetario{
	background: #FFFFFF url(../images/fondorecetasdelasemana.jpg) no-repeat top right;
}
.trucosdecocina, .truco{
	background: #FFFFFF url(../images/fondotrucosdecocina.jpg) no-repeat top right;
}
.lasrecetasdejulio, .presentacion_julio_lopez, .julio, .recetajulio, .cv_julio_lopez, .recetario_julio_lopez, .pregunta_julio_lopez{
	background: #FFFFFF url(../images/fondolasrecetasdejulio.jpg) no-repeat top right;
}
.presentacion_paco_roncero, .cv_paco_roncero, .recetario_paco_roncero, .recetapaco{
	background: #FFFFFF url(../images/fondolasrecetasdepaco.jpg) no-repeat top right;
}
.laboratorio, .laboratorio_fotos, .laboratorio_fotos2, .laboratorio_fotos3{
	background: #FFFFFF url(../images/fondolaboratorio.jpg) no-repeat top right;
}
.alimentacionsana, .calorias{
	background: #FFFFFF url(../images/fondoalimentacionsana.jpg) no-repeat top right;
}
.concursoderecetas, .formulariorecetas, .receta{
	background: #FFFFFF url(../images/fondoconcursoderecetas.jpg) no-repeat top right;
}
.newsletter, .baja_reg, .protecciondedatos{
	background: #FFFFFF url(../images/fondonewsletter.jpg) no-repeat top right;
}
.cenasperfectas{
	background: #FFFFFF  url(../images/fondocenasperfectas.jpg) no-repeat top right;
}
.sensacionesunicas{
	background: #FFFFFF  url(../images/fondosensacionesunicas.jpg) no-repeat top right;
}
.expertos, .loquemasteimporta{
	background: #FFFFFF  url(../images/fondoloquemasteimporta.jpg) no-repeat top right;
}
.looksimpecables{
	background: #FFFFFF  url(../images/fondolooksimpecables.jpg) no-repeat top right;
}
.momentosrefrescantes{
	background: #FFFFFF  url(../images/fondomomentosrefrescantes.jpg) no-repeat top right;
}
.veladasperfectas{
	background: #FFFFFF  url(../images/fondoveladasperfectas.jpg) no-repeat top right;
}
.protecciondedatos{
	background: #FFFFFF url(../images/fondonewsletter.jpg) no-repeat top right;
}
.cajamedio{
width:49%;
text-align:center;
float:left;
}
.cajamedio{
width:49%;
text-align:center;
float:left;
}
.cajamedio2{
width:32%;
text-align:center;
float:left;
padding-bottom:10px;
}
.negrita{
font-weight:bold;
}
/* Menu (ini)
------------------------------------------------------------------ */
#columna{
	width:161px;
	float:left;
	background: url(../images/linealateral.gif) no-repeat top left;
	min-height:439px;
	height: auto !Important;
	height:439px;
}
#relevante{
	margin-left:11px; 
	margin-top:20px;
}
#motivo{
height:377px;
width:119px;
display:block;
float:right;
padding:0px;
margin:0px;
border:0;
background:none;
}
/* A few IE bug fixes */
		* { margin: 0; padding: 0; }
		* html ul.menu ul li { margin-bottom: -1px; }
ul.menu ul li{
margin-left:5px;
}
		ul.menu ul li a { display:block; font-size:0.7em; font-weight:normal; }
		ul.menu ul li a:hover { display:block;font-size:0.7em;}
		ul.menu ul li a.active { display:block; color: #ff4a30; background:#FFFFFF;font-size:0.7em;}
	/*ul.menu ul li a:hover, ul.menu ul li a.active { display:block; color:#a6a08c; background:#FFFFFF;}*/
		ul.menu li h3.head{
			font-size: 100%;
			font-weight:normal;
			padding-top:3px;
			line-height:18px;
		}
		
ul.menu{
	padding:10px 0px 0px 13px;
}
ul.menu li{
padding: 3px 0px 3px 2px;

}
ul.menu li a{
	color: #444444;
	background: #FFFFFF;
	font-size: 0.7em;
	text-decoration:none;
	font-weight:bold;
}
ul.menu li a:hover{
	color: #ff0000;
	background: #FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
ul.menu li li a:hover{
	font-weight:nornal;
}
ul.menu li a.active ,ul.menu li a.active:hover{
	color:#ff4a30;
	background: #FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
/* Contenido central (ini)
------------------------------------------------------------------ */
#contenido{
	float:left;
	width:660px;
	padding: 0px;
	background: url(../images/linealateral.gif) no-repeat top left;
	margin-bottom:20px;
	min-height:329px;
	height:auto !important;
	height:329px;
}
#load{
	float:left;
	width:99%;
	margin-left:1px;
}
.marco20{
	padding:15px 20px 10px 20px;
	width:95%;
}
#load p{
	color:#333333;
	background: inherit !Important;
	font-size:0.8em;
	line-height:1.6em;
	margin-bottom:8px;
}
.corto{
	width: 320px;
}
.recetas li{
	display:block;
	width:100%;
	float:none;
	padding: 15px 0px 0px 0px;
	height:40px;
}
.recetas li a{
	color:#6c6c6c;
	background: inherit !Important;
	text-decoration:none;
	font-weight:bold;
	font-size:0.7em;
	
}
.recetas li a span.rtitulo{
	height:15px;
	display:block;
	padding-top:10px;
}
.recetas li a:hover span.rtitulo{
	text-decoration:underline;
}
.recetas li a span.receta{
	font-weight:normal;
	text-decoration:none;
}
.recetas li a:hover span.receta{
	text-decoration:underline;
}
.recetas li a img, .recetas li a:hover img{
	margin: 0px 10px 0px 0px;
	float:left;
	border: 1px solid #ff4a30;
	text-decoration: none;
}
.tabla1 thead, .tabla1 caption, .tabla1 tfoot{
	display:none;
}
.tabla1 tbody tr td{
	text-align:left;
	font-size:0.8em;
	height:70px;
}
.tabla1 a{
	font-size:1.0em;
	color: #ff4a30;
	background: inherit !Important;
	text-decoration:none;
	margin-left:5px;
	display:block;
	font-weight:bold;
}
.tabla1 a:hover{
	color: #ff4a30;
	background: inherit !Important;
	text-decoration:underline;
}
.tabla1 a:hover img{
	text-decoration:none;
}
a.todos{
	color: #808080;
	background: inherit !Important;
	text-decoration:none;
	margin-left:15px;
}
a.todos:hover{
	text-decoration:underline;
}
ul.paginacion {
	width:100%;
	display:block;
}
ul.paginacion li{
	float:left;
	margin-right: 2px;
}
ul.paginacion li a{
	font-size:0.75em;
	font-weight:normal;
	color: #808080;
	background: #FFFFFF;
	text-decoration:none;
	padding: 1px 3px 0px 3px;
	border:1px solid #ffffff;
	line-height:13px;
	display:block;
}
ul.paginacion li a:hover{
	color: #ff4a30;
	text-decoration:none;
	border:1px solid #ff4a30;
}
ul.paginacion li a.active{
	color: #ff4a30;
	text-decoration:none;
	border:1px solid #ff4a30;
}
/* Formularios (ini)
------------------------------------------------------------------ */
form{
	font-size:0.7em;
	overflow:hidden;
}

.textoform, form textarea, form select{
	border: 1px solid #b5b5b5;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-indent:3px;
	background-color:#ff4a30;
	width:100%;
}
form select{

}
.textoform, form textarea{
	width:98%;
}
.textoform:hover, form select:hover, form textarea:hover, form .textoform:focus, form select:focus, form textarea:focus{
	background-color:#ff4a30;
	border: 1px solid #6c6c6c;
	color:#ffffff;
}
.boton{
	border:1px solid #b5b5b5;
	background:#ffffff;
	color: #545454;
	cursor:pointer;
	text-align:center;
	font-size:0.9em;
	padding:0px 4px 0px 4px;
	line-height:16px;
}
.boton:hover{
	border:1px solid #6c6c6c;
	color: #6c6c6c;
	background:#ffffff;
}
#form1 label{
	width:220px;
	margin:5px 20px 0px 0px;
	height:3em;
}
label a{
	color: #e20816;
	background: #FFFFFF;
	font-size: 0.9em;
	text-decoration:none;
}
label a:hover{
	color: #e20816;
	background: #FFFFFF;
	font-size: 0.9em;
	text-decoration:underline;
}
.ancho1 label{
	width:200px;
	float:left;
	padding:10px 15px 5px 0px;
	margin:0px;
}
.botonera{
	padding:20px 0px 0px 0px;
}
#respuesta{
	width:90%;
	color:#b5b5b5;
	background: inherit !Important;
	margin:0px;
}

/* Pie de pagina (ini)
------------------------------------------------------------------ */
#footer{
	width:100%;
	margin: 0 auto;
	display:block;
	text-align:center;
	float:left;
	margin-top:-20px;
	/*background:url(../images/fondo_pie.jpg) no-repeat top center #FFF;*/
}
#footer ul.info{
	width:840px;
	display:block;
	margin: 0 auto;
	text-align:center;
}
#footer ul.info li{
	display:inline;
	font-size:70%;
	padding:0px 4px 0px 4px;
}
#footer ul.info li a{
	display:inline;
	font-size:100%;
	font-weight:normal;
	color: #040404;
	text-decoration:none;
}
#footer ul.info li a:hover, #footer ul.info li a:focus{
	color: #ff0000;
	text-decoration: none;
}
#footer2{
	width:100%;
	margin: 0 auto;
	text-align:center;
	float:left;
	margin-top:-20px;
	/*background:url(../images/fondo_pie.jpg) no-repeat top center #FFF;*/
}
#footer2 ul.info{
	width:840px;
	display:block;
	margin: 0 auto;
	text-align:center;
}
#footer2 ul.info li{
	display:inline;
	font-size:70%;
	padding:0px 4px 0px 4px;
}
#footer2 ul.info li a{
	display:inline;
	font-size:100%;
	font-weight:normal;
	color: #040404;
	text-decoration:none;
}
#footer2 ul.info li a:hover, #footer2 ul.info li a:focus{
	color: #ff0000;
	text-decoration: none;
}
/* Pie de pagina (fin)
------------------------------------------------------------------ */
.fotogran_izq{
	width:225px;
	height:160px;
	padding-right:20px; 
	padding-bottom:20px; 
	padding-top:5px;
	float:left; 
}
.fotogran_izq img{
 border:1px solid #ff4a30;
}
/* Aņadidos modificacion Mayo-2008 */
/* A few IE bug fixes */
		#theMenu { width: 580px; height: auto; margin: 10px 0; }
		
		/* Some list and link styling */
		ul.plan li { width: 580px; list-style-type: none;font-size:0.9em; line-height:24px;}
		ul.plan li li { font-size:0.85em; line-height:1.5em;}
		ul.plan li li ul{ padding-top:5px; }
		ul.plan li li li {  list-style-type: none;font-size:1.0em;margin-bottom: 5px; }
		ul.plan ul li a { display:block; }
		ul.plan ul li a:hover { display:block;  }
		/* Header links styling */
		h3.head a { 
		display:block; 
		color: #ff4a30;
		background: inherit !Important;
		text-decoration:none;
		}
		h3.head a:hover { 
		color: #ff4a30;
		background: inherit !Important;
		text-decoration:underline;
		}
		h3.selected a { 
		color: #ff4a30;
		background: inherit !Important;
		text-decoration:none;
		font-weight:bold;
		}
		h3.selected a:hover { 
		color: #ff4a30;
		background: inherit !Important;
		text-decoration:underline;
		font-weight:bold;
		}
#detalle p.cabeza{
	margin-top:-18px;	
	float:right;
	font-size:83%;
	font-weight:bold;
	margin-right:25px;
	padding:0;
	height:15px;
}
#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.8em; 
float:right;
}
#nav{
font-size:73%;
margin-top:5px;
font-weight:bold;
}
#nav a{
display:block;
padding:0px 5px;
color:#fff;
text-decoration:none;
}
#nav ul li a{
background: #FF5331;
border:1px solid #fff;
}
#nav a:hover{
background-color:#fff;
color:#FF5331;
}
#nav ul li a:hover{
border:1px solid #FF5331;
}
#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:10em;
top:1.5em;
font-size:90%;
margin-top:5px;
}

#nav li ul a{
width:10em;
height:auto;
float:left;
}

#nav ul ul{
top:auto;
}	
#nav li{
margin-left:10px;
}
#nav ul li{
margin-left:0px;
}
#nav li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}
#tooltip{
	position:absolute;
	border:1px solid #ff4a30;
	background:#fff;
	padding: 10px 15px 10px 15px;
	color: #333;
	display:none;
	font-size:63%;
	width:auto;
	text-align:justify;
	width:250px;
	}
	
	#tooltip span{
		font-weight:bold;
		width:100%;
		display:block;
		text-align:center;
		font-size:110%;
		padding:0;
		margin:0;
	}
#tooltipa{
	position:absolute;
	border:1px solid #ff4a30;
	background:#fff;
	padding: 10px;
	color: #333;
	display:none;
	font-size:63%;
	width:280px;
	text-align:left;
	}	
	#tooltipa span{
		font-weight:bold;
		width:100%;
		display:block;
		color:#FFF;
		background: #ff4a30;
		text-align:center;
		font-size:110%;
		margin-top:10px;
	}
	#tooltipa img{
		float:left;
		margin:0px 10px 5px 0px
	}
	.menu-fotos{
		float:right;
	}
	.menu-fotos li{
		float:left;
	}
	.menu-fotos li a{
	font-size:0.75em;
	font-weight:normal;
	color: #808080;
	background: #FFFFFF;
	text-decoration:none;
	padding: 1px 3px 0px 3px;
	border:1px solid #808080;
	line-height:13px;
	display:block;
	}
	.menu-fotos li a:hover{
		color: #ff4a30;
		text-decoration:none;
		border:1px solid #ff4a30;
	}
	.menu-fotos li a.active{
		color: #fff;
		text-decoration:none;
		border:1px solid #ff4a30;
		background: #ff4a30;
	}
	.labo{
		width:100%;
		display:block;
	}
	ul.labo li{
		width:30%;
		display:block;
		float:left;
		text-align:center;
		margin:0 auto;
		padding-bottom:20px;
		
	}
	ul.labo li a,ul.labo li span{
		color:#ff4a30;
		width:auto;
		display:block;
		font-weight:bold;
	}
	ul.labo li a:hover{
		color:#b01c06;
		text-decoration:none;
	}
	
	.labo li img{
	margin:0 auto;
	padding:4px;
	background-color: #EFEFEF;
	border: 1px solid #ff4a30;	
	}
.dere{
	float:right;
	border:1px solid #ff4a30;
	background:#FFFFFF;
	color:#ff4a30;
	padding:0px 2px 0px 2px;
}
.dere a{
	font-size:68%;
	font-weight:bold;
	padding-left:0px;
	text-decoration:none;
}
.dere:hover{
	background-color: #fff;
	color:#999999;
	border:1px solid #FFF;
	text-decoration:none;
}