/* CSS Document */
/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 

* {margin:0; padding:0;} /*zeruje wszystkie marginesy i dopełnienia */
body {
	background:#09457F url(../img/mainBG.gif) center repeat-y;
	color: #094680;
	font:12px Tahoma, Verdana, Helvetica, sans-serif;
	text-align:center;
}
body#szkola { background-image:none; background-color:#E9ECF0; text-align:left; padding:10px;}
body#szkola img.pix {padding:5px; background-color:#fff; border:1px solid #ccc; margin:0 10px 10px 0; }
body#szkola h1 {font-family:"trebuchet ms"; font-size:20px; margin-bottom:10px;}
body#szkola dt {font-weight:bold; margin:10px 0 5px 0;}
/* glowna formatowania */ 
/*#outer{
	min-height:100%;
	margin-right:auto;
	background:#0C538D url(../img/mainBG.gif) repeat-y;
	margin-bottom:-1px;
	color: #666;
	width:790px;
	position:relative;
}*/
 
/** html #outer{height:100%} /*for IE as IE treats height as min-height anyway*/*/



/*#clearfooter{clear:both;height:1px;}/*needed to make room for footer*/*/

div,p  {margin-top:0}/*clear top margin for mozilla*/
/** html #content {height:0.1%; margin-bottom:1px}*/
/* combat IE's 3 pixel jog  tresc*/
#content {position:relative;  width:969px; margin:0 auto; text-align:left;}

/* css stuff below is just for presentation and not needed for the demo */
html > body  #minHeight {float:left;width:0px;height:100%; margin-bottom:-1px;} /*safari wrapper thanks to Tim Connor*/

.klir {clear: both; overflow: hidden;}
.clear {clear:both;   
	height: 1px;
  overflow: hidden;
  line-height: 1px;
  margin-top:-1px;}
img {border:0;}

a {
	color: #0A97F5;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
	color: #87C9F8;
}
a.more {background:url(../img/more.gif) right no-repeat; display:block; margin:5px 0; width:44px; height:9px;}
a.more span {position: absolute; left: 0px; top: -500px; overflow: hidden; }
.none {position: absolute; left: 0px; top: -500px; overflow: hidden;}

