@charset "utf-8";
/* CSS Document */

/*VALE VILLA*/
/*v-08*/

/*---------------------------/
   Estrutura HELIX 4
------------------------/
#sp-top-bar
#sp-header
#sp-00-slider *(criado)
#sp-page-title
#sp-main-body
#sp-00-footholder *(criado)
#sp-footer

/*---------------------------/
   Cores
------------------------/
#1a1a1a  - text
#5ff4c2  - links
#6C6C6C  - Cinza escuro
#808080  - Cinza claro
#226108  - Verde ValeVilla
#fff2c2  - Cinza ValeVilla
#C26D06  - Ocre ValeVilla (Cork House)
#A33939  - Red ValeVilla (Arch house)
#52084F  - Purpura ValeVilla (Wood House)
#f7f5ed  - Amarelo ValeVilla
#f6f3ec  - Amarelo ValeVilla (pedro mix)
#fff2c2  - Amarelo ValeVilla (pedro mix2)
*/

.cork{color: #C26D06; }

.arch{color: #A33939; }

.wood{color: #52084F; }

/*---------------------------/
   Fonts
------------------------*/
/*
font-family: Roboto, Roboto Condensed, sans-serif;

font-family: 'Open Sans', sans-serif;

font-family: 'Lora', serif;

font-family: 'Sintony', sans-serif;

font-family: 'Lato', sans-serif;

font-family: 'Raleway', sans-serif;
*/


/*/////////////////////////////////////////

----------------- GERAL -----------------
////////////////////////////////////////*/
*{
	margin: 0px;
	padding: 0px;
}
/*html{} */
/*body{} */
/*Na secção Stiky Footer*/


/*---------------------------/
   links
------------------------*/
a{
	color: #3b3b3b;
}
a {
    -webkit-transition: color 200ms, background-color 200ms;
    transition: color 200ms, background-color 200ms;
}
a:hover {
	color:#5ff4c2;
}
/*a:visited {
	color:darkturquoise;
}*/
a, a:hover, a:focus, a:active a:visited {
    text-decoration: none !important;
	outline: 0;
}
/*---------------------------/
   lists
------------------------*/
ul li{
	list-style-type: none;
    margin: 0;
    padding: 0;
}
.txt ul .txt ol{
    margin: 0;
    padding-left: 15px;
}
.txt ul li {
    list-style-type: disc;
    margin: 0;
		margin-top: 10px;
    padding-left: 5px;
		line-height: 1.4;
		font-size: 14px;
}
.clearfix{
	clear: both;
}

/*---------------------------/
   Parágrafos
------------------------*/
body, p, h1, h2, h3, h4, h5, h6{
	font-family: 'Sintony', sans-serif;
	line-height: 1.1;
}
h2 {
	font-family: 'Raleway', sans-serif;
	line-height: 1.1;
}
body{
	font-weight:300;
	font-size: 0.9em;
}
p, .qx p {
	font-size: 14px; /*body bootstrap.min:5*/
	font-weight: 400; /*body inline:2*/
	line-height: 26px; /*body template:1744*/
	margin: 0 0 10px; /*p bootstrap.min*/
	color: gray;
	}
h1, .qx h1{
	font-size: 36px;
	font-weight:600;
	margin: 20px 0 10px 0;
	}
h2, .qx h2{
	font-size: 30px;
	font-weight:700;
	margin: 20px 0 10px 0;
	}
h3, .qx h3{
	font-size: 30px;
	font-weight:400;
	margin: 20px 0 10px 0;
	}
h4, .qx h4{
	font-size: 24px;
	font-weight:700;
	margin: 15px 0 10px 0;
	}
h5, .qx h5{
	font-size: 24px;
	font-weight:400;
	margin: 15px 0 10px 0;
	}
h6, .qx h6{
	font-size: 20px;
	font-weight:600;
	margin: 15px 0 10px 0;
	}
.qx{
	padding: 0 0px 0 0px;
}
/*Tornar os alt text invisiveis*/
img {
    color: transparent;
}


/*/////////////////////////////////////////

_______ TEMPLATE - @ MEDIA-QUERIES _______
+////////////////////////////////////////*/

/*Para corrigir o problema das margens negativas
nas dimensões dos dispositivos moveis no firefox,
tudo o que não estiver a funcionar bem deverá levar
algures um Float left... aplicado ainda à DIV ".container"
nos media queries*/
#sp-slider {
    float: left;
}

/*---------------------------/
   < 319px
------------------------*/
@media (max-width: 319px) {
  .layout-boxed .body-innerwrapper {
	max-width: 100%;
	}
  #sp-header[style]{ /*força alteração de CSS inline-style*/
	max-width: 100% !important;
    }
  #sp-slider .container{
	width: 100%;
	float: left;
	}
  .container {
    width: 100%;
    }
  #sp-main-body .container {
	float: left;
    }
  #sp-menu .mod-languages-inline{
	display: none !important;
	}
}
/*---------------------------/
   320px >
------------------------*/
@media (min-width: 320px) {
  .layout-boxed .body-innerwrapper {
	max-width: 100%;
	}
  #sp-header[style]{ /*força alteração de CSS inline-style*/
	max-width: 100% !important;
    }
  #sp-slider .container{
	width: 100%;
	  float: left;
	}
  .container {
    width: 100%;
    }
  #sp-main-body .container {
	float: left;
    }
  #sp-menu .mod-languages-inline{
	display: none !important;
	}
}
/*---------------------------/
   480px >
------------------------*/
@media (min-width: 480px) {
  .layout-boxed .body-innerwrapper {
	max-width: 100%;
	}
  #sp-header[style]{ /*força alteração de CSS inline-style*/
	max-width: 100% !important;
    }
  #sp-slider .container{
	width: 100%;
	float: left;
	}
  .container {
    width: 100%;
    }
  #sp-main-body .container {
	float: left;
    }
  #sp-menu .mod-languages-inline{
	display: none !important;
	}
}
/*---------------------------/
   576px >
------------------------*/
@media (min-width: 576px) {
  .layout-boxed .body-innerwrapper {
	max-width: 100%px;
	}
  #sp-header[style]{ /*força alteração de CSS inline-style*/
	max-width: 100%px !important;
    }
  #sp-slider .container{
	width: 100%px;
	float:none;
	}
  .container {
    width: 100%px;
		max-width: 90%;
    }
  #sp-main-body .container {
	  float:none;
    }
  #sp-menu .mod-languages-inline{
		display: none !important;
	}
}
/*---------------------------/
   768px >
------------------------*/
@media (min-width: 768px) {
  .layout-boxed .body-innerwrapper {
	max-width: 100%px;
	}
  #sp-header[style]{ /*força alteração de CSS inline-style*/
	max-width: 100%px !important;
    }
  #sp-slider .container{
	width: 100%px;
	float:none;
	}
  .container {
    width: 100%px;
    }
  #sp-main-body .container {
	  float:none;
    }
  #sp-menu .mod-languages-inline{
		display: none !important;
	}
}
/*---------------------------/
   992px >
------------------------*/
@media (min-width: 992px) {
  .layout-boxed .body-innerwrapper {
	max-width: 992px;
	}
  #sp-header[style]{ /*força alteração de CSS inline-style*/
	max-width: 992px !important;
    }
  #sp-slider .container{
	width: 992px;
	}
  .container {
    width: 970px;
    }
  #sp-menu .mod-languages-inline{
	display: table !important;
	}
}
/*---------------------------/
   1170px >
------------------------*/
@media (min-width: 1170px) {
  .layout-boxed .body-innerwrapper {
	max-width: 1170px;
	}
  #sp-header[style]{ /*força alteração de CSS inline-style*/
	max-width: 1170px !important;
    }
  #sp-slider .container{
	width: 1170px;
	}
  .container {
    width: 1100px;
    }
  #sp-menu .mod-languages-inline{
	display: table !important;
	}
}

/*/////////////////////////////////////////

_________ QUIX - @ MEDIA-QUERIES _________
+////////////////////////////////////////*/

/*---------------------------/
   < 319px
------------------------*/
@media (max-width: 319px) {
  .sppb-row-container {
	width: 100% !important;
    }
}
/*---------------------------/
   320px >
------------------------*/
@media (min-width: 320px) {
  .qx-container {
	width: 100% !important;
    }
}
/*---------------------------/
   480px >
------------------------*/
@media (min-width: 480px) {
  .qx-container {
	width: 100% !important;
    }
}
/*---------------------------/
   768px >
------------------------*/
@media (min-width: 768px) {
  .qx-container {
    width: 750px !important;
    }
}
/*---------------------------/
   992px >
------------------------*/
@media (min-width: 992px) {
  .qx-container {
    width: 970px !important;
    }
}
/*---------------------------/
   1170px >
------------------------*/
@media (min-width: 1170px) {
  .qx-container {
    width: 1100px !important;
    }
}

/*/////////////////////////////////////////

----------------- LAYOUT ------------------
/////////////////////////////////////////*/

.n2-ss-slide-background-image .n2-ss-slide-fit .n2-ow img[style]{
	margin-top: 0px !important;
}



/*////////////////////////////////////////////////////

                       BODY
////////////////////////////////////////////////////*/

body{
    background-color: rgba(250,249,247,1.00);
}
.body-wrapper {
	/*color: blue;*/
}
.body-innerwrapper{
	/*color: red;*/
}
/*Colocar Sombra no caso de layout Boxed*/
.layout-boxed .body-innerwrapper {
    margin: 0 auto;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

/*Retirar o padding do template original*/
#sp-main-body{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

/*////////////////////////////////////////////////////

                  STIKY FOOTER
////////////////////////////////////////////////////*/
/* Para além de colar o footer em baixo é necessário criar uma section (div)
que impossibilite o footer de subir por cima do conteúdo quando a janela de browser está piquena.
Criar uma nova secção no layout Hlx4 "00-footholder" o Hlx4 converte em "sp-00-footholder"
Opcional criar uma nova Module Position "0-footholder".
IMPORTANTE - É necessário inserir algum tipo de conteúdo dentro da posição "0-footholder"
*/
html{
    height:100%;
	direction: ltr;
}
body{
    margin:0;
    padding:0;
    height:100%; /*colocar o Overlay com "Position:fixed;"*/
}
.body-wrapper{
    position:relative;
    min-height:100%;
    width: 100%;
    margin: auto;
}
#sp-main-body {
    margin: auto;
    width: 100%;
}
#sp-footer, #sp-00-footholder {
		/*min-height:100px;*/
		width: 100%;
}
#sp-00-footholder {
		margin: auto;
		clear: both;
}
#sp-footer {
		position: absolute;
		bottom:0;
		padding: 0;
		z-index: 999;
}

