/**
* Documento de CSS SeuSiteAqui.com.br - Hospedagem de sites
*
* /!\ quer copiar? manda brasa! :)  /!\
*
* Autoria: seusiteaqui.com.br
* De: Alexandre Rodrigues
* Site: http://www.seusiteaqui.com.br
* Empresa: RedeWEB Provedor de Hospedagem ltda
*
* CSS Da estrutura do portal.
*/

* {margin:0; padding:0; list-style:none; text-decoration:none; font-weight:normal; text-align:left;}
body {
	background:#2F3E2A url(../images/site-fundo.gif) 0 0 repeat-x;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	margin:10px 0;
}

/**
* tags reservadas
*/
h1, h2, h3 {
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
h3 {color:#333;}
em {font-style:normal;}
b{font-weight:bold;}

/**
*Estrutura do site
*/
#main {
	margin:0 auto;
	width:775px;
	display:table;
}
#topo {
	background:url(../images/topo-topo-fundo.png) 0 0 no-repeat;
	width:775px;
	height:88px;
}
#topo h1 a{
	background:url("http://www.seusiteaqui.com.br/images/seusiteaqui-logo-png.png") 5px 13px no-repeat;
	width:304px;
	height:88px;
	display:block;
	float:left;
	text-indent:-5000px;
}
#menu-horizontal {
	border:1px solid #476027;
	border-width:0 1px;
}
#menu-horizontal ul {
	background:url(../images/menu-horizontal-fundo.gif) 0 0 repeat-x;
	list-style:none;
	height:29px;
}
#menu-horizontal li {
	display:inline;
}
#menu-horizontal li a {
	padding:8px 5px;
	display:block;
	width:145px;
	float:left;
	text-align:center;
}
#menu-horizontal li a:hover,
#menu-horizontal li.ativo a {
	background:#fff url(../images/menu-horizontal-fundo.gif) 0 -29px repeat-x;
	text-decoration:underline;
	color:#F60;
}
#menu-horizontal li.webmail a {width:143px;}
#centro {
	background:#FFF;
	border:1px solid #4C6544;
	border-top:none;
	display:table;
	width:773px;
	margin:0 auto;
}
#menu-vertical {
	width:160px;
	float:left;
	padding:2px 0 0 2px;
}
#menu-vertical ul {
	list-style:none;
}
#menu-vertical li.titulo {
	background:url(../images/menu-vertical-topo.gif) 0 0 no-repeat;
	padding:6px;
	text-align:center;
}
#menu-vertical li.empresa{margin-top:7px;}
#menu-vertical li a {
	display:block;
	padding:6px 3px;
	border:1px solid #fff;
	border-width:1px 2px;
	border-color:#FFF #97c301 #e9e9e9 #97c301;
	background: #fcfcfc;
}
#menu-vertical li.ativo a,
#menu-vertical li a:hover {
	background:#F9F9F9 url(../images/seta_direita.gif) 140px center no-repeat;
	border-left-color:#F90;
	border-right-color:#f90;
}
#conteudo {
	margin-left:163px;
	display:block;
	padding-bottom:15px;
}
#rodape {
	background:url(../images/rodape-fundo.gif) 0 0 no-repeat;
	height:62px;
	padding-top:2px;
	margin:0 auto;
	width:775px;
}
#rodape p {
	margin:0; padding:0;
	line-height:18px;
	text-align:center;
}

/**
* Cor de fonte e estilo de links
*/
.corum,
.corum a,
.corum a:hover {
	color:#333;
}
.cordois,
.cordois a,
.cordois a:hover {
	color:#666;
}
.cortres,
.cortres a,
.cortres a:hover,
.linkum a,
.linkum a:hover {
	color:#6ba92f;
}
.cimaum a:hover {
	color:#F60;
}
.semunder a,
.semunder a:hover {
	text-decoration:none;
}
.destaque {font-weight:bold;}
.linkdestaque a {
	padding:10px;
	margin-top:15px;
	display:block;
	text-align:center;
	font-size:16px;
}

