/*
Theme Name: BenSaude Mobile
Theme URI: 
Author: Innovagency
Author URI: http://www.innovagency.pt/
Description:
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: 
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
body 
{
    font-size:100%;
    font-style:normal;
	font-family: 'Titillium Web', Arial;	
    }
    
#content {
max-width: 636px;
    margin-left: auto;
    margin-right: auto;
}

/* generic */
.fl {float:left;}
.fr {float:right;}
.clear {clear:both;}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
img {vertical-align: middle;max-width:100%;}
strong {font-weight: bold;}
.debug {border:solid 1px #000;}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}     
textarea:focus, input:focus, select:focus{
    outline: 0;
}
    
.mainWidth {
	margin-left:auto;
	margin-right:auto;		
	/*width:637px;*/
}

/*header */
#header {
	background-color:#1a1b1c;
	height: 86px;	
}
#header .inner {	
	color:#fff;	
	display: table;	
	padding-top:10px;
	/*padding-bottom:10px;*/	
	/*width:580px;*/
}

#header .inner div:first-child {
	margin-left:0px;	
}

#header .inner div {
	/*margin-top:10px;*/
	display: table-cell;
	vertical-align: middle;
	padding-bottom:10px;
}
#header .inner div.menu {
	text-align: left;		
	width:30px;
	cursor: pointer;
}

#header .inner div.logo {
	text-align: center;
}
#header .inner div.booking {
	width:65px;
	text-align:center;
	position: relative;		
	height:66px;
}
#header .inner .booking .booking-inner{
	display: block;
	/*position:absolute;*/
	/*bottom:0px;*/
	height:20px;
	width:65px;
	margin-top:10px;
	padding-top:10px;
	padding-bottom:25px;
	text-align:center;	
}

#header .inner .booking.selected .booking-inner{
	background-color:#fff;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;		
}

/* menu */
#menu {
	background-color:#1a1b1d;
	position: absolute;
	z-index: 2000;
}

#menu .inner{
	width:580px;
	margin-left:auto;
	margin-right:auto;	
}

#menu .logo {
	text-align: center;	
}

#menu ul {
	padding:25px 0px;	
}
#menu ul li {
	cursor:pointer;
	font-size:112.5%;	/* 36px / 16px reduzido para metade */
	line-height: 40px;
	border-bottom:solid 1px #8d8d8e;
	padding-left:70px;
	background-repeat: no-repeat;
	background-position: center left;	
}

#menu ul li.homepage {
	background-image: url(images/icons/home.png);	
}
#menu ul li.promos {
	background-image: url(images/icons/promos.png);	
}
#menu ul li.hoteis {
	background-image: url(images/icons/hotels.png);	
}
#menu ul li.reservas {
	background-image: url(images/icons/menu_reservas.png);	
}
#menu ul li.contact {
	background-image: url(images/icons/call.png);	
}

#menu ul li a {
	display:block;
	color:#fff;
	text-decoration: none;	
	background-image: url(images/menu_arrow.png);
	background-repeat: no-repeat;
	background-position: center right;
}
#menu ul li div.arrow {
	float:right;
	margin-right: 12px;	
}

#menu .menu-langselector {
	height:50px;
	background-color:#000;
	font-size:106.25%;	/* 34 / 16px reduzido para metade */
	line-height: 50px;
	color:#fff;
}

#menu .menu-langselector a {
	color:#de7c00;
	text-decoration: none;	
}

#menu .menu-langselector a.selected, 
#menu .menu-langselector a:hover{
	color:#fff;
}

/* searchFilters */
.searchFilters {}
.searchFilters .searchFilters-inner {
	position:relative;
	width:552px;
	margin-left:auto;
	margin-right:auto;	
}
.searchFilters .searchFilters-filter {
	padding-top:20px;
	padding-bottom:20px;	
	background-image: url(images/content_bg.jpg);
}

.searchFilters .searchFilters-filter input[type="text"],
.searchFilters .searchFilters-filter input[type="tel"],
.searchFilters .searchFilters-filter input[type="email"] {
	font-size:87.5%;/* 27 -> 14 / 16 */
	width:100%;
	border:none;
	border-bottom:solid 1px #373535;
	color:#373535;
	background-color:transparent;
	display:block;
	margin-bottom:15px;	
}

