/* CSS DUPLIK */

*{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; text-decoration:none; z-index:0; line-height:100%;}
img{border:0; color:#999; font-size:14px;}
h4{display:block; clear:both; padding:10px;}
.cb{display:block; padding:5px; clear:both;}

body{background:#EEE url(../_img/bg-body.gif) repeat 0px 0px;}

#corpo{display:block; background: Transparent url(../_img/bg-corpo.jpg) repeat-y center top; height:100%;}

#topo{background:#FFF url(../_img/bg-topo.jpg) no-repeat center 80px; display:block; height:195px;}
#topo span a{ display:block; width:770px; font-size:12px; color:#BBB; padding-bottom:3px; position:absolute; left:50%; margin:5px 0px 0px -385px; border-bottom:4px solid #CCC;}

#flash{display:block; position:absolute; left:50%; margin: 30px 0px 0px -385px; _margin-left:-384px; /* IE SUCKS */}

#centro{display:block; width:770px; text-align:justify; padding-top:10px;}


/* #### SIDEBAR #### */
#sidebar{display:block; width:220px; float:left; background-color: Transparent; padding-left:10px;}
#sidebar ul{padding-left:20px;}
#sidebar ul li{display:block; padding: 10px 30px 0px 0px; list-style:none; width:165px;}
#sidebar ul li a{display:block; font-size:14px; font-weight:bold; padding:0px 0px 5px 0px; border-bottom:1px solid #CCC; color:#000; height:20px;}
#sidebar ul li a:hover{color:#EB3D00;}

/* Selecionados */
#empresa li.mempresa, #matriz li.mmatriz, #processo li.mprocesso, #quadros li.mquadros, #contato li.mcontato{background:#EB3D00 url(../_img/bg-sidebar-s.gif) no-repeat top left; padding-right:40px;margin-bottom:5px;}
#empresa li.mempresa a, #matriz li.mmatriz a, #processo li.mprocesso a, #quadros li.mquadros a, #contato li.mcontato a{padding-left:10px; color:#FFF; border:0;}
#empresa li.mempresa a:hover, #matriz li.mmatriz a:hover, #processo li.mprocesso a:hover, #quadros li.mquadros a:hover, #contato li.mcontato a:hover{padding-left:10px; color:#EEE;}

/* Infos */
#infos{padding:10px 20px 30px 20px; font-size:14px;} 
#infos address, #infos span{font-size:14px; color:#999; padding-bottom:5px;}




/* CONTEUDO */
#conteudo{display:block; float:right; padding:10px; width:510px;}

#conteudo h1{display:block; padding: 0px 10px 10px 0px; margin-bottom:10px; font-size:24px; text-align:left; border-bottom:2px solid #EB3D00;}
#conteudo p{padding-bottom:10px; font-size:12px; line-height:140%; text-align:justify; color:#333;}
img.esquerda{float:left; padding:0px 10px 5px 0px;}
img.direita{float:right; padding:0px 0px 5px 5px;}

#texto{padding-top:10px;}
.box{padding:10px; margin:5px; background-color:#F6F6F6; border:1px solid #EEE; color:#666; font-style:italic;}


/* RODAPE */

#rodape{clear:both; display:block; background-color:#555; width:740px; padding:5px 15px;}
#rodape span{font-size:12px; color:#CCC;}
#rodape a{color:#999;}
#rodape a:hover{color:#EEE;}



/* HOME */

#home{}
#home h2{display:block; background-color:#f3f3f3; border-bottom:2px solid #eb3d00; font-size:12px; font-weight:bold; text-align:right; padding: 5px;}

#hvideo{display:block; background-color:#FFF; border:1px solid #EEE; padding:10px; float:left;}

#hprodutos{display:block; width:290px; height:180px; float:right;}
#hprodutos p{font-size:12px; color:#666;}
#hprodutos a{display:block; font-size:12px; color:#999; text-decoration:none;}
#hprodutos a:hover{text-decoration:underline;}

#hportfolio{clear:both; display:block; padding-top:20px;}
.portleg{display:block; font-size:12px; text-align:right; color:#999; padding-top: 5px; margin-top:5px; border-top:1px solid #CCC;}



/* PROCESSOS */

.select a{display:block; clear:both; background-color:#EAEAEA; color:#666; padding:5px; border-bottom:3px solid #DDD;}
.select a h2{font-size:18px; padding-left:20px;}
.select a img{display:block; position:absolute;}
.select a:hover{background-color:#F3F3F3;}

.selected{visibility:hidden; height:0px; overflow:hidden; position:relative;}
.selected_content p{color:#666; padding:10px 0px 300px 0px;}

.plista{display:block; width:240px;}
h3{background-color:#f6f6f6; border-bottom: 2px solid #EEE; color:#666; padding:10px; font-size:12px; font-weight:bold; margin-right:2px;}
.plista ul{padding:5px 0px;}
.plista ul li{list-style:none;}
.plista ul li a{display:block; padding:7px 0px 7px 16px; border-bottom:1px solid #EEE; font-size:14px; list-style:none; background: #FFF url(../_img/list-style.gif) no-repeat 0px 7px; color:#666; margin:0;width:225px;}
.plista ul li a:hover{background-color:#F9F9F9; color:#EB3D00;}
.plista ul li a:active{font-weight:bold; color:#EB3D00;}



.pinfo{display:block; position:absolute; margin:4px 0px 0px 250px; width:235px; height:260px; padding:0px 10px; float:right; background-color:#F6F6F6; border:1px solid #DDD;}
.pinfo h4{font-weight:bold; color:#000; font-size:12px; padding:10px 0px 3px 0px;}
.pinfo span{fint-weight:normal; font-size:12px; color:#666; line-height:120%;}
.pinfo img{display:block; padding-top:10px; text-align:center; width:230px; height:100px;}
span.carregando{display:block; text-align:center; color:#999; padding-top:100px;}



/* CONTATO */

form{padding-top:10px;}
fieldset{padding:10px; border:1px solid #CCC; margin-bottom:10px;}
legend{padding:0px 10px; background-color:#FFF; font-size:12px; font-weight:bold; color:#CCC;}
label{color:#000; font-size:12px; font-weight:normal; padding-bottom:5px; display:block;}
input, select, textarea{border:1px solid #CCC; margin-bottom:10px; font-size:12px; padding:3px 5px; color:#666;}
input:hover, select:hover, textarea:hover{border:1px solid #999; color:#666;}
input:focus, select:focus, textarea:focus{border:1px solid #C33; color:#000;}
select{padding-right:2px;}
option{padding:0px 5px;}
button{border:1px solid #CCC; background-color:#EEE; font-size:14px; padding:3px 10px;}
button:hover{border-color:#999; background-color:#CCC; cursor:pointer;}


/* MAPA */

#mapashow{display:block; padding:5px; background-color:#EEE;}
.mapalink a{display:block; padding:10px; text-align:center; color:#666; font-size:12px; background-color:#EEE; border:1px solid #CCC; margin:5px 0px; font-weight:bold;}
.mapalink a:hover{color:#000;}



/* QUADROS */

#cquadros{display:block;}
#cquadros h2{display:block; background-color:#EEE; padding:6px 5px; color:#666; font-size:14px; border:1px solid #DDD;}

.cquadro{clear:both; margin:10px 0px; padding:10px; border:1px solid #CCC;}
.cquadro img{display:block;}
.cquadro h4{display:block; padding:0px 0px 10px 0px; margin-bottom:10px; border-bottom: 1px solid #DDD;}
.cquadro span{color:#666; display:block; font-size:14px; line-height:120%;}