@charset "utf-8";
@import url("reset.css");
html {background:url(../imagens/background-html.jpg) repeat;}
body {
color:#555;
font:normal 12px Arial, Helvetica, sans-serif;
background:url(../imagens/background.png) top repeat-x transparent;
}

#geral {
width:960px;
height:auto !important;
min-height:700px;
height:700px;
margin:0 auto;
}


/***** TOPO *****/
#topo {
width:100%;
height:158px;
}

h1#logo a {
width:315px;
height:81px;
padding-top:60px;
display:block;
position:absolute;
z-index:9;
left:50%;
margin-left:-157.5px;
text-indent:-9999px;
background:url(../imagens/logo.png) center no-repeat;
}


/***** MENU *****/
ul#menu {
position:relative;
margin-top:20px;
padding-left:400px;
height:35px;
margin-bottom:60px;
font-size:0;
}

ul#menu li {
position:absolute;
top:0;
height:35px;
}

#menu li a{
position:absolute;
display:block;
width:100%;
height:100%;
top:0;
cursor:pointer;
text-indent:-9999px;
}

#menu li a span{
position:absolute;
display:block;
width:100%;
height:100%;
top:0;
}

#menu li a.nav-inicio {
width:69px;
left:0;
background:url(../imagens/nav-inicio.png) center no-repeat;
}

#menu li a.nav-galeria {
width:152px;
left:79px;
background:url(../imagens/nav-galeria.png) center no-repeat;
}

#menu li a.nav-contato {
width:128px;
left:241px;
background:url(../imagens/nav-contato.png) center no-repeat;
}


/***** CORPO *****/
#corpo {
width:100%;
height:auto !important;
min-height:500px;
height:500px;
position:relative;
}

.apresentacao {
width:547px;
height:279px;
float:left;
position:absolute;
top:50px;
left:30px;
z-index:3;
position:relative;
background:url(../imagens/txt-apresentacao.gif) center no-repeat;
}

.apresentacao p {
display:none;
}

#people {
width:309px;
height:388px;
float:left;
position:relative;
top:112px;
left:13px;
background:url(../imagens/people.png) center no-repeat;
}


/***** CLASSES *****/
.clear {clear:both;}
.foto-album img {margin:10px;}


/***** GALERIA DE FOTOS *****/
#corpo-menor {
width:550px;
height:auto !important;
min-height:400px;
height:400px;
float:right;
position:relative;
right:30px;
}

.mb10 {
margin-bottom:10px;
}


/***** FORM DE CONTATO *****/
form#contato {
width:445px;
height:260px;
margin-top:20px;
position:relative;
left:-5px;
}

form#contato label {
width:80px;
padding:5px;
float:left;
}

form#contato input, textarea {
width:340px;
padding:5px;
margin-bottom:10px;
display:block;
border:1px solid #ccc;
}

form#contato .bt-enviar {
width:100px;
float:right;
position:relative;
right:3px;
}

form#contato input.tel {
width:150px;
}

.instr-contato {
margin-top:40px;
}


/***** RODAPE *****/
#rodape {
width:100%;
height:30px;
background:url(../imagens/bg-rodape.jpg) center repeat-x;
}

#rodape-content {
width:960px;
height:30px;
margin:0 auto;
background:transparent !important;
}


#artimidia a {
width:78px;
height:21px;
display:block;
float:right;
position:relative;
margin-top:35px;
cursor:pointer;
background:url(../imagens/artimidia.gif) center no-repeat;
text-indent:-9999em;
}