@charset "utf-8";
/* CSS Document */
@import url("reset.css");

/*--- ESTILO HOME ---*/
html { overflow-x:hidden; overflow-y:scroll; }
body { 
	background:url(../../imagens/rodape.jpg) center 514px repeat-x #FFF; 
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}
#carregando { 
	position:absolute; 
	top:225px;
	left:50%;
	margin-left:-25px;
	z-index:500000; 
	width:45px; 
	height:45px; 
}

#banner {
	position:absolute; 
	width:100%; 
	left:0;
	top:0; 
	height:514px;
	text-align:center;
	background:#000;
}
#banner_mascara {
	position:absolute; 
	width:1920px;
	left:50%; 
	margin-left:-960px; 
	top:0; 
	height:514px;
	background:url(../../imagens/mascara.png) 0 0 no-repeat;
	z-index:2;
}
#banner_galeria, #banner_galeria2 {
	position:absolute; 
	width:1920px;
	left:50%; 
	margin-left:-960px; 
	top:0; 
	height:514px;
	z-index:1;
	display:none;
}

#base { 
	position:absolute; 
	top:514px;
	width:100%;
	height:auto; 
}

/*-------- INICIO - MENU --------*/
#menu { 
	position:relative;
	margin-top:8px;
	height:20px;
	width:720px; 
	left:50%; 
	margin-left:-360px; 	
}
#area_clientes {
	float:right;
	margin-top:-8px;
}
#menu ul { 
	list-style:none;
	float:left;
}
#menu ul li {
	list-style:none;
	float:left;
	display:inline;
	padding-right:17px;
	margin-right:14px;
	background:url(../../imagens/menu_separador.png) center right no-repeat;
}
#menu ul li.last {
	background:none;
}
#menu ul li a {
	font-size:12px;
	color:#FFF;
	text-transform:uppercase;
	text-decoration:none;
}
#menu ul li a:hover {
	text-decoration:underline;
}

#submenu {
	position:relative;
	height:29px;
	background:url(../../imagens/submenu.png) 0 0 repeat-x;
	display:none;
	clear:both;
}
#submenu ul { 
	list-style:none;
	position:relative;
	height:24px;
	width:740px; 
	left:50%; 
	margin-left:-370px; 
	display:none;
}
#submenu ul li {
	list-style:none;
	float:left;
	display:inline-block;
	margin-right:30px;
	margin-top:3px;
}
#submenu ul li a {
	font-size:10px;
	color:#666;
	text-transform:uppercase;
	text-decoration:none;
}
#submenu ul li a:hover {
	text-decoration:underline;
}
#menu_2 { padding-left:77px; }
#menu_3 { padding-left:180px; }
#menu_4 { padding-left:385px; }
/*------------ FIM DO MENU -----------------------*/


/*---------------------- INICIO DO RODAPE ----------*/
#rodape {
	position:absolute;
	height:24px;
	width:720px; 
	left:50%;
	top:63px;
	margin-left:-360px;
	margin-bottom:10px;
	clear:both;
}
#twitter { 
	float:left;
}
#twitter a {
	font-size:10px;
	color:#666;
	font-weight:bold;
	text-decoration:none;
}
#twitter a:hover {
	text-decoration:underline;
}
#twitter_update_list li {
	list-style:none;
	width:338px;
	display:block;
	margin-top:5px;
}
#twitter_update_list li span {
	font-size:10px;
	color:#666;
}
#twitter_update_list li span a {
	font-size:10px;
	color:#666;
	text-decoration:underline;
}
#twitter_update_list li span a:hover {
	text-decoration:none;
}
#twitter_update_list li a {
	font-size:10px;
	color:#ccc;
	text-decoration:none;
	font-weight:normal;
}
#twitter_update_list li a:hover {
	text-decoration:underline;
}

#contatos {
	width:350px;
	clear:left;
	float:left;
	font-size:10px;
	color:#666;
	margin-top:14px;
}
#contatos img { 
	margin-right:13px;
}
#contatos p {
	margin-top:5px;
	line-height:18px;
	margin-bottom:10px;
}
#contatos p strong { font-weight:bold; }
#contatos a {
	font-size:10px;
	color:#666;
	font-weight:bold;
	text-decoration:none;
}
#contatos a:hover {
	text-decoration:underline;
}

#logo {
	position:relative;
	float:right;
	top:-20px;
	*top:30px;
}

/*---------------------- FIM DO RODAPE ----------*/


