/* #404
================================================== */

#error-404 h1 				           { margin:0 0 50px }
#error-404 h2 				           { font-size:48px; line-height:54px; color:#444 }
#error-404 p 				           { font-size:16px }

/* #Home
================================================== */
.home.container				           { width: 100%; height: 110px; background:url("/images/background_home.png"); position: absolute; bottom: 25%; }


/* BACKGRPIND
========================================================================= */
#page .back         		            { width:100%; height:100%; top:0; left:0; background:#000; position:fixed  }

#backstrech_next,
#backstrech_prev 			            { width:30px; height:50px; top:45%; background:url(/images/default_images/fullscreen_nav.png) no-repeat; display:none; cursor:pointer; position:absolute; z-index:8800 }
#backstrech_next 			            { right:20px; background-position:top right }
#backstrech_prev 			            { left:20px;  background-position:top left }

#home .botao.font-regular               { font-size:16px; background-color:#ea6b00; line-height: 29px; color: #FFFFFF; font-weight: bold; padding:10px 35px 10px 35px; margin-top: 30px; border-radius: 10px; float: right; }
#home .botao.font-regular:hover         { background-color:#f48c05; }
#home .botao.font-regular .icon	        { width: 35px; height: 30px; background-position: -181px -13px; float: right }
#home .banner               	        { top: -34px; left: -30px; position: relative; float: left }

#home                                   { width: 940px; margin: auto; float: initial; display: block; text-align: right; }

/*	FORMULÁRIO
================================================== */

#contato								{ }
#contato.c15							{ padding-left:30px }
#contato > .box 						{ padding:30px; background:#f1f1f1 }
#contato > .box	label					{ padding:10px 0 0 0; }
#contato > .box > p						{ padding-bottom:10px; border-bottom:1px solid #B6B6B6 }
#contato > .box .right					{ float:right !important;}
#contato > .box .right label.error		{ margin-top:-203px}
#contato > .box input[type="submit"]	{ margin-top:15px }
#contato > .box .full					{ margin:0 !important;}
#contato > .box .box_newsleetter		{ padding:10px; margin:10px 0 0 0; background-color:#f8f8f8; border:1px solid #ccc; float:left }
#contato > .box .c7 > textarea          { width: 386px }


/*	LANÇAMENTOS
================================================== */
#lancamentos {  }

#lancamentos .details_header                    { border:0; padding-bottom:0 }
#lancamentos .details_body                      { padding-bottom:0; }
#lancamentos .details_body hr                   { width:700px; float:left; }
#lancamentos .details_body .sidebar_container   { width:180px; float:right; }
#lancamentos .details_body .sidebar             { width:180px; float:right; }

#lancamentos .plantas .img                      { height:300px; background:no-repeat center; margin:0; overflow:hidden; }
#lancamentos .plantas .subtitle                 { padding:10px 0 }
#lancamentos .plantas .subtitle a               { color:#666; display:block; margin:-10px 0 10px; padding:6px 30px 6px 10px; background:#f5f5f5 url(../images/anexo.png) center right no-repeat; }
#lancamentos .plantas .subtitle a:hover         { background-color:#E5E5E5 }
#lancamentos .plantas .text                     { padding: 0 0 20px }

#lancamentos #sobre ul, #lancamentos #sobre ol,
#lancamentos #implantacao .text ul, #lancamentos #implantacao .text ol,
#lancamentos #plantas .text ul, #lancamentos #plantas .text ol,
#lancamentos #ficha ul, #lancamentos #ficha ol,
#lancamentos #galeria ul, #lancamentos #galeria ol,
#lancamentos #video ul, #lancamentos #video ol,
#lancamentos #decorado ul, #lancamentos #decorado ol,
#lancamentos #lazer ul, #lancamentos #lazer ol,
#lancamentos #mapa ul, #lancamentos #mapa ol            { clear:right; float:left; padding:5px; margin-bottom: 15px; }

#lancamentos #sobre ul li, #lancamentos #sobre ol li,
#lancamentos #implantacao .text ul li, #lancamentos #implantacao .text ol li,
#lancamentos #plantas .text ul li, #lancamentos #plantas .text ol li,
#lancamentos #ficha ul li, #lancamentos #ficha ol li    { width:45%; padding-left:10px; background:url(/images/arrow.png) no-repeat 0 5px; font-size:12px; margin-bottom:6px; float:left }

