@import url(base.css);

/*{{{ =Layout */

body {
  font: 11px Tahoma, sans-serif;
  color: #D2EAE2;
  background:url(bg.jpg) 100% 0 repeat-y;
  background-color:#018D96;
}

body#type2 {
  background: url(00.jpg) 100% 560px repeat-y #017881;
}

body#type3 {
  background: url(04.gif) 322px 0 #F8D09C; 
  font-size: 12px;
  color: #654B42; 
}


#fon {
  height: 100%; width: 250px;
  background: #067B84;
  position: absolute; top: 0; left: 0; z-index: 10;
}

#fon hr {
  display: none;
}



a {
  color: #fff;
}

#container a:hover {
  color: #D6D6D6;
}


#container {
  width: expression(document.body.clientWidth > 980 ? '100%' : '980px'); min-width: 980px; 
  height: auto;
  overflow: hidden;
  position: relative; z-index: 20;
  background: url(03-in.jpg) 100% 0 no-repeat;
}

body#type2 #container {
  background: url(01-in.jpg) 100% 0 no-repeat; 
  height: auto !important; min-height: 100%; _height: 100%;
  overflow: visible;
}

body#type3 #container {
  background: url(04.jpg) 0 0 repeat-y;
  height: auto !important; min-height: 100%; _height: 100%;
  _overflow: visible;
}


#header {
  height: 213px;
  position: relative;  
}

body#type3 #header {
  background: url(05-in.jpg) 100% 0 no-repeat;
  $z-index: 500;
}


#content {
  padding: 20px 600px 0 34px;
}

body#type2 #content, body#type3 #content {
  padding: 0; margin-right: -100%; 
  width: 100%;
  height: auto; min-height: 200px; _height: 200px;
  float: left;
  position: relative; z-index: 400;
  background: none; 
  overflow: visible;  
}

body#type3 #content {
  background: url(05-in.jpg) 100% -213px no-repeat;
}


#txt {
  margin: 0 0 0 225px; padding: 0 195px 0 60px; 
  overflow: visible;
}

body#type3 #txt {
  padding: 0 120px 0 129px;
  position: relative; z-index: 500;
}

body#type3.klimat #txt {
  padding: 0 30px 0 129px;
}


#sidebar {
  float: left;
  width: 189px; _width: 225px;
  padding: 20px 0 0 36px;
  position: relative; z-index: 500;
}


#footer-outher, #footer {
  height: 124px; 
  clear: both;
}

#footer {
  width: 100%; height: 124px;
  position: absolute; bottom: 0; left: 0; z-index: 200;
}

body#type2 #footer {
  background: url(rk.gif) 100% 62px no-repeat;
}

body#type3 #footer {
  background: url(rk.gif) 245px 52px no-repeat;
}

/*}}}*/


/*{{{ =Header*/

#slog {
  width: 185px;
  margin: 0;
  position: absolute; top: 13px; left: 36px;
  font-size: 12px;
  color: #D2EAE2;
}


#flashlogo {
  position: absolute; top: 54px; left: 33px;
}


#rakush {
  width: 79px; height: 143px;
  position: absolute; top: 0; right: 530px;
}


#icon {
  width: 125px; 
  position: absolute; top: 200px; left: 37px;
}

#icon li {
  float: left; margin: 0 15px 0 0;
}
#icon li a{
  padding:5px;
  display:block;
}
#icon li.newactive a{
  padding:5px;
  display:block;
  background-color:#06666e;
}


#sub-nav {
  width: 140px;
  position: absolute; top: 79px; right: 353px;
}

#sub-nav li {
  font-size: 18px;
  margin: 0 0 7px 0;
  line-height: 120%;
}

#sub-nav a {
  color: #9A500E;
}

#sub-nav a:hover, body#type3 #sub-nav a:hover {
  color: #804411;
}

body#type2 #sub-nav {
  position: absolute; top: 51px; left: 285px;
}

body#type2 #sub-nav a {
  color: #9DD6C3;
}

