@charset "iso-8859-1";

body,table {
	margin:0px;
	font-family:"Trebuchet MS";
	font-size:12px;
	background-image:url(imagens/bg_cinza.png);
	background-repeat:repeat-x;
}
p { margin: 0 0 10px 0; } /* definindo a margem dos parágrafos */

a:link  {color: #eb480d; TEXT-DECORATION: none;}
a:visited {color: #eb480d; TEXT-DECORATION: none;}
a:hover {color: #b53f0d; TEXT-DECORATION: underline;}

input,textarea,select {
	font-family:"Trebuchet MS",Verdana;
	font-size:12px;
	color: #625e5f;
	background-color:#FFF;
	border: 1px dotted #625e5f;
}

#Principal {
	background-image:url(imagens/bg_topo.png);
	background-repeat:repeat-x;
	width:1000px;
	height:119px;
	margin-left: auto;
	margin-right: auto;
}
#Internas {
	margin:5px;
}
#Internas450 {
	width: 450px;
	margin-right:auto;
	margin-left:auto;
}
#Internas600 {
	width: 600px;
	margin-right:auto;
	margin-left:auto;
}
#Internas290 {
	width: 290px;
	margin-right:auto;
	margin-left:auto;
}
#Internas230 {
	width: 230px;
	margin-right:auto;
	margin-left:auto;
	border: solid 1px #C90;
	padding:5px;
	background:#FFF;
}
#Login {
	background-image:url(imagens/bg_login.png);
	width: 200px;
	height: 131px;
	margin-top:5px;
	padding:8px;
}
#Tabela {
	width: 90%;
	margin-right:auto;
	margin-left:auto;
}
#Linha {
	width: 100%;
	clear:both;
	border-top: solid 1px #C90;
}
#CelulaCompleta {
	width: 99.4%;
	text-align:center;
	float:left;
	margin-right:auto;
	margin-left:auto;
	padding:1px;
	border-left: solid 1px #C90;
	border-right: solid 1px #C90;
	background:#f3ab01;
	color:#FFF;
	font-size:14px;
	font-weight:bolder;
}
#Celula {
	width: 22.7%;
	text-align:center;
	float:left;
	margin-right:auto;
	margin-left:auto;
	padding:1px;
	border-right: solid 1px #C90;
}
#CelulaDestaque {
	width: 22.7%;
	text-align:center;
	float:left;
	margin-right:auto;
	margin-left:auto;
	padding:1px;
	border-right: solid 1px #C90;
	color:#F00;
	font-size:14px;
	font-weight:bolder;
}
#CelulaEsquerda {
	width: 30%;
	text-align:center;
	float:left;
	margin-right:auto;
	margin-left:auto;
	padding:1px;
	border-left: solid 1px #C90;
	border-right: solid 1px #C90;
}

#CelulaTitulo {
	width: 22.7%;
	text-align:center;
	float:left;
	margin-right:auto;
	margin-left:auto;
	padding:1px;
	border-right: solid 1px #C90;
	background:#f3ab01;
	color:#000;
	font-size:16px;
	font-weight:bolder;
}
#CelulaTituloEsquerda {
	width: 30%;
	text-align:center;
	float:left;
	margin-right:auto;
	margin-left:auto;
	padding:1px;
	border-left: solid 1px #C90;
	border-right: solid 1px #C90;
	background:#f3ab01;
	color:#000;
	font-size:16px;
	font-weight:bolder;
}

/*
Área do Cliente
*/
#FaturaTitulo {
	width: 20.6%;
	text-align:center;
	float:left;
	margin-right:auto;
	margin-left:auto;
	padding:1px;
	border-right: solid 1px #C90;
	background:#f3ab01;
	color:#000;
	font-size:16px;
	font-weight:bolder;
}
#FaturaTituloEsquerda {
	width: 15.2%;
	text-align:center;
	float:left;
	margin-right:auto;
	margin-left:auto;
	padding:1px;
	border-left: solid 1px #C90;
	border-right: solid 1px #C90;
	background:#f3ab01;
	color:#000;
	font-size:16px;
	font-weight:bolder;
}

#Fatura {
	width: 20.6%;
	text-align:center;
	float:left;
	margin-right:auto;
	margin-left:auto;
	padding:1px;
	border-right: solid 1px #C90;
}
#FaturaEsquerda {
	width: 15.2%;
	text-align:center;
	float:left;
	margin-right:auto;
	margin-left:auto;
	padding:1px;
	border-left: solid 1px #C90;
	border-right: solid 1px #C90;
}

/*
Final Área do Cliente
*/


.TextoForm {
	width:50px;
}

