/************************************************************************
EDITAVEL
*************************************************************************/
.pie {/*border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;behavior: url('client/skins/plugins/pie/PIE.htc');*/}
.formControls input, .section input {font-family: Arial, Sans-Serif;font-size: 13px;margin-bottom: 5px;padding: 4px;width: 240px;}
.formControls select, .section select  {margin-bottom: 5px;padding: 4px;}
.rounded {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;behavior: url('client/skins/plugins/pie/PIE.htc');}

.voltar {background: #444; color:#fff;}
.voltar:hover {background: #666; color:#fff;}
.enviar {background: #444; color:#fff;}
.enviar:hover {background: #666; color:#fff;}

/*.close {cursor:pointer; font-size:19px; height:26px; background: #19bcb9; padding:2px 7px; color:#fff; -webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px; opacity: 1; text-shadow:0; font-weight: normal;}
.close:hover {opacity: 1; background: #15a9a6; text-shadow:0; color:#fff;}*/

.msgAlert {display: none;background:#666; color:#fff; padding: 10px 35px; position: relative;margin-bottom:10px; }
.msgAlert:before {content:''; background: url('../images/icon-alert.png') no-repeat; position: absolute; top:8px; left:10px; width: 16px; height: 16px;}

/************************************************************************
BASE STYLE
*************************************************************************/
/*#netusers .hidden { display:none; visibility:hidden; } 
#netusers invisible { visibility: hidden; }
#netusers .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#netusers .clearfix { display: inline-block; }
#netusers .clearfix { display: block; }
#netusers .left {float:left}
#netusers .right {float:right}
#netusers .clear {clear:both}
#netusers .required {margin-left:3px}
*/
/************************************************************************
REGISTO
*************************************************************************/
#registo .top-title {margin-top:20px;}
#registo .top-title h1 {padding-left:0; margin-bottom: 10px;}
#registo h3 {margin-bottom: 10px}
#registo .registo-desc {color:#999; line-height: 18px;}
#registo .registo-form {margin-top:20px;}
#registo .registo-separador {height:1px; background:#ccc; display:block; margin:10px 0;}
#registo .registo-obrigatorio {font-size:11px; margin-top:10px;}
#registo .mensagem-wrapper {margin-top:25px;}

.msg {float: left}

/************************************************************************
PESTANA AREA CLIENTE
*************************************************************************/
#netusers {font-size: 13px;}
#netusers .top-title {margin:20px 0; padding:20px 10px; border: 1px solid #E2E2E2;background: #fff;}
#netusers .top-title h1 {padding-left:0; margin-bottom: 5px; font-size: 20px; color:#19BCB9;}
#netusers .netusers-menu {margin-top:25px;}
#netusers .netusers-menu li {position:relative;}
#netusers .netusers-menu li a{ line-height: 35px; vertical-align: middle; color:#767676; text-decoration: none; display: block; border-top:1px solid #ebebeb; padding:0 0 0 30px ;}
#netusers .netusers-menu li a:first-child {border-top:0; }
#netusers .netusers-menu li a:hover {background: #f2f2f2; color:#111;}
#netusers .netusers-menu li a.netusersmenu-active {background: #f2f2f2; color:#111; font-weight: bold}
#netusers .netusers-menu li a.menu-encomendas:before {content:""; width: 14px; height: 20px; background: url('../images/icon-encomendas.png') no-repeat; position: absolute; top:6px ;left:10px;}
#netusers .netusers-menu li a.menu-dadosacesso:before {content:""; width: 14px; height: 20px; background: url('../images/icon-dadosacesso.png') no-repeat; position: absolute; top:6px ;left:10px;}
#netusers .netusers-menu li a.menu-dadospessoais:before {content:""; width: 14px; height: 20px; background: url('../images/icon-dadospessoais.png') no-repeat; position: absolute; top:6px ;left:10px;}
#netusers .netusers-menu li a.menu-listamoradas:before {content:""; width: 14px; height: 20px; background: url('../images/icon-listamoradas.png') no-repeat; position: absolute; top:6px ;left:10px;}

#netusers .netusers-section h3 {font-weight: normal; text-transform: uppercase; padding-bottom: 10px; border-bottom:1px solid #f2f2f2; margin-bottom:10px;}
#netusers .netusers-section table thead {height:20px;}
#netusers .netusers-section table thead tr th {padding: 6px;}
#netusers .netusers-section table tbody tr {background: #fff;}
#netusers .netusers-section table tbody tr:nth-child(odd) {background: #f9f9f9;}
#netusers .netusers-section table tbody tr td {padding: 6px; line-height: 25px; vertical-align: middle; }
#netusers .netusers-section table tbody tr td .icon_help { margin:5px 0 0 10px; float:right; width: 19px; height: 19px; cursor: pointer; background: url('../images/help.png'); display: block}
#netusers .netusers-section table tbody tr td .icon_delete { margin:5px 0 0 10px; float:right; width: 19px; height: 19px; cursor: pointer; background: url('../images/delete.png') center center no-repeat; display: block}
#netusers .netusers-section table tbody tr td a {text-decoration: underline; color:#444;}

#netusers .actions{margin-top:10px; float:left; width:100%}

#netusers-container h3 {font-weight: 300 !important;}

#pestana a.pestana_area, #pestana a.pestana_client {display:block; color:#19bcb9; font-size:12px;line-height:22px; vertical-align: middle;padding-left:10px; padding-right:10px;}
#pestana a.pestana_area:hover {background: none; color:#15a9a6;}
#pestana a.pestana_area img {width: 21px; height: 18px;}

#area {position:absolute; background:white; width:640px; text-align:left; top:36px; right:0; padding:20px; font-size:11px; display:none; border:1px solid #19bcb9;}
#area h2 {font-size: 16px;margin-bottom:5px; color:#19bcb9;text-transform: uppercase;}
#area p {line-height: 18px; font-size: 13px;}
#area .arrow{display:block; width:9px; height:4px; margin-top:-25px; margin-right:18px; float:right; background: url('../images/arrow_bt.png')}
#area .area_cliente {float:left;}
#area .login {float:left; position:relative; height:270px; padding-right: 22px;}
#area .novo_utilizador {padding-left: 22px;float:left; /*margin-left:10px; padding-left:20px; border-left:1px solid #ccc;*/ border-left:1px solid #efefef; height:270px;  position:relative; }
#area .novo_utilizador .btregisto {position:absolute; text-align:right; bottom:26px; right:10px;}
#area .area_cliente .recupera_pass {position:absolute; color:#767676; font-size:11px; bottom:0}

.fechar_form {margin-right:10px;}

#preencher_dados {position:absolute; top:0; background:#fff; opacity:0.95; filter:alpha(opacity=95); width:270px; height: 295px; display:none;}
#preencher_dados div {width:70%; padding:20px; margin-left:25px; background-color:#333; margin-top:130px; color:#fff; font:12px arial;}
#recupera_dados {position:absolute; top:0; background:#fff;left:0; height: 295px; display:none; width: 319px;}
#recupera_dados #lgn_msg {margin-top:128px;}
#recupera_dados #lgn_msg #enviar_pass .btn {margin-top:11px; }
#reenvia_codigo {position:absolute; top:0; right:0; background:#fff; height:295px; width: 319px; border-left:1px solid #efefef; display:none;}
#reenvia_codigo #lgn_msg {margin-top:128px; }
#reenvia_codigo #lgn_msg #enviar_cod .btn {margin-top:11px; }
#reenvia_codigo .btn.close, #recupera_dados .btn.close {position: absolute;right:15px; top:40px; }

.erro1 {color:#cc0000;display: none; font-size: 11px}
.erro2 {color:#cc0000;display:none;line-height: 1.2; font-size: 11px}
.success {color:green;display: none; font-size: 11px}
.loader {background: #fff url('../images/loader.gif')no-repeat; height: 16px ; position: absolute ; right: 10px; top: 27px ; width: 16px ; z-index: 1; display: none}

.bt {font-size:10px; background:#fff; color:#a21317; margin-right:10px; padding:5px 10px; border:1px solid #a21317; cursor:pointer;text-align:center; text-transform:uppercase; }
.bt:link, .bt4:visited {color:#a21317; text-decoration:none;}
.bt:hover{color:#000a20; border-color:#000a20;}
.bt2, .bt2:hover,.bt2:active, .bt2:visited{border:0; cursor:pointer;/*background:#19bcb9;*/ text-align:center; display:block; padding:7px 10px; color:#19bcb9; text-transform: uppercase;}
.bt2:hover {/*background: #15a9a6;*/}
.bt3, .bt3:hover,.bt3:active, .bt3:visited{text-transform: uppercase; border:0; cursor:pointer; background-color:#19bcb9; text-align:center; padding:7px 10px; color:#fff !important;-webkit-appearance: none; -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; }
.bt3:hover {background-color: #15a9a6}

a.areareservada {float:right; border: 1px solid #ececec; height: 24px; line-height:16px; vertical-align:middle; padding: 0px 10px; color: #323232;}
a.areareservada:hover {color: #323232; background: #fec500;}

/************************************************************************
PESTANA PESQUISA
*************************************************************************/
#pestana a.pestana_pesquisa {display:block; text-decoration:none; color:#fff; background: #9aac3b url('../images/icon-search.png') no-repeat; width:32px;height:32px; padding-top: 5px;}
#pestana a.pestana_pesquisa:hover {background: #013801 url('../images/icon-search.png') no-repeat;}
#janela_pesquisa {position:absolute; background:white; width:290px; text-align:left; top:36px; right:0; padding:20px; font-size:11px; display:none}
#janela_pesquisa .arrow{display:block; width:9px; height:4px; margin-top:-24px; margin-right:-12px; float:right; background:url('../images/arrow.gif')}
#janela_pesquisa input {height:25px; width:175px; font-family: Arial, Sans-Serif;  font-size: 13px;}
#janela_pesquisa .defaultTextActive { color: #a1a1a1; font-style: italic; }


/* ===================== MODAL LOGIN ===================== */
#modal-termos .modal-content {padding-top:10px;}
.modal .modal-content > button {position: absolute; top: 0px; right: 0px;z-index: 10; color: #fff; opacity: 1;width: 0; height: 0; border-style: solid; border-width: 0 60px 60px 0; border-color: transparent #19BCB9 transparent transparent;}
.modal .modal-content > button:hover {border-color: transparent #15a9a6 transparent transparent;}
.modal .modal-content > button i {margin-left: 35px; margin-top: 4px; font-size: 28px; }
.modal-content {border-radius: 0;-webkit-border-radius:0; -moz-border-radius:0;}
.modal-dialog {width: 750px;}
.social-login {width: 60%; margin-top: 25px; position: relative; left: 50%; margin-left: -30%; }
.social-login li {width:134px;text-align: center; border:0;float: left;  padding:10px 20px 10px 30px; margin-right: 10px; cursor: pointer;position: relative;font-size: 13px;}
.social-login li:hover {color:#fff;background: #000}
.social-login li svg {left: 20px}
.social-login li:last-child {margin-right: 0;}
.social-login .facebook-large {background: #3b5998; color:#fff;}
.social-login .facebook-large:hover {background: #284786}
.social-login .google-large {background: #DD4C3B; color:#fff;}
.social-login .google-large:hover {background: #a9241a;}
.recupera_pass {color: #19BCB9 !important;margin-bottom: 10px; float: left; margin-top: 7px;font-size: 11px }
.recupera_activacao {color:#999 !important; margin-bottom: 15px; float: left;font-size: 11px}
.separator-connect {font-size: 12px;text-align: center; text-transform: uppercase;  margin-top: 25px; position: relative;}
.separator-connect:after {content:''; height: 1px; background:#e2e2e2; position: absolute; top:7px; left: 35px; right: 35px; }
.separator-connect span {padding: 5px 10px; background:#fff; position: relative; z-index: 2; }
#InputHidden {display: none;}
.alert {font-size: 14px; text-align: center;clear:both;}
#logar .btn.entrar {background: #19BCB9 !important; width: 100%;border:0;margin-left:0; margin-top: 29px}
#logar .btn.entrar:hover {background: #15a9a6!important;}
#novo_utilizador_form .btn.registar {background: #999 !important; width: 100%;border:0;margin-left:0;}
#novo_utilizador_form .btn.registar:hover {background: #666 !important;}
.separator-login:after {content:''; position: absolute; width: 1px; height:100%; top:0; left:50%; right: 0; bottom:0; background:#e2e2e2;}
.separator-login .separator-or {width: 50px; height: 50px; color: #999;border: 1px solid#e2e2e2; border-radius: 100px; line-height: 47px; vertical-align: middle; text-align: center; text-transform: uppercase; background: #fff; position: absolute; z-index: 2; top: 50%; margin-top: -25px; left: 50%; margin-left: -25px; }
#modal-login h2 {font-size: 24px; color:#19BCB9; text-align: center;font-weight: normal;margin: 15px 0 30px;}
.fa-times-thin:before {content: '\00d7'; }
.g-recaptcha {visibility: hidden;}
.recaptcha-info {position: absolute; bottom: -45px; right: 0; background: #fff; padding: 10px;font-size: 11px; font-weight: 300; font-family: Helvetica; line-height: 20px; }
.recaptcha-info img {width: 20px; height: auto; float: left; margin-right: 10px; ;}
.nav-tabs > li > a {border-radius: 0;}

.registo-termos{margin-top: -2px}
.row .no-float {
    display: table-cell;
    float: none;
}
/************************************************************************
MEDIA CSS
*************************************************************************/

/* xs */

@media (max-width: 767px) {
	#area {width:300px;left: -30px;}
	#area .arrow {margin-right: 134px;}
	#area .login {float:left; width:100%; position:relative; margin-bottom: 20px}
	#area .novo_utilizador {border-left:0;}
	#reenvia_codigo {position: absolute;top: 295px; height: 295px; width: 100%;}
	#recupera_dados {width: 100%;}
	#netusers .top-title {margin:10px 0;}
	#netusers .netusers-menu {margin-top:10px; margin-bottom:20px;}
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	#area {width:395px;}
	#area .login {margin-bottom: 20px}
	#reenvia_codigo {position: absolute;top: 295px; width: 100%;}
	#recupera_dados {width: 100%;}
}
/* md */
@media (min-width: 992px) {


}