body {
background-color: #3F3F3F;                /*#73004A; */
background-image: url('grafika/tloorn.jpg');
background-repeat: repeat;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
padding: 0;
font-family: verdana;
text-align: center;
color: #FFFFFF;
font-size: 10px;
  }
	
div > h1 h2 h3 h4 h5 h6 {
margin-top: 0;
}
#top {
height: 145px;
min-width: 755px;
width: auto;
padding: 0 10px; 
/*border-bottom-color: #F2F2F2 ; 
border-bottom-style: ridge;*/
text-align: center;
margin-top: 0;
margin-left: auto;
margin-right: auto;
background-color: #73004a;
background-image: url('grafika/topbg.jpg');
background-repeat: no-repeat;
}
#ornament {
position: absolute;  
top: 0; 
z-index: 2; 
right: 20px; 
margin-top: 0;
width: 300px;
height: 218px;
background-image: url('grafika/orn.png');
background-repeat: no-repeat;
}
img.logo {
position: absolute;
width: 204px;
left: 10px;
top: 5px;
height: 128px;
border: 0;
float: left;
}	

img.rozeta {
width: 8px;
height: 8px;
margin:  0  10px 0;
border: 0; 
text-align: center;
vertical-align: middle;
}
img.przerywnik {
width: 100px; 
height: 70; 
border-width: 0 
vertical-align: middle;
margin: 0 auto;
}
hr {
width: 100%; 
padding: 0; 
color: #004A73; 
margin: 0; 
background-color: #004A73; 
height: 9px; 
border-top: 4px  #d61774 solid; 
border-bottom: 2px #e7791a solid;
}
.gora {
/*position: absolute; */
   /*margin-left: 230px; */
/*left: 0; */
text-decoration: none;
text-align: center;
z-index: 3;
margin-left: -40px; 
}
#lewa {
position: absolute;
padding: 0;
top: 165px;
width: 204px;
height: 100%;
background-color: #000000;
left: 10;
z-index: 2;
}
#glowna {
position: absolute; 
left: 225px; 
min-width: 520px;
width: auto !important;
width: 75%; 
top: 165px;
height: auto;
}
#zielony {
background-color: #808000;
padding-bottom: 3px;
}
#rudy {
position: absolute; 
left: 0; 
width: 100%; 
background-color: #804000;
}
#niebieski {
position: relative; 
left: 0; 
width: 100%; 
top: 350px; 
background-color: #004A73;
}
img.lista {
border: 0; 
float: left; 
margin-left: 8%; 
margin-top: 3px; 
position: absolute; 
left: -10px;
}


#trescbg {
width: 780px;
height: 120%;
position: absolute;
margin: 0 230 0 210px;
padding: 0;
left: -70px;
margin-top: 40px;
background-color: #808000;
z-index: 1;
}

#tresc {
position: relative;
margin: 0 230 0 210px;
background-position: 130px; 
text-align: center;
margin-top: 20px;
z-index: 2;

}
#prawa {
position: absolute;
right: 0;
top: 200px;
width: 200px;
margin-right: 0;
background-color: #73004A;
height:650px;
}
#opis {
width: 94%;
margin: 0;
margin-top: 0;
border: 0;
padding: 3%;
background-color: #FBE7B4;
}


#content {
width:500px;
	margin:0px auto;
	text-align:left;
	padding:15px;
	border:1px dashed #333;
	background-color:#eee;
}	

p {
font-family:  Verdana, Arial, sans-serif ;
font-size: 12px;
color: #FFD48E;
margin-left: 5mm;
margin-right: 5mm;
text-indent: 5mm; 
text-align: left;
font-weight: normal;
  }
.pierwsza {
font-size: 250%;
color:  #FF9966; 
font-family: "Monotype Corsiva";
  }
p.tytuly {
font-weight: bolder; 
font-family: "Comic Sans MS", Arial, sans-serif; 
color: #Ff9966; 
font-size: 13pt; 
margin: 0cm;
text-indent: 0px;
font-style: italic;
font-variant: small-caps;
  }	
p.tytul  {
font-weight: bolder; 
font-family:  Arial, sans-serif; 
color: #FF9966; 
font-size: 16px;
text-indent: 0;
padding: 10px;
  }       	
p.tytul1  {
font-weight: bold; 
font-family:  Verdana,  Arial,  sans-serif; 
color: #B90000; 
font-size: 14px;
text-indent: 5mm;
  }  
p.kolejny { 
text-indent: 5mm;
  }	
p.przypis {
font-size: 5pt; 
text-align: right; 
margin-right: 3em;
font-weight: 200;
  }
p.stopka { 
font-family: Verdana; 
font-weight: normal; 
font-style: normal; 
font-size: 80%; 
font-variant: normal; 
font-stretch: normal; 
text-align: center; 
text-decoration: none; 
text-indent: 0; 
margin-left: 0; 
vertical-align: bottom;
clear: both;

  }
