/* reset style */
body.idiso-booking-engine{
    margin: 0; padding: 0; 
}
.idiso-booking-engine *,
#idiso-be-search-widget *,
#idiso-be-login-widget *,
#idiso-be-callmeback-widget {
    margin: 0; padding: 0; 
}
.idiso-booking-engine li { list-style: none outside none; }
.idiso-booking-engine select { cursor: pointer; }
.idiso-booking-engine img {  text-align: center; }
.idiso-booking-engine fieldset, .idiso-booking-engine img { border: none; }
.idiso-booking-engine a { cursor: pointer; text-decoration: none; outline: 0;
	-webkit-transition: color .3s ease-in-out 0s;
	-moz-transition: color .3s ease-in-out 0s;
	-ms-transition: color .3s ease-in-out 0s;
	-o-transition: color .3s ease-in-out 0s;
	transition: color .3s ease-in-out 0s;
}
.idiso-booking-engine a img { cursor: pointer; }
::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder { color: #AAA; }
body.idiso-booking-engine, 
.idiso-booking-engine h2, 
.idiso-booking-engine h3, 
.idiso-booking-engine input {
    color: #666; font: 16px arial, sans-serif; line-height: normal; 
}
.idiso-booking-engine h2, 
.idiso-booking-engine h3 {
    font-weight:bold;
}
/*end reset*/
/************
*	LAYOUT
*************/
body.idiso-booking-engine {height:100%;}
body.idiso-booking-engine { min-width: 650px; }
.idiso-booking-engine .widget{
    margin: auto;
    max-width: 1240px;   
}
.main, #_widget { display: block; margin: auto; position: relative; }
.idiso-booking-engine .clear { clear: both; display: block; }
#header,#header-flotant, #menu, #section, #footer { position: relative; width: 100%; }
#header, #header-flotant { /*z-index: 4; */min-height:85px;}
#header.design2 {min-height:0px;}
header#header-flotant, header.design2{ /*z-index: 4; */min-height:0px;}
#menu { z-index: 2; }
#section { /*z-index: 3;*/ } /* modificado para calendario */ .pickadate-input-widget { position: relative; z-index: auto; }
#footer { z-index: 0; position:relative; bottom:0; clear:both;}
#footer.bottom{	position:fixed;	z-index:100;}
#menu, #footer { clear: both; }
header .header-tablet{display:none;}
#header.header-with-custom {
	min-height:inherit;
	display:none; /* temporary hack */
}
body[id^="user"] #resume-panel {
    margin-top: 53px;
}
.header-tablet{
    background-color:#ecebf0;
    z-index: 100;
    box-shadow:2px 2px 5px #999999;
    -moz-box-shadow:2px 2px 5px #999999;
    -webkit-box-shadow:2px 2px 5px #999999;
    -o-box-shadow:2px 2px 5px #999999;
}
.header-tablet .main{
    display: inline-block;
    text-align: center;
    width: 100%;
    padding:10px 0;
}
.header-tablet .buttons li{
     display:inline-block;
}
.header-tablet .buttons li a > .fa-lg{
    padding: 0 0 0 5px;
    font-size:1.1em;
}
.header-tablet .buttons li a .web-ui-btn-inner{
    padding:5px 0;
}
.header-tablet .buttons li a .web-ui-btn-inner .fa-lg{
    padding:0px 4px;
}
.header-tablet .buttons li a >*{
        display:inline-block;
        vertical-align:middle;  
    }
