/* ============= Global Deffinitions ============= */
* 								{ margin:0; padding:0; }
img 							{ display: block; border:0; }
body 							{ background: #F5F5F5 url(../img/layout/background.gif); background-repeat: repeat-x; color:#6e6e6e; font: 62.5% arial, sans-serif; margin:0; padding:0; }
#container 						{ width:780px; height:100%; margin:20px auto;  /*border:1px solid #ACACAC; border-width:0 1px;*/ }
center 							{ margin:50px; padding: 10px 15px; border: 1px solid #ddd; background: #f2f2f2; color:#444; font-size:13px; line-height:1.6em; }
a:link, a:visited 				{ text-decoration:none; color: #666; }
a:hover 						{ text-decoration:underline; }

.line, #line					{ overflow:hidden; height:1px; margin:0px; padding:0px; font-size:1px; background: #ddd; } 

/* ============= TopMenu ============= */

#topmenu 						{ border:none; background-image: url(../img/layout/topmenuBG.gif); height:35px; padding:0 0 0 20px; }
#topmenu ul 					{ float:left;  list-style-type:none; }
#topmenu ul li 					{ float:left; margin:0 10px 0 0; }
#topmenu ul li a 				{ display:block; text-indent: -9000px; width:57px; height:35px; text-decoration:none; }

#topmenu #mi1 a 				{ background: url(../img/layout/Mhome.gif) no-repeat; width:100px; }
#topmenu #mi2 a 				{ background: url(../img/layout/Mrotaract.gif) no-repeat; width:78px; }
#topmenu #mi3 a 				{ background: url(../img/layout/Mnasza.gif) no-repeat; width:120px; }
#topmenu #mi4 a 				{ background: url(../img/layout/Maktualnosci.gif) no-repeat; width:84px; }
#topmenu #mi5 a 				{ background: url(../img/layout/Mgaleria.gif) no-repeat; width:58px; }
#topmenu #mi6 a 				{ background: url(../img/layout/Monas.gif) no-repeat; width:49px; }
#topmenu #mi7 a 				{ background: url(../img/layout/Mlinki.gif) no-repeat; width:45px; }
#topmenu #mi8 a 				{ background: url(../img/layout/Mkontakt.gif) no-repeat; width:58px; }
#topmenu #uk a  				{ background: url(../img/layout/uk.gif) no-repeat; width:49px; margin-left:17px; }
#topmenu #mi1 a:HOVER, #topmenu #mi2 a:HOVER, #topmenu #mi3 a:HOVER, #topmenu #mi4 a:HOVER, #topmenu #mi5 a:HOVER, #topmenu #mi6 a:HOVER, #topmenu #mi7 a:HOVER, #topmenu #mi8 a:HOVER, #topmenu #uk a:HOVER { background-position:0 -35px; }

/* ============= Header ============= */
#header 						{ height:95px; 	background: #fff url(../img/layout/greyshadow.gif) repeat-x; }
#logo 							{ float:left; width:400px; height:90px; background: url(../img/layout/logo.gif) no-repeat; margin:7px 0 0 0; }
#wrap 							{ float:left; width:200px; height:100%; padding-left:150px; background: url(../img/layout/deko.gif) no-repeat top right; }
#hometop 						{ float:right; width:366px; }


/* ============= Frame ============= */
#greybar 						{ background: url(../img/layout/homepanelsBG.gif) repeat-x; margin: 0 1px; padding:10px 8px 50px 8px; }

.panel 							{ width:252px; float:left; margin:0 1px 0 0; }
.panelTab 						{ display:block; text-indent: -9000px; width:252px; height:60px; text-decoration:none; border-bottom:1px solid #fff; }
.panelPic 						{ display:block; margin:0 0 1px 0; }
.panelEnd 						{ height:15px; background:#000; margin:0; }
#pan01 							{ background:  url(../img/layout/red1.gif) no-repeat; }
#pan02 							{ background:  url(../img/layout/red2.gif) no-repeat; }
#pan03 							{ background:  url(../img/layout/red3.gif) no-repeat; }
#pan01:HOVER, #pan02:HOVER, #pan03:HOVER  { background-position:0 -60px; text-decoration: none; }


/* ============= Middle ============= */
#middle 						{ }

#homeendLeft 					{ float:left; width:516px; margin-top:22px; }

#homeendRight 					{ float:left; width:230px; margin-top:22px; padding:8px; border:1px solid #ccc; background: #eee url(../img/layout/deko.gif) no-repeat top right; }
#homeendRight h2 				{ font: normal verdana,sans-serif; color: #911C1C; font-size:18px; margin: 0 0 7px 10px;  padding: 5px 0 0 0; }
#homeendRight a 				{ margin:5px 0; width:215px; height:15px; display:block; color: #60646A; text-decoration:none; background: url(../img/layout/newEventBG.gif) no-repeat; padding:3px 0 2px 17px; font-size:11px;  }
#homeendRight a:HOVER 			{ color: #000; background-position:0 -20px; }

/* ============= Cleaner ============= */
#clear 							{ clear:both; width:100%; font-size: 1px; line-height: 1px; height:1px;  }

/* ============= Footer ============= */
#footer 						{ background: url(../img/layout/footerBG.gif) repeat-x; font-weight:bold; font-size:11px; color:#9D9D9D; margin:0; height:33px; }
#footer div 					{ padding: 9px 25px; }
#FooLeft  						{ float:left; }
#FooRight 						{ float:right; }
#footer a 						{ text-decoration: none; color:#9D9D9D; }
#footer a:hover 				{ color:#5D5D5D; }


/* ==========================  Style podstron  ========================== */


#content 						{ height:100%; margin: 0 20px 0 20px; padding: 10px 20px; border: 1px solid #ddd; background: #f2f2f2; color:#444; font-size:13px; line-height:1.6em; text-align:justify; }
#label 							{ width:34px; height:113px; }


/* ============= Rotaract ============= */
#content h1 					{ padding: 25px 0 0 10px; font-family: helvetica; font-size: 16px; }
#content p 						{ padding: 0 10px 10px 10px; margin: 0; }

/* =========== Aktualnosci =========== */

.aktualnosci					{ margin:20px 20px; /*background:#f8f8f8; border: 1px solid #ccc;*/ }
.aktualnosciTytul				{ background: url(../img/layout/aktualnosciBG.gif) no-repeat top; padding:0 10px 0 25px; color:#f8f8f8; font-weight:bold; }
.aktualnosciTytul div			{ display:inline; float:right; width:60px; font-size:10px; }
.aktualnosciTresc				{ background:#f8f8f8 url(../img/layout/greyshadow2.gif) repeat-x top; border:1px solid #ccc; border-top:0px; padding:15px 25px 10px 25px; line-height:1.5em }
.aktualnosciTresc img			{ height:200px; margin:10px auto; }


/* ============= Galeria ============= */

#galeria 						{ list-style-type:none; }
#galeria li 					{ margin-right:25px; float:left; }
#galeria li a 					{ display:block; text-indent: -9000px; text-decoration:none; }
#gal1 a 						{ width:34px; height:113px; background: url(../img/layout/gal1.gif) no-repeat; }
#gal2 a 						{ width:34px; height:113px; background: url(../img/layout/gal2.gif) no-repeat; }
#gal3 a 						{ width:34px; height:135px; background: url(../img/layout/gal3.gif) no-repeat; }
#gal4 a 						{ width:34px; height:158px; background: url(../img/layout/gal4.gif) no-repeat; }
#gal1 a:HOVER, #gal2 a:HOVER, #gal3 a:HOVER, #gal4 a:HOVER { background-position:-34px 0; }

#path 							{ font-weight:bold; font-size:13px; }
#line 							{ height:1px; margin:5px; color:#ddd; }

.gallery 						{ background: #fff url(../img/layout/shadow_text.gif) no-repeat bottom right; width:600px; height:120px; margin:15px auto; padding:5px; border: solid 1px #ddd; }
.gallery_img 					{ background: url(../img/layout/shadow_150.gif) no-repeat bottom right; margin-right:10px; width:125px; height:125px; float:left; }
.gallery_img img 				{ padding:5px; }
.gallery_opis 					{ line-height:1.4em; float:left; height:125px; font-size:13px; width:450px; }
.gallery_opis h2 				{ font-family:verdana; font-size: 16px; padding-top:5px; padding-bottom:5px; font-weight: bold; color: #444; }
.gallery_opis p 				{ text-align:right; font-weight:bold; font-size:11px; color:#666; }

#album 							{ width: 680px; clear: both; margin: auto; }
.frame 							{ background: url(../img/layout/shadow_151.gif) no-repeat bottom right; float:left; width: 110px; height: 110px; margin: 10px; }
.frame div 						{ float: left; background-color: #fff; border: 1px solid #a9a9a9; padding: 4px; }
.frame img 						{ border: 1px solid #a9a9a9; width:90px; height:90px; }

#photo 							{ margin: 20px 0 10px 0; }
#photo img 						{ margin:auto; border: 1px solid #ddd; padding:15px; background: url(../img/layout/photoBG.gif); border: 2px solid #D1D1D1;}
#photo div						{ text-align:center; margin-top:5px; font-weight:bold; color:#777;  }


/* ============= O nas ============= */

#onas h1 						{ margin:0 0 5px 20px; }
#right_menu 					{ width:400px; float:right; list-style-type:none;}
#right_menu a 					{ display:block; text-decoration:none; float:right; }
#right_menu a:HOVER				{ background-position:0 -34px; }
#gal5 							{ width:157px; height:34px; background: url(../img/layout/gal5.gif) no-repeat; }
#gal6	 						{ width:150px; height:33px; background: url(../img/layout/gal6.gif) no-repeat; margin-left:10px; }

#czlonkowie ul, #kandydaci ul, #przyjaciele ul 	{ width:180px; margin: 0 0 10px 10px; padding: 10px; border: 1px solid #ddd; list-style-type: none; float:left; line-height:1.6em; font-size: 13px; background: #f8f8f8; }
#czlonkowie>ul, #kandydaci>ul, #przyjaciele>ul 	{ margin-left:20px; }
.osoba 							{ cursor:pointer; }
#linker 						{ width:50px; height:50px; border-top: 1px solid #ddd; margin-top:175px; float:left; }
#opisy 							{ height:350px; width:300px; border: 1px solid #ddd; float:left; padding:10px; background: #f8f8f8 url(../img/layout/opisyBG.gif) no-repeat center center; }
#linker2						{ width:50px; height:50px; border-top: 1px solid #ddd; margin-top:175px; float:left; }
#opisy2							{ height:350px; width:300px; border: 1px solid #ddd; float:left; padding:10px; background: #f8f8f8 url(../img/layout/opisyBG.gif) no-repeat center center; }
.ukryj 							{ width: 300px; display:none; background:#f8f8f8; }
.ukryj img 						{ width:110px; height:140px; border: 1px solid #ddd; float:left; margin-bottom:10px;}
.ukryj div 						{ float:left; width:157px; padding:10px 0px 10px 15px; font-family:Arial,serif; font-size:22px; color:#838383; }
.ukryj div u 					{ text-decoration:none; }
.ukryj p 						{ clear:left; color:#838383; }


/* ============= Linki ============= */

#linki 							{ background: url(../img/layout/linksBG.gif) top right no-repeat; }
#linki ul  						{ line-height:1.6em; list-style-type: none; padding-left: 10px}
#linki li  						{ padding-left: 10px; background: url(../img/layout/bullet.gif) center left no-repeat; }
#linki a:link, #linki a:visited { border-bottom: 1px dotted #bbb; }
#linki a:hover  				{ border-bottom: 1px solid #444; text-decoration:none; }
.heading 						{ list-style-type:none; } 


/* ============= Kontakt ============= */

#kontakt 						{ width:600px; padding-top:15px; margin:auto; }
#kontakty_osobowe 				{ width:320px; margin:20px auto; }
#kontakty_osobowe div 			{ float:left; width:160px; }
#korespondencyjny 				{ margin:auto; width:220px; padding:10px 10px 15px 20px; background:#f8f8f8; border:1px solid #ccc; line-height:1.5em }
#spotykamy 						{ clear:left; padding:15px 0; text-align:center; }