{margin:0px; padding:0px;}

html, body	{height:100%;
  			margin: 0 0 0 0;
  			align:center;
			background-image: url(../bg/bg.jpg);
			background-color: #fde794;
			background-repeat: repeat-x; 
			background-position: center top}
	
div			{border:0px}

a 			{color: #666666;
			text-decoration: none; text-align:left;}
			
a:hover		{color: #000099; font-weight: bold; text-align:left;}

a:visited 	{color: #0066CC; font-weight: bold; text-align:left;}

.imInvisible, h1 {position: absolute; top: -10000px; left: -10000px; }

h1			{font-family: Verdana, Arial, Helvetica;
			font-size: 11px;
			color: #808080;
			font-weight: bold;
			text-decoration: none;}
	
h2			{font-family: Verdana, Arial, Helvetica;
			font-size: 11px;
			text-align:left;
			text-decoration: none;}
	
h3			{font-family: Verdana, Arial, Helvetica;
			font-size: 10px;
			color: #666666;
			font-weight: normal;
			text-decoration: none;}
			
h4			{font-family: Verdana, Arial, Helvetica;
			font-size: 10px;
			color: #666666;
			font-weight: normal;
			text-decoration: none;}	
			
h5			{font-family: Verdana, Arial, Helvetica;
			font-size: 10px;
			color: #666666;
			font-weight: normal;
			text-decoration: none;}	
	
.tx1 		{font-family: Verdana, Arial, Helvetica;
			font-size: 11px;
			font-weight: normal;
			text-align:justify;
			text-indent: 5px
			color: #333333;
			text-decoration: none;}
			
.texto		{font-family: Verdana, Arial, Helvetica;
			font-size: 11px;
			color: #666666;
			font-weight: normal;
			text-align: justify;
			margin:0 15px 0 15px;
			text-indent: 5px;
			text-decoration: none;}

.texto2		{font-family: Verdana, Arial, Helvetica;
			font-size: 10px;
			color: #666666;
			font-weight: normal;
			text-align: justify;
			padding:0; 
			margin:10px 10px 10px 10px;
			text-decoration: none;}

.texto3		{font-family: Verdana, Arial, Helvetica;
			font-size: 10px;
			color: #0066cc;
			font-weight: normal;
			text-align: center;
			padding:0; 
			margin:10px 10px 10px 10px;
			text-decoration: none;}
			
.texto4		{font-family: Verdana, Arial, Helvetica;
			font-size: 16px;
			color: #0066cc;
			font-weight: bold;
			text-align: center;
			margin:0 10px 0 10px;
			text-indent: 5px;
			text-decoration: none;}
			
.texto5		{font-family: Verdana, Arial, Helvetica;
			font-size: 12px;
			color: #0066cc;
			font-weight: normal;
			text-align: center;
			margin:0 15px 0 15px;
			text-decoration: none;}
			
.texto6 	{font-family: Verdana, Arial, Helvetica;
			font-size: 11px;
			color: #666666;
			font-weight: normal;
			text-align: center;
			margin:0 15px 0 15px;
			text-indent: 5px;
			text-decoration: none;}

.texto7		{font-family: Verdana, Arial, Helvetica;
			font-size: 9px;
			color: #666666;
			font-weight: normal;
			text-align: left;
			margin:0 0 0 0;
			text-decoration: none;}
			
.adendo		{font-family: Verdana, Arial, Helvetica;
			font-size: 11px;
			color: #666666;
			font-weight: normal;
			text-align: justify;
			margin:0 15px 0 40px;
			text-indent: 0px;
			text-decoration: none;}
			
.chamada	{font-family: Verdana, Arial, Helvetica;
			font-size: 13px;
			color: #0066cc;
			font-weight: bold;
			margin: 0 15px 0 15px; 
			padding-bottom: 5px;
			text-align: left;
			text-indent: 5px;
			border-bottom: dotted 1px #CCCCCC;}

.destaques	{font-family: Verdana, Arial, Helvetica;
			font-size: 11px;
			color: #0066cc;
			font-weight: normal;
			margin: 0 15px 0 15px; 
			text-align: left;}
			
.tit_plan	{font-family: Verdana, Arial, Helvetica;
			font-size: 15px;
			color: #0066cc;
			font-weight: bold;
			margin:0;
			text-align: center;
			text-decoration: none;}
			
.valor		{font-family: Verdana, Arial, Helvetica;
			font-size: 26px;
			color: #0066cc;
			font-weight: bold;
			margin:0;
			text-align: center;
			text-decoration: none;}
			
.periodo	{font-family: Verdana, Arial, Helvetica;
			font-size: 10px;
			color: #333333;
			font-weight: normal;
			margin:0;
			text-align: center;
			text-decoration: none;}
			
h2.tit 		{color: #0066cc;
			margin: 10px 10px 10px 10px; 
			padding-bottom: 5px;
			text-align: center;
			border-bottom: dotted 1px #CCCCCC;}
			
h2.plan 	{color: #555555;
			margin: 0px 10px 0 10px;
			padding-bottom: 7px;
			padding-top: 7px;
			text-align: left;
			border-bottom: dotted 1px #0066CC;}
			
h2.plan1 	{color: #555555;
			margin: 0px 10px 0 10px;
			padding-bottom: 7px;
			padding-top: 7px;
			text-align: center;
			border-bottom: dotted 1px #0066CC;}
			
h2.plan2	{color: #0066cc;
			margin: 0px 10px 0 10px;
			padding-bottom: 5px;
			padding-top: 5px;
			text-align: center;
			border-bottom: dotted 1px #0066CC;}
			
h2.descr 	{color: #555555;
			margin: 0px 10px 0 10px;
			padding-bottom: 5px;
			padding-top: 5px;
			text-align: left;
			border-bottom: dotted 1px #0066CC;}
		
h2.descr2 	{color: #0066cc;
			margin: 0px 10px 0 10px;
			padding-bottom: 5px;
			padding-top: 5px;
			text-align: left;
			border-bottom: dotted 1px #0066CC;}
			
h2.valor	{color: #0066cc;
			margin: 0px 10px 0px 10px;
			padding-bottom: 5px;
			text-align: center;}
			
.promocao	{font-family: Verdana, Arial, Helvetica;
			font-size: 13px;
			color: #0066cc;
			text-align: center;
			margin:0;
			text-decoration: none;}
			
.c2 {margin-left:0px; margin-right:0px; margin-top:5px; margin-bottom:0px;}

.tit 	{margin-left:250px; margin-right:0px; margin-top:5px; margin-bottom:0px;}

.titu {margin-left:0px; margin-right:0px; margin-top:5px; margin-bottom:0px;}
			
#tit_cont, #meio_cont, #roda_cont {float: absolute;}

#tit_cont	{font-family: Verdana, Arial, Helvetica;
			font-size: 20px;
			color: #0066cc;
			font-weight: bold;
			text-align: center;
			margin:0;
			text-decoration: none;
			width: 775px;
			height: 49px;
			background-image: url(../images/tit_cont.gif);}
			
#meio_cont	{width:775px; 
			height:auto; 
			margin:0;
			padding:0px; 
			display:table;
			background-image: url(../images/meio_cont.gif);}
			
#plano {width:250px; 
		height:auto;
		padding:0;  
		margin:0; 
		display:table;}
		
		.topo_plano {width:250px; 
					 height:44px;
					 padding:0;  
					 margin:0; 
					 background-image: url(../images/planos/topo_planos.gif);
					 font-family: Verdana, Arial, Helvetica; font-size: 18px; color: #0066cc;
					 font-weight: bold; text-align: center; text-decoration: none;}
					 
		.meio_plano {width:250px; 
					 height:auto;
					 padding:0;  
					 margin:0; 
					 align: center;
					 background-image: url(../images/planos/meio_planos.gif);}
					 
		.roda_plano {width:250px; 
					 height:34px;
					 padding:0;  
					 margin:0;}
					 
		#descr {width:520px; 
		height:auto;
		padding:0;  
		margin:0 0 0 10px; 
		display:table;}
		
		#topo_descr, #meio_descr, #roda_descr {float: relative;}
		
		#topo_descr {width:520px; 
					 height:46px;
					 padding:0;  
					 margin:0; 
					 background-image: url(../images/planos/descr_planos.jpg);
					 font-family: Verdana, Arial, Helvetica; font-size: 18px; color: #0066cc;
					 font-weight: bold; text-align: center; text-decoration: none;}
					 
		#meio_descr {width:520px; 
					 height:auto;
					 padding:0;  
					 margin:0; 
					 align: center;
					 background-image: url(../images/planos/meio_descr.jpg);}
					 
		#roda_descr {width:520px; 
					 height:35px;
					 padding:0;  
					 margin:0;}
					 
		#roda_descr2 {width:520px; 
					 height:35px;
					 padding:0;  
					 margin:0;
					 background-image: url(../images/rod_descr2.gif);}
					 
		.topo_tech1, .meio_tech1, .roda_tech1, .esp_tech1 {float: left;}
		
		.topo_tech1 {width:165px; 
					height:10px;
					padding:0;  
					margin:0; 
					background-image: url(../images/toplat.jpg);}
					 
		.meio_tech1 {width:165px; 
					 height:auto;
					 padding:0;  
					 margin:0; 
					 align: center;
					 background-image: url(../images/meio_lat.jpg);}
					 
		.roda_tech1 {width:165px; 
					 height:10px;
					 padding:0;  
					 margin:0;
					 background-image: url(../images/rodlat.jpg);}
		
		.esp_tech1 {width:165px; 
					height:15px;
					padding:0;  
					margin:0;}
		
		#topo_adic, #meio_adic, #roda_adic {float: relative;}
		
		.topo_adic {width:240px; 
					height:28px;
					padding:0;  
					margin:0; 
					background-image: url(../images/adic_topo.jpg);}
					
		.topo_pagto {width:240px; 
					height:28px;
					padding:0;  
					margin:0; 
					background-image: url(../images/pagto_topo.jpg);}
					 
		.meio_adic {width:240px; 
					 height:auto;
					 padding:0;  
					 margin:0; 
					 align: center;
					 background-image: url(../images/adic_meio.jpg);}
					 
		.roda_adic {width:240px; 
					 height:15px;
					 padding:0;  
					 margin:0;
					 background-image: url(../images/adic_roda.jpg);}
			
#roda_cont {width:775px; 
			height:16px;
			padding:0;  
			margin:0; 
			display:table;
			background-image: url(../images/rod_cont.gif);}
			
			
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#FFFFFF;
    color:#555555;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#FFFF99}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:20em;
    margin: 5px 5px 5px 5px;
    border:1px solid #0066cc;
    background-color:#0066CC; color:#FFFFFF;
    text-align: center}
    
