/*
@charset "iso-8859-1";
/*----------------------------------------------------------------------------------------------------------------------------------*/
  *{
    margin: 0;
    padding: 0;
  }
  body{
    text-align: center;
    font: 11px Trebuchet MS, Trebuchet, Verdana, sans-serif;
    color: #ccc;
    background: #333;
    line-height: 140%;
  }
  #container{
    margin: 0 auto;
    width: 720px;
    text-align: left;
  }
  
/*----------------------------------------------------------------------------------------------------------------------------------*/
  h1#pageLogo a{
    width: 200px;
    height: 40px;
    margin-top: 10px;
    display: block;
    background: transparent url(../imagens/logo.png) no-repeat;
  }
  
/*----------------------------------------------------------------------------------------------------------------------------------*/
  ul#mainNav{
    padding-top: 40px;
  }
  ul#mainNav li.link{
    margin-right: 40px;
    padding-bottom: 20px;
    width: 200px;
    float: left;
    background: transparent url(../imagens/link_list_dot.gif) repeat-y;
    list-style: none;
  }
  ul#mainNav li.link a{
    padding-left: 10px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
  }
  ul#mainNav li.link a:hover{
    text-decoration: underline;
  }
  ul#mainNav li ul{
    margin-top: 20px;
    padding-left: 30px;
  }
  
/*----------------------------------------------------------------------------------------------------------------------------------*/
  .logo_WebFeras {
    background: transparent url(../imagens/logo_WebFeras.png) no-repeat;
    margin-right: 20px;
    width: 550px;
    float: left;
    padding: 20px 10px;
    height: 183px;
    font-size: 24px;
    line-height: 90%;
  } 

  #content{
    clear:both;
    padding-top: 40px;
  }
  #content a{
    color: #6cf;
    text-decoration: none;
    font: 12px Trebuchet MS, Trebuchet, Verdana, sans-serif;
  }
  #content a:hover{
    text-decoration: underline;
    font: 12px Trebuchet MS, Trebuchet, Verdana, sans-serif;
  }
  .prata, .ouro, .diamante{
    margin-right: 20px;
    width: 220px;
    float: left;
  }
 .adicionais {
 	margin-right: 20px;
 	width: 660px;
 	float: left;
 }
  .prata h2{
    background: transparent url(../imagens/painel_controle.png) no-repeat;
  } 
  .ouro h2{
    background: transparent url(../imagens/webmail.png) no-repeat;
  }
  .diamante h2{
    background: transparent url(../imagens/banco_dados.png) no-repeat;
  }
  .prata h2, .ouro h2, .diamante h2{
    padding: 20px 10px;
    width: 220px;
    height: 200px;
    font-size: 24px;
    line-height: 90%;
  }
  h3{
    margin: 20px 0;
    font-size: 14px;
  }
  h1, h2, h3{
    color: #fff;
  }
  
/*----------------------------------------------------------------------------------------------------------------------------------*/
  #footer{
    padding-top: 40px;
    clear: both;
    width: 680px;
    color: #666;
    font-size: 9px;
	background-position:10% 50%;
  }
  #footer a{
    color: #009900;
    text-decoration: none;
  }
  #footer a:hover{
    color: #ccc;
  }
  #footer ul{
    padding-bottom: 60px;
    padding-top: 2px;
    background: transparent url(../imagens/footer_dot.gif) repeat-x;
    list-style: none;
  }
  li.validate{
    padding-right: 10px;
    float: left;
  }
  li.copyright{
    float: right;
  }
  li.copyright a{
    padding-right: 1px;
  }
  
