body,html, * {margin: 0;padding: 0;}
body{text-align:center; background: url(images/bodyBG.jpg) repeat-x #f2f5f6; font-family: Tahoma; font-size:12px; color:#0B5162;}

#base{text-align:left; width:807px; margin:0 auto;}
#top{}
#topLeft{float:left; width:342px; height:120px; background: url(images/topLeft.jpg) no-repeat;}
#topRight{float:right; width:465px; height:120px; background: url(images/topRight.jpg) no-repeat;}
  #topRight h1{position: relative; width:465px; height:120px; font-size: 15px;}
    #topRight h1 span{position: absolute; width:465px; height:120px; left: 0; top: 0; background: url(images/topRight.jpg) no-repeat;}

#menu{height:25px; background: url(images/menuBGMain.jpg) no-repeat; clear:both; padding:0 2px;}
	#menu ul{list-style: none;}
	#menu ul li{display:inline;}
	#menu ul li a{height:25px; padding: 0 10px; font-weight: bold; text-decoration: none; line-height: 25px; color:black; display: block; float: left; text-align: center; background:top url(images/menuBG.jpg) repeat-x;}
	#menu ul li a:hover{color:white; background: url(images/menuBG.jpg) repeat-x bottom;}
	#menu ul li a.active{color:white; background: url(images/menuBG.jpg) repeat-x bottom;}

#contentWrap{background: url(images/contentBGshadow.png) repeat-y;  padding:0 5px 0 2px;}
#content{background: url(images/contentBG.jpg) repeat-x; padding: 12px 12px;}
#bottom{background: url(images/bottom.jpg) no-repeat top; padding: 10px 0 5px 0; text-align: center;}

.text{text-align: center;}
.text p{
  text-align: justify; font-size:120%; background:#A9EDFC; border: 0px solid #A9EDFC; color:#0B5162; padding: 6px; margin: 6px auto;
  line-height: 1.5em;}
.text img{border: 4px solid #A9EDFC;}
.text h2{text-align: left; font-size:150%; color:#0B5162;}
.text h3{text-align: left; font-size:120%; color:#0B5162; margin: 15px 0 10px 30px;}
  div.text div.leftColumn{float: left; width: 230px;}
  div.text div.rightColumn{float: right; width: 430px;}

div.prispevek{text-align: left; font-size:110%; background:#A9EDFC; color:#0B5162; padding: 6px; margin: 6px auto;}
div.prispevek.child{margin:6px 0px 6px 30px;}
div.prispevekHlavicka{}
div.prispevekText img{border: none;}

fieldset{width:400px; margin:6px auto; padding:6px; border: 1px solid #0B5162;}
fieldset.sirsi{width:664px;}
fieldset.prihlaska{width:550px;}
fieldset legend{ color:#0B5162; font-weight: bold; padding:0 6px;}
fieldset form{background:#A9EDFC;color:#0B5162; padding:6px;}
fieldset form table{width: 100%;}
fieldset form table td{width: 50%;text-align: left;}
fieldset form table td.left{width: 15%;}
fieldset form table td.right{width: 85%;}
fieldset form table td input{border: 1px solid #0B5162;}
fieldset form table td textarea{border: 1px solid #0B5162;}
input.submit{font-weight: bold; border: 1px solid #0B5162; background: #89CDDC; color:#0B5162; padding:3px; cursor: pointer;}
input.inputText{border: 1px solid #0B5162;}

fieldset form div.dite{background: #C6EEF9;margin:3px 0 0 0; padding:3px;}
fieldset form div.label{width: 50%;text-align: left;float:left; line-height: 1.9em;}
fieldset form div.input{width: 49%;text-align: left;float:right; line-height: 1.9em;}

a.maly{font-size:80%;}
a{color: #0B5162; text-decoration: underline;}
a:hover{text-decoration: none;}

span.jsButt{cursor: pointer;}

.fleft{float:left}
.fright{float:right}
.clear{clear:both}

.aright{text-align: right;}
.acenter{text-align: center;}
.aleft{text-align: left;}
.ajustify{text-align: justify;}

.underline{text-decoration: underline;}