html, body {font-family: Tahoma, Verdana, Arial, Sans-Serif; background: url(../img/bg.jpg) left 4px repeat-x; color: #76746D;}

.clear { clear: both; line-height: 0px; font-size: 0px; height: 0px; } 

#main {width: 980px; margin: auto; background-color: #ffffff;}
#topBox {width: 980px; height: 159
px; float: left; background-color: #f0f0f0; margin-bottom: 10px; font-size: 24px; text-align: center; font-weight: bold; }
#topBox img {vertical-align:text-top;}
#leftBox {width: 160px; float: left; margin-right: 10px;}
#rightBox {width: 810px; float: left; }
#footerBox {width: 980px; float: left; height: 30px; color: #666665; border-top: 3px solid #a3b947; font-size: 11px; text-align: center;}
#piktogramyBox {margin: auto; padding: 0px; }
#galeriaBox {width: 770px; float: left; margin: 0px 20px; padding: 0px; }
#searchBox {width: 600px; height: 200px; background-color: #e0e0e0; margin: auto; margin-bottom: 10px; padding: 5px 10px}
#kontenerLewyBox {width: 200px; float: left; margin-top: 10px; font-size: 13px; color: #000000; text-align: center; font-weight: bold;}


/* ------------------------------------ GALERIA -------------------------------------------------------------*/
.thumbnail { position: relative; z-index: 0;}
.thumbnail:hover {background-color: transparent; z-index: 50;}
.thumbnail span{ /*CSS for enlarged image*/ position: fixed; background-color: #fff; padding: 5px; left: -1000px; border: 1px solid black; visibility: hidden; color: #000; font-weight: bold; text-align: center;}
.thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; }
.thumbnail:active span{ /*CSS for enlarged image on hover*/ visibility: visible; bottom: 100px; left: 300px; /*position where enlarged image should offset horizontally */ }
.thumbnail a:link a:hover a:visited a:active {text-decoration: none; }

.search_thumbnail { position: relative; z-index: 0;}
.search_thumbnail:hover {background-color: transparent; z-index: 50;}
.search_thumbnail span{ /*CSS for enlarged image*/ position: fixed; background-color: #fff; padding: 5px; left: -1000px; border: 1px solid black; visibility: hidden; color: #000; font-weight: bold; text-align: center;}
.search_thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; }
.search_thumbnail:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; bottom: 150px; left: 500px; /*position where enlarged image should offset horizontally */ }
.search_thumbnail a:link a:hover a:visited a:active {text-decoration: none; }

/* ------------------------------------ BLOKI NA STRONIE GŁÓWNEJ-------------------------------------------------------------*/
div.kontener div.maly_blok {float: left; width: 360px; margin: 0px 15px 15px 21px;}
 