.searchFilters .searchFilters-filter textarea {
	font-size:87.5%;/* 27 -> 14 / 16 */
	width:99%;	
	display:block;
	margin-bottom:15px;
	color:#373535;
}

.searchFilters .searchFilters-filter input.search {
	background-image: url(images/search_input.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left:40px;
	width: 510px;		
}

.searchFilters .searchFilters-filter select {
	font-size:87.5%;/* 27 -> 14 / 16 */
	width:100%;
	border:none;
	border-bottom:solid 1px #373535;
	color:#373535;
	background-color:transparent;
	-webkit-appearance: none;
	display:block;
	margin-bottom:15px;
	background-image: url(images/arrow_down.png);
	background-repeat: no-repeat;
	background-position: center right;
}

.searchFilters .searchFilters-filter input[type="button"],
.searchFilters .searchFilters-filter input[type="submit"] {
	color:#fff;
	font-size:87.5%;/* 27 -> 14 / 16 */
	text-transform: uppercase;	
	/*background: url("images/button_bg_big.png") no-repeat scroll 0 0 transparent;*/
	background-color:#ff8200;
	width:100%;
	line-height:30px;
	height:32px;
	text-align:center;
	border: none;
	cursor:pointer;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 2px 2px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 2px 2px 0px rgba(50, 50, 50, 0.75);
		
}

.searchFilters .searchFilters-bottom {
	cursor:pointer;
	background-color: #e6e6e6;
	color:#505050;	
	font-size:87.5%;/* 27 -> 14 / 16 */
	line-height:40px;
	height:40px;
}
.searchFilters .searchFilters-bottom .searchFilters-inner {	
	background-repeat: no-repeat;
	background-position: center right;	
}
.searchFilters.close .searchFilters-bottom .searchFilters-inner {
	background-image: url(images/arrow_down.png);
}
.searchFilters.open .searchFilters-bottom .searchFilters-inner {
	background-image: url(images/arrow_up.png);
}

.searchFilters.close .close,
.searchFilters.open .open {
	display:block;	
}
.searchFilters.close .open,
.searchFilters.open .close {
	display:none;	
} 

.searchFilters input.calendar {
	background: url(images/icons/calendar.png) no-repeat right center;
	padding-bottom:3px;
	border: none;
    width: 100%;
border-bottom: solid 1px #373535;
    color: #373535;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin-bottom: 15px;
    height: 21px;
}

.searchFilters input.calendar:before {
content:attr(placeholder);
    position: absolute;
    padding: 3px 0;
    background: url(images/content_bg.jpg);
    width: 70%;
    pointer-events: none;
}
#booking .searchFilters input.calendar:before,
.single .searchFilters input.calendar:before {
    content:attr(placeholder);   
    background: #fff;
}

.searchFilters input.calendar.full:before {
content:"";
display: none;
}

#promo-table-mobile td.desaturate {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 

filter: gray;

-webkit-filter: grayscale(1);
     }

#booking {
	position: absolute;
	z-index: 100;				
}

#booking h1 {
	font-size:100%;/* 30 -> 16 / 16 */	
	color:#272727;	
	margin-bottom:15px;
}

#booking .searchFilters .searchFilters-filter {
	background: #fff;	
}

#booking .actions {
	font-size:100%; /* 12 / 16 */
	color:#7c8d8e;
	margin-top:30px;
	margin-bottom:30px;
}

#booking .actions div {
	float:left;	
	background-repeat: no-repeat;
	line-height: 20px;	
	cursor:pointer;
}

#booking .actions div.makecall {
	background-image: url(images/icons/phone.png);
	padding-left:20px;
	margin-left:5px;	
}

#booking .actions div a{
	text-decoration: none;	
	color:#7c8d8e;
}

#booking .actions div.returncontact {
	background-image: url(images/icons/pen.png);
	padding-left:20px;		
}
#booking .actions .sep {
	background-color:#7c8d8e;	
	width:1px;
	margin-left:10px;
	margin-right:10px;
}