/*-------------------------------/
MODULO - 00 Footer/ 00 Footholder
----------------------------*/
/*Para proporcionar elasticidade ao stiky footer*/
/*O Footer e o Footholder têm que ter sempre a mesma altura, para assegurar a mesma altura
com conteúdo dinâmico, é necessário que o conteúdo do Footer, seja replicado no Footholder
a visibilidade do conteúdo deste fica presente mas escondida com "visibility: hidden"*/
/*É possível introduzir conteúdo dinâmico, utilizando o sistema de artigos e a extensão
RLabs Articles anywhere para carregar ambos os modúlos*/

/*Copiar o modulo "00 Footer" e colar no modulo 00 Footholder*/
#sp-sk-footholder .mod-foot{
	visibility: hidden;
}
#sp-footer .mod-foot{
	visibility: visible;
}
.mod-foot p{
    color: #A0A0A0;
	margin: 0;
}
.mod-foot .row{
	margin: 0;
	padding: 30px 0 20px 0;
}
#sp-footer .mod-foot a{
	text-decoration: none;
    color: #669966;
}
#sp-footer .mod-foot a:hover, .mod-foot a:focus {
    color: #98CC9E;
}
.mod-foot p {
    color: #669966;
}

/* Footer Copy Right*/
#copyright p, #copyright a{
	color: #a0a0a0 !important;
    text-align: center;
	font-size: 13px !important;
}
#copyright a:hover {
	color:#5ff4c2 !important;
}
/*Footer login*/
.admin-log img{
	display: inline-block;
	margin: auto;
	margin-top: 10px;
}

/*menu administrador*/
/*#sp-footer .sp-module {
	margin: 0;
}
#sp-footer .sp-module ul > li > a::before {
    font-family: FontAwesome;
    content: "";
    margin-right: 0px;
}
#sp-footer .fa{
	font-size: 20px !important;
	color: #000 !important;
}
#sp-footer1 a, #sp-footer1 a:hover, #sp-footer1 a:focus {
    background-color: transparent;
}
#sp-sk-footholder .icone .fla{
	font-size: 20px !important;
	color: #000 !important;
}
#sp-sk-footholder .icone{
	padding: 20px 0;
}*/

/*Para dar o estilo dentro do modal box Reg Labs*/
#cboxContent{
	padding: 20px;
}
#cboxLoadedContent .col-sm-4, #cboxLoadedContent .col-sm-offset-4{
	margin: 0 !important;
}
#cboxLoadedContent .col-sm-4{
	width: 100%;
}
#cboxContent #cboxClose {
    right: 10px !important;
    top: 10px;
}
#cboxContent .checkbox{
	display: none;
}
#cboxContent .form-links{
	display: none;
}


/*////////////////////////////////////////////////////
                     ** 1 **
                    TOP-BAR
////////////////////////////////////////////////////*/

#sp-top-bar {
	display: none;
    background-color: #333333;
    color: #999999;
    padding: 8px 0;
}

/*////////////////////////////////////////////////////
                     ** 2 **
                    SP-HEADER
////////////////////////////////////////////////////*/

/*--------------------------/
SP-HEADER - GERAL
------------------------*/
/*Retirar o saltinho irritante do header original do HELIX4*/
#sp-header {
    position: absolute;
}
/*Controlar a altura da DIV Header com o tamanho da DIV Logo*/
/*A class "mod-languages-inline" a criar no modulo "mod-languages"
diferencia o modo horizontal do vertical*/
/* Alterar também #sp-0-slider na linha 866*/
#sp-header, #sp-header .logo, #sp-header .mod-languages-inline, #offcanvas-toggler {
	height: 90px;
}
.sp-megamenu-parent > li > a, #offcanvas-toggler{
	line-height: 90px;
}
.sp-megamenu-parent > li {
	/*line-height: 50px;
	margin-top: 0px;
	height: 90px;*/
}

#sp-header {
    background-color: #00A9B6;
    /*Criar um gradiente de cor:*/
		background: -moz-linear-gradient(left, rgba(33,97,8,0.85) 0%, rgba(50,184,168,0.85) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(33,97,8,0.85) 0%,rgba(50,184,168,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(33,97,8,0.85) 0%,rgba(50,184,168,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e600a9b6', endColorstr='#e600cce3',GradientType=1 ); /* IE6-9 */
		box-shadow: 0 3px 3px rgba(0,0,0,0.05);
		/*position: relative;*/
		left: 0;
		top: 0;
		width: 100%;
		z-index: 99;

}
/*.menu-fixed*/
#sp-header.header-sticky{
    /*Criar um gradiente de cor:*/
		background: -moz-linear-gradient(left, rgba(33,97,8,1) 0%, rgba(50,184,168,1) 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(33,97,8,1) 0%,rgba(50,184,168,1) 100%)!important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(33,97,8,1) 0%,rgba(50,184,168,1) 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e600a9b6', endColorstr='#e600cce3',GradientType=1 ); /* IE6-9 */
}
/* "TRICK" Criar linha abaixo do header alinhada com as margens do texto" /
#sp-header .container{
    border-bottom: 1px solid #c3c3c3;
	position: relative;
}
#sp-header .container:before {
  content : "";
  position: absolute;
  left    : 0px;
  bottom  : -2px;
  height  : 1px;
  width   : 15px;  /* valor do padding /
  border-bottom:3px solid rgba(252,252,252,1.00);
}
#sp-header .container:after {
  content : "";
  position: absolute;
  right   : 0px;
  bottom  : -2px;
  height  : 1px;
  width   : 15px;  /* valor do padding /
  border-bottom:3px solid rgba(252,252,252,1.00);
}
/* end "TRICK"..............................................................*/


/*--------------------------/
SP-HEADER - LOGO
------------------------*/

/*Controla o logo Hlx4"*/
#sp-header .logo {
    display: inline-block;
    display: table;
    -webkit-transition: all 0ms ease;
    transition: all 0ms ease;
    margin: 0;
}
#sp-header .logo a {
    -webkit-transition: color 400ms, background-color 400ms;
    transition: color 400ms, background-color 400ms;
}
#sp-header .logo a:hover {
    color:#5ff4c2;
	color: #6E6E6E !important;
}

/*LOGO NO FORMATO h1(texto)*/
#sp-header .logo a {
    font-size: 22px;
	font-weight:600;
    line-height: 1;
    margin: 0;
    padding: 0;
    display: table-cell;
    vertical-align: middle;
	color: #121212;
}

/*-------------------------------/
   Bandeiras/Linguas - dropdown
--*/
/*a*/.dropdown-toggle{
    line-height: 22px;
    font-size: 0;
    color: transparent;
 }
/*Para ajustar a altura da bandeirinha Mod-lang "dropdown"*/
#sp-menu a.a-bandeira img{
	margin-top: 40px;
}
/*+++++++++++++++++++++++++++++++++++++++/
     STYLE - MOD_LINGUAS inline
++++++++++++++++++++++++++++++++++++++++*/

/*-------------------------------/
   Bandeiras/Linguas - inline
-----------------------------*/

/*class atribuida no modulo para o diferenciar*/
#sp-menu .mod-languages-inline {
	background-color: pimk;
	display: table;
  float: right;
	margin-left: 8px;
	}
#sp-menu .mod-languages-inline div.sp-module-content /*ul.lang-inline*/ {
	display: table-cell;
  vertical-align: middle;
	list-style: none;
	}
#sp-menu .mod-languages-inline div.mod-languages ul.lang-inline li {
	/*background-color: aqua;*/
	display: inline-block !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	}
#sp-menu .mod-languages-inline div.mod-languages ul.lang-inline li.lang-active {
    float: right;
    padding-left: 8px;
	}
div.mod-languages li.lang-active a {
	pointer-events: none; /* desativar o link e ponteiro */
	cursor: default;
	-moz-user-select: none; /* Firefox 2+*/
	-ms-user-select: none; /* IE 10+ */
	-webkit-user-select: none; /* Chrome, Opera, Safari */
	-webkit-touch-callout: none; /* Disable Android and iOS callouts*/
	-khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
	user-select: none; /* Standard syntax */
	}
.lang-active {
    -moz-user-select: none; /* Firefox 2+*/
	-ms-user-select: none; /* IE 10+ */
	-webkit-user-select: none; /* Chrome, Opera, Safari */
	-webkit-touch-callout: none; /* Disable Android and iOS callouts*/
	-khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
	user-select: none; /* Standard syntax */
}
div.mod-languages ul.lang-inline li.lang-active img:onclik{
	pointer-events: none;
	cursor: default;
	}
div.mod-languages ul.lang-inline li img {
	opacity: 0.7;
	filter: grayscale(85%);
	width: 21px; /*Tamanho das bandeiras geral*/
	padding-top: 6px;
	}
div.mod-languages ul.lang-inline li img:hover{
	opacity: 1;
	filter: grayscale(15%);
	}
div.mod-languages ul.lang-inline li.lang-active img {
	opacity: 1;
	filter: grayscale(15%);
	}


/*/////////////////////////////////////////

----------------- MENUS ------------------
/////////////////////////////////////////*/


/*+++++++++++++++++++++++++++++++++++++++/
           MENU - TRANSIÇÕES
++++++++++++++++++++++++++++++++++++++++*/

#sp-menu a {
    -webkit-transition: color 400ms, background-color 400ms;
    transition: color 400ms, background-color 400ms;
	}
#sp-menu li {
    -webkit-transition: color 400ms, background-color 400ms;
    transition: color 400ms, background-color 400ms;
	}

/*+++++++++++++++++++++++++++++++++++++++/
           MENU - CORES
++++++++++++++++++++++++++++++++++++++++*/
#sp-menu a {
    background-color: transparent;
	}

/*-------------------------------/
   CORES menu 1º Nivel
-----------------------------*/
/*Colocar os estados de "hover" no "li" em vez
  de "a" para que os botões manteHnam o estado
  "hover" activo quando se arrasta o mouse para
  os menus de subnível (um "li" que tem ">" um "a"*/

/* ... BOTÃO e texto NO ESTADO NORMAL*/
#sp-menu .sp-megamenu-parent li.sp-menu-item > a{
	color: #5ff4c2;
	background-color: transparent;
	}
/* ... BOTÃO e texto NO ESTADO HOVER*/
#sp-menu .sp-megamenu-parent li.sp-menu-item:hover > a{
	/*color: #198A1B;
	background-color: #5ff4c2;*/
	color: #fff2c2;
	background-color: transparent;
	}
