/* --- STRUKTURA --- */

html, body {
	margin: 0;
	padding: 0;
	background-color: #fff59b;
	}

body {
	font-size: 62.5%; /* Reset 1em jako 10px */	
	}
	
#centeredcontent {
	width: 778px;
	text-align: center;
	border: 1px solid #f29400;
	background-color: #ffec00;
	color: #000;
	font-family: "Comic Sans MS", "Times New Roman", Arial;
	}	
	
.poziomo {
	text-align: left;
	margin: 10px auto 0 auto;
}	

.poziomo_i_pionowo {
	height: 588px;
	margin-left: -389px; /* polowa szerokosci*/
	margin-top: -294px; /* polowa wysokosci*/
	position: absolute;
	left: 50%;
	top: 50%;
}

#naglowek{
	background: url('grafika/naglowek1.jpg') 32px 0px no-repeat;
	width: 778px;
	height: 121px;
	}

	#logo {
		background: url('loga/logo_MFF.png') left top no-repeat;
		float: left;
		margin: 10px 0 0 85px;
		display: inline; /* bez tego pod IE margin jest 2 razy wiwkszy */
		width: 97px;
		height: 98px;	
		}
		
		#naglowek_ang{	background: url('grafika/naglowek_ang.jpg') 32px 0px no-repeat;
	width: 778px;
	height: 121px;}	

#srodek {
	background: transparent url('grafika/trescdlug.jpg') right top no-repeat; 
	width: 778px;
	}

