/*** Geral ***/
body {background:#323840 url(../imgs/body_grad.png) repeat-x top left fixed; margin-top:10px; padding:0; color:#FFF;}
h2 {padding:3px 0 3px 5px; background-color:#000; color:#FFF; width:20%;}
img, div , a {behavior: url(../inc/iepngfix.htc);}

/*** Form ***/
#form {width:700px; margin:0 auto; padding:0; overflow:hidden; border:2px solid #000;}

/*** Topo ***/
#topo {width:700px; height:225px; background:url(../imgs/topo.jpg) no-repeat top center;}
#topo img {vertical-align:top;}

/*** Rodape ***/
#rodape {width:700px; font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:14px; color:#CCC; background-color:#000; text-align:center;}

/*** Menu ***/
#menu {width:700px; background-color:#000; margin:0 auto; padding:10px 0 10px 0;}
.boxmenu {width:690px; margin:0 auto; padding:0;}
.boxmenu ul {list-style:none; display:inline; margin:0; padding:0;}
.boxmenu ul li {margin:0 10px 0 10px; display:inline;  font-size:14px; font-weight:bold; }
.boxmenu ul li a {text-decoration:none;color:#FFF; font-family:Verdana, Geneva, sans-serif; text-transform:uppercase;}
.boxmenu ul li a:hover {color:#00F;}

/*** Conteudo ***/
#conteudo {width:700px; overflow:hidden; background-color:#666;}


/*** Home ***/
#txt_h {width:400px; padding:10px; color:#FFF; float:left;}
#banner_h {width:250px; height:160px; float:right; margin-right:30px; display:none;}
#banner_vl {width:400px; float:left; margin-top:10px; margin-bottom:10px;}
#banner_vl a img {border:none;}

#banner_wb {width:250px; float:right; margin-right:30px;}
#banner_wb a img {border:none;}

/*** PG Clientes ***/
#clientes {width:610px; overflow:hidden; margin:0 auto; padding:0 0 20px 0;}
.cliente {margin:6px; border:1px sold #CCC; height: auto; width: auto; float: left; text-align: center;}	
.cliente img {display:inline; border:1px solid #ffffff;}

/*** PG Empresa ***/
#empresa {padding:0 10px 10px 10px; overflow:hidden;}
#empresa p {text-indent:1cm; text-align:justify;}
/*** PG Planos ***/
#planos {width:330px; margin:10px 10px 20px 10px; float:left;}
.plan1 {color:#009;}
.plan2 {color:#090;}
.plan3 {color:#F90;}
.plan4 {color:#099;}
.plan5 {color:#900;}
.plan6 {color:#FFF;}

#planos a img {border:none;}
.plandesc {vertical-align:middle;}
.planlink  {font-size:12px; color:#FFF; text-decoration:underline;}

#planos table {
	border-collapse: collapse;
	border: 2px solid #333;
	font: 12px Verdana, Geneva, sans-serif;
	color:#FFF;
	background:#000;
	}
#planos caption { 
	text-align: right;
	font: bold 16px Arial, Helvetica, sans-serif;	
	margin-bottom: 0.3em;
	border-bottom: 1px solid #333;
	padding-right: 0.3em;
	text-transform:uppercase;
}
#planos thead tr th, thead tr td {
	text-align: center;
	border-bottom: 2px solid #333;
	}
#planos tfoot tr td {
	text-align: center;
	border-top: 2px solid #333;
	}
#planos tr td, tr th {
	padding: 2px 5px;
	font-size: 1.1em;
	border: 1px solid #333;
	text-align:center;
	} 
#planos tr th {font: italic bold 1.4em Arial, Helvetica, sans-serif;} 

/*** PG Contato ***/
.cont { width:380px; margin:0 auto; padding:0 0 20px 0; color:#CCC; font:Verdana, Geneva, sans-serif; font-size:14px;}
.cont label {display:block; margin-top:10px; color:#FFF; font-weight:bold;}
.cont span {margin:0px; padding:0;}
.cont span a {text-decoration:none; color:#CCC;}
.cont span a:hover {color:#FFF;}
/*** PG Vantagens ***/
#vantagens {padding:0 10px 10px 10px; overflow:hidden;}
#vantagens span { font-weight:bold; text-decoration:underline;}

/*** PG Serviços ***/
#servicos {width:500px; margin:0 auto; padding:0; margin-bottom:20px;}