:root{
    --verde:#00A149;
    --blanco:#fff;
    --rojo:#881014;
    --oscuro:#000;
    --titulos:'Arima Madurai',cursive;
    --parrafos:'Mulish', sans-serif;
}
html{
    box-sizing: border-box;
}
body{
    overflow-x: hidden;
}

h1,h2{
    font-family: var(--titulos);
}
h3, p, a{
    font-family: var(--parrafos);
}

img{
    max-width: 100%;
}

body{font-size:100%;background:#fff}@media only screen and (max-width:600px){body{font-size:70%}}a{text-decoration:none}ul,ul ul{margin:0;padding:0;list-style:none}#wraper{width:100%;margin:0 auto;font-size:.8125em}.menu{width:auto;height:auto;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.73),0 0 18px 0 rgba(0,0,0,.1);-moz-box-shadow:0 1px 3px 0 rgba(0,0,0,.73),0 0 18px 0 rgba(0,0,0,.1);box-shadow:0 1px 3px 0 rgba(0,0,0,.73),0 0 18px 0 rgba(0,0,0,.1)}.menu>li>a{background-color:#000;background-image:-webkit-gradient(linear,left top,left bottom,from(rgb(255,255,255)),to(rgb(150,201,174)));background-image:-webkit-linear-gradient(top,rgb(255,255,255),rgb(255,255,255));background-image:-moz-linear-gradient(top,rgb(255,255,255),rgb(255,255,255));background-image:-o-linear-gradient(top,rgb(255,255,255),rgb(255,255,255));background-image:-ms-linear-gradient(top,rgb(255,255,255),rgb(255,255,255));background-image:linear-gradient(top,rgb(255,255,255),rgb(255,255,255));filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#727a86',EndColorStr='#505864');border-bottom:0 solid #33373d;-webkit-box-shadow:inset 0 1px 0 0 #878e98;-moz-box-shadow:inset 0 1px 0 0 #878e98;box-shadow:inset 0 1px 0 0 #878e98;width:100%;height:2.8em;line-height:2.8em;text-indent:7.9em;display:block;position:relative;font-family:arial,Arial,Helvetica,sans-serif;font-weight:600;color:#404040;font-size:1em;text-shadow:0 0 0 #000}.menu ul li a{background:#fff;border-bottom:1px solid #efeff0;width:100%;height:2.8em;line-height:2.8em;text-indent:3.75em;display:block;position:relative;font-family:arial,Arial,Helvetica,sans-serif;font-size:1em;font-weight:500;color:#789}.menu ul li:last-child a{border-bottom:1px solid #33373d}.menu>li>a:hover,.menu>li>a.active{background-color:#35afe3;background-image:-webkit-gradient(linear,left top,left bottom,from(rgb(150,201,174)),to(rgb(150,201,174)));background-image:-webkit-linear-gradient(top,rgb(150,201,174),rgb(150,201,174));background-image:-moz-linear-gradient(top,rgb(150,201,174),rgb(150,201,174));background-image:-o-linear-gradient(top,rgb(150,201,174),rgb(150,201,174));background-image:-ms-linear-gradient(top,rgb(150,201,174),rgb(150,201,174));background-image:linear-gradient(top,rgb(150,201,174),rgb(150,201,174));filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#606060',EndColorStr='#202020');border-bottom:1px solid #404040;-webkit-box-shadow:inset 0 1px 0 0 #404040;-moz-box-shadow:inset 0 1px 0 0 #404040;box-shadow:inset 0 1px 0 0 #404040}.menu>li>a.active{border-bottom:0 solid #404040}.menu>li>a:before{content:'';background-image:url(sprite.png);background-repeat:no-repeat;font-size:36px;height:1em;width:1em;position:absolute;left:55;top:50%;margin:-.5em 0 0}@media only screen and (max-width:600px){.menu>li>a:before{left:30}}.LC>a:before{background-position:-75px -720px}.VEN>a:before{background-position:-38px -725px}.COL>a:before{background-position:0 0}.MEX>a:before{background-position:-38px 0}.ES>a:before{background-position:0 -38px}.PE>a:before{background-position:-38px -38px}.CAT>a:before{background-position:0 -685px}.ENG>a:before{background-position:-76px 0}.FRA>a:before{background-position:-76px -38px}.USA>a:before{background-position:0 -76px}.JA>a:before{background-position:-38px -76px}.IT>a:before{background-position:0 -114px}.BRA>a:before{background-position:-38px -114px}.ALE>a:before{background-position:-76px -76px}.POR>a:before{background-position:-76px -114px}.CH>a:before{background-position:0 -152px}.ECUA>a:before{background-position:-38px -152px}.URU>a:before{background-position:0 -190px}.EURO>a:before{background-position:-38px -190px}.AR>a:before{background-position:-76px -152px}.AMERICA>a:before{background-position:-76px -190px}.INDY>a:before{background-position:0 -228px}.NBA>a:before{background-position:-38px -228px}.CHA>a:before{background-position:0 -266px}.UFC>a:before{background-position:-38px -266px}.MOTOGP>a:before{background-position:-76px -228px}.F1>a:before{background-position:-76px -266px}.FIFA>a:before{background-position:0 -306px}.MMA>a:before{background-position:-38px -304px}.WWE>a:before{background-position:0 -342px}.FUT>a:before{background-position:-38px -342px}.SUD>a:before{background-position:-76px -304px}.CICLI>a:before{background-position:-76px -342px}.LIB>a:before{background-position:0 -380px}.EUROAMERICANA>a:before{background-position:-38px -380px}.BAS>a:before{background-position:0 -418px}.TE>a:before{background-position:-38px -418px}.BOX>a:before{background-position:-76px -380px}.UE>a:before{background-position:-76px -418px}.ELIE>a:before{background-position:0 -456px}.UEC>a:before{background-position:-38px -456px}.NFL>a:before{background-position:-76px -456px}.ELI>a:before{background-position:0 -494px}.ORO>a:before{background-position:-38px -494px}.INTER>a:before{background-position:-76px -494px}.ELICON>a:before{background-position:0 -532px}.VOLEY>a:before{background-position:-38px -532px}.RUG>a:before{background-position:-76px -532px}.NAT>a:before{background-position:0 -570px}.MLB>a:before{background-position:-38px -570px}.CON>a:before{background-position:-76px -570px}.PAR>a:before{background-position:0 -608px}.HOL>a:before{background-position:-38px -608px}.CONGOLD>a:before{background-position:0px -723px}.CONNAT>a:before{background-position:-73px -687px}.ARA>a:before{background-position:-37px -687px}.BOL>a:before{background-position:-76px -608px}.PARA>a:before{background-position:0 -646px}.OLY>a:before{background-position:0 -646px;}.SUPERCUP>a:before{background-position:-38px -646px}.NONE3>a:before{background-position:-76px -646px}.REC>a:before{background-position:-74 -645px}.menu>li>a span{font-size:.95em;display:inline-block;position:absolute;left:.3em;top:50%;background:#fff;line-height:1em;height:1em;padding:.3em .6em;margin:-.8em 0 0;color:#222d36;text-indent:0;text-align:center;-webkit-border-radius:.769em;-moz-border-radius:.769em;border-radius:.569em;-webkit-box-shadow:inset 0 1px 3px 0 rgba(0,0,0,.16),0 1px 0 0 rgba(63,68,74,.1);-moz-box-shadow:inset 0 1px 3px 0 rgba(0,0,0,.16),0 1px 0 0 rgba(63,68,74,.1);box-shadow:inset 0 1px 3px 0 rgba(0,0,0,.16),0 1px 0 0 rgba(63,68,74,.1);text-shadow:0 1px 0 rgba(0,0,0,.5);font-weight:500}.menu>li>a:hover span,.menu>li a.active span{background:404040}.menu>li>ul li a:before{content:'►';font-size:9px;color:#789;position:absolute;width:1em;height:1em;top:0;left:-2.7em}.menu>li>ul li:hover a,.menu>li>ul li:hover a span,.menu>li>ul li:hover a:before{color:#2e9afe}.menu ul>li>a span{font-size:.857em;display:inline-block;position:absolute;right:1em;top:50%;/background:#fff;border:1px solid #d0d0d3;line-height:1em;height:1em;padding:.4em .7em;margin:-.9em 0 0;color:#000;text-indent:0;text-align:center;-webkit-border-radius:.769em;-moz-border-radius:769em;border-radius:769em;text-shadow:0px 0px 0px rgba(255,255,255,.01)); } div.sombreada_css3 { background-color:#0b8043; width:100%px; padding:12px; color:#002399; box-shadow:0px 1px 1px #333; -webkit-box-shadow:0px 1px 1px #333; -moz-box-shadow:0px 1px 1px #333; }}
/*-------- Page head --------*/
.box_booking {
-webkit-box-shadow: 0px 7px 25px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 7px 25px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 7px 25px 0px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
margin-bottom: 25px;
background-color: #fff;
}
.box_booking .head {
text-align: center;
padding: 20px;
}
.box_booking .head h3 {
font-size: 24px;
font-size: 1.5rem;
margin: 0;
}
.box_booking .head small {
display: block;
}
.box_booking .main {
padding: 0 25px 25px 25px;
}
.box_booking .main #datepicker_field {
display: none;
}
.box_booking .form-group {
margin: 0 0 10px 0;
}
.box_booking textarea {
height: 130px;
}
.box_booking a.close_panel_mobile {
position: absolute;
right: 10px;
top: 0;
color: #333;
font-size: 26px;
font-size: 1.625rem;
display: none;
}
@media (max-width: 767px) {
.box_booking.mobile_fixed {
display: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
position: fixed;
overflow-y: scroll;
border: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 999999;
background-color: #fff;
}
.box_booking.mobile_fixed .head {
padding: 10px 20px 10px 20px;
position: relative;
}
.box_booking.mobile_fixed .head h3 {
font-size: 18px;
font-size: 1.125rem;
text-transform: uppercase;
}
.box_booking.mobile_fixed .head .offer {
display: none;
}
.box_booking.mobile_fixed .head a.close_panel_mobile {
display: inline-block;
}
.box_booking.mobile_fixed .main {
padding-bottom: 50px;
}
.box_booking.mobile_fixed .btn_1_mobile {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
padding: 5px;
background-color: #fff;
border-top: 1px solid #ededed;
z-index: 9999999;
}
.box_booking.mobile_fixed .btn_1_mobile .text-center {
display: none;
}
}
/*-------- Fixed Booking Panel--------*/
.box_booking a.close_panel_mobile {
position: absolute;
right: 10px;
top: 0;
color: #333;
font-size: 26px;
font-size: 1.625rem;
display: none;
}
@media (max-width: 767px) {
.box_booking.mobile_fixed {
display: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
position: fixed;
overflow-y: scroll;
border: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 999999;
background-color: #fff;
}
.box_booking.mobile_fixed .head {
padding: 10px 20px 10px 20px;
position: relative;
}
.box_booking.mobile_fixed .head h3 {
font-size: 18px;
font-size: 1.125rem;
text-transform: uppercase;
}
.box_booking.mobile_fixed .head .offer {
display: none;
}
.box_booking.mobile_fixed .head a.close_panel_mobile {
display: inline-block;
}
.box_booking.mobile_fixed .main {
padding-bottom: 50px;
}
.box_booking.mobile_fixed .btn_1_mobile {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
padding: 10px;
background-color: #fff;
border-top: 1px solid #ededed;
z-index: 9999999;
}
.box_booking.mobile_fixed .btn_1_mobile .text-center {
display: none;
}
}
.btn_reserve_fixed {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
padding: 10px;
background-color: #fff;
border-top: 1px solid #ededed;
display: none;
z-index: 9;
}
@media (max-width: 767px) {
.btn_reserve_fixed {
display: block;
}
}
/*-------- 3.2 Buttons --------*/
a.btn_1,
.btn_1 {
border: none;
background: #48ae69;
outline: none;
cursor: pointer;
display: inline-block;
text-decoration: none;
padding: 10px 20px;
color: #fff;
font-weight: 600;
text-align: center;
font-size: 14px;
font-size: 0.875rem;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
line-height: normal;
}
a.btn_1:focus,
.btn_1:focus {
outline: none;
}
a.btn_1:hover,
.btn_1:hover {
background: #373737;
}
a.btn_1.full-width,
.btn_1.full-width {
display: block;
width: 100%;
text-align: center;
}
a.btn_1.full-width.booking,
.btn_1.full-width.booking {
padding: 15px;
background-color: #085999;
}
a.btn_1.full-width.booking:hover,
.btn_1.full-width.booking:hover {
background-color: #373737;
}
/*-------- 3.3 Misc --------*/
.box_general {
background-color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
margin-bottom: 25px;
-webkit-box-shadow: 0px 7px 25px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 7px 25px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 7px 25px 0px rgba(0, 0, 0, 0.1);
}
.box_general.padding {
padding: 25px;
}