/* CSS Document */
* { padding:0; margin:0; }
#geral { margin:0 auto; width:100%; }

/* ------------------------------ TOPO ------------------------- */
#cima { background:url(imagens/topo.jpg) top repeat-x; width:100%; height:158px; }
#topo { width:746px; height:158px; margin:0 auto; }
#topo h1 { background:url(imagens/logo.jpg) no-repeat top; width:246px; height:79px; float:left; } 
#topo h1 a { display:block; text-indent:-9999px; width:246px; height:79px; }
.titulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #990000;
}

#topo #mundo { 
	width:174px; height:80px; 
	background:url(imagens/mundo.jpg) top no-repeat; 
	float:right; 
}
#topo #mundo #linktopo a.lbranco, a.lbranco:link, a.lbranco:visited { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	color:#FFFFFF; 
	text-decoration:none; 	
}
#topo #mundo #linktopo a.lbranco:hover { 
	text-decoration:none; 
	background-color:#FFFFFF; 
	color:#990000; 
}
#topo #mundo #linktopo { padding:50px 0 10px 60px; }
#menu {	clear:both; }
#menu ul { 
	height:37px;
	width:746px;
	text-decoration:none;
}
#menu li {
	list-style:none;
	display:inline;
}
#menu li a, #menu li a:link, #menu li a:visited {
	line-height:40px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	padding:5px 10px;
	margin:7px;
	text-decoration:none;	
	border-left:#FFFFFF none 10px;
}
#menu li a:hover { 
	padding:5px 9px;
	text-decoration:none; 
	background:url(imagens/botao.gif) repeat-x bottom; 
	border:#FFFFFF inset 1px; 
}
		
/* ------------------------------ MEIO ------------------------- */
#conteudo { width:746px; margin:0 auto; }

#conteudo h2.fighome1 { 
	background:url(imagens/promo.jpg) no-repeat top;
	width:746px; height:171px;
}
#conteudo h2.fighome1 a {
	display:block; text-indent:-9999px; 
	width:746px; height:220px;
}
#conteudo h3.planos { 
	background:url(imagens/planos.jpg) no-repeat top;
	width:239px;
	height:142px;
	float:left;
	margin:10px 14px 0 0;
}
#conteudo h3.planos a { 
	display:block; text-indent:-9999px; 
	width:239px;
	height:142px;

}
#conteudo h3.vantagens { 
	background:url(imagens/vantagens.jpg) no-repeat top;
	width:239px;
	height:142px;
	float:left;
	margin:10px 14px 0 0;
}
#conteudo h3.vantagens a { 
	display:block; text-indent:-9999px; 
	width:239px;
	height:142px;

}
#conteudo h3.revenda { 
	background:url(imagens/revenda.jpg) no-repeat top;
	width:239px;
	height:142px;
	float:left;
	margin:10px 0 0 0;
}
#conteudo h3.revenda a { 
	display:block; text-indent:-9999px; 
	width:239px;
	height:142px;
}
#noticias #notvc {
	width:746px;
	height:189px;
	float:left;
	margin-top:15px;
	text-indent:-9999px;
	background:url(imagens/servicos.png) no-repeat top;
}
#noticias {
	padding:0;
	margin:0;
}
#noticias ul { 
	width:350px;
	float:left;
	padding:0 0 20px 20px;
	margin:0;
	list-style-position:inside;
	list-style-image:url(imagens/bullet.gif);
}

#noticias li {
	padding:0;
	margin:0;
}
#noticias li a.not, #noticias li a.not:link, #noticias li a.not:visited, #conteudo p.not, #conteudo p a.not, #conteudo p a.not:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-decoration:none;
	line-height:20px;
}
#noticias li a.not:hover, #conteudo p a.not:hover { background-color:#990000; color:#FFFFFF; }
#conteudo p { margin-bottom:25px; }
#conteudo h2.titulo {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#990000;
	padding:0 0 10px 10px;
}
div.planos { margin:5px; float:left; width:360px; }
	
/* ------------------------------ RODAPE ------------------------- */
#rodape { width:746px; margin:0 auto; }
#baixo {background:url(imagens/rodape.jpg) top repeat-x; width:100%; height:75px; clear:both; }
#baixo #rodape ul { 
	height:37px;
	width:746px;
	text-decoration:none;
	float:left;
}
#baixo #rodape li {
	list-style:none;
	display:inline;
	margin-left:10px; float:left;
}
#baixo #rodape li a, #baixo #rodape li a:link, #baixo #rodape li a:visited {
	line-height:42px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	margin:5px;
	text-decoration:none;
}
#baixo #rodape li a:hover { background-color:#990000; color:#FFFFFF; }
#baixo #rodape p { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	float:center;
}
#rodape p a, #rodape p a:link, #rodape p a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-decoration:none;
}


/* ------------------------------ EXTRAS ------------------------- */
.texto {
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
}
.textopq {
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:11px;
}
.cxtexto {
	border-style:groove; 
	background-color:#FFDDDE;  
	font-family: Verdana; 
	font-size: 9pt; 
	border-width: 1
}
.bottopo {
	padding:0; margin:0;
	background-image:url(imagens/topo2.gif);
	width:21px;
	height:54px;
	display:block;
	overflow:hidden;
	text-indent:-999px;
}
a.bottopo:hover {
	background-position:bottom;
}
input, select, textarea { 
	background-color:#FFEAEB; 
	border:#990000 solid 1px;
	height:27px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#333333;
	padding:4px;
	margin-bottom:6px;
}
textarea#duvidas { 	height:200px; }
input:hover, :focus { background-color:#FFFBFB; }
select#uf { height:31px; }
#cadastro { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	padding-left:100px;
}
.button {
	background-color:#CC0000;
	color:#FFFFFF;
	height:35px;
	border:#333333 outset 1px;
}
.button:hover { border:#333333 inset 1px; background-color:#990000; }
#planoescolhido { 
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#990000;
	font-size:18px;
	font-weight:bold;
	padding:5px 0 0 10px;
}
.left { float:left; }

}