/* ... BOTÃO e texto NO ESTADO ACTIVO*/
#sp-menu .sp-megamenu-parent li.sp-menu-item.active > a{
	color: #fff2c2;
	background-color: transparent;
	}
/* ... BOTÃO e texto NO ESTADO ACTIVO e HOVER*/
#sp-menu .sp-megamenu-parent li.sp-menu-item.active:hover > a{
	color: #fff2c2;
	background-color: transparent;
	}
/*-------------------------------/
   CORES menu 2º Nivel
-----------------------------*/

/* ... BOTÃO e texto NO ESTADO NORMAL*/
#sp-menu .sp-dropdown li.sp-menu-item > a{
	color: #1f1f1f;
	background-color: transparent;
	}
/* ... BOTÃO e texto NO ESTADO HOVER*/
#sp-menu .sp-dropdown li.sp-menu-item:hover > a{
	color: #6C6C6C;
	background-color: transparent;
	}
/* ... BOTÃO e texto NO ESTADO ACTIVO*/
#sp-menu .sp-dropdown li.sp-menu-item.active > a {
    color: #6C6C6C;
	background-color: transparent;
}
/* ... BOTÃO e texto NO ESTADO ACTIVO e HOVER*/
#sp-menu .sp-dropdown li.sp-menu-item.active:hover > a {
    color: #6C6C6C;
	background-color: transparent;
}


/*+++++++++++++++++++++++++++++++++++++++/
         MENU - GENERAL STYLE
++++++++++++++++++++++++++++++++++++++++*/

/*-------------------------------/
   STYLE menu de 1º Nivel
-----------------------------*/
#sp-menu .sp-megamenu-parent {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  float: right;
  position: relative;
  z-index: 9999;
}
#sp-menu .sp-megamenu-parent >li {
  display: inline-block;
  position: relative;
  padding: 0;
}
/* controlo sobre o 1º nível de btns */
#sp-menu .sp-megamenu-parent > li > a {
    display: inline-block;
    padding: 0 15px !important;
	font-size:13px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
}
/*SETA APOS O TEXTO PARA MENUS DE NIVEL_0 COM DROPDOWN*/
#sp-menu .sp-megamenu-parent >li.sp-has-child > a:after,
#sp-menu .sp-megamenu-parent >li.sp-has-child > span:after {
  	font-family: "FontAwesome";
  	content: " \f107";
}
#sp-menu .sp-megamenu-parent .sp-module {
  	padding: 0px;
}
/*---------------------------------------------
... LINHA HORIZONTAL ABAIXO DO TEXTO DOS BOTÕES
*/
#sp-menu .sp-megamenu-parent li.sp-menu-item::after,
#sp-menu .sp-megamenu-parent li.sp-menu-item::before {
	content: "";
	box-sizing: border-box;
	position: absolute;
	bottom: 0px;
	width: 0%;
	border-top: 0px solid #0D7DA7; /* forma uma linha para cima (ATENÇÃO ESTÁ A 0px NESTE MOMENTO NÃO MOSTRA NADA)*/
	border-bottom: 0px solid #0D7DA7; /* forma uma linha para baixo (ATENÇÃO ESTÁ A 0px NESTE MOMENTO NÃO MOSTRA NADA)*/
	transition: 0.2s ease-in;
}
#sp-menu .sp-megamenu-parent li.sp-menu-item::after {
	left: 50%;
	bottom: 5px; /* controlar a altura. pode-se retirar */
	border-top-right-radius:2px; /* Cantos redondos de cima */
	border-bottom-right-radius:2px; /* Cantos redondos de baixo */
}
#sp-menu .sp-megamenu-parent li.sp-menu-item::before {
	right: 50%;
	bottom: 5px; /* controlar a altura. pode-se retirar */
	border-top-left-radius:2px; /* Cantos redondos de cima */
	border-bottom-left-radius:2px; /* Cantos redondos de baixo */
}
/* Efeito de transição */
#sp-menu .sp-megamenu-parent li.sp-menu-item:hover::after,
#sp-menu .sp-megamenu-parent li.sp-menu-item:hover::before {
    transition-timing-function: ease-in;
    width: 50%;
}

/*-------------------------------/
   STYLE menu de 2º Nivel
-----------------------------*/
#sp-menu .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
	padding:8px 15px;
	margin: 0px;
	background: #fff; /*COR GERAL DA DIV DE SUBMENUS*/
	box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);
}
/* Introduz uma linha divisória entre as tags "li" */
#sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item {
	border-bottom: 1px solid #e8e8e8;
}
#sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item:last-child {
	border-bottom: none;
}
/* Sp-dropdown */
#sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a,
#sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item span {
    display: block;
    padding: 10px 8px; /*PADDINGS DAS TAG "a" NOS SUBMENUS*/
    /*color: #333333;*/
    cursor: pointer;
}





/*////////////////////////////////////////////////////

----------------- OFFCANVAS MENU ---------------------
////////////////////////////////////////////////////*/


/*--------------------------/
OFFCANVAS - TOOGLER
------------------------*/
#offcanvas-toggler {
	display: block;
	float: right;
}
#offcanvas-toggler.offcanvas-toggler-right {
    float: right;
    margin-left: 15px;
}
#offcanvas-toggler.offcanvas-toggler-left {
    float: left;
    margin-right: 15px;
}
#sp-menu #offcanvas-toggler > i {
	font-size: 23px;
	font-weight: lighter;
	color: #fff2c2 !important;
}
#offcanvas-toggler > i {
    -webkit-transition: color 200ms, background-color 200ms;
    -o-transition: color 200ms, background-color 200ms;
    transition: color 200ms, background-color 200ms;
}
#sp-menu #offcanvas-toggler > i:hover {
	color: #5ff4c2 !important;
}

/*========================================/
  OFFCANVAS - Overlay
=========================================*/
/*chama o .offcanvas-overlay para o estado visivel*/
.offcanvas-active .offcanvas-overlay {
	visibility: visible;
	opacity: 1;
}
/*Mantem o Overlay invisivel*/
.offcanvas-overlay {
    /*background: rgba(0,120,180,0.5);*/
	background: rgba(6,47,0,0.62);
	bottom: 0;
	left: 0;
	opacity: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 9999;
	visibility: hidden;
	-webkit-transition: 0.6s;
	transition: 0.6s;
	margin-top: -30px;
}
/*========================================/
  OFFCANVAS - Posicionar
=========================================*/
/*chama o .offcanvas-menu para o estado visivel*/
.offcanvas-init {
  overflow-x: hidden;
  position: relative;
}
.body-wrapper {
  position: relative;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  backface-visibility: hidden;
}
.offcanvs-position-left .body-wrapper {
  left: 0;
}
.offcanvs-position-left .offcanvas-menu {
  left: -300px;
}
.offcanvs-position-left.offcanvas-active .offcanvas-menu {
  left: 0;
}
.offcanvs-position-left.offcanvas-active .body-wrapper {
  left: 300px;
}
.offcanvs-position-right .body-wrapper {
  right: 0;
}
.offcanvs-position-right .offcanvas-menu {
  right: -300px;
}
.offcanvs-position-right.offcanvas-active .offcanvas-menu {
  right: 0;
}
.offcanvs-position-right.offcanvas-active .body-wrapper {
  right: 300px;
}

/*========================================/
  OFFCANVAS - cores
=========================================*/

/*OFCAVAS MAIN*/
.offcanvas-menu {
		color: #333;
    background-color: /*#F8F8F8*/#F0EDEB;
}
/*OFCAVAS CONTAINER*/
.offcanvas-menu .offcanvas-inner {
		background-color: transparent;
}
/*OFCAVAS MODULOS (geral)*/
.offcanvas-menu .offcanvas-inner .sp-module {
		background-color: transparent;
}
/*OFCAVAS MODULO MENU*/
.offcanvas-menu .offcanvas-inner .sp-module.sp-module._menu{
		background-color: transparent;
}

/*========================================/
  OFFCANVAS - Estrutura
=========================================*/

/*OFCAVAS MAIN*/
.offcanvas-menu {
    width: 300px;
    height: 100%;
    position: fixed;
    top: 0;
    overflow: inherit;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    z-index: 10000;
}
/*OFCAVAS CONTAINER*/
.offcanvas-menu .offcanvas-inner {
    padding: 0px 0 10px 0;
}

/*OFCAVAS MODULOS (geral)*/
.offcanvas-menu .offcanvas-inner .sp-module {
    margin-top: 0px;
    border-bottom: none; /*1px solid rgba(0,0,0,0.08);*/
    margin-bottom: 0px;
		padding: 15px;
}
.offcanvas-menu .offcanvas-inner .sp-module:first-child {
    padding-bottom: 40px;
}
.offcanvas-menu .offcanvas-inner .sp-module:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/*========================================/
  OFFCANVAS - Close Btn (X)
========================================*/
/*botao (x) para fechar o modulo*/
a.close-offcanvas {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    width: 25px;
    height: 25px;
    line-height: .5;
    text-align: center;
    font-size: 24px;
    padding-top: 3px;
		color: #226108 !important;
		border-radius: 100%;
		border: 0px solid #fff;
		background: transparent;
}
a.close-offcanvas:hover {
    color: #7A9B52 !important;
		border-color: #7A9B52;
		background: transparent;
}
a.close-offcanvas {
    -webkit-transition: color 400ms, background-color 400ms;
    -o-transition: color 400ms, background-color 400ms;
    transition: color 400ms, background-color 400ms;
}
/*Icon para fechar o offcanvas*/
a.close-offcanvas .fa-remove::before,
a.close-offcanvas .fa-close::before,
a.close-offcanvas .fa-times::before {
    content: "\f00d";
}
/* Icon close*/
.fa-remove::before, .fa-close::before, .fa-times::before {
    content: "\f00d";
}

/*========================================/
  Offcanvas - MODULO DE IDIOMAS
========================================*/
/*bandeiras Offcanvas*/
.offcanvas-menu .mod-languages-inline-offcanvas{
		padding: 25px 35px !important;
		height: 50px;
}
.offcanvas-menu .offcanvas-inner .sp-module.mod-languages-inline-offcanvas ul{
	display: inline-block !important;
}
.offcanvas-menu .mod-languages-inline-offcanvas ul > li {
	display: inline-block !important;
		border-bottom: 1px none !important;
}
.offcanvas-menu .mod-languages-inline-offcanvas ul > li.lang-active {
    float:left;
		margin-right: 10px;
}
/*========================================/
  Offcanvas - MODULO DO MENU - base
========================================*/
.offcanvas-menu .offcanvas-inner .sp-module.sp-module._menu{
		margin-top: 35px;
		padding: 0 30px;
}
/*========================================/
  Offcanvas - MODULO DO MENU - links
========================================*/

