{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: #666666; font-weight: bold; text-align:left;}

a:visited 	{color: #666666; 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;
			text-align:center;}
	
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: center;}
			
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;}

h3.c13 {margin-top: 5px; margin-bottom: 0}
ul.c15 {list-style-type: none;}
li.c14 {background: none; align:center;}

.tit 	{margin-left:250px; margin-right:0px; margin-top:5px; margin-bottom:0px;}
		
#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_server.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;}	
			
		#menu	#tabs {width:376px; height:150px; margin:0; padding:0;}
				#tabs ul {padding:0; margin:0; width:376px; list-style:none; position:relative;}
				#tabs ul li.outer {float:left; display:inline; margin:0; width:125px; height:28px; border:0; padding:0; cursor:pointer;}

				#tabs ul li.one {background: url('../menu/atendimento.gif') no-repeat top left;}
				#tabs ul li.two {background: url('../menu/dominio.gif') no-repeat top left;}
				#tabs ul li.three {background: url('../menu/central.gif') no-repeat top left;}
				#tabs ul li.four {background: url('../menu/painel.gif') no-repeat top left;}
				#tabs ul li.five {background: url('../menu/webmail.gif') no-repeat top left;}
				#tabs ul li.six {background: url('../menu/ajuda.gif') no-repeat top left;}

				#tabs ul li div {display:none;}

				#tabs ul li.click {padding-bottom:90px; padding-top:0px; margin:0; border:0;}
				#tabs ul li.click {background-position:0 -26px; height:26px; cursor:default;}
				#tabs ul li.click div {display:block; position:absolute; left:0px; top:26px; width:376px; height:90px; border:0px;}
				#tabs ul li.click div.tab_left {background: url('../menu/bg_left.gif') no-repeat;}
				#tabs ul li.click div.tab_center {background: url('../menu/bg_center.gif') no-repeat;}
				#tabs ul li.click div.tab_right {background: url('../menu/bg_right.gif') no-repeat;}

				#tabs h1	{font-family: Verdana, Arial, Helvetica;
							font-size: 13px; color: #FF9933; font-weight: bold;
							text-decoration: none; text-align: center; margin:0;}

				#tabs h2	{font-family: Verdana, Arial, Helvetica; font-size: 13px; color: #3366cc;
							font-weight:normal; text-decoration: none; text-align: center; margin:0;}
							
				#tabs .campos 	{background-color:#FFFFFF; font: 11px verdana, arial, helvetica;
								height:18px; margin:0; border:1px solid #3366cc;}
								
				#tabs .botao 	{background: url('../menu/ok.png') no-repeat; width:30px; height:20px;
								color: none; border:0 none; font-style:normal; font-variant:normal; font-weight:normal; font-size:5px; font-family:verdana, arial, helvetica}
								
				#tabs .clear {clear:both; height:0; line-height:0; overflow:hidden; display: inline;}

#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')}
			

#promo-host, #promo-banner, #promo-revenda {float:left;}	
			
			#promo-host	{width:375px; 
						height:310px; 
						margin:0px 0 0 30px;
						display: inline;
						overflow: hidden;}
			
			#menu-site	   {width:376px;    
							height:140px;
							overflow: hidden;}
			
			#promo-revenda	{width:376px;    
							height:155px; 
							margin:18px 0 0 20px;
							display: inline;
							overflow: hidden;}
						
#dominio, #dedicado {float:left;}	
			
			#dominio	{width:376px; 
						height:156px; 
						margin:15px 0 0 30px;
						display: inline;
						overflow: hidden;}
			
			#dedicado	{width:376px;    
						height:156px; 
						margin:15px 0 0 20px;
						display: inline;
						overflow: hidden;}
						
#streaming, #construtor, #certificados {float:left;}	
			
			#streaming	{width:237px; 
						height:200px; 
						margin:15px 0 0 30px;
						display: inline;
						overflow: hidden;}
			
			#construtor	{width:268px;    
						height:200px; 
						margin:15px 0 0 15px;
						display: inline;
						overflow: hidden;}
						
			#certificados{width:237px;    
						height:200px; 
						margin:15px 0 0 15px;
						display: inline;
						overflow: hidden;}
						
