@font-face {
    font-family: "DINBold";
    src: url(../fonts/dinbold-webfont.eot);
    src: url(../fonts/dinbold-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/dinbold-webfont.woff) format('woff'),
         url(../fonts/dinbold-webfont.ttf) format('truetype'),
         url(../fonts/dinbold-webfont.svg#DINBold) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "DINLightAlternateRegular";
    src: url(../fonts/dinlightalternate-webfont.eot);
    src: url(../fonts/dinlightalternate-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/dinlightalternate-webfont.woff) format('woff'),
         url(../fonts/dinlightalternate-webfont.ttf) format('truetype'),
         url(../fonts/dinlightalternate-webfont.svg#DINLightAlternateRegular) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "RockwellExtraBold";
    src: url(../fonts/mrockwellextrabold-webfont.eot);
    src: url(../fonts/mrockwellextrabold-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/mrockwellextrabold-webfont.woff) format('woff'),
         url(../fonts/mrockwellextrabold-webfont.ttf) format('truetype'),
         url(../fonts/mrockwellextrabold-webfont.svg#RockwellExtraBold) format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	list-style:none;	
}
body {
	font-family: 'DINLightAlternateRegular',Arial;
	font-size: 14px;
	color:#666; 
	margin:0; 
	padding:0;  
	list-style:none;
}

h1 {font-family: "RockwellExtraBold", Arial; text-transform:uppercase; font-size: 48px; letter-spacing:-3px; color:#BFD938; font-weight: normal;line-height:1em; padding-bottom: 10px; }
h2 {font-family: "RockwellExtraBold", Arial; text-transform:uppercase; font-size: 22px; letter-spacing:-2px; color:#333; font-weight: normal;line-height:1em; padding-bottom: 10px; }
h3 {font-size:20px; font-family:"DINBold", Arial; color:#333; text-decoration:none; letter-spacing:-1px;}
h4 {font:32px times new roman; letter-spacing:-1px; font-style:italic; color:#ccc; font-weight:bold;}
a {color:#666; text-decoration:none;}
a:hover {color:#000;}

a.twitter, a.facebook {
	width:21px;
	height:21px;
	display:block;
	float:left;
	margin-left:2px;
	background:url(../img/btn_redes.gif) no-repeat;
	overflow:hidden;
}
a.twitter {background-position: 0px 0px;}
a.twitter:hover {background-position: 0px -22px;}
a.twitter:active {background-position: 0px -44px;}
a.facebook {background-position: -22px 0px;}
a.facebook:hover {background-position: -22px -22px;}
a.facebook:active {background-position: -22px -44px;}

a.twitter_g, a.facebook_g {
	width:70px;
	height:70px;
	display:block;
	float:left;
	margin-left:2px;
	background:url(../img/btn_redes_g.gif) no-repeat;
	overflow:hidden;
}
a.twitter_g {background-position: 0px 0px;}
a.twitter_g:hover {background-position: 0px -70px;}
a.twitter_g:active {background-position: 0px -140px;}
a.facebook_g {background-position: -70px 0px;}
a.facebook_g:hover {background-position: -70px -70px;}
a.facebook_g:active {background-position: -70px -140px;}

a.link_chamada {color:#333; font-weight:bold;}
a.link_chamada:hover {color:#000;}

.titulo {
	width:100%; 
	overflow:hidden; 
	clear:both;
	padding-bottom:10px;
	margin-top:20px;
}

.botao {
	font:18px "RockwellExtraBold", Arial; 
	text-transform:uppercase; 	
	padding:5px 24px;
	font-weight:bold;
	letter-spacing:-1px;
	line-height:22px;
	color:#FFF;
	text-shadow:0 1px 0 #65731c;	
	background-color:#BFD938;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	line-height:28px;
}
.botao:hover, .botao:focus {
	background:#9cb12c;
	color:#FFF;
	text-shadow:0 1px 0 #65731c;
}
.botao:active { 
	background:#7e8f26;
	color:#FFF;
	text-shadow:0 1px 0 #65731c;
}

#menu {width:980px; overflow:hidden; padding-top:15px; margin:0 auto; margin-bottom:10px; clear:both;}
#menu li {display:inline; margin-left:30px; }
#menu li a{font-size:21px; font-family:"DINBold", Arial; color:#000; text-decoration:none; letter-spacing:-1px;}
#menu li a:hover{color:#666;}
.links {float:right; margin-top:20px;}
.links_social {float:right; margin:22px 0 0 30px;}
.logo {float:left;}

#chamadas {
	width:100%; 
	overflow:hidden; 
	clear:both;
	margin-top:20px;
}
.chamadas_conteudo {
	clear:both;
	width:980px;
	margin:0 auto;
	overflow:hidden;
}
.chamada_caixa {width:305px; overflow:hidden; float:left; margin:15px 20px 0 0;}
.chamada_caixa h1 {font-size:34px}
.thumb {
    float: left;
	padding-right:20px;
}

.chamada_caixa2 {width:325px; overflow:hidden; float:left; margin:15px 0 0 0;}
.chamada_caixa2 h1 {font-size:34px}

#visita {width:980px; overflow:hidden; margin:0 auto; clear:both; padding:30px 0; margin-top:15px; margin-bottom:15px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;} 
.visita_figura {width:280px; float:left; text-align:right; padding-right:30px;}
.visita_dados {width:670px; float:left;}
.visita_dados h1 {font-family:"DINBold"; color:#333; font-size:22px; letter-spacing:-1px; text-transform:none;}

.portfolio {width:980px; overflow:hidden; margin:0 auto;}

.monteweb {width:980px; overflow:hidden; margin:0 auto; margin-top:15px;}
.monteweb_sobre {width:330px; overflow:hidden; margin-right:30px; float:left;}
.monteweb_fazemos {width:260px; overflow:hidden; float:left;}
.monteweb_carac {width:330px; overflow:hidden; margin-left:30px; float:left;}

/* Serviços */
.servicos_fundo {background:url(../img/servicos_fig.gif) no-repeat 0 100px, url(../img/servicos_fig2.gif) no-repeat 500px 380px; height:730px;}
.servicos_desc {width:470px; float:right}
.servicos_desc2 {width:490px; margin-top:100px; clear:right; float:left;}

/* Contato */
.mascara_mapa {width:980px; height:216px; margin:0 auto; margin-top:421px; background:#FFF; z-index:1000; position:absolute;}
.contato_redes {margin:460px 0 0 70px; position:absolute; z-index:1001;}
.contato_dados {margin:290px 0 0 40px; padding:30px; background:#FFF; position:absolute; z-index:1002;}
.icn_home {margin:270px 0 0 70px; position:absolute; z-index:1003;}
.icn_contato {margin:212px 0 0 610px; position:absolute; z-index:1005;}

.formulario {width:300px; margin:230px 0 0 580px; padding:30px; background:#FFF; position:absolute; z-index:1004;}
.formulario li {margin-bottom:5px;}
.formulario input[type="text"] { padding:5px; font:14px 'DINLightAlternateRegular', Arial; color:#666; background:#d9d9d9; border-bottom:1px solid #c9c9c9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.formulario textarea { padding:5px; font:14px 'DINLightAlternateRegular', Arial; color:#666; background:#d9d9d9; border-bottom:1px solid #c9c9c9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.formulario fieldset label {width:100px; float:left;}

/* Rodape */
#rodape {
	width:980px;
	overflow:hidden;
	padding:30px 0 10px 0; 
	clear:both; 
	margin:0 auto;
	margin-top:30px;	
	margin-bottom:30px;
	border-top:1px solid #d9d9d9;
    font-size:11px;
	color:#999;		
}
#rodape a {color:#999} #rodape a:hover {color:#666;}
.dados {float:left;}
.contatos {float:left; margin-left:30px;}
.social {float:right;}

/* Slider */
#tv{
	width: 980px;
	height:340px;
	margin: 0 auto;
}
#work{
	position: relative;
}

#work #images{
    width: 980px;
}

#work #homeimages{
    width: 980px;
	height: 320px;
	overflow: hidden;
}

#work #imgNav a{
	height: 33px;
	width:33px;
	display: block;
	position: absolute;
	top: 150px;
}
#work #homeimgNav a{
	height: 33px;
	width:33px;
	display: block;
	position: absolute;
	top: 150px;
}

#work #imgNav a.prev{
	background: url(../img/arrows.png);
	z-index: 100;
	left: 40px;
}

#work #imgNav a.next{
	background: url(../img/arrows-right.png);
	z-index: 101;
	right: 40px;
}

#work #homeimgNav a.prev{
	background: url(../img/arrows.png);
	z-index: 100;
	left: 40px;
}

#work #homeimgNav a.next{
	background: url(../img/arrows-right.png);
	z-index: 100;
	right: 40px;
}

#work #imgNav a:hover{
	background-position: -33px 0;
}

#work #homeimgNav a:hover{
	background-position: -33px 0;
}

/* Slider */

.fig_margin {float:left;margin:0 20px 20px 0;}
.fig_margin2 {float:right; margin:0 0 20px 20px;}
.clear {clear:both;}

ul.lista_logos {}
ul.lista_logos li{float:left; margin:0 10px 20px 10px; width:100px; height:100px;}
ul.lista_logos li img{width:100px; height:100px;}

ul.lista_servicos {}
ul.lista_servicos li{overflow:hidden; clear:both; margin-bottom:80px;}
ul.lista_servicos li div.figura{width:150px; float:left; margin-right:20px;}
ul.lista_servicos li div.descricao{width:370px; float:left; margin-right:40px;}
ul.lista_servicos li div.slide{width:400px; float:left;}