@import url(common.css);

/*---------------------------------BODY---------------------------------------*/
#body{background: #011945 url(../images/bg_body.jpg) repeat-x scroll left top;padding:0;}

#body #content a {color:#fff;}

#body h1.logo,
#body .as-h1-logo {width:170px;height:106px;overflow:hidden; position:absolute; top:-428px;left:68px;/*margin-left:-413px;*/z-index:9; display:block;}
#body h1.logo,
#body .as-h1-logo * {z-index:10; position:relative;}
#body h1.logo,
#body .as-h1-logo a {display:block; width:170px; height:170px; text-indent:-10000px;}
#body h1.logo span,
#body .as-h1-logo a span {width:170px;height:108px;background: url(../images/bg_logo.png) no-repeat scroll left top;position:absolute;left:0px;top:0px;z-index:11;}
#header {width:960px;margin:auto;height:525px;background: url(../images/bg_page.jpg) no-repeat scroll left top;position:relative;}
#header #header-images-admin,
#header #header-images {position:absolute; top:151px; left:20px;display:block; width:920px; height:250px; overflow:hidden;}
#header #header-images-admin li{list-style:none; float:left;}
#header #header-images img{position:absolute; top:0px; left:0px;}
#header #welcome {font-size: 39.5pt; position:absolute; right:130px;top:385px;}
#header #welcome strong {color: #2eb135; position: absolute; right:-95px; top:25px;}
#container {background: #001e54 url(../images/bg_container.gif) repeat-x scroll center bottom;position:relative;}

#container #content-main {background: url(../images/bg_content.gif) repeat-y scroll center center; width:960px; margin:auto; position:relative; padding-bottom:25px;}

#container #content {/*background: url(../images/bg_content.gif) repeat-y scroll center center;*/width:650px; /*padding-left:290px;*/ float:right; padding-right:20px;margin:auto; /*min-height:290px167px*/; position:relative; padding-bottom:25px;}
#container #content h1 {position: absolute; top: -60px; /*left:290px;*/ left:0; font-size:21pt;}
/* #container #content .as-h1 */
.ru #container #content h1 {position: absolute; top: -70px;left:290px;font-size:29pt;}
/* .ru #container #content .as-h1 */
#container #content h2, h3, h4, h5, h6 {padding-bottom:5px; font-size:1.2em;}
#container #content p {text-align: justify; padding-bottom:10px; /*font-family: georgia;*/letter-spacing: 1px; font-style: italic; line-height:1.4em;}
.ru #container #content p {text-align:left;}
#container #content ul,
#container #content ol {padding-top: 5px;padding-bottom: 5px;padding-left: 20px; padding-right:20px;}
#container #content table {border-collapse:collapse; border: #fff solid 1px;}
#container #content td,
#container #content th {border-collapse:collapse;border-collapse:collapse; border: #fff solid 1px; padding:5px;}
#container #content .attachments {height:16px;position:absolute;list-style:none; right:0px;top:-4px;}
#container #content .attachments li {float:right;padding-right:20px; background: #001e54 url(../images/ico-pdf.png) no-repeat scroll right top;}
#container #content .attachments a {color:#1f62cb;display:block; height:16px; }
#container #content .attachments a:hover {text-decoration: none;}
#container #content .jcarousel-prev {left:10px;}
#container #content .jcarousel-prev,
#container #content .jcarousel-next{display: block; cursor:pointer; width:9px; height:15px;background: #001e54 url(../images/arrows.png) no-repeat scroll left top;position:absolute;bottom:5px;}
#container #content .jcarousel-next {right:10px;}
#container #content .jcarousel-next{background-position: right top;}
#container #content .jcarousel-prev-disabled,
#container #content .jcarousel-next-disabled {display:none !important;}
#container #content .jcarousel-clip {width:620px;}
#container #content .multi-content {padding-bottom:10px;position:relative;}

