@charset "utf-8";

/* CSS Document */

@import url(reset.css);

@font-face{

src:url("zrnic.ttf");

}

/*configuraçoes geraisv div{border:solid 1px #FF0000}

*/
body{background:transparent url(../images/fundoBG.jpg) }
/*configuração de fonte hibrida*/

h1{font:1.5em zrnic,Arial, Helvetica, sans-serif; font-weight:bold; text-shadow:1px 1px 1px #000}

.rodape_itens h3{font:1.5em zrnic,Arial, Helvetica, sans-serif; font-weight:bold}

.itens_menu h3{font:1.5em zrnic,Arial, Helvetica, sans-serif; font-weight:bold}

/*fim fonte*/

a{color:#FFFFFF; }

a:hover{color:#FF9900}
a:visited{color:#FF9900}
a:active{color:#FF9900}
h1{padding:5px 0px 10px 5px; }



#geral{ width:990px; margin:0 auto; height:auto; color:#FFFFFF }

#conteudo_geral{ width:990px; float:left; height:auto }

#conteudo_geral .logo { float: left; margin-top: 0px; margin-left: 10px; }

#topo{ width:978px; float:left; height:auto; padding:5px; background:#14171a; border:#3e4144 solid 1px; border-top:0px }

#meio,#sub_meio_itens,#destaque_menu{ float:left; height:auto; margin:10px 0px 10px 0px; border:#3e4144 solid 1px; background:#14171a url(../images/luz2.png) no-repeat bottom; width:988px; padding: 15px 0px; }

/*configuraçoes do menu*/

#menu_pri { display: block; float: right; height: auto; margin-top: 5px; }

#menu_pri img { float: left; }

ul#menu{ width:500px; float:right; display:block; font-size:0.8em; background: repeat-x; text-align:center; font-weight: bold; }

ul#menu img{float:left}

ul#menu li{display:block; width:100px;  background:url(../images/filete.jpg) repeat-x; float:left; }

ul#menu li a{padding:10px; margin:0px 2px 0px 0px; display:block;  color:#ccc;background:url(../images/filete_menu.jpg) no-repeat right; width:80px; height:25px; line-height:25px;border:solid   #3B3B3B 1px; border-bottom:none} 

ul#menu li a:hover{ color: #FFCC00; background: #0099CC url(../images/filete_hover.jpg) repeat-x; }

ul#menu li a.currente{background: #0099CC url(../images/filete_hover.jpg) repeat-x;  border:solid   #3B3B3B 1px; border-bottom:none; color:#ffcc00}

/*configuraçoes do meio*/

#submeio, #submeio2{ width:988px; height:auto; float:left; background: #14171a; position: relative; }

#submeio .sub_meio_dir{ height:auto; width:690px; background:#14171a; border:#3e4144 solid 1px; margin:10px 5px 10px 10px; float: left; position: relative; }

#submeio .enquete{width:240px; height:200px;  float:right; margin:10px 10px; padding:5px;border:#3e4144 solid 2px; }

.enquete h3 { background-color: #333333; padding: 2px; color: #FFCC00; text-align: center; }

#submeio .enquete:hover{ background:#1A1E22; }

button{ background:#333333; border: #444444 1px solid; cursor:pointer; clear: right; float: right; color:#FFFFFF; margin:5px}

button:hover{background:#222222; color:#FF6600}

.enquete form{ float:left; border: 1px solid #242424; margin-top: 10px; color: #D4D0C8; }

#submeio2 .sub_meio_itens{float:left; width:600px; margin:10px; height:auto; }

.sub_meio_dir p { float: left; padding: 10px; color: #ccc; }

.sub_meio_dir img { float: left; margin: 10px; }

#submeio2 img{float:right; margin:10px}

/*menu destaques*/



#destaque_menu{ border:#3e4144 solid 1px; background:#14171a url(../images/luz.png) no-repeat top center; padding: 15px 0px; }

#destaque_menu .itens{ float:left; width:260px; height:auto; margin:10px 34px; }

#destaque_menu .itens_menu{height:auto; width:240px; float:left; background:#14171a; padding:5px; border:#3e4144 solid 2px}

#chamadas { display: block; float: right; width:260px; padding:0px 10px; text-align: center; }

#chamadas a:hover{color:#FFFFFF}

#submeio .itens{ float:right; width:260px; height:auto; margin:10px 5px; cursor:pointer}

#submeio .itens_menu{ height:auto; width:240px; float:right; background:#14171a; padding:5px; border:#3e4144 solid 2px; display:block; color:#FFFFFF }

#destaque_menu .itens_menu:hover{ background:#000; border:solid 2px #222222 }

.itens_menu:hover{ background:#000; border:solid 2px #222222 }

.itens_menu h1{color:#fff; background: #333333; width:230px; padding:10px 5px; text-align: center; text-shadow:1px 1px 1px #000 }

h1.azul{background: #006699}

h1.laranja{background: #006666 }

#chamadas h3{padding:10px 0px; text-shadow:1px 1px 1px #000}

#chamadas h3.azul{background: #006699}

#chamadas h3.laranja{background: #006666 }



#chamada h1.azul{background: #006699}

#chamadas h1.laranja{background: #006666 }

.itens_menu{margin:0px}

.itens span{float:right; border-top:0px;border:solid 1px #3e4144; padding:5px; width:100px; text-align:center; margin-right:5px; cursor:pointer}

.itens span:hover{ background:#333333}

.itens span a{color:#FFFFFF}

.itens span a:hover{color:#006699}



/*rodape*/

#rodape{ width:978px; height:auto; float:left; padding:15px 0px 15px 10px; border:#3e4144 solid 1px; background:#14171a url(../images/luz2.png) no-repeat bottom; clear:both }

#rodape .rodape_itens{ float:left; display:block; width:200px; height:220px; border:#3e4144 solid 2px; padding:3px; margin:6px 17px; }

.rodape_itens:hover{background:#000;border:solid 5px   #222222}

.rodape_itens h3{ padding:10px 5px; margin:0px 0px 5px 0px; color: #FF9900; border-bottom:1px solid #3e4144; text-shadow:1px 1px 1px #000}

.rodape_copy img { float: right; margin: 10px 2px; }

.rodape_copy p { display: block; text-align: left; }



.projetos{float:left; display:block; height:auto;padding:3px}

.projetos:hover{background:#14171a}

.projetos p{padding:1px; display:block; float:right;width: 100px;}

.projetos a { color: #FF9900; }

.projetos a:hover{color:#0066CC}

.rodape_itens img{float:left; margin:1px;border:#3e4144 solid 1px;}

.rodape_itens ul,.rodape_itens ul p{ text-align: justify; font-size: 0.7em; color: #CCCCCC; }

.rodape_itens ul li:hover{background: #282828}

.rodape_itens ul li a{color:#ccc; display:block; padding:2px}

.rodape_itens ul li a:hover{color:#0066FF}

.rodape_itens p { float: left; width: 180px; padding: 5px;font-size: 0.7em; }



#geral .rodape_copy{ clear:both; padding:0px 5px; text-align:center; width:978px; display:block; border:#3e4144 solid 1px; background:#14171a url(../images/luz.png) no-repeat top center; border-top:none; line-height: 50px; }





.sub_meio_dir h1{ font:2em zrnic,Arial, Helvetica, sans-serif; font-weight:bold; color: #FF9900; }

.sub_meio_dir .ler {display: block; padding: 5px; border: 1px solid #666; cursor:pointer; position:absolute; right:0px; bottom:0px; border-bottom:0px; border-right:0px}

.sub_meio_dir .ler:hover{background:#666666; color:#FF6600}

#submeio .sub_meio_dir_interno { float: left; width: 998px; height: auto; position: relative; }

.sub_meio_dir_interno img { float: left; }

.sub_meio_dir_interno p { padding: 15px; float: left; display: block; font-size:12px}

.sub_meio_dir_interno h1 { }

.portfolio { width: 300px; padding: 5px; margin: 0px 0px 10px 15px; float: left; border: 1px solid #444444; height: 350px; position: relative; cursor:pointer }

.portfolio:hover{background:#000000}

.portfolio img { float: left; border: 1px solid #444444; }

.portfolio h3 { float: left; display: block; width: 290px; padding: 5px; font-size: 1.5em; }

.portfolio span { float: right; display: block; width: 95px; text-align: center; border: 1px solid #444444; clear: both; position: absolute; right: 0px; bottom: 0px; border-right: 0; border-bottom: 0; padding:10px }

.portfolio span:hover { background-color: #FF6600; color:#333333 }

.portfolio span a:hover{color:#333333}



#formulario { display: block; margin: 10px  auto; width: 550px; color:#CCCCCC; position: relative; }

#formulario label{ margin:5px; font-size: 1em; float: left;position:relative }

#formulario dd{display:block}

#formulario input,#formulario textarea { padding: 10px; width: 550px; margin: 5px 0px; border: 1px solid #3e4144; background: none;color: #999999; }

select{border: 1px solid #3e4144; background: none;color: #999999;}

#formulario input:focus,#formulario select:focus,#formulario textarea:focus{background:#353535; border:#ff9900 solid 1px}

#formulario textarea { padding: 10px; display: block; width: 550px; border: #3e4144 1px solid; background: none; color: #999999; }

#formulario .contato { float: left; padding: 10px; width: 100px; margin: 10px 5px 5px 5px; }

#formulario_orc input,#formulario_orc textarea{padding:1px; width:300px; border: 1px solid #3e4144; background: none;color: #999999;}

#formulario_orc span{ float:left; padding:5px; display: block; }

#formulario_orc .contato { color:#FFF;float: left; padding: 10px; width: 100px; margin: 10px 5px 5px 5px; }

#formulario_orc input:focus{border:#FC0 1px solid; background:#977900; color:#FFF}

#formulario_orc label{ margin:5px; font-size: 1em; float: left;position:relative }

#formulario_orc .end{ width:199px }

#formulario_orc .radio{width:15px}

#formulario_orc span.endereco{ width:650px }

#formulario_orc span.endereco label{ display:block; float:left; margin:0 3px 0 0 }

#formulario_orc span.textArea{width:620px}

#formulario_orc span.textArea textarea{width:610px}



#retorno{text-shadow:1px 1px 1px #FFF; color:#FFF; padding:5px; font-size:2em; clear:both}

#retorno img{float:left; margin:0; padding:0}

fieldset { position: relative; }