﻿/*GLOBAL*/

body { margin: 0; padding: 0; }

h1 { margin: 0 0 20px 0; }
h2 { margin: 0 0 10px 0; }
h3, h4 { margin: 0 0 5px 0; }
h5, h6 { margin: 0; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }
h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline; }

p { margin: 0 0 20px 0; }
ul { margin: 0 0 20px 15px; padding: 0 0 0 15px; }
img, table, td, th, hr { border: none; }
label, a { cursor: pointer; }

input[type='text'], input[type='email'], input[type='password'], input[type='tel'], input[type='date'], input[type='datetime'], select, textarea { outline: none; }
input[type='submit'], input[type='button'] { cursor: pointer; -webkit-appearance: none; }
.select { -webkit-appearance: none; }

iframe { max-width: 100%; }

.rc { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.ds { -moz-box-shadow: 0 0 10px rgba(0,0,0,0.8); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.8); box-shadow: 0 0 10px rgba(0,0,0,0.8); }

.op25p { opacity: 0.25; }
.op50p { opacity: 0.5; }
.op75p { opacity: 0.75; }

.bgw { background-color: white; }
.bgb { background-color: black; }

/*CONTENT*/

.Social a { width: 64px; height: 64px; display: block; float: left; background-repeat: no-repeat; }
.Social a.Facebook { background-image: url(/images/facebook.png); }
.Social a.FacebookB { background-image: url(/images/facebookb.png); }
.Social a.Twitter { background-image: url(/images/twitter.png); }
.Social a.TwitterB { background-image: url(/images/twitterb.png); }
.Social a.Pinterest { background-image: url(/images/pinterest.png); }
.Social a.PinterestB { background-image: url(/images/pinterestb.png); }
.Social a.Instagram { background-image: url(/images/instagram.png); }
.Social a.InstagramB { background-image: url(/images/instagramb.png); }
.Social a.GooglePlus { background-image: url(/images/googleplus.png); }
.Social a.GooglePlusB { background-image: url(/images/googleplusb.png); }
.Social a.YouTube { background-image: url(/images/youtube.png); }
.Social a.YouTubeB { background-image: url(/images/youtubeb.png); }
.Social a.TripAdvisor { background-image: url(/images/tripadvisor.png); }
.Social a.TripAdvisorB { background-image: url(/images/tripadvisorb.png); }

