@charset "utf-8";
/* CSS Document for La Paulina*/

/*IE6 hack para png*/
img{ behavior: url(css/iepngfix.htc) }
/**/

/*estandarizar browsers*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}
.fix{ clear:both}
.txt-rojo-bold{color:#C90000; border-bottom:0.16em #575757 dotted; float:left; width:130px; text-align:left; padding-left:30px;padding-top:0px;padding-bottom:0px; padding-bottom:35px; padding-top:35px}
.txt-rojo{color:#C90000; font-weight:bold}
.rojo{color:#C90000}
.bold{ font-weight:bold}
.mb20{ margin-bottom:20px}
.mr15{ margin-right:15px}
.sel{ font-weight:bold}
.none{ display:none}
.bggris{background:#CCCCCC}
.hr{ margin-bottom:15px;border-bottom:1px #333333 dotted; float:left; width:200px; margin-left:210px}
.dotted{border-bottom:#666665 1px dotted; padding:20px 0px; margin-left:20px; margin-right:20px; text-align:justify}
/*general*/

body{ font-size:11px;background:#003182}
#general{width:100%;text-align: center;margin: 0 auto; background:url(../imagenes/bg-2.jpg) 913px 0px repeat-y;}
.wrapper{ width:913px;background:url(../imagenes/bg-1.jpg) repeat-x #fff; margin:0 auto}

#zona-izq{ float:left; padding-top:25px; width:160px; height:507px; padding-right:4px;border:}
*html #zona-izq{width:75px;padding-right:0px; }
#zona-izq #menu{ width:100%; padding-right:8px; font-size:11px;}
*html #zona-izq #menu{padding-right:0px}
#zona-izq #menu ul{ float:left;width:100%}
#zona-izq #menu li{ float:left; clear:left; padding-left:0px; list-style:disc; list-style-position:outside; margin-left:10px; padding-left:0px; color:#CA0000; font-size:7px; width:50%; text-align:right; line-height:15px}
#zona-izq #menu li.particular{ list-style:none}
#zona-izq #menu li.particular a{ color:#666665; text-transform:uppercase}
#zona-izq #menu li.particular a:Hover{ color:#333; font-weight:bold;}

#zona-izq #menu li.particular ul li a{ color:#CA0000; text-transform:uppercase}
#zona-izq #menu li.particular ul li  a:Hover{ color:#7D0000; font-weight:bold;}

#zona-izq #menu li.particular a.activo{ color:#3F3F3E;}
*html #zona-izq #menu li{margin-left:15px; width:100px }
*html #zona-izq #menu li.particular{list-style-type:circle;}

#zona-izq #menu li.titulo{ border-bottom:0.1em dotted #333333; list-style:none; margin-left:0px; padding-left:30px; width:90px; margin-bottom:7px; font-weight:bold; margin-top:10px; text-align:left; padding-left: 60px;}
#zona-izq #menu a{ cursor:pointer; font-size:10px; color:#CA0000; text-decoration:none}
#zona-izq #menu a:hover{ font-weight:bold}
#zona-izq #menu a.activo{ font-weight:bold}

#zona-centro{ width:749px; float:left;}
#zona-centro #menu-top{ width:100%; margin-left:0px; float:left; font-family:"Trebuchet MS"}
#zona-centro #menu-top img{ float:left}
#zona-centro #menu-top ul{ float:left}
#zona-centro #menu-top li{ background:url(../imagenes/bg-3.jpg); height:30px; padding:0px; padding-top:10px; float:left; width:83px; border: solid 1px #fff; border-bottom:solid 0px #fff}
#zona-centro #menu-top li:hover{}
#zona-centro #menu-top li.sinborde-l{ border-left:none}
#zona-centro #menu-top li.sinborde-r{ border-right:none}
#zona-centro #menu-top li a{ color:#00447F; font-size:11px;padding-top:12px;padding-bottom:30px; text-decoration:none}
#zona-centro #menu-top li a:hover{ font-weight:bold}
#zona-centro #menu-top li a.activo{ font-weight:bold}
#zona-centro #menu-top .contacto{ background:url(../imagenes/contacto.png); width:173px; height:31px; float:left; color:#FFFFFF; padding-top:10px; text-align:left; padding-left:30px}
#zona-centro #menu-top .contacto a{color:#fff; text-decoration:none}

#zona-centro #centro{ width:522px; margin-left:0px; margin-right:5px; float:left; margin-top:12px}
#zona-centro #contenido { width:630px; height:200px; background:#000099; margin-left:10px; float:left}
#zona-centro #tips { float:left; width:210px; font-family:"Trebuchet MS"; font-size:12px; padding-right:0px; margin-left:0px; padding-left:10px; padding-top:20px; background:#fff}
#zona-centro .tip { width:100%; text-align:left; border-bottom:#999999 1px dotted; padding-bottom:10px; margin-bottom:10px;}
#zona-centro .tip-proceso { width:170px; text-align:left; border-bottom:#999999 1px dotted; padding:20px; margin-bottom:10px; background:url(../imagenes/productos_queso_hilados_detalle_03.jpg) no-repeat; padding-top:65px}
#zona-centro p.titulo{ color:#DE0000; font-weight:bold}
#zona-centro p.txt{line-height:11px; color:#515151; padding:10px 0}
#zona-centro p.mas{ background:url(../imagenes/mas.jpg) no-repeat; width:83px; height:15px; text-align:center; color:#515151; float:right; margin-right:5px}
#zona-centro p.mas-proceso{ width:83px; height:15px; text-align:center; color:#515151; float:right; margin-right:5px}
#zona-centro p.mas2{ background:url(../imagenes/mas2.jpg) no-repeat; width:83px; height:15px; text-align:center; color:#515151; float:right;margin-right:5px}
#zona-centro p.mas a,p.mas2 a,p.mas-proceso a{ color:#515151; text-decoration:none}
#zona-centro p.mas a:Hover,p.mas2 a:Hover{ color:#333333; font-weight:bold}
#zona-centro .recetas{ background:url(../imagenes/recetas.jpg) 50px 0px no-repeat  }
#pre-slider{padding-left:30px; padding-top:10px}
#slider a{float:left}
#copy{ padding-top:15px; margin-left:30px; text-align:left}
#zona-centro #centro p{ padding:0px 20px; text-align:justify; margin-bottom:10px; font-size:11px}
#zona-centro #centro p.expertas{font-size:18px; padding:0px}

#pie{ float:left; width:100%; background:#fff}
#pie p{background:#fff;float:left; text-align:right; padding-right:20px; width:890px;border-top:solid 1px #ccc; margin-top:15px}
#pie a{color:#666665; text-decoration:none}

/*PRODUCTOS*/

.producto{ width:100%; font-size:11px; margin-top:15px }
.producto p{ font-size:12px}
.img_pto{ width:121px; height:96px; float:left; background:url(../imagenes/bg-11.jpg) no-repeat;font-size:11px; padding-top:20px;margin-left:20px}
.texto_pto{ width:480px; height:50px; float:left;font-size:11px; border-bottom:1px dotted #999999; padding:5px 0px 10px 0px; margin-bottom:10px; background:#E0E0E0; margin-left:20px}
.texto_pto:hover{ background:#f4f4f4}
*html .texto_pto{ width:420px;}
.texto_pto p a,.titular{color:#C20000; text-decoration:none; text-align:left; margin-bottom:0px; padding-bottom:0px;font-weight:bold; text-transform:uppercase}
h1.titulo_productos{color:#C20000;border-bottom:1px dotted #999999; font-weight:bold; text-align:left; margin-left:20px; margin-bottom:20px; font-size:12px; margin-right:10px}
.producto p.mas2{ background:url(../imagenes/mas2.jpg) no-repeat; width:83px; height:15px; text-align:center; color:#515151; float:right;margin-right:5px; margin-top:10px}
.item_producto{ text-transform:uppercase;width:121px; height:96px; float:left; background:url(../imagenes/bg-13.jpg) no-repeat;font-size:11px; padding-top:20px;}
.item_producto:hover{ text-transform:uppercase;width:121px; height:96px; float:left; background:url(../imagenes/bg-132.png) no-repeat;font-size:11px; padding-top:20px;}
#nuestrosproductos{ background:url(../imagenes/nuestros_productos.jpg) no-repeat; width:486px; height:auto; padding-top:150px;margin-left:30px}
.tit_item_producto{font-size:10px; margin-top:10px; padding:0 15px}
.tit_item_producto a{ color:#fff; font-size:10px; text-decoration:none}
.tit_item_producto a:hover{ color:#fff; font-size:10px; text-decoration:none}
.cl{clear:left}

/*RECETAS*/
#recetas{ background:url(../imagenes/recetas_titular.jpg) no-repeat 0 0 #FFF; width:488px; height:auto; padding-top:120px;margin-left:30px}
*html #recetas{ background:url(../imagenes/recetas_titular.jpg) no-repeat; width:486px; height:auto; padding-top:120px;margin-left:0px}
#recetas2{ width:486px; height:auto; padding-top:120px;margin-left:30px; margin-bottom:20px}
*html #recetas2{width:486px; height:auto; padding-top:120px;margin-left:0px}
#recetas img{ padding-right:0px}
#recetas .item_producto{ width:121px; height:105px; float:left; background:url(../imagenes/bg-13.png) no-repeat;font-size:11px; padding-top:10px; margin-bottom:3px}
#recetas2 .item_producto{ width:121px; height:105px; float:left; background:url(../imagenes/bg-13.png) no-repeat;font-size:11px; padding-top:10px; margin-bottom:3px}
.tit_item_receta{padding:0px}
.tit_item_receta a{ 
	color:#fff; 
	font-size:10px; 
	text-decoration: none;
	text-align: center;
    display: block;
}
.pad15{ padding:15px}
#imagen-receta{height:76px}
.expertas{ color:#FF0000; font-size:16px; border-bottom:#666665 dotted 1px; text-align:left}
.expertasli{ text-align:left; color:#666665; font-size:14px;list-style:disc; border-bottom:1px dotted #333333; list-style-position:inside}
.expertasli a{ color:#333333; text-decoration:none; }
/**/
#imagen-producto{height:60px}
#comparti{ width:467px; height:137px; padding-top:80px; font-size:11px; text-align:left; padding-left:30px; margin-left:30px; margin-top:50px}
*html #comparti{ width:467px; height:137px; background:url(../imagenes/comparti-tus-recetas.png) no-repeat; padding-top:80px; font-size:11px; text-align:left; padding-left:30px; margin-left:0px}
#comparti .comparti-mas{ text-align:right; margin-left:350px; margin-top:-5px}
#comparti .comparti-mas a{font-weight:bold; font-style:italic; color:#000000; text-decoration:none}
#productos-relacionados{ background:url(../imagenes/bg-14.jpg)0px 65px repeat-x; height:100px; margin-left:20px; margin-bottom:10px; margin-top:15px}
#productos-relacionados p{ text-align:left; font-size:12px; font-weight:bold; margin-top:10px}
#productos-relacionados img{ float:left; margin-right:10px}

.novedades-listado{ border-bottom:1px dotted #999999; padding:10px 0px; margin-left:30px; margin-right:20px; margin-top:10px}
label{ float:left; width:200px; clear:left; text-align:right;margin:5px 0px; padding-right:10px}
label.long{ float:left; width:450px; clear:left; text-align:right; text-align:left}
label.right{ float:left; width:200px; margin-left:200px}
input,select,textarea{ float:left; width:200px; margin:5px 0px; background:#C5C5C5}
p.boton-form{ margin:20px; float:left; margin-left:190px;}
p.boton-form a{ background:url(../imagenes/boton.jpg) no-repeat; width:83px; height:15px; text-align:center; color:#515151; float:right; margin-right:5px; text-decoration:none; padding-bottom:4px}
hr.receta{ border-bottom:#999999 1px dotted; float:left; width:300px; margin-left:210px; margin-bottom:10px;margin-top:10px;}
.enviar{ width:50px; border:#999999 1px solid;}
*html .enviar{ clear:both; margin-left:210px}
.txt-justify{text-align:justify; padding:0px 20px}
fieldset{ background:url(../images/notas.jpg)}
#fondo-vacio{ width:472px; height:50px; background:url(../imagenes/fondo_vacio.jpg); margin-left:18px; color:#FFFFFF; font-weight:bold; font-size:16px; padding-top:100px; text-align:left; padding-left:15px; text-transform:uppercase}
#pdfs{ width:440px; text-align:left; margin-top:20px; margin-left:20PX}
#pdfs span.rojo{ padding-bottom:15px}
#pdfs div{ float:left; clear:right; width:440px}
#pdfs div a{ color:#000000; text-decoration:none}
#pdfs div a:hover{ text-decoration:underline}

.tipo-receta {
	background: url("../imagenes/fdo-separador-recetas.jpg") repeat-x scroll 0 0 transparent;
	height: 25px;
	padding-top: 3px !important;
	font-weight: bold;
}

a#volver, a#volver:visited {
	margin-top: 25px; 
	display: block; 
	color: #C20000; 
	text-decoration: none; 
	font-weight: bold;
} 

a#volver:hover {
	text-decoration: underline;
}