div.kontener div.naglowek_maly_blok { display: block; width: 372px; height: 24px; background: url(../img/blok_naglowek_bg_zolty.gif) left top repeat-x; float: left; }
div.kontener div.nazwa_maly_blok { display: block; height: 24px; line-height: 22px; color: #000; padding-left: 10px; font-family: Tahoma, Arial, Sans-Serif; font-size: 13px; font-weight: bold; float: left; background: url(../img/blok_naglowek_l_zolty.gif) left top no-repeat; }
div.kontener div.nazwa_maly_blok_p { height: 24px; width: 50px; color: green; font-size: 12px; font-weight: bold; float: right; text-align: right; padding-right: 7px; padding-top: 3px; background: url(../img/blok_naglowek_p_zolty.gif) right top no-repeat; }
div.kontener div.kontener_maly_blok { float:left; width: 360px; min-height: 350px; border: 1px solid #f4c50b; border-top: 0px; padding: 0px 5px; background-color: #fcf7d3;}


/* ------------------------------------ MENU Z LEWEJ STRONY -------------------------------------------------------------*/
div.menu { float:left; padding: 0px; margin-bottom: 10px; width: 160px}

div.menu_top { width: 160px; height: 6px; font-size: 0px; padding: 0; background: url(../img/menu_gora.gif) left top no-repeat;}
div.menu_bottom { width: 160px; height: 6px; background: url(../img/menu_dol.gif) left bottom no-repeat; font-size: 0px; position: relative; top: -1px;}
/*poziom 1*/
ul.poziom1 { padding: 0px; margin: 0px; list-style-type: none; border-left: 1px solid #a3b947; border-right: 1px solid #a3b947; background: url(../img/menu_tlo.gif) center repeat-y;}
ul.poziom1 li { padding: 0px; margin: 0px; background: url(../img/menu_kropka.gif) left 8px no-repeat; text-align: left;}
ul.poziom1 li a:link, ul.poziom1 li a:visited { display: block; text-decoration: none; font-family: Tahoma; font-size: 11px; font-weight: bold; margin-left: 6px; padding-top: 3px; padding-bottom: 4px; line-height: 15px; color: #333237; border-bottom: 1px solid #ffffff; }
ul.poziom1 li a:hover { text-decoration: none; font-size: 11px; background: url(../img/li_hover.gif) left center repeat-x; color: #ffffff;}

/* ------------------------------------ LISTA Z LEWEJ STRONY POD MENU -------------------------------------------------------------*/


/* ------------------------------------NAGŁÓWEK GOSPODARSTWA------------------------------------------------------------------*/
div.blokNaglowek { display: block; width: 810px; height: 24px; background: url(../img/blok_naglowek_bg.gif) left top repeat-x; float: left; }
div.blokNaglowek div.nazwa_kategorii { display: block; height: 24px; line-height: 22px; color: #000; padding-left: 10px; font-family: Tahoma, Arial, Sans-Serif; font-size: 14px; font-weight: bold; float: left; background: url(../img/blok_naglowek_l.gif) left top no-repeat; }
div.blokNaglowek div.nazwa_kategorii_p { height: 24px; width: 260px; color: green; font-size: 12px; font-weight: bold; float: right; text-align: right; padding-right: 7px; padding-top: 3px; background: url(../img/blok_naglowek_p.gif) right top no-repeat; }

/*--------------------------------------TREŚĆ OFERTY-------------------------------------------------------------------------*/
div.kontener {float: left; width: 808px; min-height: 550px; border-left: 1px solid #a3b947; border-right: 1px solid #a3b947; border-bottom: 1px solid #a3b947; color: #000000; padding-top: 15px; font-size: 13px; margin-bottom: 15px;}
div.kontener div.naglowek_kontener { color: #000000; font-family: Tahoma, Arial, Sans-Serif; font-size: 13px; font-weight: bold; text-decoration: none; text-align: right;}
div.kontener div.zdjecie_obiektu { float: left; width: 300px; padding: 4px 4px; border: solid #a3b947 1px; margin: 0px 10px 0px 20px;}
div.kontener div.dane_adresowe { float: left; width: 440px; height: 220px; padding: 0px 5px; font-size: 14px; }
div.kontener div.opis_obiektu { float: left; width: 760px; padding: 4px; text-align: justify; margin: 0px 20px;}

/*--------------------------------------- BLOKI OPISOWE (Baza noclegowa, wyżywienie, wyposażenie obiektu, piktogramy)*/
div.kontener div.blok_opisu {float: left; width: 750px; margin: 0px 0px 15px 22px;}
 
div.kontener div.naglowek_sekcji { display: block; width: 762px; height: 24px; background: url(../img/blok_naglowek_bg_zolty.gif) left top repeat-x; float: left; }
div.kontener div.nazwa_sekcji { display: block; height: 24px; line-height: 22px; color: #000; padding-left: 10px; font-family: Tahoma, Arial, Sans-Serif; font-size: 13px; font-weight: bold; float: left; background: url(../img/blok_naglowek_l_zolty.gif) left top no-repeat; }
div.kontener div.nazwa_sekcji_p { height: 24px; width: 200px; color: green; font-size: 12px; font-weight: bold; float: right; text-align: right; padding-right: 7px; padding-top: 3px; background: url(../img/blok_naglowek_p_zolty.gif) right top no-repeat; }
div.kontener div.kontener_sekcji { float:left; width: 750px; border: 1px solid #f4c50b; border-top: 0px; padding: 0px 5px; background-color: #fcf7d3;}
div.kontener div.kontener_sekcji_dane_teleadresowe { float:left; width: 350px; min-height: 150px; font-size: 14px; color: #3f3f3f; border: 1px solid #f4c50b; border-top: 0px; padding: 0px 10px; background-color: #fcf7d3;}



/*----------------------------------------------TABELE----------------------------------------------*/
table.odsuniecie { padding: 5px 30px; border: 0px; }
table.wysrodkowanie { padding: 10px; margin:auto; text-align: center;}
table.search { text-align: center; margin: auto; }
table.search_gora { margin: auto; padding: 5px;}
table.zdjecie_search { display: block; float: left; width: 150px; margin: 2px 2px; text-align: center; padding: 2px; border: 1px solid #000;}

table thead { background-color: #f4c50b; border: 1px;}
table td.zdjecie { width: 150px;}
table td.gospodarstwo { width: 240px; }
table td.gospodarstwo_edycja {width: 250px;}
table td.kolo_terenowe_edycja {width: 400px; text-align: left;}
table td.miejscowosc_edycja {width: 300px;}
table td.piktogramy { width: 275px; height: 60px;}
table td.ceny {width: 100px;}
table td.pokoje {width: 80px;}
table td.wysrodkowanie {text-align: center;}

table a, a:link, a:visited {text-decoration: none; font-style: none; color: #000}
table tr.podswietlenie:hover {background-color: #bad254;}


table th.opis {width: 200px; text-align: left;}
table th.ilosc {width: 100px; text-align: left;}
table th.uwagi {text-align: left;}
table th.w50 {width: 50px; padding: 0 10px;}


table td.data_godzina_posta {width: 170px;}
table td.tytul_posta {width: 630px; text-align: left; padding-left: 5px;}


div.formularz {line-height: 30px; font-size:12px; font-family: verdana; color: #000000; padding: 3px;}


/* --------------------------------GALERIA -----------------------------------------------------------------------*/
div.zdjecie { display: block; float: left; width: 100px; margin: 2px 2px; text-align: center; padding: 2px; border: 0px solid #000;}
div.zdjecie img {border: 0px;}
div.zdjecie_edycja {display: block; float: left; width: 210px; margin: 10px; padding: 5px;}

/* --------------------------------PIKTOGRAMY -----------------------------------------------------------------------*/
div.piktogram { display: block; float: left; width: 50px; height: 55px; margin: 5px 1px; text-align: center;}
div.piktogram_bez_opisu { display: block; float: left; width: 350px; height: 55px; margin: 5px; }
div.piktogram_bez_opisu_wyszukiwanie { float: left; width: 50px; height: 55px; padding: 2px;}
div.piktogram_bez_opisu img { padding-right: 10px;}


img.mapa {border-style:none; display: block; margin-left: auto; margin-right: auto; padding: 10px;}
div.piktogram_bez_opisu img {vertical-align: middle; padding: 0px 10px;}
img.ikona {border: 0px;}
p.srodek {text-align: center;}
p.odsuniecie {margin-left:30px;}
p {font-style: none; text-decoration: none;}
p.komentarz_spod_wysrodkowany {clear: both; text-align: center; font-size: 10px; }
p.big {font-size: 16px; font-weight: bold; text-align: center;}
p.medium {font-size: 12px; font-weight: bold;}
p.o_nas {text-align: justify; padding: 0px 10px;}
p.witamy {text-align: right; font-weight: bold; padding: 15px 25px; font-style: italic; font-size: 11px;}
img.float_left {float: left; margin: 15px; }
img.float_right {float: right; margin: 15px;}
img.post {width: 200px;}
.red {color: red;}

a.link_mapa {text-decoration:none; color:black; font-size:12px; font-family:verdana;}
a.link_mapa:hover {color:green;}
a.green {font-size:12px; font-weight: bold;}


hr {color: orange;}
hr.green {color: green;}
hr.white {color: white;}

div.limit_wynikow {float: left; width: 798px; min-height:15px; border: 1px solid #a3b947; color: #000000; padding: 5px; font-size: 12px; margin-bottom: 15px;}

/*----------------------------Blok AKTUALNOŚCI---------------------------------------------------------*/
div.kontener div.aktualnosci_blok { float: left; width: 750px; border: 1px solid #f4c50b; border-bottom: 0px; margin: 0px 22px; padding: 5px; background-color: #fcf7d3;}
div.kontener div.tytul { float: left; width: 610px; font-size: 13px; margin-right: 10px; font-weight: bold;}
div.kontener div.data { float: left; width: 130px; background-color: }
div.kontener div.tresc {float: left; width: 750px; border: 1px solid #f4c50b; border-top: 0px;margin: 0px 22px 15px; padding: 0px 5px; background-color: #fcf7d3;}
div.kontener div.tresc img { float: left; max-width: 400px; margin:10px 0px 0px; padding: 10px 10px; border:0px;}

div.kontener div.aktualnosci_blok_krotki { float: left; width: 750px; border: 1px solid #f4c50b; margin: 0px 22px 15px; padding: 5px; background-color: #fcf7d3;}
div.kontener div.tresc_krotka {float: left;}



div.kontener div.tytul_homepage { float: left; width: 650px; margin: 5px 0px; text-align: justify;}
div.kontener div.data_homepage { float: left; width: 70px; margin: 5px 10px;}