@charset "UTF-8";
* {
  
	margin: auto 0;
	padding: 0;
  zoom:1 ;
       }
body {background:#F1F1F1;
	font: 18px Arial,Helvetica,Verdana,FreeSans,sans-serif;;
	color: black;
	text-align: center;
}
.burton{font-size: xx-large;}
div#tyt{top:-70px;   padding-left: 5px; position:relative; text-align: center;}
div#tyt1{top:-75px; left:-20px; position:relative;}
div#glow{top:0px; left:0px; position:relative;}
.info {
font: 14pt Arial,Helvetica,Verdana,FreeSans,sans-serif;
margin-top: 10px;
	margin-right: 30px;
	margin-left: 30px;
	
	text-align: left;
	line-height: 25px;
	text-indent: 80px;

}

.info1 {
font: 14pt Arial,Helvetica,Verdana,FreeSans,sans-serif;
margin-top: 10px;
	margin-right: 30px;
	margin-left: 30px;

	text-align: left;
	line-height: 25px;
	text-indent: 0px;

}
#menu dt {
	background: #E9E9E9;
	display: block;
	float: left;
	margin: 7px;
	margin-top: 0px;
	padding: 2px 5px 2px 5px;
	font-weight: bold;
	font-size: 12pt;
	border: 3px ridge #9B99B9;
	border-radius: 10px;
	position: relative;
 color: #310062;
}
#menu dt:hover {
	color: white;
	background: black;
	
}
#menu dt:active {
	background-color: silver;
}


#menu dt:visit {
	color: #9B0000;
}
# menu dt.active 
a { color: #310062;text-decoration:none}

#menu dd {
  margin-top:280px;

	position: absolute;
	font-size: 20pt;
	color: #800000; 
  display: block;text-align:center; } 
#menu dd.chem {
	margin: 180px 0px 0px -45px;
	 }
a {text-decoration: none; 
                          border:;
}
span{
text-decoration:none;  color: #6F0000;}
#back{
color:#B70000;}

h1 {
display: inline; background: url(../obrazki/yest.png) no-repeat;
                border: 1px solid #808080;
                
                        padding: 23px 37px 29px 39px;
margin-bottom:0px;
                        }
.music{padding-left:25px;}
h4{font: 1em arial, serif;text-align: center; font-weight: bold;margin: 5px 0px 5px 0px;}
h5#pole {font: 12px ;text-align: left; margin: -60px 60px -15px 100px;}
h5{font: 1em arial;color:black;text-align: left;line-height: 200%;margin-top:0;padding:0;display: block;
	}
h5#klawiatura{font: arial;color:black;text-align: left;line-height: 140%;display: block;
	}
h6{margin-left: 100px;
   ;background: #F0F0F0;
	display: block;
	float: left;
	
	padding: 2px 5px 2px 5px;
	font-weight: bold;
	font-size: 12pt;
	border: 3px ridge #9B99B9;
	border-radius: 10px;
	position: relative;
 color: #310062;}
.mus{ margin-top:20px;margin-left: 120px;}
h6:hover {
	color: white;
	background: black;
	
}
h6:active {
	background-color: silver;
}
hr {
	margin: 20px 20px 5px 20px;color:black:;
}
.wpis{
	margin: 5px 20px 15px 20px;color:black:;
}
p {
	margin-top: -60px;
	margin-right: 20px;
	margin-left: 20px;
  margin-bottom: 0px;
	
	text-align: left;
	line-height: 25px;
	
	
}
a#avatar {
	width: 87px;
	height: 61px;
	display: block;
	background: url(../obrazki/poczta.png) no-repeat;
}
a#avatar:hover {
	background-position: 0 -61px;
}
a#avatardru {top:-40px;
margin-left:680px;
margin-bottom:-45px;
position:relative;
	width: 224px;
	height: 59px;
	display: block;
	background: url(../obrazki/druk.png) no-repeat;
}
a#avatardru:hover {
	background-position: 0 -59px;
}
a#avatardrue {top:-40px;
margin-left:270px;
margin-bottom:-45px;
position:relative;
	width: 224px;
	height: 59px;
	display: block;
	background: url(../obrazki/druke.png) no-repeat;
}
a#avatardrue:hover {
	background-position: 0 -59px;
}

a#avatardrur {top:-35px;
margin-left:255px;

position:relative;
	width: 224px;
	height: 59px;
 position:relative; 
	display: block;
	background: url(../obrazki/druk.png) no-repeat;
}
a#avatardrur:hover {
	background-position: 0 -59px;
}
a#avatardrurx {top:-55px;
margin-left:235px;

position:relative;
	width: 224px;
	height: 59px;
 position:relative; 
	display: block;
	background: url(../obrazki/druk.png) no-repeat;
}
a#avatardrurx:hover {
	background-position: 0 -59px;
}
a#avatardrure {top:-30px;
margin-left:240px;

position:relative;
	width: 224px;
	height: 59px;
 position:relative; 
	display: block;
	background: url(../obrazki/druke.png) no-repeat;
}
a#avatardrure:hover {
	background-position: 0 -59px;
}
a#avatardrum {top:-50px;
margin-left:600px;
margin-bottom:-80px;
position:relative;
	width: 224px;
	height: 59px;
	display: block;
	background: url(../obrazki/druk.png) no-repeat;
}
a#avatardrum:hover {
	background-position: 0 -59px;
}
a#avatardrume {top:-50px;
margin-left:600px;
margin-bottom:-80px;
position:relative;
	width: 224px;
	height: 59px;
	display: block;
	background: url(../obrazki/druke.png) no-repeat;
}
a#avatardrume:hover {
	background-position: 0 -59px;
}
a#avatargl {top:80px;
margin-left:20px;
	width: 86px;
	height: 56px;
	display: block;
	background: url(../obrazki/glownap.png) no-repeat;
