@import url('resets.css');

/****************/

html{
	height:100%;
}

body {
	font: 12px Arial, Helvetica, sans-serif;
	background: #006599 url(../img/bg/bg-body.jpg) repeat-x 0 0;
	margin:0 auto;
	height:100%;
	color:#333;
}

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

p {
	margin:0 0 6px;
}

#bg_container {
	height:100%;
	background: url(../img/bg/body.jpg) no-repeat center top;
}

#container {
	margin:8px auto 0;
	padding-top:8px;
	width:953px;
	background-color:#fff;
}

#header{
	margin: 0px 8px 2px 8px;
	width:938px;
	overflow:hidden;
	background:url(../img/bg/bg_header.jpg) no-repeat 0 0;
	height:85px;
}

#headerIzq{
	float:left;
	width:188px;
	margin:8px 0 0 8px;
}

#headerMedio{
	float:left;
	margin:16px 0 0 60px;
}

#headerDer{
	float:right;
	width:153px;
}

#headerDer a{
	display:block;
	width:153px;
	height:34px;
	background:url(../img/botones/novedades-pedidos.gif) no-repeat 0 0;
	overflow: hidden;
	line-height:300px;
	float:left;
	margin-right:0px;
	
}
#headerDer a.novedades{
	background-position: -164px 0px;
	margin:8px 0 3px;
}
#headerDer a.novedades:hover{
	background-position:0px 0px;
}

#headerDer a.pedido{
	background-position: -164px -36px;
}
#headerDer a.pedido:hover{
	background-position:0px -36px;
}


#flashHome,
#flashInterna{
	margin-left:8px;
}

#content{
	background: url(../img/bg/columnaDer.gif) repeat-y 685px 0;
	width:945px;
	margin-left:8px;
	overflow:hidden;
}

#contentIzq{
	margin:8px 0 0 0;
	width:662px;
	padding:0;
	float:left;
	line-height:18px;
}

#contentIzq h2{
	margin-bottom:8px;
}

#contentIzq h3{
	margin-bottom:8px;
	font-size:14px;
	font-weight:bold;
	color:#006699;
	clear:both;
	background:url(../img/iconos/bullet.gif) no-repeat 0px 7px;
	padding-left:10px;
}

#contentIzq .texto{
	margin-bottom:30px;
	padding:0 8px;
	text-align:justify;
}

h2.tituloGalerias{
	width:660px;
	height:23px;
	text-align:right;
	padding:8px 8px 0 0;
}

#contentIzq .galerias{
	padding-bottom:18px;
	width:678px;
	overflow:hidden;
}

#contentIzq .galerias a:hover{
	text-decoration:none;
}

#contentIzq .galeriaInterna{
	margin: 20px 0 18px 0px;
	padding-left:55px;
	_padding-left:15px;
	width:auto;
}

#contentIzq .galerias div{
	width:131px;
	margin:0 17px 25px;
	float:left;
	text-align:center;

}

#contentIzq .galeriaInterna div{
	margin:0 0 25px 35px;
	height:205px;
}

#contentIzq .galeriaInterna div a{
	cursor: url(highslide/graphics/zoomin.cur);
	text-decoration:none;
}

#contentIzq .indice div a{
	cursor: hand;
	cursor:pointer;
}

#contentIzq .galerias div img{
	padding:4px;
	border:1px solid #CCCCCC;
	background-color:#FFF;
}

#contentIzq .indice div img{
	padding:4px;
	border:1px solid #CCCCCC;
	border-bottom:none;
	background-color:#FFF;
}

#contentIzq .galerias div a:hover img{
	background-color:#bfefff;
}

#contentIzq .indice div a:hover img{
	background-color:#fff;
	border:1px solid #c9eaf5;
	border-bottom:none;
}

#contentIzq .galerias div strong {
	color: #006699;
	text-transform:uppercase;
	display:block;
	font-weight:bold;
	text-decoration:none;
	padding:5px 0 0;
}

