/*obrazky*/
.cat-b{
	background-image: url(images/cat-big.png) !important;
}
.cat-s{
	background-image: url(images/cat-small.png) !important;
}
.search-b{
	background-image: url(images/search-big.png) !important;
}
.main-b{
	background-image: url(images/main-big.png) !important;
}
.main-s{
	background-image: url(images/main-small.png) !important;
}
.info-b{
	background-image: url(images/info-big.png) !important;
}
.info-s{
	background-image: url(images/info-small.png) !important;
}
.user-b{
	background-image: url(images/user-big.png) !important;
}
.user-s{
	background-image: url(images/user-small.png) !important;
}
.por-b{
	background-image: url(images/por-big.png) !important;
}
.por-s{
	background-image: url(images/por-small.png) !important;
}
.adduser-b{
	background-image: url(images/adduser-big.png) !important;
}
.adduser-s{
	background-image: url(images/adduser-small.png) !important;
}
.item-b{
	background-image: url(images/item-big.png) !important;
}
.item-s{
	background-image: url(images/item-small.png) !important;
}
.editcat-b{
	background-image: url(images/editcat-big.png) !important;
}
.editcat-s{
	background-image: url(images/editcat-small.png) !important;
}
.dcat-b{
	background-image: url(images/dcat-big.png) !important;
}
.dcat-s{
	background-image: url(images/dcat-small.png) !important;
}
.info-e-b{
	background-image: url(images/info-edit-big.png) !important;
}

body {
	margin: 0;
	padding: 0 0 0 0;
	/*font-family: Georgia, serif;*/
	font-family: Arial;
	font-size: 14px;
	background-color: white;
	color: black;
	text-align: center;
}

#wrap{
	width: 1000px;
	position: relative;
	margin: auto;
	text-align: left;
	background-image: url(images/bg.png);
}
#head {
	height: 125px;
	background-color: Black;
	background-image: url(images/head.png);
	color: white;
	margin: 0px;
	padding: 0px;
	position: relative;
}
#head #user{
	position: absolute;
	right: 35px;
	top: 138px;
	width: 140px;
	text-align: center;
	color: black;
}
#head h1#name{
	position: absolute;
	font-size: 25px;
	background-color: transparent;
	border: 0px;
	margin: 6px 10px;
	padding: 0px;
	color: white;
	display: none;
}
#topmenu{
	background-image: url(images/topmenu.png);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center top;
	height: 50px;
	margin-top: -2px;
	
}
#content {
   padding: 0px;
   margin: 0px;
   width: 1000px;
   text-align: left;
}
#content2{
	margin: 0px 20px;
	position: relative;
}
#in {
	/*padding: 10px 20px;*/
	margin: 10px;
	position: relative;
	z-index: 100;
	width: 400px;
	
}
div#leftCol{
	float: left;
	width: 195px;
	position: relative;
	text-align: center;
}
div#leftCol .in{
	margin: 5px auto;
	width: 145px;
	position: relative;
}
div#rightCol{
	float: right;
	width: 169px;
	margin: 0px 0px;
	text-align: center;
}
div#rightCol .in{
	margin: 5px auto;
	width: 129px;
}
div#middleCol{
	margin: 0px 0px 0px 0px;
	float: left;
	width: 590px;
	z-index: 50;
	overflow: hidden;	
	font-size: 0.9em;
}
div#middleCol .min{
	margin: 5px 20px;
	padding: 0px;
}

#foot{
	background-image: url(images/foot.png);
	background-position: 0px 15px;
	background-repeat: no-repeat;
	height: 75px;
	
}
#foot .in{
	text-align: center;
	padding: 32px 70px 0px 120px;
	color: Gray;
}

.gray_hn {float:right;
  margin-right:30px;
  margin-bottom:10px;
  padding-bottom:10px;
}

.gray_hn:hover {color:black;}

