* {margin:0; padding:0;}
html, body {margin:0; padding:0; background-color:#fff; font-family:Tahoma; }
#GORA {width:100%; position:relative; overflow:hidden; height:395px; background: url('obrazki/gora.jpg') no-repeat center;}
#MEN { width:1000px;height:50px; position:relative; overflow:visible; z-index:50;}
div.MAIN { width:1000px;position:relative;overflow:visible;margin:0 auto;padding:0; margin-top:80px; }
#PASEK_DOL { width:100%;height:16px;position:relative;overflow:hidden;float:left;background:url('obrazki/pasek_dol.png') no-repeat center top; }
#SRODEK { width:100%; height:463px; position:relative; overflow:hidden; float:left; background:url('obrazki/wzorek.jpg') repeat-x ;}
#STOPKA { width:1000px; height:50px; position:relative; overflow:hidden; margin:0 auto; padding:0; margin-top:10px;}
#LOGO { width:367px; height:74px; position:relative; float:left; overflow:hidden; margin:100px 0px 0px 50px; }
#LOGO img {border:0;}

#ZAWARTOSC { width:1000px;position:relative;overflow:visible;margin:0 auto;padding:0; height:463px; }
#ZAWARTOSC a{color:#ffffcc; text-decoration:none;} #ZAWARTOSC a:hover {text-decoration:underline;}
#RAMKA { width:348px; height:420px; position:relative; overflow:hidden; float:left; background: url('obrazki/ramka.png') no-repeat left top; margin:25px 0px 0px 10px; font-family:'Tahoma'; }
#RAMKA p { color:#fff; margin:45px 20px 10px 25px; text-align:justify; font-size:12px; line-height:17px; }
#RAMKA p.srodek { margin:0; padding:0; text-align:center;  }
#RAMKA p.drugi{ margin-top:20px; }
#RAMKA p.wiecej { text-align:right; margin:10px 30px 0px 0px;}
#RAMKA img {border:0;}
#RAMKA h1 {font-family:'Times New Roman'; letter-spacing:1.05pt; color:#fff; font-size:20px; font-weight:bold; background: url('obrazki/lisc.png') no-repeat left center; margin:20px 10px 10px 25px;
	padding-left:50px; line-height:25px; }

#ZAWARTOSC h1 {font-family:'Times New Roman'; letter-spacing:1.05pt; color:#fff; font-size:20px; font-weight:bold; background: url('obrazki/lisc.png') no-repeat left center;
margin:20px 10px 10px 25px; padding-left:50px; line-height:25px; }

#GALERIA { width:348px; height:420px; position:relative; overflow:hidden; float:left;  margin:25px 0px 0px 10px; font-family:'Tahoma'; }
#GALERIA p {color:#fff; margin:45px 25px 0px 25px; text-align:left; font-size:14px; line-height:19px;}
#GALERIA p.galeria {margin-left:20px; margin-top:10px; }
#GALERIA img {border:0;}
#GALERIA p.wiecej { text-align:right; margin:10px 30px 0px 0px; }

#WYPOSAZENIE { width:284px; height:420px; position:relative; overflow:hidden; float:left;  margin:25px 0px 0px 0px; font-family:'Tahoma';}
#WYPOSAZENIE p { color:#fff; margin:45px 20px 10px 25px; text-align:justify; font-size:12px; line-height:17px; }
#WYPOSAZENIE ul { list-style-type: none; width:230px; margin-left:35px; }
#WYPOSAZENIE li {color:#fff; font-size:12px; background: url('obrazki/listek.png') no-repeat left; padding-left:25px; line-height:25px;} 

#WYPOSAZENIE form { margin-top:20px; margin-left:25px; }
#WYPOSAZENIE input.pole { width:200px; background-color:#996666; border:1px solid #993333; color:#fff;}
#WYPOSAZENIE textarea {background-color:#996666; border:1px solid #993333; color:#fff;}
#WYPOSAZENIE input.przycisk { border:0; margin-top:10px; width:58px; height:21px; cursor:pointer; background:url('obrazki/wyslij.png') no-repeat left top;}
#WYPOSAZENIE p.blad {color:#fff; font-weight:bold; margin:0; font-size:11px;}
#WYPOSAZENIE p.forma {margin:5px 10px 2px 0px;}

