#topoindex{	
	background:url(../imagens/backIndex.png) repeat-x;
}

#menor {
	font-size: 8px;	
}
#caixa{
	background:#FFFFFF;
	border: 1px solid #999999;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 582px;
}

#agenda{
width: 191px;
left:1px;
right: 3px;
padding-left:2px;
padding-right:8px;
padding-top: 2px;
padding-bottom: 10px;
border-bottom: 1px dashed gray;
border-color:#999999;
}

#link a{
	color:#333333;
	text-decoration:none;
	
}

#link a:hover{
	color:#FF0000;
}


#depoimento{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#990000;
text-align:center;
}

#leiamais{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#0000CC;
}
#leiamais a {
	text-decoration:none;	
}
#leiamais a:hover{
	color:#FF0000;
}

#textotopo {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight:bold;
}
#textosimples {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  padding: 3px;
}

#esquerda{	
	padding: 1px;
	padding-left:1px;
	padding-right: 5px;
	float: left;
	width : 20%;			
}

#direita{		
	padding: 1px;
	float: right;
	width : 20%;		
}

#centro{			
	padding: 1px;		
	float: left;
	width : 58%;			
}
.menu{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; 
}

.menu ul{
margin: 0;
padding: 0;
padding-left: 10px; 
font: bold 11px Verdana;
list-style-type: none;
}

.menu li{
display: inline;
margin: 0;
}

.menu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 7px; 
border-right: 1px solid white; 
color: white;
background: url(fundo1.jpg) repeat-x; 
width: 9.5%;
text-align:center;
}

.menu #selecionado a{
background: url(fundo2.jpg) repeat-x; 
}

.menu li a:visited{
color: white;
}

.menu li a:hover, .menu li.selected a{
background: url(fundo2.jpg) repeat-x;
color:#FFFFFF; 
}

body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background: #F7F7F7; }

/*Teste de alinhamento de imagem*/
.somediv{
width: 570px;
height: 80px;
clear: left;
padding-top: 5px;
border-bottom: 1px dashed gray;

}

.somediv .floatbox{
float: left;
width: 80px;
}

* html .somediv p{ /* IE 3px jog hack*/
height: 1%;
}

.somediv p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#555555;
margin-top: 0;
margin-left: 90px;
margin-right: 10px;
}

.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 570px;
}

.curlycontainer .innerdiv{
background: transparent url(../css/canto.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}

#rodape {
	position: absolute;
	bottom: 0;
	background:#333333;
	width: 100%;
	height: 60px;
	margin-bottom:0;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
	padding-top:2px;	
	}
	
#rodape a{
	text-decoration: none;
	color:#FFFFFF;
}

#rodape a:hover{
	text-decoration: underline;
	
	
}

#rodape a:visited{
	color:#FFFFFF;
}			
	
html, body {
	height: 100%;
	}

#tudo {
	position: relative;
	min-height: 100%;	
	width:100%;
	margin: 0 auto;		
	}
#conteudo{
	padding-bottom: 60px;	
}	

* html #tudo {
	height: 100%; /* hack para IE6 hq trata height como min-height */
	}
#clear {
	clear:both;
}	
#linkrodape a{
	text-decoration: none;
	color:#FFFFFF;
}
#empresa{
	width: 70%;
	position: relative;
	left: 10%;
	padding: 50px;
	color:#333333;
	border : 1px dashed #CCCCCC;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background:#FFFFFF;
	top: 10px;	
	
}
#empresa ul li{
	margin-left:120px;
}

#downloads{
	width: 75%;
	position: relative;
	left: 10%;
	padding: 20px;
	color:#333333;
	border : 1px dashed #CCCCCC;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background:#FFFFFF;
	top: 10px;		
	
}
#downloads span{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:32px;
	font-weight: bold;
	margin-left: 12%;
}

.down_texto{
width: 100%;
/*height: 80px;*/
clear: left;
padding-top: 5px;
border-bottom: 1px solid gray;

}

.down_texto a{
	text-decoration: none;
	color: #555555;
}

.down_texto a:hover{
	text-decoration:underline;
	color: black;
}

.down_texto .imagem_down{
float: left;
width: 90px;
}

* html .down_texto p{ /* IE 3px jog hack*/
height: 1%;
}

.down_texto p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#555555;
margin-top: 0;
margin-left: 110px;
margin-right: 10px;
}

#titulo_down{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#333333;
	
}

.prod_texto{
width: 100%;
/*height: 140px;*/
clear: left;
padding-top: 5px;
border-bottom: 1px solid gray;

}

.prod_texto a{
	text-decoration: none;
	color: #555555;
}

.prod_texto a:hover{
	text-decoration:underline;
	color: black;
}
.prod_texto .imagem_prod{
float: left;
width: 130px;
}

* html .prod_texto p{ /* IE 3px jog hack*/
height: 1%;
}

.prod_texto p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#555555;
margin-top: 0;
margin-left: 130px;
margin-right: 10px;
}

.prod_texto ul li{
	margin-left: 40px;
	color:#555555;
}

#agende{
	width: 100px;
	height: 100px;
	background:url(../imagens/agenda_cinza.png) no-repeat;
	border-right: 1px dashed;
	padding: 2px;
	margin-bottom: 2px;
}

#agende:hover{	
	background:url(../imagens/agenda_cor.png) no-repeat;	
}

#ligue{
	width: 100px;
	height: 100px;
	background:url(../imagens/fone_cinza.png) no-repeat;
	border-right: 1px dashed;
	padding: 2px;
	margin-bottom: 2px;
}

#ligue:hover{	
	background:url(../imagens/fone_cor.png) no-repeat;	
}
#amigo{
	width: 100px;
	height: 100px;
	background:url(../imagens/amigo_cinza.png) no-repeat;
	border-right: 1px dashed;
	padding: 2px;
	margin-bottom: 2px;
}

#amigo:hover{	
	background:url(../imagens/amigo_cor.png) no-repeat;	
}

.tela{
position: relative;
z-index: 0;
}

.tela span{ /*CSS for enlarged image*/
position: absolute;
background-color: #66CCFF;
padding: 5px;
left: -1000px;
width: 200px;
border: 1px dashed black;
visibility: hidden;
color: black;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #333333;
}

.tela:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;	
	left: -100px; /*position where enlarged image should offset horizontally */
	top: 110px;
}