header#header-flotant .header-tablet,header.design2 .header-tablet{
    width: 100%;
}
header.only-login .main .logo,
header.only-login .main .infor,
header.only-login .main .tel  {
	display:none;
}
header .cont-right .fa-stack{
	font-size:.9em;	
}
header.only-login.scroll .main .tel {
	display:block;
}
header .main, #menu .main, #section .main, #footer .main, .main2 { max-width: 1240px; }
#_widget { margin-top:40px; }
#_widget { 
    width:74%;
    float: left;    
}
.main2{
	position:relative;
	margin:auto;
}
header#header-flotant.responsive .header-with-scroll{
    display:none;
}
header#header-flotant.scroll .header-with-scroll{
    display:block;
}
header#header-flotant .header-with-scroll > .main, header.design2 .header-with-scroll > .main{
    width:100%;
}
header#header-flotant .header-with-scroll > .main, header.design2 .header-with-scroll > .main{
    display:table;   
}
header#header-flotant{
	position:fixed;
	z-index: 1000;
	top:0px;	
}
header.responsive.hasHeaderTablet + #header{
    margin-top:60px; 
}
header#header-flotant > .main, header.design2 > .main{
    max-height:76px; 
}
header .tel .fa-stack .fa-circle-thin{
    display:none;
}
header .header-loyalty .fa-stack  {
	line-height: 1.7em;
}
header#header-flotant .login .icon-login  .fa-circle-thin, header.design2 .login .icon-login  .fa-circle-thin{
	display:none;	
}
header#header-flotant .logo,header.design2 .logo{
	display: none;
}
header .logo-small{
	display: none;	
}
header#header-flotant .logo-small,header.design2 .logo-small{
	display: table-cell;
    vertical-align: middle;
    text-align:left;
}
header#header-flotant .cont-right, header.design2 .cont-right{
    display:table-cell;
    vertical-align:middle;
    text-align:right;   
}
header .links{
	display: block;
}
header#header-flotant .links,header.design2 .links{
	display: none;
}
.loader {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1050;
}
.loader img {
    left: 50%;
    position: absolute;
    top: 50%;
}
.logo-small img {
    display: inline-block;
    vertical-align: middle;
    padding:5px 0
}
.loadmore.web-ui-btn {
    width:50%;
    margin:auto;
    margin-top:29px;   
    padding:10px;
}
header#header-flotant .infor .tel,header.design2 .infor .tel{
    float: right;
    padding-right:26px;
    font-weight: normal;
    line-height: 16px;
    margin-left: 23px;
    margin-right: 5px;
    position: relative;
    text-align: right;
    z-index: 10;
}
header#header-flotant .login + .infor .tel:after,header.design2 .login + .infor .tel:after{
    background-color: #ffffff;
    content: "";
    height: 60%;
    position: absolute;
    right: 0;
    top: 20%;
    width: 1px;
}
header#header-flotant .infor .tel strong,header.design2 .infor .tel strong{
	font-weight:normal;
	white-space: nowrap;
}
header#header-flotant .infor .tel a, header.design2 .infor .tel a {
    color: #FFFFFF !important;
    font-weight: normal;
    padding-left: 5px;
}
header#header-flotant .infor .tel p,header.design2 .infor .tel p{
	position:relative;	
}
header#header-flotant .links, header#header-flotant  .version, header#header-flotant .header-loginsignin, header.design2 .links, header.design2 .version {
	display:none;
}	
header#header-flotant, header.design2 {
    -webkit-box-shadow: 2px 2px 5px #999;
    -moz-box-shadow: 2px 2px 5px #999;
    box-shadow: 2px 2px 5px #999;
    filter: shadow(color=#99999, direction=135, strength=2);
}
/* --- logo --- */
header .logo {
    float: left;
    margin: 3px 0 15px 0;
}
/* --- infor --- */
header .infor {
	float: right;
    position: relative;
}
header .version, header .links, header .tel {
    display: inline;
}
/* --- infor: version --- */
header .version { position:relative; z-index: 12;}
header .version .main {
	display: inline-block;
	margin-left: 5px;
	padding: 10px 0px 10px 20px;
	position: relative;
	cursor: pointer;
    min-width:115px;
}
header .version .web-ui-icon.version-tic {
	cursor: pointer;
    margin-top: 13px;
    position: absolute;
    right: 0;
    top: 0;
}
header .version a{
	-moz-transition:none;
	-webkit-transition:none;
	-o-transition:none;
}
header .version .web-ui-subtitle {
	display: inline;
	font-size: 0.875em;
	font-weight: normal;
}
header .version ul,header .telephones ul {
	display: none;
	position: absolute;
	z-index: 101;
}
header .telephones ul + i, .infor .version ul + i {
    display: inline-block !important;
    font-size: 13px;
    position: relative;
    width: 10px;
}
header .version ul{
    left: 0;
}
header .telephones ul {
    right: 0;
}
header .telephones,header .telephones .main .web-ui-subtitle, header .telephones .main .web-ui-icon{
    display:inline-block;   
}
header .telephones:hover ul {
     display: block;
}
header .version li,.telephones ul li {
	display: block;
	margin: 10px 0;
}
header .version a, .telephones ul li a  {
	display: block;
	padding: 5px 20px;
	box-sizing:border-box;
}
.telephones ul li a  {
    white-space: nowrap;
    text-align:center;
}
header .version:hover ul  {
	display: block;
	width: 100%;
}
#header-flotant .telephones:hover ul,#header-flotant .telephones .fa-stack  {
     display: none;
}
/* --- infor: links --- */
header .links ul, header .links li {
	display: inline;
}
header .links li {
    border-right: 1px solid;
    margin-left: 15px;
    padding-right: 20px;
}
header .links li:first-child {
	margin-left: 0;
}
/* --- infor: tel --- */
header .tel {
    font-size: 1em;
    margin-left: 30px;
    margin-right:16px;
}
header .tel p {
	display: inline;
}
/* login */
header .login {
	font-size: 1em;
	min-width: 270px;
    padding: 3px 20px 3px 10px;
    float:right;
    right: 0;
    top: 0;
}
header .header-loyalty .login {
	font-size: 0.9em;
    padding: 3px 10px 5px;
}
header .login .menu{
    display:inline-block;
}
header .login .submenu{
    z-index: 101;
}
header#header-flotant .cont-right, header.design2 .cont-right{
    font-size:.9em;   
}
header#header-flotant .login, header.design2 .login {
    float: right;
    padding: 0;
    position: relative;
    top: 1px;
    text-align:left;
}
header#header-flotant .login.web-ui-theme-a a:hover, header.design2 .login.web-ui-theme-a a:hover{
	text-decoration:none;
}
header#header-flotant .login.web-ui-theme-a a:hover, header.design2 .login.web-ui-theme-a a:hover{
	text-decoration:none;	
}
header .login .web-ui-icon.user-login {
	margin-right: 10px;
	margin-top: 0;
	vertical-align: middle;
}
header .login .exit {
	margin-left: 20px;
}
header .password {
	min-width: 177px;
}
/*header versión responsive*/
.header.tablet{
    -webkit-box-shadow: 2px 2px 5px #999;
    -moz-box-shadow: 2px 2px 5px #999;
    box-shadow: 2px 2px 5px #999;
    filter: shadow(color=#99999, direction=135, strength=2); 
    background-color:#ffffff; 
}
/* menu */
#menu {
	font-size: 0.875em;
	padding: 5px 0; 
	text-transform: uppercase;
}
#menu li {
    border-left: 2px solid #111;
    display: inline;
    margin-left: 15px;
    padding-left: 20px;
}
#menu li:first-child {
	border-left: none;
	margin-left: 0;
	padding-left: 0;
}
/* ///////////////////////////////////////////////////////////////////////// */
/* breadcrumbs */
.breadcrumbs {
	display: block;
	font-size: 0.813em;
	margin: 1em 0;
}
/* module */
.module {
	display: block;
	margin-bottom: 9px;
}
.module .main {
	padding: 20px;
	overflow: hidden;
}
.module.help .main {
    padding: 9px 15px;
}
.module.resume .main {
    overflow: visible;
}
.module.manage-booking .main {
	overflow: visible;
}
.module.search-box .main{
	overflow:visible;	
}
.module #amount{
	border:0;
	font-weight:bold;
	margin-top:10px;
	text-align:center;
}
#amountSet {
    margin-bottom: 5px;
}
#amountSet2 {
    float: right;
}
.module .cont-slider{
	height: 20px;
	margin-top:15px;
}
.module .web-ui-checkbox .web-ui-btn-inner {
	font-size: 0.875em;
}
.module .main .img {
    float: left;
    min-height: 80px;
    width: 80px;
    width:auto;
}
.module .main .text {
	display: block;
	margin-bottom: 7px;
}
.module.help .main .text {
    float: right;
    max-width:184px;
}
.module.help .main .web-ui-btn .web-ui-btn-inner{
    padding:5px 16px;
}
.module.help .main .web-ui-btn .web-ui-btn-text{
    font-size: 12px;
}
.callmebackpanel2 .module.help .main .text {
    max-width:none;
}
.module.help .main .text > *{
    font-weight: bold;
    text-align:right;
}
.module .main .call-center {
	float: right;
}
.module.help .main .web-ui-btn{
    clear:right;
}
.module.help .main .web-ui-btn + a{
    font-size: .8em;
    margin-top:5px;
}
.web-ui-theme-a.highlight {	
	font-weight:700;
}
/* pagination */
.pagination {
	clear: both;
    display: block;
    margin: 10px 0;
    text-align: center;
}
#pagination {
	width:100%;
}
/******************
*	search-panel
*******************/
#search-panel, .legal-advice, .pagination {
	float: right;
	margin-left: 1%;
	width: 72%;
}
h2 .web-ui-btn-icon-left .web-ui-btn-inner{
	padding-left:23px;
}
#search-panel.pdwide {
    width: 100%;
}
#room-panel, #panel,  #profile-client-panel, .panel-form{
	float: left;
	width: 74%;
}
/* summary */
.summary {
	background-color: #FFF;
	font-size: 0.875em;
	padding: 15px 30px 18px 30px;
	position: relative;
}
.summary h2{
	font-size:21px;
}
.summary h2.web-ui-subtitle .fa-stack,.summary h2.web-ui-subtitle .web-ui-btn-text {
    font-size:17px;
}
.summary h3.web-ui-subtitle {
	color: #333;
    font-size: 1.250em;
    margin-bottom: 5px;
}
.summary.web-ui-theme-a .company{
	display: inline-block;
    margin-bottom: 3px;
    vertical-align: middle;
}
.summary.web-ui-theme-a .company.travel{
	display: block;
}
.summary.steps .inforight{
	font-size:1em;	
	text-align:right;	
}
.summary.map {
	margin-bottom:8px;
}
/* --- dates --- */
#search-panel .summary .dates {
    margin-bottom: 3px;
    margin-top: 2px;
}
#search-panel .summary .dates strong, #search-panel .summary .ocupation strong {
	font-weight: normal;
}
#search-panel .summary .dates em {
	font-style: normal;
}
#search-panel .summary .dates li {
	display: inline;
    margin-left: 10px;
    padding-left: 15px;
}
#search-panel .summary .dates li:first-child {
	border-left: none;
	margin-left: 0;
    padding-left: 0;
}
/* --- ocupation --- */
#search-panel .summary .ocupation {}
/* --- store --- */
 .summary .store {
	margin-right: 30px;
	position: absolute;
	right: 0;
	top: 0;
}
#search-panel .summary .store .web-ui-btn-text {
	border-bottom: 1px solid;
}
#search-panel .summary .store > .web-ui-btn .web-ui-btn-inner {
	padding: 6px 10px;
}
/* panel */
 .panel {
	padding: 12px 30px;
	position: relative;
	z-index: 0;
}
.panel .nav {
	float: left;
}
.panel .filter {
	float: right;
}
.panel .filter .web-ui-legend {
	float: left;
	font-size: 0.688em;
	padding: 10px 0;
	width: auto;
}
.panel .filter .web-ui-select {
	display: inline-block;
	margin-left: 15px;
	min-width: 80px;
}
/* resources */
.fleft{
	float:left;
}
.fright{
	float:right;
}
.clear{
	clear:both;
}
.clear:after{
	display:block;
	content:"";
	clear:both;
}
.line:after{
	clear:both;
	content:"";
	display:block;
}
/******************
*	offer-panel
*******************/
#offer-panel {
	float: left;
	width: 925px;
}
#offer-panel .summary {    
    font-size: 0.875em;
    margin-bottom: 15px;
    padding: 20px 30px;
    position: relative;
}
#offer-panel .summary .web-ui-icon.summary-tic {
    left: 0;
    margin-left: 30px;
    position: absolute;
    top: 0;
}
#offer-panel .summary .web-ui-subtitle {    
    font-size: 1.250em;
    margin-bottom: 10px;
}
#offer-panel .panel .nav .web-ui-table {
	width: auto;
}
#offer-panel .panel .nav .web-ui-btn-text strong {
	display: block;
}
/******************
*	cesta compra
*******************/
.module.resume {
	font-size:12px;
	margin-bottom:20px;
}
.module.resume .main {
	padding:0px !important;
}
.module.resume .main:after {
	content:"";
	/*height:1px;	*/
	display:block;
}
.module.resume .web-ui-row.tel{
    display:block;
    margin-left:0px; 
    margin-top:5px;  
}
.module.resume .web-ui-row.tel .fa-stack{
    height: 1.5em; 
    line-height: 1.5em; 
}
.module.resume .web-ui-row.tel .fa-circle{
    font-size: 1.5em; 
}
.module.resume .web-ui-row.tel .fa-phone{
     font-size: 1em; 
}  
.module.resume header .info{
	float:left;
	font-weight: normal;
}
.module.resume header .info:after{
    display: block;
    content:"";
    clear:both;
}
.module.resume header .info a{
    padding:0;
    margin:0 !important;
}
.module.resume > header > figure{
	display:none;	
}
.module.resume .panel{	
	font-weight:bold;
}
.module.resume .text{
	display:inline;	
}
.module.resume .promo-head{
    padding:3px 0;   
    text-transform:uppercase;
    font-weight: bold;
}
.module.resume > .web-ui-content-effect > header, .module.resume > header{
    padding: 15px 25px 15px;
}
.module.resume .room .panel{
    padding: 8px 25px;	
}
.module.resume > .content, .module.resume .room > .content, .module.resume .tax > .content, .module.resume .extra-services > .content,  .module.resume.data-hotel .content, .module.resume .resume-extra-services .content{
	padding: 8px 25px;	
}
.module.resume .title{
	float:left;
}
.module.resume .content li{
	line-height:21px;	
}
.module.resume .main-info li{
    line-height:15px;
}
.module.resume .details > .content li .coin{
    font-size:9px;   
}
.module.resume li .text{
	padding-left:5px;
}
.arrow.display-info {
    background-position: -125px -30px;
    display: inline-block;
    height: 14px;
    vertical-align: middle;
    width: 18px;
}
.web-ui-btn-active-effect  .arrow.display-info , .web-ui-btn-active-effect  .arrow.display-info {
	background-position: -125px -19px;
    height: 12px;
    width: 16px;
}
.module.resume .tax-resume{
	margin-top:5px;	
}
.module.resume li.hasprice .concept {
	display: block;
    float: left;
    clear: left;
}
.module.resume li.hasprice .dateservice {
    clear: left;
    display: block;
    float: left;
}
.module.resume li.subtotal{
	background-color:#ededed;
	margin: 5px 0 5px 0;
	padding:0 5px;
}
.module.resume .conditions{
	margin-top:8px;	
}
.module.resume li .containerprice {
    float: right;
    clear:right;
    font-size: 1em;
    font-weight: bold;
}
.module.resume .allinfo{		
	margin-bottom:10px;
}
.module.resume .allinfo .title, .module.resume .allinfo {
	font-size:0.750em;
}
.module.resume .allinfo .title{
	font-weight:bold;
}
.module.resume .allinfo li{
	margin-bottom:5px;
}
.module.resume .allinfo li .text{
	margin-bottom:5px;
}
.module.resume .allinfo li .text:first-child{
	margin-bottom:0px;
}
.module.resume .info .link2{
	margin-left:5px;
}
.module.resume .info .address .link2{
	padding-right:7px;
}
.web-ui-line.amount {
    margin-top:10px;
    width: 100%;
}
.web-ui-fleft.text-total {
    float: none;
    text-align: left;
    vertical-align: bottom;
}
.web-ui-line.amount .text-total {
    display: inline-block;
    text-align: left;
}
.web-ui-line.amount .converse {
    /*margin-top:-10px;*/
}
.module.resume .total .rooms-in-card {
    display:inline-block;
    margin-top:5px;
}
.resume-block{
	padding:20px;	
	position:relative;
}
.resume-block.empty {
    display: block;
    font-size: 0.875em;
    padding: 35px;
    text-align: center;
}
.resume-block span{
	display: block;
	font-size:0.750em;
}
.resume-block .reg span{
	display: inline-block;
}
.resume-block .description{
	text-transform:uppercase;
}
.resume-block .reg .web-ui-icon{
	background-position:-126px -18px;
	width:12px;
	height:12px;
}
.total .amount .web-ui-fright, .subtotal .amount .web-ui-fright{
	text-align:right;
	font-size:1.8em;
	font-weight:bold;
}
.subtotal .amount-room .price .cents{
    font-size:14px;
}
.total .amount .web-ui-fright .current .cents, .subtotal .amount .web-ui-fright .current .cents, .total .amount .web-ui-fright .current .coin, .subtotal .amount .web-ui-fright .current .coin{
    font-size:.7em;
}
.change-booking .total .amount .web-ui-fright{
    font-size:36px;
}
.change-booking .total .amount .web-ui-fright .cents{
    font-size:14px;
}
.web-ui-line.amount .text-total .text1{
    display:block;
}
.total .web-ui-left .text2{
	text-transform:uppercase;
}
.module.resume .total span{
	/*display:block;*/
}
.module.resume .total .text-imp{
    font-size:12px;
    display:block;
    font-weight: normal;
}
.module.resume .total .best-price .fa{
    font-size: 21px;
}
.module.resume .total .best-price > *{
    display:inline-block;
    vertical-align:baseline;
}
.subtotal .text2{
	margin-top:0px;
}
.subtotal .amount{
	padding-top:5px;	
}
.module.resume .total strong{
	font-weight:normal;
	text-decoration:underline;
}
.module.resume .total{
	padding:10px 25px 16px;	
}
.module.resume .total .empty-card{
    text-align:center;
}
.module.resume .total .empty-card .fa{
    font-size: 51px;
}
.module.resume .total .empty-card .text-empty-card{
    margin-top:10px;
    font-size: 17px;
}
.module.resume .total .empty-card .text-empty-card strong{
    text-decoration:none !important;
    font-weight: bold;
}
.module.resume .total .main, .module.resume .total.subtotal{
	padding:0px;
}
.module.resume .total.subtotal{
	margin-top:10px;
}
.module.resume .total .text-imp{
    display: block;
}
.module.resume .total .current .tprice, .showprice  .current .tprice{font-weight:bold;  line-height:30px;}
.module.resume .total .current .tprice{font-size:36px;}
.module.resume .total .current .tprice .cents{ font-size:14px; }
.module.resume .total .converse .price{font-weight:bold; font-size:.7em;}
.module.resume .total .web-ui-fleft{
	text-align:left;
}
.module.resume .total .web-ui-fright{
	text-align:right;
}
.module.resume .subtotal .web-ui-fleft{
	margin-bottom:10px;
}
.module.resume .total .web-ui-fleft{
	min-width:65%;
	padding-bottom:10px;
}
.module.resume .total .web-ui-fright{
	min-width:35%;
}
.module.resume .total .line2{
	margin-top:8px;	
}
.module.resume .total .line2 .web-ui-fleft{
	width:45%;
	clear: left;
}
.module.resume .total .line2 .web-ui-fright{
	width:55%;
}
.module.resume .room .cancel-booking{
	display:none;
}
.module.resume .cancel-booking strong{
	text-transform:uppercase;
}
.module.resume .canceled-text{
	display:none;	
}
.module.resume .total .line:first-child{
	margin-bottom:5px;
}
.module.resume .seeconditions{
	float: left;
}
.module.resume .seedetails-night{
	float: left;
	clear: left;
	margin-top:5px;
}
/******************
*	resume-panel
*******************/
#resume-panel {
	float: right;
	margin-left: 2%;
    width: 24%;
    position:relative;
}
#resume-panel img{
	display:block;	
}
#resume-panel .banner, #booking-panel .banner{
    margin-bottom:20px;   
}
#resume-panel .banner img,#booking-panel .banner img{
    max-width:296px;
}
#booking-panel .banner{
    text-align:center;
}
#resume-panel .banner a .overlay-offer, #booking-panel .banner a .overlay-offer{
    display:none;   
}
#resume-panel .banner a:hover .overlay-offer, #booking-panel .banner a:hover .overlay-offer{
    display:block; 
}
#resume-panel .banner .overlay-offer:before, #booking-panel .banner .overlay-offer:before {
    clear: both;
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
#resume-panel .banner .overlay-offer, #booking-panel .banner .overlay-offer  {
    background-color: rgba(0, 0, 0, 0.7);
    display: inline-block;
    height: 100%;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 296px;
    z-index: 100;
}
#booking-panel .banner .overlay-offer  {
    max-height:300px;
}
#booking-panel .banner > a {
    display: inline-block;
    text-align: center;
}
#resume-panel .banner .text, #booking-panel .banner .text {
    color: #ffffff;
    display: table;
    height: 100%;
    position: relative;
    text-align: center;
    top: -100%;
    vertical-align: middle;
    width: 100%;
}
#resume-panel .banner .text span, #booking-panel .banner .text span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
#resume-panel .banner, #booking-panel .banner{
    position:relative;  
    overflow:hidden; 
}
#resume-panel .preloader-arrow img{
	display: inline-block;
}
#resume-panel.floating .summary-module-resume, .booking.pnr.floating{
    border:none !important;
    -webkit-box-shadow: -1px 2px 20px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 2px 20px -4px rgba(0,0,0,0.75);
    box-shadow: -1px 2px 20px -4px rgba(0,0,0,0.75); 
}
#resume-panel.floating .summary-module-resume {
    margin-bottom:20px;
}
.module.resume .total .web-ui-btn {
    float: right;
}
.module.resume header .img, .module.resume header .img img{
	max-width:100%;	
}
.module.advertising .text {
	text-align: left;
}
.module.resume .total .tcoin, .module.resume .total .tprice, .module.resume .total .coin, .module.resume .total .price{
	display:inline-block;	
}
.module.resume .total .tcoin{
	font-size:14px;	
}
.module.resume .total .amount-ext-services .tcoin{
    font-size:14px; 
}
.module.resume.top header figure, .web-ui-pop-up .module.resume header figure{
	display:none !important;	
}
/*subtitulos*/
.subsubtitle {	
	margin-bottom: 20px;
}
.subsubtitle.panel-subtitle{
    margin-bottom: 0px;
    padding:1px 8px;
}
.panel-subtitle.web-ui-btn-effect .fa-chevron-right, .panel-subtitle.web-ui-btn-active-effect .fa-chevron-down  {
    width: 25px;
    font-size:18px;
}
.panel-subtitle.web-ui-btn-active-effect .fa-plus, .panel-subtitle.web-ui-btn-effect .fa-chevron-right  {
    display:inline-block;
}
.panel-subtitle.web-ui-btn-active-effect .fa-minus, .panel-subtitle.web-ui-btn-effect .fa-chevron-down {
    display:none;   
}
.panel-subtitle.web-ui-btn-effect .fa-plus, .panel-subtitle.web-ui-btn-active-effect .fa-chevron-right {
    display:none; 
}
.panel-subtitle.web-ui-btn-effect .fa-minus, .panel-subtitle.web-ui-btn-active-effect .fa-chevron-down {
    display:inline-block;   
}

