* {margin:0; padding:0;}
body
  {
    text-align:center;
    font-family: verdana, arial, tahoma, sans-serif; font-size: 11px; color:#222222;
    background: url("../img/tlo.gif") repeat-x;
    background-color: #ededed;
}

h1 {font-size: 18px;}
h2 {font-size: 16px; display:inline; font-weight:bold;}
h3 {font-size: 14px; display:inline;}
h4 {font-size: 12px;}

a {	font-family: verdana, arial, tahoma, sans-serif; font-size: 11px; color:#004477; text-decoration:none; }
a:hover { text-decoration:underline;  }
a.jasne_grube { font-weight:bold; color: #efefef;}
a.jasne_duze_grube {font-size: 12px; font-weight:bold;  color:#efefef;}
a.ciemne_duze_grube {font-size: 16px; font-weight:bold; color:#113355;}
a.jasne_male { font-size: 10px; color: #efefef; }
a.obiekt_zakladka {font-weight:bold; color:#efefef; text-decoration:none;}
a.linkcolor1 {font-size:12px; color: darkgreen;}
a.linkcolor2 {font-size:10px; color: #efefef;}
a.linkcolor3 {font-size:12px; font-weight:bold;}
a.linkcolor4 {font-size:11px; color: #efefef;}
a.linkcolor5 {font-size:12px; color: #336699;}
a.menu_ciemne {font-size:12px; font-weight: bold;}
a.menu_jasne {font-size: 12px; font-weight:bold;  color:#efefef;}

p.male_szare {font-size: 11px; color:#787878;}
p.male {font-size: 10px;}
p.bardzo_male {font-size: 9px; color:#336699;}
p.kolor1_grube { font-weight:bold; color:#FCBF4D;}
p.billboard {font-weight:bold; text-align:right;}
p.info {color: red; font-weight:bold;}
p.ostrzezenie {color:red; font-weight:bold; border: 1px solid #FF0000; padding:3px; text-align:center;}
p.ostrzezenie1 {color:red; padding:3px; text-align:center;}
p.opisfoto {color: #003399; font-size: 12px; font-weight: bold;}
p#obiektID{ position: absolute; right:5px; top:5px; color: #898989; font-size: 11px}

li {
  	list-style-type: none;
	display: block;
	margin: 0;
	padding: 4px;
    padding-left: 12px;
   }
li:hover {background-color: #feefb6;}

li#polecamytext {
  	list-style-type: none;
 	display: block;
	margin: 0;
    padding: 6px;
    padding-left: 15px;
    background: url("../img/lightziel.gif") no-repeat left center;
   }
li#polecamytext:hover {background-color: #feefb6;}

li.kamery{
  	list-style-type: none;
 	display: block;
	margin: 0;
    padding: 6px;
    padding-left: 25px;
    background: url("../img/kamera.gif") no-repeat left center;
	}

input, option, select, textarea {
	font-size: 12px;
	color:#003366;
  }
input.przycisk {
  background: url("../img/szukaj.gif") no-repeat;
  border: 0;
  cursor:pointer;
  height: 26px;
  width: 114px;
}
input.przycisk1 {
  background-color: #dddddd;
  border: 1px solid #999999;
  cursor:pointer;
  font-size: 10px;
  text-align: center;
  color: #777777;
}
input.text1{
  background-color: #efefef;
  border: 1px solid #bbbbbb;
  font-size: 14px;
  color: #003399;
}
select.szukajobiekt{
  background-color: #efefef;
  border: 1px solid #bbbbbb;
  padding: 1px;
  margin-bottom: 5px;
  width: 189px;
}
input.szukajobiekt{
  background-color: #efefef;
  border: 1px solid #bbbbbb;
  padding: 2px;
  margin-bottom: 5px;
  width: 175px;
}
.hoverdiv:hover {background-color:#dedede;}

.imgleft {float:left; margin-right:4px; margin-bottom:4px;}


.div_pasek_maly {
    background: url("../img/grad_sml.gif") repeat-x;
    height: 7px;
  }
.div_pasek_maly2 {
    background: url("../img/grad_sml2.gif") repeat-x;
    height: 7px;
  }
div#strona
  {
    width: 990px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
  }

div#gora
  {
    width: 100%;
  }
img.webcam_widok
  {
    border: 1px solid #898989;
  }
img.webcam_male_aktywne
  {
    width: 190px;
    border: 3px solid #d2af00;
  }
img.webcam_male_nieaktywne
  {
    width: 160px;
    border: 1px solid #ababab;
  }
img.webcam_male_nieaktywne:hover
  {
    border: 3px solid #d2af00;
    width:190px;
  }
#gora_wnetrze
  {
	width: 100%;
	padding: 0em 0em;
	overflow: hidden;
  }
#gora_menu{
    width: 100%;
    padding: 2px;
    overflow: hidden;
    padding-left: 10px;
  }
#naglowek_gora
  {
    width: 100%;
    height: 70px;
    background:url("../img/zolgora.jpg") no-repeat;
    position: relative;
  }

#naglowek_dol{
    width:100%;
    height: 46px;
    background: url("../img/grad_big.gif") repeat-x;
    position: relative;
  }

#logo{
  width: 205px;
}

#logowanie{
  width: 300px;
  height: 35px;
  position: absolute;
  top: 0px;
  right: 0px;
  padding-right: 5px;
}

#menu{
  position: absolute;
  left: 204px;
  top: 20px;
  height: 26px;

}
div.menu_zakladka_nieakt{
  width: 85px;
  height: 26px;
  background: url("../img/but_menu_nieakt.gif") no-repeat;
  color: #efefef;
  font-size: 12px;
  text-align: center;
  padding-top: 5px;
  float: left;
}
div.menu_zakladka_akt{
  width: 85px;
  height: 26px;
  background: url("../img/but_menu_akt.gif") no-repeat;
  color: #004477;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding-top: 5px;
  float: left;
}
div#menu_zakladka_pocz{
  width: 10px;
  height: 26px;
  background: url("../img/but_menu_pocz.gif") no-repeat;
  float: left;
}
div#menu_zakladka_kon{
  width: 10px;
  height: 26px;
  background: url("../img/but_menu_kon.gif") no-repeat;
  float: left;
}
div.menu_zakladka_nieakt:hover{
  background: url("../img/but_menu_select.gif") no-repeat;
}
div#news_tv{
    width: 100%;
    overflow:hidden;
  }

img.logotv200{
	width:200px;
    height: 25px;
    border: 0px;
  }
img.polecamy_male{
    float:left;
    width: 54px;
    height: 43px;
    margin-right:4px;
    margin-bottom:4px;
    border: 1px solid #999999;
}
img.prosty_wybor_duze{
    float:left;
    width: 120px;
    margin-top: 4px;
    margin-right:4px;
    margin-bottom:4px;
    border: 1px solid #999999;
}
img.ramka{
  border: 1px solid #bbbbbb;
}
img.billboard{
	border: none;
	width: 400px;
	}

div#tv200{
    width:190px;
    text-align:center;
    border-bottom: 2px solid #FF9999;
  }

#banner_maxi{
  width:100%;
  display:none;
}
#glowna_czesc
  {
    width: 100%;
    background-color: #efefef;
    overflow:hidden;
    display: inline-block;
}
#lewa
  {
    width: 210px;
    float: left;
  }

#lewa_wnetrze
  {
    padding: 5px;
    overflow: hidden;
    margin: 0px 0px;
  }
#lewa_webcam
  {
    width: 778px;
    float: left;
  }
#glowna_prawa
  {
    width: 778px;
    float: left;
  }
#prawa_webcam
  {
    width: 210px;
    float: left;

  }
#prawa_wnetrze_webcam
  {
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    overflow: hidden;
    margin: 0px 0px;
    text-align: center;
    color: #efefef;
    background-color: #3c7faf;
  }
#srodek
  {
    width: 468px;
    float: left;
  }
#pogoda_srodek
  {
    width: 766px;
    height: 780px;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    border: 1px solid #ababab;
    background: url("../img/pogoda_tlo.jpg") no-repeat;
  }
#webcam_srodek
  {
    width: 766px;
    text-align:center;
    border: 1px solid #ababab;
    background: url("../img/pogoda_tlo.jpg") no-repeat;
  }
#webcam_widok
  {
    background-color: #cdcdcd;
    width: 680px;
    margin-top:10px;
    margin-left:42px;
    margin-bottom:10px;
    border: 1px solid #898989;
  }
#srodek_wnetrze
  {
    padding: 5px;
    overflow: hidden;
    margin:0px;
  }

#prawa
  {
    width: 310px;
    float: left;
  }

#prawa_wnetrze
  {
    overflow: hidden;
    margin:0px;
    padding: 5px;
  }

#srodek_lista
  {
    width: 568px;
    float: left;
  }

#srodek_wnetrze_lista
  {
    padding: 5px;
    overflow: hidden;
    margin:0px;
  }

#prawa_lista
  {
    width: 210px;
    float: left;
  }

#prawa_wnetrze_lista
  {
    overflow: hidden;
    margin:0px;
    padding: 5px;
  }

#stopka
  {
    width: 100%;
    clear:both;
    float: left;
  }

#stopka_gora
  {
    background-color:#007fb5;
    padding: .3em;
    text-align: center;
    overflow: hidden;
  }
#stopka_dol
  {
    text-align: left;
    overflow: hidden;
  }

.box200goranieb{
	width:200px;
    height: 5px;
    background: url("../img/box200goranieb.gif");
  }
 .box200tytulnieb{
	width:189px;
    height: 14px;
    padding: 3px 5px;
    border-left: 1px solid #005d94;
    border-right: 1px solid #005d94;
    background-color: #007fb5;
  }
 .box200srodeknieb{
    width:189px;
    padding: 3px 5px;
    border-left: 1px solid #005d94;
    border-right: 1px solid #005d94;
    background-color: #b0daea;
  }
.box200dolnieb{
	width:200px;
    height: 5px;
    background: url("../img/box200dolnieb.gif");
  }

.box200gora_nieb_ciupa{
	width:200px;
    height: 19px;
    padding-left: 45px;
    padding-top: 5px;
    background: url("../img/box200gora_nieb_ciupa.gif") no-repeat;
  }
 .box200srodek_nieb_ciupa{
    width:188px;
    padding: 3px 5px;
    border-left: 1px solid #007fb5;
    border-right: 1px solid #007fb5;
    border-bottom: 1px solid #007fb5;
    background-color: #b0daea;
  }

.box200gora_czerw_ciupa{
	width:200px;
    height: 19px;
    padding-left: 45px;
    padding-top: 5px;
    background: url("../img/box200gora_czerw_ciupa.gif") no-repeat;
  }
 .box200srodek_czerw_ciupa{
    width:188px;
    padding: 3px 5px;
    border-left: 1px solid #b53600;
    border-right: 1px solid #b53600;
    border-bottom: 1px solid #b53600;
    background-color: #f7d5c7;
  }

.box200gora_zolt_ciupa{
	width:200px;
    height: 19px;
    padding-left: 45px;
    padding-top: 5px;
    background: url("../img/box200gora_zolt_ciupa.gif") no-repeat;
  }
 .box200srodek_zolt_ciupa{
    width:188px;
    padding: 5px 5px;
    border-left: 1px solid #c2b22d;
    border-right: 1px solid #c2b22d;
    border-bottom: 1px solid #c2b22d;
    background-color: #f8f2be;
  }
.box200nieb{
	width:200px;
    height: 20px;
    color:#efefef;
    font-weight:bold;
    font-size: 12px;
    padding-left: 10px;
    padding-top: 5px;
    background: url("../img/box200nieb.gif") no-repeat;
    overflow: hidden;
  }
.box200ziel{
	width:200px;
    height: 20px;
    color:#efefef;
    font-weight:bold;
    font-size: 12px;
    padding-left: 10px;
    padding-top: 5px;
    background: url("../img/box200ziel.gif") no-repeat;
    overflow: hidden;
  }
.box200polecamy{
	width:200px;
    height: 20px;
    color:#efefef;
    font-weight:bold;
    font-size: 12px;
    padding-left: 10px;
    padding-top: 5px;
    background: url("../img/box200polecamy.gif") no-repeat;
    overflow: hidden;
  }
.box200prosty_wybor{
	width:200px;
    height: 20px;
    color:#efefef;
    font-weight:bold;
    font-size: 12px;
    padding-left: 10px;
    padding-top: 5px;
    background: url("../img/box200prostywybor.gif") no-repeat;
    overflow: hidden;
  }
.box200ostatnio{
	width:200px;
    height: 20px;
    color:#efefef;
    font-weight:bold;
    font-size: 12px;
    padding-left: 10px;
    padding-top: 5px;
    background: url("../img/box200ostatnio.gif") no-repeat;
    overflow: hidden;
  }
 .box200srodek_nieb{
    width:188px;
    padding: 5px 5px;
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    background-color: #b0daea;
    overflow: hidden;
  }
 .box200srodek_transparent{
    width:188px;
    padding: 5px 5px;
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    background-color: transparent;
    overflow: hidden;
  }
.box200kamera_nieb{
	width:200px;
    height: 20px;
    padding-left: 30px;
    padding-top: 5px;
    background: url("../img/box200kamera_nieb.gif") no-repeat;
    overflow: hidden;
  }
.box200reklama{
	width:190px;
    padding: 5px;
    background-color: transparent;
    text-align:center;
    overflow: hidden;
  }
.box200bez_ramki{
	width:190px;
    padding: 5px;
    background-color: transparent;
    text-align:center;
    overflow: hidden;
  }
.box200szukaj{
	width:200px;
    height: 20px;
    color:#efefef;
    font-weight:bold;
    font-size: 13px;
    text-align: center;
    padding-top: 5px;
    background: url("../img/box200gran.gif") no-repeat;
    overflow: hidden;
  }
.box_srodek_szukaj{
	padding: 4px;
	color:#efefef;
	border: 1px solid #2c5b7e;
	background-color: #0098ca;
	overflow: hidden;
	}
.box_srodek_zolty{
	padding: 4px;
	border: 1px solid #D2A903;
	background-color: #FEEFB6;
	overflow: hidden;
	}
.box300nieb{
	width:300px;
    height: 20px;
    color:#efefef;
    font-weight:bold;
    font-size: 12px;
    padding-left: 10px;
    padding-top: 5px;
    background: url("../img/box300nieb.gif") no-repeat;
    overflow: hidden;
  }
.box300polecamy{
	width:300px;
    height: 20px;
    color:#efefef;
    font-weight:bold;
    font-size: 12px;
    padding-left: 15px;
    padding-top: 5px;
    background: url("../img/box300polecamy.gif") no-repeat;
    overflow: hidden;
  }
#box300prosty_wybor{
	width:300px;
    height: 20px;
    color:#efefef;
    font-weight:bold;
    font-size: 12px;
    padding-left: 15px;
    padding-top: 5px;
    background: url("../img/box300prostywybor.gif") no-repeat;
    overflow: hidden;
  }
#box300srodek_prosty_wybor{
    width:290px;
    padding: 5px;
    overflow: hidden;
 }
.prosty_wybor{
   width:283px;
   margin: 3px;
   padding: 4px;
   border-bottom: 1px solid #cdcdcd;
   overflow: hidden;
 }

.prosty_wybor:hover {background-color:#dedede;}

.box300srodek_nieb{
    width:288px;
    padding: 5px;
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    background-color: #b0daea;
    overflow: hidden;
 }
#box300warto_zobaczyc{
    width:300px;
    background-color: #efefef;
    text-align: center;
    overflow: hidden;
}

#polecamy{
   width:270px;
   margin: 3px;
   padding: 4px;
   border: 1px solid #cdcdcd;
   background-color: #efefef;
   overflow: hidden;
 }

#polecamy:hover {background-color:#dedede;}

.polecamytext{
   padding-bottom: 3px;
   position:relative;
   clear:both;
   overflow:hidden;
}
.polecamytext:hover {background-color:#feefb6;}

.prosty_wybor_text{
   padding-top: 3px;
   padding-bottom: 3px;
   border-bottom: 1px solid #bbbbbb;
   position:relative;
   clear:both;
   overflow:hidden;
}
.prosty_wybor_text:hover {background-color:#feefb6;}

.warto_zobaczyc{
   width:284px;
   margin: 3px;
   padding: 5px;
   text-align: left;
   border-bottom: 1px solid #cdcdcd;
   background-color: #efefef;
   overflow: hidden;
 }

.warto_zobaczyc:hover {background-color:#dedede;}

.warto_zobaczyc_poziomo{
   width:235px;
   margin: 3px;
   padding: 5px;
   text-align: left;
   float:left;
   border-bottom: 1px solid #cdcdcd;
   overflow: hidden;
 }
.warto_zobaczyc_poziomo:hover {background-color:#dedede;}

#prosty_wybor_poziomo
  {
    border-top: 1px solid #ababab;
    margin-top:-1px;
  }
.prosty_wybor_poziomo
 {
   width:235px;
   margin: 3px;
   padding: 5px;
   text-align: left;
   float:left;
   border-bottom: 1px solid #cdcdcd;
   overflow: hidden;
 }
.prosty_wybor_poziomo:hover {background-color:#dedede;}

.pogodna_oferta{
   width:186px;
   margin: 3px;
   padding: 4px;
   overflow: hidden;
 }

.pogodna_oferta:hover {background-color:#feefb6;}

.noclegi_w_obiektywie
  {
    border: 1px solid #bcbcbc;
    margin: 5px;
    background-color: #fdec96;
    background-image: url(../img/noclegi_w.gif);
    background-repeat: no-repeat;
  }

#navig
  {
    padding: 5px;
  }

#navig_wnetrze
  {
    overflow: hidden;
    padding: 3px;
    border: 1px solid #bcbcbc;
    background-color: #dedede;
  }
.box445pom_ciupa{
	width:445px;
    height: 19px;
    color:#efefef;
    font-weight:bold;
    font-size: 14px;
    padding-left: 45px;
    padding-top: 5px;
    background: url("../img/box445pom_ciupa.gif") no-repeat;
    overflow: hidden;
  }
#billboardy{
  margin:10px;
}
#billboard{
  width:433px;
  padding: 5px;
  border-left: 1px solid #bcbcbc;
  border-right: 1px solid #bcbcbc;
  border-bottom: 1px solid #bcbcbc;
  overflow: hidden;
}
#billboard:hover {background-color:#dedede;}

#banner_gora{
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}
#banner_dol{
  margin: 10px;
  text-align: center;
}
#tytul_strony{
  background-color: #b0daea;
  border: 1px solid #90b8c8;
  text-align: center;
}

#lista_promo{
  border: 1px solid #D2A903;
  overflow: hidden;
  padding: 0px;
}

#lista_foto{
  float:left;
  width:150px;
  height:120px;
  position:relative;
  padding:5px;
  margin: 5px;
  border: 1px solid #aaaaaa;
  background-color: #dddddd;
  overflow: hidden;
}
#lista_prawa{
  float:left;
  width:384px;
}
#lista_promo_nazwa{
  background-color:#FEEFB6;
  position:relative;
  border-bottom: 1px solid #D2A903;
  border-left: 1px solid #D2A903;
  padding: 5px;
}
#lista_text{
  padding: 5px;
}
#lista_normal{
  border: 1px solid #BBBBBB;
  overflow: hidden;
  padding: 0px;
}
#lista_normal_nazwa{
  background-color:#B0DAEA;
  position:relative;
  border-bottom: 1px solid #BBBBBB;
  border-left: 1px solid #BBBBBB;
  padding: 5px;
}
#lista_nawigacja{
  text-align:center;
  padding: 10px;
}
#lista_nrpoz{
  width:34px;
  height:21px;
  background-color:#dddddd;
  float:right;
  text-align:center;
  padding-top: 10px;
  margin-top:-5px;
  margin-right: -5px;
  border-left: 1px solid #bbbbbb;
  border-bottom: 1px solid #bbbbbb;
}
#lista_video{
  position:absolute;
  left:2px;
  top:2px;
  width:34px;
  height:34px
}
#error{
  background-color: #FF8888;
  border: 1px solid #FF0000;
  color: #efefef;
  font-weight: bold;
  padding: 5px;
}
div.obiekt_zakladka_ciemna{
  background: url("../img/but100ciemny.gif") no-repeat;
  height:16px;
  width:100px;
  padding-top: 5px;
  float:left;
  text-align: center;
  margin-right: 2px;
  color: #efefef;
  font-weight: bold;
  overflow: hidden;
}
div.obiekt_zakladka_jasna{
  background: url("../img/but100jasny.gif") no-repeat;
  height:16px;
  width:100px;
  padding-top: 5px;
  float:left;
  text-align: center;
  margin-right: 2px;
  color:#9a9a9a;
  font-weight: bold;
  overflow: hidden;
}
div.obiekt_zakladka_pomar{
  background: url("../img/but100pomar.gif") no-repeat;
  height:16px;
  width:100px;
  padding-top: 5px;
  float:left;
  text-align: center;
  margin-right: 2px;
  color: #efefef;
  font-weight: bold;
  overflow: hidden;
}
div.obiekt_zakladka_pomar:hover{
  background: url("../img/but100pomar1.gif") no-repeat;
}
div#foto_opis{
  background-color: #dddddd;
  border: 1px solid #bbbbbb;
  padding: 5px;
  float: left;
}
div#obiekt_nazwa{
  font-size: 16px;
  font-weight: bold;
  padding: 5px;
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: center;
}
div#obiekt_info{
  font-weight: bold;
  padding: 5px;
  background-color: #FF3333;
  color: #efefef;
  text-align:center;
}
div#obiekt_adres{
    overflow: hidden;
    padding: 5px;
    border-bottom: 1px solid #bcbcbc;
    border-left: 1px solid #bcbcbc;
    border-right: 1px solid #bcbcbc;
    background-color: #dedede;
}
div.Obiekt_NextPrev{
  padding:5px;
  text-align: center;
}
div#obiekt_zweryf{position:absolute; right:5px;top:5px}
.odstep{
	height: 10px;
	width: 100%;
  }
.odstep_duzy{
	height: 25px;
	width: 100%;
  }

.clearfix:after
  {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
.clearfix {display: inline-table;}

/* ------------ GALERIA WEBCAM ----------------- */
div#galeria_webcam{
	width: 756px;
	background: url("../img/galeria.png") no-repeat;
    background-position: 1px 1px;
	background-color:#d5dce2;
	border: 1px solid #AAA;
	text-align:center;
	float:left;
	padding: 5px;
}
div.galeria_webcam_foto{
   width:170px;
   margin: 3px;
   padding: 5px;
   text-align: center;
   float:left;
   border: 1px solid #AAA;
   background-color: #efefef;
   overflow: hidden;
 }
div.galeria_webcam_foto:hover {background-color:#dedede;}

img.galeria_webcam_obraz{
   width:160px;
   border: 1px solid #AAA;
}

li.galeria_webcam{
  	list-style-type: none;
 	display: block;
	margin: 0;
    padding: 5px;
    padding-left: 15px;
    color: #336699;
    background: url("../img/kropka_zolta.gif") no-repeat left center;
	}

/*--------------------------------------------*/