/* Conservas El Chaval - Abril 2010 */


*{
	margin:0;
	padding:0;
	border:0;
	font-family:Tahoma, Arial, sans-serif;}

html{
	background:url(../img/bg.jpg) repeat fixed;
}

body{
	width:973px;
	margin:10px auto;
	}
	
iframe, div#map{
	margin:20px;
	border:1px solid #000;
	width:90%;
	height:300px;
}

/* Sólo en Index en la cabecera hay H1 en el resto es un parrafo normal */
#cabecera h1, #cabecera p.titulo{
	color:#a00;
	font-weight:normal;
	/*float:left;*/
	font-size:200%;
	text-align:center;
}

#container #cabecera p.titulo
{
	padding-left:250px;
}

#logos{
	margin:0 auto;
	width:460px;
	clear:both;
}

#cabecera img{
	float:left;
	margin:0 5px;
}

#content h1{
	color:#a00;
	font-weight:normal;
	font-size:160%;
	margin:10px 0 20px 10px;
}

#cabecera p{
	float:left;
}

#cabecera p.elchaval{
	background:url(../img/el-chaval.jpg) left no-repeat;
	width:207px;
	height:62px;
	text-indent:-9999px;
	margin:5px 10px;
}

#cabecera p.elbaron{
	background:url(../img/el-baron.jpg) left no-repeat;
	width:82px;
	height:76px;
	text-indent:-9999px;
}


h1.recetas{
	min-height:50px;
	background:url(../img/encabezado-recetas.jpg) bottom no-repeat;}
	
h2{
	margin:10px;
	font-weight:normal;
	color:#900;
}

h2 em{
	font-size:50%;
	font-weight:normal;
	font-style:normal;
	color: #666;
}


.inicio h2{
	font-size:110%;
}


h3{
	margin:10px;
	font-weight:normal;
	color:#090;
	border-bottom:1px solid #c93;
	text-align:right;
	padding:5px;
	clear:both;
}

hr{
	border:1px solid #999;
	width:90&;
}

#content h3 a{
	text-decoration:none;
	color:#666;
	font-size:80%;
	font-family:Georgia, "Times New Roman", Times, serif;
	
}


p, #cuerpo li{
	color:#333;
}

table{
	width:99%;
	border-collapse:collapse;
	text-align:center;
	font-size:80%;
	margin:10px auto;
	}

table td{
	background-color:#d5ecdc;
}

caption{
	color:#999;
	font-style:italic;
	}
	
	
th{
	border:1px solid #999;
	padding:4px;
	font-size:90%;
	}

th.secundaria{
	border:0;
	text-align:left;
	/*font-weight:normal;*/
	text-transform:uppercase;
	background-color:#f2f2f2;
	color:#666;
	font-size:90%;
	font-family:Verdana, Geneva, sans-serif;
	padding:4px 4px 4px 15px;
	}
	
th.secundaria a{

	background:url(../img/icono.png) left no-repeat;
	padding:0 0 0 18px;
	font-weight:normal;
	text-transform:none;
	color:#900;
	text-decoration:none;
}

th.secundaria a:hover{
	color:#F00;	
}
	
td{
	border-bottom:1px solid #CCC;
	padding:2px 0 ;
	}