#contentIzq .indice div strong{
	padding:5px 0;
	font-size:11px;
	background:#caeaf5 url(../img/bg/flecha.gif) no-repeat center top;
	width:146px;
	overflow:hidden;

}

#contentIzq .indice div strong a{
	display:block;
	width:45px;
	float:left;
	text-transform:none;
	text-align:left;
	background:url(../img/iconos/bullet.gif) no-repeat 13px 7px;
	padding-left:23px;
	text-decoration:none;
}

#contentIzq .galerias div a span {
	color: #333;
	font-size:11px;
	text-decoration:none;
}

#contentIzq .galerias div a:hover span {
	text-decoration:none;
}

#contentIzq .galerias div a:hover strong {
	color:#4db9dd;
}






.prevNext{
	font-size:11px;
	border-top:1px dotted #CCCCCC;
	padding:5px;
	margin-top:5px;
	text-align:center;
}

.prevNext a{
	font-size:11px;
	text-decoration:none;
}

.codigo{
	font-weight:bold;
	font-size:11px;
}

.nombre{
	font-weight:bold;
	font-size:11px;
	color:#006699;
}

.descripcion{
	font-size:11px;
	color:#666666;
}

#contentIzq div.nosotros{
	float:left;
	margin:5px 20px 5px;
}

ul{
	margin: 10px;
}

ul li{
	background:url(../img/iconos/bullet.gif) no-repeat 6px 7px;
	padding-left:18px;
	padding-bottom:8px;
}
#contentIzq ul.destacado2 li{
	background:url(../img/iconos/bullet2.gif) no-repeat 6px 7px;
}
#contentIzq ul li.destacado,
#contentIzq ul.destacado2 li.destacado{
	text-transform:uppercase;
	color:#006699;
	padding-left:0px;
	background:none;
	font-weight:bold;
}



#columnaDer {
	padding-top:8px;
	width:260px;
	float:right;
	padding-bottom:25px;
}

#columnaDer p {
	line-height:28px;
	font-size:13px;
	margin-left:17px;
}

#columnaDer p strong{
	color:#006699;
	font-weight:bold;
}

#columnaDer h3{
	font-size:13px;
	margin-bottom:12px;
	color:#006699;
	margin-left:17px;
	font-weight:bold;
}

#columnaDer form{
	font-size:13px;
	margin-bottom:12px;
	color:#006699;
	margin-left:17px;
	font-weight:bold;
}

form.form{
	/*margin-top:5px;*/
}

form.form2 label{
	color:#993300;
	font-size:11px;
	padding:2px 0 2px 4px;
	display:block;
}


form.form div{
	background: url(../img/bg/input.gif) no-repeat 0 0;
}

form.form div.button{
	background:none;
	text-align:right;
	margin-right:25px;
}

form.form div.textarea{
	background: url(../img/bg/textarea.gif) no-repeat 0 0;
}

form.form input.text{
	font-size:11px;
	color:#999;
	width:209px;
	height:21px;
	border:none;
	padding:6px 4px 0;
	background:none;
}

form.form textarea{
	font-size:11px;
	color:#999;
	width:209px;
	height:50px;
	border:none;
	margin-bottom:4px;
	padding:6px 4px 0px;
	overflow:auto;
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background:none;
}

#footer{
	background: url(../img/bg/columnaDer.gif) repeat-y 693px 0;
	border-top:3px solid #66ccff;
	width:953px;
	overflow:hidden;
}

#footerIzq{
	background: url(../img/bg/bgFooter.gif) no-repeat 0 0;
	padding:0px 0 0 8px;
	width:678px;
	float:left;
}

#footerIzq div.loguito{
	width:83px;
	float:left;
}

#footerIzq div.links{
	margin-top:23px;
	text-align:center;
	line-height:22px;
	font-size:11px;
}

#footerIzq p.contacto a{
	color:#666666;	
}

#footerDer{
	width:249px;
	float:left;
	padding:8px 0 0 18px;
	line-height:24px;
}

