/* CSS Document */

/* Global */

html{ height: 100%; }

body{height:100%; background-image:url(../img/f.jpg); padding:0; margin:0; border:0;}

/* Header */

#header{padding:0; margin:0; border:0; text-align:center; position:absolute; top:2px; margin-left:-387px; left:50%;}

#menu{position:absolute; margin-left:-387px; left:50%; top:110px; width:768px;}

#menu ul
{
	background-color:#005682;
	width:768px;
	padding:0px;
	margin:0px;
	float:left;
	list-style:none;
	border-top:1px dashed #98a8a4;
	border-bottom:1px dashed #98a8a4;
	z-index:1;
}
#menu ul li { display: inline; }
#menu ul li a { float:left; z-index:1 }

#home{background:url(../img/btHome1.gif); width:52px; height:26px; margin-left:20px;}
#enterprise{background:url(../img/btEmpresa1.gif); width:67px; height:26px; margin-left:60px;}
#portifolio{background:url(../img/btPortifolio1.gif); width:88px; height:26px; margin-left:60px;}
#projetos{background:url(../img/btProjetos1.gif); width:173px; height:26px; margin-left:60px;}
#contato{background:url(../img/btContato1.gif); width:81px; height:26px; margin-left:60px;}

#home:hover{background:url(../img/btHome2.gif); width:52px; height:26px; margin-left:20px;}
#enterprise:hover{background:url(../img/btEmpresa2.gif); width:67px; height:26px; margin-left:60px;}
#portifolio:hover{background:url(../img/btPortifolio2.gif); width:88px; height:26px; margin-left:60px;}
#projetos:hover{background:url(../img/btProjetos2.gif); width:173px; height:26px; margin-left:60px;}
#contato:hover{background:url(../img/btContato2.gif); width:81px; height:26px; margin-left:60px;}

/*Menu home*/
#pag_home #home{background:url(../img/btHome2.gif); width:52px; height:26px; margin-left:20px;}
#pag_empresa #enterprise{background:url(../img/btEmpresa2.gif); width:67px; height:26px; margin-left:60px;}
#pag_portifolio #portifolio{background:url(../img/btPortifolio2.gif); width:88px; height:26px; margin-left:60px;}
#pag_projetos #projetos{background:url(../img/btProjetos2.gif); width:173px; height:26px; margin-left:60px;}
#pag_contato #contato{background:url(../img/btContato2.gif); width:81px; height:26px; margin-left:60px;}

/*Menu empresa*/

#pag_empresa #home{background:url(../img/btHome1.gif); width:52px; height:26px; margin-left:20px;}
#pag_empresa #home:hover{background:url(../img/btHome2.gif); width:52px; height:26px;}

#pag_empresa #enterprise{background:url(../img/btEmpresa2.gif); width:67px; height:26px; margin-left:60px;}

/* Content */

#content{position:absolute; left:50%; margin:138px 0 0 -387px;}

#direita{background-image:url(../img/borda.jpg); width:9px; position:absolute; left:50%; margin-left:381px; height:770px;}
#esquerda{background-image:url(../img/borda.jpg); width:9px; position:absolute; left:50%; margin-left:-396px; height:770px;}

/* Footer */

#footer{position:absolute; width:768px; height:28px; margin-top:739px; background-color:#005682; margin-left:-387px; left:50%;}

#mapa{position:absolute; top:5px; margin-left:-370px; left:50%; width:393px; height:16px; background-image:url(../img/mapa.gif);}

#mapaHome{position:absolute; top:7px; margin:0 0 0 -263px; left:50%; width:23px; height:9px; padding:0;}

#mapaEmpresa{position:absolute; top:7px; margin:0 0 0 -232px; left:50%; width:33px; height:9px;}

#mapaPortifolio{position:absolute; top:7px; margin:0 0 0 -190px; left:50%; width:45px; height:9px;}
#mapaProjetos{position:absolute; top:7px; margin:0 0 0 -133px; left:50%; width:100px; height:9px;}

#mapaContato{position:absolute; top:7px; margin:0 0 0 -20px; left:50%; width:38px; height:9px;}

#inovate{position:absolute; top:0px; margin:0 0 0 305px; left:50%; width:68px; height:28px;}

#acesso{position:absolute; bottom:0px; margin:0 0 90px 145px; left:50%; width:205px; height:20px;}


/* Home */

#banner{ position:relative; left:12px;}

#conteudoHome{width:768px; height:601px; background-image:url(../img/imagem.jpg)}