/*---------------------------/
 OFFCANVAS - MENU-BORDERS
*/
/*border de todas as li*/
.offcanvas-menu .offcanvas-inner .sp-module ul li {
    border: 0;
    position: relative;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    overflow: hidden;
		padding: 0;
}
/*Border top da primeira Li de 2º nível*/
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:first-child{
	border-top: 1px solid rgba(0,0,0,0.1);
}
/*Border bottom da ultima Li de 2º nível*/
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:last-child{
	border-bottom: none;
}

/*---------------------------/
 OFFCANVAS - MENUS NÍVEL-(1º)
*/
/*links: geral*/
.offcanvas-menu .offcanvas-inner .sp-module ul.menu > li a{
	font-size: 14px;
	text-transform: uppercase;
	color: #226108;
	padding: 20px 20px;
	padding-left: 5px;
	background: transparent;
}
/*links: :focus*/
.offcanvas-menu .offcanvas-inner .sp-module ul.menu > li a:focus{
	color: #7A9B52;
}
/*links: :hover*/
.offcanvas-menu .offcanvas-inner .sp-module ul.menu > li a:hover{
	color: #7A9B52;
}
/*links: :active*/
.offcanvas-menu .offcanvas-inner .sp-module ul.menu > li.active a{
	color: #226108;
}
/*links: hover:active*/
.offcanvas-menu .offcanvas-inner .sp-module ul.menu > li.active a:hover{
	color: #7A9B52;
}
/*HOVER Background dos menus 1ºnível quando se clica no link para abrir 2ºnivel*/
.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li:focus a {
    background: rgba(0,0,0,0.0) !important;
}
/*HOVER Background dos menus 1ºnível*/
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus{
    background: rgba(0,0,0,0) !important;
}

/*---------------------------/
 OFFCANVAS - MENUS NÍVEL-(2º)
*/
/*MENUS 2º nível margem da li*/
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li{
	margin-left: 20px;
}
/*2ºnível - Background (ul) dos menus*/
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul {
    background: rgba(0,0,0,0);
		margin-left: 0px;
}
/*2ºnível - Background HOVER e ACTIVE */
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li.active > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:hover > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:focus > a {
    background: rgba(0,0,0,0.0) !important;
		color: #AA008E !important;
}
.slide-top-menu .offcanvas-menu {
    background-color: #2F2F2F;
}
/*Box geral*/
.offcanvas-menu {
    background-color: #FFF3C9;
	  color: #226108;
}


/*---------------------------/
TOGGLER (+)/(-)
*/
.offcanvas-menu .offcanvas-inner .sp-module ul > li span{
	padding-right: 5px;
}
/*icon (geral)*/
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler,
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler {
    /*display: block;*/
	display: none; /*Simbolo escondido*/
    position: absolute;
    right: 0;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-family: FontAwesome;
    color:#333;
	font-size: 1.3rem;
}
/*icon fechado (+)*/
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent.menu-parent-open > a > .menu-toggler::after,
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent.menu-parent-open > .menu-separator > .menu-toggler::after {
    content: "\f056";
}
/*icon aberto (-)*/
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler::after,
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler::after {
    content: "\f055";
}
/*A REVER UTILIDADE*/
.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover {
    /*background-color: skyblue;*/
}
/*Atribuir styles a li em vez de a*/
.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li:focus a {
    /*background-color: yellow;*/
}

/*========================================/
  Offcanvas - MODULO LOGOTIPO
========================================*/
.logo-offcanvas{
		height: 201px;
		width: 100%;
		background: url(img/logo-valevilla-lg.png) no-repeat;
		background-size: 167px 201px;
    background-repeat: no-repeat;
    background-position: center;
		margin-top: 70px;
}

/*////////////////////////////////////////////////////
                      ** 3 **
--------------------- 00_SLIDER ----------------------
////////////////////////////////////////////////////*/

/*---------------------------/
   Mod-SLIDER - UNDER HEADER
------------------------*/
/*section inicial onde está o slider, para encostar ao topo da página por baixo do header*/
/*Usar uma margem negativa no conteúdo do modulo slider para que o Header se sobreponha*/
/*#sp-slider, #sp-0-slider,(este último é criado automaticamente a partir do "module position" name)*/

#sp-00-slider{
	position: relative;
	margin-top: -90px!important;
	/*background-color: lightgray;*/
}
/*Only for box layout*/
#sp-0-slider .container{
	padding-right: 0px !important;
	padding-left: 0px !important;
}

/*Para corrigir o problema das margens negativas
nas dimensões dos dispositivos moveis no firefox,
tudo o que não estiver a funcionar bem deverá levar
algures um Float left... aplicado ainda à DIV ".container"
nos media queries*/
#sp-0-slider {
    float: left;
}
/*---------------------------/
   < 319px
------------------------*/
@media (max-width: 319px) {
  #sp-0-slider .container{
	width: 100%;
	float: left;
	}
}
/*---------------------------/
   320px >
------------------------*/
@media (min-width: 320px) {
  #sp-0-slider .container{
	width: 100%;
	float: left;
	}
}
/*---------------------------/
   480px >
------------------------*/
@media (min-width: 480px) {
  #sp-0-slider .container{
	width: 100%;
	float: left;
	}
}
/*---------------------------/
   768px >
------------------------*/
@media (min-width: 768px) {
  #sp0--slider .container{
	width: 100%px;
	float:none;
	}
}
/*---------------------------/
   992px >
------------------------*/
@media (min-width: 992px) {
  #sp-0-slider .container{
	width: 992px;
	}
}
/*---------------------------/
   1170px >
------------------------*/
@media (min-width: 1170px) {
  #sp-0-slider .container{
	width: 1170px;
	}
}

/*////////////////////////////////////////////////////
                     ** 5 **
                   SP-MAIN-BODY
///////////////////////////////////////////////////*/
/*JOOMLA Content area*/

#sp-main-body {
	background-color: rgba(255,255,255,0);
}
/*Retirar padding ao original*/
#sp-main-body{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	margin-top: 0px;
}

/*///////////////////////////////////////////////////////////
                         ** 7 **
----------------------- SP-BOTTOM --------------------------
//////////////////////////////////////////////////////////*/

#sp-bottom {
    background-color: #ccc;
    color: #fff;
}
#sp-bottom {
    padding: 0px;
    font-size: 14px;
    line-height: 1.6;
}
/*///////////////////////////////////////////////////////////
                         ** 8 **
--------------------- SP-FOOTHOLDER-------------------------
//////////////////////////////////////////////////////////*/

/*-------------------------------/
MODULO - 00 Footer/00 Footholder
----------------------------*/
/*Para proporcionar elasticidade ao stiky footer*/
/*O Footer e o Footholder têm que ter sempre a mesma altura, para assegurar a mesma altura
com conteúdo dinâmico, é necessário que o conteúdo do Footer, seja replicado no Footholder
a visibilidade do conteúdo deste fica presente mas escondida com "visibility: hidden"*/
/*É possível introduzir conteúdo dinâmico, utilizando o sistema de artigos e a extensão
"RegLab - Articles Anywhere" para carregar ambos os modúlos*/

#sp-00-footholder {
		color: #ffffff;
		background-color: transparent;
		/*background-color: paleturquoise;*/
}
#sp-footer,
#sp-00-footholder {
		padding: 8px 5px;
		font-size: 14px;
}
#sp-footer .container-inner,
#sp-00-footholder .container-inner{
    padding: 0;
}
#sp-00-footholder .mod-foot{
		visibility:hidden;
}
/*#sp-footer e #sp-00-footholder*/
.mod-foot{
	 margin: 0;
	 padding: 15px 0 0 0;
}
.mod-foot p{
    color: #669966;
		margin: 0;
		text-align: center;
}
.mod-foot a{
		text-decoration: none;
    color: #669966;
}
.mod-foot a:hover, .mod-foot a:focus{
    color: #98CC9E;
}


/*///////////////////////////////////////////////////////////
                         ** 9 **
----------------------- SP-FOOTER --------------------------
//////////////////////////////////////////////////////////*/

/*---------------------------/
  Hlx4 - SP-FOOTER (custom)
------------------------*/
#sp-footer{
	background-color: #234316;
	background:url(img/footer-bg1.png), url(img/footer-bg2.png);
	background-size: 100%, 100%;
}
#sp-footer .container-inner{
    /*border-top: 1px solid rgba(255, 255, 255, .1);*/
		border-top: none;
}
.sp-copyright{
		color: #7B7B7B;
}


/*///////////////////////////////////////////////////////////
                         ** # **
------------------- BOTÃO SCROOL UP ------------------------
//////////////////////////////////////////////////////////*/

.sp-scroll-up, .sp-scroll-up:active, .sp-scroll-up:focus {
    /*display: none;*/
    position: fixed;
    bottom: 75px;
    right: 25px;
    width: 44px;
    height: 44px;
    line-height: 39px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: rgba(75,200,175,0.85);
    border-radius: 1px;
    z-index: 1000;
}
.sp-scroll-up:hover{
    color: #fff;
    background: rgba(60,175,160,0.8);
}
@media (max-width: 480px) {
	.sp-scroll-up {
		bottom: 40px;
    right: 10px;
	}
}



/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////

 ------------------ PÁGINAS DO SITE ------------------------
+/////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*=========================================================/
	TODAS AS PÁGINAS ( GERAL )
==========================================================*/

/*=========================================================/
	PÁGINA: HOME
==========================================================*/

/*---------------------------/
   (HOME) SECÇÃO: Artg "Bem-Vindo"
------------------------*/
.art-bemvindo .qx-title{
	text-align: center;
}
.art-bemvindo p{
	font-size: 18px;
	font-family: 'Lora', serif;
	line-height: 30px;
	margin: 0 0 15px;
}
.art-bemvindo h3{
	margin: 20px 0 30px 0;
}
.art-bemvindo h2{
	color:#8A7C5F;
	font-size: 27px;
	font-weight: lighter;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-bottom: 31px;
	margin: 0px;
}
/* Barra no Texto Bem-vindo*/
.art-bemvindo p::after{
    content: "";
    display: block;
		box-sizing: border-box;
    border-top: 1px solid #87ceb6;
    height: 2px;
		width: 200px;
    margin: auto;
    margin-top: 70px;
    margin-bottom: 20px;
}