.subsubtitle.panel-subtitle + .web-ui-content-effect{
    padding:10px;   
}
.subsubtitle .web-ui-btn-inner {
	text-align: left;
}
.subsubtitle .web-ui-btn-icon-left .web-ui-btn-inner {
	padding-left: 5px;
}
.subsubtitle .web-ui-btn-icon-left .fa.fa-caret-right{
	padding-right:3px;	
}
.subsubtitle .web-ui-btn-icon-left .web-ui-btn-inner .link2{
	margin-left:10px;
}
h3.title, .pop-up.calendar h3, .pop-up.tooltip h3 {	
    font-size: 0.750em;
    height: 38px;
    line-height: 38px;
    padding-left: 15px;
    text-transform: uppercase;    
}
.add-panel2{
	text-align:center;	
	clear:both;
}
.callmebackpanel2{
    clear: both;   
    margin:25px;
}
#info-popup-buttons {
	padding-top: 10px;
}
/* ///////////////////////////////////////////////////////////////////////// */
/* footer */
#footer {
	text-align: center;
	margin-top:30px;
}
/* --- pre-footer --- */
#footer .pre-footer .main {
	padding: 3em 1em;
}
#footer .pre-footer .main .logo {
	margin: 0 10px; 
}
/* --- legal --- */
#footer .legal .main {
	padding: 2em 1em 4em;
}
#footer .legal .menu, #footer .legal .menu-footer {
	margin: 0 20px;
	text-align: left;
}
#footer .legal .menu .web-ui-subtitle,#footer .legal .menu-footer .web-ui-subtitle  {
	display: block;
	font-size: 0.875em;
	font-weight: normal;
	margin-bottom: 2.5em;
	text-align: left;
	text-transform: uppercase;
}
#footer .legal .menu li, #footer .legal .menu-footer li {
	font-size: 0.750em;
	margin-bottom: 5px;
}
#footer .legal .footeridiso{
    margin: auto;
    max-width: 925px;
}
.idisofooter {
    margin: auto;
    max-width: 1240px;
    padding-top: 9px;
    padding-bottom:7px;
    /*border-bottom:2px solid #6d7376;*/
}
.idisofooter li {
    display: inline-block;
    vertical-align: middle;
}
.idisofooter .logos li {
    display:inline-block;
    vertical-align: bottom;
}
.idisofooter li.copyright {
    width:75%;
}
.idisofooter li.copyright > * {
    display:inline-block;
    vertical-align:bottom;
}
.idisofooter li.up {
    width:24%;
}
.idisofooter .news *{
	display:none !important;	
}
.idisofooter li.copyright {
	text-align:left;
	font-size:0.750em;
}
.idisofooter .idiso-logo{
    margin-right:25px;   
}
.idisofooter li.news {
	width: 50%;
}
.idisofooter li.up{
	font-size:0.750em;
	text-align:right;
	vertical-align:bottom;
}
/*
.idisofooter li.up, .idisofooter li.up > a{
	float:right;
}*/