/* datepicker */
.ui-datepicker {
	/*width:560px;*/
	z-index:2000 !important;	
}
.ui-datepicker-header {
	background-color:#f6891f;
	color:#fff;
	font-size:14px;	
	height:30px;
	line-height:30px;
	font-weight: bold;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.ui-datepicker-title {
	text-align: center;
} 


.ui-datepicker-calendar thead {
	font-size:87.5%;/* 25 -> 14 / 16 */
	color:#fff;
	background-color:rgba(0, 0, 0, 0.65);
	height:16px;	
}
.ui-datepicker-calendar thead th {
	line-height:37px;	
	width:60px;
	text-transform: uppercase;
}

.ui-datepicker-calendar tbody {
	background-color:rgba(0, 0, 0, 0.9);
	font-size:87.5%;/* 27 -> 14 / 16 */
	color:#fff;
}

.ui-datepicker-calendar tbody td {
	text-align:center;		
}

.ui-datepicker-calendar tbody a,
.ui-datepicker-calendar tbody span {
	display: block;
	color:#fff;
	text-decoration: none;
	height:30px;
	line-height:30px;
}

.ui-datepicker-calendar tbody a.ui-state-hover {
	background-color: #f6891f;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px; 	
}

.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next {
    height: 35px;
    position: absolute;
    top: 10px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 5px;
}

.ui-datepicker .ui-datepicker-next {
    right: 5px;
}

.ui-datepicker .ui-datepicker-prev span, 
.ui-datepicker .ui-datepicker-next span {
    display: block;    
    width:14px;
    height:16px;
    background-repeat: no-repeat;    
    overflow: hidden;
    text-indent: -99999px;
}
.ui-datepicker .ui-datepicker-next span {
	background-image: url("images/calendar_next.png");		
}
.ui-datepicker .ui-datepicker-prev span {
	background-image: url("images/calendar_prev.png");		
}

.ui-helper-clearfix:after {
    clear: both;
}

#ui-datepicker-div { display: none; }

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #373535;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #373535;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #373535;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #373535;
}

a.calltoactionbtn {
    display:inline-block;
    color:#fff !important;
    font-size: 13px;
height: 33px;
margin-bottom:5px;
}

a.calltoactionbtn i{
    display: inline-block;
    vertical-align: top;
}
a.calltoactionbtn .calltoactionbtn-left {
    width: 10px;
    background-image: url('images/button_bg_left.png');
    height: 100%;
}
a.calltoactionbtn:hover .calltoactionbtn-left {
    background-image: url('images/button_bg_on_left.png');
}
a.calltoactionbtn .calltoactionbtn-right {
    width: 10px;
    background-image: url('images/button_bg_right.png');
    height: 100%;
}
a.calltoactionbtn:hover .calltoactionbtn-right{
    background-image: url('images/button_bg_on_right.png');
}

a.calltoactionbtn .calltoactionbtn-middle {
    background-image: url('images/button_bg_middle.png');
    height: 100%;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    line-height: 33px;
width:198px;
text-transform:uppercase;
}

a.calltoactionbtn:hover .calltoactionbtn-middle {
    background-image: url('images/button_bg_on_middle.png');
}

@media screen and (min-width: 481px) {
	.mainWidth {			
		width:637px;
	}	
	
	#header .inner {	
		width:580px;
		padding-left:28px;
		padding-right:28px;
	}
}

@media screen and (min-width : 320px) and (max-width : 480px) {
  .mainWidth {    
    width: 100%;
  }
  
  	#menu .inner,
  	#header .inner {
		width:91%;/* 580px / 637px */
		margin-left:auto;
		margin-right:auto;		
	}
	
	#header .inner div.logo img {
		width:50%;/* 170px / 580px */
	}
	
	#header .inner div.menu {
		width:5.17%;/* 30px / 580px */
	}
	
	#header .inner div.booking {
		width:11.2%; /* 65px / 580 px */				
		/*height:66px;*/
	}
	#header .inner .booking .booking-inner{
		width:100%;			
	}
	
	#menu .logo { 
		width:56.55%; /* 328 / 580px */
		margin-left:auto;
		margin-right:auto;	
	}
	
	.searchFilters .searchFilters-inner {
		width:86.65%; /* 552 px / 637px */
	}
	
	.ui-datepicker-calendar thead th {
		width:10.3%; /* */ 
	}
}

#hotel-table {
    margin-right: auto;
    margin-left: auto;
    border-bottom: none!important;
}