BODY {
background : #000000;
color : #000000;
font-family : "verdana", "arial";
font-size : 10px;
}
#login {
top : 0;
padding-left : 480px;
position : absolute;
z-index : 2;
text-align : left;
vertical-align : top;
}
#home {
margin : 0;
top : -8px;
width : 100%;
height : 100%;
position : relative;
}
input.admin {
        width: 126px; 
        height: 22px; 
        border-width : 1px;
        border-style : solid;
        border-color : #000000;
        font-size: 10pt; 
        font-family: Arial; 
        font-weight: bold;
        text-align: center;
        background-image : url(../images/login.gif);
}
input.admin2 {
        width: 27px; 
        height: 22px; 
        border-width : 0px;
        border-style : solid;
        border-color : #000000;
        font-size: 8pt; 
        font-family: Arial; 
        font-weight: bold;
        background-image : url(../images/tlacitko.gif);
}
A {
font-size : 100%;
font-style : normal;
font-variant : normal;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight : normal;
text-decoration : none;
}
A:link {
color : #000000;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 10px;
font-style : normal;
font-variant : normal;
font-weight : bold;
text-decoration : none;
}
A:visited {
color : #000000;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 10px;
font-style : normal;
font-variant : normal;
font-weight : bold;
text-decoration : none;
}
A:hover {
color : #dfca7b;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 10px;
font-style : normal;
font-variant : normal;
font-weight : bold;
text-decoration : none;
}
A:active {
color : #000000;
font-size : 10px;
font-variant : normal;
font-style : normal;
font-weight : bold;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.z {
color : #000000;
font-family : "verdana", "arial";
font-size : 10px;
font-weight : normal;
padding-left : 5px;
padding-right : 5px;
background : #000000 url('../images/blok_stred.jpg');
}
.z2 {
color : #000000;
font-family : "verdana", "arial";
font-size : 10px;
font-weight : normal;
background : #000000 url('../images/blok_hl_stred.jpg');
width:98%;
}
.novinka_hlavni_strana {
color : #000000;
font-family : "verdana", "arial";
font-size : 10px;
font-weight : normal;
width:375px;
background : #000000 url('../images/blok_hl_stred_prazdny.jpg');
}
.z3 {
color : #000000;
font-family : "verdana", "arial";
font-size : 10px;
font-weight : normal;
background : #000000 url('../images/blok_hl_stred_prazdny.jpg');
width:98%;
}
.z4 {
color : #000000;
font-family : "verdana", "arial";
font-size : 10px;
font-weight : normal;
background : #000000 url('../images/blok_hl_stred_administrace.jpg');
width:365px;
height:430px;
vertical-align : top;
}
.novinka {
color : #000000;
font-family : "verdana", "arial";
font-size : 10px;
font-weight : bold;
background : #b89f66 url('cara.jpg');
}
.lay_sl {
text-align : center;
vertical-align : top;
}
.lay_slhlavni {
vertical-align : top;
}
.lay_tabulka {
width : 690px;
}
.pozadi_stranky {
background : #000000 url('../images/pozadi.jpg');
}
.novtext {
color : #000000;
font-family : "verdana", "arial";
font-size : 10px;
font-weight : normal;
}
input.login {
        width: 124px; 
        height: 20px; 
        border-width : 0px;
        border-style : solid;
        border-color : #000000;
        font-size: 10pt; 
        background-color : #b99a63;
        font-family: Arial; 
        font-weight: bold;
        text-align: center;
        background-image : url(../images/login2.gif);
}
input.login2 {
        width: 27px; 
        height: 22px; 
        border-width : 0px;
        /*border-style : solid;*/
        background-color : #BDB76B;
        font-size: 8pt; 
        font-family: Arial; 
        font-weight: bold;
        background-image : url(../images/tlacitko2.gif);
}
.prava {
color : #594f3b;
font-family : "verdana", "arial";
font-size : 9px;
text-align : center;
}
/* kontextová nápověda*/
a.info{
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration:none
}

a.info:hover{z-index:25;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid rgb(160,82,45);
    background-image:url('../images/cara.jpg'); color:#000;
    text-align: center
}
/* the konec kontextové nápovědy*/