.idisofooter li.up, .idisofooter li.up > a .fa-stack.fa-lg.normal-arrow {
	padding-bottom:1px;
}
.idisofooter .newsbutton.web-ui-icon {
    background-position: -141px -3px;
    display: inline-block;
    height: 12px;
    line-height: 18px;
    margin-left: 2px;
    width: 12px;
}
.idisofooter li.news * {
	display: inline-block;
    line-height: 18px;
    vertical-align: middle;
}
.idisofooter .web-ui-input-text {
	width:200px;	
}
#footer .legal .footeridiso li{
	display: inline-block;
}
#footer .background-example{
    background-color:#333333;  
    max-width:inherit; 
}
#footer .background-example h2{
   color:#ffffff; 
   font-weight: bold;
}
.background {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    display: table;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 999;
}
.background .text {
    color: #ffffff;
    display: table-cell;
    margin: auto;
    text-align: center;
    vertical-align: middle;
}
.hasbackground{
	overflow: hidden;
}
.legal-advice{
	position:relative;
	margin:20px 0;
	font-size:.75em;	
}
.icon-container{	
	position:relative;	
}
line.hasprice, li.web-ui-line.hasprice.commission {
	border-bottom: 0px;
}
.module.resume li.hasprice.commission .concept {
	text-transform: none;
}
/* ///////////////////////////////////////////////////////////////////////// */
/*******************
*	css para dispositivo tablet
********************/
body.tablet{
	font-size:18px;	
}
body.tablet .module.resume{
	font-size:14px;
}
/*******************
*	media queries
********************/
@media print { 
  #profile-client-panel.change-my-booking{
        width:100% !important;
    }
    #section .main{
        max-width:auto;
    }
    a.link,a.link2,.fa-share,.fa-print,.fa-star,.fa-phone-square,.fa-caret-down, .steps-booking, .breadcrumbs{
        display:none !important;
    }
    #confirmation-panel{
        width:100% !important;
    }
}
@media only screen  and (max-width: 1200px) {
    header .logo-small{
        padding-left:15px;   
    } 
     header .cont-right{
        padding-right:20px;   
    } 
    .company-travel-agency .main > *{
        display:inline-block;   
    }
 }