/*---------------------------/
   (HOME) SECÇÃO: LOFTS - Intro
------------------------*/
.art-box{
	background-color: transparent;
	margin-top: 30px;
}
.cork-house h3, .arch-house h3, .wood-house h3,
.cork-house h3 a, .arch-house h3 a, .wood-house h3 a,
.cork-house h3 a:hover, .arch-house h3 a:hover, .wood-house h3 a:hover{
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 10px 0 18px 0;
	margin: 0px;
}
.cork-house h3,
.cork-house h3 a,
.cork-house h3 a:hover{
	color: #C26D06;
}
.arch-house h3,
.arch-house h3 a,
.arch-house h3 a:hover{
	color: #A33939;
}
.wood-house h3,
.wood-house h3 a,
.wood-house h3 a:hover{
	color: #52084F;
}
.img-intro- img{
	margin: auto;
	padding: 10px;
  	border: 1px solid #e0e0e0;
	background-color: #FFF;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
  	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
  	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
}
#lofts-list .item-image-intro {
    width: 350px;
}
/* disposicao LIST
----------------------------*/
#lofts-list .img-intro-{
	float: left;
	margin-right: 20px;
}
#lofts-list .botao {
  	margin-top: 20px;
}
/* disposicao GRID
----------------------------*/
#lofts-grid .art-body {
  	text-align: center;
		padding: 0 10px 0 10px;
}
#lofts-grid .art-box {
  	margin: 30px 0 50px 0;
}
#lofts-grid .botao {
  	margin-top: 20px;
}
/*---------------------------/
   (HOME) SECÇÃO: Gmaps Location (qx)
------------------------*/
.col-gmap{
	padding-left: 0px;
	padding-right: 0px;
}
/*---------------------------/
   (HOME) SECÇÃO: Contactos Valevilla
------------------------*/
.sc-contactos{
	background-color: #FDF9EB;
	background-image: url(img/valvilla-fundo.png);
	background-repeat: no-repeat;
	background-position: center;
}
#contactos{
	margin: 0 15px;
	padding: 30px 0 20px 0;
}
#contactos .col-sm-4{
	padding-right: 0px;
	padding-left: 0px;
}
.iten{
	margin: 0;
	text-align: center;
	position: relative;
	margin-bottom: 15px;
	/*background-color: azure;*/
}
.iten::after {
	content: " ";
	display: block;
  border-left: 1px dashed #216108;
	bottom: 0;
	position: absolute;
	top: 20px;
	left: 0px;
	width: 1px;
	height: 50px;
}
.iten:last-child::before{
	content: " ";
	display: block;
  border-right: 1px dashed #216108;
	bottom: 0;
	position: absolute;
	top: 20px;
	right: 0px;
	width: 1px;
  height: 50px;
}
.iten img{
	display: block;
    margin-left: auto;
    margin-right: auto;
}
.texto{
	font-family: sans-serif;
	color: #216108;
}
.texto a{
	font-family: sans-serif;
	color: #216108;
	text-decoration: none;
}
@media (max-width: 576px) {
  .iten::after {
	display: none;
	}
	.iten:last-child::before{
	display: none;
	}
}
/*=========================================================/
	PÁGINA: CORK-HOUSE
==========================================================*/

/*=========================================================/
	PÁGINA: ARCH-HOUSE
==========================================================*/

/*=========================================================/
	PÁGINA: WOOD-HOUSE
==========================================================*/


/*/////////////////////////////////////////

----------- PÁGINAS DO SITE ------------
////////////////////////////////////////*/


/*---------------------------/
   tira antes do header Hlx3
------------------------*/

.entry-header {
    /*position: relative;
    margin-bottom: 30px;*/
	display: none;
}


/*---------------------------/
   Footer Copy Right
------------------------*/
#copyright p, #copyright a{
	color: #a0a0a0 !important;
    text-align: center;
	font-size: 13px !important;
}
#copyright a:hover {
	color:#5ff4c2 !important;
}
/*---------------------------/
   Footer login
------------------------*/
.admin-log img{
	display: inline-block;
	margin: auto;
}
/*---------------------------/
   LOFTS comodidades
------------------------*/
.bloco-comodidades .value p {/*.qx p*/
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 10px;
    color: gray;
}



/*/////////////////////////////////////////

_________ VALEVILLA CSS RULES _________
+////////////////////////////////////////*/


/*---------------------------/
   Botões
------------------------*/
/*-------------------------------/
"FORMS" BTN SUBMIT geral
----------------------------*/
.ba-btn-submit[style]{
    width: 150px !important; /*Alterar @media "btn" acima*/
    height: 40px !important;

    color: rgba(250, 250, 250, 1) !important;
    font-size: 13px !important;
    font-weight: normal !important;
		text-transform: uppercase !important;
		letter-spacing: 2px !important;
    word-spacing: 0px !important;
    border-radius: 2px !important;
    border: 1px solid #32B8A8 !important;
    background-color: #32B8A8 !important;

	-moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.ba-btn-submit:hover[style]{
    border-color: #32B8A8;
    background-color: #32B8A8;
    color: #f6f3ec;
    opacity: .8;
}
/*"botões /
---------------------------------------------------*/
input.popup-btn[style], .sk-btn, .lermais, .lermais2{ /*FORMS btn popup*/
	-moz-transition: all .3s ease-in-out !important;
	-webkit-transition: all .3s ease-in-out !important;
	-o-transition: all .3s ease-in-out !important;
	transition: all .3s ease-in-out !important;
	/**/
	background-color: transparent !important;
	display: inline-block !important;
	color: #226108 !important;
	font-size: 13px !important;
	font-weight: normal !important;
	text-transform: uppercase;
	letter-spacing: 2px;
	word-spacing: 0px;
	line-height: 1.42857143 !important;
	text-align: center !important;
	vertical-align: middle !important;
	border-radius: 2px !important;
	border: 1px solid #226108 !important;
	padding: 8px 30px !important;
	margin: 0px 5px 0 5px;
	/*to prevent text selection by double-clik
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	touch-action: manipulation;
	cursor: pointer;*/
}
input.popup-btn:hover[style], .sk-btn:hover, .lermais:hover{
	background-color: #f6f3ec !important;
	border-color: #226108 !important;
	color: #226108 !important;
}

.sk-btn a:hover, .sk-btn:hover{
	color: #f6f3ec;
}

.top-15px{
	margin-top:-15px;
}

/* Regras para cada Loft
----------------------------*/

/*
Cork House
----------*/
.cork-house input.popup-btn[style], .cork-house .lermais, .cork-house .lermais2 {
	border: 1px solid #C26D06 !important;
	background-color: transparent !important;
	color: #C26D06 !important;
}
.cork-house input.popup-btn:hover[style], .cork-house .lermais:hover, .cork-house .lermais2:hover{
	background-color: #C26D06 !important;
	border-color: #C26D06 !important;
	color: #f6f3ec !important;
}
/*Cor do lettering Hibbon - basta comentar para colocar cor original*/
.cork-house .bloco-artigo h2, .bloco-reserva .cork-house h2, .cork-house .bemvindo h2{
	color:#C26D06;
}
/*
Arch House
----------*/
.arch-house input.popup-btn[style], .arch-house .lermais, .arch-house .lermais2 {
	border: 1px solid #A33939 !important;
	background-color: transparent !important;
	color: #A33939 !important;
}
.arch-house input.popup-btn:hover[style], .arch-house .lermais:hover, .arch-house .lermais2:hover{
	background-color: #A33939 !important;
	border-color: #A33939 !important;
	color: #f6f3ec !important;
}
/*Cor do lettering Hibbon - basta comentar para colocar cor original*/
.arch-house .bloco-artigo h2, .bloco-reserva .arch-house h2, .arch-house .bemvindo h2{
	color:#A33939;
}

/*
Wood House
----------*/
.wood-house input.popup-btn[style], .wood-house .lermais, .wood-house .lermais2 {
	border: 1px solid #52084F !important;
	background-color: transparent !important;
	color: #52084F !important;
}
.wood-house input.popup-btn:hover[style], .wood-house .lermais:hover, .wood-house .lermais2:hover{
	background-color: #52084F !important;
	border-color: #52084F !important;
	color: #f6f3ec !important;
}
/*Cor do lettering Hibbon - basta comentar para colocar cor original*/
.wood-house .bloco-artigo h2, .bloco-reserva .wood-house h2, .wood-house .bemvindo h2{
	color:#52084F;
}

/*
Para manter as cores dos botões todos iguais nas páginas dos lofts.
----------*/
/*.house-full .lermais2 {
	border: 1px solid #32B8A8 !important;
	background-color: transparent !important;
	color: #32B8A8 !important;

}
.house-full .lermais2:hover{
	background-color: #32B8A8 !important;
	border-color: #32B8A8 !important;
	color: #f6f3ec !important;

}*/

/* Smart Slider3 - lightbox*/
.litebox-overlay .litebox-container {
    position: initial !important;
    display: flex;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    overflow: hidden;
    align-items: center;
    justify-content: center;
}
/*Botao "close"*/
.litebox-overlay .litebox-close {
    width: 50px !important;
    height: 50px !important;
    background: url(img/slide3-lightbox/close.png) no-repeat center !important;
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
	opacity: .7;
}
.litebox-overlay .litebox-close:hover {
    opacity: .9;
    cursor: pointer;
}
/*navegação setas direita/esquerda*/
.litebox-overlay .litebox-nav {
    display: none;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    opacity: .7 !important;
    position: absolute;
    top: 50%;
    z-index: 9999999;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.litebox-overlay .litebox-nav:hover {
    opacity: .9 !important;
    cursor: pointer;
}
/*seta direita*/
.litebox-overlay .litebox-next {
    background: url(img/slide3-lightbox/index-r.png) no-repeat center !important;
    right: 0px !important;
}
/*seta esquerda*/
.litebox-overlay .litebox-prev {
    background: url(img/slide3-lightbox/index-l.png) no-repeat center !important;
    left: 0px !important;
}
@media (min-width: 576px) {
  .litebox-overlay .litebox-next {
    right: 20px !important;
	}
	.litebox-overlay .litebox-prev {
    left: 20px !important;
	}
}

/*/////////////////////////////////////////

_________ ARTIGOS LOFTS (amostra) _________
+////////////////////////////////////////*/




/*/////////////////////////////////////////

_________ ARTIGOS LOFTS (Full) _________
+////////////////////////////////////////*/

/*---------------------------
Secção geral
*/
.sc_detalhes-do-loft{
	margin-top: -60px;
	background-color: white;
	border-radius: 10px 10px 0px 0px;
	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2);
	padding: 0px 35px 10px;
	position: relative;
	z-index: 999;
}
@media (max-width: 480px) {
  .sc_detalhes-do-loft {
	padding: 0px 20px 10px;
	}
}
@media (min-width: 481px) {
  .sc_detalhes-do-loft {
	padding: 0px 35px 10px;
	}
}
#paralax-woodhouse{
	margin-top: -90px;
	z-index: 0;
}
/*---------------------------
Regras gerais
*/
.lable, .value{
	display: inline-block;
	display: table-cell;
  	vertical-align: bottom;
	padding-right: 5px;
}
.lable{ /* Etiqueta do formulário*/
	background-color: transparent;
	color: gray;
	font-family: 'Sintony', sans-serif;
	font-size: 13px;
}
.value{ /* Valores do formulário*/
	background-color: transparent;
	color: #32815E; /*Verde Escuro*/
	font-family: 'Sintony', sans-serif;
	font-weight: bold;
	font-size: 13px;
}
.inline{
	display: inline-block;
	display: table-cell;
  	/*vertical-align: middle;*/
}
.block{
	display: block;
}

