@charset "utf-8";
/* CSS Document */

body { font-family: Arial, Helvetica, sans-serif; }
a { color: #336699; }
h2 { font-size: 18px; }
label { clear: both; display: block; }

#page { width: 950px; margin: 10px auto; }

#ad_top { width: 950px; height: 109px; background: #dae3e8; }
#ad_top_left { width: 10px; height: 109px; float: left; background: url(img/ad_left.png); }
#ad_top_middle { width: 930px; height: 89px; float: left; background: url(img/ad_bg.png); text-align: center; padding: 10px 0px; }
#ad_top_right { width: 10px; height: 109px; float: left; background: url(img/ad_right.png); }

#header { width: 950px; height: 80px; }
#header #logo { width: 201px; height: 80px; float: left; }
#header #suscribe { float: right; width: 250px; padding: 30px 0px 0px 0px; }
#header #info { width 400px; float: right; height: 75px; font-size: 14px; color: #072b47; text-align: right; }
#header #info #toolbar { font-size: 11px; text-transform: uppercase; padding: 15px 0px; }

#nav { width: 950px; height: 29px; background: #3f7baa; text-align: center; font-size: 14px; }
#nav_left { width: 10px; height: 29px; background: url(img/nav_left.png); float: left; }
#nav_middle { width: 930px; height: 24px; background: url(img/nav_bg.png); float: left; padding-top: 5px; }
#nav_right { width: 10px; height: 29px; background: url(img/nav_right.png); float: left; }
#nav a { color: #FFFFFF; padding: 0px 10px; }

#subnav { width: 950px; height: 18px; font-size: 11px; text-align: center; background: #ebd767; padding-top: 5px; }
#subnav a { color: #333333; padding: 5px; }

#top { width: 950px; }
#top #forma { width: 315px; float: left; padding: 10px; }
#top #forma #box { width: 293px; margin-left: 10px; }
#top #forma #box #box_top { width: 293px; height: 8px; background: url(img/form_top.png); overflow: hidden; }
#top #forma #box #box_middle { width: 269px; background: #ebd767; border-left: 2px solid #a28900; border-right: 2px solid #a28900; padding: 0px 10px; overflow: hidden; }
#top #forma #box #box_middle h2 { color: #a08900; font-size: 14px; text-transform: uppercase; }
#top #forma #box #box_bottom { width: 293px; height: 8px; background: url(img/form_bottom.png); overflow: hidden; }
#top #flash { width: 615px; height: 321px; float: left; }

#main { float: left; width: 615px; }
#sidebar { float: right; width: 315px; }
#categorias { float: left; width: 190px; margin-right: 10px; padding: 0px 10px; }

#middle { border-top: 5px solid #ebd767; padding: 10px 0px; clear:both; width: 950px; }
#middle #consejos { width: 314px; float: left; padding: 0px 10px; border-right: 1px dotted #CCCCCC;  }
#middle #consejos a { display: block; padding: 5px; border-bottom: 1px dotted #CCCCCC; margin-bottom: 5px; }
#middle #consejos a:hover { text-decoration: none; background: #FFCCCC; }
#middle #productos { width: 605px; float: left; overflow: hidden; padding-left: 10px; }

#bottom { width: 950px; border-top: 5px solid #ebd767; }
#bottom .historia { width: 305px; float: left; margin: 0px 5px; }

#footer { width: 950px; height: 123px; background: #dae3e8; clear: both; margin: 10px 0px; }
#footer_left { width: 10px; height: 123px; float: left; background: url(img/footer_left.png); }
#footer_middle { width: 930px; height: 103px; float: left; background: url(img/footer_bg.png); padding: 10px 0px; }
#footer_right { width: 10px; height: 123px; float: left; background: url(img/footer_right.png); }

.field { margin: 5px 0px; }
.color1 { color: #cc3333; }
.color2 { color: #23669b; }
.producto { width: 100px; height: 150px; float:left; margin: 10px; text-align: center; overflow: hidden; border: 5px solid #EEEEFC; padding: 5px; }
.img_producto { width: 100px; height: 110px; }
.hv { float: left; width: 1px; background: #DDDDDD; height: 120px; margin: 10px 0px 5px 0px; }
.input { width: 300px; }

.odd { padding: 3px; border-bottom: #CCCCCC 1px solid; }
.even { padding: 3px; border-bottom: #CCCCCC 1px solid; background: #EFF7FC }