/*MENU*/
ul.menu{
   margin: 0px;
   padding: 10px 10px 10px 230px;
}
ul.menu li{
	display: block;
	float: left;
	padding: 0px;
	margin: 0px 12px 0px 5px;
	padding-left: 28px;
	height: 25px;
	line-height: 25px;
	background-position: center left;
	background-repeat: no-repeat;
	font-size: 0.9em;
}
ul.menu li a,ul.menu li a:link, ul.menu li a:visited {
	font-size: 1.2em;
	color: black;
	padding: 3px 0px;
	text-decoration: none;
	position: relative;
	font-weight: normal;
	background-image: none;
}
ul.menu li a:hover{
	text-decoration: none;
}
ul.menu li.sel a{
	text-decoration: underline;
}



#lmenu{
	margin-top: -20px;
	margin: 0px auto;
}
#lmenu h2{
	margin: -15px 0px 10px;
	_margin: -9px 0px 10px;
	padding: 0px 0px 5px;
	font-size: 1.4em;
	border-bottom: 2px solid #CCCCCC;
	position: relative;
}
#lmenu h2 span{
	
	
}

#lmenu ul{
	text-align: left;
	margin: 0px;
	padding: 0px;
	_position: relative;
	_left: 20px;
}
#lmenu ul ul{
	_position: static;
	_left: auto;
}
#lmenu ul ul ul{
}
#lmenu ul li{
	display: block;
	list-style-type: none;
	width: auto;
	display: block;
	margin: 1px;
	padding: 2px 2px 2px 20px;
	color: Black;
	
	text-decoration: none;
}
#lmenu a.point, #lmenu a.pointMinus, #lmenu a.pointPlus{
	background-image: url(images/menu-li.gif);
	background-repeat: no-repeat;
	width: 15px;
	height: 16px;
	display: block;
	position: absolute;
	margin-left: -20px;
	color: Black;
	text-decoration: none;
}
#lmenu a.pointMinus {
	background-image: url(images/menu-li-minus.gif);
}
#lmenu a.pointPlus{
	background-image: url(images/menu-li-plus.gif);
}
#lmenu a{
	color: Black;
	text-decoration: none;
	background-image: none;
	display: block;
	_margin-left: -20px;
}
#lmenu .poradna a.point {
	background-image: url(images/menud-li.gif);
}
#lmenu .poradna a.pointMinus {
	background-image: url(images/menud-li-minus.gif);
}
#lmenu .poradna a.pointPlus{
	background-image: url(images/menud-li-plus.gif);
}
#lmenu li.actual li a {
	text-decoration: none;
}
#lmenu li.actual a {
	text-decoration: underline;
}
#lmenu a:hover{
	text-decoration: underline;
}

div.kotva{
	position: relative;
	display:none;
	padding-bottom:4em;
}
h3{
	font-size: 1.3em;
}
a, a:link, a:visited, a:hover, a:active {
	color: #7B68EE;
	background: inherit;
}

a:hover, a:active {
	color: blue;
}
div.prehled h4{
	display: none;
}
div.prehled{
	margin-top: 8px;
}

div.postupDiskuze {
	padding: 1px 0px 0px;
	clear: left;
}
div.postupDiskuze h3{
	border-top: 2px solid #CCCCCC;
	padding: 10px 0px 0px;
}
div.prehled ol{
	display: block;
	margin: 0px 0px 0px;
	padding: 10px 0px 0px;
	border-top: 2px solid #CCCCCC;
}
div.prehled ol li{
	width: 110px;
	padding: 0px;
	position: relative;
	float: left;
	margin: 3px;
	list-style: none;
}
div.prehled ol li.active{
	
}
div.prehled ol li.active div.awrap{
	/*background-color: #E6F6E7;*/
	background-color: #FFEDB5;
	
}
div.prehled ol li div.awrap{
	background-repeat: no-repeat;
	background-position: center center;
	/*background-color: #5EC067;*/
	background-color: #FFD557;
	border: 1px solid gray;
	margin: 3px 0px;
	min-height: 6.5em;
	_height: 6.5em;
	
}
div.awrap a, div.awrap a:link, div.awrap a:visited{
	color: white;
	position: relative;
}
div.prehled ol li a{
	display: block;
	padding: 5px 10px;
	text-align: center;
	padding-top: 2em;
	height: 4em;
	font-weight: bold;
}
div.prehled ol li.active a{
	visibility: hidden;
}
div.poradi, div.poradi2{
	position: absolute;
	top: 0px;
	right: 6px;
	font-size: 2em;
	font-weight: bold;
	z-index: 2;
	color: white;
}
div.poradi2{
	top: 2px;
	right: 4px;
	z-index: 1;
	color: black;
}