#blog, #sobre, #conhec {float:left;}	
			
			#blog	{width:237px; 
					height:400px; 
					margin:15px 0 0 30px;
					display: inline;
					overflow: hidden;}
					
			#blog .top_blog {width:237px; 
					height:36px;
					margin:0;
					display: inline;
					overflow: hidden;}
					
			#blog .m_blog {width:237px;    
					height:338px; 
					margin:0;
					background: url('../images/w_blog_2.gif') no-repeat;}
							
							#blog .date 	{height: 40px;
											width: 35px;
											background: url(http://www.webking.com.br/images/calendar.gif) no-repeat;
											font: normal 18px Arial, Helvetica, sans-serif;
											color: #666666;
											text-align: center;
											padding: 0;
											margin: 0 5px 0 10px;
											line-height: 100%;
											float: left;}
							
							#blog .date span 	{height: 15px;
												display: block;
												font: normal 11px Arial, Helvetica, sans-serif;
												color: #ffffff;
												text-align: center;
												padding-top: 0px;}
							
							.tit_blog 	{font-family: Verdana, Arial, Helvetica; 
										font-size: 12px;
										color: #FF6600;
										font-weight: bold;
										text-decoration: none;
										border-bottom: dotted 1px #CCCCCC;
										margin: 0 10px 5px 10px; 
										padding-top: 5px;
										padding-bottom: 5px;
										text-align:left;}
												
							.texto_blog {font-family: Verdana, Arial, Helvetica; 
										font-size: 11px; 
										text-decoration: none; 
										text-align:justify; 
										margin: 0 10px 5px 10px; 
										color: #333333;}
							
							.detalhes {text-align:right; color: #ff9933; margin: 0 10px 5px 10px;}
												
					
			#blog .bot_blog {width:237px;  
					margin:0;  
					height:26px;}
			
			#sobre	{width:268px;    
					height:400px; 
					margin:15px 0 0 15px;}
					
			#sobre .top_sobre {width:268px; 
					height:36px;
					margin:0;}
					
			#sobre .m_sobre {width:268px;    
					height:338px; 
					margin:0;
					background: url('../images/w_nos_2.gif') no-repeat;}
			
					.texto_sobre {font-family: Verdana, Arial, Helvetica; 
										font-size: 11px; 
										text-decoration: none; 
										text-align:justify; 
										text-indent: 10px;
										margin: 0 10px 5px 10px; 
										color: #333333;}
					
			#sobre .bot_sobre {width:268px;  
					margin:0;  
					height:26px;}
						
			#conhec	{width:237px;    
					height:400px; 
					margin:15px 0 0 15px;}
					
			#conhec .top_conh {width:237px; 
					height:36px;
					margin:0;}
					
			#conhec .m_conh {width:237px;    
					height:338px; 
					margin:0;
					background: url('../images/w_perg_2.gif') no-repeat;}
					
							.tit_conh 	{font-family: Verdana, Arial, Helvetica; 
										font-size: 12px;
										color: #FF6600;
										font-weight: bold;
										text-decoration: none;
										border-bottom: dotted 1px #CCCCCC;
										margin: 0 10px 5px 10px; 
										padding-top: 5px;
										padding-bottom: 5px;
										text-align:left;}
									
							.tit_conh a, a:visited {color: #FF6600;
												font-weight: bold;
												text-decoration: none;}
												
							.tit_conh a:hover {color: #3366CC;
												font-weight: bold;
												text-decoration: none;}
												
							.texto_conh {font-family: Verdana, Arial, Helvetica; 
										font-size: 11px; 
										text-decoration: none; 
										text-align:justify; 
										margin: 0 10px 5px 10px; 
										color: #333333;}
					
			#conhec .bot_conh {width:237px;  
					margin:0;  
					height:26px;}
					
#tech	{width:775px;    
		height:126px;
		float:left; 
		margin:15px 0 0 30px;
		display: inline;
		overflow: hidden;}

#top_cont	{margin:15px 0 0 30px;
			text-decoration: none;
			width: 775px;
			height: 16px;
			float:left;
			display: table;
			overflow: hidden;
			background-image: url(../images/top_cont.gif);}
			
#meio_cont	{width:775px; 
			height:auto; 
			margin:0 0 0 30px;
			float:left;
			padding:0px;
			display: table;
			overflow: hidden;
			background-image: url(../images/meio_cont.gif);}
			
			.tit_vant 	{font-family: Verdana, Arial, Helvetica; 
										font-size: 16px;
										color: #FF6600;
										font-weight: bold;
										text-decoration: none;
										border-bottom: dotted 1px #CCCCCC;
										margin: 0 20px 5px 20px; 
										text-align:left;}
										
			.texto_vant {font-family: Verdana, Arial, Helvetica; 
										font-size: 11px; 
										text-decoration: none; 
										text-align:justify; 
										margin: 0 20px 5px 20px; 
										color: #333333;}
										
			.texto_vant a, a:visited 	{color: #333333;
										font-weight: normal;
										text-decoration: none;}
												
			.texto_vant a:hover 		{color: #333333;
										font-weight: bold;
										text-decoration: none;}
			
#roda_cont {width:775px; 
			height:16px;
			padding:0;  
			margin:0 0 0 30px; 
			float:left;
			display: table;
			overflow: hidden;
			background-image: url(../images/rod_cont.gif);}
			
#rodape		{width:830px; 
			height:25px; 
			border:0; 
			margin:0; 
			background: url('../bg/roda_bg.jpg') no-repeat;}