/*	
	*CRIADORES*
	BRUNO MANGINI ALVES
	GLAUCIO CANCION
	
	OBS: CSS VALIDADO 13/07/07
*/

html, body{
	margin:0px;
	padding:0px;
	text-align:center;
}
/*DIV DO LAYOUT COMPLETO*/
#container{
	width:980px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	padding-left:6px;
}
/*TOPO ESQUERDO PARTE DE TRAZ E PARTE DA FRENTE*/
#topoesq_1{
	position:relative;
	float:left;
	width:762px;
	height:198px;
	background-color:#003366;
	padding-top:5px;
	padding-left:5px;
	margin-right:8px;
	margin-top:6px;
	margin-bottom:2px;
	z-index:1;
}
#topoesq_2{
	position:absolute;
	width:754px;
	height:190px;
	border:1px solid #FFFFFF;
	background-color:#003366;
	z-index:2;
}
/*______________________________________________________*/
/*TOPO DIREITO PARTE DE TRAZ E PARTE DA FRENTE*/
#topodir_1{
	position:relative;
	float:left;
	width:188px;
	height:198px;
	background-color:#003366;
	padding-top:5px;
	padding-left:5px;
	margin-top:6px;
	margin-right:3px;
	margin-bottom:2px;
	z-index:3;
}
#topodir_2{
	position:absolute;
	float:left;
	width:180px;
	height:190px;
	border:1px solid #FFFFFF;
	background-color:#003366;
	z-index:4;
}
/*______________________________________________________*/
/*IMAGEM DE 1PX REPEAT-X, É O DEGRADEE USADA NO TOPO ESQUERDO*/
#gradientetopo1{
	position:relative;
	float:left;
	height:102px;
	background-image:url(slices/layout_08.gif);
	background-repeat:repeat-x;
	width:100%;
	top:88px;
	z-index:5;
}
/*IMAGEM DE 1PX REPEAT-X, É O DEGRADEE USADA NO TOPO DIREITO*/
#gradientetopo2{
	position:relative;
	float:left;
	height:102px;
	background-image:url(slices/layout_08.gif);
	background-repeat:repeat-x;
	width:100%;
	top:88px;
	z-index:5;
}
/*DIV DA IMAGEM RANDOMICA*/
#imgrand{
	position:absolute;
	top:6px;
	left:6px;
	width:251px;
	height:190px;
	z-index:6;
}
/*TITULO DO SITE*/
#titulo_topo{
	position:absolute;
	left:295px;
	top:20px;
	width:417px;
	height:45px;
	background-image:url(imagens/slices/layout_06.gif);
	z-index:6;
}
/*BANNER RANDOMICO DO SITE*/
#bannerrand{
	position:absolute;
	left:274px;
	top:115px;
	width:468px;
	height:60px;
	z-index:7;
}
/*DATA E HORA DO SITE, LATERAL SUPERIOR DIREITA*/
#hora{
	position:absolute;
	background-image:url(slices/layout_03.gif);
	width:102px;
	height:42px;
	top:12px;
	left:23px;
	padding-top:10px;
	font-family:verdana;
	font-size:20px;
	color:#FFFFFF;
	text-align:center;
	z-index:8;
}
#periodo{
	position:absolute;
	width:44px;
	height:49px;
	left:125px;
	top:12px;
	z-index:9;
}
#data{
	position:absolute;
	width:184px;
	height:20px;
	top:69px;
	left:6px;
	z-index:10;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;
}
/*____________________________________________________*/
/*BUSCA DO CABOONG*/
#caboong{
	position:absolute;
	left:13px;
	top:20px;
	width:160px;
	height:70px;
}
/*FAIXA DE 'O QUE ESTÁ PROCURANDO', 'DIVULGUE VC MESMO' E 'RSS'*/
#barraprocura{
	position:relative;
	float:left;
	left:-6px;
	width:100%;
	height:55px;
}
/*BARRA DE 10PX DA ESQUERDA*/
#barraprocura_esq{
	position:relative;
	float:left;
	width:10px;
	height:55px;
	background-image:url(slices/layout_06.gif);
}
/*BARRA QUE VEM DEPOIS DA BARRA EQUERDA QUE REPETE EM X */
#barraprocura_centro{
	position:relative;
	float:right;
	width:946px;
	height:42px;
	padding-top:14px;
	padding-left:10px;
	background-image:url(slices/layout_12.gif);
	background-repeat:repeat-x;
}
/*BARRA DA DIREITA COM AS CURVAS DO FINAL*/
#barraprocura_dir{
	position:relative;
	float:right;
	width:14px;
	height:55px;
	background-image:url(slices/layout_14.gif);
}
/*DIV PARA AGRUPAR O ESCRITO 'O QUE ESTÁ PROCURANDO' E A BARRA DE PROCURA*/
#oqueestaprocurando{
	width:320px;
	height:55px;
}
/*DIVISÃO ENTRE A BUSCA DO STE E A BARRA DE DIVULGUE*/
#divisao1{
	position:absolute;
	background-image:url(slices/layout_16.gif);
	width:1px;
	height:37px;
	top:7px;
	left:462px;
}
/*BARRA DE DIVULGUE VOCE MESMO*/
#divulgue{
	position:absolute;
	width:400px;
	height:29px;
	border:1px solid #000000;
	top:10px;
	left:475px;
}
/*DIVISÃO ENTRE DIVULGUE VC MESMO E RSS*/
#divisao2{
	position:absolute;
	background-image:url(slices/layout_16.gif);
	width:1px;
	height:37px;
	top:7px;
	left:890px;
}
/*ICONE DE RSS (NO HTML ESTÁ COMO 'SPAN' PARA PODER VALIDAR)*/
#rss{
	position:absolute;
	background-image:url(imagens/slices/layout_18.gif);
	width:48px;
	height:21px;
	left:904px;
	top:15px;
	cursor:auto;
	cursor:pointer;
}
/*BARRA QUE ACOPLA O MENU E O CONTEUDO. ESTA DIV É A QUE REPETE A IMAGEM EM X O QUANTO PRECISAR "É USADA QUANDO LINK==CONTEUDO"*/
#barramenu{
	position:relative;
	float:left;
	width:980px;
	margin-top:0px;
	background-image:url(slices/layout_28.gif);
	background-repeat:repeat-y;
}
/*PARTE DE CIMA DA BARRA DO MENU */
#menu1{
	position:relative;
	float:left;
	width:208px;
	height:15px;
	background-image:url(slices/layout_24.gif);
	font-size:4px;
	z-index:11;
}
/*PARTE DO MEIO DA BARRA DO MENU, ONDE SE COLOCA TUDO O QUE VAI APARECER NO MENU*/
#menu2{
	position:relative;
	float:left;
	margin-top:17px;
	width:197px;
	margin-left:-202px;
	height:inherit;
	z-index:10;
}
/*PARTE DE BAIXO DO QUADRO DO MENU, ESTA DIV TEM A LARGURA DE 975 POIS ESTA PARTE TEM QUE DESCER CONFORME O CONTEUDO FOR CRESCENDO*/
#menu3{
	position:relative;
	float:left;
	width:975px;
	height:23px;
	/*left:6px;*/
	background-image:url(slices/layout_29.gif);
	background-repeat:no-repeat;
	z-index:12;
}
/*DIV ONDE VAI A INCLUDE DO CONTEUDO*/
#conteudo{
	position:relative;
	float:left;
	width:770px;
	margin-top:-10px;
	display:inline;
	height:100%;
}
/*DIV QUE AGRUPA AS PARTES DO RODAPE*/
#rodape{
	position:relative;
	float:left;
	display:block;
	width:100%;
	height:80px;
	margin-top:2px;
	left:-6px;
	clear:both;
	z-index:13;
}
/*BORDA ESQUERDA DO RODAPÉ*/
#rodape_esq{
	position:relative;
	float:left;
	background-image:url(slices/layout_30.gif);
	width:10px;
	height:80px;
	z-index:15;
}
/*CENTRO DO RODAPE, É NESSA DIV QUE É IMCLUIDO OS DISERES DO RODAPE*/
#rodape_centro{
	position:relative;
	float:right;
	padding-top:17px;
	background-image:url(slices/layout_31.gif);
	background-repeat:repeat-x;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
	width:958px;
	height:63px;
	z-index:14;
}
/*BORDA DIREITA DO RODAPÉ*/
#rodape_dir{
	position:relative;
	float:right;
	background-image:url(slices/layout_33.gif);
	width:12px;
	height:80px;
	z-index:16;
}	
#divisao_horizontal{
	width:100%;
	height:1px;
	background-image:url(imagens/divisao_horizontal.gif);
	background-repeat:repeat-x;
	font-size:1px;
}
/*ESTAS CLASSES SÃO PARA USAR NA PAGINA DE ORCAMENTO QUE VAI PARA O GOOGLE "orcamento_google.php"*/
#containergoogle{
	width:780px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	padding-left:6px;
}

