/****************************************
 ......... POWERED BY CERVANTES .........
 ......... hotdennis@bol.com.br .........
 ....... danielweb@siscart.com.br .......
 ***************************************/

 *{
	margin:0px;
	padding:0px;
	font: normal 10px Verdana;
	text-decoration: none;
	border: none;
}

body{
	background:#ebebeb url(../img/fundo.gif) repeat-x center top;
}

/* fim do inicial ***************/





/* configuracaum basica */

#topo, #site, #rodapeh{
	width: 770px;
	margin: 0px auto;
}

#fundo_continuo 
{
	*background: url(../img/fundo_conteudo.gif) repeat-y center top;
	background:transparent url(../img/fundo_conteudo.gif) repeat-y scroll 50.1% top;
}
#site{ background: url(../img/fundo_conteudo2.gif) no-repeat center top; }



.img01{
	float: right;
	margin: 6px 10px 4px 2px;
}


.img02{
	float: right;
	margin: 6px 2px 4px 10px;
}







h1{
	font: bolder 10px "Trebuchet MS";
	color: #6a7c99;
	line-height: 22px;
}

h2{
	font: bolder 10px "Trebuchet MS";
	color: #a5a5a5;
	line-height: 22px;
	
	background: url(../img/fundo_box_top.gif) no-repeat center top;
	width: 386px;
	height: 22px;
	margin: 0px auto;
}


/* titulo das manchetes */

h3{
	font-weight: bolder;
	color: #a15112;
	margin: 2px 0px 2px 0px;
}

h3 a{
	font-weight: bolder;
	color: #a15112;
}



/* sub titulos */
h4{
	font-weight: bolder;
	color: #6a7c99;
	margin: 12px 4px 6px 0px;
}






/* ||||||||||||||||||||||| topo do site */

#topo{
	background: url(../img/top_temp.jpg) no-repeat center top;
	height: 178px;
}


#topo #top_flash{
	position: absolute;
}

	ul#links_top{
		position: absolute;
		margin: 150px 0px 0px 223px;
	}
	
	ul#links_top li{
		display: inline;
		list-style: none;
		line-height: 19px;
	}
		
		ul#links_top li a, ul#links_top li a:hover{
			height: 19px;
			color: #fff;
			font: bolder 10px Arial;
		}
		
				ul#links_top li a{
					padding: 3px 7px 4px;
				}
				
				ul#links_top li a:hover{
					background: url(../img/fundo_top_btns.gif) repeat-x center top;
					border-left: solid 1px #556784;
					border-right: solid 1px #c2cad9;
					
					padding: 4px 6px 3px;
				}


/* ||||||||||||||||| fim do topo do site */








/* _________________LATERAIS____________________*/

#left, #right{
	width: 189px;
	height: 438px;
}






/* ####################### Lateral ESQUERDA (links) */

#left{
	background: url(../img/fundo_menu.gif) no-repeat top left;
	float: left;
	padding: 17px 0px 0px 0px;
}



	
.links{
	margin: 0px 0px 0px 12px;
}

	
	.links a, .links a:hover{
		display: block;
		font-weight: bolder;
		width: 166px;
		height: 26px;
		line-height: 22px;
		text-indent: 16px;
		margin: 2px 0px;
	}
	
			.links a{
				color: #6a7c99;
				background: url(../img/fundo_links.gif) no-repeat center bottom;
			}
			
			.links a:hover{
				color: #ffbe5a;
				background: url(../img/fundo_links.gif) no-repeat center top;
			}

/* ################ fim da Lateral ESQUERDA (links) */











/* **************** area central do site (todo o conteudo) ************* */

