/* --------RESETY-------- */

/* reset marginesów oraz dopełnień */
html, body, ul, li, img { margin: 0; padding: 0;}
/* reset wysokości linii i fontu */
h1, h2, h3, ul, li, p { margin: 0; padding: 0; font-size: 1em; line-height: 1.5em;}

/* ustawienia globalne */
body { font: 0.625em/1.5em tahoma, verdana, arial, sans-serif; background-color: #FFF; color: #000;}
body h1, h2, h3 {margin: 0;}

/* szerokość strony */
.content { width: 940px; margin: auto; overflow: hidden;}

/* resetowanie ramek obrazków */
a img {border: none; }
a {outline: none; }
li { list-style: none;}
/* linki */

a { text-decoration: none; color: #FFF;}
a:visited {}
a:hover {}
a:active {}

/* tekst */
p { font-size: 12px; #color: #000;}

/* --------KONIEC RESETÓW--------*/

/* GŁÓWNA */
#wrapper { margin-left: auto; margin-right: auto; width: 968px; overflow: hidden;}
.header {height: 100px; }
.logo { width: 968px; height: 100px; background:url(images/logo.gif) no-repeat; margin-left: 30px; margin-right: auto; }

#kontener-gl{margin-left: 10px; margin-right:auto ; overflow:hidden; width: 968px; margin-bottom: 25px;}
#slogan { width: 968px; height: 215px; ; margin-top: 10px; margin-bottom: 25px; }

#tekst { color:#868686; width: 650px; float: right;}

/* KONTAKT */
#tekst h2 { widht: auto; height: 33px; margin-bottom: 20px;  }
#tekst h3 { color: #cc6bb0 ; font-family:Tahoma, Geneva, sans-serif; font-size:14px ; border-bottom: 1px #cc6bb0 dashed; padding-bottom: 5px;  }

/* STOPKA */ 
#stopka { clear: both; width: 968px; height: 35px; color: #868686; font-family: Verdana, Geneva, sans-serif; border-top: solid 1px #868686;}
#stopka p { padding-top: 5px; padding-bottom: 15px; font-size: 11px; float: left; width: 400px; }
#stopka a { color: #868686 }
#stopka ul li { float: right; display: inline; padding-top: 5px;}
#stopka ul li a { display: inline; font-size: 10.5px;}
#obrazek {margin-bottom: 10px; margin-left: 17px;}
#left { width: 270px; float: left; height: 320px; border: 1px solid #6e1654;}
/* MENU */
#menu {width: 968px; position: relative; z-index: 1;}
#menu ul li {l ist-style: none; display: block; height: 46px; }
#menu > ul > li { float: left; }
.podmenu { display: none; }
#menu li:hover .podmenu { display: block;}
#content { position: relative; z-index: -1; height: 100px; background: #000; clear: both; color: #FFF; }
#content2 { color: #000; background: #0CF;  position: relative; z-index: -1; }
#menu li:hover .podmenu { display: block; }
#menu ul li a { display: block; height: 46px; cursor: pointer;}
#menu ul #glowna { background: url(images/Home.gif) no-repeat; width: 139px;}
#menu ul #glowna:hover { background: url(images/HomeH.gif) no-repeat; width: 139px;}
#menu ul #oferta { background: url(images/oferta.gif) no-repeat; width: 141px;}
#menu ul #oferta:hover { background: url(images/ofertaH.gif) no-repeat; width: 141px;}
#menu ul #galeria { background: url(images/galeria.gif) no-repeat; width: 140px;}
#menu ul #galeria:hover { background: url(images/galeriaH.gif) no-repeat; width: 140px;}
#menu ul #polecamy { background: url(images/polecamy.gif) no-repeat; width: 140px;}
#menu ul #polecamy:hover { background: url(images/polecamyH.gif) no-repeat; width: 140px;}
#menu ul #kontakt { background: url(images/kontakt.gif) no-repeat; width: 140px;}
#menu ul #kontakt:hover { background: url(images/kontaktH.gif) no-repeat; width: 140px;}
#menu ul #imprezy:hover { background: url(images/reszta1.gif) no-repeat; width: 268px;}
#menu ul #imprezy { background: url(images/reszta.gif) no-repeat; width: 268px;}
.jeden { background: url(images/kontakt.gif) no-repeat; width: 140px;}
.jeden:hover { background: url(images/kontaktH.gif) no-repeat; width: 140px;}
.dwa { background: url(images/polecamy.gif) no-repeat; width: 140px;}
.dwa:hover { background: url(images/polecamyH.gif) no-repeat; width: 140px;}

.ramka { background: #f5f5f5; border: 1px solid #dad9d9; padding: 5px; margin-bottom: 20px; width: 96%;}
.ramka2 { background: #f5f5f5; border: 1px solid #dad9d9; padding: 5px; margin-bottom: 15px; width: 75%; float: left; margin-right: 20px; overflow: hidden;}
.ramka2 a { float: right;}
.nazwa_aut { float: left; margin-right: 10px;}
.tytul { width: 102%; background: #f4c1e5; height: 27px; margin: -5px -5px 10px -5px; padding-top: 7px; padding-left: 7px;}
.link { color: #4ca9f8 } 
.ramka3 { background: #f5f5f5; border: 1px solid #dad9d9; padding: 5px; margin-bottom: 15px; width: 90%; float: left; overflow: hidden;}
.ramka3:hover { background: #c7c7c7; border: 1px solid #9d9b9c; padding: 5px; margin-bottom: 15px; width: 90%; float: left; overflow: hidden;}
.galerii { border: 1px solid #ac9a6e; float: left; margin-right: 30px;}
h6 { float: left; font-size: 23px; color: #ac9a6e; font-family: "Letter Gothic Std";}
#slideshowHolder {width:270px; height:320px; float:left; }
.line {width:689px; height:10px; float:left; margin:0 0 0 14px;}