#barramenugoogle{
	position:relative;
	float:left;
	width:780px;
	margin-top:0px;
	background-color:#FFFFFF;
}
#rodapegoogle{
	position:relative;
	float:left;
	display:block;
	width:772px;
	height:80px;
	margin-top:2px;
	left:-6px;
	clear:both;
	z-index:13;
}
#rodape_centrogoogle{
	position:relative;
	float:right;
	padding-top:17px;
	background-image:url(slices/layout_31.gif);
	background-repeat:repeat-x;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
	width:750px;
	height:63px;
	z-index:14;
}
/*FIM DAS CLASSES QUE USA PARA O GOOGLE*/

/*---------------TODAS AS FORMATAÇÕES DO SITE---------------*/
.objetos{
	font-family:tahoama;
	font-size:12px;
	border:1px solid #000000;
	padding-left:1px;
	color:#333333;
	font-weight:normal;
}
.objetosred{
	font-family:tahoama;
	font-size:12px;
	border:1px solid #FF0000;
	padding:1px;
	color:#333333;
	font-weight:normal;
}
.titulo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#ffcc00;
	font-weight:bold;
	margin-left:10px;
}
.titulo2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#003366;
	font-weight:bold;
	margin-left:10px;
}
.texto{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	margin-left:15px;
}
.texto2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
.texto_procura{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	font-weight:bold;
}
.newsletter{
	margin-left:15px;
	font-family:tahoama;
	font-size:12px;
	border:1px solid #000000;
	padding:1px;
	color:#333333;
}
/*FORMATAÇÃO DE ESPAÇAMENTO DOS BANNERS*/
.tdconteudo{
	padding-left:10px;
	padding-top:10px;
	padding-right:0;
	padding-bottom:0;
	margin:0px;
}
/*BARRA DE FERRAMENTAS DOS BANNERS*/
#ferramentasbig{
	position:relative;
	height:24px;
	width:745px;
	padding-top:4px;
	padding-left:5px;
	border-left:10px solid #ffffff;
	background-color:#dddddd;
	margin:0;
	text-align:left;
}
#ferramentasgrande{
	position:relative;
	height:24px;
	width:365px;
	padding-top:4px;
	padding-left:5px;
	border-left:9px solid #ffffff;
	background-color:#dddddd;
	margin-top:-1px;
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
	text-align:left;
}
#ferramentasmp{
	position:relative;
	height:24px;
	width:175px;
	padding-top:4px;
	padding-left:5px;
	border-left:9px solid #ffffff;
	background-color:#dddddd;
	margin-top:-1px;
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
	text-align:left;
}
/*-----------------------------------------------------*/
/*FORMATAÇÃO DO MENU DO LADO ESQUERDO*/
ul#menu {
	width: 196px;
	margin:0;
	padding:0;
	list-style-type:none;
}
ul#menu li {
}
ul#menu li a:link, ul#menu li a:visited {
	display:block;
	text-indent:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	height: 1%;
	text-decoration:none;
}
ul#menu li a:hover {
	text-indent:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#003366;
	background-color:#FFFFFF;
	height: 1%;
	text-decoration:none;
}
/*============================================
CLASS PARA O LINK DE CONTATO */
a.link_links:link {
text-decoration: none;
padding-bottom: 3px;
margin-bottom: 3px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #536b8c;
}
a.link_links:visited {
text-decoration: none;
margin-bottom: 3px;
padding-bottom: 3px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #536b8c;
}
a.link_links:hover {
text-decoration: underline;
margin-bottom: 3px;
padding-bottom: 3px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #77a4e1;
}
a.link_links:active {
text-decoration: none;
margin-bottom: 3px;
padding-bottom: 3px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #282828;
}