#vejaHelena{position:absolute; top:560px; margin:0 0 0 -369px; left:50%; width:233px; height:25px; }

#vejaSanta{position:absolute; top:560px; margin:0 0 0 -118px; left:50%; width:233px; height:25px;}

#vejaCipreste{position:absolute; top:560px; margin:0 0 0 135px; left:50%; width:233px; height:25px;}

/* Empresa */

#conteudoEmpresa{width:768px; height:601px; background-image:url(../img/empresa.jpg)}

/* Projetos */

#conteudoProjetos{width:768px; height:601px; background-image:url(../img/projetos.jpg)}

#predios{position:absolute; top:83px; left:250px; color:#246eb3; width:380px;}

.barraProjetos{background-image:url(../img/barraProjetos.gif); height:30px;postion:relative;}

#areaExterna{position:absolute; top:12px;}
#acabamentos{position:absolute; top:59px;}
#instalacoes{position:absolute; top:106px;}
#alvenaria{position:absolute; top:152px;}
#estrutura{position:absolute; top:199px;}
#fundacao{position:absolute; top:245px;}
#terraplanagem{position:absolute; top:292px;}




#tabelaFotos
{
	position:relative;
	width:315px;
}

/* Portifolio */

#conteudoPortifolio{width:768px; height:601px; background-image:url(../img/fundo.jpg)}
#contentPortifolio
{
  width:750px;
  text-align:center;
  height:520px;
  overflow:auto;
  position:relative;
  top:40px;
  left:10px;
  scrollbar-arrow-color: #FFF;
  scrollbar-base-color: #CCC;
  scrollbar-dark-shadow-color: #0062ac;
  scrollbar-track-color: #CCC;
  scrollbar-face-color: #0062ac;
  scrollbar-shadow-color: #0062ac;
  scrollbar-highlight-color: #005581;
  scrollbar-3d-light-color: #FFF;
} 

/* Contato */

#conteudoContato{width:768px; height:601px; background-image:url(../img/fContato.jpg)}

#tituloPortifolio{width:198px; height:38px; background-image:url(../img/tituloPortifolio.jpg); position:relative; top:20px; left:60px;}

#tituloProjetos{width:465px; height:45px; background-image:url(../img/tituloProjetos.jpg); position:relative; top:20px; left:55px;}

#tituloContato{width:203px; height:52px; background-image:url(../img/tituloContato.jpg); position:relative; top:15px; left:40px;}

