HTML, BODY { font-size: 16px; font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
BODY { color: #000000; background: #D2D3D5; margin: 0; }
TABLE { font-size: 0.9375rem; }
TD { text-align: left; }
TH { text-align: center; }
H1, H2, H3, H4, H5, H6 { color: #8B4513; font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-weight: 400; margin: 10px 0; }
H1 { font-size: 1.75rem; }
H2 { font-size: 1.5rem; }
H3 { font-size: 1.375rem; }
H4 { font-size: 1.25rem; }
H5 { font-size: 1.125rem; }
H6 { font-size: 1rem; }
P, UL, OL, LABEL { line-height: 1.25rem; }
P { font-size: 0.9375rem; margin: 4px 0; }
INPUT { font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 0.9375rem; background: #F8F8FF; border: 1px solid #777777; border-radius: 4px; padding: 3px; margin: 2px 0; }
INPUT:disabled { background-color: #DEDEDE; opacity: 0.35; filter: Alpha(Opacity=35); }
INPUT:hover, INPUT:focus { background: #FFFFFF; border: 1px solid #F0911D; box-shadow: 0 0 10px #97B1BF; }
TEXTAREA { font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 0.9375rem; background: #F8F8FF; border: 1px solid #777777; border-radius: 4px; padding: 3px; margin: 2px 0 2px; }
TEXTAREA:hover, TEXTAREA:focus { background: #FFFFFF; border: 1px solid #F0911D; box-shadow: 0 0 10px #97B1BF; }
SELECT { font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 0.9375rem; border: 1px solid #777777; border-radius: 4px; padding: 3px; margin: 2px 0; }
SELECT:hover, SELECT:focus { background: #FFFFFF; border: 1px solid #F0911D; box-shadow: 0 0 10px #97B1BF; }
BUTTON { min-width: 100px; font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 1rem; font-weight: normal; border: 1px solid #777777; border-radius: 4px; padding: 8px; margin: 4px; cursor: pointer; }
BUTTON:hover { color: #000000; background: #F5F5F5; box-shadow: 0 0 10px #97B1BF; }
BUTTON:disabled:hover { color: #FFFFFF; background: #2A80B9; box-shadow: none; }
FIELDSET { margin: 15px auto 5px; max-width: 350px; padding: 20px; border-radius: 15px; box-shadow: 0 0 10px #777777; }
FIELDSET P { text-align: right; margin: 0 0 5px; }
LABEL { margin: 0 4px 0 0; }
BLOCKQUOTE { line-height: 1.25rem; }
A:link, A:visited, A:active { font-weight: normal; color: #DC143C; background-color: transparent; text-decoration: underline; }
A:hover { font-weight: normal; color: #555555; background-color: transparent; text-decoration: underline; }
A:link.rezlink, A:visited.rezlink, A:active.rezlink { font-weight: normal; color: #FFFFFF; text-decoration: underline; }
A:hover.rezlink { font-weight: normal; color: #FF0000; background-color: transparent; text-decoration: underline; }
A:link.biglink, A:visited.biglink, A:active.biglinlk { font-family: Georgia, "Times New Roman", Times, Roman; font-size: 1.5rem; }
A:link.pagelink, A:visited.pagelink, A:active.pagelinlk { font-size: 1rem; color: #FFFFFF; text-decoration: none; background: #333333; display: inline-block; padding: 5px 25px; }
A:hover.pagelink { color: #000000; background: #BBBBBB; }
A:link.headline, A:visited.headline, A:active.headline { font-size: 1rem; display: inline-block; color: #DC143C; background: #FFFFFF; margin: 0 0 5px; }
A:hover.headline { color: #555555; }
A:link.arti, A:visited.arti, A:active.arti { color: #DC143C; font-weight: bold; text-decoration: none; }
A:hover.arti { color: #555555; }
IMG { max-width: 100%; max-height: 100%; border: none; }
#container { color: #000000; background: #FFFFFF; max-width: 1000px; margin: 0 auto; box-shadow: 0 0 15px #000000; -moz-box-shadow: 0 0 15px #000000; -webkit-box-shadow: 0 0 15px #000000; }
#logo { width: 100%; }
#menubar { margin: 0 auto; width: 100%; min-height: 40px; background: #333333; }
#pagecontent { min-height: 550px; padding: 20px; }
#footer { text-align: center; color: #999999; background: #333333; width: 100%; position: relative; padding: 6px 0; }
#footer A { color: #FFFFFF; text-decoration: none; display: inline-block; padding: 6px; }
#footer A:hover { background: #BBBBBB; color: #000000; }
.menu-collapser { color: #FFFFFF; background: #5E5E5E; position: relative; width: 100%; height: 40px; line-height: 40px; font-size: 1rem; padding: 0 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-left: 1px solid #999999; }
.collapse-button { position: absolute; right: 10px; top: 50%; width: 40px; background-color: #0E0E0E; background-image: linear-gradient(to bottom, #151515, #040404); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-radius: 4px 4px 4px 4px; border-style: solid; border-width: 1px; color: #FFFFFF; padding: 7px 10px; cursor: pointer; font-size: 1rem; text-align: center; -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.collapse-button:hover, .collapse-button:focus { color: #FFFFFF; }
.collapse-button .icon-bar { background-color: #F5F5F5; border-radius: 1px 1px 1px 1px; display: block; height: 2px; width: 20px; margin: 2px 2px 2px 0; }
UL.slimmenu { list-style-type: none; margin: 0; padding: 0; }
UL.slimmenu LI { width:16.5%; font-size: 1rem; color: #FFFFFF; background: #333333; position: relative; float: left; display: inline-block; }
UL.slimmenu > LI { border-left: 1px solid #999999; }
UL.slimmenu > LI:first-child { border-left: 0; }
UL.slimmenu > LI:last-child { margin-right: 0px; }
UL.slimmenu LI A { color: #FFFFFF; text-decoration: none; display: block; padding: 10px 30px 10px 10px; }
UL.slimmenu LI A:hover { background: #454545; color: #FFFF00; }
UL.slimmenu LI .sub-collapser { background: repeat 0 0; position: absolute; right: 0; top: 0; width: 20px; height: 100%; text-align: center; z-index: 999; cursor: pointer; }
UL.slimmenu LI .sub-collapser:before { content: ''; display: inline-block; }
UL.slimmenu LI .sub-collapser > I { color: #FFFF00; font-size: 1rem; display: inline-block; vertical-align: middle; padding: 5px; position: absolute; top: 4px; left: -5px; }
UL.slimmenu LI UL { margin: 0; list-style-type: none; }
UL.slimmenu LI UL LI { background-color: #708090; width: 220px; border-bottom: 1px solid #555555; left: -40px; }
UL.slimmenu LI > UL { display: none; position: absolute; left: 0; top: 100%; z-index: 999; }
UL.slimmenu LI > UL > LI UL { display: none; position: absolute; left: 100%; top: 0; z-index: 999; }
UL.slimmenu.collapsed LI { display: block; width: 100%; font-size: 1rem; border-left: 1px solid #999999; }
UL.slimmenu.collapsed LI .sub-collapser > I { background: #000000; width: 40px; font-size: 1.125em; left: -35px; }
UL.slimmenu.collapsed LI A { display: block; border-top: 1px solid #999999; }
UL.slimmenu.collapsed LI .sub-collapser { height: 100%; }
UL.slimmenu.collapsed LI > UL { display: none; position: static; }
.column-1 { text-align: justify; width: 31%; margin: 1%; float: left; }
.column-2 { text-align: justify; width: 32%; margin: 1%; float: left; }
.column-3 { width: 98%; margin: 1%; }
.column-4 { text-align: justify; width: 23%; margin: 1%; float: left; }
.column-5 { width: 46%; margin: 1%; float: left; }
.heading { font-size: 1rem; color: #D2691E; border-bottom: thin dotted #D2691E; }
.reztbl { border: thin solid #A9A9A9; border-collapse: collapse; margin: 0 auto; }
.tblcenter { margin: 0 auto; padding: 20px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: 0 0 15px #555555; -moz-box-shadow: 0 0 15px #555555; -webkit-box-shadow: 0 0 15px #555555; }
.tblhead1 { background-color: #DCDCDC; border: thin solid #A9A9A9; border-collapse: collapse; padding: 3px; }
.tblhead2 { color: #ECECEC; background-color: #708090; border: thin solid #A9A9A9; border-collapse: collapse; padding: 3px; }
.tbldet1 { color: #000000; background: #ECECEC; border: thin solid #A9A9A9; border-collapse: collapse; padding: 3px; }
.tbldet2 { color: #000000; background-color: #FAF0E6; border: thin solid #A9A9A9; border-collapse: collapse; padding: 3px; }
.tbldet3 { color: #000000; background-color: #FFE4B5; border: thin solid #A9A9A9; border-collapse: collapse; padding: 3px; }
.google { font-size: 0.875rem; font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; font-style: normal; text-align: justify; color: #000000; text-decoration: none; background-color: #FAF2E3; padding-top: 10px; padding-left: 2px; padding-right: 2px; padding-bottom: 15px; }
.highlite { font-weight: normal; color: #708090; background: #FFEFD5; border: thin solid #000000; border-style: dashed; border-collapse: collapse; border-color: #DEB887; border-width: 1px; padding: 10px; }
.hlite { color: #708090; background: transparent; }
.authinfo { color: #FFFFFF; font-family: verdana, arial, helvetica, sans-serif; font-size: 0.875em; text-align: center; margin: 15px 0 0; }
.warning { color: #FF0000; background: transparent; }
.btn { color: #FFFFFF; background: #2A80B9; }
.clearall { clear: both; }
.colcenter { text-align: center; }
.colright { text-align: right; }
.album { border: thick solid #FFFFFF; box-shadow: 0 0 15px #000000; -moz-box-shadow: 0 0 15px #000000; -webkit-box-shadow: 0 0 15px #000000; margin: 15px !important; vertical-align: middle; }
.leftpic { float: left; }
.formfld { border: 1px solid #888888; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.fld50 { width: 50px; margin: 0 150px 0 0; }
.fld100 { width: 100px; margin: 0 100px 0 0; }
.fld175 { width: 175px; }
.fld200 { width: 200px; }
.fld250 { width: 250px; }
.fld275 { width: 275px; }
.fld300 { width: 300px; }
.hbox { width: 300px; font-size: 1rem; text-align: center; color: #D2691E; background: #FAF0E6; margin: 0 auto; padding: 15px; box-shadow: 0 0 15px #555555; -moz-box-shadow: 0 0 15px #555555; -webkit-box-shadow: 0 0 15px #555555; }
.li-head { font-size: 1rem; font-weight: bold; color: #D2691E; text-decoration: none; margin-bottom: 5px; margin-top: 10px; list-style: none; }
.hotelname { color: #318CE7; font-weight: bold; }
.comment { color: #333333; font-style: italic; }
.ad-container { display: flex; flex-wrap: wrap; justify-content: center; align-content: center; column-gap: 5px; }
.ads { border: medium double #708090; text-align: center; flex-basis: 30%; padding: 10px; }
.ad-head { color: #FFFFFF; background: #708090; font-size: 1.2rem; padding: 5px; }
@media (max-width: 880px) {
   .at-responsive { width: 468px; height: 60px; }
}
@media (max-width: 640px){
   .at-responsive { width: 468px; height: 60px; margin: 5px auto; }
   .at-horizonal { width: 468px; height: 60px; }
	.column-1 { width: 96%; }
	.column-2 { width: 96%; }
	.column-4 { width: 46%; }
	.column-5 { width: 96%; }
}
@media (max-width: 640px){
   .at-responsive { width: 320px; height: 50px; }
   .at-horizonal { width: 320px; height: 50px; }
@media (max-width: 400px){
	.column-4 { width: 96%; }
}





