.caracteristicas h3 {
	border: 1px solid #F0F0F0;
	background-color: #F4F4F4;

}






#linux {
width: 182px;
height: 221px;
background: #fff url(linux_planos.gif) no-repeat;
position: relative;
float: right;

}

#linux  h2{
display: none;
}


#linux  ul li {
color: #3984a8;
font: 10px/13px Verdana, Arial, Helvetica, sans-serif;
padding-left: 15px;;
}


#linux  h3{
font: 12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
padding-top: 42px;
padding-left: 18px;
}

#linux  h3 em {
font: 20px 'Trebuchet MS', Arial, Helvetica, sans-serif;
color: #333;
padding-left: 3px;
}


#linux a.ver_planos {
width: 95px;
height: 23px;
display: block;
text-indent: -9000em;
background: #f6f6f6 url(linux_ver_planos.gif) no-repeat;
bottom: 10px;
right: 20px;
position: absolute;

}

#hospedagem p {
  font: 11px verdana, arial, sans-serif;
color: #333;
margin-left: 22px;
padding-right: 20px;
}


#hospedagem a em {
  color: #333;
  display: block;
  padding-top: 30px;
  text-align: right;
  padding-right: 60px;
  font: bold 17px 'trebuchet ms', arial, verdana, sans-serif;

}

#hospedagem a small {
  float: right;
  width: 300px;
  color: #656;
   display: block;
   font-size: 11px;
   text-align: right;
   padding-right: 10px;
   padding-top: 8px;

}



#hospedagem a.plataforma_windows em span {
   color: #ff9a00;
}


#hospedagem a.plataforma_linux em span {
   color: #1e74b6;
}







#hospedagem a.plataforma_windows {
  width: 500px;
  height: 170px;
  background: #fff url(plataforma_windows.gif) no-repeat;
  display: block;
  margin: 10px 0 0 20px;

}

#hospedagem a.plataforma_linux {
width: 500px;
  height: 170px;
  background: #fff url(plataforma_linux.gif) no-repeat;
  display: block;
  margin: 10px 0 0 20px;
}


table.tabela_planos {
text-align: center;
border: 1px solid #eee;
margin: 10px 0 10px 8px;
width: 535px;
}

table.tabela_planos td {
font: 11px verdana, arial, sans-serif;
margin: 0;
color: #333;
height: 30px;
}
table.tabela_planos h3 {
font: 10px verdana, arial, sans-serif;
margin: 0;
color: #333;
height: 30px;
text-align: left;
}

table.tabela_planos thead td, table.tabela_planos th {
color: #333;
background: #eee;
font: bold 11px verdana, arial, sans-serif;
padding: 2px 5px;
text-align: center;
}


table.tabela_planos tfoot td a {
font: 11px verdana, arial, sans-serif;
text-decoration: underline;
color: #34799d;
padding: 3px;
display: block;
height: 24px;
line-height: 24px;
}

table.tabela_planos tfoot td a:hover {
background-color: #34799d;
color: #fff;
}

table.tabela_planos th.carac {
text-align: left;
font: 11px verdana, arial, sans-serif;
width: 22%;
}

table.tabela_planos tbody tr.par td {
background: #F5F5F5;
}

table.tabela_planos tbody tr td em {
  color: #CC0000;
  font: bold 11px verdana, arial, sans-serif;
}


table.tabela_planos tbody td {
width: 90px;
}


#componentes {
padding-left: 20px;
color: #666;
font: 11px Verdana, arial, sans-serif;
margin-top: -30px;
padding-bottom: 30px;
}


#componentes p {
margin-left:0 !important;
color: #666;
font: 11px Verdana, arial, sans-serif;
}

#componentes p a {
color: #999;
}

#componentes p a:hover {
color: #666;
}

#componentes h1 {
font-weight: bold;
font-size: 12px;
color: #CC6600;
border-bottom: 1px dotted #ccc;
width: 515px;
margin-top: 30px;
}

#componentes h1 a {
color: #CC6600;
}

#componentes h1 a:hover {
color: #CC6600;
}


#componentes h2 {
font-size: 12px;
color: #67A4E8;
margin-top: 20px;
background: url(nav_arrow.gif) no-repeat center left;
padding-left: 12px;
}

#componentes li {
color: #666;
font: 11px Verdana, arial, sans-serif;
padding-left: 8px;
background: url(seta_laranja.gif) no-repeat center left;
}

#componentes li a {
color: #999;
}

#componentes li a:hover {
color: #666;
}

#componentes blockquote {
padding-left: 30px;

}

#conteudo_central div.header_normal h1 {
font: bold 18px 'Trebuchet Ms', Arial, Helvetica, sans-serif;
margin: 15px 0 0 50px;
padding: 0 2px;
float: left;
_display: inline;
border-bottom: 1px dashed #ccc;
color: #555;
}