/*---------------------------
blocos de informação do loft
*/
.house-full h3{
	color: #32815E; /*Verde Escuro*/
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: normal;
	padding: 5px 0 10px 0;
	margin: 0px;
}
.bloco-artigo,.bloco-comodidades, .bloco-house-rules{
	padding: 20px 0px 10px 0px;
	background-color: transparent !important;
}
.bloco-artigo{
	background-color: paleturquoise;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 55px;
}
.bloco-artigo h2, .bloco-reserva h2, .bemvindo h2{
	color:#8A7C5F;
	font-size: 27px;
	font-weight: lighter;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-bottom: 31px;
	margin: 0px;
	text-align: center;
}
.bloco-artigo .text {
	padding-bottom: 30px;
}
.bloco-artigo .text p, .bloco-reserva p{
	color: #7F858A;
}
.bloco-tipologia{
	background-color: none;
	display: table;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #E6E6E6;
	width: 100%;
	margin:0px 0px 0px 0px;
}
.bloco-tipologia .grupo-01{
	display:inline-block;
	float: left;
}
.bloco-tipologia .grupo-02{
	display:inline-block;
	float: right;
}
.grupo-01 .lable, .grupo-01 .value,
.grupo-02 .lable, .grupo-02 .value{
	padding-bottom: 7px;
	height: 20px;
}
.bloco-tipologia .fields{
	display:inline-block;
	padding: 13px 6px 0px 10px;
	margin: 0px;
}
.custo, .pessoas{
	border-right: none;
	padding-right: 0px;
}
.custo .value{ /* Valor Preço */
	font-size: 25px;
	font-weight: normal;
	color: #32815E; /*Verde Escuro*/
	padding-bottom: 2px;
}
.tipologia .value{
	font-size: 25px;
	font-weight: normal;
	color: #3e3e3e;
	padding-bottom: 2px;
}
.pessoas.fields{
	border-left: 1px solid gainsboro;
}
.custo.fields{
	border-left: 1px solid gainsboro;
}
.house-full .clearfix{
	height: 0px;
}
/*----------------------------/
Comodidades
*/
.bloco-comodidades{
	background-color: aquamarine;
	border-bottom: 1px solid gainsboro;
}
.bloco-comodidades .value{
	-webkit-columns: 5 100px;
     -moz-columns: 5 100px;
          columns: 5 100px;
  -webkit-column-gap: 2em;
     -moz-column-gap: 2em;
          column-gap: 2em;
  -webkit-column-rule: 1px dotted #ddd;
     -moz-column-rule: 1px dotted #ddd;
          column-rule: 1px dotted #ddd;
	background-color: transparent;
}
.bloco-comodidades .value p{
	font-size: 12px;
	font-family: 'Lato', "sans-serif";
	font-family: 'Open Sans', sans-serif;
	font-family: 'Raleway', sans-serif;
	font-family: 'Sintony', sans-serif;
	font-weight: lighter;
}

/*----------------------------/
Regras da casa
*/
.bloco-house-rules{
	background-color: antiquewhite;
	border-bottom: 1px solid gainsboro;
}
.check-in{
	padding-left: 0px;
}
.checkout{
	padding-left: 10px;
}
/*----------------------------/
Row Reservas - Texto
*/
.reservas-artigo{
	padding-top: 45px;
}
/*----------------------------/
Row Reservas - Legenda do calendário
*/
.reservas-calendar-legenda{
	padding-top: 0px;
}
/*----------------------------/
Row Reservas - Calendário
*/
.reservas-calendar{
	padding-top: 40px;
}
/*----------------------------/
Row Reservas - Formulário
*/
.reservas-form{
	padding-top: 0px;
}

/*/////////////////////////////////////////

_______ CALENDÁRIO DISPONIBILIDADE ________
+////////////////////////////////////////*/

.bcfjgroup, .calendario{
	display: table;
	margin: auto;
}
#bcfj {
    display: table;
	border-collapse: collapse;
}
#bcfj-calendar-c2blky {
    display: table-footer-group;
}
#frontend-bcfj #legend, #frontend-module-bcfj #legend {
    float: none;
    /*display: inline-block;*/
	display: table-header-group;
    background-color: transparent;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
	border: none;
	text-align: center;
}
#legend {
    letter-spacing: 0px;
    padding: 9px 9px 6px 9px;
	margin: auto;
	margin-bottom: 10px;
}
#legend .legenditem {
    display: inline-block;
	height: 25px;
    padding: 5px;
}
#legend .legenditem .legenditemcolorpreview span {
    /*float: left;*/
    width: 20px;
    height: 20px;
}
/*----------------------------/
Corpo do calendário
*/
#bcfj .bcfj-calendar .bcfj-calendar-month {
	background-color: transparent;
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #BAD1CD;
}

#bcfj .bcfj-calendar .bcfj-calendar-month:last-child {
    margin-right: 0px;
	}
/*----------------------------/
Cabeçalho do calendário
*/
.bcfj-calendar-navigation {
    line-height: 19px;
    height: 19px;
    letter-spacing: 0px;
    padding: 5px 0px;
    font-size: 12px;
    text-align: center;
    width: 170px;
	background-color: #329173;
    color: #fff;
    border-bottom: 1px solid transparent;
    font-family: Arial,Helvetica,sans-serif;
	font-weight:bold;
    float: left;
}
/*
selector do mês
*/
.bcfj-month-with-weeknumbers .bcfjdatepicker {
    width: 132px !important;
}
/*
Semana
*/
#bcfj .bcfj-calendar .bcfj-calendar-month td, #bcfj .bcfj-calendar .bcfj-calendar-month th {
    color: #329173;
    letter-spacing: 0px;
    background-color: transparent;
    background-image: none;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 22px;
    text-align: center;
    width: 22px;
    padding: 0;
    border: 0;
    line-height: 22px;
}
/*
Dias
*/
.bcfj-calendar .date-text {
    position: relative;
    width: 22px;
    height: 22px;
    display: block;
    color: #787370;
}
/*----------------------------/
Botões Selectores de mês seguinte
*/
a.bcfj-calendar-next-month {
    float: right;
    height: 19px;
    width: 20px;
    margin-left: -5px;
    position: relative;
    z-index: 1;
    padding-right: 5px;
}
a.bcfj-calendar-prev-month {
    float: left;
    height: 19px;
    position: relative;
    width: 20px;
    margin-right: 4px;
    margin-left: 5px;
}
/*----------------------------/
Letering Número do mês
*/
td.bcfj-week-number{
	color: #BBB !important;
	font-size: 11px !important;
	font-weight: bold;
}


/*/////////////////////////////////////////

_______ BA forms Calendar (popup) ________
+////////////////////////////////////////*/

div.calendar {
    -ms-transform: scale(0.8, 0.8) translateX(-58%);
    -webkit-transform: scale(0.8, 0.8) translateX(-58%);
	transform: scale(0.8, 0.8) translateX(-58%);
}

.calendar thead tr:first-child td:last-child div {
    font-size: 35px !important;
	color:aquamarine;
}
.icons-cell{
	display:none !important;
}
.form-data .container-icon input {
    padding-left: 10px !important;
}
/*/////////////////////////////////////////

_______ SmartSlider carousel ________ n2-ow
+////////////////////////////////////////*/

/*.n2-ss-showcase-pipeline[style]{
	margin-bottom: 0px !important;
	margin-top: 0px !important;
}*/
.qx-carousel{
	margin: 0px;
}



/*/////////////////////////////////////////

_______ Formulários ________
+////////////////////////////////////////*/





/*SECÇÕES DO HELIX3 - FORMULÁRIO*/
#sp-sk-formulario {
	background-color: #fff;
}
#sp-0-formulario {
    padding: 0px 35px;
}

/*FORMULÁRIOS campo inválido "focus"*/
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {
    border-color: /*#e9322d*/ #32B8A8;
    -webkit-box-shadow: 0 0 5px #f8b9b7;
    -moz-box-shadow: 0 0 5px #f8b9b7;
    box-shadow: 0 0 5px rgba(102,175,233,0.6);
}
input:focus:invalid, textarea:focus:invalid, select:focus:invalid {
    color: #505050;
}
.form-control:focus {
    border-color: #32B8A8;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0px rgba(102,175,233,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0px rgba(102,175,233,0.6);
}






/*----------------------------/
Botao "ENVIAR"
*/

/*BOTÕES GERAL*/
.btn-primary, .sppb-btn-primary {
    border-color: #32B8A8;
    border: 1px solid #32B8A8;
    background-color: #32B8A8;
    color: #f6f3ec;
}

.btn-primary:hover, .sppb-btn-primary:hover {
    border-color: #32B8A8;
    background-color: #32B8A8;
    color: #f6f3ec;
    opacity: .8;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    border-color: #32B8A8;
    background-color: #32B8A8;
    color: #f6f3ec;
    opacity: .8;
}
.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
    border-color: #32B8A8;
    background-color: #32B8A8;
    color: #f6f3ec;
    opacity: .8;
    background-image: none;
}


/*/////////////////////////////////////////

_______ TABELA DE DADOS LOFTS ________
+////////////////////////////////////////*/

/* DIV WRAPPER */
@media (min-width: 480px) {
	#qx-cork-data{
	padding: 0 30px;
	}
}
@media (max-width: 479px) {
	#qx-cork-data{
	padding: 0 20px;
}
}

/* TABELA */
#table-cork {
  display: table;
	width: 100%;
	border-top: 1px solid gainsboro;
	border-bottom: 1px solid gainsboro;
	margin: 0px 0;
	padding: 8px 0;
}

