body {
 height: 100%;
 font-family: Verdana, Arial, Helvetica, Sans-Serif;
 font-size: 8pt;
 margin: 5px;
 background-color: #FFF;
 background-image: url("graphsite/mainbgnd.png");
 background-repeat: repeat-x;
 }

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

a:link {
 color: #222;
}

a:visited {
 color: #000;
}

a:hover {
 color: #666;
 text-decoration: underline;
}


.strona {
 width: 960px;
 margin-left: auto;
 margin-right: auto;
}

.top {
 float: left;
 width: 960px;
 height: 150px;
 background-image: url("graphsite/margin_gra.png");
 background-repeat: repeat-y;
 background-color: #FFF;
}

.logo {
 float: left;
 width: 230px;
 height: 110px;
 background-image: url("graphsite/logo.png");
 background-repeat: no-repeat; 
 margin-left: 50px;
 margin-top: 20px;
}

.toptext {
 float: right;
 width: 400px;
 height: 110px;
 background-image: none;
 background-repeat: no-repeat; 
 margin-top: 3px;
 margin-right: 8px;
} 

.menulogo {
 float: right;
 width: 450px;
 height: 30px;
 background-image: url("graphsite/menulogo.png");
 background-repeat: no-repeat;
}


.menulogo span {
 vertical-align: middle; 
 padding-left: 40px;
 padding-top: 7px;
}

.menu {
 float: left;
 width: 960px;
 height: 142px;
 background-image: url("graphsite/menu.png");
}

.menuitem {
 float: left;

 padding-top: 20px;
 padding-left: 6px;
}

.okruchy {
 float: left;
 width: 960px;
 height: 20px;
 background-image: url("graphsite/margin_gra.png");
 background-repeat: repeat-y;
 background-color: #FFF;
}

.okruchy span {
 vertical-align: middle;
 padding-left: 180px;
 padding-top: 5px;
}

.okruchy a:link {
 color: #CC9900;
 text-decoration: underline;
}

.okruchy a:visited {
 color: #CC9900;
 text-decoration: underline;
}

.okruchy a:hover {
 color: #666;
}

.menuleft {
 float: left;
 width: 180px;
 height: 400px;
 background-image: url("graphsite/margin_gra.png");
 background-repeat: repeat-y;
 border-bottom: 1px solid #CC9900;
 }

.menulefthead {
 float: left;
 width: 180px;
 height: 50px;
 background-image: url("graphsite/lefthead_gra.png");
 background-repeat: no-repeat;
 }

.menuleftitem {
 float: left;
 width: 160px;
 height: 31px;
 background-image: url("graphsite/btn_gra.png");
 background-repeat: no-repeat;
 color: #FFF; 
 }

.menuleftitem span {
 vertical-align: middle;
 padding-left: 10px;
 padding-top: 12px;
 } 

.treschead {
 float: left;
 width: 599px;
 height: 60px;
 background-image: url("graphsite/treschead_gra.png");
 background-repeat: no-repeat;
 }

.treschead h1 {
 color: white;
 font-family: Georgia, Serif;
 font-weight: bold;
 font-size: 26px;
 vertical-align: middle;
 /* padding-top: 2px; */
 }

.tresc {
 float: left;
 width: 599px;
 height: 400px;
 background-color: #FFF;
 border-right: 1px solid #CC9900; 
 border-bottom: 1px solid #CC9900;
}

.trescbox {
 float: left;
 width: 599px;
 height: 330px;
 background-color: #FFF;
 overflow-y:scroll;
 
}

.trescbox a:link {
 color: #CC9900;
}

.trescbox a:visited {
 color: #CC9900;
}

.trescbox h3 {
font-size: 12px;
}

.trescbox h4 {
font-size: 10px;
font-weight: bold;
}

.punkty {
 font-size: 10px;
 font-weight: bold;
 }

.gora {
 font-size: 10px;
 font-weight: bold;
 padding-left: 300px;
}

.skroty {
 float: right;
 width: 180px;
 height: 401px;
 background-color: #FFF;
}

.ramka {
 float: left;
 width: 160px;
 height: 100px;
 margin: 0px 0px 10px 9px;
 background-color: #222;
 border: 1px solid #000;
}

.nadstopka {
 float: left;
 width: 830px;
 height: 20px;
 background-color: #FFF;
}

.stopka {
 float: left;
 width: 830px;
 height: 50px;
 background-image: url("graphsite/stopka.png");
 background-repeat: no-repeat;
 background-color: #FFF;
}

.stopkaline {
 float: left;
 width: 680px;
 height: 20px;
 vertical-align: bottom; 
 padding-left: 100px;
 padding-right: 180px;
 padding-top: 20px;
}