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

minikdesign.pl
 
Dominik Zak (dominik@artneo.pl)

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


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

/*body
------------------------------------*/
html, body, #wrapper {height: 100%;}
body > #wrapper {height: auto; min-height: 100%;}
body {font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align: center;background:url(../img/tlo.jpg) repeat-x #fff;color: #535353; margin:0; padding:0;}

/*strona
------------------------------------*/
#wrapper {margin: 0 auto; padding: 0px; width: 966px;text-align: left;}
	#top {position: relative; background:url(../img/top.jpg) no-repeat; height: 391px; z-index:3}
		.logo {display: block; width:357px; height:120px; float: left; text-indent: -9999px; z-index:3000; position:relative;}
		#nav {position: absolute; width: 686px; height:40px; top:10px; left:350px;}
			#motto {position:absolute; top: 233px; left: 554px; width: 352px; height:205px; color: #0f7389; font-size: 14px; font-weight: bold; text-shadow: #d8f1f7 1px 1px;}
			.prawa {float:right;}
			#dzieci {background: url(../img/dzieci.png) no-repeat; width:222px; height: 218px; position: absolute; top:220px; left:94px;}
			#naglowki {position:absolute; top:385px; left:465px; text-align:right; width:500px;}
			 h1.naglowek {color: #0b7a90; font-size:18px;}
			 .aktu {border: 1px solid #e0e0e0; padding: 5px;}
			 .data {color: #CCCCCC;}
			 .temat {padding:0; margin:0;}
			
		#parallax {position:absolute; overflow:hidden;width:900px; height:330px; top:50px; left:-50px;}
	
	#content {padding-bottom:100px; }
	#content_in {padding:45px 0; line-height:20px;}
	#aktualnosci {float:left; width:600px;}
	
	#kontakt {float:right; height:300px; width:340px;}
		

#footer {background: #0b2f3c;height:100px;color: #fff; clear:both; text-align:center; position:relative; margin-top: -100px;}
#footer_in {margin: 0 auto; padding: 0px; width: 966px;text-align: right;}

/*menu
------------------------------------*/

	#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.jpg); display:block; height:44px; float:left; width:656px;text-indent: -9999px;}
		#menu_ul li a.przedszkole {width:127px; background-position:0 0;}
			#menu_ul li a.przedszkole:hover {width:127px; background-position:0 -44px;}	
			ul#menu_ul li a.przedszkole_active {width:127px; background-position:0 -88px;}
		#menu_ul li a.kadra {width:60px; background-position:-127px 0;}
			#menu_ul li a.kadra:hover {width:60px; background-position:-127px -44px;}	
			ul#menu_ul li a.kadra_active {width:60px; background-position:-127px -88px;}
		#menu_ul li a.kalendarz {width:91px; background-position:-187px 0;}
			#menu_ul li a.kalendarz:hover {width:91px; background-position:-187px -44px;}	
			ul#menu_ul li a.kalendarz_active {width:91px; background-position:-187px -88px;}
		#menu_ul li a.rekrutacja {width:175px; background-position:-278px 0;}
			#menu_ul li a.rekrutacja:hover {width:175px; background-position:-278px -44px;}	
			ul#menu_ul li a.rekrutacja_active {width:175px; background-position:-278px -88px;}
		#menu_ul li a.grupy {width:57px; background-position:-454px 0;}
			#menu_ul li a.grupy:hover {width:57px; background-position:-454px -44px;}	
			ul#menu_ul li a.grupy_active {width:57px; background-position:-454px -88px;}
		#menu_ul li a.galeria {width:71px; background-position:-511px 0;}
			#menu_ul li a.galeria:hover {width:71px; background-position:-511px -44px;}	
			ul#menu_ul li a.galeria_active {width:71px; background-position:-511px -88px;}
		#menu_ul li a.kontakt {width:78px; background-position:-582px 0;}
			#menu_ul li a.kontakt:hover {width:78px; background-position:-582px -44px;}	
			ul#menu_ul li a.kontakt_active {width:78px; background-position:-582px -88px;}			
							
/*linki
------------------------------------*/
a {outline:none;}
a:link, a:visited, a:active {font-size: 12px; text-decoration: none; color:#2686ab; font-weight: bold;}
a:hover {text-decoration: underline; color:#2686ab;font-weight: bold;}

a:link.news, a:visited.news, a:active.news {font-size: 14px; text-decoration: none; color:#5cc139; font-weight:normal;}
a:hover.news {text-decoration: underline; color:#5cc139;font-weight:normal;}

a:link.gal, a:visited.gal, a:active.gal {font-size: 14px; text-decoration: none; color:#5cc139; font-weight:bold;}
a:hover.gal {text-decoration: underline; color:#5cc139;font-weight:bold;}

a:link.stopa, a:visited.stopa, a:active.stopa  {text-decoration: none; color:#fff; }
a:hover.stopa {text-decoration: underline;color:#fff;}

/*dodatkowe
------------------------------------*/
ol {margin:0; padding: 5px 17px;}


/*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; }
textarea:focus {border: 1px solid #4aa5d8;}
input {border: 1px solid #bebebe; padding:4px 2px; margin: 7px 0px; font-family:Arial, Helvetica, sans-serif; color: #474747;}
input:focus {border: 1px solid #4aa5d8;}
.input_submit {background: #02519E; border:none; height:27px; text-align:center;font-size: 1em; font-family:Arial, Helvetica, sans-serif; color: #fff;}
.input_submit:focus {border:none;}


#message{display: block;display: none;z-index: 999; opacity: .8;position: fixed; top: 100%; margin-top: -80px; left: 88%;-moz-border-radius: 10px;-webkit-border-radius: 10px; width: 100px;line-height: 48px;height: 48px;padding: 5px;background-color: #88B540;font-size: 24px;text-align: center;}
		#message a { color: #fff; }