table {font-size: 0.7em; width: 100% !important;}
.zla {font-size: 0.6em !important;}

body {
	color: #000000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	text-align: center;
	}
	
#intro {
	background-image:url(img/intro_bg.jpg);
	background-repeat: repeat-y;
	background-position: top center;
	background-color: #efefef;
	}
	
#dwieKolumny {
	background-image:url(img/bg_dwiekolumny.jpg);
	background-repeat: repeat-y;
	background-position: top center;
	background-color: #efefef;
	}	
	
#kontener {
	background-image: url(img/intro_head.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	}
	
#kontenerJednaKolumna {
	background-image: url(img/jednakolumna.jpg);
	background-position: top center;
	background-repeat: no-repeat;

	}
	
#kontenerDwieKolumny {
	background-image: url(img/dwiekolumny.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	min-height: 900px;
	}		
	
#stopka {
	clear: both;
	background-image: url(img/intro_stopka.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	height: 243px;
	}	
	
#stopkaDwieKolumny {
	clear: both;
	background-image: url(img/stopkadwiekolumny.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	height: 243px;
	}		
	

#wszystko {
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	}	
	

#logo {
	display: block;
	height: 120px;
	width: 700px;
	float: left;
	}
	
#banner {
	display: block;
	width: 970px;
	height: 289px;
	}
	
#bannerJednaKolumna {
	display: block;
	width: 970px;
	height: 215px;
	}	
	
#srodek {
	width: 970px;	
	}
	
#beczki {
	display: block;
	width: 970px;
	height: 256px;
	}	
	
.beczka {
	display: block;
	float: left;
	width: 323px;
	height: 256px;
	text-align: justify;
	}	
	
.beczka h2 {
	color: #012D52;
	font-size: 1.2em;
	margin: 0px;
	padding: 50px 0 10px 55px;	
	}	
	
.beczka h2 a {
	color: #012D52;
	text-decoration: none;
	}
	
.beczka h2 a:hover {
	color: #990000;
	}	
	
.beczkaTresc {
	text-align: justify;
	font-size: 0.7em;
	padding: 0 20px 0 20px;
	}
	
#tresc {
	display: block;
	width: 910px;
	text-align: justify;
	padding-left: 30px;
	padding-right: 30px;
	}
	
#tresc h1 {
	color: #012D52;
	font-size: 1.5em;
	margin: 0px;
	padding: 17px 0 20px 30px;
	}	
	
#stopka_tresc {
	width: 970px;
	display: block;
	margin-left: auto; 
	margin-right: auto;
	text-align: justify;
	font-size: 0.8em;
	color: #666666;
	padding-top: 40px;
	}	
	
#stopkaMenu {
	display: block;
	width: 970px;
	height: 30px;
	}
	
#stopkaOpis {
	display: block;
	float: left;
	width: 790px;
	padding-right: 30px;
	}
	
#stopkaPowroty {
	display: block;
	width: 150px;
	float: left;
	}
	
#back {
	display: block;
	float: left;
	width: 57px;
	height: 58px;
	background-image: url(img/back.png);
	background-repeat: no-repeat;
	}
	
#up {
	display: block;
	float: left;
	width: 60px;
	height: 58px;
	background-image: url(img/top.png);
	background-repeat: no-repeat;
	}	
	
#copyrights {
	display: block;
	clear: both;
	}	
			
			
#lewa {
	display: block;
	float: left;
	width: 225px;
	text-align: justify;
	padding: 80px 20px 0 20px;
	font-size: 0.8em;
	}
	
#prawa {
	display: block;
	width: 665px;
	float: left;
	text-align: justify;
	padding: 20px 20px 0 20px;
	}				
	
#prawa h1 {
	color: #012D52;
	font-size: 1.5em;
	margin: 0px;
	padding: 17px 0 20px 35px;
	}	
	
	

/* pionowe menu - takie jak w telemocie */

#gorne_menu {
	width: 940px;
	height: 38px;
	display: block;
	text-align: left;
	padding-left: 30px;
	padding-top: 0px;
	}

#gorne_menu {position: relative;}
#gorne_menu ol {list-style: none; margin: 0; padding: 0;}
#gorne_menu ol li {
	position: relative;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 12px;
	margin-left: 0px;
	margin-right: 0px;
	font-size: 0.8em;

	float: left;
	text-align: center;
}

#gorne_menu ol .m4 {
	margin-left: 28px;
	}
	
#gorne_menu ol .m3 {
	margin-left: 28px;
	}	

#gorne_menu ol a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	height: 26px;
	padding-top: 12px;
}

#gorne_menu ol a:hover {
	color: #FFCC00;
	}


#gorne_menu ol .m152 a {
	background-image: url(img/guzik.gif);
	padding-left: 3px;
	padding-right: 3px;
	}



