* { margin: 0; padding: 0;}
a.newslink { font: bold 12px Arial, Helvetica, sans-serif; color:#000066; text-decoration:none; }
a.newslink:hover {font: bold 12px Arial, Helvetica, sans-serif; color: #FF0000; text-decoration:none; }

body { background:url(imagens/fundo_corpo.jpg)}
h1 { font: bold 20px Arial, Helvetica, sans-serif; color: #000066; padding:3px;}
h2 { font: bold 14px Arial, Helvetica, sans-serif;}
h3 { font: bold 10px Verdana, Arial, Helvetica, sans-serif;}
.fnt { font: 14px Arial, Helvetica, sans-serif; text-align:justify;}
.titulo{ font: bold 20px; color:#FFFFFF;}
.fntbrn{ color: #000066;}
#geral { background:#FFFFFF; border: 1px solid #000066;width: 780px; margin:0 auto;}
#cabecalho { width:780px;}
.topo { position:relative; float:left;}
.news_manchete {margin-left:auto; margin-right:auto; width:500px;}

#conteudo {background-color: #FFFFFF; color: #666666; width:100%;}
#rodape {height:35px;background-image:url(imagens/fundo_rodape.jpg); background-repeat: repeat;	text-align: center;	padding: 5px;color: #333333;font: 10px Arial, Helvetica, sans-serif; clear:both;}
#rodape a { color: #FFFFFF; text-decoration: none;}
#rodape a:hover { text-decoration: underline;}

#home { background: url(imagens/bs_fundo_home1.jpg) no-repeat top; height: 348px;}
#empresa { background: url(imagens/fundo_empresa2.jpg) no-repeat top; height: 348px;}
#bs { width: 400px; height: 300px; position:absolute; top:20px; left:100px;}
#des { position:absolute;top:20px; left:600px;}
#preshom { width: 176px; height: 100px; position:absolute; top:79%; left:63%;}
#ecohom { width: 50px; height: 50px; position:absolute; top:85%; left:32%;}
#ecoemp { width: 50px; height: 50px; position:absolute; top:85%; left:67%;}
#ecoser { width: 50px; height: 50px; position:absolute; top:90%; left:60%;}
#ecomel { width: 50px; height: 50px; position:absolute; top:88%; left:60%;}
#ecopro { width: 50px; height: 50px; position:absolute; top:80%; left:93%;}
#bscli { width: 297px; height: 71px; position:absolute; top:30px; left:150px; border: 1px solid #666666; font: bold 15px Arial, Helvetica, sans-serif; color:#000066; padding: 10px;}
.webmail { font: bold 10px Verdana, Arial, Helvetica, sans-serif; color:#000000;}


/*.bs h1 { font: bold 20px Arial, Helvetica, sans-serif; color: #ffffff; padding:3px;}*/
.bs p { font: 14px Arial, Helvetica, sans-serif; color: #000066; text-align:justify;}
.bs_news { font: 12px Arial, Helvetica, sans-serif; color: #000066; text-align:justify; margin-left: auto; margin-right:auto; width:600px; border: dotted 1px #000066;padding:10px;}
#servico { background: url(imagens/fundo_servico.jpg) top; height:555px;}
#servico li{ margin-left:20px;}
#melhore { background: url(imagens/fundo_melhore.jpg) top; height:450px;}
#produtos { background: url(imagens/fundo_produtos.jpg) top; height:270px; margin-top:0px;}
#news{ position:relative; padding: 10px 50px 10px 50px; background:url(imagens/fundo_news.jpg) top no-repeat;}
#noticias { padding: 10px 10px 1px 10px; text-indent:10px; text-align:justify; border: 1px dotted #000033;}
#noticia_home { width: 400px; height: 20px; position:absolute; top:-20px; left:60px; font: 11px Verdana, Arial, Helvetica, sans-serif;}

.cnt { width: 400px; position:absolute; top:20px; left:100px;}
#contato{ position:relative; width: 100%; background: url(imagens/fundo_fale.jpg) no-repeat top;}
#form{ position:relative; left: 180px; width: 450px; font: 12px Arial, Helvetica, sans-serif; color:#000066}
.cssform p{	width: 300px;clear: left;margin: 0;padding: 5px 0 8px 0;padding-left: 155px; /*width of left column containing the label elements*/
			border-top: 1px dashed gray;height: 1%;}

.cssform label{	font-weight: bold;float: left;margin-left: -155px; /*width of left column*/
				width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
				}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
							width: 180px;}

.cssform textarea{	width: 250px;height: 150px;}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{ margin-left: 3px; }
.unnamed1 {	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
.borda_botao { border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
.imput {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #000066; border: 1px #006699 solid}
.botao {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #005680}
TEXTAREA {border:1px solid Black;background :#ffffff;}
INPUT {border:1px solid Black;background:#CCFFFF;font-size:12px;background-color:#FFFFFF;}
SELECT {border : 1px solid Black; background : #ECFFF5; }
.dropdownfixo {
	BORDER-RIGHT: #005805 1px solid;
	BORDER-TOP: #40ff4b 1px solid;
	FONT-SIZE: 7pt;
	BACKGROUND: #CCFFFF;
	BORDER-LEFT: #40ff4b 1px solid;
	COLOR: #005805;
	BORDER-BOTTOM: #005805 1px solid;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}



