﻿html, body, h1, h2, h3, h4, h5, h6, p, form, img, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
  background: #DBDBDB url(../img/pattern2.gif);
  color: #333333;
  text-align: center; /* IE */
}
body, input, textarea, select {
  font-family: sans-serif, "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva, Verdana;
  font-size: 12px;
}

/* Layout */
#container {
  border-left: 2px solid #C0C0C0;
  border-right: 2px solid #C0C0C0;
  border-bottom: 2px solid #C0C0C0;
  background-color: #fff;
  margin: 0 auto;
  text-align: left; /* IE */
  width: 930px;
}
#header {
  background: url(../img/bg-top.gif) no-repeat;
	background-position: bottom left;
	height: 77px;
  width: 100%;
}
#header a {
  border: 0;
  margin: 0;
  padding: 0;
}
#main {
  clear: both;
  background: url(../img/bg-main.gif) repeat-y;
	position: relative;
	width: 100%;
	line-height: 20px;
	/*border-top: 1px solid #4B82B8;*/
}
#menu {
  clear: left;
  float: left;
	padding: 0;
	position: relative;
	width: 193px;
	line-height: 16px;
	/*border: 1px solid #4B82B8;*/
}
#menu a { color: #333; }
#menu a:hover { color: #000; }

#menu ul {
  font-size: 12px;
  font-weight: bold;
  list-style-type: none;
  margin-top: 1px;
}

#menu li a {
  margin: 1px 0 0 0px;
  padding-left: 25px;
  line-height: 22px; 
  color: #777;
  display: block;
  height: 25px;
  voice-family: "\"}\""; 
  voice-family: inherit;
  height: 22px;
}
#menu li a:hover {
  text-decoration: none;
  background: transparent url(../img/arrow.png) no-repeat left center;
  border: 0;
  color: #000;
}

#menu li a.vyber {
  background: transparent url(../img/arrow.png) no-repeat left center;
  background-color: #EBE8D6;
  color: #333333;
}
#menu li a.vyber:hover {
  background: transparent url(../img/arrow.png) no-repeat left center;
  background-color: #EBE8D6;
  color: #333333;
}

#content {
  clear: right;
  float: right;
  font-size: 13px;
  margin-top: 10px;
  margin-right: 25px;
  _margin-right: 10px;
	padding: 0 0 0 10px;
	position: relative;
	width: 685px;
	_width: 695px;
  /*border: 1px solid #4B82B8;*/
}
#content ul
  { margin-left: 25px; }
img a
  { text-decoration: none; }
img a:hover
  { text-decoration: none; }

#footer {
  clear: both;
  font-size: 11px;
  color: #666666;
  margin: 0 auto;
  width: 930px;
}
#footer p
  { text-align: center; }
#info {
  float: right;
  width: 400px;
  margin: 25px 10px;
}
/*
#info {
  float: right;
  width: 250px;
  padding: 17px 25px 0 0;
  text-align: right;
  font-size: 11px;
  color: #999999;
}
*/
#vyhledat { font-size: 12px; }

#menuprvni, .menudalsi {
  background: #EBE8D6 url(../img/bg-nab.gif) no-repeat;
  font-size: 13px;
  padding: 3px 0 3px 0px;
  border-top: 1px solid #D9D2B3;
  /*letter-spacing: 0.5px;*/
}
.menudalsi {
  margin-top: 20px;
}
#menuprvni b, .menudalsi b { margin-left: 10px; }
#menulogin {
  margin-left: 15px;
  font-size: 12px;

}
/*
#menulogin a {
  color: #777;
}
#menulogin a:hover {
  border: 0;
  color: #000;
}
*/
.katlevy, .katpravy {
  font-size: 13px; 
  line-height: 18px;
  margin-bottom: 5px; 
}
.katlevy p, .katpravy p {
  margin: 1px 0 0 2px;
  text-align: left;
}
.katlevy a, .katpravy a { padding: 0 1px 0 2px; }
.katlevy {
  float: left;
  width: 270px;
  /*border: 1px solid red;*/
}
.katpravy {
  float: left;
  margin-left: 70px;
  width: 270px;
  /*border: 1px solid red;*/
}

