@charset "utf-8";
/* Começa o efeito de hover box */

h3{ margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
			
			#trabalhos a{ color:#C8DCE5; }
			
			.boxgrid{ 
				width: 180px; 
				height: 160px; 
				margin:10px; 
				float:left; 
				background:#161613; 
				border: solid 2px #8399AF; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
	top: 166px;
	left: 2px;
 				}
 				.caption .boxcaption {
 					top: 260;
 					left: 0;
 				}

/* QUEM FAZ */

#quem_faz {
	margin-left:60px;
}

#quem_faz a{ color:#C8DCE5; }
			
			.boxgrid_func{ 
				width: 180px; 
				height: 160px; 
				margin:10px; 
				float:left; 
				background:#161613; 
				border: solid 2px #8399AF; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid_func img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid_func p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption_func{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 160px; 
				width: 100%;
				opacity: 0.0;
				
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				captionfull_func .boxcaption_func {
	top: 0px;
	left: 2px;
 				}
 				.caption_func .boxcaption_func {
 					top: 0;
 					left: 0;
 				}				

				

				
 

#principal #nossa-equipe #titulo-nossa-equipe {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 27px;
	color: #464646;
}


#principal #nossa-equipe #titulo-nossa-equipe {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 27px;
	color: #464646;
}

#principal {
	position: absolute;
	left: 50%;
	top: 0px;
	width: 980px;
	z-index: 1;
	margin-left: -490px;
	height: 1295px;
	background-color: #FFFFFF;
}
#menu {
	position:;
	left:0px;
	top:0px;
	width:100%;
	height:99px;
	z-index:2;
	position: fixed;
	background-image: url(../bg.jpg);
	background:rgba(0, 0, 0, 0.7);
}
#rodape {
	position: absolute;
	left: 0px;
	top: 1252px;
	width: 100%;
	height: 124px;
	z-index: 2;
	color: #000;
	background-color: #000;
}
#links {
	position:absolute;
	left:550px;
	top:14px;
	width:853px;
	height:102px;
	z-index:3;
	text-align: center;
	margin-left: -425px;
}
#menu #links ul {
	list-style-type: none;
}
#menu #links ul li {
	display: inline;
	padding-right: 30px;
}
#menu #links ul li a {
	font-family: Verdana, Geneva, sans-serif;
	color: #CCC;
	text-decoration: none;
	font-size: 20px;
	background-color: #454545;
	padding: 5px;
}
#menu #links ul li a:hover {
	background-color: #FFF;
	padding: 5px;
	color: #000;
}

#logotipo {
	position:absolute;
	left:-105px;
	top:-6px;
	width:159px;
	height:93px;
	z-index:900000000000000000000000;
}
#principal #texto-sobre-a-empresa {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
#rodape #menu-rodape ul {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	text-align: center;
}
#rodape #menu-rodape ul li {
	display: inline;
	padding-right: 30px;
}
#rodape #menu-rodape ul li a {
	text-decoration: none;
	color: #FFF;
}
#principal #sobre-a-empresa {
	font-family: Verdana, Geneva, sans-serif;
}
#texto-sobre-a-empresa {
	position:absolute;
	left:21px;
	top:551px;
	width:624px;
	height:76px;
	z-index:4;
}
#sobre-a-empresa {
	position:absolute;
	left:16px;
	top:475px;
	width:304px;
	height:73px;
	z-index:4;
	color: #464646;
}
#imagens-jquery {
	position:absolute;
	left:517px;
	top:632px;
	width:618px;
	height:166px;
	z-index:4;
}
#teste {
	position:absolute;
	left:446px;
	top:494px;
	width:981px;
	height:521px;
	z-index:10000000000000000;
	background-color: #FFFFFF;
}
body {
	background-image: url(../images/bg.jpg);
	background-repeat: repeat;
}
#apDiv1 {
	position:absolute;
	left:1101px;
	top:819px;
	width:308px;
	height:28px;
	z-index:4;
	background-color: #FFFFFF;
}
#menu-rodape {
	position: absolute;
	left: 490px;
	margin-left: -490px;
	top: 6px;
	width: 980px;
	height: 52px;
	z-index: 4;
}
#rodape #menu-rodape ul li a:hover {
	color: #9BBE3E;
}
#trabalhos {
	position: absolute;
	left: 19px;
	top: 635px;
	width: 677px;
	height: 219px;
	z-index: 4;
}
#facebook {
	position:absolute;
	left:658px;
	top:500px;
	width:299px;
	height:320px;
	z-index:4;
}
#lista-1 {
	position:absolute;
	left:0px;
	top:470px;
	width:980px;
	height:30px;
	z-index:4;
}
#lista-2 {
	position:absolute;
	left:0px;
	top:822px;
	width:981px;
	height:25px;
	z-index:4;
}
#contato {
	position:absolute;
	left:0;
	top:143px;
	width:981px;
	height:599px;
	z-index:4;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 36px;
	font-weight: bold;
	color: #666;
}
#nossa-equipe {
	position: absolute;
	left: 3px;
	top: 891px;
	width: 975px;
	height: 513px;
	z-index: 4;
}
#titulo-nossa-equipe {
	position:absolute;
	left:16px;
	top:-47px;
	width:212px;
	height:32px;
	z-index:4;
}
#redes-sociais {
	position:absolute;
	left:845px;
	top:50px;
	width:139px;
	height:70px;
	z-index:100;
}
#todos-os-direitos {
	position: absolute;
	left: 489px;
	top: 130px;
	width: 980px;
	height: 21px;
	z-index: 4;
	margin-left: -490px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
	font-size: 12px;
}

