@charset "UTF-8";
/* CSS Document */


/*-----GERAL-----*/
* {margin: 0;}
html, body {height: 100%; background: #FFF; background-position:center; background-repeat:no-repeat; font-family: 'Yanone Kaffeesatz', arial, serif; font-size:15px; margin: auto; padding: 0; color: #000;}
p {	line-height:1.4em; font-size:1em; text-indent:25px; color:#fff;}
ul, ol, dl {padding: 0; margin: 0;}
h1{display:none;}
h2 {position:absolute; right:10px; font-size:1.8em; color:#443624; font-weight:100;}
h2.invertido {position:absolute; right:10px; font-size:1.8em; color:#dff0f5; font-weight:100;}
h4, h5, h6{margin-top: 0; padding-right: 15px; padding-left: 15px;}
a img {border: none;}
a {color:#dff0f5; text-decoration:none;}
.branco img{position:absolute; top:50%; left:50%; margin-top:-24px;	margin-left:-24px;}
.wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -400px;}
.header{position: relative; height:20px; z-index: 8;}
.conteudo {min-height:500px;}
.conteudo p{color:#443624; font-size:14px; letter-spacing:1px; z-index:1;}



/*-----BIOGRAFIA-----*/
.bio{position:absolute; top:50px; right:10px; width:420px; background-color:#dff0f5; padding:12px 18px; z-index:1; text-align: justify;}
.bioB{position:absolute; top:160px;	right:220px; width:320px; background-color:#dff0f5; padding:12px 18px; z-index:1; text-align: justify;}
#translate, #traduzir {cursor:pointer; padding-top:5px; text-align:left; background:#443624; color:#dff0f5; width:140px; margin:10px 0 5px 0;}
#traduzir{ width:180px !important}
.natalie{position:absolute; background-color:#dff0f5; width:170px; height:255px; top:180px; right:170px; padding:5px; margin-right:-140px; z-index: 2;}
.maisB{position:absolute; top:6px; right:125px; background-color:#dff0f5; font-size:17px; padding:0 3px; z-index:1;}
a.maisB{color:#443624 !important;}
.menosB{position:absolute; top:6px; right:125px; background-color:#dff0f5; font-size:17px; padding:0 4px; z-index:1;}
a.menosB{color:#443624 !important;}



/*-----CONTATO-----*/
.contato{position:absolute; right:10px; top:60px; z-index:1;}
.contatoB{position:absolute; right:80px; top:90px; z-index:1;}
.contatoC{position:absolute; right:100px; top:120px; z-index:1;}
.contatoD{position:absolute; right:120px; top:145px; width:150px; z-index:1;}
.contatoE{position:absolute; right:60px; top:380px; z-index:1; cursor:pointer;}
input#submit{cursor:pointer;}
input{background-color:#EDF5EF; border:#dff0f5 solid 2px;}
textarea{background-color:#EDF5EF; border:#dff0f5 solid 2px;}
.mais_contato{position:absolute; top:6px; right:85px; background-color:#443624; font-size:17px; padding:0 3px; z-index:1;}
.mais_contato a:link{color:#dff0f5;}
.menos_contato{position:absolute; top:6px; right:85px; background-color:#443624; font-size:17px; padding:0 4px; z-index:1;}
.menos_contato a:link{color:#dff0f5;}
#nomeMail{position:absolute; right:10px; top:60px; z-index:1;background:#443624;}
#emailMail{position:absolute; right:80px; top:90px; z-index:1;background:#443624;}
#telefoneMail{position:absolute; right:100px; top:120px; z-index:1;background:#443624;}
#mensagemMail{position:absolute; right:40px; top:150px; z-index:1;background:#443624;}
#voltarMail{position:absolute; right:90px; top:180px; z-index:1;}
.email p{color:#443624;}
.email a{background:#dff0f5; color:#443624; padding:2px}



/*FOOTER*/
.push {height:4em;}
.wrapFooter {height: 400px; min-width:1000px;}
.footer {margin-top: -20px; padding-top: 30px; background-image:url(/images/footer.png); background-position: center bottom;	background-repeat:no-repeat; position:relative; z-index:3; height: 160px; min-width:1000px;}
.logo {margin-left:42%; margin-top:40px; width:185px; height:84px; background-image:url(/images/logo.png); background-position:center; background-repeat:no-repeat;}
.infos {line-height:22px; color:#443624; width: 330px; margin:-70px 0 0 42%; padding-left:230px;}


/*-----MENU-----*/
div.menu {position: relative; font-size:20px; margin-left:3%; padding:10px; z-index: 98;}
div.wrapmenu {position: relative; width:121px; height:210px; font-size:20px; padding:10px; z-index:97; top: 23px;}
div.menu a.menu:link, div.menu a.menu:visited {color:#dff0f5; text-decoration:none; display:block; width:120px; height:25px; line-height:27px; font-weight:normal;}
div.menu a.menu:hover{color:#443624; background-color:#dff0f5;}
h3#m_home, h3#m_bio, h3#m_portfolio, h3#m_blog, h3#m_mtv, h3#m_flickr, h3#m_contato, h3#m_twitter{width:120px; height:25px; background-color:#443624; font-size:1em; font-weight:normal; color:#dff0f5;}
h3#m_home {margin:3px 0 3px 30px;}
h3#m_bio {margin:3px 0 3px 5px;}
h3#m_portfolio {margin:3px 0 3px 50px;}
h3#m_blog {margin:3px 0 3px 68px;}
h3#m_mtv {margin:3px 0 3px 15px;}
h3#m_flickr {margin:3px 0 3px 0px;}
h3#m_contato {margin:3px 0 3px 50px;}
h3#m_twitter {margin:3px 0 6px 10px;}

#botaoAbrir{width:60px; background-color:#443624; text-align:center; margin-left:20px; padding-top:2px; display:none;}
#botaoFechar{width:60px; background-color:#fff;	text-align:center; margin-left:20px; padding-top:2px;}
a.fechar:link, a.fechar:visited {color:#443624; text-decoration:none; display:block; font-size:20px;}
a.abrir:link, a.abrir:visited {color:#FFF; text-decoration:none; display:block; font-size:20px;}



/*-----PORTFOLIO-----*/
#gallery {position: relative; margin:0px; padding:0px; z-index:4;}
#pictures {position: relative; height: 490px; width:90%; padding:0px; margin:0;}
div#pictures div.wrap {padding:0px; margin:0px; position:absolute; width:240px; height:150px; overflow:visible;}
#pictures div.crop{padding:0px; margin:18px 0 0 0; position:absolute; width: 240px; height: 150px; overflow:hidden; -moz-box-shadow: 5px  5px 20px #000; -webkit-box-shadow: 5px 5px 20px #000; box-shadow: 5px 5px 20px #000;}
#pictures img {position: absolute; z-index: 1; cursor:move; -moz-box-shadow: 5px  5px 20px #000; -webkit-box-shadow: 5px 5px 20px #000; box-shadow: 5px 5px 20px #000; }
#pictures h2 a.titulo{display: inline; font-size:18px; font-weight:normal; text-align:center; cursor:pointer; background-color:#443624; width:240px; padding:5px; margin:0 0 3px -5px; -moz-box-shadow: 5px  5px 20px #000; -webkit-box-shadow: 5px 5px 20px #000; box-shadow: 5px 5px 20px #000; }
#pictures a.entrar{margin-top: 50px; background-color:#443624; padding: 4px; position: relative; z-index: 2; float:right;}
#pictures #f01{top:5px; left:220px;}
#pictures #f02{top:50px; left:270px;}
#pictures #f03{top:190px; left:840px;}
#pictures #f04{top:15px; left:700px;}
#pictures #f05{top:40px; left:600px;}
#pictures #f06{top:210px; left:520px;}
a.aFooter{color:#91c4d6;}



/* REDES SOCIAIS */
#redes { position: absolute; left: 42%; margin-left: 418px;margin-top: 98px; }
.footer div.facebook, .footer div.twitter {  width: 68px; float: left;}
.footer div.facebook { margin-top:1px;}