@charset "UTF-8";

@font-face {
    font-family: 'segoe_uiregular';
    src: url('segoeui-webfont.eot');
    src: url('segoeui-webfont.eot?#iefix') format('embedded-opentype'),
         url('segoeui-webfont.woff') format('woff'),
         url('segoeui-webfont.ttf') format('truetype'),
         url('segoeui-webfont.svg#segoe_uiregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { border: 0; outline: 0; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; margin: 0; padding: 0; }
:focus { outline: 0; }
ol,ul { list-style: none; }
div:after,ol:after,form:after,ul:after { display: block; clear: both; visibility: hidden; height: 0; overflow: hidden; }
h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { line-height: 100%; vertical-align: top; }
hr { display: none; }


/* CSS Global */
html { overflow-y: scroll; }
body { font-family: "Arial"; font-size: 12px; color: #003580; background-image: url(../images/fundo_site.jpg); background-position: top center; background-repeat: no-repeat; background-color: #6a7080; }
a { color: #003580; text-decoration: none; }
a:hover { text-decoration: underline; }
.largura_site { width: 935px; margin: auto; }
.oculto { display: none; }
.link_background a { display: block; width: 100%; height: 100%; }
.imagem_exibicao { float: left; padding-right: 15px; padding-bottom: 2px; }
.interna_espaco { width: 485px; padding-left: 55px; padding-top: 35px; overflow: hidden; }
.textfield_campos { height: 23px; line-height: 23px; font-family: "Arial"; font-size: 12px; color: #003399; background-color: #ebebeb; border-color: #3e8fc8; border-width: 1px; border-style: solid; padding-left: 6px; padding-right: 6px; padding-top: 1px; }
.textarea_campos { width: 471px; height: 100px; font-family: "Arial"; font-size: 12px; color: #003399; background-color: #ebebeb; border-color: #3e8fc8; border-width: 1px; border-style: solid; padding: 6px; overflow: auto; }
.combofield_campos { width: 170px; font-family: "Arial"; font-size: 12px; color: #003399; background-color: #ebebeb; }
ul.marcacao li { list-style-type: disc; margin-left: 15px; }
/*h1, h1 a, h2, h2 a, h3, h3 a { overflow: hidden; text-indent: -9999px; background-position: top; background-repeat: no-repeat; }
*/
h1 a, h3 a { display: block; width: 100%; height: 100%; }


/* Titulos 
h2#tit_area_restrita { width: 112px; height: 17px; background-image: url(../images/tit_area_restrita.gif); }
h2#tit_conheca_niskier_construtora { width: 259px; height: 19px; background-image: url(../images/tit_conheca_niskier_construtora.gif); }
h2#tit_corpo_tecnico { width: 118px; height: 20px; background-image: url(../images/tit_corpo_tecnico.gif); }
h2#tit_fale_conosco { width: 261px; height: 15px; background-image: url(../images/tit_fale_conosco.png); }
h2#tit_obras { width: 50px; height: 15px; background-image: url(../images/tit_obras.gif); }
h2#tit_obras_realizadas { width: 147px; height: 15px; background-image: url(../images/tit_obras_realizadas.png); }
h2#tit_responsabilidade_social { width: 205px; height: 19px; background-image: url(../images/tit_responsabilidade_social.gif); }
*/
h2{font-family: 'segoe_uiregular'; color:#003580; font-size: 18px;}
/* Container Geral */
#geral div#geral_esquerda { float: left; width: 262px; }
#geral div#geral_direita { float: right; width: 673px; }


/* Logo e Contacte */
#geral div#geral_esquerda div#logo_niskier { padding-top: 15px; padding-bottom: 490px; }
#geral div#geral_esquerda div#layer_contacte { margin-left: 60px; width: 184px; height: 60px; background-image: url(../images/layer_contacte.png); }


/* Cabecalho */
#geral div#geral_direita div#cabecalho { width: 100%; overflow: hidden; }
#geral div#geral_direita div#cabecalho div#menu { float: left; }
#geral div#geral_direita div#cabecalho div#menu ul li { float: left; }
#geral div#geral_direita div#cabecalho div#menu ul li h1 { height: 61px; line-height: 61px; padding: 0 20px; font-family:'segoe_uiregular'; font-size: 12px; color:#ffffff;  background: url(../images/bg-menu.png) no-repeat right; }
#geral div#geral_direita div#cabecalho div#menu ul li h1#menu_area_restrita{padding-right: 0px; background: none;}
#geral div#geral_direita div#cabecalho div#menu ul li h1 a{text-indent: 0; line-height: 45px; color:#ffffff;}
#geral div#geral_direita div#cabecalho div#submenu { float: right; font-family: "Verdana"; font-size: 10px; color: #ffffff; font-weight: bold; width: 183px; height: 31px; background-image: url(../images/fundo_submenu.png); background-position: top; background-repeat: no-repeat; }
#geral div#geral_direita div#cabecalho div#submenu a { color: #ffffff; }
#geral div#geral_direita div#cabecalho div#submenu ul { padding-top: 9px; padding-left: 53px; }
#geral div#geral_direita div#cabecalho div#submenu ul li { float: left; padding-right: 6px; }


/* Corpo */
#geral div#geral_direita div#corpo_topo { width: 673px; height: 6px; overflow: hidden; background-image: url(../images/corpo_topo.png); background-position: top; background-repeat: no-repeat; }
#geral div#geral_direita div#corpo { width: 100%; float:left; background-color: #ffffff; height: expression(this.scrollHeight <= "650" ? "650" : "auto"); min-height: 650px; }
#geral div#geral_direita div#corpo div#corpo_container { padding: 25px; }
#geral div#geral_direita div#corpo div#corpo_container div#conheca_niskier_construtora_container { padding-left: 55px; padding-top: 35px; padding-bottom: 35px; overflow: hidden; }
#geral div#geral_direita div#corpo div#corpo_container div#acompanhamento_das_obras_container { width: 100%; overflow: hidden; }
#geral div#geral_direita div#corpo div#corpo_container div#responsabilidade_social_container { width: 475px; padding-left: 55px; padding-top: 35px; overflow: hidden; }
#geral div#geral_direita div#corpo_rodape { width: 673px; float:left;  height: 41px; background-image: url(../images/corpo_rodape.png); background-position: top; background-repeat: no-repeat; }
#geral div#geral_direita div#corpo_rodape div#adicione { float: left; padding-top: 6px; padding-left: 400px; font-size: 10px; color: #c9c9c9; }
#geral div#geral_direita div#corpo_rodape div#compartilhe { float: right; padding-top: 5px; padding-right: 5px; }
#geral div#geral_direita div#corpo_rodape div#compartilhe ul li { float: left; padding-right: 5px; }
#geral div#geral_direita div#corpo_rodape div#compartilhe ul li h3#compartilhe_facebook { width: 30px; height: 29px; background-image: url(../images/compartilhe_facebook.jpg); }
#geral div#geral_direita div#corpo_rodape div#compartilhe ul li h3#compartilhe_twitter { width: 30px; height: 29px; background-image: url(../images/compartilhe_twitter.jpg); }
#geral div#geral_direita div#corpo_rodape div#compartilhe ul li h3#compartilhe_youtube { width: 30px; height: 29px; background-image: url(../images/compartilhe_youtube.jpg); }


/* Rodape */
#geral div#geral_direita div#rodape { padding-top: 15px; padding-left: 10px; padding-bottom: 20px; font-size: 10px; color: #b9b9b9; font-weight: bold; }


/* Area restrita */
#area_restrita { width: 100%; overflow: hidden; padding-top: 15px; }
#area_restrita div#area_restrita_login { float: left; width: 200px; }
#area_restrita div#area_restrita_login ul li { padding-bottom: 6px; }
/*#area_restrita div#area_restrita_tipo { float: left; width: 198px; padding-top: 22px; }*/
#area_restrita div#area_restrita_tipo { float: left; width: 198px; }
#area_restrita div#area_restrita_tipo ul li { padding-bottom: 6px; }
#area_restrita div#area_restrita_entrar { float: left; padding-top: 22px; }


/* Obras realizadas */
.obras { width: 100%; overflow: hidden; margin-bottom: 15px; }
.obras div.obras_imagem { float: left; margin-right: 15px; margin-bottom: 10px; }


/* Galeria */
#galeria { width: 700px; margin: auto; background-color: #ffffff; display: none; }
#galeria div#galeria_topo { width: 100%; height: 24px; background-color: #3e8fc7; }
#galeria div#galeria_topo div#galeria_topo_seta_esquerda { margin-left: 11px; float: left; width: 16px; height: 24px; text-indent: -9999px; background-image: url(../images/galeria_seta_esquerda.gif); background-position: top; background-repeat: no-repeat; }
#galeria div#galeria_topo div#galeria_topo_seta_direita { margin-left: 97px; float: left; width: 16px; height: 24px; text-indent: -9999px; background-image: url(../images/galeria_seta_direita.gif); background-position: top; background-repeat: no-repeat; }
#galeria div#galeria_topo div#galeria_topo_legenda { float: left; margin-top: 4px; width: 525px; text-align: center; color: #000000; }
#galeria div#galeria_topo div#galeria_topo_btn_fechar { margin-right: 5px; float: right; width: 16px; height: 24px; text-indent: -9999px; background-image: url(../images/galeria_btn_fechar.gif); background-position: top; background-repeat: no-repeat; }
#galeria div#galeria_imagem { display: table; width: 100%; height: 480px; }
#galeria div#galeria_imagem div#galeria_imagem_container { display: table-cell; vertical-align: middle; }
#galeria div#galeria_imagem div#galeria_imagem_container div#galeria_imagem_container_imagens div.galeria_imagem_container_imagens_obras { width: 100%; text-align: center; }
#galeria div#galeria_imagem div#galeria_imagem_container div#galeria_imagem_container_imagens div.galeria_imagem_container_imagens_obras img { border: 1px solid #3f90c8; }
#galeria div#galeria_legenda { display: none; }


/* Fale Conosco */
#fale_conosco { width: 100%; overflow: hidden; }
#fale_conosco div.fale_conosco_espaco { width: 100%; overflow: hidden; margin-top: 10px; }
#fale_conosco div.fale_conosco_espaco ul li { padding-bottom: 7px; }
#fale_conosco div.fale_conosco_espaco div.fale_conosco_container { float: left; margin-right: 20px; }
#fale_conosco div#fale_conosco_enviar { width: 100%; overflow: hidden; margin-top: 15px; margin-bottom: 50px; }
#fale_conosco div#fale_conosco_enviar div#fale_conosco_enviar_esquerda { float: left; margin-top: 3px; }
#fale_conosco div#fale_conosco_enviar div#fale_conosco_enviar_direita { float: right; }
#fale_conosco div#fale_conosco_telefone { font-size: 18px; margin-bottom: 3px; }





ul#list_obras{float: left; width: 100%;}
ul#list_obras li{float: left; width: 180px; margin-top:45px; height: 210px; margin-right: 40px;}
ul#list_obras li.omega{margin-right: 0px;}
ul#list_obras li .obra{width: 170px; height: 170px; float: left; border:5px solid #003580;}
ul#list_obras li .obra img{float: left; width: 170px; height: 170px;}
ul#list_obras li .acompanhe{float: left; position: relative; width: 100%;}
ul#list_obras li .acompanhe a{float: left; width: 100%;}
ul#list_obras li .acompanhe button{position: absolute; width: 180px; 	border-bottom-left-radius:53px;  font-family: 'segoe_uiregular'; font-size: 9px; font-weight: bold; text-align: right; top: 0px; right: 0px; text-transform: uppercase; cursor: pointer; height: 30px; border:0px; color:#ffffff; padding-right:10px; background: #003580;}




ul#list_etapas{float: left; width: 100%; margin-top: 35px;}
ul#list_etapas li{float: left; width: 180px; margin-top:10px; margin-right: 40px;}
ul#list_etapas li.omega{margin-right: 0px;}
ul#list_etapas li span{float: left; margin-bottom: 10px; width: 100%; color: #003580; text-align: left;}
ul#list_etapas li strong{float: left; width: 100%; margin-top: 10px; color: #003580; text-align: center;}
ul#list_etapas li .bg_percent{width: 180px; float: left; border-radius: 5px; border:1px solid #003580; height: 14px; background: url('../images/load.jpg') repeat-x;}
ul#list_etapas li .bg_percent .mask{width: 21px; background: rgba(0,53,128,0.7); float: left; height: 100%;}
ul#list_etapas li .bg_percent .cover{width: 159px; float: left; height: 100%;}
ul#list_etapas li .bg_percent .evolucao{width:100%; background: rgba(0,53,128,0.7); float: left; height:14px; position: relative; }
ul#list_etapas li .bg_percent .evolucao img{position: absolute; top: -5px; right: -2px;}




ul#list_galerias{float: left; width: 100%; margin-top: 5px;}
ul#list_galerias li{float: left; position: relative; width: 170px; height: 170px; margin-top:40px; margin-right: 40px; border:5px solid #003580;}
ul#list_galerias li.omega{margin-right: 0px;}

ul#list_galerias li .titulo{position: absolute;top: 0px; left: 0px; border-bottom-right-radius: 5px; padding: 3px 5px 5px 3px; line-height:14px; font-size: 12px; font-weight: bold; color:#FFFFFF; font-family: 'segoe_uiregular'; background: rgb(0,53,128); }

ul#list_galerias li button{position: absolute; border-top-left-radius: 10px;  border-bottom-left-radius: 10px; cursor: pointer; border:0px; bottom: 5px; right: 0px; padding: 3px; text-transform: uppercase; font-weight: bold; color:#FFFFFF; font-family: 'segoe_uiregular'; background: rgb(0,53,128); }
ul#list_galerias li .images{visibility: hidden;}

h2.sub{float: left; margin-top: 50px; width: 100%; margin-bottom:10px;}
form#relacionamento{float: left; width: 100%; margin-top: 40px;}
form#relacionamento input{float: left; font-family: 'segoe_uiregular'; font-size: 12px; margin-bottom: 10px; width: 315px; padding-left: 10px; background: #dbdbdb; height: 22px; border:0px; border-radius: 3px; color:#606060;}
form#relacionamento input.meio1{width: 145px; padding-left: 10px; margin-right: 11px;}
form#relacionamento input.meio2{width: 145px; padding-left: 10px; float: right;}
form#relacionamento select{float: left; font-family: 'segoe_uiregular'; font-size: 12px; margin-bottom: 10px; width: 325px; background: #dbdbdb; height: 22px; border:0px; border-radius: 3px; color:#606060;}
form#relacionamento textarea{float: right; font-family: 'segoe_uiregular'; font-size: 12px; height: 88px; margin-bottom: 10px; width: 265px; padding-left: 10px; background: #dbdbdb; border:0px; line-height: 22px; border-radius: 3px; color:#606060;}

form#relacionamento div{width: 325px; float: left;}



form#relacionamento button{background: #003580; cursor: pointer; float: right; padding:5px; color: #ffffff; font-family: 'segoe_uiregular'; border:0px; border-radius: 5px; }


.interna_espaco p{
	float: left;
	width: 100%;
	margin-top: 15px;
}



.table{float: left; width: 623px;background: #f8f8f8; margin-top: 30px; border:1px solid #dadada; border-bottom: 0px; }
.table .linha{float: left; width: 613px; padding-left: 10px; border-bottom: 1px solid #dadada; height: 30px; line-height: 30px; }
.table .linha.texto{height: 330px;}
.table .linha strong{float: left; }
.table .linha button{float: right; margin-right: 20px; }
.table .linha .col1{float: left; width: 511px; height: 30px;}
.table .linha .col2{float: left; width: 50px; border-left:1px solid #dadada; border-right:1px solid #dadada; height: 30px; background: url('../images/edit.png') no-repeat top center;}
.table .linha .col3{float: left; width: 50px; height: 30px; background: url('../images/delete.png') no-repeat top center;}

.table .linha .col2:hover, .table .linha .col3:hover{background-position: bottom;}

.table .linha button{background:none repeat scroll 0% 0% rgb(0, 53, 128); border:0px; border-radius: 3px; color:#FFFFFF; height: 20px; line-height: 20px; margin-top: 5px; margin-left: 30px; cursor: pointer; }
.table .linha.imgs{
	height: auto;
	padding-bottom: 3px;
}
.table .linha .each-img{
	float: left;
	border:1px solid #003580;
	padding: 2px;
	margin-right: 15px;
	margin-top: 3px;
}
.table .linha .col1-int{float: left; width: 200px; height: 30px;}
.table .linha .col1-int.legenda{margin-left: 15px; width: 130px;}

.table .linha .col1-int-etapa{float: left; width: 80px; height: 30px;}
.table .linha .col2-int-etapa{float: left; padding: 0 10px; margin-left: 15px; border-left:1px solid #dadada; width: 80px; height: 30px;}

.table .linha input[type="text"],
.table .linha textarea{float: left; width: 200px; margin-top: 5px; height: 18px; border:1px solid #003580;}

.table .linha textarea{
	height: 310px;
	width: 390px;
}
.table .linha input[type="file"], .table .linha select{float: left; margin-top: 5px;}
.table .linha input[type="text"].numb{width: 50px;}

/*
//
// botoes admin add
//
*/
.botaoAdd{
	background: none repeat scroll 0% 0% rgb(0, 53, 128);
	border: 0px;
	border-radius: 3px;
	color: #FFFFFF;
	height: 20px;
	line-height: 20px;
	margin-top: 5px;
	margin-left: 30px;
	cursor: pointer;
	float: right;
	margin-right: 20px;
	padding: 0px 5px;
}



.listaImagemMiniatura{
	padding-top: 5px;float:left;width:30px;
}

.btDeleteImgMiniatura{
	margin-top:1px;margin-right:15px;float: left;width: 22px;background: url('../images/delete.png') no-repeat top;height: 30px;
}

.btEditImgMiniatura{
	margin-top:1px;float: left;width: 22px;background: url('../images/edit.png') no-repeat top;height: 30px; cursor: pointer;
}