html, body {
	background       : #b4b9d5 url("img/tlo.png") left repeat-y;
	color                  : #000;
	font-family:Verdana;
	font-size:12px;
}

A:link {                       text-decoration: none; color:#125c8d}
A:visited {                    text-decoration: none; color:#125c8d}
A:active {                     text-decoration: none; color:#125c8d}
A:hover {                      text-decoration: none; color:#125c8d}

p {
    margin    : 2px;
    text-align: justify;
}

h2 {
    font-size: larger;
}

h1 {
    font-size: large;
}

#stopka {
position     : absolute;
margin-top   : 10px;
top          : 0%;
}

#strona {
    margin  : auto;
    border  : none;
    padding : 2px;
    width   : 750px;
    height  : 450px;
    position: absolute;
    margin-top:-225px;
    margin-left:-375px;
    left:50%;
    top:50%;
    background-color: #fff;
    border     : 1px solid black;
}




#box{
    width      : 100%;
    height     : 20px;
    clear      : both;
}

#tresc{
    text-align : center;
}

#link{
    width      : 100%;
    height     : 20px;
}

#boxgl {
    width      : 500px;
    height     : 200px;
    margin     : 5px;
    border     : 1px solid black;
    background-color: #babed6;
    float      : left;
    text-align : center;
    vertical-align: middle;
}
#boxdp {
    width      : 500px;
    height     : 200px;
    margin     : 5px;
    border     : 1px solid black;
    background-color: #dddddd;
    float      : right;
    cursor     :crosshair;
}

#boxgp {
    width      : 220px;
    height     : 200px;
    margin     : 5px;
    border     : 1px solid black;
    background-color: #dddddd;
    float      : right;
    text-align : center;
    vertical-align: middle;
}
#boxdl {
    width      : 220px;
    height     : 200px;
    margin     : 5px;
    border     : 1px solid black;
    background-color: #dddddd;
    float      : left;
}