/*formatowanie sekcji body */
body {
padding: 0;
margin: 0;
background: #ffffff url('images/1bg.gif') repeat-x;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 10pt;
border: 0;
text-align: left;
}

/*pojemnik czyli calosc */
#pojemnik {width: 750px;
                     margin: 0 auto;
               text-align: center;
              
}

/* logo strony czesc gorna*/
#naglowek {float: left;
           width: 742px;
           margin: 0 ;

}

/* czesc strony po lewej*/
#lewa {float: left;
       width: 321px;
}

.linki {
       border-color: #CECECE;
                   border-style: solid;
                   border-width: 1px;
		  border-color: #3D4E7C;
                   font-size: 10pt;
                   color: #444444;
                   text-align: left;
                   background-color: #F3F3F3;
                   line-height: 14pt;/* odstep miedzy liniami zdania*/
                   padding : 10px;/* odstep tekstu od srodka ramki*/
                   margin: 5px 5px 5px 0px;
       
}

					
/* tresc strony czesc strony po prawej*/
#prawa {float: left;
        width: 421px;
              margin : 0 0 0 0;
              padding : 0;
}
#datalogo {
           background-image: url('images/1.jpg');
			  text-align: right;
		     background-repeat: no-repeat;
			  height: 30px;	
}
#menurozwi {background-image: url('images/4a.jpg');
			   text-align: center;
		      background-repeat: no-repeat;
				 height: 66px;
				 	}

#menulogo {margin: 0;
           padding : 0 0 0 0px;
            height : 62px;
            }

#tresc {float: left;
       width: 421px;
          padding : 0 0 0 0px;
 }

/* wszystki obrazki bez obramowania */
img {border: 0;} 
/* dosuniete do prawej lub lewej */
img.c1 {border:0; float: left;} 
img.c2 {border:0; float: right;}  


/* tla tytulu wiadomosci*/
.tlo1 {background-image: url(images/roza.jpg);
       background-repeat: no-repeat;
}
.galeria {   border-style: solid;
                   border-width: 1px;
						 border-color: #3D4E7C;/*niebieski logo*/
                   font-size: 10pt;
                   color: #444444;
                   background-color: #ffffff;
						 text-align: left;
						 line-height: 14pt;/* odstep miedzy liniami zdania*/
                   padding : 10px;/* odstep tekstu od srodka ramki*/
                  
                  
}

/* tresc glowna*/
.wiadomosc { border-color: #CECECE;
                   border-style: solid;
                   border-width: 1px;
						 border-color: #3D4E7C;/*niebieski logo*/
                   font-size: 10pt;
                   color: #444444;
                   text-align: left;
                   background-color: #ffffff;
                   line-height: 14pt;/* odstep miedzy liniami zdania*/
                   padding : 10px;/* odstep tekstu od srodka ramki*/
                   margin: 5px 5px 5px 5px;
}

.tytul {
        margin: 10pt 0pt 4pt 20pt;
        padding: 1pt 1pt 13pt 52pt;
        font-size: 10pt;
        color: #3D4E7C;
        font-weight: bold;
        text-align: left;
        letter-spacing: 1pt;
       
}

.pin1 {background-image: url(images/pin1.gif);
       background-repeat: no-repeat;
          margin: 0;
       padding: 0pt 0pt 0pt 32pt;
}
.pin2 {background-image: url(images/pin2.gif);
       background-repeat: no-repeat;
          margin: 0;
       padding: 1pt 2pt 3pt 32pt;
}
.pin3 {background-image: url(images/pin3.gif);
       background-repeat: no-repeat;
          margin: 0;
       padding: 1pt 2pt 3pt 32pt;
}

 /* formatowanie tabel */
td {
font-size: 10pt;
text-align: center;
vertical-align: top;
background-color: #ffffff;
border: 1px solid black;
}

table {
vertical-align: top; 
border-collapse: collapse;
font-size: 11pt;
text-align: center;
vertical-align: middle;
border: 1px solid black;

}

/* zewnetrzne lacza */
a:link, A:visited {
                   color: #637CBC;/*niebieski*/
                   text-decoration: none;
                   font-size: 10pt;
                   font-weight: bold;
}
a:hover {
         text-decoration: none;
         font-weight: bold;
         color: #ff6600;/*pomaranczowy*/
}
/* fonty pochylone,pogrubione itd */
.c1 {font-weight: bold;}
.c2 {font-style: italic; font-weight: bold;}
.c3 {font-style: italic;}
.c4 {text-align: center;}

/* czcionka pomaranczowa */
.c5 {color: #ff7348;}

/* czcionka niebieska */
.c6 {color: #1563A1;}

/* czcionka czerwona */
.c7 {color: #FF3300;}

/* czcionka niebieska logo */
.c8 {color: #3D4E7C;}

/* czcionka biala */
.c9 {color: #FFFFFF;}
.foto {
font-size : 10pt;
color : #ffffff;
text-align : justify;
background-color : transparent;
padding : 10px 10px 10px 10px;
}
img.c9 {
border-color : #ffffff;
border-style : double;
border-width : 1px;
}
.blue {font-size: 11pt;
       color: #1563A1;
       font-weight: bold;
       text-align: left;
      }
/* wciecia akapitu */
.w1{text-indent: 20px;
}
.w3{text-indent: 100px;
}
.w2{text-indent: 30px;
}


hr {color: #3D4E7C;/*niebieski logo*/
    text-align: center;
} 

/* stopka*/
#stopka {float: left;
         clear: both;
         width: 742px;
}


 /* format drukowania*/
#print {
       display: none;
          
}
 /* formatowanie menu gorne rozwijane*/
#dropmenudiv {
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 10pt Verdana;
line-height:14pt;
z-index:100;
background-color: #FFFFFF;/*bialy*/
}

#dropmenudiv a {
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
background-color: #FFFFFF;/*bialy*/
color: #3D4E7C;/*niebieski logo*/
}

 
#dropmenudiv a:hover { /*hover background color*/
        background-color: #3D4E7C; /*niebieski logo*/
		  color: #FFFFFF;/*bialy*/
        font-size: 10pt;
}
/* formatowanie menurozwi gorne statyczne*/
a.menurozwi:link, a.menurozwi:visited {
                   color: #FFFFFF;
                   text-decoration: none;
                   font-size: 10pt;
                   font-weight: bold;
}
a.menurozwi:hover {
         text-decoration: none;
         font-weight: bold;
         color: #FF3300;
			
}

 /* koniec formatowanie menurozwi*/
 

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }