/*-----------------------------------------------------------------------------
Nome do Projeto (HOST-RIO)

website		     : http://www.pranacriacao.com.br
data de criacao      : 27/07/2006
Ultima modificação   : 02/07/07
 

!- Legenda de comentários 
-----------------------------------
 :LIXO     - Maneira ruim de contornar um problema
 :ALTERAR  - Alterar no fim do desenvolvimento do projeto
 :BUG      - Problema no código

-----------------------------------------------------------------------------*/


/* =Geral
-----------------------------------------------------------------------------*/

* {
	margin:0px;
	padding:0px;
}

img, fieldset {
	border:none;
}

img {
	margin:0px;
	padding:0px;
}

body {
	font:11px Tahoma, Verdana, Arial, Verdana;
	color:#333;
	background:url(../img/bg.gif) fixed;
}

hr {
	border:none; /* :LIXO - Retiramos a borda para colocar novamente logo abaixo,
					resolvendo o problema de borda dupla no IE */
	border-bottom:1px solid #CCC;
	margin-bottom:15px;
	height:1px;
}

h1 {
}

h2 {
	margin-bottom:20px;
	font:bold 18px Tahoma, Verdana, Arial;
	color:#FF9900;
	background:url(../img/iconeh2.gif) no-repeat 0 8px;
	padding:0 0 0 50px;
}

h3 {
	border-left:4px solid #1F79AD;
	padding-left:5px;
	margin-bottom:5px;
	font-size:14px;
	margin-top:20px;
}
h4{
	color:#42929D;
	background:url(../img/seta.gif) no-repeat 0 3px;
	padding:0 0 0 10px;
	font-size:12px;
	margin-bottom:5px;
}
h5 {
	padding-left:5px;
	margin-bottom:5px;
	font-size:12px;
	margin-top:20px;
}
h6 {
	padding-left:5px;
	margin-bottom:5px;
	font-size:10px;
	margin-top:20px;
}

ul.lista li {
	padding-left:15px;
	list-style:none;
	background:url(../img/bullet_orange.gif) 0px 5px no-repeat;
	color:#FFFFFF;
	font: 11px Tahoma, Verdana, Arial;
	line-height:15px;	
}

ul.lista2 {
	margin-bottom:15px;
}

ul.lista2 li {
	padding-left:15px;
	list-style:none;
	background:url(../img/bullet_orange.gif) 0px 5px no-repeat;
	color:#333;
	font: 11px Tahoma, Verdana, Arial;
	line-height:18px;	
}


/* =Estrutura
-----------------------------------------------------------------------------*/
#container {
	width:770px;
	margin:auto;
}

/* =Sombra
-----------------------------------------------------------------------------*/
#sombra{ width: 770px; margin: auto; border-right:1px solid #ccc;	border-left:1px solid #ccc;}


/* =Topo
-----------------------------------------------------------------------------*/
#topo {
	width:769px;
	height:174px;
	background:url(../img/bg_topo.jpg) no-repeat;
	position:relative;
	
}

#topo .flash {
	position:absolute;
	left:0px;
	bottom:0px;
}

/* =menuPrincipal
-----------------------------------------------------------------------------*/
#menuPrincipal {
	height:27px;
	background:#333333;
}

#menuPrincipal ul {
	list-style:none;
	
}

#menuPrincipal ul li {
	display:inline;
}


/* =Conteudo
-----------------------------------------------------------------------------*/
#conteudo {
	padding:20px 7px 20px 7px;	
	background:#fff url(../img/bg_conteudo_interna.jpg) top left repeat-x;
}

#conteudo p {
	margin-bottom:15px;
}

#conteudo a {
	text-decoration:none;
	color:#006699;
}
#conteudo a:hover {
	text-decoration:underline;
	color:#FF6600;
}

/* =Conteudo HOME
-----------------------------------------------------------------------------*/
body.home #conteudo {
	background:#333333 url(../img/bg_conteudo.jpg) top left no-repeat;
}

body.home #conteudo p {
	margin-bottom:0px;
}

body.home #conteudo .plano {
	position:relative;
	padding:30px 5px 0px 10px;
	float:left;
	width:233px;
	height:138px;
	margin:0px 6px 15px 0px;
	background:url(../img/bg_plano.jpg);
}


body.home #conteudo .plano p.preco {
	position:absolute;
	bottom:2px;
	right:20px;
	font:bold 15px Tahoma, Verdana, Arial;
	color:#990000;
}

body.home #conteudo .plano a.assine {
	position:absolute;
	bottom:0px;
	left:10px;
	display:block;
	width:78px;
	height:18px;
	text-indent:-9000px;
	overflow:hidden;
}

#planoBasico h1 {
	position:absolute;
	top:4px;
	left:5px;
	 background:url(../img/titulos/tit_plano_basico.gif) no-repeat;
	 width:98px;
	 height:12px;
	 text-indent:-9000px;
	 overflow:hidden;
}

#planoAvancado h1 {
	position:absolute;
	top:4px;
	left:5px;
	 background:url(../img/titulos/tit_plano_avancado.gif) no-repeat;
	 width:120px;
	 height:16px;
	 text-indent:-9000px;
	 overflow:hidden;
}

#planoPersonalizado h1 {
	position:absolute;
	top:4px;
	left:5px;
	 background:url(../img/titulos/tit_plano_personalizado.gif) no-repeat;
	 width:155px;
	 height:16px;
	 text-indent:-9000px;
	 overflow:hidden;
}