#container #content .gallery {position:relative;padding:15px 0px; width:620px; margin:0px auto; min-height:235px;text-align:center;background-color: #011945; overflow:hidden; /*margin-right:80px;margin-left:80px;*/}
#container #content .gallery ul {list-style:none;width:6200000px; margin: auto;overflow:hidden;padding: 0px 0px;}
#container #content .gallery ul li {position:relative; float:left; margin:10px;width:290px; text-align:center;}
#container #content .gallery ul li img {display:inline !important;}
#container #content .gallery ul li .title {text-align: center; }

#container #content .reservation{padding-top:10px;width:500px;/*background-color:#2161CE;*//*border:1px solid #D3D3D3;*/ }
#container #content .reservation.online{background-color:transparent;border:none;}
#container #content .reservation h2{float:left;width:32%;text-align:center;}
#container #content .reservation address{display:block;width:40%;float:left;font-style:normal;}
#container #content .reservation address span{display:block;}
#container #content .reservation ul.addition{list-style:none;width:32%;margin:0px 0px;padding:0px 0px;float:right;}
#container #content .reservation ul.addition li{margin:0px 0px;padding:0px 0px;}
#container #content .reservation .email{clear:both;text-align:right;width:91%;}
#container #content .reservation fieldset{border:none;/*border-top:1px solid #E7E7E7;*/background-color:#001E54;margin:5px 0 0px;padding:5px 0px;clear:both; position:relative;}
#container #content .reservation.online fieldset{border:none;}
#container #content .reservation fieldset fieldset{margin:0px 0px;/*border-bottom:2px solid #e7e7e7;border-top:2px solid #e7e7e7;*/padding:5px 0px 0px 0px;margin-bottom:5px;}
#container #content .reservation fieldset strong{display:block;text-align:center;padding:0px 0px 10px 0px; }
#container #content .reservation input,
#container #content .reservation select,
#container #content .reservation textarea{border:1px solid #215793;margin-bottom:5px;background-color:#00215c;color:#fff;}
#container #content .reservation input,
#container #content .reservation select{float:left;}
#container #content .reservation input,
#container #content .reservation textarea{width:220px;padding:0.2em 0.5em; float:left;}
#container #content .reservation select.wrong,
#container #content .reservation input.wrong,
#container #content .reservation textarea.wrong{border-color:#c00;}
#container #content .reservation .submit-button{text-align:center;padding:10px 0px;/*border-top:1px solid #E7E7E7;*/}
#container #content .reservation .button{margin-left:135px;width:220px;text-align:center;}
#container #content .reservation fieldset label{clear:left;float:left;width:160px;text-align:right;margin-bottom:5px;padding-right:5px;}
/*#container #content .reservation fieldset label.required{color:#2161CE;}*/
#container #content .reservation fieldset span.pattern{display:block;clear:both;padding-left:125px;font-size:8pt;color:#ccc;font-style:italic;margin-bottom:5px;}
#container #content .reservation fieldset div{clear:both;}
#container #content .reservation div.min-to-stay{/*border-top:1px solid #e7e7e7;*/text-align:center;font-weight:800;}

#container #content .reservation #res-arrival-date,
#container #content .reservation #res-departure-date,
#container #content .reservation #res-arrive,
#container #content .reservation #res-departure{width:100px;margin-bottom:0px;}

#container #content .reservation .rooms-type label {text-align:left; width: 300px; margin-left:5px; clear: none;}
#container #content .reservation .rooms-type label.checkbox {float:left; }
#container #content .reservation .rooms-type br {clear:both;}
#container #content .reservation .rooms-type input {width:auto;  margin-left:165px; clear:left; position:relative; top:-2px;}
#container #content .reservation .rooms-type input.checkbox { border:none;background-color:inherit; padding:0px;}
#container #content .reservation .rooms-type label.count {width: 90px; margin-left:165px; clear:left; }
#container #content .reservation .rooms-type input.count {width:20px;  margin-left: 0px; clear:none; }