.cInput {background-color:#E0F1FB; font-size:12px; border:1px solid #1E73AF; width:180px; overflow:auto; color:#1E73AF;}
.cInput:focus, textarea:focus {background-color:#fff;}
textarea {background-color:#E0F1FB; border:1px solid #1E73AF; width:180px;  color:#1E73AF;}
.subm { background:url(../img/submBG.gif) repeat-x; height:20px; color:#fff; font-size:10px; font-weight:bold; padding:0 5px 0 5px; border:0;}




#header{

	width:969px;
	height:206px;
	z-index:1;

}

/*#clearheader{height:207px;}*//*needed to make room for header z-index:100 */ 

div#lewa {width:223px; float:left; position:relative;}
div#lewa .logo {position:absolute;}

div#lewa .cienLeft {width:14px; height:254px; background:#fff url(../img/leftLeft.jpg) no-repeat; float:left;}
div#lewa .menu {width:197px;  float: left; margin:0 5px; background:#0C74D6 url(../img/leftBG.gif) top repeat-x; min-height:379px;}

div#lewa .menu dl {background:url(../img/ulBG.jpg) top left no-repeat; min-height:209px;font-weight:normal;padding-top:7px;}
div#lewa .menu li {background:url(../img/dash.gif) bottom repeat-x; text-align:right; list-style:none; height:1%;}
div#lewa .menu li a {background:url(../img/arrow.gif) 98% 10px no-repeat; display:block; padding:5px 15px 5px 0; text-decoration:none; color:#fff;}
div#lewa .menu li a:hover {background:url(../img/arrow.gif) 96% 10px no-repeat; color:#0A97F5;}
div#lewa .menu .cien {width:207px; background:transparent url(../img/menu-top.jpg) no-repeat; height: 5px;}


div#prawa {position:relative;float:left; min-height: 800px; width: 746px;  padding: 0 0 10px 0; background:transparent url(../img/przybory.jpg) right 29px no-repeat;}

div#prawa .witamy { margin: 20px 50px 20px 170px;}

div#prawa ul.menu {height:22px; background:#fff url(../img/contBG.gif) repeat-x; width:100%;padding-top:7px;}
div#prawa ul.menu li {display:inline; padding-left:5px;padding-right: 13px; list-style:none;}

div#prawa ul.menu li a {height:12px; font-weight:bold;text-decoration:none;}


div#prawa ul.menu li.system a {}


div#prawa ul.menu li.partner a {}


div#prawa ul.menu li.down a {}


div#prawa ul.menu li.kontakt a {}


div#prawa ul.menu li.find a {}


div#prawa ul.menu li.projekty a {}



div#korzysc {margin-left:10px;}
div#prawa div.catBox {float:left; width:230px; margin:0 10px 20px 0;}
div#prawa div.catBox h3 {font-family:"trebuchet ms"; font-size:14px; margin-bottom:5px}
div#prawa div.catBox h3 a {text-decoration:none;}
div#prawa div.catBox img {float:left; margin:0 5px 5px 0; }

div#prawa div.catBox_ {float:left; width:200px; margin:0 5px 5px 0;}
div#prawa div.catBox_ img {float:left; margin:0 5px 5px 0; }
div.korzysc h4 {font-size:12px; margin:5px 0;}

div#prawa div.tresc {position:relative;}
div.tresc h3 {color:#0A97F5; font-size:14px; font-family:"trebuchet ms";}
div.tresc h3.tyt {color:#f00;}
div.tresc h3.tyt span {color:#0A97F5}
div.tresc h4 {font-size:11px;}
div.tresc ol, div.tresc ul {}
div.tresc ul li {list-style:none; background:url(../img/arr.gif) 0 5px no-repeat; padding-left:10px;}
div.tresc ul li ul li {background:url(../img/dot.gif) 0 6px no-repeat; padding-left:10px;}
div.tresc p {}
div.tresc p:first-letter {padding-left:20px;}
div#legenda {position:absolute;margin-left:135px;width:35px;height:30px;background:red}
div#legenda_tresc {position:absolute;margin-left: 185px;margin-top:10px;color: black}
div#partner h4 {color:#f00; font-size:12px; margin:5px 0;}

div#szkoly object {position:absolute; z-index:1; top:0; left:240px;}
div#szkoly div.spis {position:relative; z-index:969; padding:10px 0 0 0; width:240px;}
div#szkoly div.spis dl {margin:10px 0;}
div#szkoly div.spis dt {font-weight:bold; margin:10px 0 5px 0;}
div#szkoly div.spis dd {margin-bottom:10px; list-style-type:decimal; padding-left:20px;}
div#szkoly  .offset {font-size:10px; color:#FF2020;} 
div#szkoly  .offset {color:#FF2020;}

div.tresc2{margin:0px 20px 20px 20px;text-align: justify;}
div.tresc2 ol, div.tresc ul {margin:0px 0 10px 15px;}
div.tresc2 ul li {list-style:none; background:url(../img/arr.gif) 0 5px no-repeat; padding-left:10px; margin-bottom:5px;}
div.tresc2 ul li ul li {background:url(../img/dot.gif) 0 6px no-repeat; padding-left:10px;}
div.tresc2 p {margin:0px 0;}
div.tresc2 p:first-letter {padding-left:0px;}


dl.pliki dt {font-weight:bold;}
dl.pliki dd {margin-bottom:10px;}
dl.pliki dd.kreska {background:url(../img/kreska.jpg) no-repeat top; margin-top:2px;padding-top:10px;}
dl.pliki dt span {position: absolute;right:10px;font-weight:normal;font-size:10px}
dd.kreska ul li p {margin:0px;}
dd.kreska ul li p:first-letter {padding-left:0px;}
a.admin {position: absolute;bottom:-10px;width:5px;height:5px;}

table.form {width:100%; margin:15px 0 15px 0; border-bottom:1px solid #1E73AF;}
table.form td {padding:3px; border-top:1px solid #1E73AF; color:#1E73AF;}
table.form td.c1 {text-align:right; }
table.form tr.r2 td {background-color:#EDF7FD;}

div.card {border:1px solid #23155d; width:460px; border-bottom:5px solid; margin-bottom:20px;}
div.inner { padding:40px 10px 10px 250px; width:200px; height:140px; background:#fff url(../img/logo.gif) 20px 20px no-repeat; border-bottom:10px solid #0093dd;}
div.inner_rd { padding:40px 10px 10px 250px; width:200px; height:140px; background:#fff url(../img/rd.jpg) 20px 20px no-repeat; border-bottom:10px solid #0093dd;}
div.inner_marzena { padding:40px 10px 10px 250px; width:200px; height:140px; background:#fff url(../img/logo.gif) 20px 20px no-repeat; border-bottom:10px solid #0093dd;}
div.card p:first-letter {padding:0;}

/*footer */
div#footer {
width:969px;
position: relative;
margin:0 auto;
text-align:left;
background:#09457F url(../img/footerBG.gif) top repeat-x;

height:70px;
}

div#footer div.colBott { background:url(../img/colBott.gif) top no-repeat; width:217px; height:9px; margin-left:10px;}

div#footer div.meadow {background:#fff url(../img/meadow.jpg) top no-repeat; width:197px; height:430px; position:absolute; left:19px; top:-430px;}
div#footer div.meadow p {margin:342px 20px 10px 20px;}



/*========================kalendarz===================================*/
#glowny {position:relative;margin:20px auto;width:280px; height: 300px;border:3px solid ; background:#EDF7FD}
                  #miesiac {position:relative;width:280px;height:40px;text-align:center;border-bottom:1px solid;background:#0A97F5}
                  #miesiac h3{position:relative;top: 10px;color:white;font:22px,arial}
                  /*#dnityg {position:relative;}*/
                table.tglo {position:relative;top:20px;width:100% ;height:15em}
                table.aaa {width:100%; text-align:center;height:12em}

                  table.dnityg {text-align:center;}
                  td a{text-decoration:none}
                  td b{color:#0A97F5}
                  td.szkolenia {background:#FF0000;text-align:center}
                  td.szkolenia a{color:white}
                  td.niedziela b{color:#FF0000;}

                  /*a.link {text-decoration:none;}*/

                  a.prawy {position:absolute;top:10px;color:red;text-decoration:none}
                  a.lewy  {position:absolute;top:10px;left:262px;color:red;text-decoration:none}

/*=========================ćwiczenia=================================*/

div.pytania {
        position:relative;
	background-color:white;
	margin: auto;
	margin-left:5px;
	margin-right:5px;
	
	padding:10px;
	

        	
	font-family : Verdana;
	font-size : 11px; }
	
	div.pytania_k {
        position:relative;
	background-color:white;
	margin: auto;
	margin-left:5px;
	margin-right:5px;
	
	padding:20px 145px;
	

        	
	font-family : Verdana;
	font-size : 11px; }
	
div.pytania_b {
        position:relative;
	background-color:white;
	margin: auto;
	margin-left:5px;
	margin-right:5px;
	
        padding:10px;
	border:1px solid;

        	
	font-family : Verdana;
	font-size : 11px; }

div.pytania_bb {
        position:relative;
	background-color:#f1f1f1;
	margin: auto;
	margin-left:5px;
	margin-right:5px;
	
	padding:10px;
	

        	
	font-family : Verdana;
	font-size : 11px; }
	
div.pytania_bb b {
        color:black}
td.tt {
    padding:5px;
    margin:auto;

	


	
        	

	font-size:11px; }


	
div.okno_b {
	background-color: #E7E7BF;
	
	

	font-family : Verdana;
	font-size : 12px; }
	
div.okno {
	background-color: #E7E7BF;
	
	
	border: 1px solid black;
	font-family : Verdana;
	font-size : 12px; }
	
div.linia{
    border-bottom-color: #D9ECFF;
    border-bottom-width:2px;
    border-bottom-style: solid;


    }
div.pytania input{
        background-color: #f2f2f2;
	color: navy;
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	text-decoration : none;
	font-weight : none;
	padding:1px;
	margin-left:2;
	margin-right:2;
	}

div.obrazek{
    position:absolute;
    left:500px;
    top:10px;

    background: white url(../img/right.gif) no-repeat;
    display: block;

    width:15px;
    height:15px;
    }
div.obrazek_nie{
    position:absolute;
    left:500px;
    top:10px;

    background: white url(../img/wrong.gif) no-repeat;
    display: block;

    width:15px;
    height:15px;
    }
    
div.obrazek_{
    position:relative;
    left:450px;
    top:-20px;

    background: white url(../img/right.gif) no-repeat;
    //display: block;

    width:15px;
    height:15px;
    }
div.obrazek__nie{
    position:relative;
    left:450px;
    top:-20px;

    background: white url(../img/wrong.gif) no-repeat;
    //display: block;

    width:15px;
    height:15px;
    }

    
div.punktacja{
    text-align:right;
    color:black

}

div.podsumowanie{
    width:auto;
    height:50px;
    background-color:yellow;
    border:1px solid red;
    padding-top:25px;
    text-align:center;
    color:black;
    }
    
div.gratulacje{
    width:auto;
    height:auto;
    background-color:white;
    border:1px solid black;
    padding:5px;
    text-align:left;

    }

div.naglowek{
    width:auto;
    height:auto;
    background-color:transparent;


    text-align:left;
    color:black;
    }
div.naglowek h4{
    font-family : Verdana;
    font-size:16px;
	

    }
    

div.wielokrotny{
    margin-left:250px;
    border:1px solid;
    margin-top:-15px;}
    
}






input{
        background-color: #f2f2f2;
	color: navy;
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	text-decoration : none;
	font-weight : none;
	padding:1px;
	margin-left:2;
	margin-right:2;
	}
	

    


td.obrazek_nie{

    background: url(../img/wrong.gif) no-repeat;
    float:center;
    text-align:center;



    width:15px;
    height:15px;
    }
td.obrazek{

    background: url(../img/right.gif) no-repeat;
    float:center;
    text-align:center;



    width:15px;
    height:15px;
    }

 td b {
     color:black;
     }

/*================tabelka====================================*/

.naglowek
	{

	height:55px;
	width: 100%;
	color:black;
	
	position:relative;
	 }
	
		
	td.tab {
		width: 70pt;
		height: 50pt;
		color:black;
		background:#99CCFF;
		
		border:solid #99CCFF .5pt;
		padding: 2px;
	
	}
	
	
	td.white {
		width: 70pt;
		height: 50pt;
		color:black;
		background:white;
		
		border:solid white .5pt;
		padding: 2px;
	
	}
	
td.tab1 {
		width: 70pt;
		height:20pt;
		padding: 2px;
		text-align: center;
		background: Navy;
		color: white;
		border:solid navy .5pt;
	
	
	}
td.tab2 {
		width: 89pt;
		padding: 2px;
		text-align: center;
		text-decoration: none;
		
		
		background: #FF8000;
		color: white;
		border:solid #FF8000 .5pt;
	
	
	}
	
td.tab2 a {
		text-decoration: none;
		color:black;
		
		
	
	}
	
td.tab2 a:hover {
		text-decoration: none;
		color:white;
		
		
	
	}
	
td.tab a {
		text-decoration: none;
		color:black;
		
		
	
	}
	
td.tab a:hover {
		text-decoration: none;
		color:black;
		
		
	
	}

	
	
	.tabela_glowna {

	
	height:440px;
	width: 98%;
	color:black;
	
	
	
	position:relative;
	
        overflow:auto; }
        
 .pr{
 background:#808080;
 padding:2px;
 width:150px;
 margin-bottom:20px;
 
 }




.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 11px;
	font-weight: normal;
	font-family: 'Andale Mono', sans-serif;
}
 
.element {
 
}
 
.element p {
	margin: 0;
	padding: 4px;
}
 
.float-right {
	padding:10px 20px;
	float:right;
}
 
blockquote {
	text-style:italic;
	padding:5px 0 5px 30px;
}

.content_action
{
position: fixed;
left:0px;
top:0px;
background-color: #FFFFFF;
layer-background-color: #FFFFFF;
height: 100%;
width: 100%;
display: none;
}