/* 
Title: Vidrofort
Author: Ag. WebSul
Author URI: http://www.www.agenciawebsul.com.br/
Author Email: faleconosco@agenciawebsul.com.br
Last Update: 14, 10, 2009
*/

html, body, div, span, object, iframe, h1, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, 
img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
h2 {color:#fff;}

body {
	color: #fff;
	font-size: 12px;
	font-family: Tahoma, Helvetica, sans-serif;
	background: #0d71ad /*url('http://www.vidrofort.ind.br/images/bg-all.png')*/ repeat-x top;
	}

/* links */

a:link, a:visited {
	color: #ccc;
	text-decoration: none;
	}
a:hover {
	}
p a:link  {color: #ccc;}
p a:hover {background: #fff;
  color: #0d4b7d;}
/* main */

#container	{
 background: none;
 width:900px;
 padding-top: 5px;
 margin:0 auto;
}

#header {
 background: url('../images/bg-header.png') no-repeat;
 width:900px; height: 200px;
 margin:0 auto;
}

#header .pads {
 padding: 35px 0 12px 5px;
}

/* site logo */

#header #site-logo {
 float: left;
 line-height: 0;
}


#fone-email {
 margin:30px 0 0 195px; 
 clear:both;
 line-height: 0; 
 width: 239px; 
 height: 47px;
}

ul#menu {
margin: -46px 0 0 15px;
width:80%;
height:45px;
list-style:none;
float:left;
}
ul#menu li {
float:left;
}
ul#menu li a {
cursor /*\**/: pointer;
background:url('../images/bg-menu-hover.png') no-repeat scroll top left;
display:block;
height:46px;
position:relative;
}
ul#menu li a span {
background:url('../images/bg-menu-hover.png') no-repeat scroll bottom left;
display:block;
position:absolute;
margin:0;
height:45px;
width:70px;
z-index:100;
color:#387bb8;
}

ul#menu li a.home {
width:70px;
}
ul#menu li a.empresa {
margin-left: 10px;
width:90px;
background-position:-92px 0px;
}

ul#menu li a.produtos {
width:101px;
margin-left:8px;
background-position:-196px 0px;
}

ul#menu li a.portifolio {
width:105px; margin-left:5px;
background-position:-300px 0px;
}

ul#menu li a.faleconosco {
width:122px; margin-left:5px;
background-position:-412px 0px;
}

ul#menu li a.home span {
background-position:0 0 0 -50px;
height:47px;

}
ul#menu li a.empresa span {
width: 90px;
height:47px;
background-position:-92px -48px;
}

ul#menu li a.produtos span {
width:101px;
height:47px;
background-position:-196px -48px;
}

ul#menu li a.portifolio span {
width:105px;
height:47px;
background-position:-300px -48px;
}

ul#menu li a.faleconosco span {
width:122px;
height:47px;
background-position:-412px -48px;
}

#wrapper {
 background: #fff url('../images/bg-wrapper.png') repeat-x;
 width: 900px;
 height: 390px;
 margin:2px auto;
}

#wrapper #slide{
 width: 900px;
 height:390px;
 background: #fff;
 margin:0 auto;
}

#wrapper-company {
	width: 900px;
	height: 335px;
	background: #333 url('../images/bg-wrapper.png') repeat-x;
	*margin: 3px auto;
	margin: 0 auto;
	margin-bottom: 3px;
margin-top
/*\**/
	: 2px;
}

#empresa {clear:both; }
#empresa p{clear:both; text-align:justify; width:860px; margin:0 auto; padding-top:10px;line-height:20px;}
#empresa h2{clear:both; text-align:justify; width:860px; margin:0 auto; padding-top:20px; padding-bottom:5px;}


#foto {
	display: block;
	margin-left: 9px;
	margin-top: 15px;
	width: 900px;
}


