/* CSS Document */
@import "reset.css";

/*------------------------ ELEMENTOS GERAIS ------------------------*/

body 								{ background: #fff url(../images/bg_header.gif) repeat-x center top; }
html 								{ background: #e7f1e5;}

body, input, textarea, select {
	font-size: 12px;
	color: #403f3c;
	font-family: Georgia, "Times new roman", serif
}

h1, h2, h3, h4, h5, h6, small, p, li, a, strong { font-family:Arial, Helvetica, sans-serif; font-size:12px;} 
h1, h2, h3, h4 		{ margin-bottom: .5em }
small 				{ font-size: 10px}
h1 					{ font-size: 18px}
h2 					{ font-size: 16px}
p 					{ line-height: 130%; margin-bottom: .7em}
a:hover 			{ text-decoration: underline; }
a { 
	text-decoration: none;
	color: #403f3c;
}

.none 				{ display: none}
.relativ 			{ position: relative}
.clr 				{ clear:both}
.left 				{ float: left}
.right 				{ float: right}
.no-border 			{ border-right: 0 none !important; border-bottom: 0 none !important;}
hr.separador 		{ display: none;}
.last				{ margin-right:0 !important}
.imageborder		{padding:5px;border:1px solid #000;}

/*------------------------ CLASSES GERAIS ------------------------*/


#header 			{ height: 124px; }

#all, #footer p {
  width: 923px;
  margin: 0 auto;
}

#conteiner {
	margin-bottom:25px;
	padding: 20px 0;
	min-height:300px;
	overflow:auto;
}

/*------------------------ HEADER ------------------------*/

.logo 				{ margin-top: 40px;}
#header .logo a{
 	width: 255px;
	height: 82px;
	display:block;
	background:url(../images/logo.gif) no-repeat scroll left top;
	text-indent:-5000px;
}
.idiomas ul {
	
	width:52px;
	height:20px;
	margin-top:5px;
}
.idiomas ul li { 
	background:url(../images/idomas.gif) no-repeat scroll top;
	float:left;
	width:26px;
}
.idiomas ul li a {
	display: block;
	width:24px;
	height:20px;
	text-indent:-5000px;
}
.idiomas ul li#pt { background-position: left; }
.idiomas ul li#en { background-position: right; }

#menu {
	height:14px;
	margin-right:-10px;
	margin-top:-6px;
}
#menu li {
	/*width:118px;*/
}
#menu .selecionado a{font-weight:700;}
#menu li a {
	color:#506960;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border-right: solid 1px #19372f;
	padding: 0 10px;
	line-height:12px;
	display:block;
}
#menu li a:hover {color:#19372f; text-decoration:none; font-size:12px; line-height:12px }
/*------------------------ CONTEINER ------------------------*/
.informacoes, .dados_empresa { 
	height: auto;
	margin-top:24px;
}
.informacoes {
	background-color:#e9e9e9;
	width:540px;
	padding: 10px;
}
.informacoes img, .dados_empresa img { 
	float:left;
	padding: 0 10px 10px 0;
}
.dados_empresa {
	width:345px;
}
.dados_empresa img { padding-bottom: 20px}
.dados_empresa ul li {
	line-height: 14px;
}
.dados_empresa ul li a { color:#840000}

/*------------------------ CONTEINER - OBRAS ------------------------*/
.obras { 
	width:923px;
	margin:35px 20px; 
	height:200px;
}
.img_obras {
	background:url(../images/sombra.gif) scroll no-repeat;
	height:184px;
	width:267px;
	padding:1px 0 0 1px;
	margin-right:38px;
	float:left;
}
.img_obras strong {
	display:block;
	margin-top:6px;
	text-align:center;
}
.paginacao {
	text-align:right;
	font-weight:bold;
}

/*------------------------ CONTEINER - CLIENTES ------------------------*/
.clientes { 
	margin:35px 0 35px 80px;
	overflow:auto;
}
.clientes li {
	background:url(../images/sombra_clientes.gif) scroll no-repeat;
	width:130px;
	height:90px;
	padding:17px 0;
	margin-right:80px;
	float:left;
	text-align:center;

}
#footer{border-top:2px solid #6b8178;background:#e7f1e5;font-weight:700;height:34px;padding-top:10px;}
#obra{padding:10px;}
#obra div{margin-bottom:20px;text-align:center;}

form{margin:10px 0 20px;}
form li{float:none;clear:both;margin:3px 0;}
input{width:200px;}
label{display:block;float:left;width:120px;padding-top:3px;}