.poziomo_i_pionowo #srodek {
 	height: 394px;	 
 	}
 	
	#menu {
		float: left;
		width: 201px;
		}
		
	#menu_ang {
		float: left;
		width: 201px;
		}
		
		#angielski{
			background: transparent url('grafika/flaga.jpg') 20px 0px no-repeat; 		
			height: 35px;
			width: 201px;
			}
			
		#polski{			
		  background: transparent url('grafika/flaga_pol.jpg') 20px 0px no-repeat; 		
			height: 35px;
			width: 201px;}	
		
		/* --- MENU --- */
		
		div#menu ul	{
			float: left;
			background: transparent url('grafika/menu.jpg') top left no-repeat;
			height: 341px;
			width: 201px;
			margin: 0;
			padding: 0;
			position: relative;
			}
			
		div#menu ul li {
			margin: 0;
			padding: 0;
			list-style-type: none;
			position: absolute;
			top: 0;
			left: 0;
			}	
		
		div#menu ul li a {
			display: block;
			width: 201px;
			text-indent: -9999px;
			text-decoration: none;
			}		

		#menu ul li#aktualnosci { top: 0px; height: 44px; }
		#menu ul li#ofestiwalu { top: 44px; height: 44px; }	
		#menu ul li#organizatorzy { top: 88px;	height: 42px; }
		#menu ul li#regulamin { top: 130px; height: 34px; }
		#menu ul li#form { top: 164px; height: 75px; }
		#menu ul li#historia { top: 239px; height: 36px; }
		#menu ul li#kontakt { top: 275px;	height: 66px; }				
			
		/* normal states */
		#menu ul li#aktualnosci a { height: 44px; }
		#menu ul li#ofestiwalu a { height: 44px; }
		#menu ul li#organizatorzy a { height: 42px; }
		#menu ul li#regulamin a { height: 34px; }
		#menu ul li#form a { height: 75px; }
		#menu ul li#historia a { height: 36px; }
		#menu ul li#kontakt a { height: 66px; }										
		/* hover states */
		#menu li a:hover { background: transparent url('grafika/menu.jpg') no-repeat; }
		li#aktualnosci a:hover { background-position: 0 -341px; }
		li#ofestiwalu a:hover { background-position: 0 -385px; }
		li#organizatorzy a:hover { background-position: 0 -429px; }
		li#regulamin a:hover { background-position: 0 -471px; }
		li#form a:hover { background-position: 0 -505px; }
		li#historia a:hover { background-position: 0 -580px; }
		li#kontakt a:hover { background-position: 0 -616px; }	
				
		/* --- koniec MENU --- */
		
				/* --- MENU ANG --- */
		
		div#menu_ang ul	{
			float: left;
			background: transparent url('grafika/menu_ang.jpg') top left no-repeat;
			height: 341px;
			width: 201px;
			margin: 0;
			padding: 0;
			position: relative;
			}
			
		div#menu_ang ul li {
			margin: 0;
			padding: 0;
			list-style-type: none;
			position: absolute;
			top: 0;
			left: 0;
			}	
		
		div#menu_ang ul li a {
			display: block;
			width: 201px;
			text-indent: -9999px;
			text-decoration: none;
			}		

		#menu_ang ul li#aktualnosci { top: 0px; height: 44px; }
		#menu_ang ul li#ofestiwalu { top: 44px; height: 44px; }	
		#menu_ang ul li#organizatorzy { top: 88px;	height: 42px; }
		#menu_ang ul li#regulamin { top: 130px; height: 34px; }
		#menu_ang ul li#form { top: 164px; height: 75px; }
		#menu_ang ul li#historia { top: 239px; height: 36px; }
		#menu_ang ul li#kontakt { top: 275px;	height: 66px; }				
			
		/* normal states */
		#menu_ang ul li#aktualnosci a { height: 44px; }
		#menu_ang ul li#ofestiwalu a { height: 44px; }
		#menu_ang ul li#organizatorzy a { height: 42px; }
		#menu_ang ul li#regulamin a { height: 34px; }
		#menu_ang ul li#form a { height: 75px; }
		#menu_ang ul li#historia a { height: 36px; }
		#menu_ang ul li#kontakt a { height: 66px; }										
		/* hover states */
		#menu_ang li a:hover { background: transparent url('grafika/menu_ang.jpg') no-repeat; }
		li#aktualnosci a:hover { background-position: 0 -341px; }
		li#ofestiwalu a:hover { background-position: 0 -385px; }
		li#organizatorzy a:hover { background-position: 0 -429px; }
		li#regulamin a:hover { background-position: 0 -471px; }
		li#form a:hover { background-position: 0 -505px; }
		li#historia a:hover { background-position: 0 -580px; }
		li#kontakt a:hover { background-position: 0 -616px; }	
				
		/* --- koniec MENU --- */
		#blog {padding: 2px;}    
		
	#tresc_strony {
		float: left;
		width: 500px;
		font-size: 1.2em;
		text-align:justify;
		}
		
			.kwiatki {
				background: transparent url('grafika/kwiatki.png') left top no-repeat;	
				width: 96px;
				height: 42px;	
				margin: auto;	
				}
			#loga{
			}	
			.logo{float:left;
			margin:0 20px 0 0;}
			.logo_napis{margin-top:10px;}
			

div#finansowanie{width:240px;
margin-left: 7px;}

#ww{background: transparent url('loga/herb_wwa.gif') top left no-repeat;
width:120px;
height:200px;
float:left;
left:4px;
}

#maz{background: transparent url('loga/herb_maz.gif') top left no-repeat;
width:120px;
height:200px;
float:right;
}



.odstep {margin: 15px;  height: 95px;} 
.podpis{width: 120px;
				height: 64px;
				}

#stopka {
	background: transparent url('grafika/stopka.jpg') bottom left no-repeat;
	width: 778px;
	height: 73px;
	}

	#metka {
		<pre>padding</pre>: 48px 0 0 303px;
		}

/* --- OBRAZKI --- */

img {
	border: 0px;
	}
.fotdyr{width: 90px;
height:120px;
padding-top:5px;
padding-bottom:15px;
padding-left:0px;
padding-right:15px;}
.plakat{width: 150px;
height:215px;
padding-top:5px;
padding-bottom:10px;
padding-left:7px;
padding-right:7px;}
 .plakat_duzy{width: 240px;
 height:343px;}


.zdjecie{width:400px;
height:266px;}

