@charset "utf-8";
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,
dl, dt, dd, ol, ul, li,		
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
input, textarea, select {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-decoration:none;
	color:inherit;
	background-color:transparent;
	}
strong {
	font-weight: bold;
	}
:focus {
	outline:0;
	}
body{
	line-height: 1;
	}
ol, ul {
	list-style: none;
	}
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
del {
	text-decoration: none;
}
html {
    height: 100%;
}

.clearfix {
	width:100%;
	float:left;
	clear:both;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#cccccc;
	
	width:100%;
	height:100%;
	background-image:url(../images/bg.jpg);
	background-color:#242424;
	background-repeat:no-repeat;
	background-position:center -45px;
}
body.index {
	background-image:url(../images/bg-index.jpg);
}
body.index a {
	margin:450px auto 0 auto;
	letter-spacing:2px;
	display:block;
	width:300px;
	text-align:center;
	text-transform:uppercase;
}
#wrapper {
	position:relative;
}
#header {
	height:49px;
	width:950px;
	margin:40px auto 0 auto;
	position:relative;
	z-index:300;
}
#header h1 a {
	background-image:url(../images/dimastro.png);
	width:254px;
	height:64px;
	position:absolute;
	left:15px;
	top:0;
	display:block;
	text-indent:-5000px;
}
#header ul {
	float:right;
}
#header ul li {
	float:left;
}
#header ul li a {
	text-transform:uppercase;
	height:49px;
	line-height:49px;
	padding:0 22px;
	display:block;
}
#header ul li a.active,
#header ul li a:hover {
	background-image:url(../images/menu-bt.png);
}
#face {
	position:absolute;
	top:16px;
	right:-42px;
	background-image:url(../images/face.png);
	width:41px;
	height:21px;
	display:block;
	text-indent:-5000px;
}
#sliderWrapper {
	width:100%;
	height:420px;
	overflow:hidden;
	position:relative;
	z-index:100;
}
#footer {
	width:950px;
	margin:0 auto;
	text-transform:uppercase;
	position:relative;
	z-index:300;
	height:170px;
}
#camioneta {
	float:left;
	margin-left:28px;
	margin-top:-7px;
}
#footer ul {
	float:left;
	margin-top:9px;
	margin-left:-2px;
}
#footer ul li {
	line-height:21px;
	background-image:url(../images/bullet.png);
	background-repeat:no-repeat;
	background-position:0 3px;
	padding-left:16px;
}
#footer h4 {
	float:right;
	position:relative;
	width:266px;
	padding-left:14px;
	height:36px;
	line-height:36px;
	text-indent:8px;
	background-image:url(../images/bullet.png);
	background-repeat:no-repeat;
	background-position:0 12px;
}
#footer h4 strong {
	width:55px;
	height:55px;
	display:block;
	position:absolute;
	top:-10px;
	right:10px;
	background-image:url(../images/48hs.png);
	text-indent:-5000px;
}
#aluar {
	float:right;
	clear:right;
	margin-top:30px;
	margin-right:17px;
}
#footer h5 {
	float:left;
	clear:both;
	margin-top:33px;
}
#footer h5 a {
	background-image:url(../images/correo.png);
	width:34px;
	height:27px;
	display:inline-block;
	text-indent:-5000px;
	margin-left:23px;
	margin-right:6px;
	position:relative;
	top:-3px;
}
#slider {
	width:2850px;
	height:420px;
	position:relative;
	left:50%;
	margin-left:-1425px;
}
#slider img {
	width:950px;
	height:420px;
	margin:0;
	float:left;
}
#sliderNav {
	width:37px;
	height:37px;
	position:absolute;
	left:50%;
	margin-left:-475px;
	bottom:64px;
	background-image:url(../images/slider-nav-bg.png);
}
#sliderPag {
	position:absolute;
	left:50%;
	margin-left:493px;
	top:50px;
	z-index:9999;
}
#sliderPag a {
	display:block;
	font-weight:bold;
	line-height:28px;
}
#sliderPag a.selected {
	color:#d25407;
}
#play {
	width:10px;
	height:10px;
	display:block;
	width:15px;
	height:18px;
	margin-top:10px;
	margin-left:10px;
	background-image:url(../images/slider-nav.png);
	background-repeat:no-repeat;
	background-position:left top;
}
#play.paused {
	background-position:right top;
}
#c {
	background-image:url(../images/c.png);
	width:19px;
	height:23px;
	display:block;
	position:absolute;
	bottom:20px;
	right:28px;
}

.section {
	width:950px;
	height:220px;
	position:absolute;
	left:50%;
	top:110px;
	margin-left:-475px;
	z-index:500;
	display:none;  
	font-size:15px;
	line-height:25px;
	overflow:hidden;
	-webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, .8);
    box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, .8);
}
.section .close {
	width:35px;
	height:35px;
	display:block;
	text-indent:-5000px;
	background-image:url(../images/close.png);
	position:absolute;
	top:5px;
	right:5px;
	z-index:600;
}
.section ul li,
.section p strong {
	padding-left:25px;
	background-image:url(../images/bullet2.png);
	background-repeat:no-repeat;
	background-position:9px 9px;
}
.section p strong {
	margin-left:-25px;
}
#empresa {
	background-color:rgba(0,0,0,.8);
}
#empresa img {
	float:left;
	margin-left:30px;
	margin-top:12px;
}
#empresa p {
	float:left;
	width:280px;
	margin-left:10px;
	margin-top:30px;
	line-height:21px;
}
#empresa ul {
	float:left;
	padding:0 15px 10px 15px;
	width:235px;
	margin-left:40px;
	line-height:18px;
	overflow:hidden;
	background-color:rgba(0,0,0,.8);
	margin-top:15px;
}
#empresa ul h4 {
	padding:5px 30px;
	margin:0 -15px;
	background-image:url(../images/menu-bt.png);
	background-position:left center;
	margin-bottom:10px;
}
#empresa ul li {
	padding-left:15px;
	background-position:0 9px;
}
#empresa ul li + li {
	padding-top:6px;
	border-top:solid 1px #999;
	margin-top:6px;
}
#aluminio {
	line-height:30px;
}
#aluminio h2 {
	font-size:18px;
	font-style:italic;
	text-align:right;
	float:left;
	width:220px;
	height:270px;
	padding:50px 40px 0 90px;
	margin-right:5px;
	background-color:rgba(170,80,25,.8);
}
#aluminio ul {
	float:left;
	background-color:rgba(0,0,0,.8);
	width:575px;
	height:270px;
	padding:50px 0 0 20px;
}
#aluminio img {
	position:absolute;
	right:50px;
	top:20px;
}
#servicio p {
	padding:50px;
	padding-top:35px;
	height:270px;
	width:380px;
	float:left;
	background-color:rgba(0,0,0,.8);
}
#servicio p strong {
	display:block;
}
#servicio p + p {
	margin-left:5px;
	width:365px;
}