div.snimek{
	padding: 15px;
	color: Black;
	margin-left: 5px;
	width: 405px;
}
div.snimek h2{
	margin-top: 0px;
	padding-top: 0px;
}
div.obrazek a{
	display: block;
	float: left;
	border: 2px solid gray;
	margin: 0px 10px 10px 0px;
	padding: 0px;
	
}
div.obrazek a:hover{
	border: 2px solid #FFD557; /*#5EC067*/
}
div.obrazek img{
	width: 250px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	display: block;
}
.localNavigation{
	/*float: right;*/
	margin-top: 10px;
	padding-left: 14px;
}
.localNavigation span.wrap{
	color: #2A3138;
	padding: 0px;
	margin: 0px 5px;
}
.localNavigation a, .localNavigation span.unactive{
	padding: 1px 10px 2px;
	background-color: white;
	border: 1px solid #C6D6C7;
	color: black;
	text-decoration: none;
}
.localNavigation span.unactive{
	color: Gray;
}
.localNavigation a:hover{
	background-color: #FFEDB5;
}
.item *{
	background-repeat: no-repeat  !important;
}
.item_0 *, .item_1 *{
	padding-left: 30px  !important;
	background-position: 3px 2px  !important;
	background-image: url("images/dLeft.gif")  !important;
}
.item_1 *{
	background-image: url("images/sLeft.gif")  !important;
}
.item_3 *, .item_4 *{
	padding-right: 30px !important;
	background-position: right 2px  !important;
	background-image: url("images/dRight.gif")  !important;
}
.item_3 *{
	background-image: url("images/sRight.gif")  !important;
}
.item_2 span{
	font-weight: bold;
	font-size: 1.4em;
	padding: 2px 15px !important;
}
/**a, a:link, a:visited{
	color: #44d;
}
a:hover{
	color: #008;
}*/

ul.menu li.cat a:hover{
	color: #F0B604;
	
}
ul.menu li.por a:hover{
	color: #B22222;
}
ul.menu li.user a:hover{
	color: #3492FF;
}
h1{
	font-size: 23px;
	font-weight: bold;
	height: 50px;
	padding: 5px 0px 0px 55px;
	margin: 0.1em 0px 0px;
	background-repeat: no-repeat;
}
h1.cat{
	color: #F0B604;
}
h1.user{
	color: #3492FF;
}
h1.item{
	color: #5EC067;
}
h1.por{
	color: #B22222;
}
h1.info{
	color: #3F60BE;
}
h1.main{
	color: #7A220F;
}
h4.img{
	background-repeat: no-repeat;
	padding: 4px 30px;
}
div.navigace{
	position: absolute;
	margin: -18px 0px 0px 57px;
	font-size: 0.8em;
	color: gray;
}
div.navigace span{
	
}
div.navigace div{
	display: inline;
	padding: 0px 5px;
}
div.border{
	margin: 0.4em 0px;
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 5px 20px;
}
div.dark{
	margin: 0.4em 0px;
	border: 1px solid #aaa;
	background-color: #ccc;
	padding: 5px 20px;
}

.err, .error{
	color: red;
}
.adr{
	padding-left: 20px;
}
.clear{
	clear: both;
}
.small{
	font-size: 0.8em;
	font-weight: normal;
}


/* TABULKY */
table.vypis{
	border-collapse: collapse;
	margin: 0.4em 0px;
	padding: 0px;
	
}
table.vypis td, table.vypis th{
	padding: 3px 5px;
	text-align: left;
	border: 1px solid #ddd;
}
table.vypis th{
	color: #666;
	font-weight: normal;
	border: 1px solid #ccc;
	background-color: #eee;
	text-align: center;
}
a.sipka img, a.s_sipka img{
	height: 12px;
	width: 12px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}
a.sipka{
	border-bottom: 1px solid #eee;
}
a.s_sipka{
	border-bottom: 1px solid #f60;
}