/* LINHAS */
.t-row {
    display: table-row;
	font-family: 'Sintony', sans-serif;
}
.t-row:nth-child(1) {
	font-size: 25px;
    font-weight: normal;
    color: #32815E;
}
.t-row:nth-child(2) {
	font-size: 12px;
    color: gray;
	margin-top: 5px;
	padding-top: 200px;
}
.t-row:nth-child(1) .t-col{
	padding-bottom: 3px;
}

/* COLUNAS */
.t-col {
    display: table-cell;
	text-align:center;
	padding: 0 15px;
}
.t-col img {/*Para poder centrar a imagem horizontalmente*/
	display: inline-block;
	vertical-align: middle;
}

.t-col:nth-child(1) {
    border-right: 1px solid gainsboro;
}
.t-col:nth-child(2){
	min-width: 70px;
}
.t-col:nth-child(3){
	width: 100%;
	padding: 0;
}
.t-col:nth-child(4) {
    border-left: /*1px #DCDCDC solid;*/ 1px solid gainsboro;
	white-space: nowrap;
}

/*Booking Calendar inputs*/
.field-calendar input[type="text"]{
height: 32px;
padding: 0px 10px;
font-size: 14px;
line-height: 1.2;
}


/*Botão de menu "SAIR" */
.sp-menu-item.helix-sair {
    background-color: #fff2c2;
}

#sp-menu .sp-megamenu-parent li.sp-menu-item > a.sair {
    color: #198A1B;
    background-color: transparent;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#sp-menu .sp-megamenu-parent li.sp-menu-item:hover > a.sair {
    color: #C26D06;
    opacity: .9;
    background-color: transparent;
}

/*Texto de contactos rodapé*/
#contactos .texto {
    padding: 2px 0;
    line-height: 18px;
}


/*/////////////////////////////////////////

------------ RentAlot Plus ---------------
////////////////////////////////////////*/

/*tornar o calendário não clicável*/
.rpd_clickable{
	pointer-events: none;
}

.rpd_slider {
    display: inline-block;
    padding: 15px;
	background-color: #FFF;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);

}
/*CALENDÁRIO Grelha Geral*/
.rpd_table td {
    border: 1px solid #fff;
    width: 14.286%;
    padding: 7px 7px 6px 7px;
    color: #787370;
    text-align: center;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
}
/*MÊS ANO DO CALENDÁRIO*/
.rpd_table tr.rpd_month td {
    border: 0px solid #fff;
    color: white;
	padding: 7px 0;
	font-weight: 600;
	text-transform: capitalize;
}
.rpd_month {
    background-color: #329173;
}
.rpd_single_month {
    padding: 7px;
    background-color: #fff !important;
    border: 1px solid /*#BAD1CD*/ #eee;
}
/*SETA DIREITA*/
.rpd_right_active > div{
	border: solid transparent;
	border-width: 9px;
	border-left-color: whitesmoke;
	position: absolute;
	bottom: 4px;
	right: -2px;
}
.rpd_right_active:hover > div {
    border-left-color: #fff2c2;
}
/*SETA ESQUERDA*/
.rpd_left_active > div{
	border: solid transparent;
	border-width: 9px;
	border-right-color: whitesmoke;
	position: absolute;
	bottom: 4px;
	left: -2px;
}
.rpd_left_active:hover > div {
    border-right-color: #fff2c2;
}
/*SEMANA*/
.rpd_days{
	text-transform: capitalize;
	font-weight: normal;
	background-color: #FFF;
	color: #329173 !important;
	padding-bottom: 5px;
}
/*CELULA VAZIA*/
.rpd_blank {
    background-color: #FAFAFA;
}
/*PROVISORIO*/
.rpd_provisional {
    background-color: #fff2c2;
}
/*FREE*/
.rpd_available {
    background-color: #DDF7E7;
}
.rpd_available:hover {
    background-color: #BFF2DA;
}
/*BOOKED*/
.rpd_unavailable {
    background-color: #FFCEB0;
}

