/* author: Michal Wlodarczyk - 2007 */
/* Main rules */
html { min-width: 780px; }
body { background-color: #7880fd; font: 11px/17px Verdana, Geneva, Arial, Helvetica, sans-serif;  padding: 0px; color: white; text-align: center; margin: 0px; background-image: url(../img/bg.gif); background-repeat: repeat-x; text-align: }

div#container { width: 702px; height: 560px; margin: 0px auto 40px auto; position: relative; background-image: url(../img/top.jpg); background-repeat: no-repeat; background-position: 0 0px; left: 65px;}
div#container2 { width: 863px; height: 500px; margin: 0px auto 40px auto; position: relative; background-image: url(../img/top.jpg); background-repeat: no-repeat; background-position: 0 0px;}
div.logo {position: absolute; background-image: url(../img/logo.gif); background-repeat: no-repeat; background-position: 0 0; width: 380px; height: 231px; left: 117px; top: 22px;}
div.logo2 {position: absolute; background-image: url(../img/logo2.jpg); background-repeat: no-repeat; background-position: 0 0; width: 242px; height: 231px; left: 497px; top: 22px;}
div.buttons {position: absolute; background-image: url(../img/butonnew.jpg); background-repeat: no-repeat; background-position: 0 0; width: 702px; height: 253px; left: 0px; top: 283px;}
div.hid {position: absolute; top: -9999px; left: -9999px;}
div.dane {position: absolute; background-image: url(../img/dane.jpg); background-repeat: no-repeat; background-position: 0 0; width: 589px; height: 54px; left: 70px; top: 540px;}

a.wej {position: absolute; background-repeat: no-repeat; background-position: 0 0; width: 142px; height: 35px; text-indent: -9999px; top: 321px; left:136px;}
a.wej:hover {background-image: url(../img/wejscie.jpg); }
a.wej2 {position: absolute; background-repeat: no-repeat; background-position: 0px 0px; width: 142px; height: 35px; text-indent: -9999px; top: 321px; left:451px;}
a.wej2:hover {background-image: url(../img/entrez.jpg); }

div.pl_flag{position: absolute; width:32px; height: 23px; top: 210px; left: 82px; background-image: url(../img/pl_50.jpg); }
div.fr_flag{position: absolute; width:32px; height: 23px; top: 210px; left: 115px; background-image: url(../img/fr_50.jpg); }
a.pl {position: absolute; width:32px; height: 23px; top: 210px; left: 82px; background-image: url(../img/pl_50.jpg); }
a.pl:hover {background-image: url(../img/pl_100.jpg); }
a.fr {position: absolute; width:32px; height: 23px; top: 210px; left: 115px; background-image: url(../img/fr_50.jpg); }
a.fr:hover {background-image: url(../img/fr_100.jpg); }

a.program {position: absolute; background-image: url(../img/m_program.gif); background-repeat: no-repeat; background-position: 0 0; width: 118px; height: 40px; text-indent: -9999px; top: 290px; left:60px;}
a.program:hover {background-image: url(../img/m_program_c.gif); }
a.projekty {position: absolute; background-image: url(../img/m_projekty.gif); background-repeat: no-repeat; background-position: 0 0; width: 118px; height: 40px; text-indent: -9999px; top: 290px; left:180px;}
a.projekty:hover {background-image: url(../img/m_projekty_c.gif); }
a.organizacja {position: absolute; background-image: url(../img/m_organizacja.gif); background-repeat: no-repeat; background-position: 0 0; width: 118px; height: 40px; text-indent: -9999px; top: 290px; left:300px;}
a.organizacja:hover {background-image: url(../img/m_organizacja_c.gif); }
a.kronika {position: absolute; background-image: url(../img/m_kronika.gif); background-repeat: no-repeat; background-position: 0 0; width: 118px; height: 40px; text-indent: -9999px; top: 290px; left:420px;}
a.kronika:hover {background-image: url(../img/m_kronika_c.gif); }
a.nauczyciele {position: absolute; background-image: url(../img/m_nauczyciele.gif); background-repeat: no-repeat; background-position: 0 0; width: 118px; height: 40px; text-indent: -9999px; top: 290px; left:540px;}
a.nauczyciele:hover {background-image: url(../img/m_nauczyciele_c.gif); }

a.projektecole {position: absolute; background-image: url(../img/m_projektecole.gif); background-repeat: no-repeat; background-position: 0 0; width: 118px; height: 40px; text-indent: -9999px; top: 290px; left:60px;}
a.projektecole:hover {background-image: url(../img/m_projektecole_c.gif); }
a.projets {position: absolute; background-image: url(../img/m_projets.gif); background-repeat: no-repeat; background-position: 0 0; width: 118px; height: 40px; text-indent: -9999px; top: 290px; left:180px;}
a.projets:hover {background-image: url(../img/m_projets_c.gif); }
a.organisation {position: absolute; background-image: url(../img/m_organisation.gif); background-repeat: no-repeat; background-position: 0 0; width: 118px; height: 40px; text-indent: -9999px; top: 290px; left:300px;}
a.organisation:hover {background-image: url(../img/m_organisation_c.gif); }
a.chroniques {position: absolute; background-image: url(../img/m_chroniques.gif); background-repeat: no-repeat; background-position: 0 0; width: 118px; height: 40px; text-indent: -9999px; top: 290px; left:420px;}
a.chroniques:hover {background-image: url(../img/m_chroniques_c.gif); }
a.nosensei {position: absolute; background-image: url(../img/m_nosensei.gif); background-repeat: no-repeat; background-position: 0 0; width: 118px; height: 40px; text-indent: -9999px; top: 290px; left:540px;}
a.nosensei:hover {background-image: url(../img/m_nosensei_c.gif); }

div.be_prog {position: absolute; background-image: url(../img/belka_program.gif); background-repeat: no-repeat; background-position: 0 0; width: 549px; height: 50px; left: 85px; top: 360px;}
div.be_pkty {position: absolute; background-image: url(../img/belka_projekty.gif); background-repeat: no-repeat; background-position: 0 0; width: 549px; height: 50px; left: 85px; top: 360px;}
div.be_org {position: absolute; background-image: url(../img/belka_organizacja.gif); background-repeat: no-repeat; background-position: 0 0; width: 549px; height: 50px; left: 85px; top: 360px;}
div.be_kr {position: absolute; background-image: url(../img/belka_kronika.gif); background-repeat: no-repeat; background-position: 0 0; width: 549px; height: 50px; left: 85px; top: 360px;}
div.be_nau {position: absolute; background-image: url(../img/belka_nauczyciele.gif); background-repeat: no-repeat; background-position: 0 0; width: 549px; height: 50px; left: 85px; top: 360px;}

div.be_prog_fr {position: absolute; background-image: url(../img/belka_projetecole.gif); background-repeat: no-repeat; background-position: 0 0; width: 549px; height: 50px; left: 85px; top: 360px;}
div.be_pkty_fr {position: absolute; background-image: url(../img/belka_projets.gif); background-repeat: no-repeat; background-position: 0 0; width: 549px; height: 50px; left: 85px; top: 360px;}
div.be_org_fr {position: absolute; background-image: url(../img/belka_organisation.gif); background-repeat: no-repeat; background-position: 0 0; width: 549px; height: 50px; left: 85px; top: 360px;}
div.be_kr_fr {position: absolute; background-image: url(../img/belka_chroniques.gif); background-repeat: no-repeat; background-position: 0 0; width: 549px; height: 50px; left: 85px; top: 360px;}
div.be_nau_fr {position: absolute; background-image: url(../img/belka_nosensei.gif); background-repeat: no-repeat; background-position: 0 0; width: 549px; height: 50px; left: 85px; top: 360px;}

div.main {padding: 320px 0px 0px 0px;}
div.menu, div.menufr {padding: 0px 130px 0 120px ; margin: 0px;}
div.menu ul, div.menufr ul {margin: 0px 0 0 15px; padding: 0 0px 0px 0px; position: relative; height: 49px;}
div.menu ul li {list-style: none; margin: 0px; padding: 0px; background-image: url(../img/menu.gif); background-repeat: no-repeat; position: absolute; height: 49px;}
div.menufr ul li {list-style: none; margin: 0px; padding: 0px; background-image: url(../img/menufr.gif); background-repeat: no-repeat; position: absolute; height: 49px;}
div.menu ul li a, div.menufr ul li a {display: block; height: 49px; text-indent: -9999px; text-decoration: none;}
li.l1 {top: 0px; left: 0px; width:110px; background-position: 0 0;}
li.l1 a {}
li.l2 {top: 0px; left: 110px; width:110px; background-position: -110px 0;}
li.l3 {top: 0px; left: 220px; width:120px; background-position: -220px 0;}
li.l4 {top: 0px; left: 340px; width:110px; background-position: -340px 0;}
li.l5 {top: 0px; left: 450px; width:130px; background-position: -450px 0;}

/*  div.pp {background-image: url(../img/packa.gif); background-repeat: no-repeat; background-position: 0 0;}
div.intr { background-repeat: no-repeat; background-position: 0 0; margin: 40px 0 0 30px;}*/


/* !!!!!!!!!!!!!!!!!!w div.content margin-top na 90px po wyrzuceniu bannera!!!!!!!!!!!!!!!!!!!! */
div.content {background-image: url(../img/color_moj.gif); background-repeat: repeat-y; background-position: 85px 0px; margin-top: 30px; padding: 0 0 0 110px; text-align: left; background-color: transparent;}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

div.domtab {margin: 0px; padding: 0px;}
div.domtab ul.domtabs li {}
div.domtab ul.domtabs li a:hover {color: white;}
ul.domtabs li  { font-size: 11px; font-family: Tahoma;margin: 0px; padding: 0px;}
div h5 {font-family: Verdana, sans-serif; font-size: 12px; font-weight: bold; color: #fedc00; text-decoration: none; margin-bottom: 15px;}
h3 { padding: 30px 0px 0px 0px; font: Tahoma, Arial, sans-serif; font-weight: bold; font-size: 18px; color: #fedc00;}

div.intr p {width: 500px;}
div.intr p.cl {font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; color: yellow; margin: 20px 0 20px; 0;}
p.emi {font-style: italic;}

/*img.projekty_foto {position: absolute; width: 235px; height: 281px; top: 369px; left: 468px;} */
img.program_foto {position: absolute; width: 235px; height: 341px; top: 369px; left: 468px;}
img.n_foto {position: absolute; width: 252px; height: 250px; top: 650px; left: 392px; float: right; margin: 20px;}

div.intr ol li {font-family: Tahoma;}
div.intr a {font-family: Verdana, sans-serif;  color: #fedc00; text-decoration: none;}
div.intr a:hover {text-decoration: underline;}
div.intr ol li a {font-family: Verdana, sans-serif; font-size: 12px; font-weight: bold; color: #fedc00; text-decoration: none; }
h6 {font-family: Verdana, sans-serif; font-size: 12px; font-weight: bold; color: #fedc00; text-decoration: none; margin-bottom: 15px; text-decoration: underline;}
div.intr ol li a:hover {color: white;}
div.intr ul {padding: 0px; margin: 10px 0px 0 0;}
div.intr ul li {list-style: circle; margin-left: 20px;}
div.foot {text-align: left; padding: 22px 160px 20px 200px ;}
div.foot a {color: yellow; text-decoration: none;}
div.foot a:hover {color: yellow; text-decoration: underline;}

div.jasmin {
position: relative;
left: 110px;
width: 500px;
padding: 0px;
text-align: center;
}
div.jasmin a {color: white; text-decoration: none;}
div.jasmin a:hover {color: white; text-decoration: underline;}

span.tirli {color: yellow; font-family: Tahoma, sans; font-weight: bold;}

/* lightbox -- */

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#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: transparent url(../images/blank.gif) no-repeat; /* 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;
	color: black;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; color: black; padding-bottom: 10px; padding-top: 1px; }	
#imageData #caption{ color: #363942; font-size: 11px; }
#imageData #numberDisplay{ display: none; clear: left; color: black; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
.qs a img {border: none;}