html {height:100%;}
body{text-align: center; display:table; height:100%; width:100%; margin:0; background-image: url("gfx/tlo_lato1.jpg"); background-repeat:no-repeat; background-position: top; background-attachment: fixed;}
table {font-family:arial; font-size:14px;}
#cialo {position: relative; margin:0px auto; background-color:transparent; width:975px; top: 50px;}
#menu {float:left; width:204px; background-color:transparent; margin-right:5px;}
#menu_tresc {float:left; background-color: white;
             opacity: 0.85; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
             margin-right:0px; width:160px;}
#strona {float:right; width:760px;}
#strona_tresc {float:left;  background-color:white;
               opacity: 0.90; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
               width:716px;}

.r1 { background-image: url("gfx/ramka1.gif"); float:left;}
.r2 { background-image: url("gfx/ramka2.gif"); float:right;}
.r3 { background-image: url("gfx/ramka4.gif"); float:left; clear: both;}
.r4 { background-image: url("gfx/ramka3.gif"); float:right; }
.b1 {background-image: url("gfx/ramka_left.gif"); float:left; width:22px; clear: both;}
.b2 {background-image: url("gfx/ramka_right.gif"); float:right; width:22px;}
.b3 {background-image: url("gfx/ramka_top.gif"); float:left; height:22px;}
.b4 {background-image: url("gfx/ramka_bottom.gif"); float:left; height:22px; }
.b1, .b2, .b3, .b4 { background-color:transparent; margin:0px 0; border-width:0px; overflow:hidden;}
.r1, .r2, .r3, .r4 {background-repeat:no-repeat; width:22px; height:22px; margin:0px; border-width:0px; overflow:hidden;}
.b1, .b2, .b3, .b4, .r1, .r2, .r3, .r4 {opacity: 0.85; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);}

 a{color:#66CCFF; text-decoration:none;}
 a:hover{color:#00B2EC; text-decoration:none;}
 a.foto{color:#CCCCCC; text-decoration:none; vertical-align:top; border-bottom-style:none;}
 a.foto:hover{text-decoration:underline; color:white}
 a.link{color:#9A0000; text-decoration:none; border-bottom-style:dashed; border-width:1px;}
 a.link:hover{color:red; text-decoration:underline; border-bottom-style:none;}
 a.link2{color:#66CCFF; text-decoration:none;}
 a.link2:hover{color:#00B2EC; text-decoration:underline;}
 a.wiecej{color:#999999; text-decoration:none; font-style:italic;}
 a.wiecej:hover{color:red; text-decoration:underline; border-bottom-style:none;}
 a.reklama{font-size:12px; color:#999999; text-decoration:none; font-style:italic;}
 a.reklama:hover{color:#00B2EC; text-decoration:none; border-bottom-style:none;}
 a.ukryty{font-size:1px; color:gray;}
 
 .butony {background-image:url(gfx/buton2.png); background-repeat:no-repeat; background-position:left;
             width:160px; height:35px; line-height:35px;
             cursor:pointer; outline-style:none; border-style:none; margin:0px;
             font-family:arial; font-size:16px; text-align:center; color:#D3F4FF; font-weight:bold; text-decoration:none;
			 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); 
		     opacity:0.6;
			 }
 .butony:hover{color:white;}			 
 .formularz {font-family:arial; font-size:14px; text-align:right; color:#005CB2; font-weight:bold;
 
              }		 
			 
 #tekst1 {font-family:arial; font-size:13px; text-align:center; color:black; white-space: pre;}
 p.tekst2 {font-family:arial; font-size:15px; text-align:center; color:black; padding-right:5px;}			
 .tytul {font-family:arial; font-size:14px; text-align:center; color:#D3F4FF; font-weight:bold;}
 .mf {font-family:arial; font-size:15px; text-align:center; color:#FFC001; font-weight:bold; text-decoration:underline; padding-top:6px;}
 p.tytul2 {font-family:arial; font-size:18px; text-align:center;}
 p.tytul3 {font-family:arial; font-size:15px; text-align:center; color:#00483d;}
 p.tytul4 {font-family:arial; font-size:18px; text-align:center;}
 .tytul5 {font-family:arial; font-size:15px; color:#006666;}

 
 input {border:solid; background-color:#EEEEEE; border-width:1px; border-color:white;}
 input:focus {background-color:#DADADA; border-color:black;  }
 textarea {border:solid; background-color:#EEEEEE; border-width:1px; border-color:white;}
 textarea:focus {background-color:#DADADA; border-color:black;  }
 
 .jezyk0 {border-style:solid; border-width:1px; border-color:#C0C0C0; margin-left:5px; margin-right:5px; margin-top:1px;}
 .jezyk1 {border-style:solid; border-width:2px; border-color:black; margin-left:5px; margin-right:5px;}
 .obok_siebie {width:20px; height:12px; border-style:none; border-width:0; vertical-align:top;}
 .naglowek {background-image:url(gfx/tlo_tytul.png); width:674px; height:74px; top:0px; margin-top:15px; margin-left:auto; margin-right:auto; 
           font-family:arial; font-size:30px; text-align:left; color:black;}
 .stopka {position:relative; top:-3px; font-family:arial; font-size:13px; text-align:center; color:#73D7D6; Z-index:5; clear: both; white-space: pre;}
 .legenda {font-family:arial; font-size:10px; text-align:left; color:red;}
 
 
 .tresc {font-family:arial; font-size:14px; text-align:justify; color:#003366;}
 .tresc2 {font-family:arial; font-size:14px; text-align:justify; color:#005CB2;}
 .margines1 {float:left; margin-right:15px; margin-top:4px;}	
 .margines2 {float:right; margin-left:15px; margin-top:4px;}
 .uwaga {font-family:arial; font-size:16px; text-align:center; font-weight:bold;
         padding:10px; background-color:red; color:white;
		}
 .uwaga2 {font-family:arial; font-size:16px; text-align:center; font-weight:bold;
         padding:10px; background-color:#CCCCCC; color:black;
		}
 	
 .cennik_tytul {font-family:arial; font-size:18px; text-align:left; color:#333333; padding:5px;}
 .cennik {height:40px; font-family:arial; font-size:14px; text-align:center; color:#333333; border-color:#666666; background-color:#F7F7F7;}
 .cennikA {height:40px; font-family:arial; font-size:14px; text-align:center; color:#333333; border-color:#666666; background-color:#CCFFCC;}		
 .cennikB {height:40px; font-family:arial; font-size:14px; text-align:center; color:#333333; border-color:#666666; background-color:#D2F8FF;}
 .cennik_stopka {font-family:arial; font-size:12px; text-align:left; color:#333333; padding:5px;}			
 
 li {padding : 0; margin : 5px; text-indent:0;}
 
 
 .odstep {margin:5px;}
 img.m {border-style:solid; border-width:2px; border-color:#CCCCCC; margin-top:5px;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); 
        opacity:0.8;}
 img.m:hover {border-style:solid; border-width:2px; border-color:red;
              filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); 
              opacity:1;}
 
 #fotoForma {
  position:absolute;
  top:0;
  left:0;
  background-color:#333333;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); 
  opacity:0.8;
  display: none;
  }
 #fotoForma2 {
  position:absolute;
  top:10px;
  left:0;
  background-color:transparent;
  display: none;
  }
 #loading { position:absolute;
  top:0;
  left:0;
  background-color:transparent;
  display: none;
  }
  #opisFoto {font-family:arial;
             font-size:16px; 
			 text-align:center; 
			 color:white;
			 background-color:#003366;
			 float:left;
			 padding:4px;
			 height:18px;
			 width:300px;
			 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); 
             opacity:0.6;}
	
   #projektor {clear: both;}			
			 
   .podpis1 {font-family:arial; font-size:12px; text-align:center; width:75px; color:#999999;}
   .podpis2 {font-family:arial; font-size:12px; text-align:center; width:100px; color:#999999;}
   
.kg_wpis {margin:10px auto;}
.kg_tytul {width:640px; height:15px; margin:0 auto; padding:0 5px; border:none; border-width:0px;
          font-family:arial; font-size:12px;
		  background-color:#B8EEFE; }
.kg_post {clear:both; width:638px; margin:0 auto; border:solid; border-width:1px; border-color:#B8EEFE; padding:5px;
          font-family:arial; font-size:12px; text-align:left;
		  background-color:#D9FAFF; }
.kg_user {float:left;}
.kg_data {float:right;}


.ramka {display:inline; border:solid; border-width:thin; padding-left:3px; padding-right:3px; margin-left:3px; margin-right:3px;}