/* BLOCK ELEMENTS */
html, div, map, dt, form { display:block; }

* {
	margin:0;
	padding: 0;
	border:0;
	list-style:none;
}

body {
	display:block;
	margin:0;
	font-family: Trebuchet MS, Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.3em;
	background-color:#FFF;
	Xoverflow-y:scroll;
	X_overflow-y:auto;
}

a{
	color:#0675C6;
	text-decoration:none;
}

		a:hover{
			color:#E65B00;
		}

		a:focus{
				outline:none
			}
			
h3{
	margin:10px 0;
	font-size:13px;
}

hr{
	height:1px;
	overflow:hidden;
	margin-top:10px;
	border-bottom:1px dotted #000;
}

/*========================================================================================
	CONTAINER - HEADER - CONTENT
========================================================================================*/

div#container{
	width:1003px;
	height:auto;
	margin:0 auto;
	position:relative;
}

div#header{
	width:1003px;
	height:424px;
	position:relative;
	float:left;
}

		div#header div#data{
			height:auto;
			width:auto;
			position:absolute;
			color:#000;
			font-weight:bold;
			right:30px;
			top:10px;
		}

		div#header h1{
			float:left;
			margin:18px 0 0 20px;
		}
		
		p#endereco{
			display:block;
			height:auto;
			width:auto;
			position:absolute;
			color:#000;
			right:30px;
			top:75px;
		}

div#content{
	width:963px;
	height:auto;
	clear:both;
	float:left;
	position:relative;
	margin:0 auto 20px auto;
	padding:20px;
	background:transparent url(../images/bg/content.jpg) 0 0 repeat-x;
}

		div#content p{
			margin-top:10px;
		}
		
		div#content h2{
			width:675px;
			height:44px;
			padding-top:20px;
			background:transparent url(../images/bg/titulo.gif) 0 0 no-repeat;
		}
		
.titulo{
	font-weight:bold;
	margin-top:10px;
}

/* OBRAS */

h3.titulo-obra
{
	display:block;
	clear:both;
	margin:10px 0 0 0;
}

div#obras-content{
	width:950px;
	float:left;
	margin:10px 0 0 0;
}

		div#obras-content ul li{
			height:auto;
			clear:both;
		}

div.fotos{
	width:900px;
	float:left;
	margin:10px 0 0 0;
}

		div.fotos img{
			float:left;
			margin:0 10px 10px 0;
		}

/* CLIENTES */

ul.lista-clientes
{
	width:400px;
	float:left;
}

div#espacamento{
	height:200px;
	float:left;
	clear:both;
}

.bullet li{
	height:17px;
	list-style-type: square;
	margin-left:20px;
}

li.no-bullet{
	list-style:none;
	margin:0;
}

/* CONTATO */

div#map{
	width:495px;
	height:470px;
}

/*========================================================================================
	TOP NAVIGATION
========================================================================================*/

div#top-nav{
	width:1003px;
	height:75px;
	float:left;
	margin-top:23px;
	background:transparent url(../images/bg/nav.jpg) right 0 no-repeat;
}

div#top-nav div#ingles{
	float:left;
	margin:20px 0 0 50px;
}

		div#top-nav div#ingles img{
			float:left;
		}

div#top-nav ul{
	float:left;
	width:auto;
	height:75px;
}

		div#top-nav li{
			display:block;
			width:auto;
			height:75px;
			float:left;
			overflow:hidden;
			position:relative;	
		}

				div#top-nav li a{
					float:left;
					height:75px;
					top:0;
					left:0;
				}

div#submenu1{
	display:none;
	height:68px;
	width:81px;
	position:absolute;
	top:200px;
	left:66px;
	z-index:1000;
	padding:5px 0 0 20px;
	text-align:left;
	background:transparent url(../images/bg/sub-empresa.gif) 0 0 no-repeat;
}

		div#submenu1 a{
			display:block;
			clear:both;
			padding-top:5px;
			text-decoration:none;
			color:#000;
		}
	
				div#submenu1 a:hover{
					color:#FF6600;
				}

div#top-nav li#home{
	width:69px;
}

		div#top-nav li#home a:hover{
			position:absolute;
			top:-75px;
		}

div#top-nav li#empresa{
	width:91px;
}

		div#top-nav li#empresa a:hover{
			position:absolute;
			top:-75px;
		}
		
div#top-nav li#servicos{
	width:89px;
}

		div#top-nav li#servicos a:hover{
			position:absolute;
			top:-75px;
		}

div#top-nav li#obras{
	width:71px;
}

		div#top-nav li#obras a:hover{
			position:absolute;
			top:-75px;
		}

div#top-nav li#contato{
	width:83px;
}

		div#top-nav li#contato a:hover{
			position:absolute;
			top:-75px;
		}

div#top-nav li#clientes{
	width:86px;
}

		div#top-nav li#clientes a:hover{
			position:absolute;
			top:-75px;
		}

div#top-nav li#mapa-site{
	width:119px;
}

		div#top-nav li#mapa-site a:hover{
			position:absolute;
			top:-75px;
		}

/*========================================================================================
	FORMULÁRIOS
========================================================================================*/

input{
	height:19px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	padding-left:2px;
	border:1px solid #999;
}

textarea{
	height:60px;
	width:400px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	padding-left:2px;
	border:1px solid #999;
}

label{
	font-weight:bold;
}

div#formulario{
	width:470px;
	height:auto;
	float:left;
}

		div#formulario table td{
			height:25px;
		}

				div#formulario form{
					padding-top:10px;
				}
				
						div#formulario .info{
							font-size:10px;
							color:#666;
						}

/*========================================================================================
	FOOTER
========================================================================================*/

div#footer{
	width:650px;
	height:50px;
	clear:both;
	margin:20px auto 20px auto;
	padding-top:10px;
	color:#000;
	text-align:center;
	background:transparent url(../images/bg/linha-footer-int.gif) 0 0 no-repeat;
}

div#footer p{
	width:550px;
	text-align:center;
	margin:0 auto;
}