position:relative;
}

a#avatargl:hover {
	background-position: 0 -56px;
}
a#avatargle {top:80px;
margin-left:20px;
	width: 86px;
	height: 56px;
	display: block;
	background: url(../obrazki/glownape.png) no-repeat;
position:relative;
}

a#avatargle:hover {
	background-position: 0 -56px;
}
.tablica{ text-align: center;
                width: 985px; top:-20px;                            
               
         }
table{text-align: center;}
div#karta {	
	width: 980px;
	height: auto;
	text-align: left;

 position:relative; 
}
.tlo{background:yellow;}
    div#css {top:-72px;left:415px;width:30px; height:17px; position:relative;display:block; border-top: 2px outset #DADADA;
                                                                             border-right: 2px outset silver;
                                                                             border-bottom: 2px outset silver;
                                                                             border-left: 2px outset #DADADA; }
	 div#tlo {top:-92px;left:455px;width:25px; height:14px; position:relative;   
	
       }
textarea{	font: 15pt DejaVu Sans;color: #A40000;
          }

td {
  line-height: 80%;
  border:;
}
.rasa{padding-left:2em;}
.rata{padding-left:3em;}
div#karta1 {

	margin: auto;
	
	width: 980px;

	text-align: left;
top:25px;
 position:relative; 
}
div#etykiety{
padding: 0em auto;
	
	display: block;

top: -10px;
left:480px;
width: 480px;
text-align: top;	
position:absolute; 
}
hr.lin{margin-top: 15px;
       margin-bottom: -10px;}
div#etykiety1{

	
	display: block;

top: 5px;
left:480px;
width: 480px;
height:auto;
margin-bottom:1px;
text-align: center;
line-height:2px;
position:absolute; 
}
div {top:15px;
	margin: 0px auto ;
	width: 980px;position: relative;
}
div#luj{top:-20px;left:-15px ;	width: 1000px;position: relative;}
div#kuj{top:0px;left:-15px ;	width: 1000px;position: relative;}
p#wuj{margin-right: 0px;margin-bottom: 0px;}
div#duj{top:-20px;margin-right: 0px;margin-bottom: -50px;}
div#tlum{ width:700px;}
 a#avatark {

        width: 227px;
        height: 90px;
        display: block;
        background: url('../obrazki/matmap.png') no-repeat;

    }
    a#avatark:hover {
        background-position: 0 -90px;}
a#avatarke {

        width: 227px;
        height: 90px;
        display: block;
        background: url('../obrazki/matmape.png') no-repeat;

    }
    a#avatarke:hover {
        background-position: 0 -90px;}

    a#avatarc {

        width: 227px;
        height: 90px;
        display: block;
        background: url('../obrazki/chemiar.png') no-repeat;
    }
    a#avatarc:hover {
        background-position: 0 -90px;}
a#avatarce {

        width: 227px;
        height: 90px;
        display: block;
        background: url('../obrazki/chemiare.png') no-repeat;
    }
    a#avatarce:hover {
        background-position: 0 -90px;}


    a#avatarr {

        width: 227px;
        height: 90px;
        display: block;
        background: url('../obrazki/chemiap.png') no-repeat;
    }
    a#avatarr:hover {
        background-position: 0 -90px;}
   a#avatarre {

        width: 227px;
        height: 90px;
        display: block;
        background: url('../obrazki/chemiape.png') no-repeat;
    }
    a#avatarre:hover {
        background-position: 0 -90px;}


    a#avataru {

        width: 227px;
        height: 90px;
        display: block;
        background: url('../obrazki/muzykap.png') no-repeat;
       }
    a#avataru:hover {
        background-position: 0 -90px;}
a#avatarue {

        width: 227px;
        height: 90px;
        display: block;
        background: url('../obrazki/muzykape.png') no-repeat;
       }
    a#avatarue:hover {
        background-position: 0 -90px;} 
 ul{margin-left:30px;}
    li{padding:2px;
    margin-bottom: 20px;


        float: left;}
h3{   color:black;font-weight: lighter;margin-top: 15px;}
	
div#linie{
width: 450px;
margin-left: 20px ;
font: 12pt Arial,Helvetica,Verdana,FreeSans,sans-serif;
color: #800000;text-align: left;

 position:relative;         
}
div#poradM {
		text-align: text-align: justify; margin-left:  20px;margin-top:-10px;
	width: 960px;
}
div#poradC {
		text-align: text-align: justify; margin-left:  55px;margin-top:-10px;
	width: 925px;
}
.opis{font-style: italic; font-size: 30px;
       font-family: 'Times New Roman',Times,Georgia,FreeSerif,serif;}
/*--Tooltip Styles--*/
.tip {
	color: black;
	background:#FFFF80;
	display:none; /*--Hides by default--*/
	padding:15px;
	position:absolute;	z-index:1000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; Border: 3px solid #6F0000; width: 440px; margin-top: -122px; left: 260px; display: none;
}
.container {width: 980px; margin: 0px auto; overflow: hidden;}
.tip_trigger:hover{  background: #800000;border-top: 45px solid #800000;
                                         border-right:  none;
                                         border-bottom: none;
                                         border-left:  none;
                              }
/* .op{font-style: italic; */
   
}
.klawiatura{border: 1px solid #808080; border-radius: 0.2em;}

@media print {
 
  div#karta {display: none;}
   a {display: none;}
  table {display: none;}
   }

@media print {
dl, h1,h4,h5,h3,h2,div#karton, div#karta,div#linie,div#etykiety,  a,textarea, table, hr,button,ins ,sup {
	display: none;}
}