.slowacja{width:400px;
height:301px;}	

.wegry{width:400px;
height:264px;}

.irlandia{width:400px;
height: 231px;}

.poligrodzianie{width:450px;
height:186px;}

.gruzja{width:400px;
height:335px;}

#radio_kolor{width:160px;
height:69px;}

#zycie_wawy{width:190px;
height:24px;
margin-top: 40px;}

#awf{width:90px;
height:90px;}

#promni{width:79px;
height:90px;}

#radiodlac{width:150px;
height:75px;}

/* --- TEKST --- */


h1{font-size:1.4em;
font-weight: normal;
padding: 0;
color:#d1390e; 
margin-bottom: 0;
margin-top: 0;}

h2{font-size: 1.1em;
font-weight: normal;
padding: 0px;  
margin: 0px;
}

h2.linki_polska{font-size:1.3em;
font-weight: normal;
padding: 0;
color:#d1390e;
margin:auto 6px auto 6px;}

h3{font-size:1.2em;
color:#ac1a04;
font-weight: normal; }

span{font-style: italic; }
.center{text-align:center;}
	
.margines_gorny {
	padding-top: 5px;
	}
p.czerwonytekst{font-size:1.3em;
color:#d1390e;}	

p.podpistekst{margin:0 auto;}	

ol{text-align:justify;}
ul{list-style-type:disc; }


.times{font-family: "Times New Roman";
       font-weight: bold;
			 font-size: medium; }
			 
.verdana{font-family: verdana;}

/*---UKLAD TRZY KOLUMNOWY DLA PLAKATOW Z FLAGAMI---*/

.prawa{float:right;
}

.srodek{text-align:center;}

.lewa{float:left;}


/* --- LINKI --- */	

a.link {
	display: block; 
	height: 100%; 
	width: 100%;
	}

a.metka {
	color:#f07c26;
	font-family: "Times New Roman";
	text-decoration: none;
	font-size: 1.1em;
	}
	
a.metka:hover {
	color: #d1390e;
	}	
	
a.ang {
	color: #000;
	text-decoration: none;
	font-size: 1.1em;	
	padding: 8px 0 0 15px;
	display: block;
	}
	
a.ang:hover {
	color: #d1390e;
	}	
	
a.doc{
 font-weight: normal;}
 
a.doc:hover{color:#f07c26;
 font-weight: normal;}
a.kontakt{text-decoration: underline; 
color:#d1390e;} 
a.kontakt:hover{ 
color:#f07c26;}
 
a.w{font-size:1.2em;} 

a.powrot{font-size: 1.3em;} 

a{color:#800000;
text-decoration: none;
}

a:hover{color:#d1390e;
text-decoration: none;
}

.linki_poziome{margin:auto 6px auto 6px;
font-size:0.85em; }

.linki_poziome:hover{margin:auto 6px auto 6px;
font-size:0.85em; }

.linki_poziomeb{margin:auto 6px auto 26px;
font-size:0.85em; }

.margines{margin-top:70px;}

a.zielony{color:#009500;
font-size:1.4em;
text-decoration:underline;
margin-left:150px;
}
a.zielony:hover{
text-decoration:none;}

#p_honorowy {
float: left;
text-align: center;
width: 250px;
}

#p_finansowanie {
float: right;
text-align: center;
width: 250px;
}

#p_medialny {
float: left;
width: 250px;
text-align: center;
}

#p_wspolorganizatorzy {
float: left;
width: 250px;
text-align: center;
}

.lewy {
width: 50%;
float: left;
}

.prawy {
width: 50%;
float: right;
}


/***PROGRAM***/
TABLE {
    border-collapse : collapse;
    border          : solid 1px #e7780a;
		text-align:left;
		width:100%;
}
TD {
    border  : solid 1px #e7780a;
    padding : 8px;
}
TH {
    border      : solid 1px #e7780a;
    padding     : 8px;
}

.data{width:13%}
.miejsce{width:38%}
.godzina{width:10%}
.zespoly{width:39%}