td.separador{
	border-top:1px solid #000;}
	

table input{
	text-align:right;
	padding:2px;
	width:70px;
	font-size:100%;
	border:1px solid #CCC;
	font-weight:bold;
	background-color:#eaeaea;
	}
	
table input:focus, 
fieldset.datos_cliente input:focus, 
fieldset.datos_cliente textarea:focus{
	background-color:#fff;
	}
	
form{
	clear:both;	
	padding-top:10px;
}

form h2 span{
	font-weight:normal;
	font-size:60%;
}

table input.check{
	width:20px;}
	
	
/*     botones del formulario para calcular, completar y enviar      */
	
input.boton_calcular_pedido, input.boton_completar_pedido, input.boton_enviar_pedido, input.boton_volver_pedido{
	width:170px;
	height:44px;
	margin:20px;
	}

input.boton_calcular_pedido{
	background:url(../img/boton-calcular-pedido.jpg) top left no-repeat;
	padding-right:10px;
	text-align:right;
	font-weight:bold;
}

input.boton_calcular_pedido:hover, input.boton_completar_pedido:hover, input.boton_enviar_pedido:hover, input.boton_volver_pedido:hover{
	cursor:pointer;
	}

input.boton_calcular_pedido:hover{
	background:url(../img/boton-calcular-pedido.jpg) bottom left no-repeat;
}

input.boton_completar_pedido{
	background:url(../img/boton-completar-pedido.jpg) top left no-repeat;
	padding-right:5px;
	text-align:right;
	font-weight:bold;
}

input.boton_completar_pedido:hover{
	background:url(../img/boton-completar-pedido.jpg) bottom left no-repeat;
}

input.boton_enviar_pedido{
	background:url(../img/boton-enviar-pedido.jpg) top left no-repeat;
	text-align:left;
	padding-left:15px;
	font-weight:bold;
}

input.boton_enviar_pedido:hover{
	background:url(../img/boton-enviar-pedido.jpg) bottom left no-repeat;
}

input.boton_volver_pedido{
	background:url(../img/boton-volver-pedido.jpg) top left no-repeat;
	text-align:right;
	padding-right:15px;
	font-weight:bold;
}

input.boton_volver_pedido:hover{
	background:url(../img/boton-volver-pedido.jpg) bottom left no-repeat;
}

/*  datos del cliente en el formulario de pedidos */

fieldset.datos_cliente, 
fieldset.datos_pedido{
	border:1px solid #ccc;
	margin:30px auto 10px auto;
	width:70%;
	clear:both;
	padding:20px;
	font-size:90%;
	}
	
fieldset.datos_cliente label{
	width:45%;
	float:left;
	padding-right:10px;
}

fieldset.datos_cliente label.checklabel{
	clear:both;
	width:100%;
	font-size:90%;
	margin-bottom:2px;
	vertical-align:middle;
	}

fieldset.datos_cliente input{
	width:95%;
	margin-right:10px;
	border-bottom:1px dotted #666;
	background-color:#eaeaea;
	padding:5px;
}


fieldset.datos_cliente input.check#chkAcepto, 
fieldset.datos_cliente input.check#chkLista, 
fieldset.datos_cliente input.check#chkCalendario{
	width:5%;
	border:0;
	background-color:#fff;
	float:left;
}

fieldset.datos_cliente label, 
fieldset.datos_cliente input{
	display:block;
	margin: 5px 0;
	
	font-size:90%;
}


fieldset.datos_cliente textarea{
	width:95%;
	height:100px;
	margin-right:10px;
	border-bottom:1px dotted #666;
	background-color:#eaeaea;
	font-size:90%;
	padding:5px;
	}


/*---- datos del pedido */


fieldset.datos_pedido h2{
	margin-top:0;
	}
	
fieldset.datos_pedido p{
	width:27%;
	float:left;
	text-align:right;
	margin-left:10px;
	}
	
fieldset.datos_pedido strong{
	font-style:normal;
	font-size:160%;
	display:block;
	}

/*-  navegacion  --*/

ul#nav{
	height:37px;
	width:960px;
	background-color:#323232;
	clear:both;
	}
	
ul#nav li{
	float:left;
	color:#FFF;
	list-style:none;
	text-transform:uppercase;
	font-size:90%;
}

ul#nav li a{
	color:#FFF;
	background-color:#323232;
	text-decoration:none;
	padding:10px 13px;
	}
	
ul#nav li.aqui{
	padding:10px 13px;
}
	
ul#nav li a:hover, ul#nav li.aqui{
	background-color:#c93;
	}
	
ul#nav li, ul#nav li a{
	display:block;
	
}



p.subcabecera{
	clear:both;
	width:939px;
	height:253px;
	border:1px solid #666;
	margin:4px auto;	
	text-indent:-9999px;
	background:url(../img/cabecera-pimientos.jpg) top center no-repeat;
}
p.zanahorias{
	background:url(../img/cabecera-zanahorias.jpg) top center no-repeat;
}

p.cebollas{
	background:url(../img/cabecera-cebollas.jpg) top center no-repeat;
}