/**
* topo das secoes do site
*/
h1#bemvindo{
	background:url("../images/topo-bem-vindo.gif") 0 0 no-repeat;
	text-indent:-5000px;
    height:120px;
}
h2#titulo-interno {
	margin-bottom:10px;
	font-size:18px;
	color:#3B3424;
}
h2#titulo-interno span {
	float:right;
	padding:18px 25px 0 0;
}
h2#titulo-interno img {
	width:0;
	height:0;
}
.topo-padrao {
	background:url(../images/topo-interno.gif) 0 0 no-repeat;
	height:90px;
}
.topo-vantagens {
	background:url(../images/topo-vantagens.gif) 0 0 no-repeat;
	height:109px;
}
.topo-construtor {
	background:url(../images/topo-construtor.gif) 0 0 no-repeat;
	height:100px;
}

/**
* Estilos Gerais
*/
.moldura {
	margin:0 auto;
	width:573px;
}
.interno ol,
.interno ul {
	list-style:none;
}
.interno li {
	margin:20px 0;
	padding:10px;
	border:1px solid #fff;
	border-color:#e4e4e4 #e4e4e4 #d5d5d5 #d5d5d5;
	background:#fcfcfc url(../images/lista-fundo.png) left bottom repeat-x;
}
.interno li ul {
	list-style:none;
	margin-left:20px;
}
.interno li ul li {
	margin:6px;
	padding:0;
	background:none;
	border:0;
}
.interno li p {line-height:150%;}
.interno img {
	float:left;
	margin:3px;
	border:0;
}
.interno h2 {font-size:12px;}
.caixa-cinza {
	width:179px;
	float:left;
	margin-left:15px;
	display:block;
}
.caixa-cinza h2{
	background:url(../images/caixa-topo.png) 0 0 no-repeat;
	width:181px;
	font-size:14px;
	padding:8px 0 7px 0;
	text-align:center;
	color:#060;
}
.caixa-cinza .conteudo {
	border:1px solid #E1E1E1;
	border-width:0 1px;
	width:173px;
	padding:3px;
	line-height:130%;
	background:url(../images/plano_footer.gif) 0 bottom no-repeat;
}
.caixa-cinza p:first-letter {
	padding-left:5px;
	font-weight:bold;
}
.caixa-cinza p.mais {
	margin-top:10px;
	text-align:right;
}
.caixa-cinza p.mais:first-letter {
	padding-left:0;
	font-weight:normal;
}
.caixa-cinza-grande {
	display:block;
	margin-bottom:10px;
}
.caixa-cinza-grande h2 {
	background:url(../images/caixa-topo-grande.png) 0 0 no-repeat;
	padding:8px;
	text-align:center;
	font-weight:bold;
}
.caixa-cinza-grande .conteudo {
	border:1px solid #E1E1E1;
	border-top:0;
	padding:4px;
	line-height:110%;
	display:table;
}
.comespaco p:first-letter {padding-left:10px;}
.comespaco p {
	margin:5px 0;
	line-height:150%;
}
.destaque-interno {
	text-align:center;
	padding:0 10px 10px 2px;
	font-size:12px;
	background:url(../images/chamada-central.gif) 0 bottom no-repeat;
}
.planohospedagem {
	width:181px;
	float:left;
	margin-left:14px;
}
.planohospedagem h2 a img{border:none;}
.planohospedagem ul {
	list-style:none;
	border:1px solid #e1e1e1;
	border-bottom:0;
	margin-top:3px;
	background:URL(../images/plano_footer.gif) bottom no-repeat;
}
.planohospedagem li {
	padding:3px 2px;
	border-bottom:1px solid #CCC;
}
.planohospedagem li.fimplano {border-bottom:none;}
.planohospedagem li.assinarplano {
	text-align:right;
	padding-right:10px;
}
.moldura .ideal em {font-weight:bold; color:#668200;}
.moldura .super em {font-weight:bold; color:#B89700;}
.moldura .monster em {font-weight:bold; color:#A66400;}
.moldura .ideal li h2,
.moldura .super li h2,
.moldura .monster li h2 {
	padding:5px;
	text-align:center;
	color:#000;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
}
.moldura .ideal li h2 {background:#B5D722;}
.moldura .super li h2 {background:#EACA00;}
.moldura .monster li h2 {background:#F59C03;}
#placas{margin-left:17px;}
#placas .crie-site{float:left;}
#placas .crie-site h3 a{
	background:url("../images/construtor-de-site.jpg") 0 0 no-repeat;
	width:277px;
	height:165px;
	text-indent:-5000px;
	display:block;
}
#placas .registro-dom{
	background:url("../images/registro-de-dominio.jpg") 0 0 no-repeat;
	width:277px;
	height:165px;
	margin-left:295px;
}
#placas .registro-dom h3{text-indent:-5000px;}
#placas .registro-dom p{
	color:#666;
	margin-top:68px;
    text-align:center;
}
#placas .registro-dom form{
	text-align:center;
    margin-top:10px;
}
#placas .registro-dom form .dominio{margin-left:50px;}
#placas .registro-dom form .pesquisar{margin-top:10px;}
table thead th h2 {
	font-size:16px;
	padding:5px 0;
	color:#3B3424;
	text-align:left;
}
table.recursos {
	width:100%;
	margin:10px 0;
	border-collapse:collapse;
}
table.recursos tbody {border:1px solid #E1E1E1;}
table.recursos tbody td {padding:4px;}
table#contato {
	border-collapse:collapse;
	margin:0 auto;
	width:300px;
}
table#contato tbody th,
table#contato tbody td {
	padding:2px;
}
table#contato tbody th {
	text-align:right;
	vertical-align:top;
}
table#contato tbody input,
table#contato tbody textarea {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	padding:1px;
	color:#060;
	cursor:pointer;
	border:1px solid #999;
}
table#contato tbody input:focus,
table#contato tbody textarea:focus {
	border:1px solid #fff;
	border-color:#e4e4e4 #e4e4e4 #d5d5d5 #d5d5d5;
	padding:1px;
	color:#F60;
}
.molduratencao {
	background:#FFF0F0;
	border:1px solid #FFF;
	border-color:#FAA #FF6F6F #FAA #FF6F6F;
	padding:5px;
	margin:5px 0;
	text-align:center;
}