/*----------------------------------------------------------------------------------------------------------------------------------*/
    p.extras{
    color: #f8902b;
    text-decoration: none;
    font: 12px Trebuchet MS, Trebuchet, Verdana, sans-serif;
  }
  
  /*------------------------------------
  Index
  ------------------------------------*/
  .bg
  {
  	position:absolute;
	width: 550px;
	margin-left:-275px;
	left:50%;
	height:184px;
	margin-top:-92px;
	top:50%;
	background-color:#FFFFFF;
	background: transparent url(../imagens/logo_WebFeras.png) no-repeat;
	padding-top:190px;
	text-align:center;
  }
  .bg a
  {
  	text-decoration:none;
	font-size:15px;
	font-weight:500;
	color:#666;
  }
  .bg a:hover
  {
  	text-decoration:underline;
	color:#99C93E;
  }
  .rodape
  {
  	position:absolute;
	width: 100%;
	height:10px;
	margin-top:-25px;
	top:99%;
	border-top:dotted 1px #666666;
	text-align:center;
	padding-top:3px;
  }
  .rodape ul
  {
  	width:500px;
	position:absolute;
	margin-left: -250px;
	left:50%;
	list-style:none;
	
  }
  .rodape a
  {
  	text-decoration:none;
	color:#99C93E;
  }
  .rodape a:hover
  {
  	text-decoration:underline;
  }

/*--------------------------------- 
Base Superbox Styles  - Inicio
---------------------------------*/
#superbox-overlay{position:fixed;top:0;left:0;z-index:9998;width:100%;height:100%;}
#superbox-wrapper{position:fixed;z-index:9999;top:0;display:table;width:100%;height:100%;}
#superbox-container{position:relative;display:table-cell;width:100%;height:100%;margin:0;padding:0;vertical-align:middle;}
#superbox{margin:0 auto;padding:0;}
#superbox-container .loading{margin:0;text-align:center;}

/* IE7 */
*:first-child+html #superbox-container{position:absolute;top:50%;display:block;height:auto;}
*:first-child+html #superbox{position:relative;top:-50%;display:block;}
/* IE6 - Thanks to Thickbox for IE expressions */
* html #superbox-container{position:absolute;top:50%;display:block;height:auto;}
* html #superbox{position:relative;top:-50%;display:block;}
* html #superbox-overlay{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight + 'px' : document.body.offsetHeight + 'px');}
* html #superbox-wrapper{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}

/* Default Theme */
#superbox-overlay{background:#000;}
#superbox-container .loading{text-align:center;font-size:40px;color:#333333;}
#superbox{padding:10px;background:#333333;}
#superbox-innerbox{padding:10px 0;}
#superbox.image{text-align:center;}
#superbox .close,
#superbox .nextprev{overflow:hidden;margin:0;text-align:right;cursor:pointer;}

 /*------------------------------------
  formContato
  ------------------------------------*/

  .box
  {
  		border:0px;
		background-color:#F6F6F6;
		line-height:25px;
		border:double 1px #333333;
		color:#666666;
		height:30px;
		width:400px;
		size:30px;
		margin-left:-5px;
		padding-top:7px;
		padding-left:5px;
		font-size:14px;
		font-weight:900;
		font-family:Verdana, Arial, Helvetica, sans-serif;
  }
  .boxSel
  {
  		border:0px;
		background-color:#F6F6F6;
		line-height:25px;
		border:double 1px #333333;
		color:#666666;
		height:30px;
		width:407px;
		size:30px;
		margin-left:-5px;
		padding-top:5px;
		padding-left:5px;
		font-size:16px;
		font-weight:900;
		font-family:Verdana, Arial, Helvetica, sans-serif;
  }
  .boxMsg
  {
  		border:0px;
		background-color:#F6F6F6;
		line-height:25px;
		border:double 1px #333333;
		color:#666666;
		height:80px;
		width:400px;
		margin-left:-5px;
		padding-top:5px;
		padding-left:5px;
		font-size:16px;
		font-weight:900;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin-top:2px;
  }
  .botao
  {
  	background-color:#F6F6F6;
	color:#99C93E;
	border:double 1px #333333;
	padding:5px;
	margin-left:437px;
  }
  .txt {
	font-size: 14px;
	font-weight: bold;
	
}
#contato
{
	font-size:13px;
	color:#F6F6F6;
	text-align:center;
	line-height:25px;
	padding-top:10px;
	width:100%;
}
table
{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:700;
	margin:0 auto;
	
}
table tr:hover
{
	background-color:#999999;
	width:400px;
	height:25px;
}
table td
{
	padding-left:5px;
}
.tab tr:hover
{
	background-color:#333333;
}