/* Texty */
a {
  color: /*#BE1213*/#4B82B8;
  text-decoration: none;
}
a:hover {
  color: /*#355E86*/#DA0707;
  text-decoration: underline;
	/*border-bottom: 1px dotted /*#355E86#F4620B;*/
}

h1 {
  font-size: 15px;
  margin-bottom: 10px;
  margin-left: -5px;
  border-bottom: 1px dashed #C0C0C0;
  padding-bottom: 2px;
  font-family: sans-serif, Georgia;
}
h2 {
  font-size: 14px;
  margin-bottom: 3px;
  margin-left: 0px;
  font-family: sans-serif, Georgia;
}
h2.kategorie {
  font-size: 12px;
  margin-bottom: 2px;
  font-family: sans-serif, "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva, Verdana, sans-serif;
}
h3 {
  font-size: 13px;
  margin-bottom: 2px;
  font-family: sans-serif, Georgia;
}
.msg {
  background-color: #FEFEE2;
  border-top: 1px solid #EBE8D6;
  border-bottom: 1px solid #EBE8D6;
  font-size: 12px;
  width: 675px;
  _width: 690px;
  margin: 0 0 10px -10px;
  padding: 5px 10px 5px 10px
}
.msg ul {
  list-style-type: none;
}


/* Tabulky */
table { font-size: 12px; }
th { text-align: left; }
td { vertical-align: top; }
table.colored {
  margin-top: 3px;
  border-collapse: collapse;
}
table.colored th {
	background: #F9F7ED;
	padding-left: 12px;
	padding-right: 12px;
	text-align: left;
	border-top: 1px solid #EBE8D6;
  border-bottom: 1px solid #EBE8D6;
	border-left: 1px solid #EBE8D6;
}

table.colored td {
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #EBE8D6;
	border-bottom: 1px solid #EBE8D6;
}
tr.row-a { background-color: #FBFAF4; }
tr.row-b { background-color: #fff;	}

table img { padding: 0 3px 0 3px; }

/* Formuláře */
.input {
  border: 1px solid #888;
  color: #333;
  font-size: 12px;
  padding: 1px 3px 1px 3px;
}
.button {
  background-color: #D4D0C8;
  color: #333;
  font-weight: bold;
  padding-left: 8px;
  padding-right: 8px;
}
.checkbox { padding: 1px 3px 1px 3px; }

/* Odsazeni */
p {
  margin: 5px 0 10px 0;
  text-align: justify;
}

.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
/* Pomocné */
.clr { clear: both; }
.h10 { height: 10px; } /* asi smaznout */

/* Hodnocení */
.ratingblock { display: block; }
.ratingblock p { margin: 0; }

.loading {
	height: 20px;
	background: url('../img/working.gif') 50% 50% no-repeat;
}	

.unit-rating {
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 20px;
	position: relative;
	background: url('../img/star.gif') top left repeat-x;		
}
.unit-rating li{
  text-indent: -90000px;
	padding: 0px;
	margin: 0px;
	float: left;
}
.unit-rating li a {
	outline: none;
	display: block;
	width: 20px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}

.unit-rating li a:hover{
	background: url('../img/star.gif') left center;
	z-index: 2;
	left: 0px;
}
.unit-rating a.r1-unit{ left: 0px; }
.unit-rating a.r1-unit:hover{ width:20px; }
.unit-rating a.r2-unit{ left:20px; }
.unit-rating a.r2-unit:hover{ width: 40px; }
.unit-rating a.r3-unit{ left: 40px; }
.unit-rating a.r3-unit:hover{ width: 60px; }
.unit-rating a.r4-unit{ left: 60px; }	
.unit-rating a.r4-unit:hover{ width: 80px; }
.unit-rating a.r5-unit{ left: 80px; }
.unit-rating a.r5-unit:hover{ width: 100px; }


.unit-rating li.current-rating {
	background: url('../img/star.gif') left bottom;
	position: absolute;
	height: 20px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted { color: #333; }
.thanks { color: #36AA3D; }
.static { color: #5D3126; }		


label
  { display: block; width: 100px; padding-right: 20px; float: left; text-align: right; }
#komentare
  { clear: both; float: left; margin-top: 10px; width: 95%; }
#komentare p
  { margin-bottom: 1px; }
.jouda
	{ left: -1000px; top: -1000px; position: absolute }