@charset "utf-8";
@import url('fonts.css');
@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:100,400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700);

body {font-family:"Roboto", Lucida Sans Unicode, Lucida Grande, sans-serif; font-size:13px; font-weight:400; color:#4f5858; background:url(../images/background.jpg) repeat-x left top;}

.content-ticket {font-family: "Roboto Slab", Lucida Sans Unicode, Lucida Grande, sans-serif; font-size:13px; font-weight:400;}
.content-ticket h2 {font-family: 'LeagueGothic-Regular'; color:#40494c; font-size:40px;}
.content-ticket h4 {font-family: 'Roboto Slab'; color:#40494c; font-size:20px;}

#triggerReserv { display:none;}
.overlay { background:rgba(64, 73,76, 0.5); width:100%; height:100%; position:fixed; top:0; left:0; z-index:300;}
.cargando { width:350px; height:90px; position:fixed; margin:auto; top:0; right:0; bottom:0; left:0; color:#FFF; text-align:center; z-index:400; font-size:18px; text-shadow:1px 1px 1px #000;}

/* Anchors
---------------------------------------------------*/
h1 {font-family: 'LeagueGothic-Regular'; color:#40494c; font-size:36px; text-transform:uppercase; margin:0 0 5px 0; font-weight:300; line-height:36px;}
h1 span {color:#b2b6b6;}
h2 {}
h3 {}
p {margin:0 0 15px 0; line-height:17px;}
a:focus { outline:none;}
a{ text-decoration:none;}
a:hover {}

/* Font Hacks
---------------------------------------------------*/
.font-09{ font-size:9px; } .font-10{ font-size:10px; } .font-11{ font-size:11px; } .font-12{ font-size:12px; } .font-14{ font-size:14px; } .font-16{ font-size:16px; } .font-18{ font-size:18px; } .font-20{ font-size:20px; } .font-21{ font-size:21px; } .font-22{ font-size:22px; } .font-24{ font-size:24px; } .font-25 { font-size:25px;} .font-26{ font-size:26px; } .font-27{ font-size:27px;} .font-28{ font-size:28px; } .font-30{ font-size:30px; } .font-31{ font-size:31px; } .font-32{ font-size:32px; } .font-34{ font-size:34px; } .font-36{ font-size:36px; } .font-48{ font-size:48px; } .font-72{ font-size:72px; } .font-80{ font-size:80px; } .font-48{ font-size:48px;}

.text-left { text-align:left;}
.text-center { text-align:center;}
.text-rigt { text-align:right;}
.text-justify, .text-justify p { text-align:justify;}
.float-izq{ float:left; }
.float-right{ float:right; }

.roboto-slab {font-family:'Roboto Slab'; font-weight:400;}

.imgcenter {margin:auto!important;}

/* Wrapper
---------------------------------------------------*/
#intro { background:url(../images/intro.jpg) no-repeat center 150px #FFF; position:fixed; top:0; left:0; width:100%; height:100%; z-index:999;  font-family: "Roboto Slab";}
.intro-logos { display:block; text-align:center; margin:50px 0 0 0;}
.intro-logos img {display:block; margin:0 auto 70px;}
.intro-logos span { display:block; text-align:center; padding:10px; color:#FFF; text-transform:uppercase; background:rgba(0,0,0,0.4); border:solid 1px #FFF; width:70%; margin:auto;  font-family: "Roboto Slab";}
.chapala { margin:0 0 0 37px;}
.intro-footer { position:absolute; width:100%; text-align:center; left:0; bottom:0; padding:50px; color:#000;}
.intro-footer h1 {font-family: "Roboto Slab"; letter-spacing:6px; font-size:24px; color:#40494c; font-weight:700; margin:0 0 10px;}
.intro-footer p { font-size:18px;}
.intro-footer span { height:1px; width:30px; background-color:#000; margin:20px auto; display:block;}
.intro-footer small { text-transform:uppercase; font-size:12px; color:#40494c; letter-spacing:2px;}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
#intro { background:url(../images/intro.jpg) no-repeat center 50px #FFF;}	
.intro-footer { position:inherit;}
.intro-logos {margin:20px 0 0 0;}
.intro-logos img {margin:0 auto 20px;}
.intro-logos span {width:100%;}
.chapala { margin:0 0 0 0;}
.intro-footer { padding:20px; color:#FFF;}
.intro-footer h1, .intro-footer p, .intro-footer small { color:#FFF;}
}

.logo { display:block; margin:0 auto 15px; text-align:center; padding:0 5px;}
.logo img { display:inline; position:relative; margin:auto;}
.sidebar { background-color:#40494c; display:block; padding:35px 0;
-webkit-border-bottom-right-radius: 150px;
-webkit-border-bottom-left-radius: 150px;
-moz-border-radius-bottomright: 150px;
-moz-border-radius-bottomleft: 150px;
border-bottom-right-radius: 150px;
border-bottom-left-radius: 150px;
}
.slogan { font-family:'Roboto Slab'; font-weight:400; margin:35px 0; text-align:center; color:#fff; display:block; font-size:18px; border-top:solid 1px #4f5858; padding-top:15px;}
.slogan span { display:block; color:#96cb55;}

#header { padding-top:13px; height: 128px; margin: 0 0 25px;} 
.menu {margin: 0; padding: 45px 0 0 !important;}
.menu li {color:#40494c; font-weight:700;}
.menu li a { display:block; color:#40494c; font-size:13px; font-family:"Roboto Slab"; font-weight:400; text-transform:uppercase; margin:0;
-webkit-transition: all 0.3s ease 0s; 
-o-transition: all 0.3s ease 0s; 	
transition: all 0.3s ease 0s;
}
.menu li a:hover, .menu li.current a {color:#fff;}
.triggermenu {font-family:'Roboto Slab'; font-weight:700; background-color:#96cb55; color:#40494c; display:block; width:100%; margin:15px 0 0; padding:15px; font-size:18px;}
.social { margin:0;}
.social a { display:block; width:30px; height:30px; color:#FFF; text-align:center; line-height:30px;
-wenkit-border-radius:35px;
-moz-border-radius:35px;
border-radius:35px;
}
.social a i {line-height:30px; color:#FFF; font-size:18px;}
.facebook { background-color:#3c5a99;}
.twitter { background-color:#5b8ec8;}
.telefono {font-family:'Roboto Slab'; font-weight:400; color:#40494c; text-align:center; font-size:14px; padding:8px; margin-top: 20px; border:solid 1px #40494c;}
.telefono span { display:block; font-size:20px;}
.telefono:hover {color:#000; background-color:#FFF;}

.slider { margin-bottom:0;}
.box { margin-bottom:15px;}
.box.servicios { background-color:#40494c; padding:20px;}
.box.servicios .cont {border:solid 1px #6e7575; display:block; text-align:center; position:relative;}
.box.servicios .cont img { margin:auto;}
.box.servicios .cont .title {font-family: 'LeagueGothic-Regular'; font-size:18px; background-color:#40494c; display:inline-block; padding:5px 10px; position:absolute; top:-15px; color:#999e9e; text-transform:uppercase; font-size:18px; width:100px; left: 50%;   margin-left: -50px;}
.owl-servicios { padding:20px 0 7px; color:#FFF;}
.servicios .owl-pagination { position:absolute; background-color:#40494c; bottom:-11px; left: 30%;}

.module { padding:14px;}
.module.reservas {color:#FFF;}
#reservacion h4 {font-family: 'LeagueGothic-Regular'; color:#b2b6b6; font-weight:100; display:block; margin:0 0 5px; text-transform:uppercase; font-size: 15px;} 
.calendar { border:none; background:url(../images/calendario.png) no-repeat left top transparent; width:29px; height:29px; text-indent:-99999px; cursor:pointer; float:right;}
.inputDate { background-color:#2d3436; color:#FFF; border:solid 1px #4f5858; height:31px; line-height:31px; padding: 0; text-align:center;
-wenkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.inpDia { width:24%;}
.inpMes { width:24%;}
.inpAno { width:29%;}

.my-select { background-color:#898f8f; color:#2d3436; border:solid 1px #2d3436; font-family: 'LeagueGothic-Regular'; text-transform:uppercase; padding:5px; font-size:15px; height: 30px; line-height: 18px;
-wenkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.my-select input {color:#FFF; border:none; background-color:transparent; float:right; width:35px; font-size:18px;}
#reservacion .submit {font-family: 'LeagueGothic-Regular'; width:80%;  background-color:#96cb55; font-size:30px; text-transform:uppercase; color:#40494c; display:block; text-align:center; line-height:65px; display:block; margin:15px auto 0; border:none;
-wenkit-border-radius:70px;
-moz-border-radius:70px;
border-radius:70px;
}
#reservacion .submit:hover {background-color:#FFF;  color:#40494c;}

#make-reserve {font-family: 'LeagueGothic-Regular'; letter-spacing:2px; padding:7px 35px; background-color:#94cc4d; color:#FFF; font-size:30px; text-transform:uppercase; border:none;
-wenkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

.paso { display:block; margin:0 0 25px 0;}

.input { margin-bottom:10px!important; }
.input input, .input textarea {text-align:left!important;}
.errorRoom {display: block; margin: 0 0 25px 0; font-weight: bold;}

/* Roms 
---------------------------------------------------*/
.rom { display:block; position: relative;}
.rom .price {font-family: 'LeagueGothic-Regular'; background-color:#96cb55; color:#FFF; width:85px; height:85px; text-align:center; line-height:85px; position:absolute; top:-20px; right:0; z-index:100; font-size:42px;
-wenkit-border-radius:90px;
-moz-border-radius:90px;
border-radius:90px;
-webkit-transition: all 0.3s ease 0s; 
-o-transition: all 0.3s ease 0s; 	
transition: all 0.3s ease 0s;
}
.rom:hover .price {
-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1);
	transform:scale(1.1, 1.1);	
}
.rom .price span.moneda { font-size:30px;}
.rom .price span.asterisc { font-size:20px; position:absolute; top:-8px; right:8px;}
.rom small { display:block; text-align:right; margin:10px 0; color:#4f5858;}
.separator { display:block; width:100%; position:relative; margin:25px 0 15px; text-align:center;}
.separator hr {height:1px; background-color:#d3d5d5; position:absolute; z-index:0; display:block; width:100%; border:none; top: 9px; left:0;}
.separator h1 { background-color:#FFF; padding:0 10px; display:inline-block; text-align:center; margin:auto; position:relative; z-index:10;}


/* Servicios 
--------------------------------------------------*/
.servicios { font-size:15px; font-family:'Roboto Slab'; font-weight:400; color:#40494c;}
.servicio { margin-bottom:30px; text-align:center;}
.servicio img { margin:0 auto 5px; display:block;}

.intbanner { display:block; margin:0 0 20px 0;}

.servicio-2 { border:solid 2px #eceded; width:215px; height:215px; text-align:center; color:#40494c; font-family:'Roboto Slab'; font-weight:700; margin:0 auto 25px;
-wenkit-border-radius:150px;
-moz-border-radius:150px;
border-radius:150px;
}
.servicio-2 img { margin:20px auto 5px; display:block;}

.spa-service {margin:0 0 15px;}
.spa-service p {margin:0 0 3px; font-size:13px; font-family:'Roboto';}
.spa-service p b {text-transform:uppercase; font-size:16px; font-family:'Roboto'; }
.spa-service .price {background:#e9eaea; padding:5px; display:inline-block;font-family:'Roboto'; margin: 0 0 3px;}

.green-box {color:#FFF; background-color:#96d42c; font-family: 'LeagueGothic-Regular'; font-size:35px; padding:15px 0; text-transform:uppercase; margin:0 0 30px;}
.paquete {}
.paquete h1 {color:#96d42c; font-family: 'LeagueGothic-Regular'; font-size:30px; text-transform:uppercase; margin:15px 0;}
.paquete .costo {border:1px solid #96d42c; padding:7px 10px; display:inline-block; margin:0 auto; font-weight:800;}

/* Contacto 
--------------------------------------------------*/
.forma { border:solid 1px #d3d5d5; margin:25px 0; background-color:#eceded; padding:35px;}
.forma input, .forma textarea { background-color:#fff; border:solid 1px #b2b6b6; padding:12px; display:block; width:100%; color:#40494c; margin-bottom:12px;
-wenkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-transition: all 0.3s ease 0s; 
-o-transition: all 0.3s ease 0s; 	
transition: all 0.3s ease 0s;
}
.forma .submit { width:190px; background-color:#96cb55; border:none; color:#FFF; text-transform:uppercase; font-size:36px; font-family: 'LeagueGothic-Regular'; letter-spacing:5px; margin: auto; display:block; padding:5px 12px;
-wenkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
label.error { display:none!important;}
.forma input.error, .forma textarea.error { background-color:#e78f8f;}
.forma input.valid, .forma textarea.valid { background-color:#bbe78f;}

.gale { display:block; margin-bottom:15px;}

.validate label.error { display:block !important; color:#f00; font-size:11px; font-weight:300;}



/* Footer
---------------------------------------------------*/
#footer { background-color:#d3d5d5; color:#4f5858; padding:30px 15px 30px 55px; margin:15px 0 30px;
-webkit-border-bottom-right-radius: 80px;
-webkit-border-bottom-left-radius: 80px;
-moz-border-radius-bottomright: 80px;
-moz-border-radius-bottomleft: 80px;
border-bottom-right-radius: 80px;
border-bottom-left-radius: 80px;
}
#footer .fimage { text-align:right;}
#footer .fimage img {display: inline;}


/* Large desktop */
@media (min-width: 1200px) {
.menu li a {font-size:15px;}
.servicio {text-align:left;}
.servicio img { margin-right:5px; display:inline;}
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
#header {height:auto; }
.menu { display:none; padding:0!important;}
.menu li { display:block!important; float:none; padding:0!important;}
.menu li a { display:block; padding:8px; background-color:#40494c; color:#FFF;}
.menu li a:hover { background-color:#9bce5e;}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
#header {height:auto; }
.menu { display:none; padding:0!important;}
.menu li { display:block!important; float:none; padding:0!important;}
.menu li a { display:block; padding:8px; background-color:#40494c; color:#FFF;}
.menu li a:hover { background-color:#9bce5e;}

.content-ticket table { width:100% !important;}
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
#header {height:auto; }
.menu { display:none; padding:0!important;}
.menu li { display:block!important; float:none; padding:0!important;}
.menu li a { display:block; padding:8px; background-color:#40494c; color:#FFF;}
.menu li a:hover { background-color:#9bce5e;}

.content-ticket table { width:100% !important;}
}


/* start hover effect
---------------------------------------------------*/
.trans {
-webkit-transition: all 0.3s ease 0s; 
-o-transition: all 0.3s ease 0s; 	
transition: all 0.3s ease 0s;
}

/*rotate*/
.rotate{
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.rotate:hover {
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}
/*rotate*/

/*expand*/
.expand
{
	-webkit-transition:all 300ms;
	-o-transition:all 300ms;
	transition:all 300ms;
}

.expand:hover
{
	-webkit-transform:scale(1.05, 1.05);
	-o-transform:scale(1.05, 1.05);
	transform:scale(1.05, 1.05);
}
/*expand*/

/*opacity*/
.opacity{
opacity: 1;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transition: opacity;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
}
.opacity:hover{
opacity: 0.8;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transition: opacity;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
}
/*opacity*/
/*end hover effect*/


/* CLEARING
---------------------------------------------------*/
.clearfix:after {content: "."; display:block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {clear: both;}