#lancamentos #galeria ul li, #lancamentos #galeria ol li,
#lancamentos #video ul li, #lancamentos #video ol li,
#lancamentos #decorado ul li, #lancamentos #decorado ol li,
#lancamentos #lazer ul li, #lancamentos #lazer ol li,
#lancamentos #mapa ul li, #lancamentos #mapa ol li      { padding-left:10px; background:url(/images/arrow.png) no-repeat 0 5px; font-size:12px; margin-bottom:6px; }

#lancamentos #video .button                 { padding-left: 0; padding-right: 0; margin: 10px 0; text-align: center; }
#lancamentos #video .button.c8              { width: 458px; }
#lancamentos #video .button.c12             { width: 698px; }
#lancamentos #sobre h4                      { font-size: 20px; color:#ea6b00  }
#lancamentos .captcha .img                  { margin-top: 0  }

#lancamentos #parceiro .box                 { width: 200px; height: 90px; padding: 15px; margin: 0 30px 0 0; border: 1px solid #CCCCCC; text-align: center; float: left }
#lancamentos #galeria_fotos                 { border: 1px solid #CCCCCC; height: 390px !important }
#lancamentos .rsThumbsHolder                { margin-top: 15px; border: 1px solid #ccc;  padding: 15px 0 10px 0; }
#lancamentos .rsDefault .rsThumbsArrowIcn   { top: 15px }
#lancamentos .captcha .img                  { margin-top: 1px }
#lancamentos label.error                    { background: #FFFFFF !important; margin-top: 0; top: 0 }
#lancamentos label[for=validaCaptcha].error { top: 5px }

/*	PÁGINA NÃO ENCONTRADO
================================================== */
#pagina-nao-encontrado   	                { width:450px; height:110px; padding-top: 5px; margin:150px auto; background:url(/images/logo_404.png) top center no-repeat; display: block }
#pagina-nao-encontrado span                 { text-align:center; line-height: 28px; font-size: 22px; color: #FFFFFF; float: left}
#pagina-nao-encontrado p 	                { margin:170px 0 30px 0; font-size:34px; color: #FFFFFF }

/* #Detalhes
================================================== */

/* Acompanhe sua obra */
#acompanhe {  }

#acompanhe #container_galeria_etapa .descricao_etapa    { margin:0 0 10px; padding:10px; background:#F5F5F5 }
#acompanhe #container_galeria_etapa .empty              { background-color:#F5F5F5; min-height:40px; padding:100px 0; text-align:center; }

#acompanhe .etapas                                      { margin-bottom:30px; }
#acompanhe .etapas .grupos                              { width:200px; display:block; position: relative; border:1px solid #CCC; height: 20px; padding: 5px 10px; background:url(/images/arrow_down.png) no-repeat 200px 13px; cursor:pointer; margin-bottom:10px; top: -40px; left:200px }
#acompanhe .etapas .grupos p                            { font-weight:bold; font-size:12px; color:#444 }
#acompanhe .etapas .grupos ul                           { display:none; background:#FFF; border:1px solid #CCC; width:100%; position:absolute; top:30px; left:-1px; z-index:1000 }
#acompanhe .etapas .grupos ul li                        { border-bottom:1px solid #CCC; display:block; margin:0 }
#acompanhe .etapas .grupos ul li:last-child             { border:none }
#acompanhe .etapas .grupos ul li a                      { padding:5px 10px; text-decoration:none; color:#444; display:block; font-size:12px; background:#F5F5F5 }
#acompanhe .etapas .grupos ul li a:hover                { background:#D5D5D5; color:#F60 }

#acompanhe .etapas #holder-lista-etapas                 { overflow: hidden; height:100%; background:#f5f5f5 }
#acompanhe .etapas #lista-etapas                        { float: left; border: 1px solid #ccc; padding:20px; margin-bottom: 0 }
#acompanhe .etapas #lista-etapas li                     { float:left; width:857px; padding:20px; background:#FFF; margin:0; border-bottom:1px solid #CCC; cursor:pointer }
#acompanhe .etapas #lista-etapas li span                { width:410px; text-align:left; font-size:14px; position:relative; padding-bottom: 0; display:block; line-height:18px; float:right }
#acompanhe .etapas #lista-etapas li .holder-porcentagem { float:left; width:425px; background:#BBB; height:20px; position:relative }
#acompanhe .etapas #lista-etapas li .porcentagem        { position:absolute; top:0; left:0; height:100%; z-index:100; background:#6cad01 }
#acompanhe .etapas #lista-etapas li .porcentagem.obra   { background: #ff2e34 !important; }
#acompanhe .etapas #lista-etapas li .valor_porcentagem  { position:absolute; color:#FFF; z-index:200; left:47%; font-size:12px; font-weight:bold }
#acompanhe .etapas #lista-etapas li:last-child          { border:none }