p.tomates{
	background:url(../img/cabecera-tomates.jpg) top center no-repeat;
}

p.melocotones{
	background:url(../img/cabecera-melocotones.jpg) top center no-repeat;
}

p.puerros{
	background:url(../img/cabecera-puerros.jpg) top center no-repeat;
}

p.subcabecera-pedidos{
	clear:both;
	width:939px;
	height:169px;
	border:1px solid #666;
	margin:4px auto;
	background:url(../img/cabecera-pedidos-pimientos.jpg) top center no-repeat;
	text-indent:-9999px;
}


address{
	font-size:90%;
	font-style:normal;
}

/*---accesos directos de pedidos--------*/
div.accesos_directos{
	clear:both;
	background-color:#f5f3f4;
	padding:5px;
}
#content #form_particulares ul.accesos{
	margin:0 0 10px 0;
	padding:0;
}

#content #form_particulares ul.accesos li{
	list-style:none;
	display: inline;
	border-right:1px solid #000;
	padding:0 8px 0 0;
	margin:0 0 0 10px;
	}
	

/*---- catalogo de productos */
ul.catalogo li{
	list-style:none;
	float:left;
	width:158px;
	height:200px;
	margin:0 4px 4px 0;
	text-align:center;
}
ul.catalogo li img{
	padding:3px;
	border:1px solid #CCC;
	display:block;
}

ul.catalogo li a, li a, p a, td a, h2 em a{
	color:#36C;
	text-decoration:none;
}

ul.catalogo li a:hover, li a:hover, p a:hover{
	text-decoration:underline;
}

img.noticia{
	width:95%;
}

/*   alineaciones   */

.left{
	text-align:left;
	padding-left:5px;
	width:35%;
}
	
.center{
	text-align:center;
}
	
.right{
	text-align:right;
}
	
.clear{
	clear:both;
}

.fleft{float:left;}
img.fleft{ margin: 0 15px 15px 0;}
.fright{float:right;}
img.fright{ margin: 0 0 15px 15px;}

.boton{
	background:url(../img/bg-boton.jpg) top repeat-x;
	padding:5px 10px;
	border:1px solid #c93;
	margin-top:10px;
	text-decoration:none;
	color:#000;
}

.boton:hover{background:url(../img/bg-boton.jpg) bottom repeat-x;}
	
/*        ID           */

div#sup{
	width:100%;
	height:13px;
	background:url(../img/superior.png) top no-repeat;
	}
	
div#inf{
	width:100%;
	height:24px;
	background:url(../img/inferior.png) top no-repeat;
	clear:both;
	}
	
div#container{
	width:963px;
	background:url(../img/interior.png) top  center repeat-y;
	padding:0 5px;
	}
	

div#content{
	width:72%;
	float:left;
	border-right:1px solid #999;
	margin:0 0 0 6px;
}


div.producto{
	border:1px solid #CCC;
	width:48%;
	float:left;
	margin:3px;
	height:150px;
	}
	
div.producto p{
	font-size:90%;
	float:left;
	}
	
div.producto img{
	float:left;
	width:100px;
	margin:0 10px 10px 10px;
	}
	
div.producto ul{
	clear:both;
	font-size:80%;
	margin:0;
	padding:0;
	width:95%;
	}
	
#cuerpo #content div.producto ul li{
	display:inline;
	list-style:none;
	
	}
	
#cuerpo #content div.producto li.fleft{
	margin:0;
	}
	
#cuerpo #content div.producto li.fright{
	margin:0;
	}
	
#cuerpo.pedidos #content{
	width:98%;
	border:0;
}

#cuerpo.pedidos h1{
	background:url(../img/encabezado-pedidos.jpg) bottom no-repeat;
	height:55px;
	padding-left:10px;
}

#cuerpo.pedidos h1 span, h1.recetas span{
	color:#999;
	font-size:50%;
	display:block;
}
	
div.producto ul li a, div.info p a.recetas, div.info p a.ver_producto{
	color:#666;
}

div.producto ul li a.recetas, div.info p a.recetas{
	background:url(../img/icono.png) left no-repeat;
	padding:0 0 0 18px;
	font-weight:normal;
	text-transform:none;
	text-decoration:none;
}

