* {margin: 0; padding: 0; outline:none;}



body {
	background: #7e8068;
	color: black;
	font: 11px "Trebuchet MS", Arial, sans-serif;
	text-align: left;
	}
a:link, a:visited {
	color: #dd4627;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}

#espiral {
	height: 520px;
	width: 99.8%;
	position:absolute;
	background: url(../img/bg_espiral.gif) center 16px no-repeat;

	z-index: 2;
	opacity:0.2;
	-moz-opacity: 0.2;
	filter: alpha(opacity=20);
	}



/*_________________________ */
#tudo {
	z-index: 1;
	width: 99.99999%;
	margin: 0 auto;
	background: #fbfaf3 url(../img/bg_gradiente.jpg) top left repeat-x fixed;
	}


/*_________________________ conteudo */
#conteudo {
	width: 915px;
	min-height: 400px;
	clear: both;
	margin: 0 auto;
	padding-top: 40px;
	position:relative;
	z-index: 10;
	}

#flash_home {
	position:absolute; top: 77px;
	width: 100%; height: 520px;
	background: #7e8068;
	z-index: 20;
	}	

#flash_destaque {
	clear:both;
	float: left;
	width: 940px; height: 195px;
	margin: 0 0 30px 70px;
	z-index: 20;
	}	

#destaque {
	float: left;
	width: 200px; height: 250px;
	margin: 0 40px; _margin: 0 40px 0 20px;
	}
	.destaque_pbx {background: url(../img/destaque_pbx-trans.png) no-repeat;}
	.destaque_clientes {background: url(../img/destaque_clientes-trans.png) no-repeat;}
	.destaque_videos {background: url(../img/destaque_videos-trans.png) no-repeat;}
	.destaque_conecta {background: url(../img/destaque_conecta-trans.png) no-repeat;}
	.destaque_conexao {background: url(../img/destaque_conexao-trans.png) no-repeat;}
	.destaque_fale89 {background: url(../img/destaque_fale89-trans.png) no-repeat;}
	.destaque_contato {background: url(../img/destaque_contato-trans.png) no-repeat;}

h2 {display:block; width: 290px; height: 40px; margin: 0 0 10px -20px;}
h2 em {display:none;}
	h2.o_que_e {background:url(../img/h2_o_que_e.gif) left top no-repeat;}
	h2.clientes {background:url(../img/h2_clientes.gif) left top no-repeat;}
	h2.confira {background:url(../img/h2_confira.gif) left top no-repeat;}
	h2.contato {background:url(../img/h2_contato.gif) left top no-repeat;}
	h2.missao {background:url(../img/h2_missao.gif) left top no-repeat;}
	h2.videos {background:url(../img/h2_videos.gif) left top no-repeat;}

p {margin-bottom: 0.5em;}
p strong {color: #dd4627;}

#texto {
	font: bold 11px Georgia, Serif;
	float:left;
	width: 630px;
	}

.coluna {
	float:left;
	width: 290px;
	margin: 10px 50px 20px 0;
	}
	.direita {margin-right:0 !important;}
	
.full {
	width: 600px !important;
	}


/*_________________________ topo */
#topo {
	z-index: 20;
	width: 99.99999%;
	height: 77px;
	background: #000;
	position:relative;
	}
	#topo div#logo {
		z-index: 20;
		width: 915px;
		margin: 0 auto;
		position:relative;
		}
	#topo div#logo a {
		z-index: 20;
		display:block;
		position:absolute; left: 0; top: 0;
		width: 250px; height: 110px;
		background: url(../img/logo_conecta-trans.png) left top no-repeat;
		}
	#topo div#link {
		padding: 17px;
		}

#menu {
	position:relative; margin: 0 auto; padding: 0;
	width: 950px; height: 80px;
	z-index: 15;
	}

#menu_superior {
	position:absolute; right: 0; top: 40px;
	width: 680px; height: 130px;
	z-index: 20;
	}

#form_login {
	position:absolute; right: -8px; top: 10px;
	width: 360px; height: 100px;
	z-index: 20;
	/*border: 1px solid #fff; */
	}


div.campo_topo {float: left; width: 150px; margin: 0 0 10px 10px;}
	div.campo_topo label {display:block; float:left; width: 30px; height: 18px;}
	div.campo_topo label em {display:none;}
	div.login label {background: url(../img/label_login.gif) left center no-repeat;}
	div.senha label {background: url(../img/label_senha.gif) left center no-repeat;}

div.campo_topo input.padrao_topo {
	width: 110px; height: 18px; _height: 12px;
	border: 1px solid; border-color: #d5d5d5 #eee #eee #d5d5d5;
	padding: 2px;
	font: 10px arial; 
	}

input.bt_ok_topo {
	margin: 5px 0 0 5px;
	}


/*____________________FORM___*/

div.campo {float: left; width: 300px; clear:left; margin: 0 0 10px 0;}
	.campo label {display:block; float:left; width: 190px;}

input.padrao, textarea.padrao {
	width: 280px;
	border: 1px solid; border-color: #d5d5d5 #eee #eee #d5d5d5;
	padding: 3px;
	font: 11px arial; 
	}

.img_submit {margin: 10px 0 0 180px; clear:both;}




/*_______CLIENTES_______*/

.depoimento {float: left; width: 630px; margin: 15px 0 15px 0;}
	.cliente_01 {background:url(../img/ex_logo_01.gif) left center no-repeat;}
	.cliente_02 {background:url(../img/ex_logo_02.gif) left center no-repeat;}
	.cliente_03 {background:url(../img/ex_logo_03.gif) left center no-repeat;}
.depoimento h4 {font-size: 16px; color: #f00; margin: 0 0 5px 0;}
.txt_depoimento {float: right; width: 460px; padding: 15px; border-left: 1px solid #ebc199;}




/*_________________________ rodape */
#rodape {
	position:relative;
	z-index: 10;
	width: 99.99999%;
	height: 360px;
	clear: both;
	margin: 0 auto;
	background: #888c70 url(../img/bg_rodape.jpg) left top repeat-x;
	}
	#rodape p {
		padding-top: 20px;
		margin-right: 476px;
		text-align: center;
		}

#rodape_home {
	width: 99.99999%;
	position:absolute; top: 597px;
	height: 50px;
	clear: both;
	margin: 0 auto;
	background: #7e8068;
	}