*{
margin: 0;
padding: 0;

}

@font-face {
 src:url(Barme.ttf);
 font-family:"BarmeReczny";
;
}

@font-face {
 src:url(alamakot.ttf);
 font-family:"alamakota";
;
}

@font-face {
 src:url(Elementarz.ttf);
 font-family:"Elementarz";
;
}


BODY{
background-image: url('../img/tlo.jpg');
background-repeat: repeat-x;
margin:0px;

}

DIV#GLOWNA{
width:950px;
position:relative;
margin:0 auto;
z-index: 1;
BORDER:0px solid #ff0000;
min-height:500px;
overflow: hidden;

}

DIV#topbar{
padding-left:12px;
margin-top:5px;
float:left;
width:950px;
height:263px;
background-position: bottom;
border:0px solid #caff00;
overflow: hidden;

}


DIV#lewa{
float:left;
border:0px solid #ff0000;
width:196px;
margin-left:9px;
min-height: 821px;
background-image: url('../img/lewa.png');
padding-left:3px;
background-position: bottom;
background-repeat: no-repeat;

}





DIV#prawa{
float:left;
border: 0px solid #ff0000;
width:732px;
min-height: 150px;
height:821px;
font-family:verdana;
font-size:9px;
background-position: right;
background-repeat: repeat-y;
background-image: url('../img/srodek.png');
}

DIV#dol{
float:left;
width:930px;
height:30px;
background-position: left;
background-repeat: no-repeat;
background-image: url('../img/dol.png');
margin-left:10px;
padding-top:20px;
padding-right:40px;
text-align:right;


}




INPUT, SELECT{
font-size:10px;
text-align:center;
width:180px;
}

INPUT:Hover, SELECT:Hover{

background-color:#EFEFEF;

}


.przycisk{
width:100px;

}


A.linkimenu:link,A.linkimenu:visited,A.linkimenu:active{  
text-decoration:none;
font-weight:none;
border:0px solid #ff0000;
font-family:verdana;
color:#40C33F;
font-family:"Comic Sans MS";
font-weight:none;  
font-size:16px;


}

A.linkimenu:hover
{
text-decoration:none;
font-weight: bold;
border:0px solid #ff0000;
font-family:verdana;
font-family:"Comic Sans MS";
font-weight:none;
font-size:16px;
}


DIV#przycisk{
height:52px;
}


DIV#duzeprzyciski{
background-image: url('../img/tlo_duze_przyciski.png');
Background-color:#222222;
width:718px;
border:0px solid #ff0000;
float:left;
height:310px;
}

DIV#przycisk1{
float:left;
margin-left:0px;
width:236px;
height:310px;
}


DIV#przerwa{
float:left;
width:714px;
height:10px;
}

DIV#przerwa1{
float:left;
width:714px;
height:10px;
}

DIV#tytul1{
padding-top:2px;
float:left;
width:704px;
padding-right:10px;
text-align:right;
height:28px;
background-color:#2E2E2E;
color:#ffffff;
font-size:20px;

}


DIV#opispodstrony{

border: 0px solid #ff0000;
padding-top:10px;
float:left;
width:704px; 
height:455px;
font-size:12px;
padding-left:10px;
overflow-y:auto; 
}



.zdj{

border: 3px  solid #333333;
/*background-image: url('../img/tlobloku.jpg'); */
margin-left:15px;
margin-top:10px;
float:left;
width:200px;
height:180px;
font-size:12px;
text-align:center;
text-decoration: none;
font-weight: bold;
cursor: pointer;
}

.cont_zdjmenu {

margin-left: 3px; 
width: 190px; 
height: 160px;
overflow: hidden;

}

.z{
height: 130px;
float:left;padding-top:2px;width:190px;
margin-top: 20px;
}

.zdjmenu{
z-index:10;
text-align:center;
text-decoration: none;
font-weight: bold;
color:#000000;


}





.znak{
z-index: 100;
margin-top: -150px;
float: left;
margin-left:5px;
border: 10px; solid #ff0000;
}



.znak2{

position: relative;
z-index: 10;
margin-top: -165px;
margin-left:5px;
border:0px solid #ff0000;
cursor:pointer;
}


.zdj2{

border: 0px  solid #333333;
margin-left:0px;
margin-top:0px;
float:left;
font-size:12px;
text-align:center;
text-decoration: none;
font-weight: bold;
}


.buton1 {
width: 172px;
float: left;

}

.buton2 {
width: 130px;
float: left;
}
.buton3 {
width: 100px;
float: left;
}

#duzeprzyciski IMG {
cursor: pointer;
border: 0px;
}


#tabela_dane tr:hover {

background-color: #DFDFDF;
}