/*_____________Fonts_________________*/
body{ font:11px Tahoma,Arial,Helvetica, sans-serif; color:#333;}
h1,h2,h3,h4,h5,h6{ font-family:Arial, Helvetica, sans-serif; letter-spacing:-1px; clear:both;}
h1{font-size: 20px; color: #a00017; padding-top:27px; }
h2{font-size: 17px; color: #474747;padding:7px 0;}
h2.blue{font-size: 17px; color: #154f97;padding:7px 0;}
h3{font-size: 14px; color: #a00017;}
h4,h5,h6{font-size: 14px;color: #474747;}

h1.nobitz{ padding-top:0;}
a img{ border:0;}

a{ color:#069; text-decoration:underline}
a:hover{color: #4393f7;}
za:visited{color:#70859e;}
.left{ color:#FFF; text-decoration:underline}

#content p{ margin:8px 0;}

.leftimg{ float:left; border:2px solid #069; padding:1px; background:#fff; margin:0.2em 14px 14px 0}
.rightimg{ float:right; border:2px solid #069; padding:1px; background:#fff; margin:0.2em 0 10px 14px}


#content ul{ list-style-type:none; margin-left:0px; margin:8px 0;}
#content ul li{ background:url(i/li.gif) no-repeat 0 4px;  padding-left:14px; }

#content ol{ margin:8px 0 8px 20px;}

/*____________Clobal_________________*/
*{ margin:0 ; padding:0;}
html,body{ width:100%; height:100%;}
#wrap{overflow:hidden;padding-left:284px; position:relative; }

#main-wrapper{ min-width:1000px;}

#content-wrapper{width:100%;border-left:284px solid #154F97;
margin:0 0 0 -284px; float:right; position:relative;}
#side{background-color:#154F97;width:248px;padding:0 10px 0 26px; position:relative;
        float:left;     margin-left:-284px;     display:inline; color:#fff;}
#content{padding:173px 44px 0 20px; position:relative; }
#header{ position:absolute; width:100%; top:0; right:0;    }
#footer{ /*min-width:680px;*/}

/*_____________Main page-Side________________*/
#logo{ background:#fff; height:100px;  margin:0 -10px 0 -26px; }
#logo strong{ text-transform:uppercase; color:#154F97; font-size:32px; font-weight:bold; letter-spacing:-1px;
display: block; position: relative; top:20px; left:15px; width:225px; height:57px;}
#logo strong b{ color:#cc0001}
#logo strong span{ position:absolute; display:block; width:225px; height:57px; top:0; left:0;
 background:url(i/logo.gif) no-repeat 0 0;}

#side-forms{ background:#a00017 url(i/side-forms.gif) no-repeat 0 0;margin:0 -10px 0 -26px;padding:18px 0 3px 0;
overflow:hidden;}
/*forms*/
#search-flat{ background:url(i/side-forms-border.gif) repeat-x 0 0;padding:8px 10px 8px 26px; width:248px;}
#search-flat fieldset,#search-id fieldset{ border:none;}
#search-flat label,#search-id label{ display:block; margin:0 0 4px 1px;}
#search-flat input.txt,#search-id input.txt,#search-flat select.txt{ width:218px; margin-bottom:8px; border:1px solid #800012;}
#search-flat input.side-button,#search-id input.side-button{ font-size:11px; width:125px; height:20px;}

#search-id{padding:10px 10px 8px 0; margin:0 0 0 26px;width:238px; background: url(i/id-search.gif) repeat-x 0 0; }
#search-id fieldset{border:none;}

/*news*/
.b-header{ background:url(i/b-header.gif) no-repeat 0 0; height:40px; margin:0 -10px 0 -26px; padding-top:16px;border-bottom:1px solid #000; }
/*image replacement (blue headers)*/
.project-news,.best-offer{ margin:0 10px 15px 0; left:26px; right:10px; color:#fff; font-size:16px; height:22px; border-bottom:3px solid #fff; position:relative; width:240px; font-weight:bold;
}
.best-offer span{ display:block; position:absolute; top:0; left:0;
background:url(i/best-offers.gif) no-repeat 0 0; width:211px; height:22px;  }
.project-news span{display:block; position:absolute; top:0; left:0;
background: url(i/news.gif) no-repeat 0 0; width:164px; height:21px; }

/*side txt*/
.side-txt{ background: url(i/side-txt.gif) no-repeat 0 0; margin:0 -10px 0 -26px; padding:8px 10px 8px 26px; border-bottom:1px solid #000; }
.hr{ height:1px; font-size:1px; overflow:hidden; background: url(i/hr.gif); margin:10px 0;}

.side-txt a{ color:#fff; text-decoration:none;}
.side-txt a:hover{ text-decoration:underline; color:#fff;}
.all{ margin-top:10px;}
.all a{ text-decoration:underline;}
.all a:hover{ text-decoration:none;}
/*__________________image replacement (left column headers)_____________________*/
/*Search*/
.head-search{ margin:0 10px 15px 0; left:26px; right:10px; color:#fff; font-size:16px; height:21px; border-bottom:3px solid #fff; position:relative; width:240px; font-weight:bold;
}
.head-search span{ display:block; position:absolute; width:156px; height:21px; top:0; left:0; background: url(i/search.jpg)
no-repeat 0 0; }
/*image replacement (blue headers)*/
.project-news,.best-offer,.inn,.flat{ margin:0 10px 15px 0; left:26px; right:10px; color:#fff; font-size:14px; height:22px; border-bottom:3px solid #fff; position:relative; width:240px; font-weight:bold;
}
.best-offer span{ display:block; position:absolute; top:0; left:0;
background:url(i/best-offers.gif) no-repeat 0 0; width:211px; height:22px;  }
.project-news span{display:block; position:absolute; top:0; left:0;
background: url(i/news.gif) no-repeat 0 0; width:164px; height:21px; }
.inn span{ display:block; position:absolute; top:0; left:0;
background:url(i/inn.gif) no-repeat 0 0; width:184px; height:21px; }
.flat span{ display:block; position:absolute; top:0; left:0;
background:url(i/flat.gif) no-repeat 0 0; width:236px; height:21px;}
.grad{ background:url(i/grad.gif) repeat-x 0 100%;}
/*______________________Header__________________________*/
#top-links{ border-bottom:4px solid #EDEDED;}
#top-line{ height:75px; background:#B8E4FF url(i/header.jpg) repeat-x 0 0; margin-top:25px; }
/*phones*/
#top-line ul{ list-style-type:none; margin:0 0 0 10px; padding-top:15px; color:#000; float:left;}
#top-line ul span{ color:#666;}
#top-line ul li{ padding:0 0 5px 12px; background:url(i/topli.gif) no-repeat 0 4px }
/*mail*/
#top-line p{ float:left; color:#666; padding:17px 0 0 37px;}
/*top links*/
#top-links table{border:solid #a1a1a1; border-width:0 0 1px 0; border-collapse:collapse; height:59px; width:100%;font-weight:bold;
background:url(i/top-tr.gif) repeat-x 0 0}
#top-links a{ text-decoration:none; color:#000;}
#top-links a:hover{ text-decoration:underline;}
#top-links td{ padding:10px 10px 0 10px;border: none; vertical-align:top; background: url(i/top-td.gif) no-repeat 100% 100%; }
#top-links td.first-td{ padding:10px 10px 0 20px}
#top-links td.active{ color:#A00017; background:url(i/active.gif) no-repeat 100% 100%;}
#top-links td.active a{color:#A00017;}
#top-links td.last{ background:none;}
.bitz{ margin:10px 22px; }
.bitz img{ margin:0 2px;}

/*______________________Footer__________________________*/

#footer{ clear:both; height:80px; padding-top:14px; padding:14px 20px 0 288px; position:relative; background:url(i/foo.gif) repeat-x 0 0; }
#foo-l{ position:absolute; left:0; top:0; height:80px; width:284px;
background:url(i/l-foo.gif) repeat-x 0 0;}
#foo-l p{ padding:30px 25px; float:left;}
.counter{ float:right; width:31px; height:31px; margin:30px 0 0 0;}

#foo-links{height:59px; width:100%;  }
#foo-links td{ padding:0 16px; background: url(i/foo-td.gif) no-repeat right center;}
#foo-links a{ color:#000; text-decoration:underline;}
#foo-links a:hover{ text-decoration:none;}

/*_____________hotel/flat list table______________________*/
#list{ border:0; margin:0; padding:0;margin:15px 0 18px 0; position:relative; width:105%;right:-30px; left:-10px; }
#list b{ color:#A00017;}
#list td{ padding:10px 12px; border:0; position:relative;}
#list thead{ background:#f2f2f2; font-weight:bold; color:#154F97; padding: 15px 0; }
#list thead td{ padding:15px 12px;}
#list tbody tr{ background:url(i/tr-dot.gif) repeat-x 0 100%; vertical-align:top;}
#list tbody tr img{ margin-top:3px;}
#list tbody tr.gray{ background:#F5F5F5 url(i/tr-dot.gif) repeat-x 0 100%;  }

.listing{ background:url(i/listing.gif) no-repeat 0 3px; padding-left:12px; font-weight:bold;  padding-bottom:16px;}
.listing_news { padding-left:12px; font-weight:bold;  padding-bottom:16px;}
.listing .listing_news span{ padding-right:4px; font-size:10px; color:#333;}
.listing .listing_news b{ color:#fff; background:#154F97; padding:0 2px 0 3px; margin:0 1px; font-weight:normal;}
.listing .listing_news a{ text-decoration:none; color:#154F97; padding:0 1px;}
.listing .listing_newsa:hover{ text-decoration:underline;}
/*______________________Hotel page________________________________*/
.collist-head{ font-weight:bold; margin:0 -10px 0 -26px;padding:8px 10px 0 26px; height:24px;
border-top:1px solid #0963D3; border-bottom:1px solid #000; }
.collist-head span{ float:left; display:block;}
.name{ width:149px; overflow:hidden;}
.starr{ width:64px;}
.cost{ width:30px; }
.collist,#side .listing{ border-top:1px solid #0963D3; border-bottom:1px solid #000;
margin:0 -10px 0 -26px;padding:0 10px 26px 20px;}
.collist div{ overflow:hidden; background:url(i/collist.gif) repeat-x 0 100%; padding:0 0 0 5px; }
.collist div p{ float:left; padding:10px 0;}
.collist div.open{ background:#1E59A2 url(i/collist.gif) repeat-x 0 100%; color:#74B0F9;}

#side .listing{ background: url(i/list-border.gif) repeat-x 0 100%; font-weight:bold;
padding:10px 10px 12px 23px; border-bottom:none;}
#side  .listing span{ padding:0 4px 0 12px ; color:#fff; font-size:10px;background:url(i/side-listing.gif) no-repeat 0 2px;}
#side .listing b{ color:#fff; background:#1F5FAF; padding:2px 3px 2px 4px; margin:0 1px; font-weight:normal;}
#side .listing a{ text-decoration:none; color:#fff; padding:0 1px;}
#side .listing a:hover{ text-decoration:underline;}
#side .listing a img{ margin-left:4px;}

/*service menu*/
#serv-menu{ background:#f2f2f2; margin:20px 0 20px -10px; border:solid #f2f2f2; border-width:4px 0;
overflow:hidden;}
#serv-menu p{ padding:0 12px; margin:0 0 4px 0;  }
#serv-menu p i{ font-style:normal;
font-weight: bold; font-size:14px; color: #bbb; letter-spacing:-1px; padding-right:18px;
font: normal bold 15px/1em Arial, Helvetica, sans-serif; }
#serv-menu p span{ padding-left:16px;}
#serv-menu p span img{ margin:0 1px 0 3px;}

#serv-menu ul{ list-style-type:none; margin:0; padding:15px 0  10px 0; height:52px; background:#fff; }
#serv-menu ul li{ float:left; height:40px; background:none; padding:0; margin:0; width:25%;
}
#serv-menu ul li a{ display:block; width:90px; padding: 10px 0 0 60px;  background:url(i/razp.gif) no-repeat 0 0; height:47px;
margin:0 22px 0 12px; }
#serv-menu ul li a.opis{ background:url(i/opis.gif) no-repeat 0 0;}
#serv-menu ul li a.foto{ background:url(i/foto.gif) no-repeat 0 0;}
#serv-menu ul li a.key{ background:url(i/key.gif) no-repeat 0 0;margin:0 21px 0 13px;padding-left:61px}
#serv-menu ul li a.purse{ background:url(i/purse.gif) no-repeat 0 0;margin:0 11px 0 13px;padding-left:70px}

/*__________________________Flat Page_______________________*/
.flats-head{ font-weight:bold; margin:0 -10px 0 -26px;padding:8px 10px 0 16px; height:24px;
border-top:1px solid #0963D3; border-bottom:1px solid #000; }
.flats-head span{ float:left; display:block;}

.flats{ background:url(i/id.gif) repeat-y 19px 0 ;padding:0 10px 0 20px;
 border-top:1px solid #0963D3; overflow:hidden;
margin:0 -10px 0 -26px;}
.flats div{ overflow:hidden; background:url(i/collist.gif) repeat-x 0 0;
margin-top:-1px; padding:0;}
.id {width:47px; padding: 0 0 0 5px; text-align:center; }
.flats div p.id{padding:9px 0 10px 0; }
.adress{ width:160px; padding-left:15px;}
.flats div p.adress{ width:160px; overflow:hidden; padding-left:15px;}
.flats div p{ float:left; padding:10px 0;}
.flats .cost{ width:32px}
.flats div.open{ background: url(i/collist.gif) repeat-x 0 0; color:#74B0F9; padding:1px 0;}
.flats div.open .id{ color:#fff;}
.flats div.open .adress,.flats div.open .cost{ background:#1E59A2; }

#fake{ height:26px; background:#154F97; position:relative;margin:0 -10px 0 -26px; border-bottom:1px solid #000; }
/*_______________Room price______________________*/
#flat-cost{ float:left; width:228px;margin-right:15px; }
#flat-cost #list{ right:0; right:0;margin:10px 0 10px 0;}
/*_______________Room gallery ______________________*/
#gallery{ padding-bottom:30px; overflow:hidden;}
#gallery img{ vertical-align:middle;}

/*big photo*/
#photo img{ display:block; margin:0 auto; margin-bottom:20px; font-weight:bold; }
#fwd-gal{ background:#f2f2f2; font-size:10px; }
#fwd-gal a{ font-weight:bold; text-decoration:none;}
#fwd-gal a:hover{ text-decoration:underline;}
/*table emulation*/
#gallery a{display: -moz-inline-box;
        display: inline-table;
        display: inline-block;
        zmargin: 10px 10px 10px 0;
        text-align:center;
        padding:2px;
        vertical-align:top;
        overflow:hidden;
        border:2px solid #069;padding:1px; background:#fff; margin:10px 34px 23px 0;
        }




/*listing*/
#photos{margin:0 auto; text-align:center; background:none; }
.listing{ background:url(i/listing.gif) no-repeat 0 3px; padding-left:12px; font-weight:bold;  padding-bottom:16px;}
#photos span{ background:url(i/listing.gif) no-repeat 0 3px;  padding:0 4px 0 12px; font-size:10px; color:#333;}

/*_____________________News________________________*/
.news-date{ font-size:10px; color:#999; position:relative; top:-10px;}

#pag-cont{ margin:0 auto; width: 320px; height:32px; margin:50px auto 20px; background:#f2f2f2; color:#949494; font-size:10px;}
#fwd-gal,#pag-cont p{width:159px; text-align:center; margin:0;padding:10px 0;}
#pag-cont a{ text-decoration:none; font-weight:bold; color:#0E4D9A;}
#pag-cont a:hover{ text-decoration:underline;}
#fwd{ float:left; border-right:1px solid #fff; }
#fwd-gal a,#fwd a{ padding-left:12px; background:url(i/l-arr.gif) no-repeat 3px 3px;}
#ff{ float:right;}
#ff a{padding-right:8px; background:url(i/r-arr.gif) no-repeat 100% 3px;margin-right:5px;}

/*____________________Room Booking______________________*/

#booking{ margin-bottom:30px;}
#booking fieldset{ border:none;}
#booking p{font: normal bold 16px/1em Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#a00017; margin:15px 0;}
#booking i{ font-style:normal;color:#a00017;}
#booking label{ display:block; margin-bottom:9px;}

#booking .info{ margin-bottom:20px;}
#booking .date span,#booking .info span{ display:block;float:left; width:75px;height:18px; line-height:2em; }
#booking .info input{height:16px; width:306px; border:1px solid #ADADAD;}

#booking .date{ margin-bottom:20px; }
#booking .date span{ width:90px; padding-left:1px;}
#booking .date select{ font-size:11px;}
.num{ width:38px;}
#booking img{ vertical-align:top; margin:1px 0 0 5px;}

#booking textarea{ width:376px; height:66px;border:1px solid #ADADAD; margin-top:-5px;  }
#send{ width:204px; color:#000; margin-top:10px; font-size:11px;}
#booking label,#booking textarea,#send{ margin-left:3px;}








/*-----------------------------------*/
/* (x)html coding by Ilia Jacoveev   */
/*     aka [tapazukk]    2007        */
/*        www.tapazukk.net           */
/*-----------------------------------*/
/*25.10.2007*/