input, textarea{color:#FFFFFF; font:12px bold Arial, Helvetica, sans-serif;}

#nome
{
	position:absolute;
	top:145px;
	left:66px;
	background:url(../img/inputNome.jpg) no-repeat;
	width:634px;
	height:27px;
	border:none;
	padding:6px 0 0 12px;
}

#nomeEmpresa
{
	position:absolute;
	top:221px;
	left:66px;
	background:url(../img/inputEmpresa.jpg) no-repeat;
	width:303px;
	height:27px;
	border:none;
	padding:6px 0 0 12px;
}

#email
{
	position:absolute;
	top:221px;
	left:397px;
	background:url(../img/inputEmail.jpg) no-repeat;
	width:303px;
	height:27px;
	border:none;
	padding:6px 0 0 12px;
}

#endereco
{
	position:absolute;
	top:295px;
	left:66px;
	background:url(../img/inputEndereco.jpg) no-repeat;
	width:414px;
	height:27px;
	border:none;
	padding:6px 0 0 12px;
}

#bairro
{
	position:absolute;
	top:295px;
	left:508px;
	background:url(../img/inputBairro.jpg) no-repeat;
	width:191px;
	height:27px;
	border:none;
	padding:6px 0 0 12px;
}

#cidade
{
	position:absolute;
	top:373px;
	left:66px;
	background:url(../img/inputCidade.jpg) no-repeat;
	width:304px;
	height:27px;
	border:none;
	padding:6px 0 0 12px;
}

#uf
{
	position:absolute;
	top:373px;
	left:397px;
	background:url(../img/inputUF.jpg) no-repeat;
	width:83px;
	height:27px;
	border:none;
	padding:6px 0 0 12px;
}

#ddd
{
	position:absolute;
	top:373px;
	left:510px;
	background:url(../img/inputDDD.jpg) no-repeat;
	width:34px;
	height:27px;
	border:none;
	padding:6px 0 0 10px;
}

#tel
{
	position:absolute;
	top:373px;
	left:555px;
	background:url(../img/inputTel.jpg) no-repeat;
	width:144px;
	height:27px;
	border:none;
	padding:6px 0 0 12px;
}

#mensagem0
{
	position:absolute;
	top:455px;
	left:66px;
	margin:0;
	padding:0;
	width:490px;
	height:76px;
	background: no-repeat url(../img/inputMensagem.jpg);
}

#mensagem
{
	position:absolute;
	overflow:auto;
	top:455px;
	left:66px;
	background:none;
	width:490px;
	height:76px;
	padding:0px 0px 0px 10px;
	margin:0;
	border:0;
    scrollbar-arrow-color: #FFF;
    scrollbar-base-color: #CCC;
    scrollbar-dark-shadow-color: #0062ac;
    scrollbar-track-color: #CCC;
    scrollbar-face-color: #0062ac;
    scrollbar-shadow-color: #0062ac;
    scrollbar-highlight-color: #005581;
    scrollbar-3d-light-color: #FFF;
}

#btApagar
{
	position:absolute;
	top:460px;
	left:575px;
}

#btEnviar
{
	position:absolute;
	top:500px;
	left:575px;
}
#barras{
  top:180px;
  left:144px;
  width:240px;
  height:350px;
  overflow:hidden;
  position:absolute;
  float:left;
}
#porcent p{
	color:#fff;
	text-align:left;
	margin:15px 10px 0 5px;
	text-align:right;
}
#porcent{
	position:relative;
	margin: 10px;
	height:20px
	z-index:10;
}
#divFotos
{
  width:340px;
  left: 400px;
  text-align:center;
  height:400px;
  overflow:auto;
  position:absolute;
  top:175px;
  scrollbar-arrow-color: #FFF;
  scrollbar-base-color: #CCC;
  scrollbar-dark-shadow-color: #0062ac;
  scrollbar-track-color: #CCC;
  scrollbar-face-color: #0062ac;
  scrollbar-shadow-color: #0062ac;
  scrollbar-highlight-color: #005581;
  scrollbar-3d-light-color: #FFF;
}

#divFotos ul
{
	float:left;
	list-style:none;
	z-index:1;
    width:330px;
    margin-left:1px;
    padding:0;
    margin-top:0px;
}
#divFotos ul li { display: inline; float:left; margin:0;padding:0 0 0 4px;}
#divFotos ul li a { float:left; z-index:1;border:none; }
#divFotos ul li img { border: 3px solid #005581; }
#flashMessage, .error, .error_message {
color:#FFF;
font-size: 16px;
margin: 30px 0px 0 66px;
font-weight: bold;
}
.error_message {
clear: both;
}
.error em {
font-size: 18px;
color: #003d4c;
}
.notice {
color: #656565;
font-size: 14px;
padding: 0.5em;
margin: 1em 0;
display:block;
}
.tip {
color: #656565;
background-color: #ddd;
}

/*** Galeria de fotos ***/
div#fancy_overlay {
	position:absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	background-color: #333;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url(../img/galeria/fancy_progress.png) no-repeat;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -12px;
	height: 30px;
	width: 30px;
	background: transparent url(../img/galeria/fancy_closebox.png) ;
	cursor: pointer;
	z-index: 100;
	display: none;
}

div#fancy_content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0; 
	margin: 0;
	z-index: 96;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 92;
}

div#fancy_title {
	position: absolute;
	bottom: -35px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 2px;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(../img/galeria/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(../img/galeria/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(../img/galeria/fancy_title_right.png) repeat-x;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 58px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #444;
	background: #FFF;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 10px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	background-image: url(data:image/gif;base64,AAAA);
	z-index: 100; 
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

a#fancy_left:hover {
	background: transparent url(../img/galeria/fancy_left.gif) no-repeat 0% 100%;
}

a#fancy_right:hover {
	background: transparent url(../img/galeria/fancy_right.gif) no-repeat 100% 100%;
}

#fancy_bigIframe, #fancy_freeIframe {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

div#fancy_bg {
	display: none;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(../img/galeria/fancy_shadow_n.png) repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../img/galeria/fancy_shadow_ne.png) no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(../img/galeria/fancy_shadow_e.png) repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../img/galeria/fancy_shadow_se.png) no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(../img/galeria/fancy_shadow_s.png) repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../img/galeria/fancy_shadow_sw.png) no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(../img/galeria/fancy_shadow_w.png) repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../img/galeria/fancy_shadow_nw.png) no-repeat;
}