﻿@charset "utf-8";

/*----> PROPRIEDADES GERAIS ====================================================*/

html{height:100%}

body{
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:12px;
	margin:17px 0 0 0;
	padding:0;
	background-image:url(../imagens/bg_geral.jpg);
	background-position:top;
	background-repeat:repeat-x;
	height:100%;
}

li.leia_mais{
	width:193px; 
	height:17px; 
	background-image:url(../imagens/bg_leia_mais.gif);
	list-style:none;
	padding:5px 0 0 25px;
}

img.estilo{
	float:left; 
	margin-right:10px; 
	border:solid 1px #ccc;
}

a.t1:link, a.t1:visited{color:#E77817; font-weight:bold; text-decoration:none}
a.t1:hover{text-decoration:underline; color:#FF0000}

a.t2:link, a.t2:visited{color:#D16F1F; text-decoration:none}
a.t2:hover{text-decoration:underline; color:#FF0000}

a.t3:link, a.t3:visited{color:#999; text-decoration:none}
a.t3:hover{text-decoration:underline; color:#FF0000}

h1{
	color:#009900;
	font-size:14px;
	text-transform:uppercase
}

thead tr, tfoot tr{
	background:#ff9933; 
	color:#FFFFFF; 
	font-weight:bold;
	text-align:center;
}
thead td, tfoot td{padding:5px;}
tbody td{padding:5px;}


/*itens de artigo*/

h2{
	color:#000;
	font-size:14px;
}

span.autor_artigo{
	color:#999999;
	font-size:11px;
	font-weight:normal;
}

#comentarios{
	border:1px dotted #CCCCCC;
	padding:10px;
	display:none;
}

dl.artigos_anteriores dt{
	font-weight:bold;
}

dl.artigos_anteriores a{
	border-bottom:#CCCCCC dashed 1px;
	text-decoration:none;
	color:#008000;
	margin:0 0 0 10px;
}

/*itens de formulário*/


fieldset{border:1px dashed #CCCCCC;}
legend{font-weight:bold; color:#FF9900; font-size:14px;}

fieldset dt{
	float:left; 
	width:70px;
	padding:5px;
}

fieldset input, textarea, select {
	border:solid 2px #D9E8BB;
	height:20px;
	width:400px;
	font-size:12px;
	font-family:"Trebuchet MS", Verdana, Arial;
	padding:5px;
	color:#70896B;
}

fieldset textarea{height:150px;}

fieldset select{height:30px;}

input[type=submit], input[type=reset], input[type=button]{
	border:0;
	color:#FFFFFF;
	background:#FF3300;
	font-weight:bold;
	height:30px;
	width:80px;
	padding:5px;
	margin-top:10px;
	cursor:pointer;
}	

input[type=reset]{background:#999999;}

/*banner*/
#banner{
	background:#F9F9F9;
	width:550px;
	height:70px;
	text-align:center;
	padding-top:10px;
	margin-top:-10px;
	_margin:0;
}



/*----> PROPRIEDADES DAS CAMADAS ===================================================*/

#container{
	width:935px;
	
	margin:0 auto;
}

#itens_topo{
	margin:0 0 17px 0;
	height:80px;
	width:935px;
	padding:0;
}

#conteudo{background:#999999;}

#esquerda{
	width:626px;
	height:100%;
	float:left;
	margin-bottom:13px;
}

#menu{
	height:32px;
	width:100%;
	margin-bottom:13px;
	margin-top:-5px;
	
}

#direita{
	width:296px;
	/*height:277px;*/
	height:100%;
	background:#fff;
	float:right;
	padding:4px;
}

#rodape{
	background-image:url(../imagens/bg_rodape.gif);
	background-position:top;
	background-repeat:repeat-x;
	height:84px;
	font-size:11px;
	color:#999;
	line-height:15px;
	clear:both;
}

/*=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=*/

/*itens do topo*/

#marca, #banner{
	float:left; 
	margin-left:15px
}

#utilitarios{float:right; margin-top:30px}
#utilitarios a{margin-right:15px;}

#marca{margin-right:5px;}

#flash{
	text-align:center;
	height:225px;
	margin-top:-18px
}

/*itens da esquerda*/

#solucoes_home{
	width:623px;
	height:219px;
	border:1px solid #ccc;
	background-image:url(../imagens/bg_solucoes_home.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}

#asafe, #solucoes, #clientes, #parceiros, #links, #fale, #artigos{
	width:603px;
	height:100%;
	border:1px solid #ccc;
	background-position:bottom right;
	background-repeat:no-repeat;
	padding:10px;
}

#asafe{background-image:url(../imagens/bg_asafe.jpg);}
#solucoes{background-image:url(../imagens/bg_solucoes.jpg);}
#clientes{background-image:url(../imagens/bg_clientes.jpg);}
#parceiros{background-image:url(../imagens/bg_parceiros.jpg);}
#links{background-image:url(../imagens/bg_links.jpg);}
#fale{background-image:url(../imagens/bg_fale.jpg);}
#artigos{background-image:url(../imagens/bg_artigos.jpg);}

/*itens do menu*/

#menu ul{margin:0; padding:0;}

#menu li{
	height:32px;
	list-style:none;
	margin:0 30px 0 0;
	float:left;
	cursor:pointer;
}

li.menu1{background-image:url(../imagens/mn_asafedata.gif); width:91px;}
li.menu1:hover{background-image:url(../imagens/mn_asafedata2.gif);}

li.menu2{background-image:url(../imagens/mn_solucoes.gif); width:149px;}
li.menu2:hover{background-image:url(../imagens/mn_solucoes2.gif);}

li.menu3{background-image:url(../imagens/mn_clientes.gif); width:118px;}
li.menu3:hover{background-image:url(../imagens/mn_clientes2.gif);}

li.menu4{background-image:url(../imagens/mn_parceiros.gif); width:118px;}
li.menu4:hover{background-image:url(../imagens/mn_parceiros2.gif);}


/*itens da direita*/

#apostando_home{
	/*height:269px;*/
	height:100%;
	width:294px;
	border:1px solid #ccc;
	background-image:url(../imagens/bg_apostando_home.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}

/*itens do rodapé*/

#itens_rodape{
	width:935px;
	margin:0 auto;
	clear:both;
	padding-top:20px;
}
















