/***************************************************
    DEFAULT CSS for VIP Apartmani
    Author: WEB Marketing (www.wem.hr)
    Media: Screen
***************************************************/

*           { margin: 0; padding: 0; list-style: none; outline: none; }

/* --------------- Reset  -------------- */

a,
a img       { outline: none; }
a, 
a *         { cursor: pointer; }
input:focus,
textarea:focus,
select:focus{ outline: none; }

a img,
fieldset    { border: none; }

legend      { display: none; }

h1, h2, h3,
h4, h5, h6  { line-height: 1.5em; }

#printlogo  { position: absolute; top: -9999px; left: -9999px; }


/* --------------- Basic Typ. -------------- */

p,
table, 
blockquote   { margin: 20px 0; }

ul,
ol,
dl { margin: 0 0 20px; }

h1      { font: normal 2em/1.1em Arial, Helvetica, sans-serif; color: #333334; letter-spacing: -1px; margin: 0 0 20px; }
h2      { font: normal 1.6em/1.1em Arial, Helvetica, sans-serif; margin: 30px 0 20px 0; }
h3      { font: normal 1.4em/1.1em Arial, Helvetica, sans-serif; margin: 30px 0 20px 0; }
h4      { font: normal 1.3em/1.1em Arial, Helvetica, sans-serif; margin: 30px 0 20px 0; }
h5      { font: normal 1.2em/1.1em Arial, Helvetica, sans-serif; margin: 30px 0 20px 0; }
h6      { font: bold 1em/1.1em Arial, Helvetica, sans-serif; margin: 30px 0 20px 0; }

ul li   { background: transparent url(../images/css/list.gif) no-repeat 0 8px; padding-left: 15px; margin-left: 10px; }
ul ul li{ margin: 0; }
ul ul,
ul ol   { margin: 0 0 5px 0; }
ul ol li{ padding: 0; background: 0; }

ol li   { list-style: decimal; margin-left: 30px; }
ol ol li{ margin-left: 25px; list-style: outside lower-latin; }
ol ul li{ list-style: none; margin-left: 0; }
ol ul,
ol ol   { margin-top: 0; margin-bottom: 0; }

table   { border: 0; border-collapse: collapse; border-spacing: 0; font-size: 1em; }
caption { font-size: .9em; margin: 0; padding: 0; font-style: italic; }
td, th  { padding: 7px 20px; vertical-align: top; font-size: 1.1em; }
th      { padding-top: 15px; background: #f4f4f4; text-align: left; color: #000; font-weight: normal; border-bottom: 1px solid #ececec; }
td      { background: #f4f4f4; border: 0; border-bottom: 1px solid #ececec; background: #f5f5f5; color: #404041; }

table.blank { margin: 0; border: none; border-collapse: collapse; border-spacing: 0; }
.blank th,
.blank td   { font-weight: normal; border: none !important; background: none; padding: 0 10px 0 0 !important; }

table p,
table ul,
table ol,
table table { margin-top: 0; margin-bottom: 0; }

blockquote  { padding: 0 60px; font-style: italic; font-size: 1.2em; }
blockquote *{ margin-top: 0; margin-bottom: 0; }

hr          { display: block; clear: both; height: 1px; overflow: hidden; border: 0; color: #eaeaea; background: #e6e6e6; overflow: hidden; line-height: 30px; margin: 30px 0; }

img         { margin: 0; }

a           { color: #404041; text-decoration: underline; }
a:hover     { color: #b41d8d; text-decoration: none; }


/* --------------- LAYOUT & GRID ---------- */

body { font: normal 12px/1em Arial, Helvetica, sans-serif; color: #404041; background: #fff url(../images/css/gradient-header.gif) repeat-x 0 0; }

#page { background: url(../images/css/logo-bkg.png) no-repeat 50% 0; }
#wrapper { background: url(../images/css/gradient-footer.gif) repeat-x 0 100%; }
.inner { width: 980px; margin: 0 auto; }

/*** Header ***/
#header { width: 100%; height: 119px; position: relative; z-index: 5000; }

#logo { position: absolute; top: 24px; left: -5px; margin: 0; width: 246px; height: 91px; z-index: 1; }
#logo a { display: block; width: 246px; height: 91px; overflow: hidden; text-indent: -9999px; background-position: 0 0; background-repeat: no-repeat; }

.lang-hr #logo,
.lang-hr #logo a { width: 231px; } 
.lang-hr #logo a { background-image: url(../images/css/logo-hr.png); }

.lang-si #logo,
.lang-si #logo a { width: 226px; } 
.lang-si #logo a { background-image: url(../images/css/logo-si.png); }

.lang-it #logo,
.lang-it #logo a { width: 260px; } 
.lang-it #logo a { background-image: url(../images/css/logo-it.png); }

.lang-de #logo,
.lang-de #logo a { width: 305px; } 
.lang-de #logo a { background-image: url(../images/css/logo-de.png); }

.lang-pl #logo,
.lang-pl #logo a { width: 259px; } 
.lang-pl #logo a { background-image: url(../images/css/logo-pl.png); }

.lang-cz #logo,
.lang-cz #logo a { width: 239px; } 
.lang-cz #logo a { background-image: url(../images/css/logo-cz.png); }

.lang-sk #logo,
.lang-sk #logo a { width: 239px; } 
.lang-sk #logo a { background-image: url(../images/css/logo-sk.png); }

#language { position: absolute; top: 10px; left: 358px; margin: 0; white-space: nowrap; font-size: 10px; line-height: 23px; text-transform: uppercase; z-index: 500; }
#language li { float: left; margin: 0 -2px 0 0; padding: 0; background: 0; }
#language a { float: left; width: 28px; height: 26px; overflow: hidden; text-indent: -9999px; background-image: url(../images/css/language.png); background-repeat: no-repeat; }

#language #hr a { background-position: 0 0; }
#language #hr a:hover { background-position: 0 -26px; }
#language #hr a.on, 
#language #hr a.on:hover { background-position: 0 -52px; }

#language #si a { background-position: -28px 0; }
#language #si a:hover { background-position: -28px -26px; }
#language #si a.on, 
#language #si a.on:hover { background-position: -28px -52px; }

#language #it a { background-position: -56px 0; }
#language #it a:hover { background-position: -56px -26px; }
#language #it a.on, 
#language #it a.on:hover { background-position: -56px -52px; }

#language #de a { background-position: -84px 0; }
#language #de a:hover { background-position: -84px -26px; }
#language #de a.on, 
#language #de a.on:hover { background-position: -84px -52px; }

#language #pl a { background-position: -112px 0; }
#language #pl a:hover { background-position: -112px -26px; }
#language #pl a.on, 
#language #pl a.on:hover { background-position: -112px -52px; }

#language #cz a { background-position: -140px 0; }
#language #cz a:hover { background-position: -140px -26px; }
#language #cz a.on, 
#language #cz a.on:hover { background-position: -140px -52px; }

#language #sk a { background-position: -168px 0; }
#language #sk a:hover { background-position: -168px -26px; }
#language #sk a.on, 
#language #sk a.on:hover { background-position: -168px -52px; }

#userlinks { position: absolute; top: 16px; right: 0; height: 16px; font-size: 12px; line-height: 16px; white-space: nowrap; }
#userlinks li { float: left; margin: 0 7px 0 0; padding: 0 7px 0 0; border-right: 1px solid #d2d2d2; background: 0; position: relative; z-index: 1; }
#userlinks .last-child { margin: 0; padding: 0; border: 0; }
#userlinks a { color: #404041; text-decoration: none; }
#userlinks a:hover,
#userlinks a.on { color: #b41d8d; }

#userlinks .admin-link { padding-left: 2px; margin: -16px -5px 0 -9px; height: 35px; background: url(../images/css/admin-link.png) no-repeat 0 -9999px; z-index: 500; cursor: pointer; }
#userlinks .admin-link > a { height: 19px; float: left; padding: 16px 12px 0 8px; background: url(../images/css/admin-link.png) no-repeat 100% -9999; }

#userlinks .admin-link-active { background: url(../images/css/admin-link.png) no-repeat 0 0; }
#userlinks .admin-link-active >  a { background: url(../images/css/admin-link.png) no-repeat 100% -35px; color: #b41d8d; }

.admin-panel { position: absolute; top: 35px; right: 0; width: 207px; overflow: hidden; color: #8c8c8d; visibility: hidden; }
.admin-panel-form { background: url(../images/css/admin-panel.png) no-repeat 0 0; padding: 10px 20px; white-space: normal; }
#userlinks .admin-link-active .admin-panel  { visibility: visible; }

.admin-panel .input { margin: 10px 0 0; padding: 0; }
.admin-panel .input label { display: block; float: none; margin: 0; padding: 0; text-align: left; }
.admin-panel .input input { width: 142px; height: 34px; display: block; float: none; line-height: 34px; background-image: url(../images/css/admin-input.png); }
.admin-panel .error .input input { background-image: url(../images/css/error-admin-input.png); }

.admin-panel .errorMessage { margin: 0 0 5px; white-space: normal; }

.admin-panel-buttons { height: 31px; padding: 0 20px 23px 20px; background: url(../images/css/admin-panel-buttons.png) no-repeat 0 100%; position: relative; }
.admin-login { float: left; width: 60px !important; height: 31px !important; line-height: 31px !important; padding: 0 0 0 10px !important; color: #fff !important; text-decoration: none; font-size: 12px; font-weight: bold; background: url(../images/css/admin-login-link.png) no-repeat 0 0 !important; }
.admin-login:hover { background-position: 0 -31px !important; }

.admin-close { position: absolute; bottom: 20px; right: 20px; width: 30px; height: 29px !important; overflow: hidden; text-indent: -9999px; padding: 0 !important; background: url(../images/css/admin-close-button.png) no-repeat 0 0 !important; }
.admin-close:hover { background-position: 0 -29px !important; }


#searchBox { position: absolute; top: 49px; left: 360px; width: 360px; height: 41px; overflow: hidden; }
.search-input { float: left; width: 290px; height: 41px; overflow: hidden; background: url(../images/css/sprites-misc.png) no-repeat 0 -35px; border: 0; padding: 0 15px; font: normal 12px/40px Arial, Helvetica, sans-serif; color: #404041; }
.search-submit { float: left; width: 40px; height: 41px; overflow: hidden; text-indent: -9999px; background: url(../images/css/sprites-misc.png) no-repeat -381px -35px; }
.search-submit:hover { background-position: -421px -35px; }

.hdr-button { position: absolute; top: 49px; right: 0; max-width: 145px; padding: 10px 74px 10px 19px; font-size: 16px; line-height: 18px; font-weight: bold; letter-spacing: -1px; color: #fff; text-decoration: none; background: url(../images/css/hdr-button.gif) repeat-x 0 0; border: 1px solid #f07d43; border-right-color: #e8763d; border-bottom-color: #c85d25; border-left-color: #da6b33; border-radius: 3px; box-shadow: 0 1px 0 0 #999; }
.hdr-button span { position: absolute; top: 12px; right: 19px; width: 11px; height: 16px; overflow: hidden; background: url(../images/css/hdr-button-arrow.png) no-repeat 0 0; }
.hdr-button:hover { background-position: 0 -80px; color: #fff; text-shadow: 0 1px #b57239; box-shadow: inset 0 1px 3px #000; border-top-color: #533819; border-right-color: #a46430; border-bottom-color: #d66e3c; border-left-color: #a56931; }
.hdr-button:hover span { background-position: 0 -16px; }

.lang-pl .hdr-button { font-size: 15px; padding-right: 50px; max-width: 169px; }
.lang-sk .hdr-button { font-size: 15px; }

#navigation { height: 53px; clear: both; position: relative; z-index: 2500; }
#menu { display: inline; float: left; width: 932px; height: 42px; border-radius: 3px; background: url(../images/css/nav-bkg.png); box-shadow: 0 0 4px #dcddde; }
.lnk-fb { float: right; width: 40px; height: 42px; overflow: hidden; text-indent: -9999px; background: url(../images/css/sprites-misc.png) no-repeat 0 -76px; border-radius: 3px; box-shadow: 0 0 4px #dcddde; }
.lnk-fb:hover { background-position: -40px -76px; } 

/*** Main ***/
#main { position: relative; z-index: 1; clear: both; margin: 0 0 25px; }
#container { display: inline; float: right; width: 700px; padding-right: 20px; position: relative; z-index: 5; }
#side { display: inline; float: left; width: 240px; position: relative; z-index: 5000; }

#path { height: 53px; margin: 0; font-size: 11px; line-height: 17px; }
#path li { display: inline; margin: 0 0 0 0; padding: 0 10px 0 0; background: url(../images/css/path-divider.png) no-repeat 100% 0; }
#path .on { background: 0; margin: 0; padding: 0; }
#path a { color: #7a7a7b; text-decoration: none; }
#path a:hover, 
#path .on a { color: #b41d8d; }

#tools { position: absolute; top: 17px; right: 20px; height: 24px; padding: 0; z-index: 2; }
#font-size { width: 78px; height: 24px; display: inline; float: left; margin: 0 8px 0 0; padding: 0 11px 0 0; border-right: 1px solid #e6e6e6; }
#tools a { float: left; width: 24px; height: 24px; margin: 0 0 0 2px; overflow: hidden; text-indent: -9999px; background-image: url(../images/css/sprites-misc.png); background-repeat: no-repeat; }

#small { background-position: 0 -153px; }
#small:hover { background-position: -24px -153px; }

#normal { background-position: -48px -153px; }
#normal:hover { background-position: -72px -153px; }

#large { background-position: -96px -153px; }
#large:hover { background-position: -120px -153px; }

#print { background-position: -144px -153px; }
#print:hover { background-position: -168px -153px; }

.share-top { height: 24px; white-space: nowrap; position: absolute; top: 60px; right: -14px; } 

#options { clear: both; height: 24px; margin: 20px 0 0; position: relative; }
.addthis_button_facebook_like { margin-right: 20px !important; }
#top-link { position: absolute; top: -2px; right: -2px; z-index: 200; width: 36px; height: 34px; overflow: hidden; text-indent: -9999px; background: url(../images/css/sprites-misc.png) no-repeat -240px -76px; }
#top-link:hover { background-position: -276px -76px; }

/*** Side ***/
#search { background: #fff url(../images/css/search-top-bkg.gif) repeat-x 0 0; padding: 20px 20px 0 20px; color: #fff; height: 342px; position: relative; }

#search .h2 { font-size: 18px; line-height: 1.1em; font-weight: bold; color: #fff; letter-spacing: -1px; margin: 0 0 10px; }
.sd-title { margin: 0 0 10px; }

.sd-select { margin: 0 0 10px; width: 200px; height: 29px; overflow: hidden; }
.sd-select select { width: 100%; border: 0; overflow: hidden;  padding: 7px 0 7px 10px; background: url(../images/css/sprites-misc.png) no-repeat -56px 0; font: normal 12px Arial, Helvetica, sans-serif; color: #404041 !important; }

.sd-select .selectBox-dropdown      { width: 200px !important; height: 29px !important; font: normal 12px Arial, Helvetica, sans-serif; color: #404041 !important; text-decoration: none !important; background: url(../images/css/sprites-misc.png) no-repeat -56px 0; display: inline-block; cursor: default; }

.sd-select .selectBox-label         { padding: 0 10px; display: inline-block; white-space: nowrap; overflow: hidden; line-height: 29px; width: 150px !important; text-overflow: ellipsis; cursor: default; }

.selectBox-dropdown-menu { position: absolute; z-index: 99999; max-height: 200px; min-height: 1em; border: solid 1px #bbb; background: #fff; overflow: auto; }

.selectBox-inline        { min-width: 150px; outline: none; border: solid 1px #BBB; background: #FFF; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: auto; }
.selectBox-inline:focus  { border-color: #666; }

.selectBox-options,
.selectBox-options li,
.selectBox-options li a                    { list-style: none; display: block; cursor: default; padding: 0; margin: 0; }
.selectBox-options li                      { margin: 0; padding: 0; background: 0; }
.selectBox-options li a                    { line-height: 16px; padding: 4px 7px; white-space: normal; overflow: hidden; color: #404041 !important; text-decoration: none; }

.selectBox-options li.selectBox-hover a    { background-color: #ddd; }
.selectBox-options li.selectBox-disabled a { color: #888; background-color: transparent; }
.selectBox-options li.selectBox-selected a { background-color: #3dbaec; }

.last-sd-select { height: 50px; margin: 0; background: 0; line-height: 16px; }
.sd-select p { display: inline; float: left; margin: 0; padding: 6px 0 0; width: 115px; }
.distance-select { display: inline; float: right; width: 78px; height: 29px; overflow: hidden; background: url(../images/css/sprites-misc.png) no-repeat -257px 0; }
.distance-select select { background: url(../images/css/sprites-misc.png) no-repeat -257px 0; }

.last-sd-select .selectBox-dropdown { width: 78px !important; background: url(../images/css/sprites-misc.png) no-repeat -257px 0; }
.last-sd-select .selectBox-label { width: 40px !important; padding: 0 5px; }

.sd-options { height: 50px; margin: 0 0 20px; }
.sd-options li { float: left; width: 49px; height: 50px; border-right: 1px solid #8cd7f4; padding: 0 10px 0 0; margin: 0 10px 0 0; background: 0; }
.sd-options .last-child { border: 0; margin: 0; padding: 0; }
.sd-options p { margin: 6px 0 0; padding: 0 0 0 19px; height: 13px; line-height: 13px; overflow: hidden; position: relative; background: url(../images/css/sprites-misc.png) no-repeat -336px 0; cursor: pointer; }
.sd-options label { cursor: pointer; }
.sd-options p:hover { background-position: -421px 0; }
.sd-options p.active { background-position: -336px -13px; }
.sd-options input { position: absolute; top: -9999px; letter-spacing: -9999px; }

.lang-si .sd-options li { padding-right: 8px; margin-right: 8px; }
.lang-si .sd-options .first-child { width: 68px; }
.lang-si .sd-options .second-child { width: 40px; }
.lang-si .sd-options .last-child { width: 40px; margin-right: 0; padding-right: 0; }

.lang-pl .sd-options li { padding-right: 8px; margin-right: 8px; }
.lang-pl .sd-options .first-child { width: 68px; }
.lang-pl .sd-options .second-child { width: 40px; }
.lang-pl .sd-options .last-child { width: 40px; margin-right: 0; padding-right: 0; }

.lang-cz .sd-options li { padding-right: 7px; margin-right: 7px; }
.lang-cz .sd-options .first-child { width: 62px; }
.lang-cz .sd-options .second-child { width: 45px; }
.lang-cz .sd-options .last-child { width: 45px; margin-right: 0; padding-right: 0; }

.lang-de .sd-options { width: 215px; }
.lang-de .sd-options li { padding-right: 4px; margin-right: 5px; }
.lang-de .sd-options .first-child { width: 70px; }
.lang-de .sd-options .second-child { width: 47px; }
.lang-de .sd-options .last-child { width: 45px; margin-right: 0; padding-right: 0; }

.lang-it .sd-options { width: 215px; margin-top: -5px; height: 63px; overflow: hidden; }
.lang-it .sd-options li { padding-right: 7px; margin-right: 7px; height: 63px !important; }
.lang-it .sd-options .first-child { width: 70px; }
.lang-it .sd-options .second-child { width: 47px; padding-top: 12px; }
.lang-it .sd-options .last-child { width: 45px; margin-right: 0; padding-right: 0; padding-top: 12px; }

.sd-submit { position: absolute; bottom: 0; left: 0; width: 220px; height: 58px; padding: 0 10px; background: url(../images/css/search-bottom-bkg.gif) repeat-x 0 100%; }
.sd-submit a { display: block; width: auto; height: 45px; overflow: hidden; text-align: center; background: url(../images/css/search-button.gif) repeat-x 0 0; color: #fff; text-decoration: none; font-size: 14px; line-height: 45px; border-radius: 3px; border: 1px solid #005b93; border-right-color: #004b79; border-bottom-color: #003a5f; border-left-color: #0e5b85; box-shadow: 0 1px 0 0 #3a96b8; }
.sd-submit a span { display: inline-block; padding: 0 23px 0 0; background: url(../images/css/zoom.png) no-repeat 100% 14px; }

.sd-submit a:hover { text-shadow: 0 1px #003657; box-shadow: inset 0 1px 3px #000; border-collapse: #4bc3f1 !important; }
.sd-submit a:hover span { background-position: 100% -36px; }


#sdnav { background: #f4f4f4; margin: 1px 0; padding: 10px 0; line-height: 18px; }

#sideMenu ul { margin: 0; padding: 0; border-top: 1px solid #fff; background: #fff; }

#sdnav > ul > li { margin: 0 0 2px 0; padding: 0; box-shadow: 0 1px 1px #ccc; border: 1px solid #dfdfdf; border-right-color: #dbdbdb; border-bottom-color: #cdcdcd; border-left-color: #d9d9d9; border-radius: 3px; background: #f5f5f5 url(../images/css/sdnav.gif) repeat-x 0 0; position: relative; z-index: 1; }
#sdnav > ul > li > a { display: block; padding: 8px 20px; color: #515152; text-decoration: none; position: relative; }

#sdnav a:hover, 
#sdnav > ul > .on > a, 
#sdnav > ul > li:hover > a { color: #b41d8d; text-shadow: 0 1px #fff; }

#sdnav > ul > li.sub > a { padding-right: 43px; z-index: 5000; width: 190px; }
#sdnav > ul > li.sub > a span { position: absolute; top: 12px; left: 212px; width: 7px; height: 11px; overflow: hidden; background: url(../images/css/side-menu-arrow.png) no-repeat 0 0; }
#sdnav > ul > li:hover > a span,
#sdnav > ul > li.open > a span,
#sdnav > ul > li.on > a span { background-position: 0 -11px; }

#sdnav > ul > li:hover, 
#sdnav > ul > li.on { box-shadow: inset 0 1px 3px #000; border-color: #fff; }

#sdnav > ul > li.sub:hover, 
#sdnav > ul > li.open { background: #f1f1f1; border-color: #f1f1f1; box-shadow: 0 1px 3px #979797; z-index: 2; border-top-right-radius: 0; border-bottom-right-radius: 0; }
#sdnav > ul > li.sub:hover > a, 
#sdnav > ul > li.open > a { background: #f1f1f1; }

#sdnav .dropdown { position: absolute; left: 100%; top: -1px; width: 240px; background: #f1f1f1; box-shadow: 0 1px 3px #979797; border-top-right-radius: 5px; border-bottom-left-radius: 10px; border-bottom-right-radius: 5px; }
#sdnav .dropdown ul { background: #f1f1f1; border: 0; padding: 5px 20px; }

#sdnav .dropdown ul li { margin: 0; padding: 0; background: 0; }
#sdnav .dropdown a { display: block; border-top: 1px solid #f8f8f8; border-bottom: 1px solid #e3e3e3; line-height: 16px; padding: 5px 0; color: #515152; text-decoration: none; text-shadow: 0 1px #fff; }
#sdnav .dropdown a:hover, 
#sdnav .dropdown .on a { color: #b41d8d; }
#sdnav .dropdown .first-child a { border-top: 0; }
#sdnav .dropdown .last-child a { border-bottom: 0; }

#sdnav > ul > .last-child { background-image: url(../images/css/sdnav-last.gif); border-top-color: #f07d43; border-right-color: #e6743b; border-bottom-color: #c95d25; border-left-color: #e7763c; box-shadow: 0 1px 0 0 #bfbfbf; }
#sdnav > ul > .last-child a { color: #fff !important; }

#sdnav > ul > .last-child:hover > a, 
#sdnav > ul > .last-child.on > a, 
#sdnav > ul > .last-child.open > a { text-shadow: none; color: #fff; }

#sdnav > ul > .last-child.sub:hover, 
#sdnav > ul > .last-child.open { background: url(../images/css/sdnav-last.gif) repeat-x 0 0; border-top-color: #f07d43; border-right-color: #e6743b; border-bottom-color: #c95d25; border-left-color: #e7763c; box-shadow: 0 1px 3px #979797; }
#sdnav > ul > .last-child.sub:hover > a, 
#sdnav > ul > .last-child.open > a { background: url(../images/css/sdnav-last.gif) repeat-x 0 0; text-shadow: none; }

#sdnav > ul > .last-child .dropdown { border-style: solid; border-width: 1px; border-top-color: #f07d43; border-right-color: #e6743b; border-bottom-color: #c95d25; border-left-color: #e7763c; }
#sdnav > ul > .last-child .dropdown,
#sdnav > ul > .last-child .dropdown ul { background: #f07c43 url(../images/css/sdnav-last.gif) repeat-x 0 0; }
#sdnav > ul > .last-child .dropdown ul a { text-shadow: none; border-bottom: 1px solid #f48d46; border-top: 0; padding-top: 6px; }
#sdnav > ul > .last-child .dropdown ul .last-child a { border-bottom: 0; }
#sdnav > ul > .last-child .dropdown ul a:hover, 
#sdnav > ul > .last-child .dropdown ul .on a { color: #6a341a !important; }
#sdnav > ul > .last-child a span { background-position: 0 -22px !important; }

#sdnav .dropdown { display: none; visibility: hidden; }
#sdnav .sub:hover .dropdown, 
#sdnav .open .dropdown { display: block; visibility: visible; }


#last-apartments { border-bottom: 1px solid #fff; background: url(../images/css/last-apart-top-bkg.png) repeat-x 0 0; padding: 20px 0 0; }
#last-apartments .h2 {font-size: 14px; line-height: 1.1em; font-weight: bold; color: #404041; margin: 0 0 20px; padding: 0 20px; text-shadow: 0 1px #fff; letter-spacing: 0; }
#last-apartments ul { padding: 0 20px 20px 20px; margin: -9px 0 0; background: url(../images/css/last-apart-bottom-bkg.png) repeat-x 0 100%; }
#last-apartments ul li { margin: 0; padding: 0; background: 0; border-bottom: 1px solid #eaeaea; }
#last-apartments a { display: block; width: 200px; line-height: 16px; padding: 9px 0 9px 0; color: #515152; text-decoration: none; white-space: normal; }
#last-apartments a:hover { color: #b41d8d; }
#last-apartments a img { float: right; }
#last-apartments a span { float: left; width: 120px; }

#last-apartments ul .last-child { border: 0; }
#last-apartments ul .last-child a { padding-bottom: 0; }


#newsletter { padding: 20px; background: url(../images/css/newseltter-bkg.png) repeat-x 0 0; line-height: 16px; color: #7a7a7b; }
#newsletter .h2 { font-size: 14px; line-height: 1.1em; font-weight: bold; color: #404041; text-shadow: 0 1px #fff; margin: 0 0 10px; letter-spacing: normal; }
#newsletter p { margin: 10px 0; }

#newsletter fieldset { margin: 10px 0 0 -2px; width: 201px; height: 35px; }
.nl-input { float: left; width: 144px; padding: 0 10px; height: 35px; overflow: hidden; border: 0; background: url(../images/css/sprites-misc.png) no-repeat 0 -118px; font: normal 12px/35px Arial, Helvetica, sans-serif; color: #7a7a7b;  }
.nl-submit { float: left; width: 37px; height: 35px; overflow: hidden; text-indent: -9999px; background: url(../images/css/sprites-misc.png) no-repeat -164px -118px; }
.nl-submit:hover { background-position: -201px -118px; }

#partners { text-align: center; }

/*** Footer ***/
#footer { clear: both; background: #d6ecf7; margin: 0; padding: 20px 0 20px 20px; }
#footer .h2 { font-size: 14px; line-height: 1.1em; font-weight: bold; letter-spacing: 0; color: #404041; margin: 0; clear: both; }
#footer ul { margin: 0; }
#footer li { margin: 10px 0 0; padding: 0; background: 0; }
#footer a { color: #404041; text-decoration: none; display: block; padding: 0 0 0 10px; background: url(../images/css/footer-arrow.gif) no-repeat 0 3px; }
#footer a:hover { color: #b41d8d; }

.ftr-box       { width: 960px; clear: both; }
.ftr-box ul li { float: left; width: 220px; margin-right: 20px !important; }

#impressum { width: 100%; background: #fff; line-height: 12px; clear: both; }
#impressum .inner { position: relative; padding: 20px; width: 940px; }

#links { text-align: right; margin: 0; white-space: nowrap; overflow: hidden; }
#development { clear: both; margin: 0; padding: 5px 0 0; color: #a4a4a4; font-size: 10px; text-transform: uppercase; text-align: right; }

#links ul { margin: 0; overflow: hidden; }
#links li { float: left; margin: 0 -5px 0 11px; padding: 0 5px 0 0; border-right: 1px solid #7a7a7b; background: 0; }
#links a { color: #7a7a7b; text-decoration: none; }
#links a:hover { color: #b41d8d; }

#development a { color: #a4a4a4; text-decoration: none; }
#development a:hover { color: #b41d8d; }

.footer-off #footer { display: none; }
.footer-off #main { margin-bottom: 0; padding-bottom: 25px; }


/* --------------- NAVIGATION ------------- */

#menu { position: relative; }

#menu p,
#menu ul { float: left; height: 40px; margin-top: 1px; margin-bottom: 0; line-height: 40px; }

#menu p { position: relative; z-index: 5000; padding: 0 27px 0 19px; background: url(../images/css/menu-title-bkg.png) no-repeat 100% 0; color: #838385; border-top-left-radius: 3px; border-bottom-left-radius: 3px; margin-left: 1px; }

#nav { margin: 0 0 0 -14px; z-index: 10; margin-top: 0 !important; }
#nav > li { float: left; padding: 0 0 0 4px; margin: 0; background: url(../images/css/nav.png) no-repeat 100% -88px; cursor: pointer; }
#nav > li > a { float: left; height: 44px; padding: 0 20px 0 12px; font-size: 14px; color: #404041; text-decoration: none; background: url(../images/css/nav.png) no-repeat 100% -9999px; position: relative; z-index: 500; }

#nav > li.first-child > a { padding-left: 20px; }
#nav > li.first-child:hover > a { padding-left: 24px !important; }
#nav > li.last-child { background-position: 0 -9999px; }

#nav > li.sub:hover { background-position: 0 0 !important; margin-left: -4px; }
#nav > li.sub:hover > a { background-position: 100% -44px !important; color: #b41d8d; padding-left: 16px; }

#nav > .on > a,
#nav > li:hover > a {  color: #b41d8d; }

#nav .dropdown { position: absolute; top: 43px; left: -2px; width: 984px; visibility: hidden; z-index: 200; }
#nav .dropdown-top { width: 984px; height: 20px; background: url(../images/css/dd-top.png); }
#nav .dropdown-body { width: 982px; padding-left: 2px; background: url(../images/css/dd-body.png) repeat-y 0 0; }
#nav .dropdown-bottom { width: 984px; height: 20px; background: url(../images/css/dd-bottom.png); }

#nav .dropdown ul { height: auto !important; margin: 0 !important; line-height: 18px !important; float: left; width: 220px; padding: 0 0 0 20px; white-space: normal; }
#nav .dropdown ul li { margin: 0; padding: 0 0 2px; background: url(../images/css/dd-border.gif) repeat-x 0 100%; }
#nav .dropdown ul .last-child { background: 0; }

#nav .dropdown ul a { display: block; padding: 5px 0; color: #515152; text-decoration: none; text-shadow: 0 1px #fff; }
#nav .dropdown ul a:hover, 
#nav .dropdown ul .on a { color: #b41d8d; }

#nav .dropdown .first-child a { padding-top: 0; }
#nav .dropdown .last-child a { padding-bottom: 0; }

#nav .sub:hover .dropdown { visibility: visible; }

/* --------------- CONTENT --------------- */

/*** HOME ***/
#home { width: 700px; }

#top { width: 730px; height: 362px; overflow: hidden; box-shadow: 0 0 10px #888; position: relative; margin: 0 0 25px -10px; }
#top .items, 
#top .item { width: 730px; height: 362px; overflow: hidden; position: relative; z-index: 1; }
#top .item { display: none; }
#top .content { position: absolute; left: 0; bottom: 10px; width: 385px;  background: #b41d8d; padding: 15px 20px 20px 20px; color: #fffefe; font-size: 12px; line-height: 18px; }

#top h2 { margin: 0 0 10px; font-size: 26px; font-weight: bold; letter-spacing: -1.5px; line-height: normal; }
#top h2 a { display: block; color: #fffefe; text-decoration: none; }

#top .content a { color: #fffefe; text-decoration: none; }
#top .content a:hover { color: #5e1e4d !important; }

.top-nav { position: absolute; bottom: 18px; right: 18px; z-index: 20; height: 34px; padding: 0 65px 0 0; white-space: nowrap; }
.play, 
.pause { position: absolute; top: 0; right: 0; width: 36px; height: 34px; overflow: hidden; background-image: url(../images/css/sprites-misc.png); background-repeat: no-repeat; display: none; cursor: pointer; }

.play { background-position: -168px -76px; }
.play:hover { background-position: -204px -76px; }

.pause { background-position: -96px -76px; }
.pause:hover { background-position: -132px -76px; }

.top-nav ul { margin: 0; padding: 9px 0 0; }
.top-nav ul li { float: left; margin: 0 0 0 15px; padding: 0; background: 0; }
.top-nav ul a { float: left; width: 16px; height: 16px; overflow: hidden; text-indent: -9999px; background: url(../images/css/sprites-misc.png) no-repeat -80px -92px; }
.top-nav ul a:hover, 
.top-nav ul a.on, 
.top-nav ul .on a { background-position: -80px -76px; }

.home-box { font-size: 12px; line-height: 18px; color: #7a7a7b; position: relative; }
.home-box h2 { font-size: 18px; font-weight: normal; letter-spacing: 0; color: #404041; margin: 20px 0 10px 0; clear: both; }
.home-box .img-left { float: left; margin: 0 10px 10px 0; }
.home-box .img-right { float: right; margin: 0 0 10px 10px; }
#last-home-box { padding: 10px 0 0; margin: 14px 0 0; background: url(../images/css/divider-bottom.png) no-repeat 0 0; }

.show-details { margin: 5px 0; }

.home-box .share-top { top: 0; right: -26px; }

#home-offers { clear: both; margin: 10px 0 0; padding: 20px 0 0; background: url(../images/css/divider-top.png) no-repeat 0 0; }
.box { display: inline; float: left; width: 220px; margin: 0 20px 0 0; position: relative; background: url(../images/css/box-bkg.gif) repeat-x 0 126px; }

.box .image { position: relative; width: 220px; height: 126px; overflow: hidden; }
.box .image img { display: block; position: relative; z-index: 1; }
.box .highlight { position: absolute; bottom: 0; left: 0; z-index: 2; margin: 0; padding: 0 10px; font-size: .9em; line-height: 23px; color: #fff; letter-spacing: 0; text-transform: uppercase; background: url(../images/css/apartment-heading-shadow.gif) repeat-x 0 0; }
.box .highlight a { color: #fff; text-decoration: none; display: block; margin: 0 -10px; padding: 0 10px; }

.box .content { padding: 10px; font-size: .9em; line-height: 1.3em; color: #ef5aa1; min-height: 78px; }
.box .content p { margin: 0; }
.box .category { padding-bottom: 5px; }
.box .title { font-size: 1.3em; padding-bottom: 5px; }
.box .title a { color: #d1108c; text-decoration: none; }
.box .title a:hover { color: #5e1e4d; }

.details { clear: both; margin: 0 0 10px; padding: 0 10px; text-transform: capitalize; }
.details a { float: left; height: 22px; line-height: 23px; font-size: .9em; color: #515152; text-decoration: none; background: url(../images/css/details.gif) repeat-x 0 0; padding: 0 7px; border: 1px solid #e5e5e5; border-right-color: #d7d7d7; border-bottom-color: #cdcdcd; border-left-color: #d8d8d8; border-radius: 3px; box-shadow: 0 2px 4px 0 #ddd; }
.details a:hover { color: #b41d8d; box-shadow: inset 0 1px 3px #000; border-color: #f1f1f1; }

.other-offers { padding: 10px 0 0 0; border-top: 1px solid #ececec; font-size: .9em; }
.other-offers a { color: #515152; text-decoration: none; }
.other-offers a:hover { color: #b41d8d; }

#home-weather { margin-right: 0; }
#home-weather .highlight, 
#home-weather .highlight a { background: #fff; color: #404041; }
#home-weather .content { color: #919192; }

/*** DEFAULT ***/
#content { font-size: 1em; line-height: 1.75em; }
#content h1 { width: 500px; }

#images { width: 700px; } 
#images .items, 
#images .item { width: 700px; height: 362px; position: relative; z-index: 2; }
#images .item { display: none; }

#images img { display: block; margin: 0; box-shadow: 0 0 6px #888; }

.thumbs { position: relative; z-index: 1px; height: 95px; background: url(../images/css/thumbs-bkg.png) repeat-x 0 0; }
.thumbs ul { margin: 0; padding: 10px 0 0 10px; }
.thumbs li { float: left; margin: 0 10px 0 0; padding: 0; background: 0; width: 104px; height: 57px; }

.thumbs li:hover img, 
.thumbs li.on img { border: 2px solid #b41d8d; box-shadow: none !important; margin: -2px 0 0 -2px !important; }

#intro { margin: 0 0 20px; font-size: 1.2em; }
#intro *:first-child { margin-top: 0; }

.img-left { float: left; margin: 0 20px 20px 0; }
.img-right { float: right; margin: 0 0 20px 20px; }

.registration { display: block; height: 38px; margin: 20px 0; }
.registration a { position: relative; float: left; padding: 10px 54px 10px 19px; font-size: 16px; line-height: 18px; font-weight: bold; letter-spacing: -1px; color: #fff; text-decoration: none; background: url(../images/css/hdr-button.gif) repeat-x 0 0; border: 1px solid #f07d43; border-right-color: #e8763d; border-bottom-color: #c85d25; border-left-color: #da6b33; border-radius: 3px; box-shadow: 0 1px 0 0 #999; }
.registration a:hover { background-position: 0 -80px; color: #fff; text-shadow: 0 1px #b57239; box-shadow: inset 0 1px 3px #000; border-top-color: #533819; border-right-color: #a46430; border-bottom-color: #d66e3c; border-left-color: #a56931; }

.registration a span { position: absolute; top: 12px; right: 19px; width: 11px; height: 16px; overflow: hidden; background: url(../images/css/hdr-button-arrow.png) no-repeat 0 0; }
.registration a:hover span { background-position: 0 -16px; }


/*** CATALOG ***/
.googleMap { width: 710px; height: 372px; overflow: hidden; background: url(../images/css/region-map-shadow.png) no-repeat 0 0; margin-left: -5px; }
.googleMap .gMap { width: 700px; margin: 4px auto 0 auto; }

.catalogIntro { margin: 14px 0 0 0; }
.catalogIntro h2 { color: #404041; line-height: 1.15em; margin: 20px 0 10px 0; }
.catalogIntro h3 { color: #404041; line-height: 1.15em; margin: 20px 0 10px 0; }
.catalogIntro h4 { color: #404041; line-height: 1.15em; margin: 20px 0 10px 0; }
.catalogIntro p  { margin: 10px 0; }

.catalogContent { width: 720px; height: 100%; overflow: hidden; }
.catalogContent h2 { margin-top: 20px; }
.catalogContent .cRow { overflow: hidden; color: #7a7a7b; line-height: 14px; font-size: 0.91em; }
.catalogContent .cRow .cBox { background: url(../images/css/gradient-catalog.gif) repeat-x 0 126px; float: left; display: inline; width: 220px; margin: 0 20px 0 0; padding-bottom: 27px; }
.catalogContent .cRow .cBox .ctitle a { font-size: 1.3em; color: #404041; text-decoration: none; }
.catalogContent .cRow .cBox .ctitle a:hover { color: #b41d8d; text-decoration: none; }

.clink { clear: both; margin: 0 0 10px; padding: 0 10px; text-transform: capitalize; }
.clink a { float: left; height: 22px; line-height: 23px; font-size: 1em; color: #515152; text-decoration: none; background: url(../images/css/details.gif) repeat-x 0 0; padding: 0 7px; border: 1px solid #e5e5e5; border-right-color: #d7d7d7; border-bottom-color: #cdcdcd; border-left-color: #d8d8d8; border-radius: 3px; box-shadow: 0 2px 4px 0 #ddd; }
.clink a:hover { color: #b41d8d; box-shadow: inset 0 1px 3px #000; border-color: #f1f1f1; }

.catalogContent .first-child .clink { clear: both; margin: 0 0 10px; padding: 0 10px; }
.catalogContent .first-child .clink a { float: left; height: 22px; line-height: 23px; font-size: 1em; color: #515152; text-decoration: none; background: url(../images/css/details.gif) repeat-x 0 0; padding: 0 7px; border: 1px solid #e5e5e5; border-right-color: #d7d7d7; border-bottom-color: #cdcdcd; border-left-color: #d8d8d8; border-radius: 3px; box-shadow: 0 2px 4px 0 #7b0c51; }
.catalogContent .first-child .clink a:hover { color: #b41d8d; box-shadow: inset 0 1px 3px #000; border-color: #bc1a7f; }

.catalogContent .cRow .cBox .ctitle,
.catalogContent .cRow .cBox .cdescription { padding: 0 10px 5px 10px; }
.catalogContent .cRow .cBox .cstars { padding: 9px 0 5px 7px; }

.catalogContent .first-child { color: #ffeaf4 !important; margin-bottom: 20px !important; }
.catalogContent .first-child .cBox { padding-bottom: 7px !important; }
.catalogContent .first-child .ctitle a { color: #fdfdfd !important; }
.catalogContent .first-child .ctitle a:hover { color: #5e1e4d !important; }
.catalogContent .first-child { margin-top: -6px !important; }
.catalogContent .first-child .cBox { background: #bc1a7f !important; }
.catalogContent .first-child .cstars { padding: 6px 0 0 3px !important; }

.destinations { margin: 0; padding: 0; overflow: hidden; line-height: normal; }
.destinations li { margin: 0 20px 1px 0; padding: 0; background: none; float: left; display: inline; width: 200px; padding: 9px 10px 7px 10px; }
.destinations li.light { background-color: #f9f9f9; }
.destinations li.dark { background-color: #f3f3f3; }
.destinations li a { text-decoration: none; }

#apIntro { overflow: hidden; width: 705px; }
#apIntroMain { float: left; display: inline; width: 280px; overflow: hidden; }
#apIntroMain table { width: 100%; margin: 6px 0 0 0; }
#apIntroMain table td.label { color: #7a7a7b; width: 45%; }
#apIntroMain table td.apStars { padding-top: 9px; }

#apMain table td { font-size: 1em; padding: 4px 10px; background: transparent; }
#apMain table td.languages { color: #636364; text-transform: uppercase; font-size: 0.833em; }
#apMain table td.languages span { display: inline; width: 24px; height: 21px; text-align: center; background: url(../images/css/contact-languages.gif) no-repeat 0 0; float: left; margin-right: 6px; margin-bottom: 6px; }
#apMain table td.external { background: url(../images/css/external-gradient.gif) repeat-x left top; }
#apMain table td.external a { text-decoration: none; background: url(../images/css/external.gif) no-repeat top right; padding-right: 22px; }

.map-wrapper { width: 230px; height: 282px; float: left; display: inline; margin: 0 0 0 15px; }
#apMap { width: 230px; height: 282px; overflow: hidden; background: url(../images/css/apartment-map-shadow.png) no-repeat 0 0; float: left; display: inline; }
#apMap .apartmentMap { width: 220px; margin: 4px auto 0 auto; }
#apMapHolder { width: 220px; margin: 4px auto 0 auto; }
.street-view { clear: both; }

#apMainImages { width: 170px; overflow: hidden; display: inline; float: right; margin-right: -5px; }
#apMainImages ul { margin: 0; padding: 0; }
#apMainImages ul li { margin: 0 0 10px 0; padding: 0; background: url(../images/css/apartment-image-shadow.png) no-repeat 0 0; width: 170px; height: 136px; }
#apMainImages ul li img { width: 160px; padding: 4px 0 0 5px; }
#apMainImages ul li.last-child { margin: 0; }

#apDistance table,
#apOutdoor table { margin: 0; }
#apDistance td,
#apOutdoor td,
.apEquipment td { width: 90px; padding: 4px 0 !important; }
#apDistance td.label { color: #7a7a7b; width: 130px; padding: 4px 0 4px 10px !important; }
#apDistance td.mid,
#apOutdoor td.mid,
.apEquipment td.mid { width: 20px !important; padding: 0 !important; background: none !important; border: none !important; }

#apOutdoor td,
.apEquipment td { text-align: right; padding: 8px 11px 0 0 !important; }
#apOutdoor td.label,
.apEquipment td.label { text-align: left; color: #7a7a7b; width: 130px; padding: 4px 0 4px 10px !important; }
.apEquipment td.label { color: #404041 !important; }

#apDistance .h3,
#apOutdoor .h3 { margin: 20px 0 10px 0; font-size: 1.4em; line-height: 1.1em; }

.apContent { clear: both; overflow: hidden; background-color: #f4f4f4; margin: 24px 0 0 0; }
.apEquipment { background: url(../images/css/apartment-content-shadow.gif) repeat-x left bottom; }
.apHeading { font-size: 1.55em; line-height: 38px; font-weight: normal; letter-spacing: -1px; color: #fff; display: block; background: url(../images/css/apartment-heading-shadow.gif) repeat-x 0 0; height: 38px; padding-left: 10px; position: relative; }

.ap-button { position: absolute; right: 3px; top: 3px; height: 33px; overflow: hidden; padding: 0 0 0 5px; background: url(../images/css/ap-button.png) no-repeat 0 0; font-size: 14px; line-height: 33px; color: #fff; text-decoration: none; letter-spacing: 0; }
.ap-button span { float: left; height: 33px; padding: 0 15px 0 10px; background: url(../images/css/ap-button.png) no-repeat 100% -33px; }
.ap-button:hover { color: #fff; background-position: 0 -66px; }
.ap-button:hover span { background-position: 100% -99px; }

.apGallery { overflow: hidden; }
.apGallery ul { margin: 0 0 0 6px; padding: 0; overflow: hidden; }
.apGallery ul li { margin: 0 1px 0 0; padding: 0; background: url(../images/css/apartment-gallery-shadow.png) no-repeat 0 0; float: left; display: inline; width: 114px; height: 67px; }
.apGallery ul li img { width: 104px; padding: 4px 0 0 5px; }

.apPrice { padding: 10px; overflow: hidden; }
.apPrice .additional { color: #7a7a7b; line-height: 18px; float: left; display: inline; width: 200px; }
.apPrice .notification { color: #919192; font-size: 0.9em; line-height: 14px; }
.apPrice .priceHeading { clear: both; display: block; color: #7a7a7b; font-weight: bold; font-size: 1.2em; line-height: 30px; }
.apPrice .priceTable { width: 449px; margin-right: 20px; float: left; display: inline; }
.apPrice .priceTable table { margin: 0; }
.apPrice .priceTable th { color: #fff; background-color: #f391bc; text-align: center; line-height: normal; vertical-align: bottom; border-bottom: none; border-left: 1px solid #fff; padding: 7px 10px; }
.apPrice .priceTable td { text-align: center; border-bottom: none; border-left: 1px solid #fff; padding: 7px 0 !important; line-height: normal; }
.apPrice .priceTable .even { background-color: #f4d6e3; }
.apPrice .priceTable .odd { background-color: #f7e2eb; }
.apPrice .priceTable .leftSide { text-align: left; padding-left: 10px !important; border-left: none !important; }
.apPrice .priceTable .even .leftSide { background-color: #aae2f3 !important; }
.apPrice .priceTable .odd .leftSide { background-color: #c4ebf7 !important; }
.apPrice .priceTable .odd th.leftSide { background-color:#00baf2 !important; }
.apPrice .priceTable .notification { margin: 10px 0; }

.first-minute-box .apPrice .priceTable,
.last-minute-box .apPrice .priceTable { display: block; float: none; width: 100%; margin-right: 0; }
.first-minute-box .apPrice .priceTable table,
.last-minute-box .apPrice .priceTable table { width: 100%; }

#apForm { padding: 0 10px; clear: both; }
#apForm .basicForm { margin: 20px -10px 0 -10px; padding-left: 10px; padding-right: 10px; }

#apForm .h2, 
#apForm .h3, 
#apForm .h4, 
#apForm .h5 { margin-bottom: 10px; }
#apForm .h4, 
#apForm .h5, 
#apForm .h6 { margin-top: 0; }

#apForm .h3 { font-size: 1.4em; line-height: 1.1em; }
#apForm .h5 { font-size: 1.2em; line-height: 1.1em; }

#apFormCols { clear: both; width: 680px; margin: 20px -10px 0 -10px; padding: 20px 10px 0 10px; background: url(../images/css/form-shadow-top.png) no-repeat 0 0; }
#apFormLeft,
#apFormRight { display: inline; float: left; overflow: hidden; }
#apFormLeft { width: 320px; margin: 0 40px 0 0; }
#apFormRight { width: 320px; margin-right: 0; }

#apForm .input, 
#apForm .select, 
#apForm .textarea { padding-left: 0; }
#apForm .input label, 
#apForm .select label, 
#apForm .textarea label { display: block; float: none; width: auto; margin: 0; padding: 0; text-align: left; }

#apForm .input input { width: 257px; background-image: url(../images/css/input-apform.png); }
#apForm .error .input input { width: 257px; background-image: url(../images/css/error-input-apform.png); }

#apForm .small .input input { width: 257px; width: 119px; background-image: url(../images/css/input-small.png); }
#apForm .small.error .input input { background-image: url(../images/css/error-input-small.png); }

#apForm .input, 
#apForm .select { height: 60px; }

#apForm .textarea textarea { min-width: 618px; width: 618px; max-width: 618px; min-height: 107px; height: 107px; max-height: 107px; background-image: url(../images/css/textarea.png); }
#apForm .error .textarea textarea { background-image: url(../images/css/error-textarea.png); }

#apForm .captchaWrapper { margin-left: 0; width: 638px; }
#apForm .captchaImageWrapper { width: 162px; }
#apForm .captchaInput { width: 440px; }
#apForm .captchaInput label { float: left; width: 335px; line-height: 35px; }
#apForm .captchaWrapper .req { top: 16px; }

#apForm .form-buttons { margin-left: 0; width: 638px; }

#apForm .errorMessage { margin-left: 0; }


/*** TEXT SEARCH ***/
#searchForTerm                         { margin: 0 0 25px 0; font-size: 1.2em; }
#searchResultsWrapper div.searchResult { height: 100%; overflow: hidden; margin: 20px 0; }
#searchResultsWrapper div.no           { display: inline; float: left; width: 30px; margin: 0 10px 0 0; padding-bottom: 2px; text-align: right; }
#searchResultsWrapper div.title        { display: inline; float: left; font-weight: bold; padding-bottom: 2px; }
#searchResultsWrapper div.description  { clear: both; padding: 0 0 0 40px; }
#searchResultsWrapper div.url          { padding-left: 40px; font-size: 0.9em; font-style: italic; }
.searchTime,
#searchNotice                          { font-size: 11px; }
span.highlight                         { background: #d6ecf7; }

.search-notice { margin: 0 0 10px; }
.search-notice .highlight { background: 0; color: #b41d8d; }

/*** PAGINATOR ***/
.paginator             { height: 100%; overflow: hidden; margin: 10px 0 0 0; padding: 11px 0 0 0; color: #404041; line-height: 16px; font-size: 12px; position: relative; }
.paginator ul          { height: 100%; overflow: hidden; margin: 0; padding: 0; }
.paginator ul li       { float: left; background: none; padding: 0; margin: 0 -1px; }
.paginator ul a        { display: block; width: 35px; height: 35px; line-height: 30px; overflow: hidden; color: #404041; text-decoration: none; text-align: center; background: url(../images/css/paginator.png) no-repeat 0 0; }

.paginator ul a:hover  { color: #b41d8d; background-position: 0 -35px; }
.paginator ul a.on     { color: #fff; background-position: 0 -69px; }

.paginator ul .prevPage a { text-indent: -9999px; padding: 0; width: 46px; height: 45px; background: url(../images/css/paginator-prev-next.png) no-repeat 0 0; position: absolute; top: 0; right: 80px; }
.paginator ul .nextPage a { text-indent: -9999px; padding: 0; width: 75px; height: 45px; background: url(../images/css/paginator-prev-next.png) no-repeat -45px 0; position: absolute; top: 0; right: 0; }
.paginator ul .prevPage a:hover { background-position: 0 -44px; }
.paginator ul .nextPage a:hover { background-position: -44px -44px; }

.paginator ul li.listPages { margin: 0 15px; }

.paginator .off { visibility: hidden; }


/*** WEATHER ***/
.page-weather h2 { font-size: 1.3em; letter-spacing: normal; font-weight: bold; }

#weatherHolder  { margin-top: 30px; }

.weatherBox     { height: 100%; overflow: hidden; padding: 0 0 35px 0; margin: 0 0 30px 0; background: url(../images/css/weather-city-border.gif) no-repeat left bottom; }
.weatherBox ul  { margin: 0; }
.weatherBox li  { float: left; margin: 0; padding: 0; background: none; }

#weatherHolder .last-child { padding-bottom: 5px; background: none; }

.wCity { width: 140px; font-size: 21px; line-height: 48px; font-weight: bold; }
.wTemp { width: 90px; font-size: 32px; line-height: 48px; color: #f1592a; }
.wAtm  { width: 140px; text-align: center; }
.wDesc { line-height: 16px; color: #0295d8; padding-top: 20px !important; }

.weatherBox li ul    { clear: both; width: 700px; padding: 10px 0 0 0; }
.weatherBox li ul li { width: 100px; height: 147px; overflow: hidden; padding: 10px 10px 0 10px !important; margin: 0 18px 0 0 !important; border: 1px solid #efefef; border-radius: 2px; box-shadow: 1px 1px 1px #efefef; }

.weatherBox h3 { margin: 0 0 3px 0; font-size: 12px; line-height: 15px; letter-spacing: normal; text-align: center; color: #f1592a; font-weight: bold; }
.wDayAtm       { height: 65px; text-align: center; line-height: 12px; color: #0295d8; display: block; margin-bottom: 20px; }
.wDayAtm img   { display: block; margin: 0 auto 1px auto; }

.wDayMin,
.wDayMax      { line-height: 16px; padding-left: 19px; }
.wDayMin span,
.wDayMax span { color: #0295d8; margin: 0 10px 0 0; }

/*** FORMS ***/
.basicForm { color: #7a7a7b; background: url(../images/css/form-shadow-bottom.png) no-repeat 50% 100%; padding-bottom: 20px; }

.form-intro { font-size: 1em; margin: 20px 0; }
.form-intro-header { margin: 0 0 20px; }
.form-intro-footer { margin: 20px 0 0; }

.form-warning { margin: 0 0 20px; }
.form-warning .req { margin: 0 5px; line-height: 0; vertical-align: middle; }
.req { font-size: 36px; line-height: 36px; color: #0074bc; }

.errorMessage { margin: 0 0 20px 200px; color: #c52a2b !important; line-height: 1.5em; }
.errorMessage ul { margin: 0; }
.errorMessage ul li,
.errorMessage ol li { padding: 0; background: 0; }
.errorMessage ul li { margin-left: 0; }

.field-description { color: #000; font-size: .9em; margin: -5px 0 15px 200px !important; line-height: 1.3em; }
.field-description p { margin: 0; }

.input, 
.select, 
.textarea, 
.radio, 
.checkbox,
.checkboxlist { clear: both; padding: 0 0 0 200px; margin: 0 0 10px; } 

.input label, 
.select label,
.textarea label,  
.form-item-title { float: left; width: 190px; padding: 8px 10px 0 0; margin: 0 0 0 -200px; text-align: right; line-height: 18px; }
 
.input input { float: left; width: 312px; height: 37px; padding: 0 10px; margin: 0 10px 0 0; font: normal 12px/37px Arial, Helvetica, sans-serif; color: #404041; border: 0; background: url(../images/css/input.png) no-repeat 0 0; }
.small .input input { width: 119px; height: 35px; line-height: 35px; background-image:url(../images/css/input-small.png); }
.input img { float: left; margin: 7px 10px 0 0; }

.select-holder { float: left; width: 332px; height: 33px; margin: 0 10px 0 0; overflow: hidden; }
.select-holder select { width: 100%; background: url(../images/css/select-332.png) no-repeat 0 0; border: 0; overflow: hidden; font: normal 12px Arial, Helvetica, sans-serif; color: #404041; padding: 0 0 0 10px; }
.select-holder select option { display: block; padding: 5px 10px; }

.select .selectBox-dropdown { width: 332px !important; height: 33px !important; line-height: 33px !important; padding-top: 0; padding-bottom: 0; background: url(../images/css/select-332.png) no-repeat 0 0; font: normal 12px Arial, Helvetica, sans-serif; color: #404041 !important; text-decoration: none !important; padding: 0 0 0 10px; display: inline-block; cursor: default; }
.error .select .selectBox-dropdown { background-image: url(../images/css/error-select-332.png); }
.select .selectBox-label { width: 285px !important; display: inline-block; white-space: nowrap; overflow: hidden; line-height: 33px; text-overflow: ellipsis; cursor: default; }



#apFormCols .select-holder { float: left; width: 277px; height: 33px; margin: 0 10px 0 0; overflow: hidden; }
#apFormCols .select-holder select { width: 100%; background: url(../images/css/select.png) no-repeat 0 0; border: 0; overflow: hidden; font: normal 12px Arial, Helvetica, sans-serif; color: #404041; padding: 0 0 0 10px; }
.select-holder select option { display: block; padding: 5px 10px; }

#apFormCols .select .selectBox-dropdown { width: 277px !important; height: 33px !important; line-height: 33px !important; padding-top: 0; padding-bottom: 0; background: url(../images/css/select.png) no-repeat 0 0; font: normal 12px Arial, Helvetica, sans-serif; color: #404041 !important; text-decoration: none !important; padding: 0 0 0 10px; display: inline-block; cursor: default; }
#apFormCols .error .select .selectBox-dropdown { background-image: url(../images/css/error-select.png); }
#apFormCols .select .selectBox-label { width: 232px !important; display: inline-block; white-space: nowrap; overflow: hidden; line-height: 33px; text-overflow: ellipsis; cursor: default; }


.form-items-holder { float: left; width: 332px; overflow: hidden; margin: 0 10px 0 0; padding: 7px 0 0; }
.form-items-holder br { display: none !important; }
.form-item { display: block; padding: 0 0 4px 20px; }
.form-item input { margin: 0 5px 0 -20px; }

.basicForm .notice { clear: both; margin: 0 0 20px 200px; width: 332px; }
.basicForm .notice ul { margin: 0; }
.basicForm .notice ul li { margin: 0; padding: 0; background: 0; }

.textarea textarea { float: left; width: 400px; height: 107px; overflow: auto; resize: none; border: 0; padding: 10px; margin: 0 10px 0 0; font: normal 12px Arial, Helvetica, sans-serif; color: #404041; background: url(../images/css/textarea-small.png) no-repeat 0 0; }

.captchaWrapper { width: 420px; height: auto; position: relative; clear: both; margin: 0 0 20px 200px; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; }
.captchaImageWrapper { width: 190px; height: 58px; background: #f6f6f6; padding: 10px; display: inline; float: left; }
.captchaImageWrapper img { display: block; margin: 0 0 5px; }
.captchaImageWrapper a { color: #7a7a7b; text-decoration: underline; }
.captchaImageWrapper a:hover { color: #b41d8d; text-decoration: none; }

.captchaInput { display: inline; float: right; width: 190px; padding: 10px 0 10px 10px; text-align: right; }
.captchaInput label { display: block; text-align: right; margin: 0; font-size: 12px; line-height: 21px; }
.captchaInput input { width: 80px; height: 35px; padding: 0 10px; margin: 0; font: normal 12px/35px Arial, Helvetica, sans-serif; color: #404041; border: 0; background: url(../images/css/input-captcha.png) no-repeat 0 0; }

.captchaWrapper .req { position: absolute; top: 35px; right: -24px; }

.form-buttons { width: 420px; height: 55px; margin: 0 0 20px 200px; clear: both; }
.form-buttons div { padding: 0 0 0 4px; background-image: url(../images/css/sprites-buttons.png); cursor: pointer; }
.form-buttons a { float: left; background-image: url(../images/css/sprites-buttons.png); text-decoration: none !important; }

.form-reset { float: left; height: 46px; line-height: 46px; font-size: 21px; letter-spacing: -1px; background-position: 0 0; }
.form-reset a { color: #919192 !important; background-position: 100% -46px; padding: 0 22px 0 15px; }
.form-reset:hover { background-position: 0 -92px; }
.form-reset:hover a { background-position: 100% -138px; }

.form-submit { float: right; height: 55px; line-height: 55px; font-size: 26px; font-weight: bold; letter-spacing: -1px; background-position: 0 -184px; }
.form-submit a { color: #fff !important; background-position: 100% -239px; padding: 0 100px 0 16px;  }
.form-submit:hover { background-position: 0 -294px; }
.form-submit:hover a { background-position: 100% -349px; }

.lang-sk .form-submit { font-size: 20px; }
.lang-sk .form-submit a { padding: 0 40px 0 16px; }

.lang-it .form-submit { font-size: 20px; }
.lang-it .form-submit a { padding: 0 40px 0 16px; }

.lang-pl .form-submit { font-size: 20px; }
.lang-pl .form-submit a { padding: 0 40px 0 16px; }

.lang-de .form-submit { font-size: 20px; }
.lang-de .form-submit a { padding: 0 40px 0 16px; }

.lang-si .form-submit { font-size: 20px; }
.lang-si .form-submit a { padding: 0 40px 0 16px; }

.input .req, 
.select .req, 
.textarea .req { float: left; position: relative !important; top: 8px; left: 0; width: auto; height: auto; }

.select .req { top: 6px; width: auto; height: auto; }

.radio .req, 
.checkbox .req { float: left; position: relative !important; top: 8px; width: auto; height: auto; }

.error label, 
.error .form-item-title, 
.error .req { color: #c52a2b; }

.error .input input { background-image: url(../images/css/error-input.png); }
.error.small .input input { background-image: url(../images/css/error-input-small.png); }
.error .captchaInput input { background-image: url(../images/css/error-input-captcha.png); }
.error .select-holder select { background-image: url(../images/css/error-select.png); }
.error .textarea textarea { background-image: url(../images/css/error-textarea-small.png); }


/*** REGISTATION / ADMIN ***/
.reg-nav { margin: 0 0 20px; height: 24px; }
.reg-nav li { float: left; margin: 0 10px 0 0; padding: 0; background: 0; }
.reg-nav a { float: left; font-size: 12px; line-height: 24px; padding: 0 10px; color: #515152; text-decoration: none; border: 1px solid #dfdfdf; border-right-color: #dbdbdb; border-bottom-color: #cdcdcd; border-left-color: #d9d9d9; border-radius: 3px; background: url(../images/css/sdnav.gif) repeat-x 0 0; }
.reg-nav a:hover,
.reg-nav .on a { background: #B41D8D; border-color: #f1f1f1; color: #fff; box-shadow: inset 0 1px 3px #000; }

.input span { position: absolute; top: -9999px; left: -9999px; width: 0; height: 0; overflow: hidden; }
.input .regexactive, 
.input .customactive, 
.input .reqactive { position: absolute !important; top: -9999px; left: -9999px !important; width: 0 !important; height: 0 !important; overflow: hidden; }

div.readonly span.readonly { position: static; width: auto; height: auto; float: left; line-height: 18px; padding-top: 8px; color: #000; }

.languages-list-dd { float: left; width: 332px; height: 33px; margin: 0 10px 0 0; position: relative; background: url(../images/css/select-lang.png) no-repeat 0 0; }
.error .languages-list-dd { background-image: url(../images/css/error-select-lang.png); }
.languages-list-active-items { height: 33px; font: normal 12px/33px Arial, Helvetica, sans-serif; color: #404041; padding: 0 45px 0 8px; overflow: hidden; }

.checkboxlist table { width: 332px; position: absolute; top: 30px; left: 0; margin: 0; border: 1px solid #c7c8c9; background: #fff; visibility: hidden; }
.checkboxlist th, 
.checkboxlist td { padding: 3px 0 3px 10px; background: #fff; border: 0; border-bottom: 1px solid #f1f1f1; }
.checkboxlist input { margin: 0 5px 0 0; }
.checkboxlist table tr:hover td { background: #ddd; }

.language-list-active .checkboxlist table { visibility: visible; }

.checkboxlist .req { float: left; }

.single-chk-admin { margin: 0 0 10px 200px; padding: 0 0 0 20px; }
.single-chk-admin input { margin: 0 5px 0 -20px; }

.map-input-holder { margin: 0 0 10px 200px; }
.map-input-holder .input { margin-left: -200px; }
.map-input-holder .errorMessage { display: block; margin: 10px 0 !important; }
.map-input-holder .field-description { margin-left: 0 !important; }

.map-button { float: left; height: 33px; line-height: 33px; padding: 0 10px; margin: 1px 0 0 -5px; background: #aae2f3; border-radius: 4px; border: 1px solid #a6d2df; font-size: 1.2em; font-weight: bold; color: #0074bc; text-decoration: none; box-shadow: 0 0 1px #888; }
.map-button:hover { background: #0074bc; border-collapse: #0074bc; color: #fff; text-decoration: none; }

.accommodation-title { margin: 0 0 20px; padding: 10px; line-height: 1; color: #fff; background-color: #ddd; background-image: url(../images/css/plus.gif); background-repeat: no-repeat; background-position: 100% 0; cursor:pointer; }
.acc-open { background-image: url(../images/css/minus.gif); background-position: 100% 0; }
.acc-active { margin: 0 0 20px; padding: 10px; line-height: 1; color: #fff; background-color: #b41d8d; background-repeat: no-repeat; background-position: 100% -37px !important; }
.accommodation-group { margin: 0 0 20px; }

.gridinput .errorMessage { margin-left: 0; }
table.grid { width: 100% !important; }
table.grid th, 
table.grid td { padding: 8px 5px; position: relative; border: 0; border-bottom: 1px solid #efefef; font-size: .9em; line-height: 1.2em; }
table.grid th { vertical-align: bottom; }
table.grid td { background: 0; position: relative; padding-top: 12px; }
.grid input { padding: 2px; font: normal 11px Arial, Helvetica, sans-serif; color: #404041; border: 1px solid #ddd; border-radius: 3px; width: 70px; }
.grid input.date-input { width: 110px; }
.grid select { padding: 2px; font: normal 11px Arial, Helvetica, sans-serif; color: #404041; border: 1px solid #ddd; border-radius: 3px; width: 60px; }
.grid  .calendar { width: 16px; position: absolute; margin: -1px 0 0 -20px; }
.grid .even td { background: #f9f9f9; }
.grid-info { display: block; margin: 4px 0 0; color: #666; }

.grid input, 
.grid select { margin-top: -4px; }


.file-input { position: relative; padding: 0 0 0 200px; margin: 0 0 10px; }
.file-input label { float: left; line-height: 18px; margin: 0 0 0 -200px; padding: 5px 10px 0 0; text-align: right; width: 190px; }
.file-input .delete { top: 32px; left: 200px; }
.uploaded { padding-left: 25px; padding-top: 2px; font-size: .9em; }

.admin-images-holder { clear: both; margin: 0; }
.admin-images-holder .errorMessage { margin-left: 0; }

.admin-image { display: inline; float: left; width: 160px; margin: 0 60px 20px 0; overflow: hidden; position: relative; }
.admin-image img { display: block; margin: 0 0 10px; position: relative; z-index: 1; }

.fileinputs { position: relative; padding-bottom: 29px; }
input.file { width: 160px; height: 29px; position: absolute; top: 0; left: 0; z-index: 2; opacity: 0; }
.fakefile { width: 160px; height: 29px; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 1; font: normal 10px/29px Arial, Helvetica, sans-serif; color: #404041; background: url(../images/css/file-input.png) no-repeat 0 0; }
.fakefile input { width: 120px; height: 29px; padding: 0 5px; font: normal 10px/29px Arial, Helvetica, sans-serif; color: #404041; background: 0; border: 0; }
.fakefile img { display: none !important; }

.delete { position: absolute; top: 0; left: 0; width: 18px; height: 18px; display: block; z-index: 200; text-indent: -9999px; cursor: pointer; background: url(../images/css/delete-button.gif); border: 0; }

.page-registration .form-buttons,
.admin .form-buttons { margin-left: 0; width: 100%; }
.admin .form-submit a,
.page-registration .form-submit a { padding-right: 30px; font-size: 22px; letter-spacing: -0.5px; }

.admin #main { padding-bottom: 30px; margin-bottom: 0; }
.admin #content { min-height: 560px; }

.admin table { width: 100%; }
.admin th, 
.admin td { padding: 10px; font-size: .95em; line-height: 1.25em; }
.admin th { vertical-align: bottom; line-height: 14px !important; font-size: 12px !important; background: #b41d8d; color: #fff; }

#adminNav { line-height: 18px; }

#sideMenu ul { margin: 0; padding: 0; border-top: 1px solid #fff; background: #fff; }

#adminNav > ul > li { margin: 0 0 2px 0; padding: 0; box-shadow: 0 1px 1px #ccc; border: 1px solid #dfdfdf; border-right-color: #dbdbdb; border-bottom-color: #cdcdcd; border-left-color: #d9d9d9; border-radius: 3px; background: #f5f5f5 url(../images/css/sdnav.gif) repeat-x 0 0; position: relative; z-index: 1; }
#adminNav > ul > li > a { display: block; padding: 8px 20px; color: #515152; text-decoration: none; position: relative; }

#adminNav a:hover, 
#adminNav > ul > .on > a, 
#adminNav > ul > li:hover > a { color: #b41d8d; text-shadow: 0 1px #fff; }

#adminNav > ul > li.sub > a { padding-right: 43px; z-index: 5000; width: 190px; }
#adminNav > ul > li.sub > a span { position: absolute; top: 12px; left: 212px; width: 7px; height: 11px; overflow: hidden; background: url(../images/css/side-menu-arrow.png) no-repeat 0 0; }
#adminNav > ul > li:hover > a span,
#adminNav > ul > li.open > a span,
#adminNav > ul > li.on > a span { background-position: 0 -11px; }

#adminNav > ul > li:hover, 
#adminNav > ul > li.on { box-shadow: inset 0 1px 3px #000; border-color: #fff; }

#adminNav > ul > li.sub:hover, 
#adminNav > ul > li.open { background: #f1f1f1; border-color: #f1f1f1; box-shadow: 0 1px 3px #979797; z-index: 2; border-top-right-radius: 0; border-bottom-right-radius: 0; }
#adminNav > ul > li.sub:hover > a, 
#adminNav > ul > li.open > a { background: #f1f1f1; }

#adminNav .dropdown { position: absolute; left: 100%; top: -1px; width: 240px; background: #f1f1f1; box-shadow: 0 1px 3px #979797; border-top-right-radius: 5px; border-bottom-left-radius: 10px; border-bottom-right-radius: 5px; }
#adminNav .dropdown ul { background: #f1f1f1; border: 0; padding: 5px 20px; }

#adminNav .dropdown ul li { margin: 0; padding: 0; background: 0; }
#adminNav .dropdown a { display: block; border-top: 1px solid #f8f8f8; border-bottom: 1px solid #e3e3e3; line-height: 16px; padding: 5px 0; color: #515152; text-decoration: none; text-shadow: 0 1px #fff; }
#adminNav .dropdown a:hover, 
#adminNav .dropdown .on a { color: #b41d8d; }
#adminNav .dropdown .first-child a { border-top: 0; }
#adminNav .dropdown .last-child a { border-bottom: 0; }

#adminNav .dropdown { display: none; visibility: hidden; }
#adminNav .sub:hover .dropdown, 
#adminNav .open .dropdown { display: block; visibility: visible; }

#adminNav p { margin: 0 0 20px;  }


.logout { color: #16739b; text-decoration: none; }
.logout:hover { color: #005d83; }

#catLangsUrlList li { margin: 0 0 10px; padding: 0; background: 0; font-size: 1.2em; }


/* ********* Misc ********** */
.clearfix:after,  
.input:after, 
.select:after, 
.textarea:after, 
.radio:after, 
.checkbox:after, 
.form-item:after, 
.captchaInput:after, 
.form-buttons:after, 
.terms:after, 
.notice:after,
.captchaWrapper:after,
.checkboxlist:after,
.admin-images-holder:after,
#footer:after,
.ftr-box:after,
.ftr-box ul:after,
#main:after,
#container:after, 
#content:after,
.home-box:after,
#home-offers:after,
.details:after,
.admin-panel-buttons:after,
#apFormCols:after,
.input:after,
.dropdown-body:after,
#last-apartments a:after,
.apContent:after  { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

#cboxTitle,
#cboxCurrent { line-height: 1.3em !important; }