/* CSS Document */

/*GENERALES*/
* { padding:0; margin:0; border:0;outline:none} 
html {height: 100%;overflow-y:scroll;outline:none}
body {color:#242424; font-family:Arial, Helvetica, sans-serif; font-size:12px;font-weight:normal; text-decoration:none; text-align:left; line-height:18px; height:100%;}
a{text-decoration: underline; cursor:pointer; }
a:hover {text-decoration: underline; cursor:pointer;}
p{ padding-bottom:10px; font-size:12px; text-align:justify}
.div_list{float:none;clear:both;margin:20px 0 50px 0}
.volver{width:680px;margin:0 auto;text-align:left}
.clear_b{ clear:both}

/*contenedor*/
#contenedor{ width:1024px; margin:0 auto}
#contenedor .top{ width:1000px; margin:0 auto; clear:both}
#contenedor .content{ width:1000px; margin:0 auto; clear:both; padding:0 10px 0 10px}
/*fin contenedor*/


/*lateral*/
#lateral{ width:220px; float:left; background-color:#f7f7f7; margin:0 20px 0 0; height:700px}
#lateral .menu{ width:200px; margin:20px auto}
#lateral ul{ width:200px; margin:0 auto; list-style:none}
#lateral li{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#6f7033; margin:0 0 5px 0; cursor:pointer}
#lateral ul.submenu{ width:200px; margin:0 auto 0 0; list-style:none}
#lateral li.submenu{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#6f7033; margin:5px 0 5px 0}
#lateral .banner{ width:211px; margin:40px auto}
/*lateral*/

/*contenido*/
#contenido{ width:750px; float:left; background-color:#fff}
#contenido h1{ font-size:24px; font-weight:bold; color:#6f7033; line-height:30px; margin:10px auto}
#contenido h1.receta{ font-size:20px; font-weight:bold; color:#000; line-height:30px; margin:10px auto}
#contenido h2{font-size:16px; font-weight:bold; color:#666; margin:0 auto 10px auto}
#contenido h3{ font-size:14px; font-weight:bold; color:#6f7033; line-height:14px; margin:3px auto}
#contenido .banner{ width:733px; margin:0 auto 20px auto; clear:both}
#contenido  ul{ width:700px; list-style-image:url(../images/ico_item.gif); margin-left:15px}
#contenido li{ margin:0 0 5px 0}
#contenido p.dest{ margin:0 0 5px 0; font-weight:bold; font-size:14px; text-align:justify}
#contenido .video{ float:right; margin:0 0 0 20px}	
#contenido .video_demo{ width:640px; margin:15px auto}
#contenido .video_receta{ width:320px; margin:15px auto}

#contenido .formul{ width:470px; padding:15px; height:150px; margin:0 auto; background-color:#f6f6f6}
#contenido .formul_ita{ width:200px; float:left; margin:0 0 20px 0}
#contenido .formul_itb{ width:200px; float:right; margin:0 0 20px 0}
#contenido .inpt{ width:200px; background-color:#999999; font-size:14px; padding:3px}
#contenido .enviar{width:470px; padding:10px; margin:0 auto; text-align:center; clear:both}

#contenido .faqs{ width:750px; clear:both}
#contenido .faq_it{ width:750px; clear:both; color:#000; font-size:14px; font-weight:bold; margin:10px auto}
#contenido .faq_resp{ width:730px; margin:0 auto; clear:both; background-color:#f7f7f7; padding:5px}
#contenido .paginacion{ width:750px; margin:30px auto 50px auto; clear:both; border-top:1px solid #ccc}
#contenido .anterior{float:left; color:#6f7033; font-weight:bold}
#contenido .siguiente{float:right; color:#6f7033; font-weight:bold}
#contenido .recetas{width:auto; clear: both}
#contenido .receta{width:750px; clear: both}
#contenido .foto_receta{ float:left; margin:0 10px 10px 0; border:3px solid #ebebeb}
#contenido .ingredientes{ float:none; clear:both; margin:0 0 20px 0; background-color:#ebebeb; padding:10px}
#contenido a{color:#000; font-weight:bold}
#contenido a:hover{color:#000; font-weight:bold; text-decoration:underline}
#contenido .volver_receta{width:750px;margin:20px auto;text-align:right}
#contenido .ver_video{width:auto; float:right }
#contenido .galeria{width:375px; margin:0 auto}
#contenido .galeria_it{width:80px; float:left; margin:0 6px 10px 6px}
#contenido .galeria_display{width:375px; margin:20px auto; clear:both }


/*fin contenido*/