html {-webkit-text-size-adjust:auto;}

body{
background: #E3E3E3;    
}

.maindiv{
position:relative;
width:1078px;
height:840px;
margin:5px auto 5px auto;
}

#page{
position:relative;
top:2%;
width:100%;
height:90%;
background: #B8B8B8;  
margin:5px auto 5px auto; 
overflow:auto;
border: 1px #090909 solid;
box-shadow:black 2px 3px 10px;
}

#titul{
position:relative;
top:5px;
width:93%;
height:25px;
margin:5px auto 5px 2.2%;
/*border:1px black solid;*/
text-align:left;
font-size: 1.2em;
text-shadow:black 2px 3px 10px;
}

#hlavamain{
 background-image:url("../img/pozadi-titulek.jpg"); 
 background-color: #B8B8B8; 
 border:1px darkgray solid;
 text-align:center;
 height:200%;
}

#hlavamain #mini{
font-size: 0.5em;
}

#pata{
position:relative;
float:right;
bottom:0px;
margin-top:40px;
width:85%;
font-size: 0.5em;
text-align: right;
}

#levysloupec {
 position:relative;
 width:50%;
 background-color: #e8B8B8; 
 border:1px darkgray solid;
}

.adeska{
overflow:hidden;
position:absolute;       
border:1px black solid;
margin: 2px 2px 2px 2px;
cursor:pointer;
cursor:hand;
text-align:center;
box-shadow: black 2px 3px 10px;
}

.adeska:hover{
border:2px navy solid;    
}

.adeska2{
overflow:hidden;
position:absolute;
border:2px red solid;
margin: 2px 2px 2px 2px;
cursor:pointer;
text-align:center;
}
.adeska2:hover{
border:2px navy solid;    
}

.minimenu{
width:98%;
height:12px;
border:1px black solid;
font-size:10px;
}

#okno{
display: block;  
position:relative;
overflow:auto;
top:2%;
width:95%;
height: 720px; 
margin:25px auto 5px auto;
padding: 2px 5px 2px 5px;    
border:1px navy double; 
background:  aliceblue;
box-shadow: black 4px 6px 20px;
}

#kytka{
background-image:none;
/*position:relative;*/
float:right;
width:22px;
height:22px;
cursor:pointer;
}
#kytka:hover{
background-image: url("../img/kyticka.gif"); 
}

#prihlasovaciokno{
display:none;
position:absolute;
top:300px;
left:500px;
width:200px;
height:80px;
background-color: white;
border: 2px navy double;
text-align: center;
}

.popisky{
position:absolute;
bottom:2px;
left:3px;
width:95%;
height:20px;
background:darkgray;
color:white;
text-shadow: 0.5px 0.5px 1px black;
margin:0px auto 0px auto;
padding-top: 4px;
font-size: 60%;
}

.abunka{
font-size:1.2em;
font-weight:bold;
margin:5px 2px 5px 2px;
background:#F0F0F0;
}

.abunka2{
font-size:1.2em;
font-weight:bold;
margin:5px 2px 5px 2px;
background:#F0F0F0;
}

.abunka3{
font-size:1em;
font-weight:bold;
margin:5px 2px 5px 2px;
background:#F0F0F0;
}

.bbunka{
font-size:0.6em;
margin-left:4px;
background:#F0F0F0;
}

.tlaca{
border:1px navy solid;
background:#F0F0F0;
font-size:0.6em;
font-weight:bold;
cursor:pointer;
}

.tlacb{
border:1px navy solid;
background:#F0F0F0;
font-size:0.8em;
font-weight:bold;
cursor:pointer;
}

.tlacnab{
border:0;
background:transparent;
font-size:1em;
font-weight:bold;
cursor:pointer;
}
.tlacnab2{
border:1px #AAA double;
background:#F0F0F0;
font-size:1em;
font-weight:bold;
cursor:pointer;
}

.tlacnab2:hover{
background:black;
color:white;
 }
 
.tlacnab3{
border:1px #AAA double;
background:#F0F0F0;
font-size:0.8em;
font-weight:bold;
cursor:pointer;
}

.tlacnab3:hover{
background:black;
color:white;
 }

input[name="nwthumb"] {
 color:red;
 }
 
.tlacitkomain{
background:#F0F0F0;
font-size:0.6em;
font-weight:bold;
border: 1px #AAA double;
text-align: center;
cursor:pointer;
}

.tlacitkomain:hover{
background:black;
color:white;
}

.abutt{
overflow:hidden;
margin:4px 0 4px 0;
cursor:pointer;
width:100%;
height:80px;
background:transparent;
box-shadow:2px 2px 1px black;
border:1px navy solid;
}

.abutt:hover{
background: linear-gradient(red, yellow);
color:white;
}

.tituldeska{
position:relative;
top:1px;
left:1px;
font-size:0.6em;
font-weight:bold;
//border: 1px red double;
width:200px;
height:15px;
}