@import url('formulario.css');
@import url('calculadora.css');
@import url('dethome.css');
@import url('projetos.css');
@import url('boxover.css');
* { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	line-height: normal; 
}
html { 
	height: 100%; 
	overflow-x:hidden;
	background:#fff url(../img/bg_body.jpg) center top; 
}
body { 
	height:100%; 
	font-family: 'Verdana' !important;
	font-size: 10px;
	color:#4c3412 !important;
}
/* classes */
p { margin: 10px 0; }
strong, b { font-weight: bold; }
i, em { font-style: italic; }
u { text-decoration: underline; }
button, a, a:visited { text-decoration: underline; cursor: pointer; color:#787878; }
a:hover { text-decoration: none; }
a:focus { outline: none; }
.vcSome { display: none; }
div#ajax { position: relative; margin: 25px auto; width: 200px; color: #4C3412; }
div#ajax img { background: url('../img/load_ajax.gif'); width: 32px; height: 32px; }
a.voltaback, a.voltaback:visited, a.voltaback:hover  { z-index:10; background:url(../img/btn_voltarback.gif); width:50px; height:22px; position:absolute; top:-32px; right:30px;}
a.voltatop, a.voltatop:visited, a.voltatop:hover { z-index:10; background:url(../img/btn_voltartop.gif); width:50px; height:22px;  position:absolute; bottom:-52px; right:30px;}
a.btn_arquivoanexo, a.btn_arquivoanexo:visited , a.btn_arquivoanexo:hover {text-decoration:none; display:block; background:url(../img/btn_maissobre.gif); width:300px; height:20px;}
/*classes - fim*/

/*Estrutura*/
div.geral { width: 770px;position: relative; margin: 0 auto; }
div.raio_lft {width:115px; height:600px; position:absolute; top:0; left:-115px;}
div.raio_lft img { width:115px; height:600px; border:0;}
div.raio_rgt {width:115px; height:600px; position:absolute; top:0; right:-115px;}
div.raio_rgt img { width:115px; height:600px; border:0;}

div.topo { position: relative; width: 770px; height: 315px; background: url(../img/bg_topo.jpg) no-repeat; }
div.topo h1.logo_carbono { background: url(../img/logo_carbonoagua.gif); width:177px; height:315px; position:absolute; top:0; left:0;}
div.topo h2.logo_tropical { position:absolute; width:130px; height:110px; top:0; right:10px;}
div.topo h2.logo_tropical a { display:block; width:130px; height:110px; }

div.topo div#menu_flash { width:593px; height:46px; position:absolute; top:243px; right:0; background:#4c3412; color:#fff; text-align:right}
div.topo div#menu_flash ul { text-align:right;width:563px; float:right; }
div.topo div#menu_flash li { list-style:none; float:left; margin:0; }
div.topo div#menu_flash .btn_oprojeto a, div.topo div#menu_flash .btn_oprojeto a:visited { background:url(../img/menu_1.gif); display:block; width:116px; height:46px;}
div.topo div#menu_flash .btn_oprojeto a:hover, div.topo div#menu_flash .btn_oprojeto .ativo {background:url(../img/menu_1_over.gif);}
div.topo div#menu_flash .btn_projetos a, div.topo div#menu_flash .btn_projetos a:visited { background:url(../img/menu_2.gif); display:block; width:155px; height:46px;}
div.topo div#menu_flash .btn_projetos a:hover, div.topo div#menu_flash .btn_projetos .ativo {background:url(../img/menu_2_over.gif);}
div.topo div#menu_flash .btn_calculadora a, div.topo div#menu_flash .btn_calculadora a:visited { background:url(../img/menu_3.gif); display:block; width:175px; height:46px;}
div.topo div#menu_flash .btn_calculadora a:hover, div.topo div#menu_flash .btn_calculadora .ativo {background:url(../img/menu_3_over.gif);}
div.topo div#menu_flash .btn_fale a, div.topo div#menu_flash .btn_fale a:visited { background:url(../img/menu_4.gif); display:block; width:112px; height:46px;}
div.topo div#menu_flash .btn_fale a:hover, div.topo div#menu_flash .btn_fale .ativo {background:url(../img/menu_4_over.gif);}

div.meio { width: 770px; display: table; position:relative; min-height:285px; background:url(../img/bg_meio.jpg) center; }
.gecko div.meio { min-height:285px; }
.ie6 div.meio { height:285px; }
div.meio div.meio_bot { width:770px; height:15px; background:url(../img/bg_meio_bot.gif); position:relative;}

div.meio div#conteudo { width:770px; position:relative; margin:15px 0;}

div.rodape { text-align:center; background:url(../img/bg_rodape.gif); color:#fff; height:24px; width:770px; position:relative; margin:40px auto 0 auto; padding:13px 0 0 0; }
div.rodape a, div.rodape a:visited { color:#fff; text-decoration:underline; }
div.rodape a:hover { text-decoration:none; }

div#apoio {margin-top:40px; height:100px; background:url(../img/apoioAmercantil.jpg) no-repeat;}
div#apoio a {display:block; height:100px; width:330px; text-indent:-9000px;}

/*Estrutura - fim*/