p.image {
text-align: center; 
font-family: Verdana,  Arial,  sans-serif; 
font-weight: bold; 
text-indent: 0; 
margin-left: 0;
  }
p.podpis {
text-align: left; 
font-family: Verdana,  Arial,  sans-serif; 
font-weight: normal; 
text-indent: 0; 
margin-left: 0;
font-size: 7px;
clear: both;
}	
p.listwa {
	font-size : 11px;
	text-align : center;
	text-indent : 0px;
	margin: 0 auto;
	color: #004A73;
	background-color: #FFC66B;
	z-index: 3;
}

p.okienko {
color: #000093;
font-weight: bold;
margin: 3% 3%;
font-family: Verdana;
 font-size: 11px;
 text-align: left;
}
.data {
font-family:  "Monotype Corsiva"; 
text-align: right;
font-size: 14px;
margin: 0 10%;
line-height: 0,8em;
line-height: normal;
}
h1 { 
text-align: center;
margin-top: 0;
color: #FF9966;
text-shadow: #FFAA25 3px 3px 3px;
font-family:  "Bradley Hand ITC", "Monotype Corsiva"; 
font-size: 35pt; 
font-weight: 100;
margin-left: 195px;
margin-right: 200px;
top: -400px;
  }
h1 span {
color: #Ff5500; 
padding: 0; 
margin: 0; 
text-shadow: #FFE2B1 1px 1px 1px;
}	
h2 {
font-weight: bold; 
font-family: Arial, Verdana;
color: #ff9966; 
font-size: 15px; 
margin: 0cm;
text-indent: 0px;
font-style: normal;  
text-align: center;
}	

h4 {
font-family: "Comic Sans MS", Calibri, Verdana;
font-size: 15px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
text-align: left;
font-stretch: ultra-expanded; 
}
	
h3 { 
text-align: center; 
color: #FFF0D4; 
left: 25%;
font-family:  Verdana, "Bradley Hand ITC", "Monotype Corsiva"; 
font-size: 13px; 
font-weight: bold;
  }
h5 { 
text-align: center; 
color: #000096;  
font-family: Verdana, "Monotype Corsiva", sans-serif; 
font-weight: bold;
  } 
h6 {
font-weight: bold; 
font-family: Verdana,  Arial,  sans-serif;
color: #ff9966; 
font-size: 13px; 
margin: 0cm;
text-indent: 10mm;
font-style: normal;  
text-align: left;
}			
  a:link {
color: #69F; 
text-decoration: none;
  }
  a:visited {	
color: #69F; 
text-decoration: none;
  }
  a:hover {
color: #0FF;
  }
  a:active {
color: #AA00FF;
  }

  a.listwa:link { 
color: #730000;
font-weight: normal;
font-family: "Comic Sans MS", Arial;
  }
  a.listwa:visited {
color: #730000; 
text-decoration: none;
font-weight: normal;
font-family: "Comic Sans MS", Arial;
  } 
  a.listwa:hover {
color: bisque;
font-weight: normal;
font-family: "Comic Sans MS", Arial;
  }  

  a.listwa:active {
color: #DC0092; 
text-decoration: none;
font-weight: normal;
font-family: "Comic Sans MS", Arial;
  } 

  a.listwadolna:link {
color: #004A73; 
text-decoration: none;
font-weight: bold;
  }
  a.listwadolna:visited {	
color: #004A73; 
text-decoration: none;
font-weight: bold;
  } 
a.listwadolna:hover {
color: #00FFFF;
font-weight: bold;
  } 	
  a.listwadolna:active {
color: #DC0092; 
text-decoration: none;
font-weight: bold;
  } 

		
  a.lista {	
color: #808080;
  }
  
  a.lista:hover {
color: #4A4A4A;
background-color: aliceblue;
  }  

  a.lista:active {
color: #808080; 
text-decoration: none;
  } 
	 
td.tlo {
background-image: url('grafika/A1.jpg'); 
background-repeat: no-repeat;
  }

ul { 
font-family:  Verdana, "Courier New", Arial,  sans-serif;
font-size: 13px;
font-weight: normal;
list-style-type: none;
list-style-position: outside;
text-indent: 0;
margin-left: 3%;
margin-right: 3%;
padding: 2% 2%;
text-align: left;
  }
ul li {
padding: 0;
}	

ul.pier{ 
list-style-image: url('grafika/indeks.gif');
margin-right: 0; 
margin-left: 1%;
  }

ul.lisc { 
list-style-image: url('grafika/fikus.gif');
border: 0;
vertical-align: middle;
padding: 3%
  }
ul.lisc li { 
padding: 2% 0;
  }	

ul.posejdon { 
list-style-image: url('grafika/posejdon.gif');  
position: relative; 
vertical-align: middle;
padding: 3%;
  }
ul.posejdon li {
padding: 0 0 3% 5%;
}	


.menu { 
font-family: "Comic Sans MS", Calibri, Verdana;
font-size: 20px;
font-style: normal;
font-weight: normal;
color: #FFFFFF;
text-align: right;
font-stretch: ultra-expanded; 

}



