/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';	content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
body {line-height: 13px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.limpa{clear:both;}
.up{ text-transform:uppercase;}
.just{text-align:justify;}
.esq{float:left;}
.dir{float:right;}
.font-1{ font-family: 'Oswald', arial, serif; }


a:link{color:#f05234; text-decoration:none;}
a:visited{color:#f05234; text-decoration:none;}
a:hover{color:#f58220; text-decoration:underline;}
a:active{color:#ffc90a; text-decoration:none;}

body{ background: #d4d0b3 url(../imagens/bg_site.jpg) no-repeat top center;}

#pagina{width:100%; height:100%;position:relative; margin:0 auto; background: url(../imagens/bg-site.jpg) center 154px repeat-x;}
#quadro{width:960px; background:#9C9 url(../imagens/bg-quadro.jpg) no-repeat top center; height:360px;position:relative; margin:0 auto;}
#topo{width:960px; height:153px; position:relative; background:#fff url(../imagens/bg-topo.jpg) left top no-repeat; border-bottom:#ddd solid 1px; padding:0; margin:0 auto;}
#topo div {width:960px; height:95px; margin:0 auto; padding:0; bottom:0;  background: url(../imagens/bg_topo.jpg) no-repeat; color:#57a4c5;}
#topo h1 a{width:200px; height:84px; background: url(../imagens/logo-mhb-topo.png) 0 0 no-repeat; text-indent:-9999px; float:left; left:30px; top:45px; position:relative; clear:both; display:block; z-index:8888;}
 
ul#lang{position:relative; float:right; top:5px; right:0; width:70px; height:16px; text-transform:uppercase; z-index:9999;}
ul#lang li{float:left; position:relative; left:0; font-size:7px; letter-spacing:1px; text-indent:-9999px; width:16px; height:16px; padding:0 5px 0;}
ul#lang li a, ul#lang li a:visited{ display:block; padding:2px; text-decoration:none; color:#666; background:#f1f1f1;}
ul#lang li a.pt{background: url(../imagens/flag16x16_pt_BR.png) no-repeat; color:#333;}
ul#lang li a.en{background: url(../imagens/flag16x16_en_EN.png) no-repeat; color:#333;}

#conteudo{width:960px; margin:0 auto; height:100%; clear:both;  position:relative; line-height:18px; padding:0;}
#conteudo h2{ font-size:24px; letter-spacing:-1px; padding:10px;color:#FFF; text-transform:uppercase;font-family: 'Oswald', arial, serif;}
#conteudo h3{ font-size:12px; padding:5px;color:#FFF; text-transform:uppercase;font-family: 'Helvetica', arial, serif;}
#conteudo p{color:#FFF;}
#sombra{height:40px; background:url(../imagens/sombra.png) center no-repeat;}

.bg_home{background:url(../imagens/bg_home.jpg) center no-repeat;}
.box_home{margin:135px 5px; padding:20px; line-height:28px; width:390px; float:left; min-height:120px; font-size:16px; text-transform:uppercase; background: url(../imagens/transparent.png) 0 0 repeat;}

.bg_empresa{background:url(../imagens/bg_empresa.jpg) -5px -55px no-repeat;}
.box_empresa{margin:0 5px; padding:20px; line-height:20px; width:400px; height:230px; overflow:auto; font-size:16px; text-transform:uppercase; text-align:justify;background: url(../imagens/transparent.png) 0 0 repeat; float:right;}
.fotosempresa{ width:350px;  height:250px; overflow:auto; float:left;}
.fotosempresa a{ float:left; margin:15px;}


.bg_produtos{background:url(../imagens/bg_produtos.jpg) -5px -55px no-repeat;}
.box_produtos{margin:0; padding:20px; line-height:18px; width:500px; font-size:13px; font-weight:bold; text-transform:uppercase;}
.galeria{width:890px; height:300px; margin:0 auto;background: url(../imagens/transparent.png) 0 0 repeat;}
.galeria p{font-size:16px; line-height:18px; padding:10px; text-transform:uppercase;}
.galeria a{padding:10px; float:left;}

.bg_projetos{background:url(../imagens/bg_produtos.jpg) -5px -55px no-repeat;}
.box_projetos{margin:0; padding:20px; line-height:18px; width:500px; font-size:13px; font-weight:bold; text-transform:uppercase;}
.galeriapro{width:890px; height:330px; margin:0 ; overflow:auto; background: url(../imagens/transparent.png) 0 0 repeat;}
.galeriapro p{font-size:16px; line-height:18px; padding:10px; text-transform:uppercase;}
.galeriapro a{padding:10px; float:left;}

.bg_contato{background:url(../imagens/bg_contato.jpg) center no-repeat;}
.box_contato1{ width:310px; margin:1px; height:300px; padding:10px; float:left;background: url(../imagens/transparent.png) 0 0 repeat;}
.box_contato2{ width:290px; margin:1px; height:320px; float:left; background: url(../imagens/transparent.png) 0 0 repeat;}
.box_contato3{width:290px; margin:1px; height:320px; float:left; background: url(../imagens/transparent.png) 0 0 repeat;}

.bg_empresa2{background:url(../imagens/bg_empresa.jpg) -5px -55px no-repeat;}
.box_empresa2{margin:0 5px; padding:20px; line-height:20px; width:250px; height:230px; overflow:auto; font-size:16px; text-transform:uppercase; text-align:justify;background: url(../imagens/transparent.png) 0 0 repeat; float:left;}
.box_empresa3{margin:0 	5px; padding:20px; line-height:20px; width:545px; height:230px; font-size:14px; text-transform:uppercase; text-align:justify;background: url(../imagens/transparent.png) 0 0 repeat; float:left;}
.box_empresa4{margin:0 	5px; padding:20px; line-height:20px; width:545px; height:230px; font-size:14px; text-transform:uppercase; text-align:justify;background: url(../imagens/transparent.png) 0 0 repeat; float:left;}
.box_empresa5{margin:0 	5px; padding:20px; line-height:20px; width:545px; height:200px; font-size:14px; text-transform:uppercase; text-align:justify;background: url(../imagens/transparent.png) 0 0 repeat; float:left;}
.box_empresa6{margin:0 	5px; padding:20px; line-height:20px; width:545px; height:200px; font-size:14px; text-transform:uppercase; text-align:justify;background: url(../imagens/transparent.png) 0 0 repeat; float:left;}
.box_empresa7{margin:0 	5px; padding:20px; line-height:20px; width:750px; height:200px; font-size:14px; text-transform:uppercase; text-align:justify;background: url(../imagens/transparent.png) 0 0 repeat; float:left;}
.fotosempresa2{ width:610px;  height:320px; overflow:auto; float:left;}
.fotosempresa2 a{ float:left; margin:15px;}



.enderecos{padding:5px; color:#e1d229; background: url(../imagens/transparent1.png) repeat; margin:0 0 30px;}
.enderecos div{ float:left; padding:10px; background:url(../imagens/sombraendereco.png) no-repeat}

ul.emails{ padding:10px; color:#e1d229; background: url(../imagens/transparent1.png) repeat; margin:0 0 30px;}
ul.emails li{ padding:10px 0;}
ul.emails li p{font-size:12px; font-weight:bold; border-bottom:#e1d229 1px solid; padding-bottom:5px;}



.bg_local{background:url(../imagens/bg_contato.jpg) center no-repeat;}
.box_local_1{ width:500px; margin:1px; height:300px; padding:10px; float:left;background: url(../imagens/transparent.png) 0 0 repeat;}
.box_local_2{ width:390px; margin:1px; height:320px; float:left; background: url(../imagens/transparent.png) 0 0 repeat;}





#rodape{width:960px; height:85px; margin:0 auto; position:relative;background:#00507c url(../imagens/bg-rodape.jpg) right 0 no-repeat;}
#rodape div {width:960px; height:20px; margin:0 auto; padding:0; bottom:0; color:#0099bb; font-size:10px;}
#rodape p{padding:10px;}
#rodape .copy{padding:10px; float:right; margin:10px;}
#rodape .selos{background:url(../imagens/selos.png) 18px 0 no-repeat; width:93px; height:21px; margin:20px 0; padding:0 0 0 48px; text-transform:uppercase; line-height:15px; font-weight:bold; font-size:1.0em; color:#FFF; letter-spacing:-0.1em;}
#assinatura a{width:22px; height:19px; background:url(../imagens/assinatura.png) no-repeat; text-indent:-9999px; display:block; float:left; margin:10px;}

#titulo{width:100%; height:50px; background:#000; position:relative;}
#titulo h2{padding:18px; color:#0d361f; float:right; font-size:24px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif}

ul.lista li{background: url(../imagens/ico_lista.gif) 0 5px no-repeat; font-weight:normal; font-size:11px; margin:8px 5px; padding:0 12px;}











/* jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider */
	.panel h2.title { margin-bottom: 10px }
	.coda-slider-wrapper { padding: 0 auto;}
	.coda-slider { background: #; }
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	.coda-slider, .coda-slider .panel { width: 960px; min-height:200px;} 
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 700px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px; }
	.coda-nav-left a, .coda-nav-right a { color: #fff; padding: 5px; width: 25px; margin:0 7px 0 7px; text-indent:-9999px;}
	.coda-nav ul li a.current {border-bottom: 4px solid #069;}
	.coda-slider .panel-wrapper { padding: 20px; }
	.coda-slider p.loading { padding: 20px; text-align: center }
	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden ; float:right; position:relative; right:80px; top:-20px; text-transform:uppercase; font-size:16px; letter-spacing:-1px;}
	.coda-nav ul li { display: inline; }
	.coda-nav ul li a { color: #a7a7a7; display: block; float: left; margin-right: 1px; padding: 6px; text-decoration: none;text-shadow: 0px 1px 0px #f7f7f7;}
	.coda-nav ul li a:hover{color:#bebebe; text-shadow: 0px 1px 0px #fff;}
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: hidden;}
	.coda-slider { float: left; overflow: hidden; position: relative; }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative; float:left; }
	.coda-nav-left a{float: left; background: url(../imagens/seta_esq.png) no-repeat; position:absolute; left:0; top:40%;display:none;}
	.coda-nav-right a{float: right;  background: url(../imagens/seta_dir.png) no-repeat; position:absolute; right:0; top:40%;display:none;}

	

/*ini.scroll 1*/
#mcs_container{position:relative; margin:0 0 0 40px; width:400px; height:400px; padding:0 10px; border-top:1px solid #333; border-bottom:1px solid #333;}
#mcs_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs_container .customScrollBox .container{position:relative; width:380px; top:0; float:left;}
#mcs_container .customScrollBox .content{clear:both;}
#mcs_container .customScrollBox .content p{padding:0 5px; margin:10px 0; color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:20px;}
#mcs_container .customScrollBox .content p.alt{padding:10px 5px; margin:10px 0; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; line-height:19px; color:#999;}
#mcs_container .customScrollBox img{border:5px solid #fff;}
#mcs_container .dragger_container{position:relative; width:2px; height:325px; float:left; margin:40px 0 0 10px; background:#000; cursor:pointer -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; cursor:s-resize;}
#mcs_container .dragger{position:absolute; width:2px; height:60px; background:#999; text-align:center; line-height:60px; color:#666; overflow:hidden; cursor:pointer; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
#mcs_container .dragger_pressed{position:absolute; width:4px; margin-left:-1px; height:60px; background:#999; text-align:center; line-height:60px; color:#666; overflow:hidden; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; cursor:s-resize;}
#mcs_container .scrollUpBtn,#mcs_container .scrollDownBtn{position:absolute; display:inline-block; width:14px; height:15px; margin-right:12px; text-decoration:none; right:0; filter:alpha(opacity=20); -moz-opacity:0.20; -khtml-opacity:0.20; opacity:0.20;}
#mcs_container .scrollUpBtn{top:16px; background:url(../imagens/mcs_btnUp.png) center center no-repeat;}
#mcs_container .scrollDownBtn{bottom:12px; background:url(../imagens/mcs_btnDown.png) center center no-repeat;}
#mcs_container .scrollUpBtn:hover,#mcs_container .scrollDownBtn:hover{filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.60; opacity:0.60;}
/*fim.scroll 1*/








#formularioContato input[type='text'], #formularioContato textarea{width:290px; padding:8px; background:#e7e7e7; color:#000; border:0;}
#formularioContato textarea{height:70px;}
#formularioContato h4{ font-size:14px; margin-top:8px;color:#e1d229;}
#formularioContato input[type='submit'], input[type='button'] {padding:10px; margin-top:5px; background:#e7e7e7; color:#000; border:0; cursor:pointer;}

#formularioInfo input[type='text'], textarea{width:150px; padding:5px; background:#e7e7e7; color:#000; border:0;}
#formularioInfo select{width:50px; height:25px;padding:5px; background:#e7e7e7; color:#000; border:0;}
#formularioInfo h4{ font-size:12px; margin-top:8px;}
#formularioInfo input[type='submit'] {padding:5px; margin-top:5px; background:#e7e7e7; color:#000; border:0; cursor:pointer;}

label {margin-top: 10px;}
label.error {float: none; color:#C00; margin:0; vertical-align:top; font-size:12px; background:#e7e7e7; padding:10px;}
p {clear: both;}
.submit {margin-top: 1em;}
em {font-weight:bold; padding-right: 1em; vertical-align: top;}


/*
* marcas 
*/
.container { width:260px; height:160px; overflow:hidden; position:relative;}
.slides { position:absolute; top:0; left:0;}
.slides div { position:absolute; top:0; width:260px; display:none; }

#loopedSlider { margin:5px auto; padding:20px 25px; width:260px; height:180px; background: url(../imagens/fundo_marcas.png) no-repeat; position:relative; clear:both;}
ul.pagination { list-style-type:none; margin:0; padding:0; margin:9px auto; width:100%; }
ul.pagination li { float:left; margin:0 5px; }	
ul.pagination a { display:block; width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(pagination.png); background-position:0 0; background-repeat:no-repeat;}
ul.pagination li.active a {background-position:0 -12px}
a.anterior { position:absolute; top:180px; left:-10px; cursor:pointer; }
a.proximo { position:absolute; top:180px; right:-10px; cursor:pointer; }






/*jCarousel*/
.prox, .ant{cursor:pointer; margin:5px;}
#jCarouselLiteDemo .carousel  {padding: 10px 0 0 0; margin: 0 0 20px 10px; position: relative;}
    #jCarouselLiteDemo .digg {position: absolute; left: 610px; top: 110px;}
    #jCarouselLiteDemo .main {margin-left: 40px;}
    #jCarouselLiteDemo .demo em {color: #FF3300; font-weight: bold; font-size: 60%; font-style: normal;}
    #jCarouselLiteDemo .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/ float: left;}              
    #jCarouselLiteDemo .carousel a.prev, #jCarouselLiteDemo .carousel a.next {
        display: block;
        float: left;
        width: 30px;
        height: 143px;
        text-decoration: none;
        background: url("/image/imageNavLeft.gif") left 60px no-repeat;
    }
        #jCarouselLiteDemo .carousel a.next {background: url("/image/imageNavRight.gif") right 60px no-repeat;}
            #jCarouselLiteDemo .carousel a.next:hover {background-image: url("/image/imageNavRightHover.gif");}
            #jCarouselLiteDemo .carousel a.prev:hover {background-image: url("/image/imageNavLeftHover.gif");}    
            #jCarouselLiteDemo .carousel a:hover, #jCarouselLiteDemo .carousel a:active {border: none; outline: none;}                 
    #jCarouselLiteDemo .carousel .jCarouselLite {border: 1px solid black; float: left; background-color: #dfdfdf;/* Needed for rendering without flicker */position: relative; visibility: hidden; left: -5000px;}
        #jCarouselLiteDemo .carousel ul {margin: 0;}
        #jCarouselLiteDemo .carousel li img, #jCarouselLiteDemo .carousel li p {background-color: #fff; width: 150px; height: 118px; margin: 10px;}
		
		.jCarouselLite ul li span a{background:#004664; color:#FFF; text-transform:uppercase; letter-spacing:1px; padding:5px; margin:0; right:0; position:absolute; display:block; text-align:center; font-size:9px;}
		
        #jCarouselLiteDemo .widget img {cursor: pointer;}
            #jCarouselLiteDemo .mid {margin-left: 80px; width: 400px; height: 300px;}
            #jCarouselLiteDemo .vertical {margin-left: 170px;}
                #jCarouselLiteDemo .vertical .jCarouselLite {/* so that in IE 6, the carousel div doesnt expand to fill the space */width: 170px;}
            #jCarouselLiteDemo .imageSlider li img, 
            #jCarouselLiteDemo .imageSlider li p, 
            #jCarouselLiteDemo .imageSliderExt li img , 
            #jCarouselLiteDemo .imageSliderExt li p {width: 400px; height: 300px;}
			
			
			
			
			
.newst {
	color: #FFF;
}