/* ----------------------- INICIO CONTEUDO -------------------*/
#centro {
	position:absolute;
	height:514px;
	width:720px; 
	left:50%;
	margin-left:-360px;
	z-index:9;
}
#conteudo {
	position:relative;
	height:379px;
	width:706px; 
	top:66px;
	clear:both;
	z-index:9;
	background:url(../../imagens/fundo_conteudo.png) 0 0 no-repeat;
	padding:7px;
}
#conteudo h1 {
	font-size:12px;
	color:#FFF;
	font-weight:normal;
	margin-top:12px;
	margin-left:15px;
	margin-bottom:10px;
	text-transform:uppercase;
}
#conteudo p {
	color:#ccc;
	line-height:14px;
	margin-bottom:10px;
	margin-left:15px;
	width:198px;
	font-size:11px;
}
#conteudo p.restrito {
	width:284px;
	text-align:justify;
}
#conteudo p strong {
	font-weight:bold;
}
#conteudo p em {
	color:#666;
	text-transform:none;
	font-style:normal;
}
#conteudo a {
	color:#ccc;
	font-weight:normal;
	text-decoration:underline;
}
#conteudo a:hover {
	text-decoration:none;
}
#conteudo_texto {
	float:left;
}
#conteudo_imagem { 
	float:right; 
}
#interativa_video {
	float:left;
	width:503px;
	height:377px;
}
#interativa_texto {
	float:right;
	width:203px;
}
#interativa_texto p {
	width:170px;
}
#mapa {
	position:absolute;
	float:left;
	clear:left;
	margin-left:110px;
	margin-top:-65px;
}

/*---servicos---*/
#bt_prev a { 
	position:absolute;
	width:16px;
	height:58px;
	top:161px;
	left:7px;
	background:url(../../imagens/prev.png);
}
#bt_prev a:hover {
	background:url(../../imagens/prev_on.png);
}
#bt_next a { 
	position:absolute;
	width:18px;
	height:58px;
	cursor:pointer;
	top:161px;
	left:695px;
	background:url(../../imagens/next.png);
}
#bt_next a:hover {
	background:url(../../imagens/next_on.png);
}

/*---- portfolio ----*/
#portifolio {
	position:relative;
	width:720px;
	height:447px;
	top:44px;
	clear:both;
	z-index:999;
	background:url(../../imagens/fundo_portifolio.png) 0 0 no-repeat;
	padding:7px;
}
#port_mini {
	position:relative;
	float:left;
	height:375px;
	overflow:hidden;
}
#port_mini .loading {
  position: relative;
  top: 150px;
  left: 5px;
  margin: 0 auto;
  padding: 10px;
  width: 80px;  
  text-align: center;
  font-size:10px;
  color: #fff;
  border: 1px solid rgb(79, 79, 79);
  background: #1F1D1D;
}
#port_menu {
	list-style:none;
	height:100%;
	width:100%;  
	list-style:none;  
	padding:0;  
	margin:0;  
	top:0;  
	position:relative;
}
#port_menu li {
	list-style:none;
	display:block;
	cursor:pointer;
}
#port_conteudo {
	position:relative;
	float:left;
	height:375px;
}
#port_descricao {
	position:relative;
	clear:both;
	width:706px;
	height:41px;
	padding:18px 11px;
}
#port_descricao h1 {
	font-size: 12px;
	color:#fefefe;
	font-weight:normal;
}
#port_descricao h2 {
	clear:both;
	margin-top:5px;
	font-size:11x;
	color:#666;
	font-weight:normal;
}

/* ----------------------- FIM CONTEUDO -------------------*/


/*--------- formulario de contato ------------*/
form.cmxform { 
	width: 232px;
	margin-left:15px;
	text-align:left; 
}
form.cmxform label { clear:both; }
form.cmxform span.error, span.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: #FFF;
	font-style: italic;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:10px;
	border:0px;
	clear:both;
	background:;
}
div.error { display: none; }
.input { border: 1px solid #FFF; background:#FFF; width:232px; height:21px; margin-bottom:8px; *margin-bottom:7px; }
input.input, textarea.input { *margin-left:-15px; }
textarea.input { border: 1px solid #999; width:232px; height:45px; }
.input:focus { border: 1px dotted black; }
.input.error { border: 1px solid red; background:#FFFF99; }
.box.error { border: 1px solid red; background:#FFFF99; }
.botao { width:60px; height:20px; background:none; border:0; cursor:pointer; font:11px Verdana, Helvetica, sans-serif; color:#ccc; float:right; padding:2px; margin-top:-5px; }
.botao:hover { background:#cf2436; }

/**********************************
Use: cmxform template
***********************************/
form.cmxform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	cursor: hand;
	color:#fff;
}

form.cmxform p {
	list-style: none;
	padding: 0px;
	margin: 0;
}
/*---- FORMULÁRIO DE ACESSO RESTRITO -----*/
form.frm_restrito { 
	width: 282px;
	margin-left:15px;
	text-align:left; 
}
form.frm_restrito label { 
	float:left; 
	display: block;
	line-height: 1.8;
	vertical-align: top;
	cursor: hand;
	color:#fff;
	margin-top:5px;
}
form.frm_restrito span.error, span.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: #FFF;
	font-style: italic;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:10px;
	border:0px;
	clear:both;
	background:;
}
form.frm_restrito .input { border: 1px solid #FFF; background:#FFF; width:232px; height:18px; margin-bottom:8px; *margin-bottom:7px; float:right; }
form.frm_restrito .botao { width:60px; height:20px; background:none; border:0; cursor:pointer; font:11px Verdana, Helvetica, sans-serif; color:#ccc; float:right; padding:2px; margin-top:-5px; clear:both; }
form.frm_restrito .botao:hover { background:#cf2436; }
/*--------- FIM - formulario de contato ------------*/