body#type2 #sub-nav a:hover {
  color: #D6D6D6;
}

body#type3 #sub-nav {
  position: absolute; top: 51px; left: 355px;
}

body#type3 #sub-nav a {
  color: #62392A;
}


#kr {
  position: absolute; top: 53px; right: 160px;
}


#choose {
  width: 500px; height: 25px;
  overflow: visible;
  position: absolute; top: 163px; left: 355px; z-index: 900;
  background: url(bul9.png) 100px 0 no-repeat;
  color: #62392A;
}

#choose strong {
  float: left;
  font-weight: normal;
  width: 100px;
  margin: 2px 0 0 0;
}

#choose em#another {
  font-style: normal;
  margin: 3px 0 0 6px;
  float: left;
  width: 143px; height: 22px;
  cursor: pointer;
}

#choose a {
  color: #62392A;
  text-decoration: none;
}

#choose a:hover {
  color: #62392A;
  background: #E8C293;
}

div#itt {
  display: none;
  position: absolute; top: 21px; left: 100px; z-index: 990;
  width: 390px;
  background: #E1B072;
  border: 1px solid #62392A; border-top: none;
}

#choose div#itt ul {
  margin: 0; padding: 5px;
  list-style: none;
}

#choose div#itt ul li {
  margin: 0; padding: 0;
}

#choose div#itt ul li a {
  display: block;
  padding: 2px 0 2px 10px;
}

/*}}}*/


/*{{{ =Content*/

#content #nav {
  margin: 28px 0 0 0;
}

#nav li {
  font-size: 12px;
  margin: 0 0 6px 0;
  line-height: 120%;
}

#nav li ul {
  list-style: none;
  margin: 5px 0 0 15px; padding: 0;
}

#nav a {
  color: #fff;
}


h1, h2 {
  margin: 15px 0 8px 0;
  font-size: 18px; font-weight: normal;
}

h2 {
  margin: 20px 0 0 0;
}


#op li {
  margin: 0 0 16px 0;
}

#op a {
  color: #D2EAE2; 
}


#krab2 {
  position: absolute; top: 0; right: 0; z-index: 900;
  height: 100%;
}

#crab-flash {
  height: 75%;
  position: absolute; top: 25%; right: 0;
}

#krab-in {
  height: 100%; _height: auto;
}

#krab2 #krab-in img {
  position: absolute; top: 370px; right: 0;
}


#content ul {
  margin: 0; padding: 0;
  margin:10px 0 0 25px;
}

#content ul li {
  margin: 0 0 7px 0;
}


#content ul li p {
  margin: 0; padding: 0;
}

/*}}}*/


/*{{{ =Sidebar*/

#sidebar h3 {
  margin: 49px 0 17px 0;
  font-weight: normal; font-size: 18px;
  color: #B2E5D4;
}


#sidebar address {
  font-style: normal; font-size: 17px;
  color: #9DD6C3;
  line-height: 130%;
}

#sidebar address strong {
  display: block;
  font-size: 11px; font-weight: normal;
}


#subscribe h2, #kontakt h2 {
  margin: 30px 0 10px 0;
}

#subscribe strong, #kontakt strong {
  float: left;
  font-weight: normal;
  width: 40px;
  margin: 3px 0 0 0;
}

#subscribe input.text, #kontakt input.text {
  border: 1px solid #D2EAE2;
  margin: 0 0 10px 0;
  width: 145px; height: 14px; $height: 17px;
}

#subscribe input.submit {
  background: none;
  border: none; border-bottom: 1px solid #D2EAE2;
  font: bold 11px Tahoma, sans-serif;
  color: #D2EAE2;
  width: 82px;
}


#kontakt {
  width: 380px;
}

#kontakt label {
  width: 100%;
  float: left; $float: none;
}

#kontakt strong {
  width: 150px;
}

#kontakt strong.sob {
  loat: none;
  isplay: block;
  argin: 0 0 7px 0;
  idth: auto;
}

#kontakt input.text  {
  width: 225px;
  border: 1px solid #62392A;
}

