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

body{
/*background:#B8B8B8;    */
}

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

#page{
position:relative;
top:2%;
width:100%;
height:90%;
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%;
text-align:left;
font-size: 1.2em;
text-shadow:black 2px 3px 10px;
}

#hlavamain{
 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;
}

#mkytka{
cursor:pointer;
cursor:hand;
}

#mkytka:hover{
box-shadow: black 2px 3px 10px;
}

#napoveda{
overflow:hidden;
background-color: white;
border: 2px navy double;
display:none;
width:400px;
height:300px;
left:300px;
top:100px;
position:absolute;       
margin: 2px 2px 2px 2px;
text-align:center;
box-shadow: black 2px 3px 10px;
z-index:10;
}

.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;
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:0.8em;
font-weight:bold;
margin:5px 2px 5px 2px;
background:#F0F0F0;
vertical-align:top;
}

.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;
}

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

.tlacbinspdf{
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;
}

.tlachidden{
border:1px #AAA double;
background:#F0F0F0;
font-size:1em;
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;
}

.vie{
 border:1px green double;
 cursor: hand; 
 cursor:pointer;
}

.vie:hover{
 border:1px red double;
 cursor: hand; 
 cursor:pointer;
}

#divpodivej {
overflow:clip;
width:120px;
height:120px;
border:1px blue solid;
background-repeat: no-repeat;
background-color: #cccccc;
}

#podivej {
width:90%;
height:90%;
border:2px green double;
margin: 5% 5% 5% 5%;
/*padding: 5% 5% 5% 5%;*/
}