/* style reset */


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}

/* global styles */


body {
    font-family: Tahoma, Sans-Serif;
    font-size: 11px;
		color: #555555;
    background: #F3FFB7 url("../img/cont_bkg.gif") repeat-x center 250px;
		text-align: center;		
}

a { text-decoration: none; color: #F86767; }	
.clear { clear: both; }
.tyl { z-index: 0; position: relative; }

#bef_top { background: #DFF1C4; height: 25px; }
  #bef_top .inside { width: 900px; background: white; height: 25px; margin: auto;}
	
#top { margin: auto; height: 250px; background: url("../img/top_bkg.gif") repeat-x top;}

#menu { width: 900px; margin: auto; height: 85px; position: relative;}
  #menu li { float: left; display: block;height: 85px; }
	  #menu li a {display: block;height: 85px; }
		
		
		
		
    #menu li.menu1 		a	{ background: url("../img/menu_1.gif") no-repeat left top; width: 177px; }
		#menu li.menu1act	a, #menu li.menu1 a:hover { background: url("../img/menu_1act.gif") no-repeat left top; width: 177px; }
		#menu li.menu2 		a	{ background: url("../img/menu_2.gif") no-repeat left top; width: 181px; }
		#menu li.menu2act a, #menu li.menu2 a:hover	{ background: url("../img/menu_2act.gif") no-repeat left top; width: 181px; }
		
		
		#menu li.menu3 		a.xxx	{ background: url("../img/menu_3.gif") no-repeat left top; width: 189px; }
		#menu li.menu3act a.xxx, #menu li.menu3 a.xxx:hover	{ background: url("../img/menu_3act.gif") no-repeat left top; width: 189px; }
		
		li.menu4 a.xxx	{ background: url("../img/menu_4.gif") no-repeat left top; width: 163px; }
		li.menu4act a.xxx, li.menu4 a.xxx:hover	{ background: url("../img/menu_4act.gif") no-repeat left top; width: 163px; }
		
		li.menu4 ul, li.menu4 ul li, li.menu4act ul, li.menu4act ul li, li.menu3 ul, li.menu3 ul li, li.menu3act ul, li.menu3act ul li  { display: none;  }
		
		
		/* rozwijane */
		li.menu4:hover ul, li.menu4act:hover ul { display: block; position: absolute; width: 163px; }
		   li.menu4:hover ul li, li.menu4act:hover ul li { display: block; float: none;  width: 163px; height: 31px !important;}
		      li.menu4:hover ul li a, li.menu4act:hover ul li a { background: transparent; color: #6A8407; font-size: 12px; font-weight: bold; height: 15px !important; padding: 8px 6px; width: 151px; background: url("../img/menu_rozw.gif") no-repeat left top; }
									
		        li.menu4 ul li a:hover, li.menu4act ul li a:hover { background: url("../img/menu_rozw_act.gif") no-repeat left top; width: 151px; padding: 8px 6px; color: white;   } 
		
		
		li.menu3:hover ul, li.menu3act:hover ul { display: block; position: absolute; width: 189px; }
		   li.menu3:hover ul li, li.menu3act:hover ul li { display: block; float: none;  width: 189px; height: 31px !important;}
		      li.menu3:hover ul li a, li.menu3act:hover ul li a { background: transparent; color: #AE0808; font-size: 12px; font-weight: bold; height: 15px !important; padding: 8px 6px; width: 177px; background: url("../img/menu_rozw2.gif") no-repeat left top; }
									
		        li.menu3 ul li a:hover, li.menu3act ul li a:hover { background: url("../img/menu_rozw2_act.gif") no-repeat left top; width: 177px; padding: 8px 6px; color: white;   } 
		
		  li.menu3 ul li a.mini { font-size :11px; }
		     li.menu3 ul li a.mini span {display: inline !important; font-size :9px; font-weight: normal !important; }
	
		li.menu4:hover ul, li.menu3:hover ul { z-index: 1; position: relative; zoom:1;}
		
		
		
		#menu li.menu5 		a	{ background: url("../img/menu_5.gif") no-repeat left top; width: 190px; }
		#menu li.menu5act a, #menu li.menu5 a:hover	{ background: url("../img/menu_5act.gif") no-repeat left top; width: 190px; }
    
		
		#menu li a span { display: none; }
		
		
#content { width: 880px; margin: auto; background: white url("../img/kolka_cont.gif") no-repeat left top; padding: 0 10px; text-align :left;  }
  #content #right { width: 265px; float: right;  padding: 40px 0 15px 0;  background: url("../img/kolka.gif") no-repeat left top;}
	
	   #content #right .inside { background: url("../img/lines.gif") repeat-y 15px top; margin-top: 20px; padding: 10px 0 0 35px; }
		   #content #right .in { background: url("../img/news_bkg.gif") repeat-x left bottom; min-height: 200px; padding: 0 10px; }
		 
		 #content #right h3 { background: url("../img/subhead_galeria.gif") no-repeat 70px; height: 36px; }
		   #content #right h3 span { display: none; }
			 
		#content #right ul { padding :0 8px 0 0 ; text-align: center; margin: 0 auto;}
		  #content #right ul li { padding: 2px;  }
		    #content #right ul li a img { border: 3px solid #FDEAA9; }
		    #content #right ul li a:hover img { border: 3px solid #A9CD6A; }
		
		#content #right a.more { text-align: right; margin: 15px 10px; float: right; }
		
			 
  #content #left { width: 595px; float: left; padding: 32px 0 20px 20px; }
	  #content #left h2 { height: 32px; background: no-repeat left top; display: block; margin-bottom: 40px; }
	    #content #left h2 span { display: none; }
		
		#content #left h3 { position: relative; bottom: 20px; font-size :14px; font-weight: bold;  color: #C1622E; }
		#content #left h4 { position: relative; bottom: 10px; font-size :11px; font-weight: bold;  color: #C1622E; }
		
    #content #left h2.witamy { background-image : url("../img/head_witamy.gif"); }
		#content #left h2.oferta { background-image : url("../img/head_oferta.gif"); }
		#content #left h2.kontakt { background-image : url("../img/head_kontakt.gif"); }
		#content #left h2.namioty { background-image : url("../img/head_namioty.gif"); }
		#content #left h2.galeria { background-image : url("../img/head_galeria.gif"); }
		 
		
		
		
		#content #left ul.list { line-height: 28px; padding: 0 0 0 10px; font-size: 13px; color: yellow; width: 40%; float: left; }
		  #content #left ul.list li { list-style: disc inside; }
			  #content #left ul.list li a { color:  #76a937; }
			  #content #left ul.list li a:hover { text-decoration: underline; color: #F86767; }
		
		
		
		
			#content #left ul.list2 { padding: 0 0 0 10px; color: yellow; line-height: 20px;  }
		    #content #left ul.list2 li { list-style: disc inside; }	
		      #content #left ul.list2 li span { color: #555555; }
					
			
			#content #left table { width: 95%; font-size: 12px; }
			 #content #left table  td { padding: 3px; margin: 1px; }
			 #content #left table  th { padding: 5px; margin: 1px;  background: #E4F979; color: #000000;}
			 
			 #content #left table .parzyste td { background: #f8f8f8; }
			 
		ul.oferta { display: block; margin: auto; text-align: center; padding-top :20px;   }
		  ul.oferta li { float: left; width: 290px; height :220px; }
		    ul.oferta li img { margin: auto; }
		      ul.oferta li a span { display: block; float: none; padding: 8px 0 0 0 ; width: 200px; text-align: left; margin: auto; color: #0F6172; }
		
		   ul.galeria li { float: left; margin: 0 10px 10px 0; }
		      ul.galeria li img { border :4px solid #c6f4ff; }
		
			
		#content #left p { margin-bottom: 10px; line-height: 17px;  }
		  #content #left p img { border :4px solid #c6f4ff; float: right; margin-left: 10px; margin-bottom: 2px; }
       
			#content #left p img.gg { float: none; margin: 0; border: 0; vertical-align: middle; } 
			#content #left p img.nofloat { float: none; position: relative; right: 10px; }
			
		
		
		
		
		
			
#footer { width: 880px; margin: auto; padding: 10px; text-align: left; }