@media only screen and (min-width: 1020px) and (max-width: 1200px) {
    #resume-panel,.container-advertising {
        width: 28% !important;
    }
    #room-panel,#confirmation-panel,.container-modules,.cancelation-panel, #panel, .client-profile, #profile-client-panel{
        width: 70% !important;
    }
    .booking.pnr .destine{
        width:150px !important;   
    }
}
@media only screen and (max-width: 1019px) {
    header .logo-small{
        padding-left:15px;   
    }        
    #search-panel, .legal-advice, .pagination, #booking-panel{
        width: 100% !important;
    }
	#booking-panel .booking.module {
		float: left;
		margin-bottom: 2%;
		width: 100%;
	}
	.help.module  {
	    width:350px;
	    margin:auto;
	}
	#booking-panel .filter.module {
		float: right;
		margin-bottom: 2%;
		width: 100%;
	}
	#room-panel, #booking-panel { width:100% ; }
	#resume-panel {
		width:100%;
		margin:0px;
	}
	#booking-form-new .content .mode-edition .content .block1 > .location{max-width:50% !important;box-sizing: border-box}
	#booking-form-new .content .mode-edition .content .block1 label{display:block;}
	#booking-form-new .block1 .dates{
	   width:47%;   
	 } 
	 #booking-form-new .content .mode-edition .block2{margin-top:15px !important;}
	 #booking-form-new .content .mode-edition .block2 .room > label, #booking-form-new .content .mode-edition .block2 .age-children > label{display:block; width:100%;}
	 #booking-form-new .content .mode-edition .block2 label{display:block; position:relative !important; top:0px !important;}
	
}
/* max-width: 1024px */
@media only screen  and (max-width: 1019px) {
     header#header-flotant .header-tablet{
        display:block !important;   
    }
	#booking-panel .booking.module {
		float: none;
		margin-bottom: 15px;
		width: 100%;
	}
	.help.module {
	    width:350px;
        margin:auto;
	}
	.help.module.company-travel-agency {
	    width: 100%;
	    margin-bottom:20px;
	}
	#room-panel { width:100%; }
	#resume-panel {
		width:100%;
		margin:0px;
	}
	 #profile-client-panel{width: 100%}
}
/* max-width: 810px */
@media only screen and (max-width: 809px) {
	#booking-panel .filter.module {
		float: none;
		margin-bottom: 15px;
		margin-left: 0;
		width: 100%;
	}
	#resume-panel {
		width:100%;
		margin:0px;
	}
	#booking-form-new .content .mode-edition .content .block1 > .location{max-width:60% !important;}
    #booking-form-new .block1 .dates{
       margin-top:15px;
       clear: left;
       width:50%;   
     } 
}
}