/* CSS Reset ======================================================================= */
body, h1, h2, h3, h4, h5, h6, form, div, span, dl, ul, ol,li, dt, dd, p, address, a, img, blockquote{margin:0;padding:0;border:none}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
hr{display:none;}
ul li{list-style:none;}
img{border:0px none 0;}
p{margin-bottom:0;}

body{background: url(../imgs/fundoBg.gif) top center repeat-x #2b2b2b;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;line-height:15px; }
form {margin:0; padding:0;}
input{font-size:12px;color:#fff;}
textarea{font-size:12px;color:#fff;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}

.clear{clear:both;height:10px;}

#all{width:998px;margin:0 auto;}

/*////// Header //////*/
#hd{margin:0;}
#hd .logo{background:url(../imgs/logoTranswac.png) left no-repeat; width:340px; height:138px;float:left;  }

/*////// menu //////*/
#hd .mn ul {float:right; padding:50px 30px 0 20px;}
#hd .mn ul li {float:left; margin-right:15px; text-transform:uppercase;}
#hd .mn ul li a {display:block; font-size:14px; color: #fff; text-decoration: none; text-transform: uppercase;	padding-left: 15px; }
#hd .mn ul li a span {display:block; line-height: 38px; padding-right: 15px; }
#hd .mn ul li a:hover,.mn ul li.active a {color: #bfdf88; background: url(../imgs/nav-left.png) no-repeat;}
#hd .mn ul li a:hover span,.mn ul li.active a span {background: url(../imgs/nav-right.png) no-repeat right;color: #bfdf88}
	
#hd .mn ul li {position: relative; }
#hd .mn ul li ul {position: absolute; margin-top: 0px; -moz-border-radius: 5px;-webkit-border-radius: 5px; -khtml-border-radius: 5px; 
min-width: 150px; max-width:114px !important; padding: 5px; }
#hd .mn ul li ul li {margin: 0; float: none;}
#hd .mn ul li ul li a {color: #666; text-transform: none; font-size: 0.9em;}
#hd .mn ul li ul li a{background-image: none; padding: 5px !important; }
#hd .mn ul li ul li a:hover {-moz-border-radius: 5px;-webkit-border-radius: 5px; -khtml-border-radius: 5px; color: #bfdf88; }

/* banner */
.banner{margin:5px auto 0 auto;width:998px; height:223px; background:url(../imgs/banner_principal.jpg) no-repeat;float:left;}

/* banner interno */
.titInt{ background: url(../imgs/fundo_bannerInt.jpg) no-repeat; float:left;margin:5px auto 0 auto;width:998px; height:106px; }

/*////// MIOLO //////*/
.barraD{ background:url(../imgs/fundoBarraD.jpg) no-repeat;width:998px; height:189px;margin:0 auto;padding:25px 0 0 0; float:left;}
.barraD .servicos{width:260px;margin:0 25px 0 0;float:right;}
.barraD .servicos .titS{font: Arial, Helvetica, sans-serif;color:#fff; font-size:24px; background:url(../imgs/ico_servicos.gif) no-repeat left; padding:23px 0 0 55px;height:30px;}
.barraD .contato{width:270px;margin:0 30px 0 0;float:right;}
.barraD .contato .titC{font: Arial, Helvetica, sans-serif;color:#fff; font-size:24px; background:url(../imgs/ico_contato.gif) no-repeat left; padding:23px 0 0 55px;height:30px; float:left;}
.barraD .contato .campos{width:234px;float:left; margin:7px 0 0 0;padding:0 15px;}
.barraD .contato .campos .nome{background:url(../imgs/formNome.png) no-repeat; width:234px; height:27px;margin:0 0 2px 0;}
.barraD .contato .campos .nome input{margin:1px 0 0 45px;width:180px; height:22px;padding:1px 2px; background:#0b0b0b; border:none;}
.barraD .contato .campos .email{background:url(../imgs/formEmail.png) no-repeat; width:234px; height:27px;margin:0 0 2px 0;}
.barraD .contato .campos .email input{margin:1px 0 0 48px;width:178px; height:22px;padding:1px 2px; background:#0b0b0b; border:none;}
.barraD .contato .campos .mensagem {margin:0; padding:0;}
.barraD .contato .campos .mensagem .msg{background:url(../imgs/formMensagem.png) no-repeat; width:195px; height:61px;margin:0 2px 2px 0; float:left;}
.barraD .contato .campos .mensagem .msg textarea{margin:23px 0 0 4px;width:184px; height:33px;padding:1px 2px; background:#0b0b0b; border:none;}
.barraD .contato .campos .mensagem .btn{width:36px; height:61px;float:left;}

.barraD  p{margin:7px 0 0 0; padding:0 15px;font-size:11px; color:#fff;}
.barraD .mais{color:#a4d15d; font-size:11px; margin:20px 0 0 0; padding:0 20px; float:right;}
.barraD .mais a{color:#a4d15d; font-size:11px;text-decoration:underline;}
.barraD .mais a:hover{color:#a4d15d; font-size:11px;text-decoration:none;}

/*// Miolo//*/
#mi{width:918px;margin:0 auto;padding:20px 40px; float:left;}
#mi .colA{width:530px;margin:0 50px 0 0;float:left;}
#mi .colA .bv{width:530px;margin:0;}
#mi .colA .bv .titBv{font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#FFF;padding:0 15px;}
#mi .colA .bv .lineBv{ background:url(../imgs/linha_miolo.gif) repeat-x center; width:530px; height:1px; padding:12px 0;}
#mi .colA .bv p{font-size:11px; color:#fff; padding:0 15px; line-height:18px;}

#mi .colA .galeria{width:530px;margin:15px 0 0 0; float:left;}
#mi .colA .galeria .titG{font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#FFF;padding:0 15px;}
#mi .colA .galeria .lineG{background:url(../imgs/linha_miolo.gif) repeat-x center; width:530px; height:1px; padding:12px 0;}
#mi .colA .galeria  ul{margin:0;padding:0; clear:both; }
#mi .colA .galeria  ul li{width:86px; height:57px;margin:0 0 0 15px; float:left;  }
#mi .colA .galeria p{font-size:11px; color:#fff; padding:0 15px; line-height:18px;}

#mi .colB{width:338px;float:left;}
#mi .colB .news{width:338px;margin:0;}
#mi .colB .news .titN{font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#FFF;padding:0 15px;}
#mi .colB .news .lineN{ background:url(../imgs/linha_miolo.gif) repeat-x center; width:338px; height:1px; padding:12px 0;}
#mi .colB .news .newsTit{font-size:13px; color:#fff; font-weight:700; background:#202020;line-height:15px; padding:5px 4px; margin:8px 15px 0 15px;}
#mi .colB .news .newsTit a{font-size:13px; color:#fff; font-weight:700; text-decoration:none;}
#mi .colB .news .newsTit a:hover{font-size:13px; color:#a4d15d; font-weight:700; text-decoration:none;}

#mi .colB .news p{font-size:11px; color:#fff; padding:0 5px; line-height:16px;margin:10px 15px;}

#mi .mais{color:#a4d15d; font-size:11px; margin:20px 0 0 0; padding:0 20px; float:right;}
#mi .mais a{color:#a4d15d; font-size:11px;text-decoration:underline;}
#mi .mais a:hover{color:#a4d15d; font-size:11px;text-decoration:none;}

/*////// RODAPE //////*/
#ft{background:url(../imgs/linhaft.gif) repeat-x; width:998px; height:16px; margin:10px 0 0 0;float:left;}
#ft p{font-size:10px; color:#fff; margin:30px 0;padding:0 40px; float:right;}