ul#menugl {
position: absolute;
left: 30px;
top: 50;
list-style: none;

margin: 0;
padding: 0;
width: 150px;
background-color: #D61774;
font-family: "Comic Sans MS", Calibri, Verdana;
font-size: 15px;
font-style: normal;
font-weight: bold;
text-align: left;
font-stretch: ultra-expanded; 
}
ul#menugl li {
border-top-color: #FF5500 ;
border-top-width: 1px;
border-top-style: solid;
padding: 0;
}
ul#menugl li a:link, ul#menugl li a:visited  {
color: #FFFFFF;
display: block;
width: 88%;
padding: 3px 2% 3px 10%;
}
ul#menugl li a:hover {
background-color: #000000;    /*E3E4DF */
color: #Dc0092;
margin: 0;
display: block;
width: 99%;
padding: 3px 1%;
}


#main {
width: 780px; 
background-color: #cdcdcd;
margin-left: auto;
margin-right: auto;
}

ul#menut {
position: absolute;
left: 30px;
top: 50;
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
width: 150px;
background-color: #004A73;
font-family: "Comic Sans MS", Calibri, Verdana;
font-size: 15px;
font-style: normal;
font-weight: bold;
text-align: left;
font-stretch: ultra-expanded; 
border: 0;
}
ul#menut li {
border-top-color: #FF5500 ;
border-top-width: 1px;
border-top-style: solid;
}
ul#menut li a:link, ul#menut li a:visited  {
color: #FFFFFF;
display: block;
width: 88%;
padding: 3px 2% 3px 10%;
}
ul#menut li a:hover {
background-color: #000000;    /*E3E4DF */
color: #Dc0092;
margin: 0;
display: block;
width: 99%;
padding: 3px 1%;
}
#kalendarz {
position: relative;
top: 350px;
width: 70%;
margin: 0 auto;
text-align:center;
background:  #004A73;
border-top: 1px  #DC0092 solid; 
border-bottom: 1px #e7791a solid;
color:white;
font-weight:bold;
}

#imgmenu {
position: relative; 
width: 560px; 
text-align: center;
margin:  0 auto; 
z-index: 2;
height: 50px;
padding: 0;
}
#imgmenu  td {
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
padding: 0;
}
#f {
background-color: #994174;
}
#z {
background-color: #DCDC00;
}
#s {
background-color: #1EA1D9;
}
#p {
background-color: #E67819;
}
#i {
background-color: #800040;
}
#t {
background-color: #0059B3;
}
#r {
background-color: #59B300;
}
#pl {
background-color: #5900B3;
}
#v {
background-color: #B300B3;
}
#ze {
background-color: #FF962E;
}
#k {
background-color: #800000;
}

.tablemenu {
position: relative; 
width: 560px; 
display: inline; 
z-index: 2; 
border: 0; 
font-size: 7px; 
font-weight: bold; 
text-align: center; 
padding: 0;
}
.tablemenu tr {
padding: 0;
margin: 0;
}
.tablemenu td {
width: 50px;
color: #000000;
padding: 0;
margin: 0;
border: 0
}
.tablemenu td a:link {
color: #000033;
}
.tablemenu td a:visited {
color: #000033;
}
.tablemenu td a:hover {
color: #FFAA00;
}
.tablemenu div {
width: 50px; 
min-width: 50px;  
display: inline; 
border-width: 0; 

margin: 1px; 
position: relative; 

}
#firany {
background-color: #DC00DC;
}
#zaslony {
background-color: #00B97A;
}
#rzymskie {
background-color: #FFD48E;
}
#panele {
background-color: #FFFFB1;
}
#inne {
background-color: #C6FF6B;
}
#tkaniny {
background-color: #B1FFE2;
}
#rolety {
background-color: #C0DCC0; 
}
#plisy {
background-color: #E2B1FF; 
}
#wertyk {
background-color: #00FFFF;
}
#zaluzje {
background-color: #FFF0D4;
}
#karnisze {
background-color: #Dc0092;
}
#newsletter {
position: relative; 
top: 350px; 
width: 150px; 
/*background-color: #004a73; */ 
padding: 3px; 
margin: 0 auto;
}
#newsletter img {
float: left; 
margin: 0 5px; 
width: 45px; 
height: 52px; 
border: 0;
}
#newsletter p {
color: #FFFFFF;
font-size: 9px;
text-indent: 0;
margin: 0;
}
#newsletter p span {
font-style: italic; 
color: #ff00ff; 
font-weight: bold; 
font-size: 10px;
}
.zawartosc {
background-color: #500032; 
width: 560px;
position: relative; 
z-index: 2; 
text-align: center; 
padding: 0; 
border: 0; 
margin-left: auto; 
margin-right: auto;
background-image: url('grafika/backgr.jpg');
background-repeat: repeat; 
}
.info {
color: #7A7A7A; 
text-align: center; 
vertical-align: top;
font-size: 11px;
}