@charset "utf-8";
body{background:#FFF url(../_img/bg-sidebar.jpg) repeat-y 0px 0px; margin:0; padding:0;}
*{font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; border:0; z-index:0;}




/* ### --- TOPO --- ### */
.topobg{
	position:absolute; top:0px; left:0px;
	display:block; width:100%; height:160px;
	background: #FFF url(../_img/bg-topo.jpg) repeat-x 0px 0px; z-index:10;
}

#topo{
	position:absolute; top:0px; left:0px;
	display:block; width:770px; height: 215px;
	background: #FFF url(../_img/topo.jpg) no-repeat 0px 0px; z-index:20;
}

#logo{position:absolute; top:10px; left:500px; z-index:500;}
#logo img{display:block; width:240px; height:150px; background-color:Transparent;}


#premenu{display:block; position:absolute; top:162px; padding-left:2px;}
#premenu a{padding-left:15px; font-size:10px; text-transform:uppercase; color:#999; text-decoration:none; background:url(../_img/i_seta.gif) no-repeat 7px 4px;}
#premenu a:hover{text-decoration:underline;}


#menu{position:absolute; top:120px; left:0px; z-index:30;}

#menu ul{list-style-type:none; padding: 2px 0px 10px 0px;}
#menu ul li{display:inline;padding: 2px 0px 10px 0px;}
#menu ul li a{
	font-size:14px; font-weight:bold; color:#FFF; text-transform:uppercase; text-decoration:none;
	padding:2px 8px 10px 8px;
}
#menu ul li a:hover{color:#FF9;}




/* ### --- CONTEUDO --- ### */
#conteudo{position:absolute;	top:182px;	left:30px;	z-index:40;	display:block;	width: 490px;}
#conteudo h1{padding:0px 0px 20px 0px; font-weight:bold; font-size:16px; text-transform:uppercase; color:#C00;}
#conteudo p{text-align:justify; font-size:14px; padding-bottom:10px; color:#666;}
#conteudo strong{color:#999;}

#conteudo ul.lista{padding-left:25px;}
#conteudo ul.lista li{list-style:circle; font-size:14px; color:#666; line-height:150%; padding-bottom:10px;}

#empresa h3{ font-size:14px; padding:10px 0px 20px 10px; background: #FFF url(../_img/bg-h3.gif) repeat-x 0px 15px;}
#empresa h3.missao{text-align:center; color:#C33; padding-bottom:10px; font-size:16px;}

#conteudo .voltar a{display:block; clear:both; background-color:#F6F6F6; padding:2px 10px; text-align:center; font-size:12px; font-weight:bold; color:#666; text-decoration:none; margin-top:10px;}
#conteudo .voltar a:hover{color:#037CC5;}


/* ### --- SIDEBAR --- ### */
#rodape{display:block; clear:both; font-size:12px; text-align:center; padding-bottom:10px;}
#rodape span{display:block; color:#666;}
#rodape address{color:#666; font-weight:bold; font-style:normal; border-top:1px solid #CCC; padding-top:10px; margin-top:10px;}
#rodape a{color:#999;}
#rodape a:hover{color:#933;}
#home #rodape{position:absolute; top:720px; width:500px;}

/* ### --- SIDEBAR --- ### */
#sidebar{
	position:absolute; top:200px; left:550px; z-index:40;
	display:block; width:180px; text-align:right;
}

#sidebar h2 a{display:block; font-size:16px; font-weight:bold; text-align:right; padding-bottom:10px; text-transform:uppercase; color:#333!important; padding-bottom:10px; text-decoration:none;}
#sidebar h2 a:hover{text-decoration:underline;}
#sidebar ul{list-style-type:none; padding-bottom:25px;}
#sidebar ul li{padding-bottom:5px;}
#sidebar ul li a{font-size:14px; color:#666; text-decoration:none;}
#sidebar ul li a:hover{text-decoration:underline;}

/* CARTAO */

#homecartao{display:block; position:absolute; top:230px;}
#homecartao a img{border:0;}


#btcartao{display:block; margin:15px 0px 10px 0px; clear:both;}
#btcartao a{display:block; height:39px; background:url(../_img/bt_cartao.jpg) no-repeat center 0px;}
#btcartao a:hover{background-position:center -40px; cursor:pointer;}




/* ### HOME ### */

.spchome{display:block; height:3100px;}

h3{font-size:12px;}

#marcas{position:absolute; top:300px; left:260px; padding-bottom:20px;}

#destaque{display:block; width:500px; height:180px; padding-top:0px; background: #FFF url(../_img/bg_flash.gif) no-repeat 0px 0px; position:absolute; top:40px; left:0px;}

#pghome{display:block; height:500px;}