#Logo {
	float:left;
	margin: 14px 0px 0px 71px;
	width: 194px;
	height: 96px;
}
#Menu {
	float:left;
	margin: 36px 0px 0px 133px;
	width: 600px;
	height: 36px;
}
.Menu {
	float:right;
	color:#eb480d;
	position:relative;
	padding: 0px;
	cursor:pointer;
	text-align:center;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-top: 1px solid #FFF;
}

.MenuOver {
	float:right;
	position:relative;
	cursor:pointer;
	text-align:center;
	border-left: 1px solid #b60303;
	border-right: 1px solid #b60303;
	border-top: 1px solid #b60303;
	background-color:#f3ab01;
	padding: 0px;
	padding-bottom: 1px;
	text-decoration:none;
	color:#FFF;
}

.MenuOver a:hover {
	color:#FFF;
	background-color:#f3ab01;
	padding: 0px 0px 2px 0px;
	text-decoration:none;
}

.SubMenu {
	text-align:left;
	position:absolute;
	color:#eb480d;
	margin-top:19px;
	width:150px;
	visibility:hidden;
	border-left: 1px solid #b60303;
	border-right: 1px solid #b60303;
	border-bottom: 1px solid #b60303;
	z-index:999;
}

.SubMenu li {
	background-image:url(imagens/bg_submenu.png);
	color:#000;
	padding:5px;
	list-style:none;
	list-style-position:outside;
	width:140px;
	top:0px;
	cursor:pointer;
}

#CaixaBusca {
	float:right;
	background-image:url(imagens/caixa_busca.png);
	margin: 0px 174px 0px 0px;
	width:346px;
	height:33px;
	text-align:center;
}
#TextoBusca {
	float:left;
	width:200px;
	padding: 3px  0px 0px 15px;
}
#TextoBusca input {
	font-family:"Trebuchet MS",Verdana;
	font-size:20px;
	color: #625e5f;
	background-color:#FFF;
	border:0px;
}
#BotaoBusca {
	float:right;
	width:24px;
	height:25px;
	padding: 4px 8px 0px 0px;
}

#BotaoBusca input {
	border:0px;
}
#BarraVermelha {
	background-image:url(imagens/barra_vermelha.jpg);
	height:5px;
	width:1000px;
	margin-left: auto;
	margin-right: auto;
}

#Conteudo {
	width:1000px;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFF;
	height:auto;
}
#ConteudoDireira {
	background-color:#FFF;
	width:230px;
	float:right;
}
#ConteudoEsquerda {
	background-color:#FFF;
	width:770px;
	float:left;
}


#Banners_Hospedagem {
	float:right;
	width: 230px;
	height:100%;
}

#CaixaGrande {
	background-image:url(imagens/caixa_grande.png);
	margin: 4px;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	width: 303px;
	height:208px;
}
#CaixaGigante {
	background-image:url(imagens/caixa_gigante.png);
	background-repeat:no-repeat;
	background-position:bottom;
	margin: 4px;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	width: 740px;
}
#Caixa {
	background-image:url(imagens/caixa.png);
	margin: 4px;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	width: 201px;
	height:208px;
}
h1 {
	font-size:30px;
	color: #ffb300;
}
h2 {
	font-size:18px;
	color: #b60303;
	line-height:100%;
}
#Rodape {
	clear:both;
	background-image:url(imagens/bg_rodape.png);
	width:1000px;
	height:20px;
	margin-left: auto;
	margin-right: auto;
	color:#FFF;
	text-align:center;
	padding-top: 3px;
}

.suggestionsBox {
	width:1000px;
	margin-left: auto;
	margin-right: auto;
	display:none;
}
.suggestionList {
	margin: 0px 0px 0px 480px;
	top: 110px;
	width:335px;
	position: absolute;
	float:right;
	background-color:#FFF;
	border: 1px solid #b60303;
	padding:5px;
	cursor:pointer;
}
.suggestionList li {
	list-style-image:url(imagens/setinha.png);
	list-style-position:inside;
}
/* SISTEMAS */
dl {background: url(imagens/pontilhado.gif) repeat-x 0 1.6em; margin:0 0 1em; overflow:auto; width:100%}
dt, dd.valor{background-color:#fff; font-size:15px; font-weight:bold}
dt {color:#060; float:left; padding-right:3px; cursor:pointer}
dt.orcamento {color:#555; float:left; padding-right:3px; cursor:pointer}
dd {margin:0}
dd.valor{color:#aaa; float:right; padding-left:3px}
dd.descricao{color:#555; float:left; padding:3px 0; width:100%}
