/*
Theme Name: Promolobos RR
Theme URI: http://wordpress.org/
Description: Tema produzido para promoção das Moradias Ribeiro Real
Version: 1.0
Author: Arkikstudio, Lda.

*/

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, em, font, img, q, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
html, body { line-height: 1; height:100%; overflow: hidden; background: #040404; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
/* base */
body { text-align: center; color: #fff; font: 62.5% Arial, Helvetica, sans-serif; }
body.projecto { background: #040d22 url(imagens/bg_body-projecto.gif) repeat-x fixed left bottom; }
p { margin-bottom:1.525em; }
h2 { font-size:1.845em; color:#cfd2bd; font-weight: normal; padding-bottom: 15px; }
h3, h4 { clear:both; font-size:1.075em; color:#cfd2bd; font-weight: normal; padding-bottom: 8px; padding-top: 7px; }
h4 { padding-bottom: 5px; }
.title { border-bottom:1px solid #2C2C2C; margin-bottom: 0.75em; }
.projecto .title { border-bottom-color:#2D3954; }
.projecto h2, .projecto h3, .projecto h4 { color:#A8C2EB; }
/* layout */
.wrap { font-size: 1.3em; line-height: 1.538em; position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: auto; background: url(imagens/bg_wrap-preto.jpg) no-repeat fixed right bottom; }
.projecto .wrap { background: url(imagens/bg_wrap-projecto.jpg) no-repeat fixed right bottom; }
.in { clear:both; width:830px; text-align: left; margin:0 auto; }
#corpo { padding-top:100px; }
.esq { width:410px; float:left; padding-bottom:6.5em; }
.dir { width:270px; float:right; }
.projecto .esq { padding-bottom:10px; }
.projecto .dir { width:410px; }
.localizacao .dir { border-top:1px solid #2C2C2C; font-size: 1.1em; margin-top: 2.45em; padding-top: 0.6em; }
.cent { padding-bottom:10px; }
/* header */
#head { padding-top:160px; height:70px; margin-bottom:0.85em; }
.localizacao #head { background: url(imagens/bg_head-localizacao.jpg) no-repeat center top; }
.contactos #head { background: url(imagens/bg_head-contactos.jpg) no-repeat center top; }
#head h1 { float:left; margin-top:15px; }
.projecto #head h1 a:link, .projecto #head h1 a:visited { background: url(imagens/bg_h1-projecto.gif) no-repeat left top; text-indent: -9999px; display: block; height: 28px; width: 290px; text-decoration: none; }
.localizacao #head h1 a:link, .localizacao #head h1 a:visited { background: url(imagens/bg_h1-localizacao.gif) no-repeat left top; text-indent: -9999px; display: block; height: 30px; width: 292px; text-decoration: none; }
.contactos #head h1 a:link, .contactos #head h1 a:visited { background: url(imagens/bg_h1-contactos.gif) no-repeat left top; text-indent: -9999px; display: block; height: 30px; width: 292px; text-decoration: none; }
#head ol { font-size: 1.23em; float:right; }
#head li { float:left; margin-left:10px; }
#head ol a:link, #head ol a:visited { padding: 31px 8px 8px; width: 112px; display: block; color: #030503; background: #cfd2bd; text-decoration: none; border:1px solid #cfd2bd; }
#head ol a:hover, #head ol a:focus, #head ol a.active:link, #head ol a.active:visited { color: #cfd2bd; background:none; }
.projecto #head ol a:link, .projecto #head ol a:visited { background: #a8c2eb; border:1px solid #a8c2eb; }
.projecto #head ol a:hover, .projecto #head ol a:focus, .projecto #head ol a.active:link, .projecto #head ol a.active:visited { color: #a8c2eb; background:none; }
/* slide */
#slide { width:410px; padding:0.3em 0; }
#slide li { float: left; margin: 0; position:relative; }
#slide li.slide { overflow:hidden; width:410px; }
#slide ul li { margin: 0 10px 10px 0; }
#slide a:link img, #slide a:visited img { display:block; border:1px solid #a8c2eb; }
#slide a:hover img, #slide a:focus img { border:1px solid #040d22; }
#slide .left, #slide .right { text-indent: -9999px; display: block; height: 20px; width: 11px; text-decoration: none; background: url(imagens/bg_setas.gif) no-repeat left top; float: left; position: relative; margin: 40px 0 -65px -20px; }
#slide .right { background-position: right top; float: none; margin: 40px -20px -65px 420px; }
/* construcao */
.construcao { padding: 6em 0 0 155px; }
.construcao img { display: block; }
.construcao h4 { font-size:1em; padding: 0 0 0 1em; background: url(imagens/bg_h4-construcao.gif) no-repeat left center; margin-left: -1.1em; }
.construcao p { font-size:0.85em; color: #a8c2eb; }
.construcao p.arquivo { margin: 3.75em 0 0 -0.9em; }
.construcao .arquivo a:link, .construcao .arquivo a:visited { color:#fff; font-weight:bold; text-decoration:none; background: url(imagens/bg_ol-li.gif) no-repeat left center; padding-left: 1.1em; }
.construcao .arquivo a:hover, .construcao .arquivo a:focus { text-decoration:underline; }
.construcao a.img:link, .construcao a.img:visited { float:left; width:128px; border:1px solid #a8c2eb; display: block; margin-left:-155px; margin-bottom: -100px; }
.construcao a.img:hover, .construcao a.img:focus { border:1px solid #040d22; }
/* download */
.download { clear: both; padding-top: 3em; }
.download a:link, .download a:visited { color:#fff; font-weight:bold; text-decoration:none; }
.download a:hover, .download a:focus { text-decoration:underline; }
.download ol { margin: 0 0 2.5em; }
.download li { background: url(imagens/bg_ol-li.gif) no-repeat left center; padding-left: 1.1em; line-height: 2.3em; }
.download p { color:#5476be; font-size: 0.9em; }
/* rodape */
p#rodape { color:#cbcbcb; width:330px; clear: both; border-top: 1px solid #323232; padding: 5px 0; }
.projecto p#rodape { border-top-color:#3a5da8; }
p#rodape strong { font-weight: normal; margin-right:1em; }
.projecto p#rodape strong { color:#5476be; }
p#rodape strong span { color:#cbcbcb; }
p#rodape a:link, p#rodape a:visited { color: #fff; text-decoration: none; background: url(imagens/by-arkikstudio.gif) no-repeat left top; text-indent: -9999px; display: block; height: 7px; width: 82px; margin: 10px 2px 0; }
/* arquivo */
ul.arquivo li { float:left; color: #a8c2eb; font-size: 0.85em; margin: 0 8px 2.75em 0; }
ul.arquivo a:link, ul.arquivo a:visited { display: block; border:1px solid #a8c2eb; margin-bottom: 0.75em; }
ul.arquivo a:hover, ul.arquivo a:focus { border:1px solid #040d22; }
ul.arquivo img { display:block; }
/* local */
div.local { display: block; height: 318px; width: 406px; border: 1px solid #36372e; background: url(imagens/bg_loader.gif) no-repeat center center; }
div.local p { margin-top:-5em; position:relative; background: #37382f; width:30%; padding:0.2em 0em 0.2em 0.5em; }
.local a:link, .local a:visited { font-weight: bold; color: #fff; text-decoration: none; }
.local a:hover, .local a:focus { text-decoration: underline; }
ol.local { text-align:right; line-height: 2em; margin: 1em 0.25em 1em 0; }
ol.local a:link, ol.local a:visited { background: url(imagens/bg_ol-li-preto.gif) no-repeat left center; padding-left: 1em; }
/* form */
ul.form li { display:block; margin:0 0 0.85em; padding-left:140px; font-size:1.1em; }
ul.form li label { display:block; float:left; margin-left:-140px; text-align: right; width: 130px; }
ul.form .wpcf7-form-control-wrap input, ul.form textarea { padding:0.325em 0.25em; width:260px; background: #1e1e1b; border:1px solid #383830; color:#f1f1f1; overflow:auto;}
ul.form img.wpcf7-captcha-captcha { padding:0.225em; background:#fff; float:left; }
ul.form .captcha input { width:50px; margin-left:10px; letter-spacing: 2px; }
ul.form li.enviar { padding-top:1em; }
ul.form li.enviar input { font-weight: bold; color: #040404; background: #cfd2bd; border:none; padding:0.3em 0; width: 136px; cursor:pointer; }
/*
 * PRETTYPHOTO
 */
div.pictureHolder .content { background-color: #fff; color: #3469b7; letter-spacing: 1px; }
div.pictureHolder .content a.next:hover { background: url(imagens/prettyPhoto/btnNext.gif) center right no-repeat; cursor: pointer; }
div.pictureHolder .content a.previous:hover { background: url(imagens/prettyPhoto/btnPrevious.gif) center left no-repeat; cursor: pointer; }
div.pictureHolder .content a.expand { background: url(imagens/prettyPhoto/btnExpand.gif) top left no-repeat; cursor: pointer; }
div.pictureHolder .content a.expand:hover { background: url(imagens/prettyPhoto/btnExpand.gif) bottom left no-repeat; cursor: pointer; }
div.pictureHolder .content a.contract { background: url(imagens/prettyPhoto/btnContract.gif) top left no-repeat; cursor: pointer; }
div.pictureHolder .content a.contract:hover { background: url(imagens/prettyPhoto/btnContract.gif) bottom left no-repeat; cursor: pointer; }
div.pictureHolder .content a.close { width: 61px; height: 20px; background: url(imagens/prettyPhoto/btnClose.gif) center left no-repeat; cursor: pointer; }
div.pictureHolder .content .details .nav a.arrow_previous { background: url(imagens/prettyPhoto/arrow_previous.gif) top left no-repeat; }
div.pictureHolder .content .details .nav a.arrow_next { background: url(imagens/prettyPhoto/arrow_next.gif) top left no-repeat; }
div.pictureHolder .loaderIcon { background: url(imagens/prettyPhoto/loader.gif) center center no-repeat; }
div.prettyPhotoOverlay { background: #000; position: absolute; top: 0; left: 0; z-index: 9500; width: 100%; }
div.pictureHolder { position: absolute; z-index: 10000; width: 100px; }
div.pictureHolder .top { position: relative; height: 20px; background:#fff; }
* html div.pictureHolder .top { padding: 0 20px; }
div.pictureHolder .content { position: relative; text-align: left; width: 100%; height: 40px; }
div.pictureHolder .content .details { display: none; margin: 5px 15px 0 20px; height: 24px; }
div.pictureHolder .content .details p.description { display: none; float: left; margin: 0; }
div.pictureHolder .content .details .nav { float: left; margin: 4px 0 0 0; }
div.pictureHolder .content .details .nav p { float: left; margin: 0 4px; }
div.pictureHolder .content .details .nav a.arrow_previous, div.pictureHolder .content .details .nav a.arrow_next { float: left; display: block; width: 8px; height: 9px; text-indent: -9999px; margin-top: 4px; }
div.pictureHolder .content .details .nav a.disabled { background-position: 0 -10px; cursor: default; }
div.pictureHolder .content div.hoverContainer { position: absolute; z-index: 10000; top: 0; left: 0; width: 100%; }
div.pictureHolder .content a.next { position: relative; z-index: 2000; display: block; float: right; text-indent: -9999px; width: 49%; height: 100%; background: url(imagens/prettyPhoto/btnNext.gif) 10000px 50% no-repeat; }
div.pictureHolder .content a.previous { cursor: pointer; display: block; text-indent: -9999px; width: 49%; height: 100%; background: url(imagens/prettyPhoto/btnNext.gif) 10000px 50% no-repeat; }
div.pictureHolder .content a.expand, div.pictureHolder .content a.contract { position: absolute; z-index: 20000; top: 10px; right: 30px; cursor: pointer; display: none; text-indent: -9999px; width: 20px; height: 20px; }
div.pictureHolder .content a.close { float: right; display: block; text-indent: -9999px; }
div.pictureHolder .bottom { position: relative; height: 15px; background:#fff; }
* html div.pictureHolder .bottom { padding: 0 20px; }
div.pictureHolder .loaderIcon { display: none; position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; width: 24px; height: 24px; }
div.pictureHolder #fullResImageContainer { width: 100%; text-align: center; }
p.currentTextHolder { line-height:16px; }
div.prettyPhotoTitle { display: none; position: absolute; top: 0; left: 0; z-index: 9999; font-size: 1.3em; }
div.prettyPhotoTitle div.prettyPhotoTitleContent { background: #3469b7; color: #fff; float: left; line-height: 23px; padding: 0 25px 0 20px; }