#kontakt select  {
  margin: 0 0 10px 0;
  width: 228px;
  border:1px solid #62392A;
}
html:root #kontakt select {width: 227px;}

#kontakt textarea {
  border: 1px solid #62392A;
  width: 297px; height: 100px;  
  width:225px;
  font-family: Tahoma, sans-serif;
  margin: 0 0 10px 0;
}

#kontakt input.submit {
  background: none;
  border: none; border-bottom: 1px solid #62392A; $border: none;
  $text-decoration: underline;
  color: #62392A;
  font: bold 11px Tahoma, sans-serif; 
  width: 68px;
  margin: 10px 0 0 0;
  padding:0px;
}

/*}}}*/


/*{{{ =Txt*/

#txt h1 {
  margin: -45px 0 23px 0; 
  position: relative; z-index: 700;
  line-height:120%;
}

#txt h1.zagotel {
  margin: 0px 0 10px 0; 
  position: relative; z-index: 700;
  line-height:120%;
}


#txt h1.hote {
  margin-top: 0; margin-bottom: 10px; padding: 0;
  width:241px;
  text-align:center;
}

#txt h1.hote img {
  border: none;
  margin: 0 10px 0 0;
}

h1.hote strong {
  font-weight: normal;
}


body#type3 #txt a {
  color: #62392A;
}

#txt ul {
  margin: 0 10px 0 0; padding: 0 0 0 15px;
  list-style: round; 
}


#ill {
  margin: 25px 0 0 0;
}


.p-l {
  float: left;
  width: 33.3%;
  text-align: center;
  margin: 0 0 25px 0; _margin: 0;
}

.p-l img {
  border: 1px solid #D1EAE2;
}


.news {
  margin: 0 0 20px 0;
}

.news img {
  float: left;
  margin: 0 10px 10px 0; _margin: 0 10px 0 0;
  border: 1px solid #D2EAE2;
}

.news h3 {
  margin: 0 0 10px 0;
  font-size: 18px; font-weight: normal;
}

.news em.data {
  font-style: normal; font-size: 10px;
}

.news p {
  clear: left; 
}


.hot {
  position: relative; z-index: 600;
}

#txt .hot img {
  border: 1px solid #D5E7DB;
}

.hot ul.nav-hot {
  float: right;
  width: 140px;
  margin: 0 0 0 20px;
}

.hot .both {
  clear: both;
  font-size: 12px;
}

.hot .both h4 {
  background: url(bul14.gif) 0 100% repeat-x;
  font-size: 14px;
  color: #654B42;
  margin: 30px 0 5px 0; padding: 0 0 9px 0;
}

.both address {
  font-style: normal;
}

#txt .both h4 img {
  float: right; display: inline;
  border: none;
  margin: 5px 10px 0 0;
}

ul.nav-hot li {
  background: url(bul11.gif) 0 7px no-repeat;
  padding: 0 0 0 13px; margin: 0 0 10px 0;
  line-height: 120%;
}

#txt .news em.star strong {
  font-weight: normal; font-style: normal; font-size: 14px;
  display: block;
  margin: 0 0 5px 0;
  color: #62392A;
}

#txt .news em.star img {
  border: none;
  margin-bottom: 17px; _margin-bottom: 0; margin-right: 0;
}

#txt .hot strong.raiting {
  display: block; 
  clear: left;
  color: #62392A;
  font-size: 13px;
  margin: 0 0 11px 0;
}

body#type3 #txt .hot a.bron {
  width: 141px; height: 30px;
  background: url(bul12.gif) 0 0 no-repeat;
  display: block;
  padding: 5px 0 0 5px;
  color: #fff;
  font-size: 11px; font-weight: bold;
  text-decoration: none;
}

#txt .hot p {
  margin: 0 0 10px 0;
}


#txt #gall img {
  float: left;
  margin: 0 5px 5px 0;
  border: 1px solid #D4E7DB;
}


#txt p.back {
  margin: 0; padding: 100px 0 0 0;
}

