@charset "utf-8";

* {
margin:0;
padding:0;
}

body {
background-image:url(blackDiamond_bg.png);
background-repeat:repeat;
font-family:Arial, Helvetica, sans-serif;
}

#wrap {
width:750px;
margin-top:0;
margin-right:auto;
margin-left:auto;
position:relative;
}

#intro {
width:750px;
height:300px;
position:absolute;
top:50%;
left:50%;
margin-left:-375px;
margin-top:-150px;
}

#foot {
height:150px;
border-top-style:outset;
background-image:url(foot.png);
border-color:#999;
border-width:thin;
}

#dir {
	height:20px;
	background-color:#A9C5CF;
}
.right {
	float: left;
	font-size: 12px;
}
#dir h2 {
font-size:10px;
color:#FFF;
font-weight:700;
text-align:center;
}

.aluminio {
background-image:url(alu.png);
background-repeat:no-repeat;
height:100px;
}

blockquote {
font-size:14px;
font-style:italic;
color:#666;
text-align:justify;
padding:30px 25px 40px;
}

.der {
text-align:justify;
font-size:12px;
color:#2E384B;
margin-top:30px;
font-weight:700;
}

.cont {
height:660px;
width:750px;
background-image:url(cont.png);
}

#flashcont {
width:750px;
height:320px;
}

#left {
	width:300px;
	height:280px;
	float:left;
	padding:15px 30px 30px 40px;
	text-align: justify;
}

.descripcion {
font-size:12px;
color:#333;
padding-top:20px;
font-weight:700;
}

#right {
	float:right;
	margin-top:15px;
}

#bot {
width:120px;
float:right;
color:#FFF;
font-size:12px;
}

a {
text-decoration:none;
color:#999;
}

#head {
	width:750px;
	height:155px;
	background-color:#CCC;
}

#navbar {
background-color:#FC0;
height:30px;
border-top-style:none;
border-bottom-style:outset;
border-color:#CCC;
border-width:thin;
}

p {
	text-align:justify;
	color:#003366;
	margin-bottom:20px;
	font-size:12px;
	font-weight: bold;
}
.grande {
	font-size: 16px;
}

#left h1,strong,h2, h3{
	font-weight:bold;
	font-size:12px;
	color:#003366;
	text-align:justify;
	display: inline;
}

#barra {
width:750px;
height:94px;
background-color:#FFF;
}

.fachada {
padding-top:30px;
padding-left:20px;
}

.gallerycontainer {
position:relative;
height:300px;
}

.inner {
padding-top:20px;
padding-left:40px;
}

.thumbnail img {
border:1px solid #FFF;
margin:0 5px 5px 0;
}

.thumbnail:hover {
background-color:transparent;
}

.thumbnail:hover img {
border:1px outset #666;
}

.thumbnail span {
position:absolute;
background-color:#FFF;
left:-1000px;
visibility:hidden;
color:#000;
text-decoration:none;
padding:5px;
}

.thumbnail span img {
border-width:0;
}

.thumbnail:hover span {
visibility:visible;
top:0;
left:300px;
z-index:50;
}

.prod1 {
height:300px;
width:150px;
background-color:#FFF;
float:left;
}

.cont2 {
	height:600px;
	width:750px;
	background-color:#FFF;
	position:relative;
}

.forma {
	padding-top:5px;
	padding-right:20px;
	padding-left:20px;
	width:40%;
}

.acero {
background-image:url(acero.png);
background-repeat:no-repeat;
height:100px;
}

.mapa {
height:285px;
width:430px;
z-index:5;
position:absolute;
background-image:url(croquiss.png);
right:30px;
top:20px;
background-repeat:no-repeat;
}

#direccion {
	width:300px;
	height:75px;
	position:absolute;
	left:448px;
	top:323px;
	font-weight:700;
	font-size:12px;
	text-align:justify;
	color:#036;
}
.tarjeta {
	background-image: url(tarjeta2.png);
	width: 300px;
	height: 200px;
	position: absolute;
	left: 450px;
	top: 119px;
	z-index: 5;
}


.ver {
	position:absolute;
	width:81px;
	left:366px;
	top:322px;
	font-weight:700;
	color:#F90;
	font-size:14px;
	font-style:italic;
}

.croq {
background-image:url(croquiss.png);
background-repeat:no-repeat;
height:285px;
width:430px;
}

#right ul {
font-size:12px;
color:#036;
font-weight:700;
font-style:normal;
list-style-position:inside;
}

#right li {
padding-top:5px;
padding-bottom:5px;
}

.back {
position:absolute;
left:547px;
top:773px;
}

.prod2,.prod3,.prod4,.prod5 {
height:300px;
width:150px;
float:left;
}
.dolly {
	background-image: url(dolly.png);
	height: 100px;
	background-repeat: no-repeat;
}
.volteo {
	background-image: url(volteo.png);
	height: 100px;
	background-repeat: no-repeat;
}
.cont3 {
	height:750px;
	width:750px;
	background-color:#FFF;
	position:relative;
}
.contiza {
	height:660px;
	width:750px;
	background-color: #FFFFFF;
	position: relative;
}
.frame {
	position: absolute;
	left: 27px;
	top: 31px;

}
.cotizar {
	background-color: #FFFFFF;
	padding: 10px;
}
.gracias {
	height: 500px;
	width: 500px;
	background-color: #FFFFFF;
}
.back2 {
	position:absolute;
	left:108px;
	top:114px;
}
.list {
	font-weight: bold;
	color: #003366;
	list-style-position: inside;
	list-style-type: disc;
	font-size: 13px;
	text-align: left;
}