#content .errors,
#content .success{border:1px solid #fff;border-left:none;border-right:none;background-color:#c00;padding-top:1em;padding-bottom:1em; width:400px; }
#content .errors li,
#content .success li{color:#fff;font-weight:800;/*list-style-image:url(../images/exclamation.gif);*/font-size:.8em;}
#content .success{border-color:#017F00;background-color:#ACFFAC;color: #017F00;padding-left:20px;font-weight:bold;}
#content .success li{/*list-style-image:url(../images/accept.gif);*/color:#017F00;}
#content a.calendar-ico{cursor:pointer;display:block;float:left;width:19px;height:21px;position:relative;top:0px;left:3px;}


/*#container #main-menu {padding:0 !important;z-index:2;width:196px;padding-top:310px !important;padding-left:27px !important;list-style: none;background: url(../images/bg_menu.jpg) no-repeat scroll left top;min-height:150px;left:50%;margin-left:-247px; margin-left:-572px; position:relative;margin-left:-437px; position:absolute; top:-465px;}*/

#container #main-menu { background:transparent url(../images/bg_menu.jpg) no-repeat scroll left top; float:left; list-style-image:none; list-style-position:outside; list-style-type:none; margin-left:43px; margin-top:-465px; min-height:150px; padding:310px 0 0 27px !important; position:relative; width:196px; z-index:2; }
#container #main-menu ul {list-style:none; display:block;}
/*#container #main-menu {padding:0 !important;z-index:2;width:196px;padding-top:310px !important;padding-left:27px !important;list-style: none;background: url(../images/bg_menu.jpg) no-repeat scroll left top;min-height:150px;left:50%; margin-left:-43px; margin-top:-465px;}
*/
#container #main-menu li {letter-spacing:2px;width:153px;padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;border-bottom: #000 solid 1px;border-top: #000 solid 1px;text-align:center;margin-bottom:-1px;position:relative;}
#container #main-menu li a {color: #fff/*#2161ce*/; text-decoration:none;font-size:9pt;line-height:20px;}
#container #main-menu li a:hover {text-decoration:underline;}
#container #main-menu li.bigger a {font-size:13pt;}
#container #main-menu li.selected a {color: #2EB135; font-weight:bold;}
#container #main-menu li ul {display:none;padding:0 !important; text-align: center; position:relative;}
#container #main-menu li ul li {border:none;padding:0px;line-height:1.4em;/*letter-spacing:3px;*/ list-style:none;margin:0; border:0;}
#container #main-menu li ul li a.submenu-anchor {position:relative;color: #fff; line-height:15px;font-weight:normal !important; font-size:.8em; }
#container #main-menu li ul li a.submenu-anchor span { position:absolute;left:-10px; height: 10px; width:15px; background: url(../images/list-img.gif) no-repeat scroll left 3px;}
#container #main-menu li.selected ul {display:block;}
#container #main-menu li ul li.sub-selected a {font-weight:bold !important; color:#2EB135;}

#container #main-menu #qr-code { text-align: center; width: 173px; }

#container #language-selector {list-style: none;position:absolute;right: 50%;margin-right:-457px;top: -403px;}
#container #language-selector li{float:left;margin-left:10px;}
#container #language-selector li a{width:16px; height:11px; display:block; position:relative;overflow:hidden;}
#container #language-selector li a span{display:block; width:16px; height:11px;position:absolute; top:0px;left:0px;}
#container #language-selector .cs span{background: url(../images/bg_flags.png) no-repeat scroll left -11px;}
#container #language-selector .en span{background: url(../images/bg_flags.png) no-repeat scroll -16px 0px;}
#container #language-selector .de span{background: url(../images/bg_flags.png) no-repeat scroll -32px 0px;}
#container #language-selector .ru span{background: url(../images/bg_flags.png) no-repeat scroll -48px 0px;}
#container #language-selector .pl span{background: url(../images/bg_flags.png) no-repeat scroll -64px 0px;}
#container #language-selector a.cs:hover span,
#container #language-selector .selected a.cs span{background-position: left 0px;}
#container #language-selector a.en:hover span,
#container #language-selector .selected a.en span{background-position: -16px -11px;}
#container #language-selector a.de:hover span,
#container #language-selector .selected a.de span{background-position: -32px -22px;}
#container #language-selector a.ru:hover span,
#container #language-selector .selected a.ru span{background-position: -48px -33px;}
#container #language-selector a.pl:hover span,
#container #language-selector .selected a.pl span{background-position: -64px -44px;}