a.custo{
    position:relative; /*this is the key*/
    z-index:24;
    color:#0066CC;
    text-decoration:none}

a.custo:hover{z-index:25; background-color:#FFFF99}

a.custo span{display: none}

a.custo:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1.3em; left:0em; width:13em;
    margin: 5px 5px 5px 5px;
    border:1px solid #ff6600;
    background-color:#ff6600; color:#FFFFFF;
    text-align: center}

.maintext {padding:0; border:0px solid #ddd; margin:0;}
.maintext p {padding:0; margin:5px 5px 5px 5px;}
.maintext p.bold {font-weight:bold;}
.maintext h2 {margin:0; padding:0;}


.switch {display:block; font-size:1px; width:17px; height:17px; background:url(http://www.webking.com.br/images/plus.gif); cursor:pointer; align:center; margin-left:70px;}
.off {background:url(http://www.webking.com.br/images/minus.gif);}
.hide {display:none;}
.show {position:absolute; display:block; width:300px; background:#fff; border:1px solid #0066cc; padding:10px 10px 10px 10px; margin-top:5px 5px 5px 5px; margin-left:70px; z-index:500;}
.show img {float:left; padding:0;}
		
#box		{width:830px; 
			height:auto; 
			margin:0;
			align:center; 
			display:table;}
			
			#box h4 {text-align:right; margin-left:0px; margin-right:50px; margin-top:5px; margin-bottom:0px;}
			
#conteudo	{width:830px; 
			height:auto; 
			margin:0; 
			display:table;}
			
#cabecalho1, #cabecalho2 {float:left;}

#cabecalho1	{width:275px; 
			height:290px; 
			margin:0 0;
			padding:0 0;
			align:left;
			background: url('../bg/top_img_rev.jpg') no-repeat;}
				
#cabecalho2	{width:555px; 
			height:135px; 
			margin:0;
			background: url('../bg/top_logo.jpg') no-repeat;}
			
	#logo	{width:555px; 
			height:135px; 
			margin:0;}	
				
#banner	{width:555px; 
		height:155px; 
		margin:0;
		padding:0;
		background: url('../bg/top_banner.jpg') no-repeat;}	
			
#links, #meio, #rodape{float:left;}		

#links		{width:830px;   
			height:50px; 
			margin:0;
			background: url('../bg/meio_bg.jpg')}			
			
#meio		{width:830px;   
			height:auto; 
			margin:0;
			background: url('../bg/meio_bg.jpg')}		
			
#rodape		{width:830px; 
			height:25px; 
			border:0; 
			margin:0; 
			background: url('../bg/roda_bg.jpg') no-repeat;}