#TRESC {width:642px; height:402px; float:left; position:relative; overflow:hidden; margin:25px 0px 0px 0px;}
#TRESC h1 {font-family:'Times New Roman'; letter-spacing:1.05pt; color:#fff; font-size:20px; font-weight:bold; background: url('obrazki/lisc.png') no-repeat left center;
margin:20px 10px 10px 25px; padding-left:50px; line-height:25px; }
#TRESC p { color:#fff; margin:45px 20px 10px 25px; text-align:justify; font-size:12px; line-height:17px;}
#TRESC a{color:#ffffcc; text-decoration:none; font-weight:bold;} #TRESC a:hover {text-decoration:underline;}


#L{width:60%;position:relative;overflow:hidden; float:left;}
#L p { color:#996666; font-size:11px; padding-top:10px; padding-bottom:30px;  height:50px; text-align:left; margin-left:10px;} 
#L a { margin-top:15px; }
#L a:hover { }
#L img {border:0; vertical-align:bottom;}

#TRESC div{width:618px; float:left; position:relative; overflow:hidden; margin:25px 0px 0px 25px; }
#TRESC div img { padding:4px; background-color:#fff; border:1px solid #FFF;  margin-right:10px; margin-bottom:10px;     }
#TRESC div img:hover {border:1px solid #993333;}
#TRESC div.DATY { width:186px; float:left; margin-right:0px; position:relative; overflow:hidden;}
#TRESC div.DATY h1 {margin-left:0; margin-top:0px; margin-bottom:5px; background: url('obrazki/listek.png') no-repeat left center; padding-left:25px; font-size:18px }

#TRESC div.DATY p {margin:0; font-size:14px; line-height:19px;}



#R{width:40%;position:relative;overflow:hidden; float:left;}
#R p {color:#996666; font-size:11px; padding-top:10px; padding-bottom:30px;  height:50px; text-align:right; margin-right:10px;}
#R a {font-weight:bold; text-decoration:none; letter-spacing:1.05pt; color:#996666; } 
#R a:hover{text-decoration:underline; }
/*##############################################################################
ROZWIJANE MENU
################################################################################*/
#menu { position: absolute; list-style-type: none; }
#menu ul { list-style-type: none;  }
#menu li { float: left;  } /* główny przycisk menu */
#menu li li { float: none;  } /* zawartość menu rozwiniętego */
/* wygląd i zachowanie podpunktów w menu */
#menu li a {display: block; font-size:12px; line-height:17px;text-align: left; text-decoration: none;}
#menu li a:hover { color: #fff; text-decoration: underline; }
/* ROZWIJALNY UL */
#menu li ul { position: absolute;width:0px;height: 0px;overflow:hidden; }
#menu li:hover ul { height:224px;width:211px;background: url('obrazki/menu_bg.png') no-repeat top left; }


/* ############################################################# */
#menu li ul li {text-align:left;font-weight:bold; width:211px; background: url('obrazki/menulinia.png') no-repeat bottom center; line-height:20px;}
#menu li ul li a{ color:#ffffcc; line-height:35px; padding-left:25px; margin-left:15px; background:url('obrazki/listek.png') no-repeat left center; }
#menu li ul li a:hover { text-decoration:none; color:#fff; }
#menu li ul li.odstep { line-height:20px; background: url('') no-repeat; }


/* GŁÓWNY PRZYCISK MENU - STYLE DODATKOWE */
#menu li a.maintyt {padding:0; width:100px; text-align:center; padding-top:15px; padding-bottom:15px; font-weight:bold; color:#993333; font-size:12px; text-decoration:none; letter-spacing:1.05pt; }
#menu li a.maintyt:hover { background: url('obrazki/menu.png') no-repeat center; color:#fff;  }
#menu li a.aktywny {background: url('obrazki/menu.png') no-repeat center; color:#fff;}
