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

* {margin:0; padding:0; border:0;}

/* Tags */

html {height: 100%;}
body {background:url(../images/bg.png) repeat #d8c9b6; font-family: Arial, Helvetica, sans-serif; font-size:18px; height:100%; }
a, a:hover {text-decoration:none;}
a { color:#F3e5334; } 
div { } 
img { }
ul { }
li { list-style:none; }
h1 { color:#537046; padding:0 0 15px 0; font-size:30px; text-align:center;}
h2 { color:#537046; padding:10px 0 20px 20px; font-size:18px; }
h3 { text-align:center; color:#537046; font-size:18px; padding:30px 0 20px 0;}
h4 {text-align:center; font-size:20px; color:#FFF; }
h5 {text-align:center; font-size:17px;}
p { padding:0 0 20px; font-size:17px; color:#537046;}
blockquote { } 


/* ID */

#Container { background:#e4ddd4; width:900px; position:relative; }

#menu { height:50px; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; font-size:18px; position:relative; }
#menu li {margin:10px 10px 0 0; display:inline; list-style:none; overflow:hidden; height:40px; width:148px; background:#d8c9b6; border:solid 2px #633f17; }
#menu li:last-child {margin: 10px 0 0 0;}
#menu li a { color:#537046; text-align:center;}


#ul { text-transform:uppercase; }

#topnav {width:800px;}
#topnav a, #topnav span {padding:10px 0; float:left; clear:both; width:100%; height:20px; line-height:20px; }


#sub-menu {opacity: 0;position: absolute; top:50px; left:536px;}
#sub-menu li { border:solid 2px #633f17; display:block; background:#d8c9b6; width:150px; height:40px;  }
#topnav li:hover > ul { opacity: 1;}

#Content {background:#e4ddd4; padding:40px 0 30px; padding-bottom:50px; width:800px; margin:0 0 0 50px;}
#imghead {background:#e4ddd4; padding:40px 0 0; padding-bottom:0;}

#destacados { width:800px; padding:0 0 50px 0;}
#destacados h4 { padding:10px 0;}
#destacados img { padding:20px 0; display: block; margin-left: auto; margin-right: auto; }

#slideshow {position:relative; height:500px;}
#slideshow IMG, #galeria IMG {position:absolute; top:0; left:0; z-index:8;}
#slideshow IMG.active, #galeria IMG.active {z-index:10;}
#slideshow IMG.last-active, #galeria IMG.last-active {z-index:9;}

#botones { text-align:center; margin:20px 0; }
#botones p {color:#ED242A; font-size:30px; padding:35px 0;}

#nosotros { width:900px;}
#nosotros a { color:#ED242A; text-decoration:underline;}

#footer { background:#3e5334; height:50px; font-size:12px; color:#fff; letter-spacing:2px; width:100%; text-align:center; padding:10px 0 0; position:fixed; bottom:0; left:0; z-index: 22; }
#footer p { font-size:14px; padding:5px 0 20px; color:#FFF;}
#footer a {color:#e36423;}

/* Class */

.clear {clear:both;} 
.left {float:left;} 
.right {float:right;}
.center { margin-left:auto; margin-right:auto; width:70%; }

.productos { width:380px; height:300px; background:#3e5334;}
.margina {margin:0 0 40px 0;}
.marginb {margin:0 40px 0 0;}

/* Fonts */

@font-face { }