@charset "utf-8";
/* CSS Document */

@import url(localizacao.css);
@import url(contato.css);
@import url(obras.css);


*{
margin:0;
padding:0; 
}
   


body{ 
margin:0;
padding:0;
text-align:center;
background:#ffffff url(../img/back-topo.jpg) repeat-x;
}

/* Inicio divs principais*/

#geral{
	width:888px;
	height:1120px;
	margin:0px auto;
	position:relative;
}



#cabecalho{  
width:888px;
height:160px;
margin:0px auto;
position:relative;
background: url(../img/back-cabecalho.jpg) repeat-x;
}

#menu{  
width:888px;
height:42px;
margin:0px auto;
background: url(../img/back-menu.jpg) no-repeat;
position:relative;
}

#lat-esq{  
width:535px;
float:left;
margin-top:16px;
position:relative;
}

#lat-dir{  
width:330px;
height:815px;
float:right;
margin-top:16px;
position:relative;
}

#quadro-clientes{  
width:535px;
height:343px;
float:left;
position:relative;
}

#quadro-obras{  
width:535px;
height:220px;
margin-top:18px;
background: url(../img/back-obras.jpg) no-repeat;
float:left;
position:relative;
}

#quadro-obras.fundo2{background: url(../img/back-obras-2.jpg) no-repeat;}

#quadro-empresa{
	width:535px;
	height:210px;
	margin-top:18px;
	float:left;
	position:relative;
	text-align:left;
}

#video{  
width:330px;
height:247px;
float:left;
background: url(../img/back-video.jpg) no-repeat;
position:relative;
}

#empresa{  
width:330px;
height:185px;
float:left;
margin-top:20px;
background: url(../img/quadro-empresa.jpg) no-repeat;
position:relative;
}

#historia{  
width:330px;
height:150px;
float:left;
margin-top:20px;
background: url(../img/historia.jpg) no-repeat;
position:relative;
}

#endereco{  
width:330px;
height:150px;
float:left;
text-align:left;
margin-top:20px;
background: url(../img/localizacao.jpg) no-repeat;
position:relative;
}

#assinatura{  
height:171px;
margin:0px auto;
position:relative;
background: url(../img/back-assinatura.jpg) repeat-x;
text-align:center;
}

#contato{  
width:213px;
height:110px;
float:right;
position:relative;
text-align:left;
margin:20px 0 0 0;
}

/* inicio cabeçalho */

* a img{border:none;}

#cabecalho a{
float:left;
margin:27px 0 0 0;
}

#contato h1{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#953e54;
margin:10px 4px 0 18px;
}

#contato h2{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#953e54;
margin:4px 0 0 18px;

}

#contato p{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#888888;
margin-top:4px;
text-align:center;
font-weight:bold;
}

#contato ul{
list-style:none;
margin:0px auto; 
height:30px;
position:relative;
text-align:center;
width:180px;
margin-top:5px;

}
#contato ul li{display:inline;}

#contato ul li a{
float:left;
display:block;
text-align:left;
margin:0px; 
padding:0px;
margin-left:3px;
}

#contato ul li a:hover{margin-top:1px;}

/* fim cabeçalho */

/* inicio menu */

#menu ul{
float:left;
position:realtive;
list-style:none;
width:720px;
height:40px;


}

#menu ul li{dislpay:inline;float:left;}

#menu ul li a{
float:left;
position:relative;
text-decoration:none;
font-family:arial;
font-size:10px;
color:#ffffff;
padding:13px 21px 13px 21px;
border-right:1px solid #812b41;
}



#menu ul li a:hover{
background:#812b41;
padding:13px 21px 13px 21px;
}

#menu ul li a.active{background:#812b41;
padding:13px 21px 13px 21px;}

#menu ul li a.active:hover{background:none;
padding:13px 21px 13px 21px;}

#menu ul li a.alinha-menu{

margin-left:5px;
}

#menu ul li a:hover.alinha-menu{
background:none;
background-position:right;
padding:13px 21px 13px 21px;
}




/* fim menu */

/* inicio formulario */

#formulario{
width:130px;
height:27px;
float:right;
position:relative;	
margin-top:7px;

}