#gorne_menu ol li:hover {background-position: bottom;}
/* poziom 2 */
#gorne_menu ol ol {position: absolute; display: none; left: 0; top: 38px;}
#gorne_menu ol ol li {
	background-color: #3B8ABF;
	width: 160px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 4px;
	padding-bottom: 4px;	
	margin-left: 0px;
}

#gorne_menu ol ol a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	height: auto;
	padding-top: 0px;
}

#gorne_menu ol ol a:hover {
	color: #FFCC00;
	}


#gorne_menu ol li:hover ol {display: block;}
#gorne_menu ol li:hover ol ol {display: none;}
#gorne_menu ol ol li:hover {background-color: #990000;}
/* poziom 3 */
#gorne_menu ol ol li:hover ol {display: block;}
#gorne_menu ol ol li:hover ol ol {display: none;}
	
	
	
/* stronicowanie */
.stronicowanie {clear: both; list-style: none; text-align: center;}
.stronicowanie li {display: inline; margin: 0 5px;}
.stronicowanie li.wybrana a {color: #f00;}

/* zdjêcia */
img.left {float: left; margin: 0 10px 10px 0; border: 15px solid #CCCCCC;}
img.right {float: right; margin: 0 0 10px 10px; border: 15px solid #CCCCCC;}


/* FORMULARZ */

#formularz {
	border: 3px dotted #DADF53;
	padding: 5px 5px 5px 5px;
	width: 660px;
}

#formularz input {
	width: 360px;
	color: #003300;
	background-color: #DADF53;
	border: 1px solid #DADF53;
	margin: 2px;
	float: right;
}

#formularz textarea {
	width: 360px;
	height: 200px;
	color: #003300;
	background-color: #DADF53;
	border: 1px solid #DADF53;
	margin: 2px;
	float: right;
}

#formularz label {
	float: left;
	width: 210px;
	margin: 2px;
}

#formularz fieldset {
	border: dashed 3px #DADF53;
}

/* galeria - trzeba zmienic tylko szerokosc */

.galeria {
	display: block; 
	float: left;
	margin: 20px;
	width: 180px;
	font-size: 0.6em;
	min-height: 220px;
	}	
	
.galeria img {
	display: block;
	border: 8px solid #CCCCCC;
	clear: both;
	}
	
#zdjecie_grupy {
	margin: 20px;
	}	

/* podgrupa na stronie */
	
.podgrupa_na_stronie {
	display: block;
	clear: both;
	padding: 15px; 
	border-bottom: 1px solid #CCCCCC;
	min-height: 160px;
	}
	
.podgrupa_na_stronie img {
	float: left; 
	margin: 5px;
	border: 15px solid #CCCCCC;
	}	

.naglowek {
	display: block;
	color: #012D52;
	font-size: 1.2em;
	font-weight: bold;
}

.zobaczWiecej {
	display: block;
	}

.podgrupa_na_stronie a {
	text-decoration: none;
	color: #688F08;
	}
	
.podgrupa_na_stronie a:hover {	
	color: #000000;
	}

/* akapit */
	
.akapit {
	clear: both;
	}		
	
.ukryj {
	display: none;
	}	
	
#okruszki {
	display: block;
	float: left;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em; 
	}	
	
#okruszki a {
	color: #688F08;
	text-decoration: none;
	font-weight: bold;	
	}	
	
#okruszki a:hover {
	color: #000000;
	}		
	
.akapit a {
	text-decoration: none;
	font-weight: bold;
	color: #688F08;
	}		
	
.akapit a:hover {	
	color: #000000;
	}
	
.etykietka {
	display: block;
	width: 194px;
	margin: 10px;
	min-height: 240px;
	float: left;
	text-align: left;
	font-size: 0.8em;
	}	
	
.etykietka a {
	text-decoration: none;
	color: #688F08;
	}
	
.etykietkaNazwa	{
	display: block;
	clear: both;
	}
	
.etykietka a:hover {	
	color: #000000;
	}
	
.etykietka img {
	border: 8px solid #CCCCCC;
	}	


	
#polecamy ol li img {
	width: 120px;
	float: left;
	border: 5px solid #CCCCCC;
	margin: 0 5px 5px 0;
	}
	
#polecamy ol {
	list-style: none;
	margin: 0;
	padding: 0;
	}	
	
#polecamy ol li .tytul { 
	display: block;
	}
	
#polecamy ol li a {
	text-decoration: none;
	}	
	
	
.tytul {
	font-weight: bold;
	color: #990000;
	}
	
.tytul:hover {	
	color: #000000;
	}
	
#polecamy ul li a {
	text-decoration: none;
	}	
	
#polecamy ul li {
	display: block;
	margin-bottom: 5px;
	clear: both;
	}	
	