body.home #conteudo #recursosComuns {
	float:left;
	padding:15px 5px;
	width:492px;
	background:#666666;
}

body.home #conteudo #recursosComuns a {
	text-decoration:none;
	color:#FF9900;
}


body.home #conteudo #recursosComuns h1{
	margin-bottom:7px;
	width:306px;
	height:15px;
	background:url(../img/titulos/tit_recursos_comuns.jpg) no-repeat;
	text-indent:-9000px;
	overflow:hidden;
}

body.home #conteudo #recursosComuns p.outrosRecursos{
	padding-top:5px;
	clear:both;
	font:bold 11px Tahoma, Verdana, Arial;
	color:#fff;
	text-align:center;
}

body.home #conteudo #recursosComuns p.outrosRecursos a{
	color:#FF9900;
	text-decoration:none;
	font-weight:normal;
}


body.home #conteudo #produtosAdicionais {
	float:right;
	width:233px;
	height:259px;
	padding:43px 5px 0px 10px;
	_padding:43px 5px 0px 10px;
	background:url(../img/bg_produtos_add.jpg);
	
}


body.home #conteudo #produtosAdicionais ul li{
	margin: 0 0 7px 0;
	
}


body.home #conteudo #produtosAdicionais p.saibaMais {
	margin-top:27px;
	margin-left:160px;
	width:70px;
	height:15px;
}

body.home #conteudo #produtosAdicionais p.saibaMais a{
	display:block;
	width:70px;
	height:15px;
	text-indent:-9000px;
	overflow:hidden;
}


/* =Rodape
-----------------------------------------------------------------------------*/
#rodape {
	position:relative;
	clear:both;
	width:770px;
	height:77px;
	background:url(../img/bg_rodape.jpg) no-repeat;

}

#rodape address {
	position:absolute;
	top:5px;
	left:10px;
	font:normal 11px Tahoma, Verdana, Arial;
	color:#F1FAFA;
}

#rodape a.prana {
	position:absolute;
	bottom:0px;
	right:5px;	
	display:block;
	width:118px;
	height:43px;
	text-indent:-9000px;
	overflow:hidden;
}

#rodape a.ic {
	position:absolute;
	bottom:0px;
	left:4px;	
	display:block;
	width:240px;
	height:42px;
	text-indent:-9000px;
	overflow:hidden;
}

.uptime {
	position:absolute;
	top:5px;
	right:7px;
}


/* =Tabelas
-----------------------------------------------------------------------------*/
.tabela1{
	background:#78A5D1;
	margin-bottom:10px;
}
.tabela1 td {
	border:1px solid #78A5D1;
	padding:1px 5px 1px 5px;
	background:#fff;
}

.tabela1 tr.header td {
	background:#78A5D1;
	font:bold 13px Tahoma, Verdana, Arial;
	color:#003366;
}


/* =Formulários
-----------------------------------------------------------------------------*/
.formulario fieldset {               
	padding:10px;         
}                                 

.formulario label {  
	float:left;               
	width:150px;         
}                                 

.formulario input.campo , .formulario textarea , .formulario select {                                                                     
	padding-left:3px;                                       
	border:1px solid #CCC;
	font: 11px Tahoma, Verdana, Arial;                               
}     

.campo2 {
	width:350px;
}                                                                

.formulario input.botao {                   
	display:block;                
	margin:15px 0px 0px 0px;    
	background:#f5f5f5;           
	border:1px solid #666666;     
}


.frmPersonalizado .campo {
	border:1px solid #999999;
	font:11px Tahoma, Verdana, Arial;
	color:#666666;
}
.formulario textarea{width:350px;}

.formulario #btEnviar{border:none; background:none;}	


.formularioPainel { position:relative; }
.formularioPainel fieldset {
	position:absolute;
	top:0px;
	right:0px;
	width:250px;
}
.formularioPainel fieldset .campo1 , .formularioPainel fieldset .campo2{
	padding-left:3px;
	width:84px;
	height:13px;
	background:#406479;
	border:none;
	color:#FFFFFF;
	font:10px "Trebuchet MS", Verdana, Arial;
}
.formularioPainel fieldset .campo2 { background:#333333; }

.formularioPainel fieldset .botao1 {  }
.formularioPainel fieldset .botao2 { }


#frmPainel {
	position:absolute;
	top:-2px;
	right:0px;
}

#frmWebMail {
	position:absolute;
	top:25px;
	right:0px;
}

.formularioPainel {
	
}


/* =Classes Gerais
-----------------------------------------------------------------------------*/
.center {
	text-align:center;
}

.left {
	text-align:left;
}

.valor {
	font:bold 11px Tahoma, Verdana, Arial;
	color:#990000;
}

.right {
	text-align:right;
}

.fRight {
	float:right;
}

.fLeft {
	float:left;
}

.clear {
	clear:both;
}

.block {
	display:block;
}

.noMargin {
	margin:0px !important;
}

.none {
	display:none;
}

.obrigatorio {
	font-weight:bold;
	color:#990000;
}

.precoInterna {
	font:bold 20px Tahoma, Verdana, Arial;
	color:#990000;
}

p.recolher {
	display:block;
	text-align:left;
	font:bold 12px "Trebuchet MS", Verdana, Arial;
	color:#FF9966;
}