#formulario a{float:left;margin-right:14px;}


	  

/* fim formulario */


/* inicio de video */
#linha-video{
width:279px;
height:19px;
position:relative;	
margin:0px auto;
margin-top:20px;
text-align:left;
}

#linha-video h1{
font-family:Arial, Helvetica, sans-serif;
color:#999999;
font-size:12px;	
float:left;
}

#linha-video a{
float:right;
margin-right:2px;
}


#quadro-video{
width:279px;
height:177px;
position:relative;	
margin:0px auto;
margin-top:10px;
}


/* fim de video */

/* inicio empresa*/

#empresa img{
margin-top:10px;
}

#empresa a.link-empresa{
float:right;
width:148px;
height:21px;
text-decoration:none;
margin-right:10px;
margin-top:5px;
border:1px solid #e5e5e5;
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
padding-top:5px;
}

#empresa a.link-empresa:hover{
border:1px solid #cccccc;	
}

/* fim empresa*/

/* inicio 22anos */
#historia a{
float:right;
text-decoration:none;
margin-right:21px;
margin-top:90px;
color:#b53c5b;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding-top:5px;
width:170px;
height:18px;
}

#historia a:hover{
text-decoration:underline;
}


/* fim 22anos */


/*inicio endereco */




#endereco p{
font-family:Arial, Helvetica, sans-serif;
color:#999999;
font-size:11px;	
margin:12px 0 0 10px;
}

#endereco a{
float:left;
text-decoration:none;
color:#ffffff;
background:#b53c5b;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding:5px  6px 0 6px;
width:191px;
height:18px;
margin:10px 0 0 10px;
}

#endereco a:hover{
background:#812b41;
}


/*FIM endereco */

/* inicio menu rodape */

#assinatura ul{
position:realtive;
list-style:none;
margin:0px auto;
width:720px;
height:20px;
padding-top:20px;

}

#assinatura ul li{dislpay:inline;float:left;}

#assinatura ul li a{
float:left;
position:relative;
text-decoration:none;
font-family:arial;
font-size:10px;
color:#ffffff;
padding:2px 7px 2px 7px;
}

#assinatura ul li a:hover{
background:#812b41;
padding:2px 7px 2px 7px;
}

#assinatura p{
font-family:arial;
color:#ffffff;
font-size:11px;					
}

#assinatura a{
font-family:arial;
color:#ffffff;
font-size:11px;
text-decoration:none;
padding:2px 7px 2px 7px;
}

#assinatura a:hover{
background:#812b41;
padding:2px 7px 2px 7px;
}

/* fim menu rodape */



/* inicio quadro empresa */
#quadro-empresa p{
font-family:Arial, Helvetica, sans-serif;
color:#777777;
font-size:11px;	
margin:10px 0 0 10px;
width:507px;
text-align:justify;	
}

#quadro-empresa p.fonte{
font-family:Arial, Helvetica, sans-serif;
color:#777777;
font-size:12px;	
margin:10px 0 0 10px;
width:507px;
text-align:justify;	
}

#quadro-empresa a{
float:left;
position:relative;
text-decoration:none;
font-family:arial;
font-size:11px;
color:#555555;
padding:2px 7px 2px 7px;
}

#quadro-empresa a:hover{
color:#ffffff;
background:#777777;
padding:2px 7px 2px 7px;	
}


/* fim quadro empresa */


/* inicio quadro de construções */

#quadro-obras ul{
position:realtive;
list-style:none;
margin:0px auto;
width:466px;
height:127px;
margin-top:60px;
}

#quadro-obras ul li{
dislpay:inline;
float:left;
position:realtive;
width:116px;
height:127px;
}

#quadro-obras ul li.alinnha{
margin-left:55px;
}

#quadro-obras ul li a img:hover{
margin-top:-2px;
}



.certificado{
	color:#933;
	float:right;
	width:150px;
	}

a.certificado{
	color:#00C;}
	
a.sauhsuha:hover{
	border:none;
	text-decoration:none;
	padding:0px;
	margin:0px;
	}

/* fim quadro de construções */