table.souhrn{
	width: 50%;
}
.strankovani{
	border: 0px !important;	
}
.c{
	text-align: center !important;
}
.l{
	text-align: left !important;
}
.r{
	text-align: right !important;
}


.req{
      color: #a4a;
      
   }
span.req{
	line-height: 3em;
	padding: 5px 20px;
}
/* FORMULARE */
div.insideform{
	margin: 5px 0px 30px 160px;
	border: 1px solid #aaa;
	clear: left;
	padding: 0 15px 15px;
}
div.insideform h4{
	clear:left;
	font-size: 1.1em;
	margin: 15px 0px 15px;
}
div.insideform h4 span{
	padding: 3px 10px;
	color: #666;
	border: 1px solid #ccc;
	background-color: #eee;
	margin-left: 5px;
	font-weight: bold;
}
label{
      width: 150px;
      display: block;
      float:left;
      text-align:right;
      margin-top:1px;
      clear:left;
}
label.normal{
     width: auto;
     display: inline;
     float: none;
     clear:none;
     text-align:left;
     margin-top:0px;
  }
  input, select, textarea, span.input, div.smajlici{
     display: inline;
     
     margin-left: 10px;
     margin-top:1px;
     /*border: 1px solid black;*/
  }
  span.input{
  	  border: 0px;
  	  position: relative;
  	  top: 2px;
  	  
  }
  textarea{
	width: 300px;
	height: 6em;
}
fieldset{
	width:auto;
	display: block;
	/*float:left;*/
	clear:both;
	border: 0px solid #ccc;
	/*background-color: #eee;*/
	margin-top: 10px;
	width: 98%;
  }
  legend{
	clear:left;
	color: #666;
	font-size: 1.2em;
	padding: 3px 10px;
	border: 1px solid #ccc;
	background-color: #eee;
	margin-left: 5px;
	font-weight: bold;
	margin-top: 10px;
}
form input.pidi{
	width: 2em;
}
form input.maly{
	width: 7em;
}
form input.velky{
	width: 300px;
}

form.filtr{
	width: auto;
	float: none;
	margin: 0.4em 0px;
	padding: 0px;
}
form.filtr fieldset {
	width: auto;
	float: none;
	margin: 0px; 
	padding: 5px;
}
form.filtr input {
	display: inline;
	float: none;
}
form.filtr label {
	display: inline;
	float: none;
	width: auto;
	margin-left: 10px;
}
form.filtr br{
	display: none;	
}
form.full fieldset{
	float: none;
	width: 75%;
}

div.edit, div.userMessage{
	position: absolute;
	top: 165px;
	left: 230px;
	text-align: center;
	width: 565px;
}

div.userMessage {
	border-bottom: 1px solid #aaa;
	border-top: 1px solid #aaa;
	padding: 2px 0px 4px; 
}

div.userMessage a{
	color: #F0B604;
	font-weight: bold;
	margin-top: 2px;
}
div.edit{
	padding: 2px 5px 1px;
	margin: 5px 0px 7px;
	background-color: #fee;
	border: 1px solid red;
	
	color: Red;
	font-size: 0.8em;
	line-height: 150%;
	text-align: left;
	z-index: 120;
	/*display: none;*/
}
div.edit br{display: none;}
div.edit a, a.edit{
	color: red;
	text-decoration: none;
}
div.edit a:hover, a.edit:hover{
	color: red;
	text-decoration: underline;
}
a.edit{
	font-size: 0.95em;
	line-height: 150%;
	padding: 2px 5px 1px;
	background-color: #fee;
	border: 1px solid red;
}

div.postup_preview{
	margin-left: 40px;
	padding-top: 10px;
	clear: left;
}
div.postup_preview img{
	float: left;
	border: 1px solid black;
	margin-right: 10px;
}
div.postup_preview h4{
	margin: 1px 0px;
	padding: 0px;
	font-size: 15px;
}
div.postup_preview p{
	margin: 2px 0px;
	padding: 0px;
	font-size: 1.0em;
}
div.postup_preview p.info{
	color: gray;
	font-size: 0.9em;
}
div.cleaner{
	clear: both;
}