#foto .foto1 {float:left; border: 2px solid #fff; width: 170px; margin-left:2px; height: 130px; background: url('../fotos-empresa/foto1.jpg') no-repeat;}
#foto .foto2 {float:left; border: 2px solid #fff;  width: 170px; margin-left:2px; height: 130px; background: url('../fotos-empresa/foto2.jpg') no-repeat;}
#foto .foto3 {float:left; border: 2px solid #fff;  width: 170px; margin-left:2px; height: 130px; background: url('../fotos-empresa/foto3.jpg') no-repeat;}
#foto .foto4 {float:left; border: 2px solid #fff;  width: 170px; margin-left:2px; height: 130px; background: url('../fotos-empresa/foto4.jpg') no-repeat;}
#foto .foto5 {float:left; border: 2px solid #fff;  width: 170px; margin-left:2px; height: 130px; background: url('../fotos-empresa/foto5.jpg') no-repeat;}

#wrapper-products, #products {
 width: 900px;
 height:450px;
 background: url('../images/bg-folio.png') repeat-x;
 *margin:3px auto;
 margin:2px auto;
}

#wrapper-portifolio {
 width: 900px;
background: url('../images/bg-folio.png') repeat-x;
 *margin:3px auto;
 margin:2px auto;
 padding-bottom: 30px;
}

#portifolio {
 padding-top:15px;
 padding-bottom:15px;
 clear:both;
 width: 900px;
 margin:0px 85px;

}

#wrapper-contactus, #contactus {
 width: 900px;
 height:393px;
 background: #fff url('../images/bg-wrapper-contactus.png') repeat-x;
 *margin:3px auto;
 margin:2px auto;
}

#imagesbox {
 background: #fff url('../images/bg-imagesbox.png') repeat-x;
 width:886px;
 height:199px;
 margin:0 auto;
}

#boxes {
 display:block;
 width:840px; height: 118px;
 margin:0 auto;
}

#allbox1 {
 width:210px;
 height:140px;

 float:left;
 margin: 0;
 }
 
#box1 {
 width:199px;
 /*background: #ccc;
 border: solid 1px #125488;*/
 margin: 0 auto;
 } 

#box1 .title h2 {padding:10px 0 5px 2px; }

h2.title {margin-top /*\**/: 15px; font-size /*\**/: 18px;}

#allbox2 {
 width:210px;
 height:140px;
 float:left;
 margin: 0;
 }
 
#box2 {
 width:199px;
 /*background: #ccc;
 border: solid 1px #125488;*/
 margin: 0 auto;
 } 

#box2 .title h2 {padding:10px 0 5px 2px; }

#allbox3 {
 width:210px;
 height:140px;
 float:left;
 margin: 0;
 }
 
#box3 {
 width:199px;
 /*background: #ccc;
 border: solid 1px #125488;*/
 margin: 0 auto;
 } 

#box3 .title h2 {padding:10px 0 5px 2px;}

#allbox4 {
 width:210px;
 height:140px;
 float:left;
 margin: 0;
 }
 
#box4 {
 width:199px;
 /*background: #ccc;
 border: solid 1px #125488;*/
 margin: 0 auto;
 } 

h2.title{width:199px; padding:0px 0 0 2px; margin-left:2px;}
 
/*lightbox 1 */

#box1{
				zoom:1;		
			}
#box1 a {
				margin-left:10px;
        opacity:0.87;
				text-align:center;
			}
#box1 a:hover {
				opacity:1;
			}
#box1 a img {
				border:none;
			}

/* lightbox 2 */

#box2{
				zoom:1;		
			}
#box2 a {
				margin-left:10px;
        opacity:0.87;
				text-align:center;
			}
#box2 a:hover {
				opacity:1;
			}
#box2 a img {
				border:none;
			}
			
/* lightbox 3 */

#box3{
				zoom:1;		
			}
#box3 a {
				margin-left:10px;
        opacity:0.87;
				text-align:center;
			}
#box3 a:hover {
				opacity:1;
			}
#box3 a img {
				border:none;
			}
      
/* lightbox 4 */

#box4{
				zoom:1;		
			}
#box4 a {
				margin-left:10px;
        opacity:0.87;
				text-align:center;
			}
#box4 a:hover {
				opacity:1;
			}
#box4 a img {
				border:none;
			}   
      
