/* CSS Document */

/*----------------------RESET--------------------*/

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td
{margin: 0; padding: 0; outline: none;}

body{line-height:1; font-size:62.5%; background:#051625 url(img/body-bg.png) repeat-x;} /*---- 1.0 em = 10px---*/

h1, h2, h3, h4, h5, h6{font-size:100%;}

ul, ol{list-style:none;}

a{color:#000; text-decoration: none;}

a img{border:0;}

p, label, .service li{font:1.3em Arial, Helvetica, sans-serif; line-height:1.8em; color:#111;}


@font-face {
    font-family: 'Aller';
    src: url('fonte/aller_rg-webfont.eot');
    src: url('fonte/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonte/aller_rg-webfont.woff') format('woff'),
         url('fonte/aller_rg-webfont.ttf') format('truetype'),
         url('fonte/aller_rg-webfont.svg#AllerRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*----------------------RESET--------------------*/

/*----------------------DIVS--------------------*/

.conteudo-div, .contato-esq, .contato-dir, .dir-div, .esq-div, .fotos-empresa, .fotos-mini, #foto-trabalho, .mapas-div, .mapas-div div, .menu, .texto-empresa, .topo-div, .trabalhos-mini{position:relative; float:left;}

.contato-esq{width:195px; height:auto; padding:0 45px 0 60px;}

.conteudo-div{width:940px; height:auto; min-height:670px; background:url(img/bg-conteudo.jpg) no-repeat top; margin:-5px 10px 10px 10px; padding:5px 0 20px 0;}

.esq-div{width:660px; height:auto; padding-left:20px; background:url(img/loader.gif) no-repeat 30px 150px;}

.dir-div{width:220px; height:auto; padding-left:20px;}

.fotos-empresa, .fotos-mini{width:340px; height:auto; margin-right:60px; }

.fotos-mini{margin-left:20px; margin-right:0px;}

.global-div{position:absolute; display:block; width:960px; height:auto; margin:auto; left:50%; margin-left:-480px; margin-bottom:10px; padding-bottom:10px;}

.left{float:left;}

.mapas-div{width:580px; height:226px;}

.mapas-div:hover{-moz-box-shadow:0 0 5px #999;}

.showroom{background:url(img/show-bg.jpg) no-repeat left top;}

.mapas-div div{background:url(img/maps-bg.png) repeat-x top; border-bottom:1px solid #58595b; width:100%; height:auto; position:absolute; left:0; top:0; z-index:300;}

.meio-ambiente-bg{background:url(img/meio-ambiente-bg.jpg) no-repeat top;}

#trab2{display:none;}

.texto-empresa{width:460px; height:auto; margin-left:20px; margin-bottom:10px; z-index:500;}

.texto-tec{width:195px; height:auto; left:-100px; position:absolute; z-index:500; }

.trabalhos-bg{background:url(img/trabalhos-bg.jpg) no-repeat bottom; height:750px;}

.topo-div{width:960px; height:204px; background:url(img/topo-bg.png) no-repeat left top; z-index:200; margin-bottom:-4px; }

#slider{margin-left:60px;}

.webdesigner{position:absolute; bottom:25px; right:20px; }

/*----------------------DIVS--------------------*/

/*----------------------DIVERSOS--------------------*/

.backnone{background:none;}

.centralizado{position:relative; float:none; display:block; clear:both; margin:0 auto;}

.clear{clear:both;}

.displaynone{display:none;}

#exp{margin-top:-40px;}

#foto-trabalho{height:470px;}

#foto-trabalho img{border:1px solid #fff;}

.fotos-empresa img, #slider img{-moz-box-shadow:0 0 5px #999; -webkit-box-shadow:0 0 5px #999; box-shadow:0 0 5px #999;}

#inicial img{display:none;}

.left{float:left;}

.left-2{margin-left:-2px;}

.left-50{margin-left:-50px;}

.left30{margin-left:30px;}

.left40{margin-left:40px;}

.left50{margin-left:50px;}

.left60{margin-left:60px;}

.loader{width:43px; height:11px; background:url(img/loader.gif) no-repeat left top; z-index:300; margin-left:200px; display:none;}

.loading{display:none;}

.right{float:right;}

.right30{margin-right:30px;}

.service li{list-style:square; list-style-position:inside;}

.setaesq{position:absolute; left:10px; top:175px; display:none; z-index:190;}

.setadir{position:absolute; right:10px; bottom:90px; z-index:191;}

#tec img{float:right;}

.top10{margin-top:10px;}

.top20{margin-top:20px;}

.top15{margin-top:15px;}

.top30{margin-top:30px;}

.top40{margin-top:40px;}

.top60{margin-top:60px;}

.top80{margin-top:80px;}

.top110{margin-top:110px;}

.topo-div img{margin:10px 0 0 70px;}

.width230{width:185px;}

/*----------------------DIVERSOS--------------------*/

/*----------------------FORM------------------------*/
fieldset{border:0;}

input, textarea{padding:3px; background:#fff url(img/inputs-bg.gif) repeat-x bottom left; margin-bottom:5px; border:1px solid #fff;  -moz-border-radius:2px; -webkit-border-radius:2px;}

input:focus, textarea:focus{border-color:#333; }

textarea{overflow:auto; font:1.2em Arial, Helvetica, sans-serif; color:#333; line-height:1.3em;}

/*----------------------FORM------------------------*/

/*----------------------LINKS--------------------*/

#esq{display:none;}

.mapas-div p a{color:#fff; margin:33px 0 0 10px; float:left; text-shadow:1px 1px 3px #666; }

.menu{margin:15px 0 20px 15px; height:auto;}

.menu li{float:left; margin-left:5px; position:relative;}

.menu li a{padding:5px 10px; display:block; font:1.9em Aller, Tahoma, Geneva, sans-serif;  border:1px solid transparent; text-transform:uppercase;}

.menu li a:hover{color:#fff; background:#cf1919; border:1px solid #b30303; text-shadow:1px 1px 3px #970404; -moz-transition:all .3s ease-in; -webkit-transition:all .3s ease-in; transition:all .3s ease-in;}

.menu li div{position:absolute; height:100%; width:100%; background-color:#d91717; top:0; left:0; display:none; border:1px solid #ca0808;} 

#trabalhos-mini{margin-top:-12px; float:left;}

#trabalhos-mini a img{border:2px solid #fff; margin:10px 0 0 0; }

#trabalhos-mini a:hover img, #foto-trabalho img{box-shadow:0 0 5px #999; -moz-box-shadow:0 0 5px #999; -webkit-box-shadow:0 0 5px #999; }

#trabalhos-mini #seta img{border:0; margin:5px 25px 10px 0;}

#trabalhos-mini #seta img:hover{-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}

.webdesigner a{color:#999;}
/*----------------------LINKS--------------------*/

/*----------------------TEXTOS--------------------*/

h1{font:4em Aller, Tahoma, Geneva, sans-serif; color:#fff;  height:30px; padding:15px 0 15px 60px; background:url(img/h1-bg.png) repeat-x top; clear:both; margin:0 60px 30px -5px; text-transform:uppercase; line-height:30px; display:none; text-shadow:1px 1px 3px #970404;}

h6, h2{font:1.8em Tahoma, Geneva, sans-serif; color:#111; line-height:2em; margin:30px 0 0px 20px;}

h2{line-height:1.8em; color:#111; margin:0; margin-bottom:10px;}

h3{font:2em Tahoma, Geneva, sans-serif; width:234px; height:35px; text-align:center; background:url(img/tarja.png) no-repeat left top; text-transform:uppercase; padding-top:6px;  color:#fff; text-shadow:1px 1px 3px #970404;}

h1.mapa{padding:19px 0 7px 20px; margin:0; background:none;text-shadow:1px 1px 3px #333;}

.texto-empresa p{font-size:1.3em; line-height:1.4em;}

.red{color:#d30101;}

/*----------------------TEXTOS--------------------*/

/*----------------------SLIDESHOW--------------------*/

#slideshow{width:800px; height:600px; position:relative; overflow:hidden; margin:20px 50px 0 60px;}

#slideshow ul{width:20000px; position:absolute; top:0; left:0;}

#slideshow li{float:left; position:relative; list-style:none; margin-right:60px; padding-top:200px;}

	#slideshow li.atual{width:520px; height:455px; background:#f00;}
	
	.normal{width:auto; height:auto;}

#slideshow img{display:none; border:5px solid #fff; -moz-box-shadow:0 0 5px #999; -webkit-box-shadow:0 0 5px #666; box-shadow:0 0 5px #666; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

#slideshow img.primeira{margin-left:180px; border:0; -moz-box-shadow:none; -webkit-box-shadow:none;}

.navegacao{width:130px; margin:0px auto; margin-top:-75px; text-align:center; position:relative; z-index:600;}

	.navegacao a{font-size:100px; display:block; float:left; text-indent:-9999px; width:65px; height:65px; background:url(img/setas.png) no-repeat left top;}

  	.navegacao a.dir{background-position:right top;}
	
	.navegacao a:hover{margin-top:-3px;}
	

/*Fix IE. Hide from IE Mac\*/
*{behavior:url(iepngfix.htc);} body { behavior:url(csshover.htc); }
/* End */


/*--------------------NIVO-------------------------*/
.nivoSlider {position:relative;	margin-right:60px;}
.nivoSlider img {	position:absolute;	top:0px;	right:0px;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute; top:0px;	left:0px;	width:100%;	height:100%;	border:0;	padding:0;	margin:0;	z-index:60;	display:none;}
/* The slices in the Slider */
.nivo-slice {	display:block;	position:absolute;	z-index:50;	height:100%;}
.nivo-directionNav a {	display:none;}