/*PORADNA*/
div.dcat{
	background-image: url(images/dcat-small.png);
	padding: 5px 0px 5px 35px;
	background-repeat: no-repeat;
}
table.thread{
	border-collapse: collapse;
	width: 540px;
	margin: 15px 0px 5px 20px;
}
table.thread th, table.thread td{
	padding: 3px 4px;

}
table.thread th{
	background-color: #B22222;
	background-image: url('images/tableTh.png');
	background-repeat: repeat-x;
	background-position: top;
	color: white;
	border: 1px solid #ccc;
	font-size: 0.85em;
	font-weight: bold;
	text-align: left;
}
table.thread td{
	border: 1px solid #ccc;
}
table.thread tr.lich td{
	border: 1px solid #ccc;
	background-color: #eee;
}
table.thread td.picture{
	background-image: url(images/por-smaller.png);
	background-repeat:no-repeat;
	height: 34px;
	width: 34px;
	padding: 0px;
	background-position: center;
}
table.dcat td.picture{
	background-image: url(images/dcat-small.png) !important;
}
div.dthread{
	background-image: url(images/por-smaller.png);
	padding: 5px 0px 5px 35px;
	border: 2px solid #ccc;
	margin: 5px 0px;
	
	
	background-repeat: no-repeat;
}
div.dcat a, div.dthread a{
	background-image: none;	
}

h2.d{
	margin-top: 20px;
	border-bottom: 1px solid rgb(150,150,150);
	margin-bottom: 0px;
	padding-bottom: 20px;
	font-style: italic;
}
div.smajlici img{
	border: 0px;
}
div.prispevek{
	position:relative
	margin: 10px 0px;
	border-bottom: 1px solid rgb(150,150,150);
	padding: 5px 5px; 
	clear: both;
	_margin-right: 50px;
/*	width: 100%;*/
}
span.datum{
	float: right;
}
div.doprava{
	text-align: right;
}
form.diskForm{
	margin: 10px;
}
div.prispevek p{
	margin: 3px 0px;
	padding: 2px 0px;
}
div.prispevek div.reaction{
	float: left;
	color: rgb(170,170,170);
	text-align: left;
	padding: 3px 0px;
}
div.prispevek div.reaction a{
	color: rgb(170,170,170);
}
.dcatinfo{
	/*margin-top: -20px;*/
	font-style: italic;
}
p.intable{
	margin: 3px 0px;
	padding: 0px;
	font-style: italic;
	font-size: 0.8em;
}
table td.n{
	font-family: Verdana, Arial, sans-serif;
	text-align: right;
	font-size: 0.9em;
}

a.gray{
	color: Gray;
}
a.gray:hover{
	color: black;
}
a.hn{
	position: relative;
	top: 35px;
	float: right;
	padding-bottom: 10px;
}
div#head a.logoHref{
	display: block;
	width: 450px;
	height: 120px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
}
span.space{
	display: block;
	height: 15px;
}
.bigger{
	font-size: 1.15em;
}
#hideIt{
	display: none;
	border: 1px solid black;
	padding: 10px;
	margin: 10px 5px;
	
}
.border {
	border: 2px solid #CCCCCC;
	padding: 5px 10px;
	margin-top: 10px;
	clear: left;
	position: relative;
	top: 20px;
}
i.info {
	font-size: 0.9em;
}
iframe{
	margin-left: -18px;
	margin-top: 20px;
}
.addPostup {
	position: absolute;
	right: 185px;
	top: 20px;
}
.addPostup a{
	display: block;
	padding: 10px 10px 10px 40px;
	border: 1px solid #aaa;
	background-color: white;
	color: black;
	
	text-decoration: none;
	background-image: url('images/editcat-middle.gif');
	background-repeat: no-repeat;
	background-position: 3px 3px;
	font-size: 1.2em;
}
.addPostup a:hover{
	background-color: #FFF2C9;
	text-decoration: underline;
}
.similar {
	margin-top: 50px;
	text-align: center;
}
.similar h3 {
	font-size: 0.9em !important;
}
.similar h4 {
	font-size: 0.9em !important;
}
.similar p {
	display: none;
}
.similar div.postup_preview {
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.similar div.postup_preview img{
	display: block;
	margin: auto;
	float: none;
}