html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body.home { background:url(../pix/background.gif) repeat-x #fff; }
body.section { background:url(../pix/background2.gif) repeat-x #fff; }

.fix { clear:both; }

.layout { width:875px; height:100%; margin:auto; }

.header { width:875px; height:325px; margin:auto; display:block; background:url(../pix/header.gif) no-repeat; padding:10px 0 0 0; }
.header h1 a { width:269px; height:88px; display:block; background:url(../pix/logo.png) no-repeat transparent; text-indent:-9999em; float:left; }

.header2 { width:875px; height:211px; margin:auto; display:block; background:url(../pix/header2.gif) no-repeat; padding:10px 0 0 0; }
.header2 h1 a { width:269px; height:88px; display:block; background:url(../pix/logo.png) no-repeat transparent; text-indent:-9999em; float:left; }

.header ul.menu { width:500px; float:right; }
.header .menu li { float:left; margin-left:20px; }
.header .menu li a { color:#fff; font:normal 14px "Lucida Grande",Tahoma,Arial,sans-serif; text-decoration:none; }
.header .menu li a:hover { color:#6f742a; }
.header .menu span { font-size:10px; color:#888; }
h2.intro { clear:both; font:normal 30px "Trebuchet MS",Tahoma,Arial,sans-serif; width:875px; display:block; float:right; text-align:left; letter-spacing:-1px; font-style:italic; margin:30px 0 0 0; text-align:center; color:#525a1e; }

.header2 ul.menu { width:500px; float:right; }
.header2 .menu li { float:left; margin-left:20px; }
.header2 .menu li a { color:#fff; font:normal 14px "Lucida Grande",Tahoma,Arial,sans-serif; text-decoration:none; }
.header2 .menu li a:hover { color:#6f742a; }
.header2 .menu span { font-size:10px; color:#888; }
.header2 h2 { clear:both; font:normal 48px "Lucida Grande",Tahoma,Arial,sans-serif; width:875px; display:block; float:right; letter-spacing:-2px; margin:10px 0 0 0; text-align:right; color:#fff; }

.left { width:250px; float:left; height:100%; margin:80px 0 0 0; }
.left img { margin:0 0 29px 0; }

.trabajos h2 { font:normal 36px Arial, "Times New Roman", Times, serif; letter-spacing:-2px; }
.trabajos p { margin:10px 0 10px 0; font:normal 14px Arial, "Times New Roman", Times, serif; }

.galeria li { float:left; }
.galeria img { width:90px; height:90px; padding:5px; background:#ccc; margin:10px 20px 10px 0; letter-spacing:-1px; }

.leftSection { width:250px; float:left; height:100%; margin:30px 0 0 0; }
.leftSection img { margin:0 0 29px 0; }

.leftContactar { width:250px; float:left; height:100%; margin:30px 0 0 0; }
.leftContactar h2 { font:normal 26px Arial, "Times New Roman", Times, serif; letter-spacing:-1px; }

.fabricantes { width:875px; height:100%; margin:auto; }
.fabricantes h2 { font:normal 26px Arial, "Times New Roman", Times, serif; letter-spacing:-1px; margin:35px 0 0 0; }
.fabricantes p { margin:10px 0 10px 0; font:normal 13px Arial, "Times New Roman", Times, serif; }
.fabricantes img { width:90px; height:90px; background:#ccc; padding:5px; margin-top:10px; margin-right:10px; }

.rightContactar { width:550px; height:100%; float:left; margin:50px 0 0 75px; }
.rightContactar .contactar { width:573px; }
.contactar label { width:350px; height:20px; display:block; font:normal 16px Arial, "Times New Roman", Times, serif; letter-spacing:-1px; margin:10px 0 0 0; }
.contactar input { width:350px; height:20px; border:1px solid #ccc; padding:5px 0 0 5px; font:normal 13px Arial, "Times New Roman", Times, serif; }
.contactar input:focus { border:1px solid #818605; }
.contactar textarea { width:340px; height:140px; border:1px solid #ccc; padding:5px; font:normal 13px Arial, "Times New Roman", Times, serif; }
.contactar textarea:focus { border:1px solid #818605; }
.contactar p { font:normal 14px Arial, "Times New Roman", Times, serif; letter-spacing:-0.8px; margin:0 0 40px 0; line-height:18px; }
.contactar .btn { width:100px; margin:10px 0 0 0; height:30px; -moz-border-radius:6px; -webkit-border-radius:6px; font-weight:bold; cursor:pointer; padding:0; }
.contactar .btn:hover { background:#818605; color:#fff; }
.contact img { background:#ccc; padding:5px; width:80px; height:80px; }
.contact li { float:left; margin-right:20px; margin-top:10px; margin-bottom:10px; }
.contactar .response { color:red; }

.rightSection { width:580px; height:100%; float:left; margin:30px 0 0 45px; }
.rightSection .welcome { width:573px; height:443px; display:block; background:url(../pix/bgHome.gif) no-repeat; padding:50px 0 0 0; }
.rightSection .welcome p { font:normal 14px Arial, "Times New Roman", Times, serif; letter-spacing:-0.8px; margin:10px 0 20px 20px; line-height:18px; width:530px; text-align:justify; }
.ofert { background:url(../pix/vea.gif) transparent no-repeat; width:227px; height:26px; display:block; text-indent:-9999em; margin:35px 0 10px 30px; }

ul.ofertas { margin:0 0 0 38px; width:600px; }
.ofertas li { float:left; margin-right:10px; margin-top:15px; text-align:center; width:160px; }
.ofertas li a { font:normal 13px Arial, "Times New Roman", Times, serif; text-decoration:none; color:#888; }
.ofertas li a:hover { text-decoration:underline; color:#000; }
.ofertas img { width:150px; height:94px; padding:5px; background:#ccc; cursor:pointer; }
.ofertas img:hover { background:#000; }

.rightSection .welcomeEmpresa { width:573px; height:443px; display:block; background:url(../pix/bgEmpresa.gif) no-repeat; padding:50px 0 0 0; }
.rightSection .welcomeEmpresa p { font:normal 14px Arial, "Times New Roman", Times, serif; letter-spacing:-0.8px; margin:10px 0 20px 20px; line-height:18px; width:530px; text-align:justify; }

.right { width:580px; height:100%; float:left; margin:80px 0 0 45px; }
.right .welcome { width:573px; height:443px; display:block; background:url(../pix/bgHome.gif) no-repeat; padding:50px 0 0 0; }
.right .welcome p { font:normal 14px Arial, "Times New Roman", Times, serif; letter-spacing:-0.8px; margin:10px 0 20px 20px; line-height:18px; width:530px; text-align:justify; }

#footer { width:100%; height:120px; background:url(../pix/bg_footer.gif) repeat-x; clear:both; }
.img { margin:auto; width:875px; display:block; clear:both; padding-top:30px; }
#footer .izq { width:675px; height:36px; margin:auto; color:#fff; text-align:center; padding:30px 0 0 0; font:normal 12px "Lucida Grande",Tahoma,Arial,sans-serif; text-align:left; float:left; }
.izq span a { font-size:10px; color:#ccc; }
.izq span a:hover { text-decoration:none; }
#footer .imagen { width:200px; float:right; text-align:right; margin:0; }

#slider img { background:#3c3f42; padding:5px; width:330px; height:164px; }
.slicer { height:164px; width:330px; float:right; margin:50px 0 0 0; display:block; }
.slicer .desc { float:left; width:295px; padding:30px 10px 10px 30px; }
.slicer .desc h1 { color:#ffffff; font:normal 40px Lucida grande, Arial, sans-serif; letter-spacing:-2px; }
.slicer .desc p { color:#ffffff; font:normal 15px Lucida grande, Trebuchet MS, sans-serif; line-height:1.8em; letter-spacing:-0.5px; line-height:20px; width:290px; }
.slicer .gallery { float:right; width:340px; height:164px; display:block; }

p.copy { font-size:10px; width:875px; display:block; text-align:right; text-decoration:italic; }

.oferta { width:190px; height:90px; float:left; margin:10px 15px 7px 0; background:#ccc; padding:5px; }
.oferta:hover { background:#000; }