.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: center;
			margin:0 0 0 0;
			text-decoration: none;}

.texto3		{font-family: Verdana, Arial, Helvetica;
			font-size: 10px;
			color: #0066cc;
			font-weight: normal;
			text-align: center;
			margin:0;
			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: 0; 
			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;}
			
#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(http://www.webking.com.br/images//tit_cont.gif);}
			
#meio_cont	{width:775px; 
			height:auto; 
			margin:0;
			padding:0px; 
			display:table;
			background-image: url(http://www.webking.com.br/images//meio_cont.gif);}
			
#plano {width:250px; 
		height:auto;
		padding:0;  
		margin:0; 
		display:table;}
		
		#topo_plano, #meio_plano, #roda_plano {float: relative;}
		
		#topo_plano {width:250px; 
					 height:44px;
					 padding:0;  
					 margin:0; 
					 background-image: url(http://www.webking.com.br/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(http://www.webking.com.br/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(http://www.webking.com.br/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(http://www.webking.com.br/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(http://www.webking.com.br/images//planos/rod_descr2.gif);}
					 
		#tech1 {width:165px; 
		height:auto;
		padding:0;  
		margin:0 0 0 15px;}
		
		#topo_tech1, #meio_tech1, #roda_tech1 {float: relative;}
		
		#topo_tech1 {width:165px; 
					height:10px;
					padding:0;  
					margin:0; 
					background-image: url(http://www.webking.com.br/images//botoes/toplat.jpg);}
					 
		#meio_tech1 {width:165px; 
					 height:auto;
					 padding:0;  
					 margin:0; 
					 align: center;
					 background-image: url(http://www.webking.com.br/images//botoes/meio_lat.jpg);}
					 
		#roda_tech1 {width:165px; 
					 height:10px;
					 padding:0;  
					 margin:0;
					 background-image: url(http://www.webking.com.br/images//botoes/rodlat.jpg);}
					 
		#adic {width:240px; 
		height:auto;
		padding:0;  
		margin:0 0 0 0px; 
		display:table;}
		
		#pagto {width:240px; 
		height:auto;
		padding:0;  
		margin:0 0 0 10px; 
		display:table;}
		
		#topo_adic, #meio_adic, #roda_adic {float: relative;}
		
		#topo_adic {width:240px; 
					height:28px;
					padding:0;  
					margin:0; 
					background-image: url(http://www.webking.com.br/images//planos/adic_topo.jpg);}
					
		#topo_pagto {width:240px; 
					height:28px;
					padding:0;  
					margin:0; 
					background-image: url(http://www.webking.com.br/images//planos/pagto_topo.jpg);}
					 
		#meio_adic {width:240px; 
					 height:auto;
					 padding:0;  
					 margin:0; 
					 align: center;
					 background-image: url(http://www.webking.com.br/images//planos/adic_meio.jpg);}
					 
		#roda_adic {width:240px; 
					 height:15px;
					 padding:0;  
					 margin:0;
					 background-image: url(http://www.webking.com.br/images//planos/adic_roda.jpg);}
			
#roda_cont {width:775px; 
			height:16px;
			padding:0;  
			margin:0; 
			display:table;
			background-image: url(http://www.webking.com.br/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//icones/plus.gif); cursor:pointer; align:center; margin-left:70px;}
.off {background:url(http://www.webking.com.br/images//icones/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;}