/* ***css_index **** */
body{
	padding:0;
	margin:0;
	font-family: Arial,Helvetica,sans-serif;
        background-color: #cacaca;
       font-size: 90%;
       line-height: 140%;
}
p { margin: 4px 0px; line-height: 140%;}
h1,h2,h3,h4 { color: green;}

.castlogin {float: right; }
.uctovnik { float: left; margin: 5px 15px; height: 235px; }
.titulbox { float: left; width: 230px; margin: 15px 6px; 
        border: 1px solid green; height: 100%; 
        padding: 5px; background: rgb(242, 250, 242); 
       border-radius: 5px; }
.titulbox ul {padding-left: 20px;}

.loginbutton { background: rgb(110, 184, 92); display:block;  color: white; 
             border: 1px solid gray; padding:5px; border-radius: 4px; 
            font-weight: bold; cursor:pointer; text-decoration:none; text-align:center;}
.reglink { color: green; margin-left:10px; font-size:80%;}
.loginbutton:hover { color:#FFCC66; }

table {
    border-collapse: collapse;
}
table, th, td {
    border: 1px solid black;
    padding: 2px;
}
.tab10 tr td,th { padding:10px;}
.tab5 tr td,th { padding:5px;}
td p { margin: 1px; }

.hide{display:none;}
.backg{
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
}
.backg > div:first-child{
	width:100%;
	height:57px;
}
.backg > div+div{
	width:100%;
	height:35px;
	border-width:1px 0px;
	border-style:solid;
	border-color:#CCCCCC;
	background-color:green;
}
.strednacast {      background-color:#fcfcfc;}
.papier{
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
  
}
.papier > div{
	margin:0px auto;
	width:820px;
	height:100%;
	
	border-width:0px 1px;
	border-style:solid;
	border-color:#CCCCCC;
	box-shadow:0px 0px 5px rgba(0, 0, 0, 0.8);
}
.papier > div > div:first-child{
	width:100%;
	height:60px;
	back/ground-color:#FFFFFF;
}
.papier > div > div:first-child+div{
	width:100%;
	height:35px;
	border-width:1px 0px;
	border-style:solid;
	border-color:#CCCCCC;
	background-color:green;
}
.papier > div > div:first-child+div+div+div{
	width:100%;
	height:0px;
}
.papier > div > div:first-child+div+div+div>div{
	width:100%;
	height:35px;
	position:relative;
	top:-35px;
	margin-left:15px;
	margin-right:15px;
}

.page{
	width:100%;
	position:relative;
	top:-107px;
	left:0px;
        min-height:500px;
}
.page > .top{
	padding:0px 10px;
	margin-top: 20px ;
	width:780px;
	height:50px;
	vertical-align:middle;
	overflow:hidden;
	font:Arial, Helvetica, sans-serif;
	position:relative;
}
.page > .top > div:first-child + div {
    color: green;
    l/ine-height: 34px;
    padding-left: 20px;
}
.page > .top > div{
	float:left;
}
.page > .middle{
	margin:0px auto;
	padding:5px 0px 0px;
	width:780px;
}
.page > .middle > .tabs{
	height:35px;
	overflow:hidden;
}
.page > .middle > .tabs > .usko{
	float:left;
	height:30px;
	line-height:30px;
	vertical-align:text-bottom;
	padding:0px 10px;
	margin-right:5px;
	border-radius:5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
	-o-border-radius:5px 5px 0px 0px;
	position:relative;
	top:0px;
	font-style:italic;
	color:#FFFFFF;
	cursor:pointer;
        text-decoration:none;
}
.page > .middle > .tabs > .usko:hover{
	color:#FFCC66;
	text-decoration:none;
}
.page > .middle > .tabs > .usko.big{
	background:#fcfcfc;
	border:1px solid;
	border-color:#CCCCCC;
	border-bottom-color:#fcfcfc;
	color:#000000;
	text-decoration:none;
}

.csik {width:15px; height: 2px; background-color: white; float: left; margin-bottom:2px;}
#mobilmenu {display:none;}
#menusor {display:block;}

.dolenatitulke { clear:both; margin: 5px 2% ; padding: 10px 0; }

@media only screen and (max-width :18cm) 
  {
    .page > .top { width: auto; min-width: 200px; }
    .titulbox { width: 95%;  margin: 5px 2%; }
    .page > .middle{ width: auto; min-width: 200px; }
    .papier > div {width:auto; min-width: 200px; padding: 5px; }
    .csik {width:15px; height: 2px; background-color: white; float: left; margin-bottom:2px;}
    #mobilmenu {display:block; color:white;}
    #menusor {display:none; position: absolute; height:auto;}
    #menusor a {display:block; width:100%; float:left; background-color:green;  text-align:center; margin: 1px; border:1px solid white; text-decoration: none; padding:5px; 30px; }
  }