div.info p a.ver_producto{
	text-decoration:none;
	
}

div.uno{
	background-color:#FBFBFB;
}

div.dos{
	background-color:#F7F7F7;
	}

div.producto ul li a.recetas:hover, div.producto ul li a:hover, div.info p a.recetas:hover, div.info p a.ver_producto:hover{
	color:#900;
}

#content p, #content ul{
	margin:0 20px 10px 10px;
	font-size:80%;
	line-height:150%;
}

#cuerpo #content ul{
	margin-top:10px;
	margin-bottom:10px;
}

#cuerpo #content li{
	margin-left:30px;
	}

/*  en recetas*/
ul.ingredientes{
	float:left;
	width:300px;
}


div.info{
	float:right;
	background-color:#e5e3e3;
	margin-right:10px;	
	margin-left:10px;
	padding:5px;
	display:block;
}

div.info img{
	float:left;
}

div.info p{
	float:right;
	width:150px;
}

div.info p a{
	display:block;
	padding-top:20px;
}

/*  sidebar   */

div#sidebar{
	width:25%;
	float:right;
	margin-right:10px;
}

div.destacado{
	margin:5px 5px 15px 5px;

}

div.destacado h3{
	background-color:#000;
	color:#FFF;
	font-weight:normal;
	font-size:80%;
	text-transform:uppercase;
	padding:4px;
	letter-spacing:1px;
	text-align:left;
}

div.destacado p{
	font-size:80%;
	margin:5px 10px 10px 10px;
}

div.visitar{
	margin:5px 5px 15px 5px;
	border:1px solid #c93;
	background-color:#f5efdd;
	padding:10px;
}

div.baron{
	background:url(../img/baron-ban.jpg) bottom right no-repeat #f5efdd;
	height:110px;
}

div.baron p{
	width:50%;
}

div.visitar h4{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-style:italic;
	color:#666;
	font-size:130%;
}

div.visitar p, div.visitar dl{
	font-size:80%;
	margin:5px 10px 10px 10px;
}
div.visitar dt{
	font-weight:bold;
	}

/*    pie     */
	
div#footer{
	width:943px;
	background:url(../img/footer.png) top  center no-repeat;
	padding:0 5px;
	color:#FFF;
	height:90px;
	}

div#footer h4{
	clear:both;
	margin-left:30px;
	margin-bottom:5px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
}

div#footer address, #content address{
	margin-left:30px;
	font-size:80%;
	float:left;
}

div#footer ul{
	float:right;
	margin-right:35px;
}

div#footer li{
	list-style:none;
	text-align:right;
	
	font-size:80%;
}

div#footer a{
	color:#FFF;
	text-decoration:underline;
}

div#footer a:hover{
	color:#ccc;
	text-decoration:none;
}

div#footer a:visited{
	color:#ccc;
}

/*------- banners formularios --*/
div.usted{
	float:right;
	padding:7px 7px 7px 40px;
}

.bparticular{
	background: url(../img/logo_particular.gif) left no-repeat #f1ead1;
}

.bprofesional{
	background: url(../img/logo_profesional.gif) left no-repeat #f1ead1;
}

#content div.usted p{
	margin:0;
	padding:0;
	font-size:70%;
}

#content div.usted a{
	color:#000;
}

#content div.usted a:hover{
	color:#666;
}


/**** instrucciones --*/
.instrucciones {
	padding:10px;
	background-color:#f5f3f3;
	width:65%;
	margin:0 auto;
	float:left;
	
}

.instrucciones ol{
	font-size:80%;
	line-height:130%;
}

.tradicional{
	padding:10px 5px;
	background-color:#E7EFE9;
	width:31%;
	margin:0 auto;
	float:right;
}

.tradicional a{
	display:block;
}



/*----- noscript ----*/
#adv{
	background-color:#FFF;
}

#adv p{
	border:1px dashed #036;
	color:#333;
	font-size:90%;
	padding:20px;
	width:400px;
	margin:5px auto;
	text-align:center;
}


/*02-12-2011*/

div.botones_envio{
	width:50%;
	margin:0 auto;
}