#conteudo{
	float: left;
	width: 392px;
}


	#box_destak{
		background: url(../img/box_destaques.gif) no-repeat center top;
		width: 364px;
		height: 177px;
		margin: 0px auto;
		padding:0px 14px 0px 12px;
	}
	
	
	
	#lateral_manchetes{
		float: left;
		width: 148px;
		height: 160px;
		margin: 12px 0px 0px 0px;
	}
		
		
		.manchetes{
			width: 147px;
			height: 73px;
			margin: 0px 0px 4px 0px;
		}
		
			.manchetes a, .manchetes a:hover{
				display: block;
				color: #77502e;
				text-indent: 0px;
				
			}
				
				.manchetes a:hover{ text-decoration: underline; }
				
	
	
	#foto_noticias{
		float: right;
		overflow: hidden;
		
		width: 208px;
		height: 149px;
		margin: 14px 0px 0px 0px;
	}
	
	
	
	
	.box_conteudo{
		background: url(../img/fundo_box.gif) no-repeat center bottom;
		padding: 0px 0px 12px;
		margin: 2px 0px 8px;
		_height: 200px;
	}
	
	.box_conteudo .itemCases
	{
		float:left;
		height:100px;
		margin:0 0 0 10px;
		_margin: 0 0 0 5px;
		width:180px;
		overflow: hidden;
	}
	
	.box_conteudo .itemCases a.imagem
	{
		display: block;
		margin: 0 5px 0 0;
		float: left;
	}
	
	.box_conteudo .itemCases h4
	{
		margin: 0px !important;
	}
	
	.box_conteudo .itemCases h4 a
	{
		color:#6A7C99;
		font-weight: bold;
		text-decoration: none;
	}
	
	.box_conteudo .itemCases p
	{
		padding: 3px 0 0;
	}


		.div_horizontal{
			background: url(../img/div_box.gif) repeat-x center;
			height: 2px;
		}
		
		
		#conteudo p, #conteudo ul li{
			color: #777;
			text-align: justify;
			text-indent: 25px;
			line-height: 15px;
			margin: 4px 15px 8px;
		}
		
		
		#conteudo ul{
			margin: 18px 0px 18px 25px;
		}
		
			#conteudo ul li{
				list-style: none;
				background: url(../img/list.gif) no-repeat center left;
				text-indent: 15px;
			}
			
		.box_conteudo a{
			color: #fe8612;
			text-decoration: underline;
		}
		
		.box_conteudo a:hover{
			color: #69a3d3;
			text-decoration: none;
		}


/* **************** area central do site (todo o conteudo) ************* */
















/* Lateral DIREITA (noticias) _____________________ */

#right{
	background: url(../img/fundo_noticias.gif) no-repeat top right;
	float: left;
}



	.not_tecnologia, .not_ultimas{
		overflow-x: auto;
		overflow-y: hidden;
		
		width: 141px;
		height: 167px;
		margin: 0px 0px 0px 27px;
	}
	
		.not_tecnologia{ margin-top: 30px; overflow: hidden; }
		.not_ultimas{ margin-top: 42px; overflow: hidden; }
	
	
	
			.not_tecnologia a span, .not_ultimas a span{ 
				font-weight: bolder;
				letter-spacing: -1px;
				}
			
					.not_tecnologia a, .not_ultimas a{
						display: block;
						color: #fff;
						font: normal 10px Verdana;
						text-indent: 4px;
						text-align: left;
						text-decoration: none;
						margin: 4px 0px 10px 0px;
					}
					
					.not_tecnologia a:hover, .not_ultimas a:hover{
						color: #e0f5ff;
						text-decoration: underline;
					}







a.mais_noticias span{
	display: none;
}

	a.mais_noticias, a.mais_noticias:hover{
		display: block;
		position: absolute;
		width: 152px;
		height: 19px;
		margin: 0px 0px 0px 28px;
	}
		
a.mais_noticias{ background: url(../img/mais_noticias.gif) no-repeat top right; }
a.mais_noticias:hover{ background: url(../img/mais_noticias.gif) no-repeat bottom right; }


/* Lateral DIREITA (noticias) _____________________ */














/* ____________R_O_D_A_P_E_H________________________________ */


#rodapeh{
	clear: both;
	background: #ebebeb url(../img/rodapeh.gif) no-repeat center top;
	height: 100px;
}





#btns_rodapeh span{ display: none; }


#btns_rodapeh{
	background: url(../img/btns_rodapeh1.gif) no-repeat center top;
	width: 84px;
	height: 35px;
	margin: 0px auto;
}

#btns_rodapeh a, #btns_rodapeh a:hover{
	float: left;
	width: 21px;
	height: 35px;
	margin: 0px 2px 0px 4px;
}

	#btns_rodapeh a:hover{ background: url(../img/btns_rodapeh2.gif); }

			#btns_rodapeh a.go_home:hover{ background-position: -12px 0px; }
			#btns_rodapeh a.go_contato:hover{ background-position: -39px 0px; }
			#btns_rodapeh a.go_top:hover{ background-position: -66px 0px; }