#acompanhe .etapas .page_control                        { float:left; margin-top:3px; width:100%; min-height:50px; position:relative; text-align:center }
#acompanhe .etapas .page                                { display:inline-block; text-indent:-9999px; width:20px; height:30px; background: #FFF url(/images/pages.png) no-repeat 0 0; }
#acompanhe .etapas .page:hover                          { background-position:-20px 0; }
#acompanhe .etapas .page.active                         { background-position:-40px 0; }

#acompanhe .lista-arquivos li                           { margin:0; padding:0 }
#acompanhe .lista-arquivos li a                         { display:block; background:#F5F5F5 url(/images/file-icons/file.png) 10px center no-repeat; margin:0; border-bottom:1px solid #CCC; padding:10px 10px 10px 40px }
#acompanhe .lista-arquivos li a:hover                   { background-color:#EEE }
#acompanhe .lista-arquivos li:last-child a              { border:none }

#acompanhe textarea                                     { width:925px }
#acompanhe .details_body .box.big                       { width: 460px !important; margin-right: 0!important }
#acompanhe #container_galeria_etapa                     { display:none }
#acompanhe #galeria_fotos                               { border: 1px solid #CCCCCC; height: 340px !important }
#acompanhe .rsThumbsHolder                              { margin-top: 15px; border: 1px solid #ccc;  padding: 15px 0 10px 0; }
#acompanhe .rsDefault .rsThumbsArrowIcn                 { top: 15px }
#acompanhe .captcha .img                                { margin-top: 1px }
#acompanhe label.error                                  { background: #FFFFFF !important; margin-top: 0; top: 0 }
#acompanhe label[for=validaCaptcha].error               { top: 5px }

#acompanhe .list-acompanhe li                           { border-top:solid 1px #ddd;  margin-bottom: 0 !important;}
#acompanhe .list-acompanhe li > div > p                 { vertical-align: middle;}
#acompanhe .list-acompanhe li > div                     { color: #787878 !important;font-family: "FontRegular",sans-serif !important; float: none !important;display: inline-block !important;vertical-align: middle;}
#acompanhe .list-acompanhe li div strong                { color: #004172 !important;font-weight: bold !important;font-size: 14px !important;}
#acompanhe .list-acompanhe li > div a                   { padding: 0 !important;}
#acompanhe .details_body                                { padding-top: 30px; }
#acompanhe .details_footer h3                           { padding-bottom: 20px !important;}
#acompanhe .faixa-entregue                              { margin-left: -301px; margin-top: -642px; position: absolute; }
#acompanhe  .list li .title                             { margin: 0; background-color: #f1f1f1;  padding: 20px; }


/* portfolio */
#portfolio textarea                                     { width:925px }
#portfolio .details_body .box.big                       { width: 460px !important; margin-right: 0!important }
#portfolio #container_galeria_etapa                     { display:none }
#portfolio #galeria_fotos                               { border: 1px solid #CCCCCC; height: 340px !important }
#portfolio .rsThumbsHolder                              { margin-top: 15px; border: 1px solid #ccc;  padding: 15px 0 10px 0; }
#portfolio .rsDefault .rsThumbsArrowIcn                 { top: 15px }
#portfolio .captcha .img                                { margin-top: 1px }
#portfolio label.error                                  { background: #FFFFFF !important; margin-top: 0; top: 0 }
#portfolio label[for=validaCaptcha].error               { top: 5px }

#portfolio .details_body                                { padding-top: 30px; }
#portfolio .details_footer h3                           { padding-bottom: 20px !important;}
#portfolio .faixa-entregue                              { margin-left: -301px; margin-top: -642px; position: absolute; }
#portfolio .grid li .title                              { height: 60px; }