#referencjeObraz {
	width: 120px;
	border: 8px solid #CCCCCC;
	background-position: center;
	float: left;
	margin: 0 5px 5px 0;
	}
	
#referencje ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}		
	
#referencje ul li a {
	text-decoration: none;
	}	
	
	
#aktualnosci ul li img {
	width: 40px;
	float: left;
	border: 5px solid #CCCCCC;
	margin: 0 5px 5px 0;
	}
	
#aktualnosci ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}	
	
#aktualnosci ul li a {
	text-decoration: none;
	}	
	
#aktualnosci ul li {
	display: block;
	margin-bottom: 5px;
	clear: both;
	}		
	
#lewa ol {
	list-style: none;
	margin: 0;
	padding: 0;
	}	

#lewa ol li {
	width: 200px;
	margin-top: 4px;
	}
		
#lewa ol li a {
	display: block;
	background-color: #EFEFEF;
	width: 200px;
	height: auto;
	border: 1px solid #CFCFCF;
	padding: 3px 10px 3px 10px; 
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	font-size: 0.8em;
	}
	
#lewa ol li a:hover {
	background-color: #999999;
	color: #ffffff;
	}
	
#lewa ol li ol {
	padding-left: 20px;
	}
	
#lewa ol li ol li a {
	width: 180px;
	background-color: #CFCFCF;
	}	
	
#tylkoPromocje ol {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#tylkoPromocje ol li img {
	float: left;
	border: 15px solid #CCCCCC;
	margin: 0 5px 5px 0;	
	}
	
#tylkoPromocje ol li {
	display: block;
	clear: both;
	}	
	
#tylkoPromocje ol li a {
	text-decoration: none;
	}	
	
#tylkoPromocje ol li .tytul {
	display: block;
	}	
	
	
#introText {
	display: block;
	float: left;
	width: 270px;
	margin-left: 25px;
	margin-right: 15px;
	margin-top: 20px;
	text-align: justify;
	color: #FFFFFF;
	font-size: 0.8em;
	}
	
#bannerBanner {
	display: block;
	float: left;	
	width: 660px;
	}	
	
#wyszukiwarka {
	text-align: right;
	padding-right: 40px;
	}	
	
#wyszukiwarka form {
	margin: 0px;
	padding: 8px 0 0 0px;
	}
	
#wyszukiwarka form fieldset {
	border: 0px solid;
	margin: 0px;
	padding: 0;
	}	
	
#wyszukiwarka form fieldset #wprowadz {
	width: 100px;
	background-color: #7DBADF;
	border: 1px solid #FFFFFF;
	font-size: 0.7em;	
	}
	
#wyszukiwarka form fieldset #guzik { 
	background-color: #D2EA00;
	color: #000000;
	font-size: 0.7em;
	border: 1px #000000;
	}
	
#tresc a {
	text-decoration: none;
	color: #333333;
	}
	
#tresc a:hover {
	color: #999999;
	}		
	
	

#menuIntro ol li img.maly {
	width: 80px;
	float: left;
	border: 5px solid #CCCCCC;
	margin: 0 5px 5px 5px;
	display: block;
	}	
	


#menuIntro {position: relative;}
#menuIntro ol {list-style: none;}
#menuIntro ol li {
	position: relative;
	display: block;
    float: left;
	width: 250px;
	height: 60px;
	padding-bottom: 10px;
	margin: 2px 10px 2px 10px;
	text-align: left;
	font-size: 0.7em;
}

#menuIntro ol a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}




#menuIntro ol ol {position: absolute; display: none; left: 0px; top: 28px;}
#menuIntro ol ol li {
	background: #E9EFA4;
	border: 1px solid #666666;
	width: 200px;
	height: 65px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 7px;
	margin-left: 0px;
	font-size: 1em;
	z-index: 1;
}

#menuIntro ol li:hover ol {display: block;}
#menuIntro ol li:hover ol ol {display: none;}
#menuIntro ol ol li:hover {background: #D3DF7D;}
/* poziom 3 
#menuIntro ol ol li:hover ol {display: block;}
#menuIntro ol ol li:hover ol ol {display: none;}
*/

#flagi {
	display: block;
	float: right;
	width: 90px;
	padding-top: 10px;
	padding-left: 170px;
	}
	
#flagi a {
	display: block;
	width: 18px;
	height: 13px;
	border: 1px solid #000000;
	float: left;
	margin-left: 5px;
	}	
	
#flagi #en {
	background-image: url(img/en.jpg);
	}
	
#flagi #pl {
	background-image: url(img/pl.jpg);
	}	
	
#flagi #de {
	background-image: url(img/de.jpg);
	}			
	
#logoFlagi 	{
	display: block;
	width: 970px;
	height: 120px;
	}
	
.EN {
	display: none;
	}
	
.DE {
	display: none;
	}