/* RESET CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal; letter-spacing:2px;}
ol,ul {list-style:none}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
/* /RESET CSS */



/*========================================================
 This pattern is downloaded from www.subtlepatterns.com 
 If you need more, that's where to get'em.
 ========================================================*/

.wrapper{ width:900px; margin:0 auto;}

body{background: url(../images/bg_content.png) #333 repeat; font-family: 'Merriweather Sans', sans-serif; font-weight:300; color:#999; text-align: justify; height:100%; line-height: 25px; }

/*header*/

#header{-webkit-box-shadow: 0px 4px 20px 5px rgba(00, 00, 00, 0.9);
box-shadow: 0px 4px 20px 5px rgba(00, 00, 00, 0.9); height:180px; background:#111;}

#logo{margin-top:15px; padding:5px 0 0 0; float:left;}
#nav{ float:right; margin-top:110px;}
#header #nav li { float:left; font-size:13px; text-transform:uppercase;  } 
#header a:link, a:visited, a {color:#fff; text-decoration:none; padding:20px 10px; margin:10px;   } 
#header a:hover {background:url(../images/bg_menu.jpg) repeat-x;} 
#header .activo a{background:url(../images/bg_menu2.jpg) repeat-x;}

.cont-slides {background:#FFF;}


/*footer*/
#footer{padding:10px 0 10px; height:90px; background-color:#111; color:#CCC; -webkit-box-shadow: 0px -4px 20px 5px rgba(11, 11, 11, 0.9);
box-shadow: 0px -4px 20px 5px rgba(11, 11, 11, 0.9); clear:both; margin-top:50px; line-height: 15px;}
#footer img {float:left; margin-top:10px;}

#footer p {float:right; text-align:right; font-size:12px; margin-top:10px;}




/*content*/
#content{font-size:12px; height:100%; }
#content .wrapper { height::100%;}
.index {height:530px;}
.nosotros{height:500px;}
.productos{height:300px;}
.servicios {height:300px;}
.contacto{height:300px;}






/*index*/
#marcas-ini img { margin-left:150px;padding-bottom:30px;}

/*nosotros*/
#content .description {width:700px; line-height:30px;}
#content .description p, #content .description ul {width:665px;  text-align:justify; float:left; }
#content .description ul { padding-left:30px; width:600px; }
#content .description ul li{background:url(../images/bg_des_ul.png) no-repeat; padding-left:15px;}
.marcas {float:right; margin-top:85px; margin-right:20px; height: 390px; width: 180px;}
.description {float:left;}
h2 {color:#FFF; font-size:24px; font-weight:400; padding-left:65px;  background:url(../images/bg_h2.png) no-repeat; margin-top:30px;height: 50px; }
.mision, .vision { width: 250px; float: left; margin:45px 0;}
.vision{margin-right:50px; margin-left: 50px; }


h3{ width:300px; height: 50px; display: block;float: left; color:#FFF; font-size:24px; padding-left:65px; font-weight:400; background:url(../images/bg_h2.png) no-repeat;}



/*contentprod (de productos)*/
#content .item {float:left;background: #fff; height: 300px; width: 200px; margin:12px;}
#content .item:last-child {margin-bottom:50px;}
#content .item p{padding:20px; font-size:  15px; color: white;   margin-top : -90px;text-align: center; height: 90px; }
#content .item img{display: block; z-index: 1;}
#content .item a{margin:0; padding: 0;}