﻿@import "reset.css";
@import "prettyPhoto.css";
@import "supersized.css";
@import "supersized.shutter.css";
@import "jquery.jscrollpane.css";
@import "smoothness/jquery-ui-1.10.0.custom.css";
@import "jplayer.css";
@import "magnific-popup.css";

input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=date]{text-align:center;}
#sugerencia{
    padding: 10;
    border: 1px solid white;
    border-radius: 8px;
    width: 90%;
    font-family: Light;
    font-size: 18px;
    line-height: 20px;
    color: white;
    text-align: center;
    background: #5e0fd82e;
}
#sugerencia a{text-decoration: none;color: inherit;}
.promo {text-align: center; height: 100%;; font-size: 13px; margin-left: 20px;}
/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
  height: 200px;
  width: 300px;
    overflow-y: hidden;
}
#submitContainer {
    text-align: center;
    display: flex;
    justify-content: space-between;
    /* width: 100%; */ 
}
div#submitContainer div {
    width: 50%;
}
.mySlides {display:none;}
/* Next & previous buttons */
.prev, .next {display:none;
  text-decoration:none;
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.textcapt {
  color: #f2f2f2;
  font-size: 15px;
  padding: 9px 0px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.slideactive, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
#resultContactOk {
    padding: 22px;
    font-size: 22px;
    color: #f1dd34;
    text-align: center;
}
#resultContactError {
    padding: 22px;
    font-size: 17px;
    color: #f52727;
    text-align: center;
    line-height: 27px;
}
.tooltip_templates { display: none; }
#tooltipM3 { display: none; }
#submitContainer {text-align:center;}
#pageloader{ display: none;  z-index: 9999;  margin-top: 2px; margin-bottom: 10px; padding-top: 0px; height: 50px;}
#pageloader2 { display: none;  z-index: 9999;  margin-top: 2px; margin-bottom: 10px; padding-left: 10px; height: 50px;}
#pageloader img, #pageloader2 img	{max-width: 55px;}
.icon-list2 img{ width: 26px; margin-right: 5px; margin-top: 12px; z-index: 5000; }
#cantPax{ color: #FFEB3B; font-size: 13px; font-family: Light;}
#cantPax img { padding: 1; padding-left: 2;}
#cantNoches{ color: #FFEB3B; font-size: 14px; font-family: Light; margin-left: 5px; }
#cantPaxNochesHolder{display:flex;min-height: 18px;}
img#tooltipM3 {
    margin-top: 0px!important;
}
#tarifa{color: white; font-size: 13px; font-family: Light; float: left; text-align: center; margin-left:10px;}
#tarifa span{ font-size: 25px; white-space: nowrap; font-weight:bold;}
footer div{ padding-left: 6px; padding-right: 6px;}
#ajax-reservation-form select { height: 30px; padding-bottom: 1px; margin-bottom: 6px; width: 95%; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; /* border: 1px solid #000000; */ padding: 0 4px 0 4px;}
/* input.valid{border: 2px solid green;} */
.logo .txt2{ line-height: 14px; font-family: 'TrajanProBold'; color: #c1a300; letter-spacing: 2px; }
#pichincha, #agendaContent, #circuitosContent, #ferias-rosarioContent, #centros-culturales-rosarioContent, #museos-rosarioContent, #teatros-rosarioContent, #cines-rosarioContent, #paseos-rosarioContent, #rio-playas-rosarioContent, #gastronomia-rosarioContent, #centros-comerciales-rosarioContent, #infancia-rosarioContent, #deportes-rosarioContent, #casino-rosarioContent, #noche-rosarioContent{font-family:Light; font-size:14px;}

#agendaContent a, #circuitosContent a, #ferias-rosarioContent a, #centros-culturales-rosarioContent a, #museos-rosarioContent a, #teatros-rosarioContent a, #cines-rosarioContent a, #paseos-rosarioContent a, #rio-playas-rosarioContent a, #gastronomia-rosarioContent a, #centros-comerciales-rosarioContent a, #infancia-rosarioContent a, #deportes-rosarioContent a, #casino-rosarioContent a, #noche-rosarioContent a{text-decoration:none;}



@media screen and (max-width: 1000px) {
	
#caracteristicas-hab p {font-size:11px;line-height: 13px;}
 #supersized img {left:0!important;
-webkit-animation: 15s fondo infinite linear; 
animation: 15s fondo infinite linear;
-webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
@keyframes fondo {
	100% {
		left: calc(100vw - 134vh); 
		}
	}  /* top1 height * background-image width / background-image height */
    
@-webkit-keyframes fondo {
	100% {
		left: calc(100vw - 134vh); 
		}
	}  /* top1 height * background-image width / background-image height */

@-webkit-keyframes blinker {  
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}
.css3-blink {
  -webkit-animation-name: blinker;  
  -webkit-animation-iteration-count: infinite;  
  -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  -webkit-animation-duration: .7s; 
}			
	
#ferias-rosarioContent img, #casino-rosarioContent img, #centros-comerciales-rosarioContent img, #centros-culturales-rosarioContent img, #cines-rosarioContent img, #deportes-rosarioContent img, #gastronomia-rosarioContent img, #infancia-rosarioContent img, #museos-rosarioContent img, #noche-rosarioContent img, #paseos-rosarioContent img, #rio-playas-rosarioContent img, #teatros-rosarioContent img	{ width: 92%; margin: 10px; border-radius: 8px;}
.icons_txt{display:none;}
	#divCategoria{width:96%;}
#divComments {width:100%;}
#tarifa{ line-height: 23px; margin-left: 10px;}	
#ajax-reservation-form #fechaChIn,#ajax-reservation-form #fechaChOut{
	font-size:14px;
}
.footerForm{min-height:88px}	
.img img{ width: 14px;
-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.logo img#logogarden{width:237px;height:75px;
-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.gal1 { width: 95%; padding-bottom: 21px; float: left; margin-right: 16px; text-align: center;}
.bot1{position: absolute; }
.reservation_wrapper { width: 310px;}
.top1  {  width: 100%;height:124px;background: rgba(0, 0, 0, 0.58);position: fixed;top: 0; z-index: 20;
    background-image: url(../images/fondo-cabecera.png);		
	background-repeat: repeat-x;
	background-size:contain;
	background-position: 0 0;
	-webkit-animation: 8s para infinite linear;
	animation: 8s para infinite linear;
	-webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
	-webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
/* background-image: url(../images/fondo-cabecera.png); */
}
@keyframes para {
	100% {
		background-position: 
			-196.6px ; /* top1 height * background-image width / background-image height */
		}
	}
@keyframes parasmaller {
	100% {
		background-position: 
			-130px ; /* top1 height * background-image width / background-image height */
		}
	}
	@-webkit-keyframes para {
	100% {
		background-position: 
			-196.6px ; /* top1 height * background-image width / background-image height */
		}
	}
@-webkit-keyframes parasmaller {
	100% {
		background-position: 
			-130px ; /* top1 height * background-image width / background-image height */
		}
	}

.menu {  display: none; width: 100%; height: 75px; position: absolute; top: 118px; z-index: 2; text-align: center;} /* none , para probar menu vertical */
.top1_left, .top1_right  , .privacy, .copyright{display:none;}
#menu { display: inline-block; padding-top: 3px; margin-top: 3px; background: rgba(0, 0, 0, 0.75);}
.splash .txt1 { display:block; font-family: 'TrajanProBold'; font-size: 22px; line-height: 29px; color: #fff; padding-bottom: 6px;}
.splash .txt3{display:block; font-family: 'TrajanProBold'; font-size: 16px; line-height: 27px; color: #fff; padding: 10px;}
.splash .txt4{display:block; font-family: 'TrajanProBold'; font-size: 14px; line-height: 30px; color: #fff; padding: 10px;}
.splash .txt2 { display:block; font-size: 12px; line-height: 17px; color: #d0d0d0; padding-bottom: 8px;}
.splash { display: inline-block; width: 83%; padding: 12px; background: rgba(9, 19, 27, 0.63); left: 0; bottom: 10%; position: fixed;   z-index: 4;height:177px;}
.submenu { position: absolute; z-index: 3; top: 32px; left: 4px;}
#ajax-reservation-form input[type="text"], input[type="number"], input[type="email"] , input[type="date"] , input[type="tel"]{ height: 28px; padding-bottom: 1px; margin-bottom: 6px;    width: 95%; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; /* border: 1px solid #000000; */ padding: 0 4px 0 4px; background-color: white;}
.marker2 { float: right; color: #474747; padding: 3px 2px; }
a.jp-unmute { display: none;}
.estadia, .datosPersonales, .datosRva { float: left; width: 47.5%; padding: 3px; padding-bottom: 0px; padding-top: 0px;}
.footerForm{ float: left;  padding: 3px; padding-bottom: 0px; padding-top: 0px;}
#submitContainer {width: 100%;}
#ajax-reservation-form div img {
    max-height: 60px;
    margin-top: 10px;
}
#men3 {width:100%;}
#divMen3, #cuna {width:47.5%; padding-left: 0;}
#ajax-reservation-form input.submit {width: 100%; color: rgba(255,255, 255, 255); height: 50px; border-color: #0b87aa;  font-size: 16px; font-family: 'Light'; background-color: rgb(11, 135, 170); border-radius: 4px;white-space: normal; border: 2px solid white;margin-top: 15px;}
#ajax-reservation-form textarea { resize: none; width: 95%; height: 54px; color: blue; border: none; font-style: italic; background-color: white;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; /* border: 1px solid #000000; */ padding: 0 4px 0 4px;}
header {width: 100%;text-align: center;position: absolute;top:16px;z-index: 2;
-webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}
#content{ width:100%; height:0px; position:relative; overflow:hidden;}
#content > ul > li{width: 100%; position:absolute; left:0; top:0; z-index:1;}
.box{ width:80%; position:relative; padding:135px 10% 100px 10%;}
.col1 { width: initial;}
.col2 { width: initial;}
.col3 { width: initial;}
.col4 { width: initial;}
.img3{max-width: 95%;  min-width: 95%;}
.pad_left6 { padding-left: initial;}
header nav {width:100%;height:200px;left:-100%;margin:0;position: absolute;margin-top:16px;
 -webkit-transition: left 0.3s;
    -moz-transition: left 0.3s;
    -ms-transition: left 0.3s;
    -o-transition: left 0.3s;
    transition: left 0.3s; 
}
.menuabierto {left:0;}
header nav ul li {display:block;float:none;border-bottom: 1px solid rgba(58, 58, 58, 0.97);  box-sizing: border-box;}
.menu_bar {display:block;width:100%;} 
.menu_bar .bt-menu {display:block;padding:0px;color:#fff;text-decoration:none;font-weight: bold;font-size:25px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} 
.menu_bar span {float:right;font-size:31px;z-index: 20; margin-top: -13px; margin-right: 4px; background: url(../images/menu.svg) no-repeat;width: 26px;
    height: 26px; background-size: contain;
/* -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; */
}
header nav ul {overflow:hidden;list-style:none;} 
header nav ul li a {color: #c7c5c5;height: 100%;display: block;text-decoration: none;font-size: 10px;font-family: TrajanProBold;padding-top: 3; box-sizing: border-box;} 
header nav ul li span {margin-right:10px;} 
header nav ul li a:hover {background: #3d75c5;} 
#ajax-reservation-form  label {font-size: 11px;font-family: 'Light';color: white;margin-bottom: -1px; text-transform: uppercase;}
#ajax-reservation-form select {height: 30px; background-color: white; }
.logo .txt2{ font-size:10px;letter-spacing:1px; padding-top: 3px; text-shadow: 3px 1px 7px #e3d5b2; 
-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.call-us{display:block;}	
.tola{display:none;}
#selectTipoHab {float:left; width:77%!important;}
.evento .rubro-evento {float:none;}

.smaller {height: 82px; -webkit-animation: 8s parasmaller infinite linear; animation: 8s parasmaller infinite linear;
-webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
.smaller header  {top: 10px;}
.smaller .img  img {width:9px;}
.smaller header .logo .img img#logogarden {width: 158px; height: 50px;}
.smaller .logo  .txt2 {font-size:10px;letter-spacing:2px;}
.smaller .menu_bar  span {margin-top:7px;}
.smaller header  nav {margin-top: 47px;}
.wob_df {width:33%;}
.rosarioContents a {width: 100%;}
.tabla-salones th {padding: 3px;}
.tabla-salones img { max-width: 30px;}
 span.bot-menuabierto {background: url(../images/close.png) no-repeat; background-size: contain;opacity: 0.9;}
}

@media screen and (max-width: 340px) {
footer div {
    padding-left: 1px;
    padding-right: 1px;
}
}


@media screen and (min-width: 500px) and (max-width: 1000px) and (orientation : landscape){
#caracteristicas-hab p {font-size:13px;line-height: 17px;}
#supersized img {-webkit-animation: none; animation: none;
}	
#ferias-rosarioContent img, #casino-rosarioContent img, #centros-comerciales-rosarioContent img, #centros-culturales-rosarioContent img, #cines-rosarioContent img, #deportes-rosarioContent img, #gastronomia-rosarioContent img, #infancia-rosarioContent img, #museos-rosarioContent img, #noche-rosarioContent img, #paseos-rosarioContent img, #rio-playas-rosarioContent img, #teatros-rosarioContent img	{ float:left; width: 50%; margin: 10px; border-radius: 8px;}	
.icons_txt{display:block;}	
#divCategoria{width:47%;}
#divComments {width:48%;}	
#tarifa{ line-height: 29px; margin-left: 10px;}	
.footerForm{min-height:77px}	
.img img{ width: 9px;}
.logo img#logogarden{width:158px;height:50px;}
.bot1{position: absolute; }
.reservation_wrapper {  width: 90%;}
/* .top1  {  width: 100%;height: 77px;background: rgba(0, 0, 0, 0.58);position: fixed;top: 0; z-index: 20;} */
.top1 { width: 100%; height: 106px; background: rgba(11, 15, 21, 0.65); position: absolute; top: 0; z-index: 20;
    background-image: url(../images/fondo-cabecera.png);		
	background-repeat: repeat-x;
	background-size:contain;
	background-position: 0 0;
	-webkit-animation: 11s para infinite linear;
	animation: 11s para infinite linear;
/* background-image: url(../images/fondo-cabecera.png); */
}
@keyframes para {
	100% {
		background-position: 
			-168px ; /* top1 height * background-image width / background-image height */
		}
	}
@-webkit-keyframes para {
	100% {
		background-position: 
			-168px ; /* top1 height * background-image width / background-image height */
		}
	}	


/* .menu {  display: none; width: 100%; height: 75px; position: absolute; top: 118px; z-index: 2; text-align: center;} /* none , para probar menu vertical */ 
.menu { display: block; height: 37px; position: absolute; top: 71px; z-index: 2; text-align: center;}
.top1_left, .top1_right , .privacy, .copyright{display:none;}
/* #menu { display: inline-block; padding-top: 3px; margin-top: 3px; background: rgba(0, 0, 0, 0.75);} */
#menu { display: inline-block; padding-top: 3px; margin-top: 3px; background: none;}
#menu > li { display: inline-block;height:30px; position:relative; float:left; white-space:nowrap; padding: 0 11px; background: none; }
#menu > li > a .txt1{ font-size:11px;}
/* .splash .txt1 { display:none;}
.splash .txt2 { display:none;} */
.splash { display: inline-block; width: 70%; padding: 12px; background: rgba(9, 19, 27, 0.63); left: 0; bottom: 40px; position: fixed;   z-index: 4;height: 100px;}
/* .submenu { position: absolute; z-index: 3; top: 32px; left: 4px; background: rgba(0, 0, 0, 0.81);} */
.submenu { position: absolute; z-index: 3; top: 28px; left: 4px;}
#ajax-reservation-form input[type="text"], input[type="number"], input[type="email"], input[type="date"], input[type="tel"] { height: 28px; padding-bottom: 1px; margin-bottom: 6px;    width: 95%; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; /* border: 1px solid #000000; */ padding: 0 4px 0 4px; background-color: white;}
.marker2 { float: right; color: #474747; padding: 3px 2px; }
a.jp-unmute { display: none;}
.estadia , .footerForm{ float: left; width: 47.5%; padding: 3px; padding-bottom: 0px; padding-top: 0px;}
.datosPersonales { float: left; width: 19.5%; padding: 3px; padding-bottom: 0px; padding-top: 0px;}
#input-email{width: 33.5%;}
.datosRva { float: left; width: 21.5%; padding: 3px; padding-bottom: 0px; padding-top: 0px;}
#men3 {width:50%;}
#divMen3, #cuna {width:47%;}

#ajax-reservation-form input.submit {width: 100%; color: rgba(255,255, 255, 255); height: 38px; border-color: #0b87aa; margin-top: 5px;    margin-bottom: 5px; font-size: 16px; font-family: 'Light'; background-color: rgb(11, 135, 170); border-radius: 4px;white-space: normal; border:2px solid white;}
#ajax-reservation-form textarea { resize: none; width: 95%; height: 37px; color: blue; border: none; font-style: italic; background-color: white;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; /* border: 1px solid #000000; */ padding: 0 4px 0 4px;}
#ajax-reservation-form  label { font-size: 11px; font-family: 'Light'; color: white;margin-bottom: -1px; text-transform: uppercase;}
#ajax-reservation-form select { height: 24px; background-color:white; }
header { width: 100%; text-align: center; position: absolute; top: 10px; z-index: 2; }
#content{ width:100%; height:0px; position:relative; overflow:hidden;}
#content > ul > li{width: 100%; position:absolute; left:0; top:0; z-index:1;}
.box{ width:80%; position:relative; padding:125px 10% 100px 10%;}
.col1 { width: 60%;}
.col2 { width: 35%;}
.col3 { width: 60%;}
.col4 { width: 35%;}
.img3{max-width: 95%;  min-width: 95%;}
.pad_left6 { padding-left: 5%;}
header nav { width:100%; height:100%;	left:-100%;	margin:0; position: fixed;	margin-top: 24px; -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);}
header nav ul li { display:block;	float:none;	border-bottom: 1px solid rgba(58, 58, 58, 0.97);}
/* .menu_bar { display:block; width:100%; } */
/* .menu_bar .bt-menu {	display:block;	padding:0px; color:#fff; text-decoration:none; font-weight: bold; font-size:25px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;	}  */
/* .menu_bar span {	float:right; font-size:31px; z-index: 20; } */

.menu_bar,.menu-vertical  {display:none;}

header nav ul {	overflow:hidden; list-style:none; }
header nav ul li a { color: #c7c5c5; height: 100%; display: block; text-decoration: none; background: rgba(0, 0, 0, 0.89); font-size: 10px; font-family: TrajanProBold;}
header nav ul li span { margin-right:10px; }
/* header nav ul li a:hover {	background: #3d75c5;} */
.gal1 { width:206px; padding-bottom:20px; float:left; margin-right:18px; }
/* .logo img#logogarden {width: 200px; height: 56px;} */

.logo .txt2{ font-size: 10px; padding-top: 3px; text-shadow: 3px 1px 7px #e3d5b2; }
ul#slide-list { top: 115px!important;}
.tola{display:block;}	
.call-us{display:block;}
#selectTipoHab {float:left; width:73%!important;}
.evento .rubro-evento {float:left;}
.wob_df {width:19%;}
.rosarioContents a {width: 50%;}
.tabla-salones th {padding: 16px;}
.tabla-salones img { max-width: 45px;}
}





@media screen and (min-width: 1000px) {
#caracteristicas-hab p {font-size:13px;line-height: 17px;}
#ferias-rosarioContent img, #casino-rosarioContent img, #centros-comerciales-rosarioContent img, #centros-culturales-rosarioContent img, #cines-rosarioContent img, #deportes-rosarioContent img, #gastronomia-rosarioContent img, #infancia-rosarioContent img, #museos-rosarioContent img, #noche-rosarioContent img, #paseos-rosarioContent img, #rio-playas-rosarioContent img, #teatros-rosarioContent img	{ float:left; width: 50%; margin: 10px; border-radius: 8px;}	
.call-us{display:none;}	
.icons_txt{display:block;}		
.tola{display:block;}	
#divCategoria{width:47%;}
#divComments {width:48%;}		
#tarifa{ line-height: 29px; margin-left:30px;}	
.footerForm{min-height:77px}	
.bot1{position: absolute; }
.menu_bar,.menu-vertical  {display:none;}
/* 	#ajax-reservation-form select {height: 30px;}
#ajax-reservation-form  label {font-size: small;font-family: 'TrajanProRegular';color: rgb(0, 0, 0);} */
.reservation_wrapper { width: 800px;}
#ajax-reservation-form input[type="text"], input[type="number"], input[type="email"], input[type="date"], input[type="tel"] { height: 33px; padding-bottom: 1px; margin-bottom: 6px;    width: 95%; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; /* border: 1px solid #000000; */ padding: 0 4px 0 4px; background-color: white;}
.estadia , .footerForm{ float: left; width: 47.5%; padding: 3px; padding-bottom: 0px; padding-top: 0px;}
.datosPersonales { float: left; width: 19.5%; padding: 3px; padding-bottom: 0px; padding-top: 0px;}
#input-email{width: 33.5%;}
.datosRva { float: left; width: 18.5%; padding: 3px; padding-bottom: 0px; padding-top: 0px;}
#men3 {width:45%;}
#divMen3, #cuna {width:47%;}
#ajax-reservation-form input.submit { color: rgba(255,255, 255, 255);display:inline; height: 48px; border-color: #0b87aa; margin-top: 15px;    margin-bottom: 5px; font-size: 16px; font-family: 'Light'; background-color: rgb(11, 135, 170); border-radius: 4px; white-space: normal;border: 2px solid white;margin-right:3px;padding: 3px;}
#ajax-reservation-form div#submitContainer img {
    max-height: 60px;
    margin-top: 10px;
}
#ajax-reservation-form textarea { resize: none; width: 95%; height: 37px; color: blue; border: none; font-style: italic; background-color: white;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; /* border: 1px solid #000000; */ padding: 0 4px 0 4px;}
#ajax-reservation-form  label {font-size: 11px;font-family: 'Light';color: white; margin-bottom: -1px; text-transform: uppercase;}
#ajax-reservation-form select {height: 25px; background-color:white;}
input#but-permiso-covid.submit{background:red;color:white; }
.top1{width: 100%; height: 152px;background: rgba(11, 15, 21, 0.65); position: fixed; left: 50%; margin-left: -50%; top: 0; z-index: 20;
    background-image: url(../images/fondo-cabecera.png);		
	background-repeat: repeat-x;
	background-size:contain;
	background-position: 0 0;
	-webkit-animation: 16s para infinite linear;
	animation: 16s para infinite linear;
/* background-image: url(../images/fondo-cabecera.png); */
} /*antes era width 1600px y margin-left: -800px */
@keyframes para {
	100% {
		background-position: 
			-241px ; /* top1 height * background-image width / background-image height */
		}
	}
@-webkit-keyframes para {
	100% {
		background-position: 
			-241px ; /* top1 height * background-image width / background-image height */
		}
	}	


.menu { display:block; width: 70%; height: 46px; position: absolute; left: 15%; top: 106px; z-index: 2; text-align: center; } /*antes era width 1000px y left 300px */
#menu { display:inline-block; padding-top: 14px;}
.splash{display: inline-block; width: 380px; padding: 40px; background: rgba(9, 19, 27, 0.63); position: fixed; left: 0; bottom: 17%; z-index: 4;height:177px;}
.splash .txt1{display:block; font-family: 'TrajanProBold'; font-size: 32px; line-height: 37px; color: #fff; padding-bottom: 10px;}
.splash .txt3{display:block; font-family: 'TrajanProBold'; font-size: 20px; line-height: 30px; color: #fff; padding: 10px;}
.splash .txt4{display:block; font-family: 'TrajanProBold'; font-size: 17px; line-height: 30px; color: #fff; padding: 10px;}
.splash .txt2{display:block; font-size: 13px; line-height: 18px; color: #d0d0d0; padding-bottom: 10px;}
.submenu{ position:absolute; z-index:1; top:32px; left:0px; background: url(../images/submenu.png) 0 0 repeat-x; }
 /*  #ajax-reservation-form input[type="text"] , input[type="number"], input[type="email"] {height: 30px;padding-bottom: 1px;margin-bottom: 5px;width: 95%;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;border: 1px solid #000000;padding: 0 4px 0 4px;}
#ajax-reservation-form input.submit{width: 95%;color: rgba(255,255, 255, 255);height: 40px;border-color: #0b87aa;margin-top: 10px;margin-bottom: 20px;font-size: large;font-family: 'TrajanProRegular';background-color: rgb(11, 135, 170);border-radius: 18px;}
#ajax-reservation-form textarea{resize: none;width: 95%;height: 66px;color: blue;border: none;font-style: italic;background-color: white;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;border: 1px solid #000000;padding: 0 4px 0 4px;} */
.marker2{ float: right; color: #474747; padding: 0 10px;}
a.jp-unmute { display: block;}
header{width: 60%;text-align: center; position: absolute; left: 20%; top: 10px; z-index: 2;}	 /*antes era width 1000px y left 300px */
#content{ width:1000px; height:0px; position:relative; overflow:hidden;}
#content > ul > li{width: 1000px; position:absolute; left:0; top:0; z-index:1;}
.box{ width:880px; position:relative; padding:220px 60px 100px 60px;}

.col1{ width:520px;}
.col2{ width:300px;}
.col3{ width:360px;}
.col4{ width:460px;}
.gal1 { width:206px; padding-bottom:20px; float:left; margin-right:18px; }
.logo img#logogarden {width: 204px; height: 66px;}
.logo .txt2{ font-size: 14px; padding-top: 14px; text-shadow: 1px 1px 7px #98958e;}
.pad_left6{ padding-left:60px;}
#menu > li { display: inline-block;height:30px; position:relative; float:left; white-space:nowrap; padding: 0 20px; background: url(../images/marker1.png) 0 0 no-repeat; }	
#menu > li > a .txt1{ font-size:14px;}
#selectTipoHab {float:left; width:77%!important;}
.evento .rubro-evento {float:left;}
.wob_df {width:14%;}
.rosarioContents a {width: 50%;}
.tabla-salones th {padding: 16px;}
.tabla-salones img { max-width: 45px;}
}
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.centrado {float:center; text-align:center;}
.clear {clear:both;}
.table {display:table;}
.wrapper {width:100%; overflow:hidden;}
.relative {position:relative;}
.absolute {position:absolute;}

/* Global properties ======================================================== */
body, html {height:100%;}
.splash{text-shadow: 1px 1px black;}
#imgcontacto {width:80%; max-width:240px;}
.eventoHolder { max-width: 700px;}
.evento div span{ font-size: 15px; }
.evento div img{ width: 110px; float: left; margin:10px; margin-top: 0px; }
.evento div p{ font-size: 14px; margin-top: 0px; text-align: justify; color: white;}
.evento .fecha-evento {float:left; padding:7px; background: rgba(82, 125, 224, 0.78); color: white; border-top-left-radius: 8px; font-family: TruenoRegular; margin-right: 5px; margin-bottom:5px;}
.evento .rubro-evento { padding-right:10px; padding-top: 8px; padding: 7; margin-bottom: 5px;}
.evento .rubro-evento span{font-size: 11px; font-style: italic;}    
.evento .titulo-evento h2{ padding: 0px 0 0px 0; line-height: 29px; font-size: 19px; padding-top: 5;}
.evento .titulo-evento { text-align:center;/*  display: table; */}
.evento .img-evento { margin-top: -9px;}
.lugar-evento p img {width: 24px; float: none; margin: 0;}
.divisor-evento {border-bottom: 1px solid rgba(255, 255, 255, 0.31);}
.descripcion-evento p{ margin-top: 0px;}
.lugar-evento p {font-weight: bold; font-size: 16px!important;}
.lugar-evento p span {font-weight: normal;}
.lugar-evento p {display: table;margin-top: 5px!important;}
.lugar-evento p span {display: table-cell;}
.nombre-lugar, .horario-evento {padding-left: 10px;line-height: 15px;}
.domicilio-lugar {line-height: 15px;}
.domicilio-lugar span {display: table-cell;line-height: 15px;}
.link-lugar-evento a {text-decoration: none; background: rgba(17, 105, 241, 0.83); padding: 5px; border-radius: 6px; margin-left: 10px;}
.link-lugar-evento a span {font-size: 11px;color: #fbf8f8;font-weight: bolder;white-space: nowrap;}

.menu-icon {width: 36px; height: 36px; padding-top: 9px; opacity: 0.7;}
.ul-vertical-list-item{display:none;}
.desplegable{margin-left:10px; margin-right:0; opacity:0.25;}

.vertical-list-item-whit-ul a span img{-webkit-transition: -webkit-transform .4s ease-in-out; transition:transform .4s ease-in-out;}

.abierto {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.vertical-list-item-whit-ul  a{ padding-left: 44px;}

.previewHolder{display:none; float: left;background: white; width: 50px; height: 31px; border-style: solid; border-width: 1px;    border-color: black; border-radius: 5px; margin-left: 6px; margin-top: -2px;}
.previewHolder a img{width: 44px; height: 25px; border-radius: 4px; margin: 2px; border: 1px solid rgba(0, 0, 0, 0.78);}

/* sombra en el logo: */
 /* .logo img#logogarden {-webkit-filter: drop-shadow(-10px -2px 4px rgba(0, 0, 0, 0.57));filter: drop-shadow(-10px -2px 4px rgba(0, 0, 0, 0.57));} */    
.clima-container { font-family: arial,sans-serif; color: white; font-size: 16px; width: 95%; max-width: 650px;padding: 13px; margin-left: auto; margin-right: auto;}
.clima-container a {color: white;}
.vk_gy { display:inline-block;padding-right:5px;}
.imagenclima { margin:1px 4px 0;height:48px;width:48px; }
#climaholder a {color: rgba(242, 244, 245, 0.72);text-decoration: none; font-size: 13px;}
#climaholder a img {height: 24px; width: 24px; margin-top: 6px; opacity: 0.7;}
.wob_df { display:inline-block;line-height:1;text-align:center;-webkit-transition-duration:200ms,200ms,200ms;-webkit-transition-property:background-image,border,font-weight;font-weight:13px;height:90px;}
.hhh { font-weight:normal; line-height:15px; font-size:13px;}
.gic { margin-bottom:-1px;padding:0;padding-bottom:1px; overflow: hidden;}
#wob_tci{float: left;height: 64px; width: 64px;}
.error{display: none; margin-left: 10px;}				
.error_show{color: red;	margin-left: 10px;}		
/* #ajax-reservation-form  input.invalid{border: 1px solid red;}	 */

input , select, textarea{
	font-family: 'Light';
}
body{
    
   background:#000; border:0; font: 12px Arial, Helvetica, sans-serif; color:#e8e4e4 ; line-height:18px; /*min-width:1000px;*/ position:relative; overflow:hidden;}

.spinner{ position:absolute; z-index:99; background:url(../images/loader.gif) 50% 50% no-repeat #000; width:100%; height:100%; top:0; left:0}

.extra {min-height:100%; height:auto !important; height:100%; width:0px; position:absolute; left:50%; margin-left: -500px; top:0; z-index:10; background: rgba(13, 25, 37, 0.95); /* background: url(../images/content_bg.png); */ overflow: hidden;}


.top1_left{position: fixed;left: 39px; margin-top:-181px; z-index: 1000; color: rgba(247, 246, 241, 0.82); font-family: TruenoRegular; font-size: 16px;}
.top1_left img {width: 19px; margin-right: 5;opacity:0.9;}
.top1_right{width: 1000px; height: 181px; background: url(../images/top1_px2.png) 0 0 repeat-x; position: absolute; right: -1000px; top: 0; z-index: -1;}


.logo { display:inline-block;text-decoration:none;  }
.logo .img{display: inline-block;}
.logo div#stars.img {position:absolute; margin-left: 6px;}


.logo .txt1{ font-size: 30px; line-height: 30px; font-family: 'TrajanProBold'; color: #dddddd; letter-spacing: 6px; text-transform: uppercase; text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5); padding-top: 5px;}




.button0{display: inline-block; height: 20px; line-height: 20px; font-family: 'Georgia'; font-size:14px; color: #fff; font-style: italic; background: url(../images/button0.png) right 5px no-repeat; text-decoration:underline;margin-top: 5px; margin-bottom: 5px; padding-right: 30px; 
-moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; 
}
.button0:hover{ text-decoration: none; padding-right: 40px; }

.close2{ display:block; width:18px; height:18px; position:absolute; right:10px; top:10px; z-index:5;}
.close2 span{ display:block; width:100%; height:100%; background:url(../images/close2.png) center center no-repeat; }



.bot1{width: 100%; height: 37px; left: 0; bottom: 0; z-index: 30;}
footer{width: 100%; height: 37px; /* background: url(../images/footer.jpg) 0 0 repeat-x; */background: rgba(0, 0, 0, 0.78); position: relative; z-index: 9; font-family: 'TrajanProRegular'; font-size: 10px; line-height: 37px; color: #aaaaaa; background: -webkit-linear-gradient(rgb(6, 6, 6), rgba(8, 8, 8, 0.79)); background: -o-linear-gradient(rgb(6, 6, 6), rgba(8, 8, 8, 0.79)); background: -moz-linear-gradient(rgb(6, 6, 6), rgba(8, 8, 8, 0.79)); background: linear-gradient(rgb(6, 6, 6), rgba(8, 8, 8, 0.79));}
.icons { float:right; padding-top:6px; padding-right:10px;}
.icons > li { display:inline-block; padding:0 2px;position:relative;}
.icons > li > a{display:block; width:100%; height:30px;}
.icons_txt{float: right; padding-right: 10px; }

.tola{float: right;}
.privacy{text-decoration: none; float: right; color: #aaaaaa;}
.privacy:hover{color: #fff;}
.copyright{float: right;}
.call-us{float: right;}
.contact-us{float: right;}
.call-us a img {height: 22px; padding: 4px; opacity: 0.5; padding-top:7px;}
.contact-us a img {height: 24px; padding: 4px; opacity: 0.6; padding-top:6px;}
.contact-us a:hover img {opacity: 0.9;}
.call-us a:hover img {opacity: 0.9;}


.bot2{width: 100%;  padding-top: 6px;  background: #313233;/* background:#898989 url(../images/bot2.jpg) center top repeat-y; */ position: relative; z-index: 40;}
.reservation_wrapper{ margin-left: 20%; top: 15px;padding-bottom: 6px; margin-left: auto; margin-right: auto;}
.reservation_but{display: inline-block; height: 42px; background: rgb(17, 89, 142); position: absolute; left: 25px; top: -5px; z-index: 10; cursor: pointer;border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px;}
.reservation_but .over{position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; background: rgb(81, 126, 158);border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px;}
.reservation_but .txt1{position: relative; z-index: 2; text-align: center; font-family: 'TrajanProBold'; font-size: 13px; line-height: 42px; color: #fff; padding: 1px 31px 0px 11px; }
.reservation_but span{background: url(../images/arrow-up.png) no-repeat; width: 13px; height: 13px;position: absolute; margin: 13px 0px 0px 7px; background-size: contain;opacity: 0.9;}
.active .txt1 span {background: url(../images/arrow-down.png) no-repeat; background-size: contain;}
/* ============================= main menu ====================== */




#menu > li:first-child{background: none;}
#menu > li > a{display: inline-block; height:100%; text-decoration:none; position:relative; z-index: 2; }
#menu > li > a .txt1{ display:block; position: relative; width:100%; height:100%; left:0px; top:0px; z-index:5;font-family:'TrajanProRegular';  line-height:30px; color: #d0cbcb; text-decoration:none;  
-moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; 
}
#menu > li > a .over1{display: block; width: 100%; height: 2px; position: absolute;left: 0;bottom: 2px; background: none;
-moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; 
}
#menu > li > a:hover .txt1{color: #fff;}
#menu > li > a:hover .over1{background: #fff;}
#menu > li.active > a .txt1{color: #fff;}
#menu > li.sfHover > a .txt1{color: #fff;}
#menu > li.sfHover > a .over1{background: #fff;}




.submenu > ul{ padding:10px 0;  background: rgba(0, 0, 0, 0.81); }
.submenu ul > li{ display:block; width:100%; height:23px; position:relative; text-align:left;}
.submenu ul > li > a{ display:block;height:100%;line-height:23px; text-decoration:none; position: relative; font-family:'TrajanProRegular';font-size:12px; color:#8b8b8b; white-space:nowrap; padding:0 20px; 
-moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; 
}
.submenu ul > li > a:hover { color:#fff; text-decoration:none; }




/* ============================= main layout ====================== */





#contacto .box{padding-bottom: 180px;}

.close{ display:block; width:18px; height:18px; position:absolute; right:15px; top:160px; z-index:30;}
.close span{ display:block; width:100%; height:100%; background:url(../images/close2.png) center center no-repeat;  }



.col0,.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12   { float:left;}
.col0 { width:1px; background:#131314; margin-left:29px; margin-right:30px; margin-top:20px;}
.pad_left1{ padding-left:10px;}
.pad_left2{ padding-left:20px;}
.pad_left3{ padding-left:30px;}
.pad_left4{ padding-left:40px;}
.pad_left5{ padding-left:50px;}

.pad_left50{ padding-left:60px;}




a{ color:#37a0fa; text-decoration: none; outline:none}
a:hover{ text-decoration: none}

h2{ font-family:'TrajanProRegular'; font-size:21px; color:#d2d2d2; line-height:28px; padding:15px 0 15px 0;  }
.h3{ font-family:'Georgia';font-weight:normal; font-style: italic; font-size:15px; color:#b6b6b6; line-height:23px; padding-bottom: 10px;  }


.color1{ color:#fff;}
.color2{ color:#ffae00;}

.text { padding:0 0 5px; display: block;}

.line1 { height:1px; background:#4a4a4a; margin:15px 0;}

.radius1{border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

.border1 { border:1px solid #393939;}
.border2 {padding: 8px; background: #252525;}



.img1 {margin-bottom:20px;margin-right:20px;}
.img2 {margin-right:20px; }
.img3 {margin-bottom:15px;}

.button2{display: inline-block; height: 30px; line-height: 40px; padding-left: 50px; font-family: 'TrajanProRegular'; font-size:15px; color: #fff; background: url(../images/button2.png) 0 0 no-repeat; text-decoration: underline;margin-top: 10px; margin-bottom: 5px; margin-left: 20px; }

.about1{width: 263px; float: left; padding-bottom: 10px; margin-right: 45px;}
.about1.last{margin-right: 0;}

.button1{display: inline-block; height: 37px; line-height: 37px; padding: 0 25px; font-family: 'TrajanProRegular'; font-size:15px; color: #b9c4dd;background: url(../images/button1.jpg) left top repeat-x; text-decoration: none;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-top: 5px; margin-bottom: 5px; }
.button1:hover{color: #fff; background-position: bottom; }

.date1{ font-family: 'Georgia';font-size: 16px; line-height: 22px;  font-style: italic; padding-bottom: 10px;}
.date1 .txt1{ font-weight: bold; font-size: 20px;} 

.ul1{ margin-bottom:0px;}
.ul1 > li { line-height:30px; }
.ul1 > li a{ display:block; height:100%; text-decoration:none; color:#b6b6b6; padding-left:25px; background: url(../images/li_st1.png) 0 8px no-repeat; font-size: 16px;
-moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; 
}
.ul1 > li a:hover{ text-decoration:none; color:#fff; background-position: 10px 8px;}


.gal1.last { margin-right:0px; }
.gal1 .txt{ font-weight: bold; font-family: 'Georgia'; line-height: 23px; font-size: 14px; font-style: italic;}
.photozoom1 img, .salones img{border-radius: 8px;  width:188px; height:136px;}
.photozoom{ text-align: center;}
.photozoom img{border-radius: 8px;  max-width:70%;}
.photo1 {width:206px; height:154px; margin-bottom:15px;}
.photo1 a img {border:1px solid #393939;padding: 8px; background: #252525;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
-moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; }
.photo1 a:hover img{background: #f4f4f4;}



.google_map_wrapper{width: 95%; height: 35vh;border:1px solid #393939; padding: 8px;background: #252525;margin-bottom:20px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

.google_map{ width: 100%; height: 100%; border-radius:0px; background: #fff; position:relative; overflow:hidden;  }




/*===================== jScrollPane =====================*/

.scroll-pane{width: 100%; height:481px; overflow: auto;}


/*================= reservation =========================*/

#reservation_note{ padding-top: 5px;  }
.reservation_notification_error{ color:#8b0000; margin-bottom:5px;font-size: 11px; line-height: 16px; }
.reservation_notification_ok{ text-align: center; font-size: 14px; font-family: 'Light'; font-style: italic; color: #383838; padding-left: 20px; padding-right: 20px; padding-top: 15px;} 

.reservation_more{display: inline-block; height: 37px; line-height: 37px; padding: 0 15px; font-family: 'TrajanProRegular'; font-size:14px; color: #fafbfd; background: rgb(17, 89, 142); text-decoration: none;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;margin-top: 0px; font-style: normal; }
.reservation_more:hover{color: #fff; background-position: bottom; }


/* #ajax-reservation-form label{height: 20px; line-height:20px; color:#545454;font-size: 11px; padding-left: 0px;} */
/* #ajax-reservation-form label .red{display: inline-block; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #8b0000; padding-right: 5px; margin-top: -5px;} */

/* #ajax-reservation-form textarea{ background: #e9e9e9; border: 1px solid #bdbdbd; margin-bottom:5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-family:"Times New Roman"; font-size:14px; color: #4a4a4a;-moz-box-shadow: inset 2px 2px 5px #f0f0f0; -webkit-box-shadow: inset 2px 2px  5px #f0f0f0; box-shadow: inset 2px 2px 5px #f0f0f0;  } */
/* #ajax-reservation-form input{ width:150px; padding-left: 10px; height:31px; background: #e9e9e9; border: 1px solid #bdbdbd; margin-bottom:5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-family:"Times New Roman"; font-size:14px; color: #4a4a4a;-moz-box-shadow: inset 2px 2px 5px #f0f0f0; -webkit-box-shadow: inset 2px 2px  5px #f0f0f0; box-shadow: inset 2px 2px 5px #f0f0f0;  } */
/* #ajax-reservation-form input.name{width: 120px;} */
/* #ajax-reservation-form input.phone{width: 90px;} */
/* #ajax-reservation-form input.email{width: 120px;} */
/* #ajax-reservation-form input.datepicker{background:#e9e9e9 url(../images/calendar_ic.png) right center no-repeat; width: 120px;} */
/* #ajax-reservation-form input.nights{width: 40px; text-align: center; padding-left: 0;} */

/* #ajax-reservation-form input:focus{border-color:#656565; } */

/* #ajax-reservation-form select { height:31px; border: 1px solid #bdbdbd; border-top-color: #CCC; font-size: 1em; padding: 5px 5px; -moz-box-shadow: inset 2px 2px 5px #f0f0f0; -webkit-box-shadow: inset 2px 2px  5px #f0f0f0; box-shadow: inset 2px 2px 5px #f0f0f0; font-family:"Times New Roman"; font-size:14px; color: #4a4a4a;margin-bottom:5px;background: #e9e9e9;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} */
/* #ajax-reservation-form select.select1{width: 120px;} */
/* #ajax-reservation-form select.select2{width: 50px;} */
/* #ajax-reservation-form select.select3{width: 50px;} */

/* #ajax-reservation-form input.submit{display: inline-block; height: 37px; width:100%; line-height: 37px; padding: 0 15px; font-family: 'TrajanProRegular'; font-size:14px; color: #c0c2c5; background: url(../images/reservation_submit.jpg) left top repeat-x; text-decoration: none;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;margin-top: 0px; font-style: normal; } */
/* #ajax-reservation-form input.submit:hover{ color: #fff; background-position:bottom;} */



#ajax-reservation-form input, label { display:block; font-size: initial;}

#notiOk , #notierror{ font-size: 18px; line-height: 28px; text-align: center; color:white;}
#resOtra, #reintentar {margin-top: 10px; text-align: center;}
textarea { resize: none; padding-left:10px; padding-top:10px;}

/*================= Contacts =========================*/

#note{ width:880px; font-size: 14px;}
.notification_error{ color:#f00; margin-bottom:5px }
.notification_ok{ text-align: center;} 

#ajax-contact-form label{float:left; width: 130px; line-height:31px; color:#b6b6b6; font-size: 14px;}
#ajax-contact-form label.c{ margin-top:5px;}

#ajax-contact-form input{ float:left; width:75%; padding-left: 10px; height:37px; background: #121212; border: 1px solid #504e4c; margin-bottom:5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;font-family: Arial, Helvetica, sans-serif;  font-size:14px; color: #fff;}
#ajax-contact-form input:focus{border-color:#b7b7b7; }

#ajax-contact-form textarea{ float:left; width:95%; height:110px; padding-left: 10px; background: #121212; border: 1px solid #504e4c; margin-bottom:5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-family: Arial, Helvetica, sans-serif; font-size:14px; color: #fff;}
#ajax-contact-form textarea:focus{border-color:#b7b7b7; }

#ajax-contact-form img{float:left; width:120px; height:50px; margin-top:5px; margin-left:10px;}

#ajax-contact-form input.capthca{ float:left; width:133px; margin-top:5px; margin-right:10px;}

#ajax-contact-form input.submit{ width:145px; height:37px; cursor:pointer; border:none; margin:5px 0 0 0px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; box-shadow: none; padding: 0; background: #1e489c; font-size: 17px;font-family: Light; }
#ajax-contact-form input.submit:hover{ background-position:bottom;}


/* Styles for dialog window */
#small-dialog {
	/*background: white;*/
	/* padding: 20px 30px; */
	text-align: left;
	max-width: 400px;
	width:340px;
	margin: 40px auto;
	position: relative;
	-moz-border-radius: 14px; 
	-webkit-border-radius: 14px;
	border-radius: 14px;
    overflow: hidden;
}


/**
 * Fade-zoom animation for first dialog
 */

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;

	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 



	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;

	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 

	opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}

.ul-vertical-list-item a{background: rgba(83, 90, 101, 0.93);padding: 8px; color: #f3f0f0; font-family: TrajanProRegular;}

.container { 
  width: 25%;
  height: 89px;
  position: relative;
  perspective: 800px;
  float:left;
  border: 1px solid rgba(53, 61, 84, 0.97);
  box-sizing: border-box;
  display: table;
  border-collapse: collapse;
}
.card {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.5s; 
  -moz-transition: transform 0.5s; 
  -ms-transition: transform 0.5s; 
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
}
.card figure  {
  margin: 0;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  text-align: center;
}
.front {
  background: rgba(0, 0, 0, 0.77);
  /* background: rgba(4, 21, 35, 0.94); */
}
.back {
  -webkit-transform: rotateY( 180deg );
  -moz-transform: rotateY( 180deg );
  -ms-transform: rotateY( 180deg ); 
  -o-transform: rotateY( 180deg ); 
  transform: rotateY( 180deg );
  background: rgba(93, 87, 87, 0.9);
}
.flipped{
  -webkit-transform: rotateY( 180deg );
  -moz-transform: rotateY( 180deg );
  -ms-transform: rotateY( 180deg ); 
  -o-transform: rotateY( 180deg );
  transform: rotateY( 180deg );
}
.flipped img{opacity:1;}
.submenuv a{font-family: TrajanProRegular; color: white;}

.img-conoce-rosario{float: left; width: calc(50% - 6px); max-width:214px; border-radius:4px; margin:3px;filter: grayscale(30%);}
.img-conoce-rosario:hover{filter:brightness(140%);filter: grayscale(0%) brightness(110%);}

 .rosarioContents a {padding: 68px 50px 8px 16px; display: table; box-sizing: border-box;text-decoration: none; color: white; font-family: TruenoRegular; font-size: 17px; border: 1px solid #bdbdbd;-webkit-transition: padding-left 0.3s; -moz-transition: padding-left 0.3s; -ms-transition: padding-left 0.3s; -o-transition: padding-left 0.3s;   transition: padding-left 0.3s;}
 .rosarioContents a:hover { padding-left: 35px; filter: saturate(120%) brightness(140%);color: #dddfe2;}
 #caracteristicas-hab {position: absolute;top: 20px; font-size: 17px; line-height: 100%; padding: 10px; color: white;}
 
 #caracteristicas-hab p{margin-left:-120%;
	 -webkit-transition: margin-left 0.3s;
    -moz-transition: margin-left 0.3s;
    -ms-transition: margin-left 0.3s;
    -o-transition: margin-left 0.3s;
 transition: margin-left 0.3s;
 text-shadow: 1px 1px 2px black;
    font-family: TruenoLite;}
 .mfp-figure figure {overflow:hidden;}
 .positioned {margin-left:0px!important;}
 .car-list img {width:16px;}
 
 .tabla-salones img { width: 100%;}
 .tabla-salones th, .tabla-salones td {vertical-align:middle;}
 .tabla-salones th {height: 40px; width:13%; background:#979066; color:white;}
 .tabla-salones td{border: 1px solid black;height:40px; padding: 4px;}
 .tabla-salones td:first-child:hover {background: white;}
 .tabla-salones a{text-decoration: none; color: inherit;}
 .tabla-salones td img{width: calc(7px + 1vw); max-width: 18px; padding: 1px; padding-left: 2px; filter: invert(); opacity: 0.6;}
 .tabla-salones {border:1px solid black; border-collapse:collapse; font-size:calc(9px + 0.7vw); text-align:center;background: rgba(255, 255, 255, 0.7); color: black; font-family: TruenoLite;}

.tooltipster-content {text-align:center;}
 
/* Generated by Font Squirrel (http://www.fontsquirrel.com)  */

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

}

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

}
@font-face {
    font-family: 'TruenoRegular';
        src: url('TruenoRegular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
      }
@font-face {
    font-family: 'TruenoLite';
        src: url('TruenoLite.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
      }	  
@font-face {
    font-family: 'Advent';
        src: url('AdventPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
      }	  
@font-face {
    font-family: 'light';
    src: url('fonts/font-light.eot');
    src: url('fonts/font-light.woff2') format('woff2'),
         url('fonts/font-light.woff') format('woff'),
         url('fonts/font-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
} 
 div#leyenda-tarifa {
    border: 1px dashed;
    padding: 5;
    max-width: 350px;
    text-align: center;
    border-radius: 8px;
	line-height: 13px;
}
input#solicitarRvaBut:hover {
  transform: scale(1.05);
  transition: transform 0.1s ease-out;
}	  