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

* { margin: 0px; padding: 0px; }
body { background: #d9d2cd; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; }
img { border: 0px; }
p { margin: 5px 0px; }
ul { margin: 5px; padding: 5px; }
fieldset { padding: 10px; }

#page { margin: 0 auto; width: 951px; background: url(img/page_bg.jpg); padding: 0px 13px; text-align: left; }
#header { width: 951px; background: url(img/header_bg.jpg); height: 114px; }
#logo { width: 381px; height: 114px; float: left; }
#toolbar { width: 500px; float:right; text-align: right; margin: 30px; }
#toolbar a { color: #3366cc; text-decoration: none; }
#toolbar a:hover { text-decoration: underline; }
#nav { background: #56321d; padding: 5px; }
#nav a { color: #FFFFFF; text-decoration: none; padding: 3px 5px; }
#nav a:hover { color: #FF9900; background-color: #6C4024; }
#footer { width: 941px; background: url(img/footer_bg.jpg); height: 108px; padding: 5px; }
#footer h1 { color: #666666; font-size: 16px; }
#bottom { width: 977px; height: 13px; margin: 0 auto; }
#content { margin: 10px 0px; }
#categorias { float: left; width: 150px; margin: 0px 10px 0px 0px; }
#categorias h1 { background: #E0E0E0; font-size: 18px; font-weight: normal; padding: 5px; }
#producto { width: 700px; float:left; }
#categorias a { text-decoration: none; color: #0099CC; }
#categorias a:hover { padding-left: 5px; border-left: 3px solid #006699; }
#right { width: 790px; float: left; }
#right h1 { background: #F7F7F7; font-size:20px; font-weight: normal; padding: 5px; }

.featured { background: #ecdbc9; padding: 10px; margin: 10px 0px; border: 3px solid #b89999; }
.featured a { text-decoration: none; }
.featured h1 { color: #660000; font-size: 18px; margin: 5px 0px; }
.featured h2 { color: #660000; font-size: 16px; margin: 5px 0px; }
.featured .producto { width: 200px; background-color: #F1E7DA; margin: 5px; text-align: center; font-size: 12px; padding: 10px; float: left; color: #333333; height: 340px; overflow: hidden;  }
.especial { color: #0099FF; font-size: 14px; }
.featured .detalles { margin: 10px; }
.featured .detalles a { color: #333333; background: #ecdbc9; padding: 5px; text-decoration: none; margin: 10px; font-weight: bold; }
.featured .detalles a:hover { color: #0066CC; background: #FFFFFF; }

.list_thumb { float: left; width: 130px; height: 250px; margin: 10px; }
.list_thumb a { text-decoration: none; }
.list_thumb h1 { color: #660000; font-size: 18px; margin: 5px 0px; }
.list_thumb h2 { color: #660000; font-size: 16px; margin: 5px 0px; }

/* fixes */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }