body {
	margin: 0px;
	padding: 0px;
	font-family: verdana;
	font-size: 11px;
	background-color: #336666;
}

td,p{
	font-family: verdana;
	font-size: 11px;
	color: white;
}
th{
	font-family: verdana;
	font-size: 13px;
	font-weight: bold;
}
th a{
	margin: 0px;
	padding: 0px;
}

h3{
	font-family: verdana;
	font-size: 15px;
	font-weight: bold;
}

h2{
	font-family: verdana;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
}

input,select,textarea{
	font-family: verdana;
	font-size: 11px;
	border: 1px solid yellow;
}

.tlacitko{
	border: 1px solid yellow;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	background-color: #3A7676;
	color: white;
	padding: 3px 5px 3px 5px;
}

.tlacitko_dis{
	border: 1px solid gray;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	background-color: silver;
	color: black;
	padding: 3px 5px 3px 5px;
}

.tlacitko:hover{
	border: 1px solid yellow;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	background-color: #4B9494;
	color: black;
	padding: 3px 5px 3px 5px;
}

.tlacitko_hover{
	border: 1px solid #359A35;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	background-color: #98DC98;
	color: black;
	padding: 3px 5px 3px 5px;
}

.theader{
	font-family: verdana;
	font-size: 13px;
	font-weight: bold;
	background-image: url(../graphic/line.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 2px;
}

a {
	color: black;
	text-decoration: none;
	font-weight: bold;
	color: yellow;
}
a:hover{
	font-weight: bold;
	color: white;
}

.menu{
	background-image: url(../graphic/top.jpg);
	background-repeat: no-repeat;
	width: 900px;
	height: 26px;
	padding-left: 250px;
}

.menu a{
	font-size: 14px;
	font-weight: bold;
	color: black;
	text-decoration: none;
	padding: 0px 5px 3px 5px;
	margin: 0px 5px 0px 5px;
}

.menu a:Hover{
	font-size: 14px;
	font-weight: bold;
	color: white;
	border-bottom: 3px solid yellow;
}


.left {
	background-image: url(../graphic/left.jpg);
	background-repeat: no-repeat;
	width: 250px;
	height: 425px;
	vertical-align: top;
	padding: 330px 0px 10px 0px;
	color: black;
}
.left a{
	color: black;
}
.left a:hover{
	color: gray;
}

.status{
	font-weight: bold;
	color: #359A35;
	text-align: center;
}

.jazyky{
	position: absolute;
	left: 740px;
	top: 160px;
	color: black;
	font-size: 10px;
	font-weight: normal;
}
.jazyky a{
	font-size: 10px;
	font-weight: normal;
	color: black;
}
.jazyky a:hover{
	font-weight: normal;
	color: gray;
}

.links{
	position: absolute;
	left: 270px;
	top: 160px;
	color: black;
	font-size: 11px;
	font-weight: normal;
}
.links a{
	font-size: 11px;
	font-weight: normal;
	color: black;
	font-weight: bold;
}
.links a:hover{
	font-weight: normal;
	color: gray;
	font-weight: bold;
}

.admin a{
	color: white;
	font-size: 10px;
	font-weight: normal;
}
.admin a:hover{
	color: black;
}


/********** lista **************/

#hslista{
    height: 35px;
    background: #333333;
    box-shadow: 0 0 6px 0 #000;
    z-index: 500;
    position: relative;
}

#hslista .hslistainner{
    width: 1400px;
    margin: auto;
    position: relative;
}

#hslista a.hslistalogo{
    display: block;
    position: absolute;
    top: 0;
    left: 20px;
    background: url(../images/lista/hs-logo-mini.png) 0 0 no-repeat;
    width: 94px;
    height: 34px;
    z-index: 800;
}

#hslista .hslinks{
    margin: auto;
    text-align: center;
    width: 960px;
    z-index: 1000;
}

#hslista ul{
    margin: 0;
    padding: 0;
}

#hslista ul li{
    list-style: none;
    float: left;
    width: 100px;
    padding-right: 1px;
    height: 34px;
    line-height: 30px;
}

#hslista ul li a{
    display: block;
    border-top: 4px solid #666;
    width: 100%;
    height: 30px;
    color: #fff;
    text-decoration: none;
}

#hslista ul li a:hover{
    text-decoration: none;
}

#hslista ul li.hslistahs{
    width: 125px;
}
#hslista ul li.hslistats{
    
}
#hslista ul li.hslistajl{
    width: 125px;
}
#hslista ul li.hslistaha{
    width: 170px;
}

#hslista ul li.hslistahs a:hover,
#hslista ul li.hslistahs a.active{
    border-top: 4px solid #F58220;
}
#hslista ul li.hslistats a:hover,
#hslista ul li.hslistats a.active{
    border-top: 4px solid #78A4C5;
}
#hslista ul li.hslistajl a:hover,
#hslista ul li.hslistajl a.active{
    border-top: 4px solid #FEB306;
}
#hslista ul li.hslistaha a:hover,
#hslista ul li.hslistaha a.active{
    border-top: 4px solid #67B4B4;
}

/******* konec listy ***********/

div.logo{
    background-image: url(../graphic/logo.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 178px;
	color: white;
    margin: auto;
    width: 900px;
    position: relative;
}
div.content{
    margin: auto;
    width: 900px;
    
}