.rpd_available-to-provisional {background:#DDF7E7 linear-gradient(135deg, transparent 0%, transparent 50%, #fff2c2 50%, #fff2c2 100%)}
.rpd_available-to-provisional:hover {background:#BFF2DA linear-gradient(135deg, transparent 0%, transparent 50%, #fff2c2 50%, #fff2c2 100%)}

.rpd_available-to-unavailable {background:#DDF7E7 linear-gradient(135deg, transparent 0%, transparent 50%, #FFCEB0 50%, #FFCEB0 100%)}
.rpd_available-to-unavailable:hover {background:#BFF2DA linear-gradient(135deg, transparent 0%, transparent 50%, #FFCEB0 50%, #FFCEB0 100%)}

.rpd_provisional_to_available {background:#fff2c2 linear-gradient(135deg, transparent 0%, transparent 50%, #DDF7E7 50%, #DDF7E7 100%)}
.rpd_provisional_to_available:hover {background:#fff2c2 linear-gradient(135deg, transparent 0%, transparent 50%, #BFF2DA 50%, #BFF2DA 100%)}

.rpd_provisional-to-unavailable {background:#fff2c2 linear-gradient(135deg, transparent 0%, transparent 50%, #FFCEB0 50%, #FFCEB0 100%)}
.rpd_unavailable-to-provisional {background:#FFCEB0 linear-gradient(135deg, transparent 0%, transparent 50%, #fff2c2 50%, #fff2c2 100%)}

.rpd_unavailable_to_available {background:#FFCEB0 linear-gradient(135deg, transparent 0%, transparent 50%, #DDF7E7 50%, #DDF7E7 100%)}
.rpd_unavailable_to_available:hover {background:#FFCEB0 linear-gradient(135deg, transparent 0%, transparent 50%, #BFF2DA 50%, #BFF2DA 100%)}

/*SELECTED CHECK-IN*/
.rpd_active_arrival {
    outline: 1px solid #329173 !important;
    background-image: none;
    background-color: #329173 !important;
    color: papayawhip!important;
	border: 1px solid #329173 !important;
}
/*SELECTED CHECK-OUT*/
.rpd_active_depart {
    outline: 1px solid #329173 !important;
    background-image: none;
    background-color: #BFF2DA;
    color: #787370 !important;
	border: 1px solid #BFF2DA !important;
}
.rpd_left_inactive, .rpd_right_inactive, .rpd_month_nb {
    background: #329173;
}

/* Tooltips */

.rp_tip_container {display:none;position:absolute;max-width:276px;background-color:#329173;border:0px solid black;border-radius:3px;z-index:1000}
.rp_tip_outer {position:relative}
.rp_tip_arrow {position:absolute;top:100%;pointer-events:none;border:solid transparent;height:0;width:0;border-width:8px;margin-top:1px;margin-left:-1px;border-top-color:transparent}
.rp_tip_arrow:after {position:absolute;top:-12px;left:50%;pointer-events:none;border:solid transparent;content:"";height:0;width:0;border-width:10px;margin-left:-10px;border-top-color:#329173}
.rp_tip_inner {font-family:Arial,sans-serif;font-size:14px;color:#FFF;padding:6px;line-height:1.3}


/*----------------------------/
RentAlot BOTÕES
*/

.qx-element input.rp_buttons {
    margin: 6px 12px 6px 12px;
    text-align: center;
	display: none;
}
input.rp_button {
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	word-spacing: 0px;
	line-height: 1.42857143;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	border-radius: 2px;
	padding: 8px 20px;
	border: 1px solid /*#32B8A8*/ #329173;
	background-color: /*#32B8A8*/ #329173;
	color: #f6f3ec;
}
input.rp_button:hover {
    border-color: #329173;
	background-color: #329173;
    color: #f6f3ec;
	opacity: .8;
	}
input.rp_button:focus {
    border-color: #329173 !important;
	background-color: #329173 !important;
    color: #f6f3ec !important;
}
input.rp_button.rp_continue {
    font-size: 13px;
}
/*Esconder butão "book now" na página do calendário*/
.custom .rp_book {
    display: none;
}

/*----------------------------/
LEGENDA CORES "Custom Module"
*/
#legenda {
	border: 0px solid #eee;
    background-color: transparent;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
	padding: 0px 5px;
	display:inline-block;
	margin-top: 10px;
	margin-bottom: 50px;
}
#legenda .legenditem {
    /*border: 1px solid red;*/
	display: inline-block;
    padding: 5px;
}
#legenda .booked-color,
#legenda .free-color,
#legenda .provisional-color{
    float: left;
    height: 17px;
    width: 17px;
	border: 1px solid #eee;
	margin-top: 2px;
}
#legenda .legenditem .booked-color {
    background-color:#FFCEB0;
}
#legenda .legenditem .free-color {
    background-color:#DDF7E7;
}
#legenda .legenditem .provisional-color {
    background-color:#fff2c2;
}
#legenda .legenditem .title {
    position: relative;
    padding-left: 5px;
    line-height: 22px;
    color: #777;
}
/*----------------------------/
MODAL-BOX do Rentalot-plus
*/
div.rpd_js_msg_inner {
    position: relative;
    z-index: 65535;
    top: 20%;
    width: 400px;
    max-width: 80%;
    margin: 3em auto;
    height: auto;
    min-height: 60px;
    text-align: center;
    vertical-align: middle;
    padding: 5px 24px 12px;
    /*border: 2px solid gray;*/
	border: none;
    border-radius: 6px;
    background: white;
    font: normal normal bold 18px;
    color: black;
    text-decoration: none;
    box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.5);
}
.rpd_js_msg_inner .rpd_selected_dates {
    color: #555;
    font-weight: normal;
    line-height: 40px;
    font-size: 16px;
    border-bottom: 1px dotted lightgrey;
    padding: 2px 0;
    border-top: 1px dotted lightgrey;
    width: 100%;
}
.rpd_js_msg_inner .rpd_check_yes {
    /*background: url(../images/tick3.png) no-repeat left center;*/
    padding-left: 28px;
    line-height: 10px;
    color: green;
    font-weight: bold;
}
.rpd_check_no {
    /*background: url(../images/cross3.png) no-repeat left center;*/
    padding-left: 28px;
    line-height: 20px;
    color: #e44a4a;
}
.rpd_js_msg_inner div.rpd_js_msg_buttons {
    margin-top: 10px;
}
/*----------------------------/
PROCESSO - 3: PAGAMENTO
*/
.rp_page{
	margin:100px auto 60px;
	border: 0px solid #329173;
	padding: 10px;
	border-radius: 5px;
	background-color: #FFF;
	max-width: 600px;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
}
.rp_page .rp_page{
    margin: 0px;
    border: none;
    padding: 0px;
    border-radius: 5px;
    background-color: transparent;
    max-width: 600px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0);
}
.rp_page h2{
	background-color: #329173;
	color: #fff;
	padding: 12px 0;
	font-family: Open Sans, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
	margin: 0 0 25px;
	border-radius: 5px 5px 0 0;
}
.rp_page div.rp_book1_wrapper h3, 
.rp_page div.rp_book2_wrapper h3,
.rp_page div.rp_payment_wrapper h3,
.rp_page div.rpmb_book_details h3,
.rp_page div.rpmb_doc_details h3,
.rp_page div.rpmb_payment_details h3,
.rp_page div.rpmb_message_details h3{
    color: #216108;
    padding: 3px 0 3px 2px;
    font-family: Open Sans, sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 1px dotted lightgrey;
	border-top: 1px dotted lightgrey;
    margin-bottom: 10px;
	background: #FBF3E1;
}
.rp_page div.rp_account_wrapper h3{
	color: #999;
    padding: 3px 0 3px 2px;
    font-family: Open Sans, sans-serif;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 20px 0;
}

.rp_border_table td:first-child{
	color: #329173;
}
/*A MINHA RESERVA - Documnetos*/
.rp_form_wrapper.rpmb_doc_details tr{
	border: none;
}
.rp_form_wrapper.rpmb_doc_details a{
	color: #777;
	padding: 6px 0px 5px 30px;
	margin-bottom: 5px;
	background-image: url(img/doc.png);
	background-repeat: no-repeat;
	background-position: left;
	background-size: contain;
}
.rp_form_wrapper.rpmb_doc_details a:hover{
	color: dodgerblue;
}
/*DETALHES DO PAGAMENTO - texto estupido*/
.rp_form_wrapper.rp_account_wrapper p{
	display: none;
}


/*DETALHES DA RESERVA*/
.rp_page .rp_book_details{
	padding-top: 0;
	/*display: none;*/
}
/*#voucher_code {
    margin-top: 8px;
}

/*OS SEUS DADOS*/
.rp_page .rp_client_details{
	padding-top: 15px;
}
/*Detalhes do Pagamento*/
.rp_page .rp_pay_details{
	padding-top: 15px;
}
/*.rp_page .rp_book1_wrapper .rp_client_details h3{
	padding-top: 15px;
}*/
/*Wrapper do Formulário*/
.rp_page .rp_form_wrapper {
    font: normal normal normal 15px Arial, sans-serif;
    color: #444;
    background-color: #fdfdfd;
    border: 0px solid #BAD1CD;
    margin-top: 0px;
    padding: 1px 20px 20px;
    border-radius: 4px;
	width: 100%;
}
.rp_page .rp_form_wrapper .rp_right{
	font: normal normal normal 15px Arial, sans-serif;
}
/*Tabelas*/
.rp_border_table {
    border-collapse: collapse;
    border: 0px solid #CECACA;
    padding: 2px;
    text-align: left;
	/*width: 100%;*/
}
.rp_border_table td {
    border: 0px solid whitesmoke;
    padding: 5px;
}
.rp_border_table tr, td {
    border-bottom: 1px solid #D2E3E0;
	/*border-top: 1px solid #D2E3E0;*/
}

/*----------------------------/
FORMULÁRIO RENTALOT
*/
.rp_form_wrapper input[type="text"],
.rp_form_wrapper input[type="email"],
.rp_form_wrapper input[type="number"],
.rp_form_wrapper select,
.rp_form_wrapper textarea {
    font: normal normal normal 13px Arial, sans-serif;
    height: 28px;
    padding: 5px 10px;
	border: 1px solid #BAD1CD;
    border-radius: 3px;
    margin-top: 0;
    margin-bottom: 0;
	color: #707070;
	background-color: rgba(250,249,247,1.00);
	background-image: none;
	max-width: 650px;
	/*transition: border-color 0.3s ease 0s, box-shadow 0.3s ease 0s;*/
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.0);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.rp_form_wrapper input[type="text"]:focus,
.rp_form_wrapper input[type="email"]:focus,
.rp_form_wrapper input[type="number"]:focus,
.rp_form_wrapper textarea:focus, .rp_form_wrapper select:focus {
	border-color: #79B8A9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(102,175,233,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(102,175,233,0.6);
}

.rp_form_wrapper input[type="text"]:hover,
.rp_form_wrapper input[type="email"]:hover,
.rp_form_wrapper input[type="number"]:hover,
.rp_form_wrapper textarea:hover,
.rp_form_wrapper select:hover {
    outline: none;
    border-color: #79B8A9;
}
input[type="text"]:not(.form-control):focus, input[type="email"]:not(.form-control):focus, input[type="url"]:not(.form-control):focus, input[type="date"]:not(.form-control):focus, input[type="password"]:not(.form-control):focus, input[type="search"]:not(.form-control):focus, input[type="tel"]:not(.form-control):focus, input[type="number"]:not(.form-control):focus, select:not(.form-control):focus {
    background-color: rgb(250, 249, 247);
    border-color: #79B8A9;
}
div.rp_error {
    font-size: small;
    color: lightcoral;
    margin-left: 27%;
}
.rp_form_wrapper textarea {
    height: auto;
    min-height: 18px;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 100%;
}
.rp_form_wrapper .rp_line #num_adults,
.rp_form_wrapper .rp_line #num_children,
.rp_form_wrapper .rp_line #num_babies{
	width: 80px !important;
}

div.rp_form_wrapper label {
    display: block;
    font-size: 14px;
    color: #329173 /*#216108*/;
    margin-bottom: 2px;

}
/*-------------------------------
Tabelas do 1º quadro (DETALHES DA RESERVA)
*/

/*Selector dos lofts*/
div.rp_selector {
    margin-bottom: 5px;
}
div.rp_selectors {
    float: none;
    margin: 0px;
    padding: 0 5px;
    border: 0px solid #d3d3d3;
    border-radius: 3px;
    background-color: transparent;
	pointer-events: none;
}
div.rp_form_wrapper .rp_selector label {
    display: inline-block !important;
	width: 65px;
}
select:not(.form-control) {
    display: inline;
}
div.rp_selectors select {/*caixinha do selector*/
    font: inherit;
	font-weight: bold;
	font-size: 14px;
	color: #444;
    margin: 0;
    background-color: transparent;
    padding: 0;
    border: 0px;
	pointer-events: none;
	-webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
}
/*CHECK-IN CHECK-OUT*/
.rp_book_details .rp_field_date1 input[type="text"],
.rp_book_details .rp_field_date2 input[type="text"]{
    border: 0px solid #E0E0E0;
	color: #707070;
	background-color: transparent;
	padding: 0;
	pointer-events: none;
}
.rp_field_date1, .rp_field_date2{
	pointer-events: none;
}
/*dispor em linha*/
.rp_field_date1.rp_inline,
.rp_field_date2.rp_inline{
    display: table;
	margin-bottom: 0px;
}
div.rp_form_wrapper .rp_field_date1 label,
div.rp_form_wrapper .rp_field_date2 label{
	display: table-cell;
	width: 78px;
}
div.rp_form_wrapper .rp_field_date1 input,
div.rp_form_wrapper .rp_field_date2 input{
	display: table-cell;
}
/*DIV VOUCHER*/
.rp_inline.rp_field_half [for="voucher_code"]{
	margin-top: 10px;
}
/*PREÇO FINAL*/
div.rp_price {
    text-align: left;
    font-size: 16px;
    min-height: 34px;
    margin-top: 10px;
    margin-left: 5px;
    font-weight: bold;
    color: #329173;
}
/*-------------------------------
BOOKING FORM Quadro Nº 2
*/

/*segunda tabela*/
.rp_border_table td.rp_left {
    width: 180px;
	color: #329173;
	font-weight: normal;
}
.rp_book2_wrapper .rp_border_table td.rp_right {
    font-weight: normal;
	min-width: 150px;
	font-family: inherit;
}

/*ultima tabela "PAYMENT DETAILS*/
.rp_pay_details .rp_border_table td.rp_pleft {
    width: 180px;
	color: #329173;
	font-weight: normal;
}
.rp_pay_details .rp_border_table td.rp_right {
    font-weight: normal;
}
.rp_pay_details .rp_border_table td.rp_total {
    font-weight: bold;
}
.rp_pay_details .rp_left.rpps_due {
    font-weight: normal;
}
.rp_pay_details .rp_right.rpps_due {
    color: forestgreen;
	font-weight: bold !important;
	font-size: 16px;
}
.rp_page .rp_buttons {
    margin: 35px 12px 6px 12px;
    text-align: center;
}

/*detalhes da reserva*/
.rp_book_details .rp_border_table tbody tr:first-child .rp_right,
.rp_book_details .rp_border_table tbody tr:last-child .rp_rights{
	font-weight: bold;
	/*font-size: 16px;*/
}

/*-------------------------------
Tabelas do 3º quadro (DETALHES DA RESERVA)
*/
.rp_payment_wrapper h3{
	padding-top: 0;
}
.rp_payment_wrapper .rp_border_table{
	font-size: 14px;
}
.rp_payment_wrapper .rp_border_table tbody td:first-child{
	color: #329173;
}
.rp_payment_wrapper .rp_border_table tbody tr:first-child td:last-child{
	font-weight: bold;
	/*font-size: 16px;*/
}
.rp_payment_wrapper .rp_border_table tbody tr:last-child td:last-child{
	font-weight: bold;
	font-size: 16px;
	color: forestgreen;
}
.rp_payment_wrapper .rp_border_table tbody tr td:first-child{
	min-width: 130px;
}
.rp_payment_wrapper .rp_border_table tbody tr td:last-child{
	width: 100%;
}

/*-------------------------------
Tabelas do 3º quadro (METODOS DE PAGAMENTO)
*/

.rp_account_wrapper div.rp_pay_btn {
    width: 100% !important;
	padding: 0px;
}
.rp_account_wrapper img {
    max-width: 100%;
}

.rp_account_wrapper input[type="image"] {
    max-width: 100%;
}

/*Botão de acesso para o Paulo está no Footer*/
.admin-log{
	display:none;
}
/*-------------------------------
Página A MINHA RESERVA
*/

.rpmb_book_details .rp_border_table td.rp_right {
	font-weight: normal;
}
.rp_page div.rpmb_book_inner_1 {
    display: block;
}
/*hide options*/
.rp_page div.rpmb_book_inner_2 {
    display: none;
}
.rpmb_payment_details table tbody tr:nth-child(3) {
    display: none;
}