h1, h2, h3 { font-family: Arial; font-weight: bold; color: #666; letter-spacing: -1px; margin-bottom: 5px; }
h1 { font-size: 26px; }
h2 { font-size: 22px; }
.abas-conteudo h3 { color: #999; }
ul li { margin: 0; padding: 0; }

#pagina { background: url('/imagens/home/bg-topo.gif') repeat-x; }
#pagina_conteudo { margin: 0 auto; width: 780px; padding: 0; }
#pagina_conteudo_interna p { line-height: 18px; }
#pagina_banner { background: url(/imagens/cloud-server/banner-cloud-server.jpg) no-repeat; height: 324px; width: 780px; margin: 0; }
#pagina_banner h1 { font-size: 38px; color: #fff; padding: 55px 0 0 50px; }

#pagina_banner strong { font: 18px "Lucida Sans Unicode", Arial; color: #fff; display: block; letter-spacing: -1px; line-height: 26px; padding-left: 50px; width: 356px; }
#pagina_conteudo_interna { padding: 1px 20px 20px 20px; }
#pagina_topo { height: 436px; }


/* Breadcrumb */
#pagina_conteudo_navegacao_auxiliar { top: 280px; }


/* Abas */
ul#itens { padding-top: 30px; }
ul#itens li { margin-right: 31px;}
ul#itens li a { background: url('/imagens/cloud-server/itens-cloud-server.png') no-repeat;  }
ul#itens li a:hover { background: url('/imagens/cloud-server/itens-cloud-server.png') no-repeat;}


/* Icones */
.abas-conteudo { clear: both; margin-bottom: 30px 0 30px 0; padding-bottom: 20px; }
.abas-conteudo a { text-decoration: underline; }
.abas-conteudo h2 { color: #888; font: 16px "Lucida Sans Unicode", Georgia, Arial; letter-spacing: -1px; line-height: 20px; }
.abas-conteudo .icone { background: url('/imagens/cloud-server/icones.png') 0 0 no-repeat; margin-bottom: 15px; padding: 0 10px 20px 86px; }


/* visao geral */
#visao-geral p.descricao { display: block; padding-bottom: 18px; }
#visao-geral div { float: left; margin: 10px 20px 10px 0; width: 350px; text-align: left; }
#visao-geral div img { float: left; margin-right: 10px; }


/* dados tecnicos */
#dados-tecnicos .sistemas-operacionais { background-position: 0 -502px; float: left; width: 218px; padding-right: 35px; }
#dados-tecnicos .infraestrutura { background-position: 0 -1009px; float: left; width: 285px; }
#dados-tecnicos .painel-controle { background-position: 0 5px; float: left; margin-bottom: 20px; width: 214px; padding-right: 35px; }
#dados-tecnicos .painel-controle a img { border: 1px solid #ddd; margin-right: 5px; padding: 2px; }
#dados-tecnicos .painel-controle a:hover img { border-color: #bbb; }
#dados-tecnicos .seguranca { background-position: 0 -670px; float: right; margin-bottom: 40px; width: 308px; }
#dados-tecnicos .backup { background-position: 0 -166px; width: 226px; float: left; }
#dados-tecnicos .gerenciamento { background-position: 0 -332px; float: right; width: 308px; }
#dados-tecnicos .gerenciamento a.texto { color: #666; }

.ti-verde { background: url('/imagens/cloud-server/bg-infraestrutura.jpg') left top no-repeat; height: 155px; width: 740px; }
.ti-verde p { color: #878e7b; padding: 50px 0 0 25px; width: 500px; }


/* comparativos */
#comparativos .compare { float: left; margin-bottom: 30px; min-height: 75px; padding: 20px; width: 252px; }
#comparativos .componente { background: url('/imagens/cloud-server/setas.png') 0 28px no-repeat; display: block; float: left; width: 155px; }
#comparativos h3 { background: url('/imagens/cloud-server/componentes.jpg') no-repeat; font: 16px "Lucida Sans Unicode"; letter-spacing: -1px;  text-align: center; padding-top: 75px; }
#comparativos h3.disponibilidade { background-position: 21px -402px; padding-top: 68px; }
#comparativos h3.escalabilidade { background-position: 23px 0; }
#comparativos h3.performance { background-position: 21px -141px; }
#comparativos h3.gerenciamento { background-position: 21px -545px; }
#comparativos h3.baixo-custo { background-position: 21px -276px; padding-top: 72px; }
#comparativos #topo { background: url('/imagens/cloud-server/topo-comparativos.jpg') no-repeat; margin-bottom: 20px; height: 82px; }
#comparativos #topo h2 { font: bold 22px Arial; float: left; }
#comparativos #topo h2.cloud-server { color: #fff; margin-right: 130px; padding: 27px 0 0 27px; width: 210px; }
#comparativos #topo h2.servidor-dedicado { color: #ccc; padding: 27px 0 0 183px; }
#comparativos .ultimo { margin-bottom: 0; }
.vantagem { background: #eff5e8 url('/imagens/cloud-server/valido.png') 200px bottom no-repeat; clear: both; color: #909789; }
.desvantagem { background-color: #f4f4f4; color: #999; }

/* templates */
#templates h2 { font: 16px Arial; letter-spacing: 0; line-height: 24px; margin: 15px 0; text-align: center; }
#templates h2 em { color: #99b7ca; font: bold 16px Arial; }
#templates p { float: left; font: 14px Arial; line-height: 22px; margin-bottom: 15px; padding: 15px 15px 0 0; width: 439px; }

.logos { margin-top: 20px; overflow: hidden; }
.linha { overflow: hidden; padding: 0 20px; }
.logos .linha div { background: url('/imagens/cloud-server/templates/bg-templates.png') 15px 32px no-repeat; border-top: 2px solid #f8d277; float: left; overflow: hidden; padding-top: 21px; }
.logos .linha:first-child div:first-child { border: none; }
.logos .linha div img { float: left; margin: 0 30px 50px 0; padding: 30px 12px 0 30px; }
.logos .last { border-right: none; margin-right: 0; }
.logos ul { margin-top: 10px; }
.logos ul li { background: #fff; color: #999; font: bold 12px Arial; float: left; margin: 0 8px 8px 0; padding: 6px 12px; box-shadow: 1px 1px 3px #ddd; -moz-box-shadow: 1px 1px 3px #ddd; -webkit-box-shadow: 1px 1px 3px #ddd; }
.logos span { display: block; font: bold 12px Arial; text-align: center; }

a.softwares-instalados { background: url('/imagens/cloud-server/templates/botao-detalhes.png') 0 0 no-repeat; color: #999; cursor: pointer; display: block; font: bold 11px Tahoma; height: 30px; line-height: 28px; margin-top: 10px; padding-left: 35px; text-decoration: none; width: 130px; }
.logos .active { background: url('/imagens/cloud-server/templates/botao-detalhes.png') 0 bottom no-repeat !important; }

.detalhes { clear: both; display: block; overflow: hidden; padding: 0 20px 12px; }
.detalhes a { color: #999; font: bold 12px Arial; }

.templates-linux, .templates-windows { background-color: #f7f7f7; }

/* duvidas frequentes */
#caixa_duvidas_frequentes { clear:both; }
#caixa_duvidas_frequentes h2 { display: none; }
#caixa_duvidas_frequentes ul li { background: url('/imagens/cloud-server/artigo.png') left center no-repeat; border-bottom: 1px dashed #e1e1e1; display: block; height: 38px; padding-left: 25px; }
#caixa_duvidas_frequentes a { display: block; text-decoration: none; line-height: 38px; }
#caixa_duvidas_frequentes a:hover { text-decoration: underline; }
li.ultimo_item { margin: 0; }

/* duvidas frequentes */  /* Versão do site */
/*#caixa_duvidas_frequentes { clear:both; }
#caixa_duvidas_frequentes ul li { background: url('/imagens/duvida/artigo.png') left center no-repeat; border-bottom: 1px dashed #e1e1e1; display: block; height: 38px; padding-left: 25px; }
#caixa_duvidas_frequentes a { display: block; text-decoration: none; line-height: 38px; }
#caixa_duvidas_frequentes a:hover { text-decoration: underline; }*/