#container #content .separator-menu {clear:both; height:30px;}
#container #content .generate-menu {border:none; width:100%;}
#container #content .generate-menu td {border:none; color:#fff/*#2161CE*/; padding:2px 2px; border-bottom:1px solid #00173F;}
#container #content .generate-menu td.number {width:10px; font-weight:normal; padding-right:20px;}
#container #content .generate-menu td.price {width:30px; font-weight:normal;}
#container #content .generate-menu tr td {font-weight:800;}
#container #content .generate-menu td h2 {margin:2em 0px 0.5em 0px;}
/*#container #content .generate-menu .soup td {font-weight:normal;}*/
#container #content .generate-menu .spec-menu td {padding-top:5px; font-weight:normal;}
#container #content .generate-menu .spec-menu td,
#container #content .generate-menu .spec-menu td.special {color:#fff;}
#container #content .generate-menu .head td {border:none;}

#container #content .send-menu {margin:0px 0px; padding:10px 5px;}
#container #content .send-menu ul {margin:0px 0px; padding:0px 0px; list-style:none;}
#container #content .send-menu ul li {padding-bottom:5px;}
#container #content .send-menu ul label strong {display:block;}
#container #content .send-menu ul button {background-color:#b8c7d6; border-color:#b8c7d6; border-style:solid; color:#000;}

#container #footer {width:660px;margin:auto;height:62px;background: url(../images/bg_page.jpg) no-repeat scroll center bottom; padding-left:300px;padding-top:15px;}
#container #footer p {font-size:8pt; padding-bottom:8px;}
#container #footer p a:hover{text-decoration:none;}
#container #footer * {color:#1f4d9a;}
#container #footer #footer-menu { font-size: 8pt; }

.hide {display:none;}
.edit-buttons {display:block;float:none;margin-top:20px;overflow:hidden;width:100%;}
.edit-buttons * {z-index:110;}
#gallery-admin {list-style: none;}
#gallery-admin *{list-style: none;}
#gallery-admin ul {width:100%; overflow:hidden;}
#gallery-admin ul li{float:left; margin-left:10px;}

.highslide-caption {color:black; background:white;font-weight:bold;}
.rounded-white {background: white;}

ul.links {width:650px; overflow:hidden; padding:0px !important; /*padding-top: 50px !important;*/}
ul.links li {width:150px; height:150px; margin:0 10px 10px 0; list-style: none; float:left; position:relative; overflow:hidden}
ul.links li a, ul.links li span {display:block; width:150px; height:150px}
ul.links li span {position:absolute; left:0; top:0}
	ul.links #boswell a span {background:url('../images/boswell-partneri.png') left top no-repeat}
	ul.links #boswell a:hover span {background:url('../images/boswell-partneri.png') left bottom no-repeat}
	ul.links #loreta a span {background:url('../images/penzion-loreta-partneri.png') left top no-repeat}
	ul.links #loreta a:hover span {background:url('../images/penzion-loreta-partneri.png') left bottom no-repeat}
	ul.links #skisun a span {background:url('../images/skiandsun-partneri.png') left top no-repeat}
	ul.links #skisun a:hover span {background:url('../images/skiandsun-partneri.png') left bottom no-repeat}
	ul.links #psreality a span {background:url('../images/psreality-partneri.png') left top no-repeat}
	ul.links #psreality a:hover span {background:url('../images/psreality-partneri.png') left bottom no-repeat}
	ul.links #komora a span {background:url('../images/komora-partneri.png') left top no-repeat}
	ul.links #komora a:hover span {background:url('../images/komora-partneri.png') left bottom no-repeat}
	ul.links #cd a span {background:url('../images/cd-partneri.png') left top no-repeat}
	ul.links #cd a:hover span {background:url('../images/cd-partneri.png') left bottom no-repeat}
	ul.links #ridera a span {background:url('../images/ridera-partneri.png') left top no-repeat}
	ul.links #ridera a:hover span {background:url('../images/ridera-partneri.png') left bottom no-repeat}
	ul.links #vzp a span {background:url('../images/vzp-partneri.png') left top no-repeat}
	ul.links #vzp a:hover span {background:url('../images/vzp-partneri.png') left bottom no-repeat}