#txt p.back a {
  float: left;
  text-decoration: none;
}

#txt p.back a.come {
  margin: 20px 66px 0;
  text-decoration: underline;
  font-size: 14px;
}

#txt p.back a img {
  border: none;
  margin: 0 0 5px 15px;
}

#txt p.back a strong {
  font-weight: normal;
  display: block;
  text-decoration: underline;
}


p.pager {
  margin: 20px 0;
}

p.pager strong, p.pager a {
  margin: 0 5px 0 0;
}

p.pager a.href {
  margin: 0 10px;
}


p.href {
  font-weight: bold;
  margin: 0;
  line-height: 130%;
}


#txt img {
  border: 1px solid #654B42;
}


#map {
  margin: 30px 0 0 0;
  border: none;
}



#weather h2 {
  margin: 0 0 19px 0;
  color: #62392A;
  font-style: italic;
  font-weight: normal; font-size: 18px;
}

.weat {
  background: url(07.gif) 15px 0 no-repeat;
  idth: 580px; height: 200px;
  margin: 0 0 57px 0;
}


.weat-in {
  float: left;
  width: 167px;
}

#weather .first {
  margin: 0 70px 0 0;
}



#txt .weat h3 {
  font-size: 12px;
  display: block;
  color: #62392A;
  margin: 0; padding: 8px 0 20px 0;
}

#txt .weat h3.lft {
  padding: 8px 0 20px 50px;
}

.weat ul li {
  float: left; clear: left;
  height: 25px;
  width: 100%;
}

#txt .weat ul li img {
  float: left; clear: left;
  border: none;
  margin: 0 29px 0 0;
}

.weat ul li strong {
  padding: 4px 0 0 0;
  display: block;
  font-weight: normal;
}

/*}}}*/


/*{{{ =Footer*/
body#type2 #dextra, body#type3 #sidebar {
	padding-top:20px;
}
#dextra {
  margin: 15px 40px 0 0px;
 /*display: inline;*/
  clear: both;
  float:right;
  position:relative;
  z-index:2000;
}

body#type2 #dextra, body#type3 #dextra {
  margin: 74px 0 0 34px;
  clear: both;
  float:left;
  position:relative;
  z-index:2000;  
}

body#type2 #dextra, body#type3 #container #dextra a {
  color: #015c62;
  text-decoration: none;
}
#container #dextra a {
  color: #9a683b;
  text-decoration: none;
}

#dextra a strong {
  display: block;
  text-decoration: underline;
}


#copy {
  margin: 0;
  color: #025259;
  font-size: 10px;
  width: 370px;
  position: absolute; top: 74px; left: 34px;
}

#copy a {
  color: #025259;
}

body#type2 #copy, body#type3 #copy {
  top: 74px; left: 285px; 
  color: #D2EAE2;
}

body#type2 #copy a {
  color: #fff;
}

body#type3 #copy {
  left: 354px;
  z-index: 700;
}

body#type3 #copy, body#type3 #copy a {
  color: #62392A;
}


#krab {
  width: 100%; height: 231px;
  position: absolute; bottom: 0; right: 0;
}

#krab img {
  position: absolute; bottom: 0; right: 340px;
}

#cr-main {
  position: absolute; top: 0; left: 45%;
  width: 55%;

}


#tel, #icq {
  margin: 0 42px 0 0;
  float: right; 
  display: inline;
  font-size: 14px;
  color: #9A500E;
}

#tel strong {
  font-size: 24px; font-weight: normal;
}

#icq {
  clear: right;
  margin: 12px 76px 0 0;
}

#container #icq a {
  color: #9A500E;  
}


#sled {
  width: 538px; height: 238px;
  background: url(06.jpg) 0 0 no-repeat;
  position: absolute; top: -114px; right: 0; z-index: 200;
}
.red{
   color:#FF0000;
}

#kontakt fieldset{
   border-bottom:1px dotted #C6A380;
   margin-bottom:20px;

}
/*}}}*/