/*
versao:2011
URL:leoshehtman.com.br
autor:leandro zambelli
email:leandro86br@gmail.com
*/

/*
	=RESET E GERAL
*/

*{margin:0; padding:0; border:0; font-weight:normal; font-style:normal;	font-size:100%}
body{background:url(../img/bg/bg-1.jpg) top left repeat; font-family:Century Gothic, sans-serif; color:#212121}

section, header, footer, nav, figure, figcaption{display:block}

::selection{background:#333; color:#fff}
::-moz-selectin{background:#333; color:#fff}

.absolute{position:absolute; top:26px; right:76px}
.absolute a{color:#fff; background:#212121; padding:4px; color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
.absolute a:hover{background:#fff; color:#000}

p{font-size:0.7em; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; margin:20px 0}
strong{font-weight:bold}
a{text-decoration:none}
a.design-by{color:#404217; text-decoration:underline}
a.design-by:hover{text-decoration:none}
iframe{border:1px solid #ccc; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px}
img.left{float:left; margin:0 20px 5px 0}
img.right{float:right}
img{-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px}

.clear{clear:both}
.left{float:left}
.right{float:right}
.container{margin:0 auto; width:90%}
.container-px{margin:0 auto; width:940px}

.clearfix:after {height:0; visibility:hidden; display:block; font-size:"0"; content:" "; clear:both}
.clearfix {display:inline-block}
/* backslash hack \*/
* html .clearfix {height:1%}
.clearfix {display:block}
/* backslash hack */

/*
  =PLAYER
*/

.player{height:18px; background:#000}

/*
	=HEADINGS
*/

h1{position:relative; width:177px; height:62px; font-size:1.5em; letter-spacing:-1px}
h1 span{position:absolute; width:100%; height:100%; background:url(../img/rpl/logo.png) no-repeat}
h1 small{padding-left:2px; display:block; font-size:0.563em}
h1 a{display:block; color:#fff}

h2{font-size:1.4em; font-weight:normal; line-height:1; letter-spacing:-1px}
h2 span{padding:6px 10px; background:#212121; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
h3{color:#666}

/*
	=HEADER / =NAV
*/

header{background:#212121; height:20px}

.logo{margin-top:40px; float:left}

nav{float:right}

.nav{position:relative; width:314px; list-style:none; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
.nav li{position:relative; padding:0 20px 0 0; display:block; float:left}
.nav li a{display:block; padding-left:6px; font-size:0.75em; letter-spacing:-1px; height:26px; text-decoration:none; color:#fff; -webkit-transition:0.2s all linear}
.nav a:hover{color:#969}
.nav li:hover > ul{display:block}
.nav ul{position:absolute; display:none; z-index:5; padding-top:6px; width:100px; top:20px; left:0px; background:#212121; background:rgba(0,0,0,.8); -webkit-border-bottom-left-radius:6px; -moz-border-bottomleft-radius:6px; border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; -moz-border-bottomright-radius:6px; border-bottom-right-radius:6px}
.nav ul li:hover a, .nav li:hover li a{background:none; border:none; color:#fff}
.nav ul a:hover{color:#969 !important}
/* level 3+ */
.nav ul ul{left:70px;	top:-6px; background:#212121; border-radius:6px}

/*
	=BOX
*/

.box-equipe{float:left; padding-top:10px; background:#212121; width:300px; height:140px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px}
.box-equipe h2{padding:10px 10px 0 20px; color:#fff; text-shadow:0 1px 1px #000}
.box-equipe p{margin:0 auto; padding:10px 20px 0 20px !important; color:#666; text-shadow:0 1px 1px #000 }

/*
	=CONTEUDO
*/

.conteudo{margin:80px auto 40px auto; width:940px}
.conteudo-fluido{margin:80px auto 40px auto; position:relative; width:90%}
.conteudo-divisao{width:460px}
.conteudo-perfil{padding:40px 40px 22px 40px; position:relative; width:600px; height:230px; background:rgba(255,255,255,.8); border-radius:6px}

.jScrollPaneContainer{position:relative; overflow:hidden; z-index:1}
.jScrollPaneTrack{margin-top:40px; position:absolute; cursor:pointer; left:0; top:0; width:100%; background:rgba(0,0,0,.0); background:url(../img/pane-track.gif) top}
.jScrollPaneDrag {position:absolute; background: url(../img/pane-drag.png) top left no-repeat; cursor:pointer; overflow:hidden;}

ul.bloco{margin-top:40px;	padding:0; display:block;	height:auto}
ul.bloco li{margin:0 0 0 0px; float:left; display:block; height:500px}

/* Cada página precisa de um width diferente para caber os projetos ou materias assim como cada li
   as regras abaixo determinam isso para cada link */
.apartamentos{width:3000px}
li.apartamentos{width:500px}

.casas{width:600px}
li.casas{width:500px}

.lojas{width:600px}
li.lojas{width:500px}

.escritorios{width:1200px}
li.escritorios{width:500px}

.restaurantes{width:600px}
li.restaurantes{width:500px}

.barcos{width:600px}
li.barcos{width:500px}

.eventos{width:600px}
li.eventos{width:500px}

.mostras{width:4600px}
li.mostras{width:500px}

.equipe{width:2960px}
li.equipe{width:320px}

.revistas{width:2800px}
li.revistas{width:800px}
li.revistas:first-child{width:400px}

.revistas-mais{width:4400px}
li.revistas-mais{width:800px}
li.revistas-mais:first-child{width:400px}

.imprensa{width:2600px}
li.imprensa{width:500px}

.holder{margin:0;	display: block;	/* TEMPORARIO */margin-bottom: 20px}
.scroll-pane{margin-top:50px; padding:0; float:left; width:600px;}
 
#painel{height:600px; padding:0; display: block; width:100%; _overflow: hidden}

.assessoria{position:absolute; top:-100px; right:0}

/*
	=FORMULARIOS
*/

fieldset{margin:0 0 40px 0; padding:16px 0; width:600px; border:none}
/*
label{font-size:0.80em; position:relative; margin:0 0 2px 0; display:block}
label.error{padding-left:24px; color:#900; background:url(../img/bg/erro.png) no-repeat}

input, textarea{display:inline-block; margin:0 0 10px 0; padding:5px; outline:none; background:#212121; border:1px solid #212121; color:#999; font:0.7em "Lucida Sans Unicode", "Lucida Grande", sans-serif; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-transition:.2s all linear; -moz-transition:.2s all linear; -o-transition:.2s all linear; transition:.2s all linear}
input{width:300px; height:20px}
textarea{width:400px; height:140px}
input:focus, textarea:focus{background:#fff; border-color:#ddd}*/

label{font-size:0.80em; position:relative; margin:0 0 2px 0; display:block; color:#212121}
label span{padding:0 5px; background:#fff; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px}
label.error{padding-left:24px; color:#900; background:url(../img/bg/erro.png) no-repeat}

input, textarea{display:inline-block; margin:0 0 10px 0; padding:5px; outline:none; background:#fff; border:1px solid #ddd; color:#999; font:0.7em "Lucida Sans Unicode", "Lucida Grande", sans-serif; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-transition:.2s all linear; -moz-transition:.2s all linear; -o-transition:.2s all linear; transition:.2s all linear}
input{width:300px; height:20px}
textarea{width:400px; height:140px}
input:focus, textarea:focus{background:#fff; border-color:#ddd}

input.botao{width:90px; height:40px; display:block; cursor:pointer; background:#212121; background:-webkit-gradient(linear, left top, left bottom, from(#212121), to(#000));
   background:-moz-linear-gradient(top, #212121, #000); background:-o-linear-gradient(top, #212121, #000); background:linear-gradient(top, #212121, #000); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; text-shadow: rgba(0,0,0,.4) 0 1px 0; color:#fff; vertical-align:middle; border:none}
input:hover.botao{background:#000; color:#ffffff; -webkit-transition:none; -moz-transition:none; -o-transition:.none; transition:none}
input:active.botao{border-top-color:#fff; background:#212121}
.obrigatorio{font-size:0.75em; color:#000; font-style:italic}

/*
	=MAIL
*/

#erros{padding:0 0 5px 20px; color:#900; background:url(../img/bg/erro.png) no-repeat top left}
#enviado{padding:0 0 5px 20px; color:#060; background:url(../img/bg/ok.png) no-repeat top left}

#erros p, #enviado p{padding:0; font-size:1em; font-family:Century Gothic, sans-serif}