#footerDer h3{
	font-size:13px;
	color:#006699;
	font-weight:bold;
}

#paginador{
	background:url(../img/bg/bgPaginador.jpg) no-repeat 0 0;
	width:650px;
	padding:10px 0;
	text-align:center;
	margin:0 auto;
}

#paginador a{
	font-size:14px;
	font-weight:bold;
}

h2.conSeparador{
	background:url(../img/bg/punteado.gif) repeat-x left top;
	padding-top:10px;
	margin-top:10px;
}

div.gracias{
	margin: 0 15px;
	padding:15px;
}


form.contactenos{
	width:500px;
	margin:25px auto 50px;
}

form.contactenos div{
	clear:both;
	margin-bottom:4px;
}

form.contactenos label{
	width:150px;
	text-align:right;
	padding:5px 10px 0 0;
	display:block;
	float:left;
}

form.contactenos input.text{
	font-size:11px;
	color:#999;
	width:250px;
	height:16px;
	border-top:none;
	border-left:1px solid #d7e0e4;
	border-right:1px solid #d7e0e4;
	border-bottom:1px solid #d7e0e4;
	padding:6px 4px 3px;
	background:url(../img/bg/bg-input.gif) repeat-x 0 0;
}

form.contactenos textarea{
	font-size:11px;
	color:#999;
	width:250px;
	height:100px;
	margin-bottom:4px;
	padding:6px 4px 0px;
	overflow:auto;
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #d7e0e4;
	padding:3px 4px;
	background: #FFF url(../img/bg/bg-textarea.gif) repeat-x 0 bottom;
}

div.validation-advice{
	color: #FF6600;
	font-size:11px;
	margin-left:162px;
}
form#pedidoColDer.form div.validation-advice,
form#contactoColDer.form div.validation-advice{
	margin-left:0px;
	background:none;
	margin-bottom:5px;
}

p.destacado1 {
	color:#006699;
	font-weight:bold;
	clear:both;
}

div.separador {
	border-top:1px dotted #CCCCCC;
	margin:10px 0 20px;
	height:1px;
	clear:both;
}

table.recetas {
	border-collapse:collapse;
	width:400px;
	margin:30px auto 0;
}

table.recetas td{
	padding:2px 0 0 5px;
	border-bottom:1px dotted #F0F0F0;
}


table.recetas td strong{
	color: #006699;
	background:url(../img/iconos/bullet2.gif) no-repeat 6px 7px;
	padding:0px 0 8px 18px;
	display:block;
}






div#cg{
	width:953px;
	margin:0 auto;
	text-align:right;
	padding:2px;
}

div#cg a{
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
}

ul.recetasList{
	margin-left:60px;
	margin-top:35px;
}

ul.recetasList li{
	display:block;
	width:180px;
	float:left;
}

div.nota {
	margin-bottom:5px;
	padding-bottom:15px;
	border-bottom:1px dotted #CCCCCC;
	clear:both;
	width:668px;
	overflow:hidden;
}

div.tituloNotass{
	background-color:#dcf0f7;
	padding:7px 5px;
	text-transform:uppercase;
	clear:both;
	overflow:hidden;
	width:658px;
}

div.tituloNotass div.categoria {
	width:200px;
	text-align:right;
	font-size: 10px;
	color:#333;
	float:right;
	text-transform:none;
}

div.nota div.copete,
div.nota div.textoNota{
	padding:3px 5px;
}

div.nota div.img{
	width:136px;
	margin:0 22px 0px 0px;
	float:left;
	text-align:center;

}

div.nota div.img a img{
	padding:4px;
	border:1px solid #CCCCCC;
	background-color:#FFF;
}

div.nota div.img a:hover img{
	background-color:#bfefff;
}

div.imagenesNotas{
	margin:10px 0 0 100px;
	clear:both;
}

.highslide-captio{
	padding: 0 6px;
	font-size:10px;
}


form div.noview{
	display:none;
}