#newsletter {
	background:url(../images/newsletter.png);
	position:absolute;
	left:147px;
	top:48px;
	width:679px;
	height:64px;
	z-index:4;
}

#centralizar-menu {
	position:absolute;
	left:50%;
	top:8px;
	width:980px;
	height:127px;
	z-index:4;
	margin-left: -490px;
}

#centralizar-rodape {
	position:absolute;
	left:50%;
	top:1px;
	width:980px;
	height:124px;
	z-index:5;
	margin-left:-495px;
}
.titulo-endereco-telefone {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 27px;
	font-weight: bold;
}
#principal #veja-como-chegar #mapa small a {
	text-decoration: none;
	text-align: center;
	color: #333;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

#formulario {
	position:absolute;
	left:19px;
	top:245px;
	width:479px;
	height:513px;
	z-index:5;
	background-color: #EFEFEF;
	padding: 10px;
}
.estilo-formulario {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #646464;
}

.estilo-campo {
	border-top:3px solid #cfcfcf;
/* borda superior de 8px solida na cor cinza clara 
no formulário */

border-left:3px solid #cfcfcf;
/* a borda esquerda do formulário */

border-right:3px solid #696969; 
/* a borda direita do formulário */

border-bottom:3px solid #696969; 
* a borda inferior do formulário */

border-collapse:collapse; 
/* retira as bordas duplas nas células da tabela */
}
#telefone-e-endereco {
	position:absolute;
	left:525px;
	top:244px;
	width:438px;
	height:534px;
	z-index:5;
	background-color: #F3F3F3;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
	font-weight: bold;
	color: #646464;
	font-size: 15px;
}
#veja-como-chegar {
	position:absolute;
	left:18px;
	top:784px;
	width:945px;
	height:462px;
	z-index:5;
	background-color: #DBDBDB;
}
#mapa {
	position:absolute;
	left:67px;
	top:60px;
	width:803px;
	height:385px;
	z-index:5;
}
#veja-como-chegar-a-sb-promocoes {
	position:absolute;
	left:-1px;
	top:8px;
	width:946px;
	height:39px;
	z-index:5;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	background-color: #999999;
	<style type="text/css">
}
.form_campo_inv {
	margin-top:20px;
	margin-left: 385px;
	border: none;
}

#emailcadastro {
	text-align:center;
	color:#999;
	font-family: Verdana, Geneva, sans-serif;
	font-style:italic;
}

.botao_enviar {
	margin-left: 30px;
	top: 20px;
	position: absolute;
	cursor: pointer;
	-webkit-transition: all;
	-moz-transition: all;
	-ms-transition: all;
	-o-transition: all;
	transition: all;
}