html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
*,:after,:before{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}

.mActive,a,a:hover{text-decoration:none}
body,h1{font-weight:300}
body,html{margin:0;height:100%;overflow:hidden}
body{padding:0;font-family:Lato,sans-serif;font-size:14px;color:#333;background:#fff;text-align:justify}
p{margin-top:0}
p:last-child{margin-bottom:0}
a{color:#069}
.mActive,a:hover{color:#666}
a,a:active,a:focus,a:hover{outline:0}
h1,h2,h3,h4{text-align:left;margin:0;padding:0;line-height:normal}
h1{font-family:Lato,serif;font-size:30px;color:#069}
h2{font-size:20px;font-weight:400;color:#333;padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid rgba(0,0,0,.4)}
h4{font-size:24px;font-weight:300;color:#666}
em,i{font-weight:400italic;color:#ccc}
img{max-width:100%;height:auto}
form{width:100%;overflow:hidden}
input,textarea{font-family:Lato,sans-serif;border:1px solid #ccc;background:0 0;font-size:14px;color:#666;margin:3px 3px 8px 0;padding:3px;resize:none;outline:0}
input.button,label{font-size:10px;font-weight:400;text-transform:uppercase}
input:focus,textarea:focus{border:1px solid #069;color:#333}
.inpString,textarea{width:100%}
.inpShort{width:100%}
.inpNumber{width:25%;text-align:right}
label{color:#666;display:block}
label.desc{display:inline}
input.button{border:none;background:#069;color:#fff;padding:6px 10px 5px;cursor:pointer;float:right}
input.button:hover{background:#fff;color:#000}
input.button:active{color:#fff}
.error{color:red}
.inperr{border:1px solid #f05b7e}
.securitycode{color:#f05b7e;font-weight:700}
.clr{clear:both;line-height:1px}
.frmL{float:left;width:48%;margin-right:4%}
.frmR{float:right;width:48%}

/*------------------------------Heading & Menu-------------------------*/
#logo,#menubox{position:fixed;left:0;z-index:9000}
#logo{top:0;height:115px;width:250px;background-image:url(../images/logo-villa-mayana.png)}
#logo.logohid{opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);}
#menubtn{display:none}
#menubox{top:115px;width:250px;line-height:normal;font-weight:400;text-align:left;text-transform:uppercase;padding:40px 30px;background:rgba(0,0,0,.6)}
#menubox.menuhid{left:-250px}
#menubox a{color:#fff;line-height:normal;text-decoration:none;padding:6px 0 7px;display:block}
#menubox a.mGreen{color:#6c0}
#menubox a.mActive,#menubox a:hover{color:#0cf}

/*------------------------------Content-------------------------*/
#hidecon,#showcon{position:absolute;top:0;overflow:hidden;background-repeat:no-repeat;background-position:center center;border-left:1px solid rgba(0,0,0,.2);cursor:pointer}
#container,#showconT{position:fixed;top:115px}
#hidecon,#showcon,#showconT{cursor:pointer}
#container{right:50px;width:450px;background:rgba(255,255,255,.9);border-left:5px solid #0cf}
#container.conhid{right:-450px}
#container.calendar{width:380px}
#container.calendar.conhid{right:-380px}
#titlebox{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(0,0,0,.4)}
#content{padding:50px}
#hidecon{right:0;height:30px;width:30px;background-image:url(../images/bt-close-2.png)}
#hidecon:hover{background-image:url(../images/bt-close-2-over.png)}
#showcon{right:-42px;height:34px;width:42px;background-image:url(../images/bt-close-1.png)}
#showcon:hover{background-image:url(../images/bt-close-1-over.png)}
#showconT{left:-250px;width:190px;line-height:normal;font-weight:400;text-transform:uppercase;padding:40px 30px;background:rgba(0,0,0,0);color:#0cf}
#showconT.showbox{left:0}
#textcon{height:100%;padding-right:25px;margin-right:-25px;outline:0;overflow:auto}
iframe{width:100%;height:100%;max-width:100%;min-height:200px;}

/*------------------------------listing-------------------------*/
#content ul li:first-child,.listtable th{font-weight:400;text-transform:uppercase}
.listtable{width:100%;margin-bottom:25px;border-collapse:collapse}
.listtable th:first-child{text-align:left;padding:7px 0;width:100px}
.listtable td:first-child{text-align:left;text-transform:uppercase;padding:9px 0;width:100px;font-size:.8em;color:#ccc}
.listtable td,.listtable th{line-height:normal;padding:7px}
.listtable th{color:#fff;border-bottom:1px solid #ccc}
.listtable td{text-align:right;border-bottom:1px solid #666;vertical-align:top;color:#fff}
#content ul{padding:0;margin:0 0 20px;list-style:none;line-height:normal}
#content ul li{padding:7px 0;list-style:none;border-bottom:1px solid #e5e5e5}
#content ul li:first-child{color:#fff;border-bottom:1px solid #90896c}

@media (max-width:800px){
div#container {
    right:30px;
}
}

@media (max-width:767px){
div#container {
    right:0;
}
}

@media (max-width:720px){
#menubox,#menubox.menuhid{left:-100%}
#textcon,body,html{overflow:auto;height:auto}
#logo,#menubox{position:absolute;width:100%}
#logo.logohid{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100)}
#menubox{background:rgba(0,0,0,.8)}
#menubox.show{left:0}
#menubtn{position:absolute;margin-left:0;left:0;top:125px;display:block;width:40px;height:100px;cursor:pointer;background-image:url(../images/bt-menu.png);z-index:9001;opacity:.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70)}
#menubtn.close{margin-left:100%;left:-40px;background-image:url(../images/bt-menu-close.png);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100)}
#container{position:relative;top:auto;width:100%;border-left:none;border-top:5px solid #0cf}
#container.conhid{right:auto}
#container.calendar{width:auto}
#container.calendar.conhid{right:auto}
#hidecon,#showcon,#showconT,#showconT.showbox{display:none}
#textcon{width:100%;padding-right:0;margin-right:0}
}

@media (max-width:640px){
#content{padding:50px 30px}
}

@media (max-width:480px){
#content{padding:50px 20px}
}

@media (min-width:992px){
#container.calendar{width:590px}
#container.calendar.conhid{right:-590px}
}

@media (min-width:1224px){
#container.calendar{width:830px}
#container.calendar.conhid{right:-830px}
}

@media (min-width:1470px){
#container.calendar{width:1070px}
#container.calendar.conhid{right:-1070px}
}

@media (min-width:1710px){
#container.calendar{width:1310px}
#container.calendar.conhid{right:-1310px}
}

@media (min-width:1920px){
#container.calendar{width:1550px}
#container.calendar.conhid{right:-1550px}
}
/*------------------------------transition/bg-------------------------*/
#logo,#menubtn{background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
#logo,#logo.logohid,
#menubox,#menubox.menuhid,
#container,#container.conhid,
#showconT,#showconT.showbox,
#menubtn,#menubtn.close{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}