#footer {
 border:1px solid #125488;
 width:900px; height:61px;
 background: url('../images/footer.png') repeat-x;
 margin:0 auto;
 }    
     		
 
 #footer #menu-bottom {
	padding: 0;
	margin: 0 auto;
	list-style: none;
	}
#footer #menu-bottom li {
	margin: 0;
	padding: 0;
	display: inline;
	}
#footer #menu-bottom a {
	padding: 0px;
	border-left: none;
	line-height: 1em;
	display: inline;
	}
#footer #menu-bottom p {text-align: center; color: #125488; margin:13px auto; padding:10px 0 0 0;}	
#footer #menu-bottom a:link,
#footer #menu-bottom a:visited {
	color: #000;
	}
#footer #menu-bottom #mb-home a {
	border-left: none;	
}
	
#contactus #formail {
  margin-left:33px;  
  font-size: 14px;
  color: #fff;
  float:left;
  width:295px;
  height:280px;
  background: transparent;
  }

#formail p{color:#fff;  line-height:20px;}
  
#formail .formbox {/*background: red;*/ padding:10px 10px 10px 0px; } 
#formail .formbox h2{font-size:20px;}
                                                                                                                                                   
input {margin:2px 0 0 0;}
#formail input.inp-fone {width:150px;}
textarea {margin:2px 0 0 0;}
#formail textarea {font-family: tahoma; font-size: 13px; width: 315px; color:#fff; height: 68px; border:1px solid #000; padding:2px 2px 2px 2px; background: #1d8cc8;}  
#formail input.bnta {float:left; color: #1d8cc8; background: #fff; padding:5px 5px 6px 5px; width:50px; height:30px; cursor:pointer; margin-top: 5px;}

#end { float:left;
 background: none;
 width:500px;
 height:300px;
 margin:30px 0 0 50px;    
}
#end .map {margin:5px 0 0 0;}

p.local {line-height:20px;}	
p.fones {line-height:20px;}	
p.email {}	


#company h2 {padding:15px 0 0 30px;}

#company p {padding:10px 0 0 30px; line-height: 20px;}

#products #box1 {width:450px; float: left;}

#products #box2 {width:450px; float: left;}

#products #box1 .product-dorwn {margin:15px 15px; width: 420px; height: 120px; float: left;}

#products #box1 .product-dorwn a{margin:15px 0; height: 100px; background: #ccc url('../fotos-produtos/sacadas.jpg')no-repeat; margin-top: 10px; padding: 0 50px 106px 370px;}

#products #box2 .product-box {margin:15px 15px; width: 420px; height: 120px; float: left;}

#products #box2 .product-box a{margin:15px 0; height: 100px; background: #ccc url('../fotos-produtos/box.jpg')no-repeat; margin-top: 10px; padding: 0 50px 106px 370px;}

#products #box1 .product-mirror {margin:15px 15px; width: 420px; height: 120px; float: left;}

#products #box1 .product-mirror a{margin:15px 0; height: 100px; background: #ccc url('../fotos-produtos/espelhos.jpg')no-repeat; margin-top: 10px; padding: 0 50px 106px 370px;}

#products #box2 .product-frame {margin:15px 15px; width: 420px; height: 120px; float: left;}

#products #box2 .product-frame a{margin:15px 0; height: 100px; background: #ccc url('../fotos-produtos/molduras.jpg')no-repeat; margin-top: 10px; padding: 0 50px 106px 370px;}

#products #box1 .product-temperate {margin:15px 15px; width: 420px; height: 120px; float: left;}

#products #box1 .product-temperate a{margin:15px 0; height: 100px; background: #ccc url('../fotos-produtos/temperado.jpg')no-repeat; margin-top: 10px; padding: 0 50px 106px 370px;}

#products #box2 .product-laminated {margin:15px 15px; width: 420px; height: 120px; float: left;}

#products #box2 .product-laminated a{margin:15px 0; height: 100px; background: #ccc url('../fotos-produtos/laminados.jpg')no-repeat; margin-top: 10px; padding: 0 50px 106px 370px;}