/*ul.links a.first {width: 130px; }
ul.links a.first:hover {background-position: 2px 2px;}
ul.links a.second {width: 135px; background-position: -130px bottom;}
ul.links a.second:hover {background-position: -128px 2px;}
ul.links a.third {width: 160px; background-position: -265px bottom;}
ul.links a.third:hover {background-position: -263px 2px;}
ul.links a.fourth {width: 165px; background-position: -425px bottom; margin-right:0px;}
ul.links a.fourth:hover {background-position: -423px 2px;}
ul.links a.fifth {width: 130px; background-position: -610px bottom; margin-right:0px; margin-left:25px;}
ul.links a.fifth:hover {background-position: -610px 11px;}
ul.links a.sixth {width: 130px; background-position: -770px -153px; margin-right:0px;}
ul.links a.sixth:hover {background-position: -770px 10px;}
ul.links a.seventh { width: 181px; height: 65px; background: url(../images/logo-ridera-sport.png) no-repeat left top; margin-left: 25px; }
ul.links a.seventh:hover { background-position: 0 -65px; }*/

#i28260 {text-align:left !important;}

#content-main .separate-clear { visibility:hidden; height:0px; border:none; clear:both; }

#main-menu .reservation-button {position:absolute; top:170px; left:17px; color:#001e54; text-transform:uppercase; font-weight:800; font-size:1.1em; text-decoration:none; width:187px; height:31px; line-height:31px; text-align:center; padding:0px 2px 3px 0px; display:block; background:url(../images/button-reservation.png) no-repeat left top;}
#main-menu .virtual-tour-button {position:absolute; top:220px; left:17px; color:#fff; text-shadow:#000 1px 1px; text-transform:uppercase; font-weight:800; font-size:1.2em; text-decoration:none; width:187px; height:54px; text-align:center; padding:15px 2px 3px 0px; display:block; background:url(../images/button-virtual-tour.png) no-repeat left top;}

#container #main-menu .li-banner {border:none; padding:0; width:173px;}
#container #main-menu .li-banner ul {display:block;}
#main-menu #banner-right {margin:20px 0px 0px; padding:0px 0px; list-style:none; width:173px;}
#main-menu #banner-right.crossfade {position:relative; height:200px; overflow:hidden;}
#main-menu #banner-right li {width:100%; text-align:center; border:none; text-align:center; padding:0;}
#main-menu #banner-right.crossfade li {position:absolute; left:0px; top:0px;}

#container #content .rooms {list-style:none; margin:0px 0px 15px 0px; padding:0px 0px; width:100%; overflow:hidden;}
#container #content .virtual-tour h2 {padding:5px 0px 0px 0px; margin:15px 0px 5px 0px; border-top:1px solid #fff;}
#content .rooms li {float:left; padding:0px 5px;}
#content .rooms a {display:block; text-align:center; text-decoration:none;}
#content .rooms a:hover {text-decoration:underline;}
#content .rooms a img {display:block; cursor:pointer; padding-top:5px;}

.bannerFade { width:202px; }
.bannerFade .fade {  }

.map {float:right;}
.map .form {text-align:center; padding-top:10px;}