/**
* Cor de fonte e estilo de links
*/
.corum,
.corum a,
.corum a:hover {
	color:#333;
}
.cordois,
.cordois a,
.cordois a:hover {
	color:#666;
}
.cortres,
.cortres a,
.cortres a:hover {
	color:#060;
}
.linkum a,
.linkum a:hover {
	color:#060;
}
.cimaum a:hover {
	color:#F60;
}
.semunder a,
.semunder a:hover {
	text-decoration:none;
}
.destaque {font-weight:bold;}
.linkdestaque a {
	padding:10px;
	margin-top:15px;
	display:block;
	text-align:center;
	font-size:16px;
}

/**
* Cor boxhover
*/
.boxovertop{
	background:url(images/info.gif) 3px no-repeat #F9FEE0;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#060;
	border: solid 1px #B8DB08;
	padding: 3px 3px 3px 21px;
	width:200px;
}
.boxoverbody{
	background-color:#fff;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#030;
	border:1px solid #B8DB08;
	border-top:none;
	padding:8px;
	width:208px;	
}

#chamada{
	color:#6e6e6e;
	display:table;
	clear:both;
	margin:0 auto;
	padding:15px 0;
}
#chamada a{color:#6ba92f;}
#chamada a:hover{color:#F60;}
#chamada .quadro{
	width:175px;
	float:left;
	margin-left:8px;
	padding-left:11px;
	border-left:1px dotted #ccc;
}
#chamada .primeiro{ /* REMOVE ESTILOS QUE INTERFEREM */
	margin-left:0;
	padding-left:0;
	border:none;
}
#chamada .quadro h2,
#chamada .quadro h2 a{
	font-size:16px;
	padding:5px 0;
	color:#3B3424;
}
#chamada .quadro h4 a{
	font-size:14px;
	text-decoration:underline;
}
#chamada p{margin:4px 0;}
#chamada p a{
	text-decoration:underline;
	padding:0 2px;
}