#home-informativos{display:block; width:238px; position:absolute; top:300px; }
#home-informativos ul{list-style:none;}
#home-informativos ul li{display:block; padding:5px 5px 10px 5px; margin-bottom:5px; border-bottom:1px solid #EEE;}
#home-informativos ul li a{text-decoration:none;}
#home-informativos ul li a small{font-size:10px; display:inline; color:#da251c;}
#home-informativos ul li a span{font-size:14px; color:#666; display:block;}
#home-informativos ul li a:hover span{color:#900;}
#home-informativos .mais a{display:block; padding: 5px 10px; background-color:#F6F6F6; color:#999; font-size:12px; text-decoration:none;}
#home-informativos .mais a:hover{color:#666;}



/* ### --- MENU SELECT --- ### */
body#empresa a.menu-empresa, body#informativos a.menu-informativos, body#servicos a.menu-servicos, body#produtos a.menu-produtos, body#contato a.menu-contato{background-color:#FFF; color:#003;}
body#empresa a:hover.menu-empresa, body#informativos a:hover.menu-informativos, body#servicos a:hover.menu-servicos, body#produtos a:hover.menu-produtos, body#contato a:hover.menu-contato{color:#009;}




/* ### INFORMATIVOS ### */
#informativos ul{list-style:none;}
#informativos .lista ul li{display:block; padding:10px; margin-bottom:10px; border-bottom:1px solid #EEE;}
#informativos .lista ul li a{text-decoration:none;}
#informativos .lista ul li a h2{font-size:14px; font-weight:bold; color:#900; display:inline;}
#informativos .lista ul li a small{font-size:10px; display:inline; color:#900;}
#informativos .lista ul li a span{font-size:12px; color:#999; display:block;}
#informativos .lista ul li a:hover span{color:#333;}
#informativos .info span{display:block; padding: 5px 10px; color:#CCC; font-size:14px; font-weight:bold;}


/* ### EMPRESA ### */
#empresa cite{background:#F4F4F4 url(../_img/missao-bg.gif) no-repeat 0px 0px; display:block; width:430px; height:60px; padding:10px 30px; font-size:14px; color:#888; font-style:italic; text-align:justify; border-top:1px solid #EEE; font-weight:bold; margin-bottom:20px;}


/* ### PRODUTOS ### */
#produtos li{list-style:none;}
#produtos ul li img{padding-bottom:10px; text-align:center; color:#666; font-size:14px; font-weight:bold; width:500px; height:250px; background: #FFF url(../produtos/_img/carregando.gif) no-repeat 0px 0px;}
#produtos dl{display:block; width:390px; margin-left:110px; text-align:justify;}
#produtos dt a{display:block; color:#333; font-size:16px; font-weight:bold; text-decoration:none; border-bottom:1px solid #DDD; padding:3px 10px; background-color:#F6F6F6; text-align:justify;}
#produtos dt a:hover{color:#007CC2; background-color:#F3F3FF;}
#produtos dt a img{position:absolute; margin-left:-120px; border: 1px solid #EEE; }
#produtos dd{display:block;  font-size:14px; color:#999; padding:5px; margin-bottom: 10px; height:58px; border-bottom:1px solid #EEE;}

/* ### PAINEIS ### */
#produtos h3{font-size:16px; color:#666; background-color:#EEE; border-bottom:1px solid #CCC; padding: 3px 0px 3px 10px;}
.paineisimgs{padding:5px 0px; margin-bottom:20px; display:block; background-color:#F6F6F6;}


/* ### SERVICOS ### */
#servicos .servico{display:block; width:235px; padding:5px; height:235px; float:left; border-bottom:1px solid #EEE;}
#servicos .servico img{padding:10px; border:1px solid #EEE; width:210px; height:130px;}
#servicos .servico h3{display:block; background-color:#F3F3F3; margin-top:5px; padding:5px; text-align:center; font-size:14px;}
#servicos .servico span{display:block; padding:5px; font-size:14px; color:#666; text-align:justify;}


/* ### CONTATO ###*/
fieldset{ display:block; width:420px; _width:390px; float:right; margin:0px 40px 20px 0px; padding:10px; border:1px solid #EEE;}
legend{	color:#007DC5; padding:0px 10px 0px 5px; margin:0px; background-color:#FFF; font-weight:bold; font-size:14px;}
label{ display:block; margin:10px 0px 2px 0px; font-size:12px;}
input, textarea, select{ border:1px solid #CCC;padding:2px 5px; font-size:12px;	color:#666;}
input:hover, textarea:hover, select:hover{border:1px solid #999; color:#666;}
input:focus, textarea:focus{border:1px solid #007CC2; color:#007CC2;}
#contato .ddd{text-align:center;}
select{padding:2px;}
option{padding: 0px 5px;}
.botoes{ margin-top:10px; padding:5px 10px;	border: 1px dashed #E6E6E6;}
button{	padding:2px 15px; font-size:12px; cursor:pointer;}
button:hover{background-color:#DDD;}