/* -----------------------------------------------------------------------

 CSS 
 http://www.artneo.pl
 
   * autor: Dominik Zak (dominik@artneo.pl)

----------------------------------------------------------------------- */


/*png fix
------------------------------------*/
img, div { behavior: url(js/iepngfix.htc);}

/*css reset
------------------------------------*/
div, dl, dt, dd, p, pre, code, del, legend, blockquote, th, {margin: 0;padding: 0;}
div, p, h1, h2, h3, h4, h5, h6 {border: none;font-weight: normal;}
img {border: 0;}

/*body
------------------------------------*/
body {font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align: center;background:url(../img/tlo.jpg) repeat-x #E0E7D7;color: #53575A; margin:0; padding:0;}

/*strona
------------------------------------*/
#kontener {margin: 0 auto; padding: 0px; width: 970px;text-align: left;}
	#kapital {height:100px; border-bottom: 1px solid #ACD0F0; background:url(../img/kapital.jpg) no-repeat;}
	#top {background:url(../img/top.gif) no-repeat; height:176px; position: relative;}
		.ankieta_szkoleniowa {display:block; float:right; height:50px; width:220px;text-indent: -9999px;}
	#txt {position:absolute; background: #fff; width:720px; left:244px; top:116px; min-height:530px; line-height:24px;}
		#txt_in {padding:10px;}
		#pozycja {position:relative;}
#stopka { position:absolute; top:101%; left:-248px; background: url(../img/stopa.gif) repeat-x;height:88px;color: #7A7D76; clear:both; width:970px; font-size:10px;}
	.prawa {float:right;}
	.lewa {float:left;}
	#stopka_ul  {float:right;}

/*menu
------------------------------------*/
a {outline:none;}


#menu {position:absolute; height: 508px; width:250px; left: 0; top:134px; background:url(../img/menu_tlo.png) no-repeat; background-position: 12px 0}
	#menu_ul li, #stopka_ul li { display: inline; padding:0; margin:0; }
	#menu_ul { list-style:none;padding:0; margin:0; } 
	#menu_ul a {background: url(../img/menu.png); display:block; height:39px; text-indent: -9999px; float:left; width:250px;}
		#menu_ul li a.aktualnosci {width:250px; background-position:0 0;}
			#menu_ul li a.aktualnosci:hover, ul#menu_ul li a.aktualnosci_active {width:250px; background-position:-247px 0;}		
        #menu_ul li a.informacje {width:250px; background-position:0 -39px;}
			#menu_ul li a.informacje:hover, ul#menu_ul li a.informacje_active {width:250px; background-position:-247px -39px;}
        #menu_ul li a.szkolenia {width:250px; background-position:0 -78px;}
			#menu_ul li a.szkolenia:hover, ul#menu_ul li a.szkolenia_active {width:250px; background-position:-247px -78px;}		
        #menu_ul li a.warsztaty {width:250px; background-position:0 -117px;}
			#menu_ul li a.warsztaty:hover, ul#menu_ul li a.warsztaty_active {width:250px; background-position:-247px -117px;}	
        #menu_ul li a.program {width:250px; background-position:0 -156px;}
			#menu_ul li a.program:hover, ul#menu_ul li a.program_active {width:250px; background-position:-247px -156px;}			
        #menu_ul li a.ankieta {width:250px; background-position:0 -195px;}
			#menu_ul li a.ankieta:hover, ul#menu_ul li a.ankieta_active {width:250px; background-position:-247px -195px;}	
        #menu_ul li a.psycholog {width:250px; background-position:0 -234px;}
			#menu_ul li a.psycholog:hover, ul#menu_ul li a.psycholog_active {width:250px; background-position:-247px -234px;}		
        #menu_ul li a.baza {width:250px; background-position:0 -273px;}
			#menu_ul li a.baza:hover, ul#menu_ul li a.baza_active {width:250px; background-position:-247px -273px;}	
        #menu_ul li a.wazne {width:250px; background-position:0 -312px;}
			#menu_ul li a.wazne:hover, ul#menu_ul li a.wazne_active {width:250px; background-position:-247px -312px;}	
        #menu_ul li a.regulamin {width:250px; background-position:0 -351px;}
			#menu_ul li a.regulamin:hover, ul#menu_ul li a.regulamin_active {width:250px; background-position:-247px -351px;}
	    #menu_ul li a.samozatrudnienie {width:250px; background-position:0 -390px;}
			#menu_ul li a.samozatrudnienie:hover, ul#menu_ul li a.samozatrudnienie_active {width:250px; background-position:-247px -390px;}
        #menu_ul li a.faq {width:250px; background-position:0 -429px;}
			#menu_ul li a.faq:hover, ul#menu_ul li a.faq_active {width:250px; background-position:-247px -429px;}
	    #menu_ul li a.kontakt {width:250px; background-position:0 -468px;}
			#menu_ul li a.kontakt:hover, ul#menu_ul li a.kontakt_active {width:250px; background-position:-247px -468px;}		
/*linki
------------------------------------*/
a:link, a:visited, a:active {font-size: 12px; text-decoration: underline; color:#6d0f10;}
a:hover {text-decoration: underline; color:#6d0f10;}

a:link.stopa, a:visited.stopa, a:active.stopa  {text-decoration: none; color:#646464; font-size:10px; margin-right:15px;}
a:hover.stopa {text-decoration: underline;color:#646464; font-size:10px;margin-right:15px;}


/*nowe
------------------------------------*/
h2 {color:#F0B340;padding:0; margin:0;}
.home {dispaly:block; float:left; height:100px; width:430px;text-indent: -9999px;}
	#glowna {min-height:370px; width:410px; border-right: solid 1px #F5F5F5; position:relative;}
		#glowna_prawa {position:absolute; top:0; left:420px; width:280px;}
			#aktualnosci_ul { list-style:none;padding:0; margin:0;} 
				#aktualnosci_ul li {position: relative;}
				#aktualnosci_ul li a {background:url(../img/of.jpg) center right no-repeat; display:block; height:50px; width:280px; border-bottom: 1px dotted #D5D5D5; line-height:49px; color:#555658; font-weight:normal; text-decoration:none;}
				#aktualnosci_ul li a:hover {background:url(../img/on.jpg) center right no-repeat; display:block; height:50px; width:280px; border-bottom: 1px dotted #D5D5D5; line-height:49px; color:#026481; font-weight:bold; text-decoration:underline;}
				#aktualnosci_ul li span {display:block; color: #A4A4A4; font-size:10px; position:absolute; top:30px; left:-1px;}
		#kalendarz {width:280px; height:200px;}
			#srodek {width:200px; float:left;height:200px;}
			#lewa {float:left; width:40px; background: url(../img/lewa.jpg) center no-repeat; height:200px;}
			#prawa {float:right; width:40px; background: url(../img/prawa.jpg) center no-repeat; height:200px;}
				.miesiac {display:block; height:200px; width:50px;text-indent: -9999px;}
	.czytaj {border:none; float:left;}



ol {font: italic 1em Georgia, Times, serif;color: #999999;}
ol p {font: normal .8em Arial, Helvetica, sans-serif;color: #000000;}

/*dodatkowe
------------------------------------*/
h2 {color:#F0B340;}
ol {font: italic 1em Georgia, Times, serif;color: #999999;}
ol p {font: normal .8em Arial, Helvetica, sans-serif;color: #000000;}

/*kontakt 
------------------------------------*/
textarea { background: #fff; border: 1px solid #bebebe; padding:4px 2px; height: 18px;width: 130px;font-size: 1em; font-family:Arial, Helvetica, sans-serif; color: #474747; 				vertical-align: middle; height:200px; width:250px; }
input {border: 1px solid #bebebe; padding:4px 2px; margin: 0px 0px; font-family:Arial, Helvetica, sans-serif; color: #474747;}
input.ank {border: 1px solid #bebebe; padding:4px 2px; margin: 5px 0px; font-family:Arial, Helvetica, sans-serif; color: #474747;}
.input_submit {background: #000; border:none; height:27px; text-align:center;font-size: 1em; font-family:Arial, Helvetica, sans-serif; color: #fff;}
.input_submit:focus {border:none;}