/*FOLHA DE ESTILOS*/

@import "menu.css";
@import "texto.css";

*{
margin: 0;
padding: 0;
}

a{color: #409CC1; text-decoration: none;}

img{
	border: none;
	}

body{
	background: url(../images/body-bg.gif) left top repeat-x;
	text-align: center;
	}



/*Layout do site*/

a.sm{
	float: right;
	}

div#container{
	height: 100%;
	width: 960px;
	padding: 1px;
	margin: 0 auto;
	}


/*Topo*/
div#topo{
	height: 450px;
	}

div.logo{
	background: url(../images/logo.gif) center no-repeat;
	height: 100px;
	}
	
div.logo h1{display: none;}

div#navbar{
	background: url(../images/menu-bg.gif) left top repeat-x #4b5a65;
	height: 45px;
	margin-top: 5px;
	z-index: 1;
	}

/*ADVERTISE*/

div#adv{height: 312px;}

div.adv_box{
	border-top: 1px dashed #eee;
	height: 312px;
	width: 960px;
	margin: 19px 0;
	z-index: 0;
	}


/*Meio*/

div#main{margin-top: 40px;}

div#bloco_um{
	height: 220px;
	width: 960px;
	margin-top: 10px;
	}

div.box1{
	background: #fff;
	float: left;
	height: 210px;
	width:315px;
	}

div.box2{
	background: #fff;
	float: left;
	height: 210px;
	width:315px;
	margin-left: 8px;
	}

div.box3{
	background: #fff;
	float: right;
	height: 210px;
	width:315px;

	}


div.box_top{height: 30px;background: url(../images/tile1.gif) left bottom repeat-x;}

div.box_main1,div.box_main2,div.box_main3{height: 130px; background: #eee;}

div.box_main1{background: url(../images/estrutura.jpg) left top no-repeat;}
div.box_main2{background: url(../images/servicos.jpg) left top no-repeat;}
div.box_main3{background: url(../images/sbc.jpg) left top no-repeat;}

div.box_foot{height: 60px;background: url(../images/box1-bg.gif) left bottom repeat-x;}

div#bloco_dois{
	height: 370px;
	width: 960px;
	margin: 10px 0 0 0;
	}
	
/*Coluna da esquerda */

div#colesq{
height: 370px;
width: 640px;
float: left;
}

div.t_destaque1{
	background: url(../images/sdestaque.jpg) left top no-repeat; 
	height: 100px;	
	padding: 45px 5px;
	}

div.t_destaque2{
	background: url(../images/linksuteis.jpg) left top no-repeat; 
	border-top: 1px dashed #ccc;	
	height: 100px;	
	padding: 45px 5px;
	}

/*Coluna da direita */
	
div#coldir{
background: url(../images/line-ver.gif)  left center no-repeat; 
height: 100%;
width: 280px;
float: right;
padding: 0 10px;
}

div.t_destaque3{
	background: url(../images/nhistoria.jpg) left top no-repeat; 
	height: 100%;
	width: 300px;	
	}



/*Rodapé*/

div#footer{background: url(../images/footer-bg.gif) left top repeat-x #ccc; clear: both;bottom: 0; height:100px;}

div#footer .fleft{ background: url(../images/footer-side.gif) left top no-repeat; float: left; width: 1px; height: 105px; }

div#footer .fright{ background: url(../images/footer-side.gif) left top no-repeat; float: right; width: 1px; height: 105px;}

div#navbar2{height: 50px;width: 500px;margin: 10px 10px;float: left;}

div#navlista{
	height: 20px;
	width: 480px;
	}

div#navlista a.i{
	color: #1562aa;
	text-decoration: none;
	float: left;
	padding: 1px;
	}

div.copyrights{
	background: url(../images/producer.gif) 800px 0 no-repeat;
	height: 20px;
	width: 900px;
	margin: 2px 0;
	float: left;
	}

div.copyrights p a{
	color: #99CCCC;
	text-decoration: none;
	}

div.copyrights:hover{
	background: url(../images/producer.gif) 800px -21px no-repeat;
	}


/*Internas*/

.esq{float: left;}
.dir{float: right;}


div#tcart{
	padding: 5px;
	margin: 10px 0 10px 0;
	width: 600px;
	float: left;
	}

div#tint{
	padding: 5px;
	margin: 10px 0 10px 0;
	width: 950px;
	float: left;
	}

div.textra{
	background: url(../images/line-ver-top.gif) left bottom repeat-x;
	border: 1px dashed #eee;
	width: 300px;
	padding: 5px;
	margin: 10px 0 10px 0;
	float: right;
	}

/*Internas - Serviços*/

div#rc,div#an{
	margin: 10px auto;
	float: left;
	width: 950px;
	}

div#rc{background: url(../images/rc.jpg) left top no-repeat;}

div#an{background: url(../images/an.jpg) left top no-repeat;}

div#servicos{
	background: #fff;
	float: left;
	margin: 50px 30px 0 30px;
	padding: 10px;
	}

div#tabcustos{
width: 800px;
margin: 0 0 0 100px;
}

a.goi{
	background: url(../images/top.gif) left top no-repeat;
	color: #000;
	font-size: 15px;
	float: right;
	height: 23px;
	width: 50px;
	}

/*Mapa*/

div#mapa{
	background: url(../images/nossa.jpg) left top no-repeat;
	height: 400px;
	width: 450px;
	float: right;
	margin: 60px 5px 0 0;
	}
	
iframe{
width: 450px;
height: 300px;
margin: 0;
border:none;
}

div.map{margin: 50px auto;position: relative;}