.DateBox { width: 50px; height: 50px; background: #999999; text-align: center; padding: 5px; }
.DateBox span { display: block;	text-transform: uppercase; color: white; }
.DateBox span.Month { margin-bottom: 3px; }
.DateBox span.DayEnding { display: inline-block; vertical-align: middle; }

.InfoMsg, .SuccessMsg, .WarningMsg, .ErrorMsg { display: inline-block; margin: 0; padding: 8px 10px 8px 32px; border-radius: 5px; background-size: 24px 24px; background-repeat: no-repeat; background-position: 5px 12px; }
.InfoMsg { background-color: rgba(0, 97, 162, 0.35); color: #0061a2; background-image: url(//code.scurto.net/images/icons/reflection/black35p/information-2.png); }
.SuccessMsg { background-color: rgba(0, 162, 97, 0.35); color: #00a261; background-image: url(//code.scurto.net/images/icons/reflection/black35p/button-check.png); }
.WarningMsg { background-color: rgba(179, 179, 23, 0.35); color: #b3b317; background-image: url(//code.scurto.net/images/icons/reflection/black35p/exclamation-2.png); }
.ErrorMsg { background-color: rgba(179, 32, 23, 0.35); color: #b32017; background-image: url(//code.scurto.net/images/icons/reflection/black35p/button-delete.png); }

.Hidden { display: none; }
.Invisible { visibility: hidden; }

.Star, .StarH, .StarN { width: 17px; height: 17px; display: inline-block; }
.StarB, .StarBH, .StarBN { width: 27px; height: 27px; display: inline-block; }

.Star, .StarB { background: url(/images/star.png) no-repeat; }
.StarH, .StarBH { background: url(/images/starh.png) no-repeat; }
.StarN, .StarBN { background: url(/images/starn.png) no-repeat; }

.CreditCard { width: 34px; height: 20px; background-size: 34px 20px; background-repeat: no-repeat; }
.CreditCard#Visa { background-image: url(/images/visa.png); }
.CreditCard#MasterCard { background-image: url(/images/mastercard.png); }
.CreditCard#Amex { background-image: url(/images/amex.png); }
.CreditCard#Discover { background-image: url(/images/discover.png); }

/*@media only screen and (max-width: 1280px) {
	.Social a { width: 32px; height: 32px; background-size: 32px 32px; }
}*/

/*GRID CSS*/

.cr { clear: right; }
.cl { clear: left; }
.cb { clear: both; }

.c1, .c5, .c10, .c20, .c30, .c40, .c80 { clear: both; }

.c1 { height: 1px; }
.c5 { height: 5px; }
.c10 { height: 10px; }
.c20 { height: 20px; }
.c40 { height: 40px; }
.c80 { height: 80px; }

.col2, .col3, .col5, .col10, .col14, .col15, .col16, .col17, .col20, .col25, .col30, .col32, .col33, .col35, .col40, .col42, .col43, .col45, .col50, .col52, .col53, .col55, .col58, .col60, .col62, .col63, .col65, .col66, .col70, .col75, .col80, .col85, .col90, .col93 { float: left; }

.col2 { width: 2%; }
.col3 { width: 3%; }
.col5 { width: 5%; }
.col10 { width: 10%; }
.col14 { width: 14%; }
.col15 { width: 15%; }
.col16 { width: 16%; }
.col17 { width: 17%; }
.col20 { width: 20%; }
.col25 { width: 25%; }
.col30 { width: 30%; }
.col32 { width: 32%; }
.col33 { width: 33.33%; }
.col35 { width: 35%; }
.col40 { width: 40%; }
.col42 { width: 42%; }
.col43 { width: 43%; }
.col45 { width: 45%; }
.col50 { width: 50%; }
.col52 { width: 52%; }
.col53 { width: 53%; }
.col55 { width: 55%; }
.col58 { width: 58%; }
.col60 { width: 60%; }
.col62 { width: 62%; }
.col63 { width: 63%; }
.col65 { width: 65%; }
.col66 { width: 66.66%; }
.col70 { width: 70%; }
.col75 { width: 75%; }
.col80 { width: 80%; }
.col85 { width: 85%; }
.col90 { width: 90%; }
.col93 { width: 93%; }

@media only screen and (max-width: 620px) {
	.col25, .col30, .col32, .col33, .col35, .col40, .col42, .col43, .col45, .col50, .col52, .col53, .col55, .col58, .col60, .col62, .col63, .col65, .col66, .col70, .col75, .col80, .col85, .col90, .col93 { width: 100%; float: none; clear: both; }
	.col2, .col3, .col5 { display: none; width: auto; }
}

.w2p { width: 2%; }
.w3p { width: 3%; }
.w5p { width: 5%; }
.w7p { width: 7%; }
.w10p { width: 10%; }
.w15p { width: 15%; }
.w17p { width: 17%; }
.w20p { width: 20%; }
.w22p { width: 22%; }
.w25p { width: 25%; }
.w27p { width: 27%; }
.w30p { width: 30%; }
.w33p { width: 33.3%; }
.w35p { width: 35%; }
.w37p { width: 37%; }
.w40p { width: 40%; }
.w42p { width: 42%; }
.w45p { width: 45%; }
.w50p { width: 50%; }
.w66p { width: 66.7%; }
.w75p { width: 75%; }
.w80p { width: 80%; }
.w85p { width: 85%; }
.w90p { width: 90%; }
.w96p { width: 96%; }
.w100p { width: 100%; }

@media only screen and (max-width: 620px) {
	.w50p, .w66p, .w75p, .w80p, .w85p, .w90p { width: 100%; }
}

.w100 { width: 100px; }
.w200 { width: 200px; }
.w300 { width: 300px; }
.w400 { width: 400px; }
.w500 { width: 500px; }

.h100 { height: 100px; }
.h150 { height: 150px; }
.h200 { height: 200px; }
.h250 { height: 250px; }
.h300 { height: 300px; }
.h400 { height: 400px; }
.h500 { height: 500px; }
.h600 { height: 600px; }

.h100p { height: 100%; }

.maxh100 { max-height: 100px; }
.maxh150 { max-height: 150px; }
.maxh200 { max-height: 200px; }
.maxh250 { max-height: 250px; }
.maxh300 { max-height: 300px; }

.minh100 { min-height: 100px; }
.minh150 { min-height: 150px; }
.minh200 { min-height: 200px; }
.minh250 { min-height: 250px; }
.minh300 { min-height: 300px; }
.minh600 { min-height: 600px; }

.m10 { margin: 10px; }
.m20 { margin: 20px; }
.m40 { margin: 40px; }

.m5p { margin: 5%; }
.m10p { margin: 10%; }

.tm10 { margin-top: 10px; }
.tm20 { margin-top: 20px; }
.tm40 { margin-top: 40px; }

.rm10 { margin-right: 10px; }
.rm20 { margin-right: 20px; }
.rm40 { margin-right: 40px; }

.bm10 { margin-bottom: 10px; }
.bm20 { margin-bottom: 20px; }
.bm40 { margin-bottom: 40px; }

.lm10 { margin-left: 10px; }
.lm20 { margin-left: 20px; }
.lm40 { margin-left: 40px; }

.lmn10 { margin-left: -10px; }
.lmn20 { margin-left: -20px; }
.lmn40 { margin-left: -40px; }

@media only screen and (max-width: 620px) {
	.m20, .m40 { margin: 10px; }
	.tm20, .tm40 { margin-top: 10px; }
	.rm20, .rm40 { margin-right: 10px; }
	.bm20, .bm40 { margin-bottom: 10px; }
	.lm20, .lm40 { margin-left: 10px; }
}

.tm5p { margin-top: 5%; }
.tm10p { margin-top: 10%; }

.rm5p { margin-right: 5%; }
.rm10p { margin-right: 10%; }

.bm5p { margin-bottom: 5%; }
.bm10p { margin-bottom: 10%; }

.lm5p { margin-left: 5%; }
.lm10p { margin-left: 10%; }

.p10 { padding: 10px; }
.p20 { padding: 20px; }
.p40 { padding: 40px; }
.p80 { padding: 80px; }

.p5p { padding: 5%; }
.p10p { padding: 10%; }

.tp10 { padding-top: 10px; }
.tp20 { padding-top: 20px; }
.tp40 { padding-top: 40px; }
.tp80 { padding-top: 80px; }

.tp5p { padding-top: 5%; }
.tp10p { padding-top: 10%; }

.rp10 { padding-right: 10px; }
.rp20 { padding-right: 20px; }
.rp40 { padding-right: 40px; }
.rp80 { padding-right: 80px; }

.rp5p { padding-right: 5%; }
.rp10p { padding-right: 10%; }

.bp10 { padding-bottom: 10px; }
.bp20 { padding-bottom: 20px; }
.bp40 { padding-bottom: 40px; }
.bp80 { padding-bottom: 80px; }

.bp5p { padding-bottom: 5%; }
.bp10p { padding-bottom: 10%; }

.lp10 { padding-left: 10px; }
.lp20 { padding-left: 20px; }
.lp40 { padding-left: 40px; }
.lp80 { padding-left: 80px; }

.lp5p { padding-left: 5%; }
.lp10p { padding-left: 10%; }

@media only screen and (max-width: 620px) {
	.p20 { padding: 10px; }
	.p40 { padding: 20px; }
	.tp20, .tp40 { padding-top: 10px; }
	.rp20, .rp40 { padding-right: 10px; }
	.bp20, .bp40 { padding-bottom: 10px; }
	.lp20, .lp40 { padding-left: 10px; }
}

.fl { float: left; }
.fr { float: right; }

.al { text-align: left; }
.ac { text-align: center; }
.ar { text-align: right; }

.vam { vertical-align: middle; }

.dib { display: inline-block; }
.db { display: block; }
.dn { display: none; }
.dfc { display: flex; justify-content: center; }

.pr { position: relative; }
.pa { position: absolute; }
.ps { position: static; }

.pr0 { right: 0; }
.pl0 { left: 0; }
.pt0 { top: 0; }
.pb0 { bottom: 0; }

.oa { overflow: auto; }
.os { overflow: scroll; }

.z99 { z-index: 99; }
.z999 { z-index: 999; }

.nw { text-wrap: none; white-space: nowrap; }

@media only screen and (max-width: 620px) {
	
	.dfc { display: block; }

}

/*AJAX*/

.AjaxCal .ajax__calendar_container { width: 207px; padding: 10px; background: #F5F5F5; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.8); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.8); box-shadow: 0 0 10px rgba(0,0,0,0.8); -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.AjaxCal .ajax__calendar_header { width: 207px; border: none; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.AjaxCal .ajax__calendar_title { padding: 3px 0 0 0; background: #F5F5F5; text-align: center; font-size: 13px; font-weight: bold; color: #555555; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.AjaxCal .ajax__calendar_prev, .AjaxCal .ajax__calendar_next { padding: 5px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.AjaxCal .ajax__calendar_body { width: 207px; height: 200px; background: #F5F5F5; border: none; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.AjaxCal .ajax__calendar_dayname { width: 19px; text-align: center; font-size: 13px; padding: 5px; background: #e2e2e2; color: #a9a9a9; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.AjaxCal .ajax__calendar_day { width: 19px; text-align: center; font-size: 13px; padding: 5px; background: #F5F5F5; color: #666666; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.AjaxCal .ajax__calendar_month, .AjaxCal .ajax__calendar_year { width: 50px; text-align: center; font-size: 13px; padding: 0; background: #F5F5F5; color: #666666; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.AjaxCal .ajax__calendar_today { color: #a9a9a9; font-size: 12px; text-align: center; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.AjaxCal .ajax__calendar_active  { background: blue; color: white; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.AjaxCal .ajax__calendar_other { background: #f4f4f4; color: #b4b4b4; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.AjaxCal .ajax__calendar_hover .ajax__calendar_day, .AjaxCal .ajax__calendar_hover .ajax__calendar_month, .AjaxCal .ajax__calendar_hover .ajax__calendar_year { background: #64A59A; color: white; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }