/*text id document*/
body { font-family:Arial, Helvetica, sans-serif; color:#666; font-size:80.01%;}
a{ color:#69c;}
a:hover{ text-decoration:none;}
/*a:visited{ color:#99c }*/
h1{ color:#C45100;  font-size:136%; margin:20px 0 15px 0}
h2{ color:#1F5A89;  font-size:120%; margin:20px 0 15px 0}
h3{ color:#000; font-size:120%; margin:20px 0 15px 0}
h4,h5{ color:#C45100; font-size:110%;}
h1,h2,h3,h14,h5,h6{ font-family: Tahoma,Arial;font-weight: bolder;}
h1.head-page,h2.head-page,h3.head-page,h4.head-page,p.head-page{ text-transform:uppercase;
color:#369; font-weight:bold; font-size:130%; margin:4px 0 1em 0; padding:0; font-family:Arial, Helvetica, sans-serif;}

h1.head-page span{ background: url(img/stars.gif) no-repeat 10px 2px ;
 padding:5px 50px 0 54px; _width:105px;
 margin-top:-5px;}

 h1#starr:after{ content:url(img/stars.gif);}


ul{ list-style-type: none; }
ul li ul{ padding-left:20px;}
ul li{ background:url(img/list.gif) no-repeat 0 3px; margin:3px 0; padding-left:18px;}
ol{ margin-left:20px;}
ol li{ padding-left:0;color:#BD5202;}
ol li span{ color:#666;}


img{ border:0;}
*{ margin:0; padding:0;}
.cleaner{ clear:both; font-size:1px; height:1px;}
html, body { margin:0; padding:0; width:100%;  height:100%;background:#fff  url(img/l-col.gif) repeat-y left ;}
#container { position: relative; min-height: 100%; background:url(img/r-col.gif) repeat-y right ;
overflow:hidden;min-width:980px;}


#wrapper{float:left;width:100%;}
#content{margin: 0 279px; position:relative;  }
#right{float:left;width:279px;margin-left:-279px; position:relative; }
#left{float:left;width:279px;margin-left:-100%;padding-bottom:50px; position:relative;}
#footer{clear:left;width:100%; }

#header{height:266px; position:relative; width:100%; background-color:#FCF5EC;  background-image:url(img/h01.jpg); background-repeat:repeat-x; background-position: 132px 0px;}
#cap{ width:993px; height:266px;position:absolute; top:0; left:50%; margin-left:-496px; text-align:center;
background:url(img/000.jpg) no-repeat 0 0; z-index:1000;}
#capleft{  height:266px;width:50%; float:right; background-image:url(img/h02.jpg); background-repeat:repeat-x; background-position:99px 0px;  }
/*#cap2{ float:right; width:50%; height:266px;
  background-image:url(img/h01.jpg); background-repeat:repeat-x; background-position: 0 0; }*/
#diz{ width:100%; height:43px; margin:0 auto; background:url(img/001.jpg) no-repeat top center;}
#fake{ height:150px;background:red url(img/l-top-cont.gif) no-repeat 0 0; width:100%; margin:0 -5px;  }

.blue-col{ width:248px; padding-bottom:10px;  background:#378DD3 url(img/blue-bottom.gif) repeat-x bottom left; }
#right .blue-col{ margin-left:31px;}
#left .blue-col{ margin-right:25px; }


.fake-r{float:right;width:248px; height:117px; background:#378DD3 url(img/fake-l.gif) repeat-x 0 0;}
.corner{ float:right; margin-right:6px;  width:28px; height:47px;background:url(img/l-top-cont.gif) no-repeat right top;}
.corner-r{ float:left; margin-left:6px; width:25px; height:47px;background:url(img/r-top-cont.gif) no-repeat 0 0}

/*dizign left  right borders*/
.fron{ height:12px; font-size:1px; width:251px; background:#ccc url(img/fron.gif) repeat-x 0 0;}
.fron-l{ float:right;height:12px; width:11px; background:url(img/fron-l.gif) no-repeat 0 0; }
#right .fron{ margin-left:28px;}
.fron-r{ float:left;height:12px; width:11px; background:url(img/fron-r.gif) no-repeat 0 0; }
/*shadows*/
.bot-fake{ background:url(img/bot-fake.gif) repeat-x 0 0; width:247px; height:30px; }
#right .bot-fake{ height:15px; margin-left:32px;}


/*================left col=====================*/


.info{ height:72px; width:234px; padding-left:14px; background:#999 url(img/info-0.gif) repeat-x 0 0;}
 p.zag-inf{ float:left;  color:#fff; width:90px; margin:20px 0 0 0; float:left; font-size:13px; }
 p.zag-inf span{ font-size:14px; font-weight:bold; }
.info-unit{ height:72px; width:63px; margin-left:6px; float:left;
 background:#fff url(img/info-1.gif) repeat-x 0 0; text-align:center; color:#000;}
.info-unit p{ margin:20px 0 0 0; color:#000; font-size:12px;}
.info-unit p span{ color:#666; font-weight:bold;font-size:12px;}
.info-unit img{ vertical-align: sub;}

/*reklama*/
.adver{ background:url(img/ar-0.gif) repeat-y left top; color:#000;}
.adver-top{ width:221px; padding:30px 15px 10px 15px; background:url(img/ar-l.jpg) no-repeat 0 0;}
p.head-adver{ border-bottom:1px solid #5586AD; color:#369; font-size:15px; text-align:center; padding-bottom:8px; margin-bottom:10px; font-weight:bold; }

#navi-block{background:url(img/fake-l.gif) repeat-x 0 0; }
ul#navi{  color:#fff; padding:15px 0 15px 0; list-style-type:none;
background:url(img/navi.gif) no-repeat 20px 15px; position:relative;  }
#navi-block ul li{ padding:3px 0 3px 20px; margin:0 20px 0 0; background:url(img/navi.gif) no-repeat bottom right; }
/*ul#navi li p{ padding:5px 0; }*/
ul#navi li,#navi li a{font-size:12px; text-transform:uppercase; font-weight:bold; text-decoration:none; color:#fff; }
ul#navi li a:hover{ border-bottom:1px dotted #D8EEFF;}
ul li ul li,ul#navi li ul li a{ font-size:12px; font-weight: normal; text-transform:none; border-bottom:0;list-style-type:none;  }
#navi li ul li a{ text-decoration:underline;}
#navi li ul li a:hover{ text-decoration:none; margin-bottom:0;}
ul#navi li ul { padding-bottom:10px; margin:0; }
ul#navi li ul li{ background:url(img/arrow.gif) no-repeat 0 8px; padding:3px 0 3px 10px;  }
ul#navi li ul li a{ text-decoration:underline; color:#D8EEFF;  }
ul#navi li ul li a:visited{color:#D8EEFF;}
ul#navi li ul li a:hover{ border-bottom:0; text-decoration:none; }
ul#navi li.open{ border-left:5px solid #fff; padding:3px 0 3px 15px; }


/*==============Right Column================*/
p.contact{ margin:25px 0 0 26px; padding:70px 22px 0 0; background: url(img/tour.gif) no-repeat 100% 0; }
p.contact, p.contact-info{ color:#fff; font-size:14px; font-weight:bold;}
p.contact-info{ font-size:13px; margin:0 10px 6px 28px ; clear:both; font-family: Verdana, Arial, Helvetica, sans-serif}
p.contact-info span{ font-size:12px; color:#fc9; font-weight:normal; font-family:Arial, Helvetica, sans-serif; }

p.contact-info img{ vertical-align:middle;}
/**/
.adver-r{ background:url(img/ar-0-r.gif) repeat-y right top; color:#000; margin-left:28px;}
.adver-top-r{ width:251px; padding:30px 0 10px 0; background:url(img/ar-r.jpg) no-repeat 0 0;}
.adver-top-r p.head-adver-r{border-bottom:1px solid #5586AD; color:#369; font-size:15x; text-align:center;
 margin:0 15px 10px 15px; padding-bottom:10px; font-weight:bold; }
/**/
form#reservation{  width:250px; text-align:center;}
form#reservation fieldset{ border:0px solid #ccc; width:250px;}
.date{ width:209px; height:22px; margin:5px auto 10px auto; background:#EFEFEF url(img/date.gif) no-repeat 0 0; padding:4px; }
.day{ width:44px; height:22px; margin:5px auto 10px auto; background:#EFEFEF url(img/day.gif) no-repeat 0 0; padding:4px;}

.day-in,#date-in{ width:45px;}
#month-in{ width:96px;}/*ie5-55 { width:90px;}*/
#year-in{ width:60px;}
#buttons{ height:41px;background:url(img/buttons-r.gif) no-repeat right top; width:248px; margin-left:3px; text-align:left; }
/*buttons*/
.clear,.send{ width:92px; height:21px; margin-top:11px; font-family: Tahoma,Arial; font-size:12px; color:#fff;border:1px solid #369; }
.send{margin-left:20px; background:#5FB0E9 url(img/clear.gif) repeat-x bottom left;}
.clear{margin-left:22px;background:#587187 url(img/send.gif) repeat-x 0 0;}
/*FF*/
html:root .clear{margin-left:21px}
html:root .clear,.send{ border:1px outset #369;}
html:root .clear:active,.send:active{border:1px inset #369;}
/*rht-col News*/
#r-news{margin-left:30px; padding:0 15px 10px 15px; color:#000;}
#r-news p{ zmargin:0 0 10px 0;}
#r-news p.head-adver{ border-bottom:0;  padding:10px 0 0 0; margin:0 0 -10px 0;}
p.date-news{ border-top:1px solid #5586AD; font-size:85%; color:#369;  margin:18px 0 13px 0; padding:0; clear:both; }

/*============Footer============*/
#footer{ font-size:12px; }
#l-foot{ float:left; width:248px; color:#fff; text-align:left; background:#0880E2; position:relative; }
#r-foot{ float:right; width:248px;color:#fff; text-align:right; background:#0880E2;}
#center-foot{margin:0 248px; border-bottom:4px solid #929292; text-align:center; height:86px; background: url(img/foo-l.gif) no-repeat 0 0 ;position:relative; padding-left:60px;}
#center-foot-text{height:65px; padding-top:20px; background:url(img/foo-r.gif) no-repeat top right ;
padding-right:60px; line-height:1.8em;}/*height ie5*/
#counter{ position:absolute; width:100px; height:20px; top:-36px; left:12px; }
/*diz*/
.foo-bord{ height:20px; background:url(img/foo-bord.gif) repeat-x 0 0;}
.foo-col{ background:#4BACF1 url(img/foo-col.gif) repeat-x 0 0; height:49px; border-bottom:1px solid #B9E6FF; padding-top:20px;}
#r-foot .foo-col{ border-left:1px solid #fff;}
#l-foot .foo-col{ border-right:1px solid #fff;}
#r-foot p,#l-foot p{ margin:0 15px; border:solid #77B4E4; border-width:1px 0 1px 0;}
#r-foot a,#l-foot a{ color:#fff; text-decoration:underline;}
#r-foot a:hover,#l-foot a:hover{ color:#fff; text-decoration:none;}
#r-foot a:visited,#l-foot a:visited{ color:#fff;}
#center-foot-text a{ margin:10px; white-space:nowrap;}

/*==========Content=============*/
p.bitz{ font-size:85%;}
p.bitz img{ color:#fc0;}

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

/*==============Bronirovanie nomerov======================*/
#reservation-wrap{ position:relative;}
form#main-reservation{ margin-top:2em; color:#000; margin:0;}
form#main-reservation fieldset{ border:1px solid #fff;}
form#main-reservation .cleaner{ margin-bottom:10px;}
span.starr{color:red;}
form#main-reservation .num{ min-width:48px;}
.gray-line{ background:#E9E9E9;padding:6px 5px 0 5px; margin:10px 0; height:27px;}
.gray-line p{ float:left; margin:3px 0 0 5px; width:167px;}

#comment{ position: static;clear:both; margin-bottom:10px;}
form#main-reservation textarea{margin:1em 0; width:100%; float: none; padding:0; display:block; margin-bottom:10px;}

.name{ width:32%;background:#E9E9E9; float:left; margin-right:1.91%; overflow:hidden;  }
#last{ margin-right:0;  float:right;}
.name p{ margin:5px; position:relative;}
.name input{ width: 98%; }
#phone{ float:right; width:66%; margin-right:0;}
#phone input{ width:99%;}

.button{ float:left;  padding:0 2px 5px 3px; margin-right:20px; background:url(img/button.gif) no-repeat 0 -1px;}
.button .send,.button .clear{ margin:0; padding:0; width:122px;}
html:root .button  .clear{margin-left:0px}

/*========================News Page==========================*/
#arhiv{ font-size:11px;text-align:center; color:#fff;}
#arhiv a{ color:#fff;}
#a:hover{ color:#fff; text-decoration:none;}

#arhiv{background: #378DD3;  margin:15px 0 3px 0;  }
#arhiv p{ padding:0 10px;}
#arhiv img{ vertical-align:middle;}
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;background:#378DD3;overflow: hidden; font-size:1px; }
b.r1{margin: 0 2px;}
b.r2{margin: 0 1px;}
b.r3{margin: 0 0px;}
b.rtop b.r4, b.rbottom b.r4{margin: 0 0px;}

p.img-description{display: table;$height: 0;zoom: 1; padding-top:20px;}
p.listing{ margin-top:4em; border-top:1px solid #5586AD; padding:2em 0 0 0; text-align:center; color:#000; font-family:Tahoma,Arial; font-size:11px; }
p.listing a{ color:#369; font-weight:normal;}
p.listing span{ font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:1em; letter-spacing:-1px;}

/*=================Gallerey=========================*/
.img-s{text-align:center;}
.img-s img{ margin:0 3px;}

.photo-wrap{ text-align:center;}
table#photo{ margin:0 auto; position:relative; border:0; background:#E9E9E9; font-size:1px;}
#photo img{ vertical-align:middle;}
.l-b{ background:#E9E9E9 url(img/l-b.gif) repeat-y top right; width:12px; }
.r-b{background:#E9E9E9 url(img/r-b.gif) repeat-y top left; width:12px;}
.t-b{background:#E9E9E9 url(img/t-b.gif) repeat-x bottom left; height:12px;}
.b-b{background:#E9E9E9 url(img/b-b.gif) repeat-x top left; height:21px;}
.b-b-l{background:#E9E9E9 url(img/b-b-l.gif) no-repeat top left; }
.b-b-r{background:#E9E9E9 url(img/b-b-r.gif) no-repeat top right;}
.t-b-l{background:#E9E9E9 url(img/t-b-l.gif) no-repeat top left; }
.t-b-r{background:#E9E9E9 url(img/t-b-r.gif) no-repeat top right; }

p#photo-listing{text-align:center; color:#000; font-family:Tahoma,Arial; font-size:11px; padding-top:1em; }
p#photo-listing a{font-weight:normal;}
p#photo-listing span{ font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:1em; letter-spacing:-1px;}

/*=============Table================*/
/*#hide-scroll{ width:100%; overflow:hidden; margin-bottom:2em;}
#twarp{ text-align:center; position:relative; width:100%;  overflow:scroll; padding-right:17px; }
*/
#hide-scroll{ width:100%;  margin-bottom:2em;}
#twarp{ text-align:center; position:relative; width:100%;   padding-right:17px; }
#twarp form fieldset{ border:1px solid #fff;}
#twarp{ text-align:center; position:relative; }
#twarp table{ border:0; font-size:12px; margin:0 auto;  }
#twarp tr,#twarp td{ border:solid #fff; border-width:0 1px 0 0; text-align:center; line-height:1em; vertical-align:middle;}
#twarp td{ padding:0 3px;}
#twarp tr{ height:37px;}
.head-tab{ background:#3276AF url(img/head-tr.gif) repeat-x bottom left; color:#fff;}
td.type{ width:150px; font-weight:bold; }
.rezerv,.all{ font-weight:bold;}
.gray-tr{ background:#E9E9E9;}

.rezerv input{ width:100px; font-size:11px; color:#fff; font-weight:bold; border:1px solid #2C6CA2;
background:#2C6CA2 url(img/bron.gif) repeat-x top left; vertical-align:middle; height:20px;
font-family:TAhoma,Arial, Helvetica}

html:root .rezerv input{ border:1px outset #2C6CA2;}
html:root .rezerv input:active{border:1px inset #2C6CA2;}