/*------------------------------------------------------------------ 
 [Table of contents] 
 0. General 
 1. Body 
     2. Header / #header       
     3. Middle / #inner-wrapper 
        3.1. Left column / #navCol 
        3.2. Content / #content     
     4. Footer / #footer
	     4.1  Author 
 2. Forms		  
 -------------------------------------------------------------------*/
 
 /*[Global 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;
	}
	address,caption,cite,code,dfn,em,strong,th,var {
		font-style:normal;
		font-weight:normal;
	}
	ol,ul {
		list-style:none;
	}
	th {
		text-align:left;
	}
	h1,h2,h3,h4,h5,h6 {
		font-size:100%;
		font-weight:normal;
	}
	q:before,q:after {
		content:'';
	}
	abbr,acronym { 
	  border:0;
	}

 /*------------------------------------------------------------------ 
 [0. General]
 */
 
 /* This needs to be first because FF3 is now supporting this */


.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}
/*.clearfix {display: inline-block;} for IE/mac*/

 #footer, #header, #inner-wrapper {
 	margin: 0 auto;
	width: 768px;
 }
 
 a {
 	text-decoration: none;
	outline: none;
 }
 
 em {
 	font-weight: bolder;
 }

  img {
	  	 background-color: white; 
	  }
 
 /*------------------------------------------------------------------ 
 [1. Body]
 */
  html>body {    /*Initially the html>body definition is applied to all browsers
                  that understand the child selector CSS. This will result in setting the font-size on
                  Opera, Firefox, Netscape, IE7, Safari (and other “modern” browsers). It will not be applied
						to older versions of IE - they will ignore this definition.*/
 	font-size: 16px;
	line-height: 18px;
 }
 
  body {        /*Next, the body definition is set for all browsers that didn’t understand the initial definition.
                  Because this definition has lower specificity than the initial definition, it is ignored
						by the likes of Opera, Firefox, Netscape, IE7 and Safari… but older versions of IE will get this font-size definition.*/
    background: #dcdcdc;
	 color: #363636;
    font: 100%/1.125em "Lucida Grande", Verdana, Helvetica, sans-serif;  /* 16*1,125=18px */
	  
  }
  
  
  

	 /*------------------------------------------------------------------ 
	 [2. Header / #header]
	 */
 
    #header {
	   background: #ff8c00 url(./../Grafika/header_bg.jpg) repeat-x;
		height: 152px;
		line-height: 148px;
		margin-top: 10px;
		padding-top: 2px;
		position: relative;
		text-align: center;
		text-indent: -9999px;
      /*border: 1px dashed yellow;*/
    }
    
	 #header h1 {
	 	border: 1px solid white;
		height: 148px;
		margin: 0 auto;
		width: 762px;
	 }
	 
	 #logo{
	   background: url(./../Grafika/logo.jpg) no-repeat;
		height: 194px;
		left: 20px;/*27px;*/ 
		position: absolute;
		top: 19px;
	 	width: 288px;/*276px;*/
		/*outline: 1px solid red;*/
	 }
	 
	 #headerText{
	   background: url(./../Grafika/header_text.png) no-repeat;
		height: 111px;/*133px;*/
		position: absolute;
		right: 30px;
		top: 34px;/*14px;*/
		width: 412px;
	 }
	 
	 #headerText a{
		display: block;
		height: 133px;
		line-height: 133px;
		width: 408px;
	 }
	 
	 /*------------------------------------------------------------------ 
	 [3. Middle / #inner-wrapper]
	 */
    #inner-wrapper {
	   background: white url(./../Grafika/faux_column.jpg) repeat-y;
		border-right: 1px solid black;
		width:767px;
	 }
	 
	 
      /*------------------------------------------------------------------ 
	   [3.1. Left column / #navCol]
      */
      #navCol {
		  background: url(./../Grafika/sideNavTopFrame.jpg) no-repeat top left;
		  float: left;
		  width: 213px;  /*16*13.375=214px;*/ 
		}
		
		#navCol ul {
			margin: 82px 0 120px 3px;
			overflow: hidden;   /*fix for IE - paddding left on a menu with 2 lines of text causes element 
			                      to stick out and ruins layout in IE*/
			width: 208px;
		}
		
		#navCol li.category {
			background: url(./../Grafika/categoryBgTop.jpg) no-repeat top left;
			
		}
		
		#navCol ul li {
		   background: url(./../Grafika/subMenuSeparator.jpg) no-repeat bottom right;
		   text-indent: 40px; 

		}
		
		#navCol ul li.lastCategoryLink {
			background-image: none;
		}
		
		
		#navCol .category a {
			background: transparent url(./../Grafika/categoryBgBottom.jpg) no-repeat bottom left;
			font-size: 1.5em;     /* 16px*1.5=24px */
			line-height: 2.2em;   /* 24px*2.2=52,8px (height of the button) */
		   text-indent: 27px;	
		}			
	
	   #navCol li.multiLineMenu a {
			line-height: 1.1em;	
			padding-left: 27px;
			padding-top: 0.375em;
			padding-bottom: 0.375em;
			text-indent: 0;
		}
	
		#navCol ul a {
			color: #fff;
			display: block;
		   font: 1.125em/2.8em "Arial Narrow", "Times New Roman", Verdana, sans-serif;  /*  16px * 1.125 = 18px */	
			 																									  /*  2.8*18px=50,4px */
		}
		
		#navCol ul a:hover {
			color: #ffd700;
		}																			
		
		#navCol .category a:hover { 
			cursor: default;
			color: #fff;
		}
		
		#navCol ul .category a.onHover,  /*added by javaScript*/
        #panelAd #navCol .category a:hover {  
			color: #e8e8e8;
			cursor: pointer;
		}
		
		/*------------------------------------------------------------------ 
	   [3.2. Content / #content]
      */
      #content {
		  background: transparent;
		  color: #363636;
		  display: inline;   /* fixes IE double margin bug */
		  float: left;
		  padding-bottom: 40px;
		  margin: 60px 0 0;  
		  width: 554px;
		}
		
		#content p {
			margin: 0 14px 30px; 
		}
		
		#content #kartaZgloszenia {
			margin-top: 10px;
		}
		
		#content .download {
		   background: url(./../Grafika/document.gif) no-repeat right 2px;
			color: green;
			font-weight: bolder;
			letter-spacing: 1px;
			padding-right: 13px;
		}
		
		#content .download:hover{
			border-bottom: 1px dashed #363636;
			text-decoration: none;
		}
		
		#content dl ul, #content dl ol {
			font-size: 1em;  /* 16px font size of these lists is reduced to 12px by below declaration*/
		}
		
		#content p, #content table, #content ul, #content dl, #content ol, #content input{
			font-size: 0.75em;  /* 16 x 0.75 =12px*/
		}
		
		#content .categoryHeading {
			                       /*centers headings*/
		   display: table;        /* for all browsers except IE */
			margin: 0 auto 30px ;  /* for IE check przedszkoleIE7andLowerOnly.css */
		}
		
		#content h2 {
			background: url(./../Grafika/underlineBg.gif) repeat-x 0 43px ;
			display: block;
			float:left;
			font: 1.5em/2em Tahoma, Verdana, Helvetica, sans-serif; /* 1.5*16=24px 
			                                                           24px * 2 = 48px */
		   letter-spacing: 1px;
			margin-top: 2px;
		}
		
		#index #content h2 {
			background-image: none;
			float: none;
			font-size: 1.2em;
			margin: 0 auto 20px;
			position: static;
			text-align: center;
			text-transform: uppercase;
		}
		
		#index #content p {
			text-align: center;
		}
		
      #index #content .descUnderBuildingPic {
      	padding-bottom: 60px;
      }
		#index #content .building {
		   border: 1px solid #b0b0b0;
			display: block;
			padding: 4px;
			margin: 0 auto;
		}
		
		#content .categoryHeading img {
			float:left;
			height: 52px;
			width: 93px;
		}
		
		
		#content .orangeHeading,
		#content .greenHeading {
			display: inline;  /* fixes IE double margin bug */
			float:left;
			margin-bottom: 40px;
			margin-left: 29px;
			margin-top: 10px; 
			width: 223px;
		}
		
		#content .orangeHeading {
			background: url(./../Grafika/orangeHeader.jpg) no-repeat top;
			margin-right: 20px;
		}
		
		#content .greenHeading {
			background: url(./../Grafika/greenHeader.jpg) no-repeat top;
		}
		
		
		#content .orangeHeading h3, 
		#content .greenHeading h3 {
		   color: #fff;
			font: bolder 0.875em/2em "Times New Roman", Arial, Helvetica, sans-serif;  /* font size = 14px line-height = 28px*/
			height: 28px;
			letter-spacing: 1px;
			margin: 0 auto 2px;
			text-align: center;
		}
		
		#content .orangeHeading div, 
		#content .greenHeading div {
		   display: table;           /* for all browsers except IE */
		                            /* for IE check przedszkoleIE7andLowerOnly.css */	
			width: 223px;						 
		}
	
		#content .orangeHeading a, 
		#content .greenHeading a {
		   color: #363636;           
			display: table-cell;     /*   for all browsers except IE */
			vertical-align: middle;  /* for IE check przedszkoleIE7andLowerOnly.css */         
			font-size: 0.6875em;     /* 16 * 0.6875 = 11px */
			width: 113px;
		}
		
		#content a:hover{
	      text-decoration: underline;
	     
      }
		
		#content .orangeHeading img, 
		#content .greenHeading img {
			float: right;
			border: 1px solid #b0b0b0;
			padding: 2px;
		}
		
	   #content dl {
      	margin: 0 14px;
      }
		
		#content dl dt {
	      font-weight: bolder; 
			margin-bottom: 6px;   
      }
		
		#content dl dd{
			margin-bottom: 30px;
		}

	   #content ol {
	     list-style: decimal;
		  padding-left: 33px;
		  margin-right: 14px;
		
      }
		
		#content ol li {
			margin-bottom: 3px;
		}
	
	  #content ol li.extraMargin {
			margin-bottom: 10px;
		}
	
     #content ol ul {
	     margin-bottom: 10px;
     	  margin-top: 5px;
     } 
		
		#content ul {
		  margin: 0 14px 10px;
	   }
		
		#content ul ul {
			margin-bottom: 5px;
		}
		
		#content .lineBullet li {
			background-image: url(./../Grafika/bullet2.gif);
			background-position: 0 8px;
		}
		
      #content ul li, #content .lineBullet ul li{
	      background: url(./../Grafika/bullet.jpg) no-repeat 0 6px;
			padding-left: 20px;
      }
 
      #content li.multiLine, #content ul.multiLine li{
			margin-bottom: 3px;
      }
 
      #content h5 {    /* table caption*/ 
      	              /* using H5 intead of CAPTION tag because it causes problems in FF2 */
			font-size: 0.75em;	/* 16px x 0.75 = 12px */			  
			font-weight: bolder;
			margin-left: 29px;
			padding-bottom: 1em;
			text-transform: uppercase;				  
							   
      }
		
		/*#content table caption, x:-moz-any-link { margin-left: 29px; }        style for Firefox 2.0*/
		/*#content table caption, x:-moz-any-link, x:default {margin-left: 0;}  restore styles for Firefox 3.0 and newer*/
		
      #content table {
		   clear: both;   
			margin: 0 29px 30px;
			text-align: left;	
      }
		
		#content table .firstCol{
			text-align: center;
		}

		#content table em{
		   color: #ec8200;
		}
		
		
		#content table td {
			padding: 4px 5px;
		}
		
		#content table td, #content table th {
			border: 1px solid #545454;
		}
     
	  #content table th {
	     background: url(./../Grafika/tableHeaderBg_1.jpg) repeat-x top;
		  color: white;
		  font-weight: bolder;
		  letter-spacing: 2px;
		  padding: 7px 2px;
		  text-align: center;
	  	  
  	}
     
	  #content table .tableHeaderFirstCol {
		  padding-left: 10px;
		  padding-right: 10px;
	  }
	
	  #content .extraActivities {
	  	  text-align: center;
	  }
	  
	  #content .extraActivities .firstCol{
	  	  text-align: left;
	  }
	
	  #content .extraActivities .tableHeaderFirstCol  {
	     width: 135px;
	  }
	
		#content .contactInfo {
		   margin-bottom: 40px;
			text-indent: 15px;
		}

		#content .contactInfo th {
		   letter-spacing: normal;
			padding: 3px 2px;
			text-align: left;
			text-indent: 0;
			text-transform: none;
		}
		
		#content .contactInfo td {
			border-bottom: 1px solid #545454;
			border-left: none;
			border-right: none;
		}
	
	   #oNas #content .cityMap {
	  	  background-color: white;
	     border: 1px solid #b0b0b0;
		  margin: 0 0 30px 43px;
	     padding: 4px;
	   }
	
	  #content .staff {
	     background: url(./../Grafika/staffBg.jpg) repeat-x top;
	  	  border: 1px solid #545454; /* 545454;*/
		  height: 170px;
		  margin: 40px auto;
		  position: relative;
		  width: 485px;
	  }
	  
	  #content .autoHeight {
	  	  height: auto;
	  } 
	  
	  #content .staff h4 {
	     background: url(./../Grafika/greenHeader.jpg) no-repeat bottom left;
		  color: white;
		  height: 28px;
	     left: 10px;
		  line-height: 28px;
		  text-align: center;
		  top: -14px;
	  	  position: absolute;
		  width: 228px;  
	  }
	  
	  #content .staff img {  
	     border: 1px solid #b0b0b0;
	     padding: 2px;
	     position: absolute;
		  top: 32px;
		  right: 30px;
	  }
	  
	  #content .staff dl {
		  display: inline;  /* fix for ie */
	  	  float: left;
		  margin: 25px 0 0 10px;
		  width: 330px;
	  }
	  
	  #content .staff dt.name {
		 font-size: 14px;
	  }
	  
	  #content .staff dl ul{
	  	  margin-bottom:10px;
	  }
	  
	 
	  
	  #dzienWPrzedszkolu #content .chooseGallery {
	     display: inline;
	     float: left;
	     font-weight: bolder;
	  	  margin-bottom:10px;
		  margin-top: 40px;
		  width: 350px;
	  }  
	  
	  
	  #dzienWPrzedszkolu #content .horizontalImage,
	  #panelAd #content .horizontalImage {
	  	  margin-top: 65px;
	  }
	  
	  #dzienWPrzedszkolu #content .galleryPick {
	     display: inline;
	     margin-bottom: 20px;
		  margin-left: 15px;
		  float: left;
		  width: 525px;
	  }
	  
	  #dzienWPrzedszkolu #content .galleryPick ul {
	  	  font-size: 0.625em;  /* 16px x 0.625 = 10px  */
		  margin: 0;
		  padding: 0;
	  }
	  
	  #dzienWPrzedszkolu #content .galleryPick ul li {
	     background-image: none;
	  	  display: inline;
		  float: left;
		  padding: 0;
		  margin: 2px 13px;
		  width: 135px;
	  }
	  
	  #dzienWPrzedszkolu #content .galleryPick ul li a {
	  	  color: #363636;
	  }
	  
	  #dzienWPrzedszkolu #content .galleryPick ul li a:hover {
	     color: green;
	  	  font-weight: bolder;
		  text-decoration: none;
	  }
	  
	  #content .galleryImgWrapper {
	     display: inline;
	  	  float: left;
		  margin: 15px 12px 30px;
		  padding: 8px;
		  position: relative; 
	  }
	  
	  #panelAd #content .galleryImgWrapper{
	  	  margin-bottom: 50px;
	  }
	  
	  #content .galleryImgWrapper p {
	     bottom: -15px;
		  font-size: 0.625em;  /* 16px x 0.625 = 10px  */
		  left: 10px;
		  margin: 0;
	  	  position: absolute;
		  width: 220px;
		  z-index: 5;
	  }
	  
	  
	  
	  #content .galleryImgWrapper p.doubleLinePictureDesc {
	  	  bottom: -34px; 
	  }
	  
	  #content .galleryImgWrapper img, #panelAd #content img  {
	  	  border: 1px solid #b0b0b0;
	     padding: 4px;
	  }
	  
	  
	  #content .galleryImgWrapper .topCorner, #content .galleryImgWrapper .bottomCorner {  
	     height: 43px;
	  	  position: absolute; 
	  }
	  
	  #content .galleryImgWrapper .topCorner {
	     background: url(./../Grafika/pictureCornerTopLeft.png) no-repeat ;
	     left: 0;
	  	  top: 0;
		  width: 44px;  
	  }
	  
	  #content .galleryImgWrapper .bottomCorner {
	     background: url(./../Grafika/pictureCornerBottomRight.png) no-repeat ;
	  	  bottom: 0;
		  right: 0;
		  width: 45px;  
	  } 
	  
	  #dzienWPrzedszkolu #content h3,
	  #panelAd #content h3 {
	     color: green;
		  clear: both;
		  letter-spacing: 1px;
		  font-weight: bolder;
		  padding-bottom: 10px;
		  padding-top: 20px;
	  	  text-align: center;
		  text-transform: uppercase;
		  
	  }
	  
	  
	  
	  
	 /*------------------------------------------------------------------ 
	 [4. Footer / #footer]
	 */
    #footer {
	   background: #353535 url(./../Grafika/footer_bg.gif) repeat-x;
		color: #f5f5f5;
		height: 48px;
		position: relative;
		width:768px;
	 }
	 
	 #footer ul{
	 	border: 1px solid white;
		display: inline;  /*fixes IE double margin bug*/  
		float: left;
		height: 42px;
		margin-left: 2px;
		margin-top:2px;
		text-align: center;
		width:762px;
		
	 }
	 
	 #footer li{
	 	float:left;
		
	 }
	 
	 #footer a{
	    background: transparent;
	    color: #ffd700; 
		 display: block;
	 }

	 #footer li a{
	   background: transparent;
		color: #f2ae10;
	   display:block;
		font-size: 0.75em; /* 16x0.75=12px */
		line-height: 42px; /*42px(line height)=48px(height of the footer)-4px(padding)-2px(border)*/                                                   
		margin: 0 12px;
	 }
	 
	 #footer li a:hover{
	   background: transparent;
	 	color: white;
	 }
	 
	 #footer li .firstLink{
	 	margin-left: 340px;
	 }
	 
	

    #footer p{                /*Author box*/
	   background: transparent url(./../Grafika/sideNavBottomFrame.jpg) no-repeat bottom left;
		bottom: 48px;
		/*border: 1px dashed red;*/
		clear: both;  /*fixes IE bug (absolutely positioned box is disappearing)
		                that is triggered when absolutely positioned element is
		                preceded by floated element. Absolutely positioned element must be put after floated
							 element in HTML file and clear:both must be applied to absouletly positioned
							 element to fix the problem both in IE6 and IE7*/	
	 	left: 0px;
		font-size: 0.5625em;  /*16x0.5625=9px*/
		
		padding: 0 0 8px 7px;
		position: absolute;
		width: 207px;
    } 
	 
	 /*------------------------------------------------------------------
	 [2. Forms]
    */
	 
	 #panelAd em{
	 	color: red;
	 }
	 
	 #panelAd .infoHeading{
	 	 font-size: 1em;
		 font-weight: bolder;
		 margin-bottom: 15px;
		 margin-top: 25px
	 }
	 
	 #panelAd .errorInfo{
	 	 margin-bottom: 15px;
		 font-weight: bolder;
	 }
	 
	 
	 #panelAd #content p {
	 	margin-bottom: 15px;
	 }
	 
	 #panelAd #content p.errorFile {
	 	
		margin-bottom: 10px; 
		
	 }
	 
	 #panelAd form, #panelAd h3{
	    margin-top:20px;
	 }
	 
	 #panelAd fieldset{
	 	 border: 1px solid green;
		 margin: 30px auto 0;
		 padding: 0 10px 20px;
		 width: 500px;	 
		 display: block;
	 }
	 
	 #panelAd fieldset input{
	 	 width: 400px;
		 display: block;
		 margin: 10px 0 10px 40px;
 	}
	 
	 #panelAd fieldset legend {
	 	color: #0f11ff;
		margin-bottom: 15px;
	 }
	 
	 #panelAd fieldset .buttons{
	 	 display: table;
		 margin: 20px auto 0;
		 
	 }
	 
	 #panelAd fieldset .buttons input{
	 	 display: table-cell;
		 padding: 5px 14px;
		 margin: 0 60px;
		 width: auto;
		 height: auto;
 	}
	 
	 
	 
	 #panelAd .loginFields input{
	 	 width: 100px; 
	 }
	 
	 #panelAd .loginFields div {
	 
		margin-bottom: 10px;
		margin-top: 15px;
		width:210px;
		
	 }
	 
	 #panelAd  label{
	 	font-size: 0.75em;
	 }
	 
	 #panelAd .loginFields .group1{
	   display: inline;
	 	float: left;
		margin-left: 10px;
	 }
	 
	 #panelAd .loginFields .group2{
	   display: inline;
	 	float: right;
		margin-right: 10px;
	 }
	 
	 #panelAd .loginFields #loginField,
	 #panelAd .loginFields #passwordField ,
	 #panelAd  .passChange input
	 {
	 	 margin-left:0;
		 width: 200px;
		 height: auto;
	 }
	 
	 #panelAd  .passChange input {
	    float: right;
		margin: 0;
	 }
	 
	 #panelAd  .passChange div label {
	    float: left;
	 }
	 
	 #panelAd  .passChange #changePassButton{
	    clear: both;
	    float: none;
	    margin: auto;
		width: 100px;
	 }
	 
	 #panelAd  .passChange div {
		float: left;
		width: 350px;
		margin: 10px 0 10px 30px;
	 }
	 
	 
	 
	 #panelAd .loginFields #logButton {
	 	 margin:auto;
		 clear: both;
	 }
	 
	 #panelAd fieldset p{
	 	 margin-bottom:20px;
	 }
	 
	 #panelAd fieldset .buttons p{
	 	 
		  margin: 0 0 10px;
		 
	 }

	#panelAd .galleryImgWrapper input {
		position: absolute;
		bottom: -10px;
		left:8px;
		width: 100%;
	} 
	 
   #panelAd .galleryImgWrapper .delPic {
	  bottom: -35px;
	  left:8px;
	  width:120px; 
	 
	 position: absolute;
   }
  
  #panelAd .galleryImgWrapper .delPic input{
         
         position: static;
			width: auto;
  }

  #content .galleryImgWrapper label {
	  	  font-size: 0.625em;  /* 16px x 0.625 = 10px  */
		  
		  
	  }