@import url(margens.css);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,800italic,400,700,800,300);

* { margin:0; padding:0; border:none;}
html { position:relative; min-height:100%; height:100%; }
body { min-height:100%; height:100%; background-color:#FFF; }


a { text-decoration:none; }
	a:hover { text-decoration:underline; color:#FF0000;}
a.azul { color:#214ebe; }
	a.azul:hover { color:#00b7cd; }
a.azulClaro { color:#5c8ddc; }
	a.azulClaro:hover { color:#00b7cd; }	
a.branco { color:#FFF;}
	a.branco:hover { color:#ffbb33;}
a.turquesa { color:#008099;}
	a.turquesa:hover { color:#e37900;}

a.mais { font-style:italic; color:#666; font-size:14px; }
	/*a.mais:after {content:" »";}*/
	
#Conteudo p, #Conteudo li { font: 400 14px/20px "Open Sans", Arial, Helvetica; margin-bottom:.8em; color: #000; font-weight:400; text-align:justify; }
#Conteudo li { padding-bottom: .4em; padding-left: 0px; margin-bottom:.5em; line-height:17px; background: url(../images/seta2.gif) no-repeat left 9px; }
#Conteudo li:before { content:" » ";}


h1, h2, h3 { position:relative; z-index:99; font: 24px/30px "Open Sans", Arial, Helvetica; margin-bottom: 1em; font-weight:700;  }
	h1 { margin:0; font: italic 300 24px/30px "Open Sans"; color: #ccc; text-align:center; }
		h1 b {font: italic 700 24px/30px "Open Sans"; color: #ffc933; }
	h2 { font-size:17px; font-weight:800; margin-bottom:15px; padding-bottom:0px; line-height:20px; color:#2e60c9; border-bottom: solid 5px #f0f0f0; }
	#Capa h2 { font-size:24px; font-weight:800; margin-bottom:0; padding-bottom:10px; line-height:20px; color:#666; border-bottom: none; }
	p + h1, p + h2, p + h3, p + h3, ul + h1, ul + h2, ul + h3, ul + h3 { margin-top:1.5em;}
	h2.tarja { background-color:#f0f0f0; padding:10px; padding-left:0; line-height:15px; border:none; }
	h3 { font-weight:700; font-family:Arial, Helvetica, sans-serif; font-size:14px; border-bottom: solid 1px #ccc; }
	h4 { margin-bottom:15px; padding-top:10px; font-size:17px; color:#0e2a82; border:none; }
	h2.newslt { padding-left:60px; background: url(../images/ico-newsletter.png) no-repeat left bottom; }
	h2.vendedores { padding-left:60px; background: url(../images/ico-vendedores.png) no-repeat left bottom; line-height:18px; padding-bottom:7px;}
ul { list-style: none outside; }
	ul li { list-style: none outside; }
	p + ul, ul + p { margin-top:1em;}





#ContainerGeral { position:relative; z-index:1; width:100%; min-height:100%; height:auto; }

#Topo { position:relative; z-index:10; width:980px; height:220px; margin:0 auto; padding-top:20px; }
	#Topo .logo { position:absolute; z-index:10; left:50%; top:40px; margin-left:-226px; /* width:451px; height:161px; */ }
	#Topo h1 { margin-top:7px; color:#FFF;}
	#MenuA li, #MenuB li { padding-bottom:5px; padding-top:10px; padding-left:0; padding-right:0;}
	#MenuA { margin-top:3px;}
		#MenuA li, #MenuB li { font: 400 16px/20px "Open Sans", Arial, Helvetica, sans-serif; background: url(../images/linha-menus-esq.png) no-repeat right bottom; text-align:right; }
		#MenuA a, #MenuB a { color:#FFF;}
			#MenuA a:hover, #MenuB a:hover, #MenuA .atual a, #MenuB .atual a { color:#ffc933;}
	#MenuB { margin-top:3px;}
		#MenuB li { text-align:left; }
#TitSess { position:relative; z-index:10; width:940px; margin:0 auto; height:30px; margin-bottom:15px;  }

#Conteudo { position:relative; z-index:10; width:980px; margin:0 auto; min-height:440px; margin-bottom:10px; padding-top:20px; padding-bottom:80px; background: url(../images/bg-conteudo.gif) no-repeat center top; }
	#Capa #Conteudo { width:980px; padding-top:0; background-image:none; }

/*#Rodape { position:relative; z-index:12; width:980px; height:190px; margin:0 auto; }*/
#Rodape { position:absolute; left:50%; bottom:0px; z-index:20; width:980px; height:45px; margin-left:-490px; color:#666; }
	#Rodape p { font: 14px/20px "Open Sans", Arial, Helvetica; color: #666; text-align:center;}
	#Rodape a { }
		#Rodape a.facebook { padding-left:30px; padding-top:5px; background:url(../images/ico-facebook.png) no-repeat left bottom; }
		#Rodape a.twitter { padding-left:30px; padding-top:5px; background:url(../images/ico-twitter.png) no-repeat left bottom; }
		
#BG { position:absolute; z-index:2; left:0; top:0; width:100%; min-height:100%; height:auto; }
	#BG .topo1 { position:absolute; z-index:3; left:0; top:0; width:100%; height:630px; background: url(../images/bg-topo.jpg) repeat-x center top; }
	#BG .topo2 { position:absolute; z-index:4; left:0; top:0; width:100%; height:630px; background: url(../images/bg-topo-meio.jpg) no-repeat center top; }
	#BG .rodape1 { position:absolute; z-index:8; left:0; bottom:0; width:100%; height:150px; background: url(../images/bg-rodape-meio.jpg) no-repeat center bottom; display:none; }
	#BG .rodape2 { position:absolute; z-index:7; left:0; bottom:0; width:100%; height:150px; background: url(../images/bg-rodape.jpg) repeat-x center bottom; }


#Contatos { min-height:300px; background: url(../images/laptop-contato.jpg) no-repeat right bottom; }
	#Contatos span { font-size:18px; font-weight:800; color:#00577e;}
	#Contatos a.facebook, #Contatos a.twitter { display:block; padding-left:40px; height:30px; padding-top:3px; padding-bottom:2px; font-weight:700; background: url(../images/ico-facebook-2.png) no-repeat left top; }
	#Contatos a.twitter { background: url(../images/ico-twitter-2.png) no-repeat left top; }

#Clientes {}
	#Clientes.marcas { margin-left:-20px; }
	#Clientes .slot { position:relative; float:left; margin-left:20px; margin-bottom:20px; width:200px; height:35px; padding:10px; padding-top:100px; text-align:center; background-color:#f0f0f0; border-radius:10px; }
	#Clientes .slot img { position:absolute; left:50%; top:15px; margin-left:-52px; width:105px; height:70px; }
	#Clientes .slot p { text-align:center; font: italic 400 14px/15px "Open Sans", Arial, Helvetica, sans-serif; color:#333;}
	
#Destaques {}
	#Destaques .slot { float:left; width:230px; margin-left:14px; margin-bottom:15px; }
		#Destaques .slot:first-child { margin-left:0;}
	#Destaques p { }
	#Destaques a { text-decoration:none; }
	#Destaques p.titulo { font-weight:700; font-size:14px !important; padding-bottom:5px; }
	#Destaques .foto { width:226px; height:146px; margin-bottom:5px; }
#Orcamento { min-height:340px; background: url(../images/boneco-orcamento.jpg) no-repeat right 10px; }
	#Capa #Orcamento { min-height:195px; background: url(../images/boneco-orcamento.jpg) no-repeat 120px 10px;}
	#Capa #Orcamento p { text-align:left; line-height:17px; font-size:14px; padding-right:70px; }
	#Capa #Orcamento p b { font-size:18px;}
	/*#Orcamento p, #Orcamento h2 { margin-right:160px; text-align:left;}*/
	
#Portfolio { margin-left:-20px; }
	#Portfolio.in { margin-left:0px; }
	#Portfolio .slot { float:left; margin-left:20px; width:300px; height:305px; margin-bottom:30px; border-bottom: solid 3px #00b7cd; }
	#Portfolio .foto { width:290px; height:180px; border: solid 2px #FFF; padding:0px; padding-top:0; padding-left:0;
	-webkit-box-shadow: 6px 6px 0px 0px #e5e5e5; box-shadow: 6px 6px 0px 0px #e5e5e5; }
	#Portfolio .foto:hover { border: solid 2px #ffc933; }
	#Portfolio h2 { margin:0; margin-bottom:5px; padding:0; border:none; font: italic 700 18px/20px "Open Sans", Arial, Helvetica; color: #666;}
		#Portfolio h2 span { font-weight:400; font-size:14px;}
	#Portfolio a { color:#0083a5; }
	#Portfolio p { margin-bottom:10px; font: italic 400 14px/16px "Open Sans", Arial, Helvetica; color: #666; text-align:left; }
	#Portfolio .slotIn { }
		#Portfolio .slotIn h2 { margin-bottom:20px; padding-bottom:10px; border-bottom: solid 3px #00b7cd; }
		#Portfolio .slotIn .foto { float:left; width:520px; height:310px; margin-right:20px; border: solid 2px #f9f9f9; }
		#Portfolio .slotIn p { font-size:16px; line-height:20px;}
		#Portfolio .slotIn p.info { margin-bottom:20px;}


#Servicos { margin-left:-20px; }
	#Servicos .slot { position:relative; z-index:30; float:left; margin-left:20px; width:900px; /*min-height:380px;*/ margin-bottom:20px; padding:20px; padding-bottom:10px; background-color:#f0f0f0; border-radius:10px;}
	#Servicos .btDestq { /*position:absolute; z-index:31; left:20px; bottom:12px;*/ }
	#Servicos .slot .foto { width:250px; height:180px; border: solid 2px #FFF; padding:0px; padding-top:0; padding-left:0; background: url(../images/sombra-cinza8s6.gif) no-repeat 7px 7px;
	-webkit-box-shadow: 10px 10px 0px 0px #e5e5e5; box-shadow: 10px 10px 0px 0px #e5e5e5; }
	#Servicos .slot .foto:hover { border: solid 2px #ffc933; }
	#Servicos .slot .info { float:right; width:620px; }
	#Servicos .slot h2 { padding-bottom:8px; border-bottom: solid 2px #09C; font-size:20px;}
		#Servicos .slot h2 i { font-size:16px; font-weight:400; font-style:normal;}
	#Servicos .slot p { }
	

	
#Slide { position:relative; z-index:9; width:940px; }
	#Slide .slideshow { position:relative; z-index:13; width:940px; height:430px; background: url(../images/slides/bg-slides.jpg) repeat-x center top; overflow:hidden; }
	#Slide .slideshow .item { width:930px; height:420px; margin-left:5px; margin-top:5px; line-height:1px; background-color:#ccc; }
		#Slide .slideshow .item img { width:930px; height:420px;}
	#Slide .sombra { position:absolute; z-index:15; left:0; bottom:0; width:960px; margin-left:10px; height:80px; background: url(../images/slides/sombra1.png) repeat-x center bottom; }
	#Slide .prev { position:absolute; z-index:15; left:-15px; top:200px; }
	#Slide .next { position:absolute; z-index:15; right:-15px; top:200px; }

.bgCinza1 { background-color:#f9f9f9;}
.bgCinza2 { background-color:#f0f0f0;}

.bordaFim { border-bottom: solid 2px #ccc;}

.blocoInfo { position:relative; height:375px; margin-bottom:20px; background: url(../images/bg-blocoInfo.gif) repeat-y left top; }
	.blocoInfo .pic { width:293px; height:210px; border-left: solid 7px #ff9e0a;}
	.blocoInfo .titulo { font:900 24px/30px "Archivo Narrow", Arial, Helvetica, sans-serif; margin-left:20px; margin-right:15px; padding-bottom:0px; margin-bottom:10px; border-bottom:solid 2px #c11c1c; color:#FFF; }
	.blocoInfo p { font-size:13px !important; line-height:20px; margin-left:20px; margin-right:15px; padding-bottom:5px; text-align:left !important; color:#FFF !important;}
.blocoInfo2 { position:relative; }
	.blocoInfo2 .titulo { font:900 24px/30px "Archivo Narrow", Arial, Helvetica, sans-serif; padding-bottom:0px; margin-bottom:10px; border-bottom:solid 2px #c11c1c; color:#404040; }
		.blocoInfo2 .titulo.menor { padding-bottom:4px; font-size:22px; line-height:22px;}
	.blocoInfo2 a { color:#404040; }
	.blocoInfo2 p { line-height:18px !important; padding-bottom:5px; text-align:left !important; color:#404040 !important;}
	.bgImg1 { background: url(../images/mao-tablet.png) no-repeat left bottom; }
		.bgImg1 .blocoInfo2 { height:130px; padding-left:155px; padding-top:30px; }
	.bgImg2 { background: url(../images/notebook-email.png) no-repeat left 0px; }
		.bgImg2 .blocoInfo2 { height:130px; padding-left:150px; padding-top:30px; }

.btDestq { display:inline-block; width:130px; width:auto; background-color:#ff9e0a; margin:0; /*padding:15px; padding-top:5px; padding-bottom:5px;*/ line-height:17px !important; text-align:center !important;
			-webkit-border-radius: 10px; border-radius: 10px; border-top: solid 2px #ffc924; border-bottom: solid 2px #ff7103; }
	.btDestq a { text-shadow: 0px 1px 0px #666; filter: dropshadow(color=#666, offx=0, offy=1); }
	.btDestq.seta { background-image: url(../images/setalink.png); background-repeat: no-repeat; background-position: right center; }
		.btDestq.seta a { padding-right:40px;}
	.btDestq.brief { background-image: url(../images/ico-briefing.png); background-repeat: no-repeat; background-position: 5px center; }
		.btDestq.brief a { padding-left:40px; }
		.btDestq.brief:hover { background-color:#5485c5; }
	.btDestq.azul { background-color: #3565c1; border-top: solid 2px #5e8ecd; border-bottom: solid 2px #2f59ae; }
		.btDestq.azul a { text-shadow: 0px 1px 0px #000000; filter: dropshadow(color=#000000, offx=0, offy=1); }
		.btDestq.azul:hover { background-color:#5485c5; }
	.btDestq:hover { background-color:#ffc933 }
	.btDestq + .btDestq { margin-left:5px;}
	.btDestq.largo { display:block; width:220px;}
	.btDestq a { display:block; text-decoration:none; color:#06C; color:#FFF; padding:15px; padding-top:5px; padding-bottom:5px;}
	.btDestq b { font-size:18px; text-shadow: 0px 1px 0px #cd5900; filter: dropshadow(color=#cd5900, offx=0, offy=1);}
.esq { float:left;}
.dir { float:right;}


.formulario { padding:15px; border: solid 2px #e6e6e6; border-radius:6px; background-color:#fff; }
	#Conteudo .formulario p.titulo, .formulario p.titulo{ padding-bottom:7px; margin-bottom:15px; border-bottom:solid 3px #ccc; font: italic 400 20px/15px "Open Sans",Arial, Helvetica, sans-serif; color:#2e60c9; }
	.formulario h2 { border:none; padding:0; color:#666; }
	.formulario .div1{ width:150px; float:left; margin-left:15px; _margin-left:7px;}
	.formulario .div2{ width:160px; float:right; margin-right:15px; _margin-right:7px;}
		.resposta { width:100%; text-align:center; margin-top:40px; margin-bottom:40px; }
		.resposta p, .resposta h3 { text-align:center;}
	form { font: 11px Arial, Helvetica, sans-serif; }
	input, textarea, select { width:100%; width:99%; height:30px; margin-bottom:10px; border:solid 1px #6cb8c7; font: italic 14px "Open Sans", Arial, Helvetica; color: #666; background: #ebebeb url(../images/bg-campos.gif) no-repeat left top; text-indent:4px; }
		input.menor1, div.menor1 { width:80%; }
		.menor1#fake1 { width:120px;}
		input.arquivo { text-indent:0; font-size:12px; }
	textarea { height:67px;}
		textarea.tamanho2 { height:150px;}
	input.btn { display:block; width:auto; height:30px; border:solid 1px #1c79a9; margin:0; padding-left:10px; padding-right:9px; font: 400 15px/15px "Open Sans", Arial, Helvetica, sans-serif; color: #FFF; background: #268bc1 url('../images/bg-botao.jpg') repeat-x left center; text-align:center; text-indent:0;}
		input.btn.ok { width:15%; text-indent:0; }
	label { font: 400 14px/15px "Open Sans",Arial, Helvetica, sans-serif; color:#333;}
		label span{ font-size:11px; color:#666;}
		form i { font-style:normal; color:#C00; font-size:18px; font-weight:700; line-height:1px;}
	.formulario .div1b, .formulario .div2b, .formulario .div3b { width:287px; float:left; margin-left:20px;}
	.formulario .div1b { margin-left:0; }
	.formulario .div2b {}
	.formulario .div3b {}





.foto, .fotos img { float:left; border-bottom: solid 8px #0095b3; padding-bottom:2px; margin-bottom:20px; background-color:#FFF; line-height:1px; }
	.fotos img + img { margin-left:10px;}
	.fotos img { }
.fotos { padding:10px; background-color:#f0f0f0; }
	.fotos.slideshow { height:332px; }
		.fotos.slideshow img { margin:10px; float:none;}
.foto.dir { float:right; margin-left:20px; margin-bottom:10px;}


.marcas { margin-left:0px;}
	.marcas img { float:left; margin-bottom:6px; border: solid 1px #bdbdbd;}
		.marcas img + a, a + a, img + img { margin-left:6px;}

.newsFull { padding-bottom:20px; border-bottom: solid 3px #999; }
	.newsFull .titulo { font-size:28px !important; line-height:35px !important; color:#000 !important; padding-bottom:10px; margin-bottom:5px !important; }
	.newsFull .legenda { margin-bottom:25px;  }
	.newsFull p {}
.newsLista { }
	.newsLista .slot { border-bottom:solid 1px #CCC; padding-bottom:15px; margin-bottom:15px;}
	.newsLista .slot h2 { border:none; font-size:16px; line-height:20px; padding:0; margin:0;}
	.newsLista .slot .legenda { }

.legenda { font-size:12px; color:#333; line-height:15px; margin:0; padding:0; }
.verm { color:#990000}


.contRelative { position:relative; width:100%;}
.limpar { float:none; clear:both; line-height:0; height:0; }



#banner1 { position: absolute; z-index: 99; left: 50%; top: 0px; width:500px; margin-left: -250px;}
	#banner1 .div1 { width:100%; text-align:right; }
		#banner1 .div1 img { margin-right:0px;}
	#banner1 .div2 { width:100%; margin-top:-10px; background-color:#ffffff; line-height:1px;
	-webkit-box-shadow: 0px 2px 10px 0px #000000;
	box-shadow: 0px 2px 10px 0px #000000; }
		#banner1 img { border:none; }
		
		
		.ref1 { position:absolute; z-index:999; left:50%; top:0; margin-left:-500px; width:1000px; border: solid 2px #099; border-top:0; display:none;}
		.ref2 { width:940px; margin:0 auto; height:640px; border: solid 2px #FC0; border-top:0;}
		
		