* {
	margin: 0px;
	padding: 0px;
}

body {
	background: #eee;
	color: #000000;
	font-size: 9pt;
	font-family: tahoma;
	line-height: 1.5em;

}

img {
	border: none;
}

br {
	margin-bottom: 3px;
}

h1 {
	color: #cf7322;
	font-size: 16pt;
	padding-top: 25px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #cf7322;
	font-family: Georgia;
	letter-spacing: 0px;
	font-weight: bold;
}

h2 {
	color: #666;
	font-size: 10pt;
	padding-top: 7px;
	padding-bottom: 6px;
	font-family: Georgia;
	font-weight: bold;
}

h2.list {
	font-size: 9pt;
	padding-top: 0px;
	padding-bottom: 3px;
}

h2.list a {
	color: #666;
}

h3 {
	color: #525252;
	font-size: 9pt;
}

p {
	text-indent: 20px;
	margin-bottom: 20px;
}

#corner1 {
	float: left;
	width: 22px;
	height: 23px;
	background: url(images/corner1.gif) no-repeat;
}

#corner2{
	float: right;
	width: 22px;
	height: 23px;
	background: url(images/corner2.gif) no-repeat;
}

#corner3 {
	float: left;
	width: 22px;
	height: 23px;
	background: url(images/corner3.gif) no-repeat;
}

#corner4 {
	float: right;
	width: 22px;
	height: 23px;
	background: url(images/corner4.gif) no-repeat;
}

#outerTop {
	float:left;
	width: 950px;
	height: 23px;
	background: #fafeec url(images/border_top.gif) repeat-x;
}

#center {
  width: 100%;
  max-width: 950px;
  float:left;
  margin-left: 5px;
}

#outerBottom {
	float:left;
	width: 950px;
	height: 23px;
	background: url(images/border_bottom.gif) repeat-x;
}

#container {
	clear: both;
	width: 100%;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	background: #fff url(images/container_bg.gif) repeat-y;
}

#inner {
	float: left;
	width: 100%;
	max-width: 950px;
	background: #fff;
}

#innerf {
	float: left;
	width: 914px;
	height: 22px;
	padding: 3px;
	text-align: center;
	background: #e2efa0;
}

#header-left {
	float: left;
	width: 2px;
	height: 150px;
	background: #ccc;
}

#header-right {
	float: right;
	width: 2px;
	height: 150px;
	background: #ccc;
}

#header-inner {
	float: left;
	width: 100%;
	max-width: 950px;
	height: 200px;
	background: url(images/header.jpg) no-repeat;
	/*background: url(images/dobroty_xmas_header.jpg) no-repeat;*/
}

#header-click {
	width: 300px;
	height: 100px;
	margin-top: 50px;
	float: left;
}

#header {
	width: 100%;
	max-width: 950px;
	height: 200px;
	margin-left: 5px;
	text-align: left;
	color: #ffffff;
}

#infobar {
	width: 100%;
	max-width: 950px;
	/*margin-top: 160px;*/
	margin-top: 10px;
	height: 40px;
	color: #000000;
	text-align: left;
	font-size: 7pt;
	background: url(images/transparent_gy.png);
	float: right;
	border-bottom: 1px solid #fff;
	clear: both;
}

#leftside {
	clear: both;
	width: 172px;
	height: 700px;
	float: left;
	margin-left: 3px;
}

#middle {
	width: 100%;
	max-width: 440px;
	min-height: 400px;
	float: left;
	padding: 10px;
}

#rightside {
	width: 305px;
	float: right;
	margin-right: 5px;
}

#menu li
{ 
	float: left; 
	list-style: none;
} 

#menu li a 
{ 
	display: block; 
	float: left; 
	height: 28px;
	padding-top: 12px;
	padding-left: 25px;
	padding-right: 25px;
	text-decoration: none; 
	font-size: 9pt;
	color: #fff;
	font-family: verdana;
	font-weight: bold;
} 

#menu li a:hover, #menu li a:active
{
	padding: 5px;
	margin-top: 7px;
	margin-left: 20px;
	margin-right: 20px;
	height: auto;
	background: #86ae1f;
	-moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
} 
#menu li a#selected
{ 
	background: url(images/hmenu_sel.gif);
	color: #ffffff;
} 
#menu li a#selected:hover
{ 
	background: url(images/hmenu_sel.gif);
	color: #ffffff;
} 

#foot
{
	clear: both;
	float: left;
	width: 100%;
	max-width: 940px;
	height: 16px;
	padding: 5px;
	text-align: center;
	background: #f5f5f5;
	color: #777777;
	margin-top: 20px;
	border-top: 1px solid #f0f0f0;
}

.center
{
	text-align: center;
	margin-bottom: 20px;
}

.circle1
{
	width: 24px;
	height: 20px;
	margin: 2px;
	padding-top: 4px;
	color: #a1bd6e;
	font-weight: bold;
	float: left;
	text-align: center;
	border: 1px solid #a1bd6e;
}

.circle2
{
	width: 24px;
	height: 20px;
	margin: 2px;
	padding-top: 4px;
	color: #fff;
	background: #a1bd6e;
	border: 1px solid #a1bd6e;
	font-weight: bold;
	float: left;
	text-align: center;
}

.step 
{ 
	display: block; 
	float: left; 
	height: 28px;
	width: 38px;
	padding-top: 10px;
	margin-left: 50px;
	text-decoration: none; 
	font-size: 11pt;
	color: #000000;
	font-family: verdana;
	font-weight: bold;
	text-align: center;
	background: #efefef;
} 

.step2
{ 
	display: block; 
	float: left; 
	height: 28px;
	width: 38px;
	padding-top: 10px;
	margin-left: 50px;
	text-decoration: none; 
	font-size: 11pt;
	color: #ffffff;
	font-family: verdana;
	font-weight: bold;
	text-align: center;
	background: #99aa41;
} 

.border
{ 
	display: block; 
	float: left; 
	padding: 5px;
	margin: 5px;
	width: 400px;
	text-decoration: none; 
	color: #000000;
	border: 1px solid #99aa41;
	background: #eff6cb;
} 

.content {
	padding: 5px;
	margin-bottom: 10px;
}

.infobox {
	clear: both;
	width: 167px;
}

.infobox2 {
	clear: both;
	float: right;
	width: 300px;
	min-height: 60px;
	margin-top: 10px;
	margin-right: 5px;
}

.infobox3 {
	clear: both;
	float: right;
	width: 300px;
	min-height: 60px;
	background: #f8f8f8;
	border: 1px dotted #e0e0e0;
	margin-top: 10px;
	margin-right: 5px;
}

.menucontent {
	clear: both;
	width: 150px;
	margin-left: 7px;
	height: 100%;
	padding-bottom: 20px;
}

.namebox {
	height: 35px;
	width: 167px;
	background: url(images/menutitle_bg.gif) center;
	color: #ffffff;
	padding-top: 0px;
	font-family: Verdana;
	font-weight: bold;
	font-size: 10pt;
	text-align: left;
}

.menufoot {
	height: 37px;
	width: 167px;
	background: url(images/menufoot_bg.gif);
	margin-left: 1px;
}

.namebox2 {
	height: 19px;
	width: 111px;
	background: url(images/infobox_name.gif);
	color: #ffffff;
	font-family: tahoma;
	font-weight: bold;
	font-size: 8pt;
	text-align: left;
	margin-left:10px;
	padding-top: 3px;
	padding-left: 6px;
}

.namebox3 {
	height: 19px;
	width: 111px;
	background: url(images/infobox2_name.gif);
	color: #ffffff;
	font-family: tahoma;
	font-weight: bold;
	font-size: 8pt;
	text-align: left;
	margin-left:10px;
	padding-top: 3px;
	padding-left: 6px;
}


a:link, a:active, a:visited {
	color: #333333;
	text-decoration: underline;
}

a:hover, a:active:hover, a:visited:hover {
	color: #666666;
	text-decoration: underline;
}

a.nav:link, a.nav:active, a.nav:visited {
	color: #a1bd6e;
	text-decoration: none;
	font-weight: bold;
	display: block;
	width: 24px;
	height: 24px;
}

a.nav:hover, a.nav:active:hover, a.nav:visited:hover {
	color: #a1bd6e;
	text-decoration: underline;
	font-weight: bold;
	display: block;
	width: 24px;
	height: 24px;
}

.right {
	float: right;
	margin: 0px;
}

.left {
	float: left;
	margin: 0px;
}

/* Tables */
table#tabulka, table.info {
	width:100%; 
	margin-top: 10px;
	margin-bottom: 10px;
	border:2px solid #666666; 
	border-collapse:collapse;
}

table#tabulka th, table.info th {
	border-bottom:1px solid #666666;
	background-color:#ffffff;
	color: #444444;
}

table#tabulka th, table#tabulka td {
	padding:8px 8px; 
	text-align:center;
}

table#tabulka th.left, table#tabulka td.left, table.info {
	float:none; 
	text-align:left;
}

table#tabulka th.right, table#tabulka td.right {
	float:none; 
	text-align:right;
}

table#tabulka tr.even td {
	background-color:#eaf1c5;
}

table.info th, table.info td {
	border:1px solid #ccc;
	padding:5px 5px; 
	text-align:left;
}

/* Tables */
table.t2 {
	width:100%; 
	margin-top: 5px;
	margin-bottom: 5px;
	border:none; 
	border-collapse:collapse;
	float:none; 
	text-align:left;
}

table.t2 td {
	border: none;
	padding: 2px;
}

table.t2 td.right {
	text-align: right;
	padding-right: 10px;
}

textarea, input, select {
  margin-top: 3px;
  margin-bottom: 3px;
  font-size: 11px;
  padding: 5px;
  font-family: verdana;
}

.smalllight {
  font-size: 7pt; 
  color: #777777;
  margin: 3px;
}

#leftmenu {
	margin: 0px;
	padding: 0px;
	margin-bottom: 0px;
	font-size: 9pt;
}

#leftmenu a {
	display: block;
	color: #cf7322;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 0px;
	padding: 6px;
	padding-left: 10px;
	width: 134px;
}

#leftmenu a:hover {
	color: #fff;
	background: #eccdb2;
	-moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.midbox {
  width: 100%;
  max-width: 430px;
  height: 50px;
  border-bottom: 1px dotted #ddd;
  margin-bottom: 8px;
  padding: 5px;
}

.midbox2 {
  width: 100%;
  max-width: 430px;
  height: 50px;
  border-bottom: 1px dotted #ddd;
  margin-bottom: 8px;
  padding: 5px;
}

.midbox2 .image {
  background: #eee; 
  width: 50px; 
  height:50px; 
  margin-right: 5px;
}

.midbox2 .title {
  width: calc(100% - 150px);
  max-width: 270px;
}

.midbox2 .rating {
 width: 80px; 
 margin-right: 15px;
 text-align: right; 
 font-size: 7.5pt;
}

.textdiv {
  width: 410px;
  background: #f8fcf0;
  border: 1px dotted #d4e3b8;
  padding: 10px;
  box-sizing: border-box;
}

.alert {
	width: 380px;
	display: block;
	float: left;
	background: #fff2ea url('images/exclamation.png') no-repeat;
	background-position: 10px 10px;
	padding: 10px;
	padding-left: 35px;
	border: 1px solid #f8ad9a;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #F33F3F;
}

.photo {
	border: 5px solid #e0e0e0;
	margin: 10px;
	margin-left: 0px;
}

.left {
	float: left;
	color: #777777;
}

.right {
	float: right;
	color: #777777;
}

input.submbtn, input.submbtn:hover {
    border: 1px solid #999999; 
	background-color: #aac56f;
    padding: 5px;
    font-size: 9pt;
	font-weight: bold;
	color: #fff;
	cursor:pointer;cursor:hand;
	-moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

input.submbtn:hover {
	background-color: #b4cf77;
}

hr {
	width: 30px;
}

@media (max-width: 768px) {
	#leftside {
		width: 100%;	
		height: initial;
	}

	.infobox {
		width: 100%;
	}

	.namebox {
		width: 100%;
		background-repeat: no-repeat;
	}
	
	.menucontent {
		width: 100%;
	}
	
	#leftmenu {
		width: 100%;
	}

	#leftmenu a {
		float: left;
	}

	hr {
		width: 90%;
		float: left;
		margin-left: auto;
		margin-right: auto;
	}

	#middle {
		width: calc(100% - 20px);
		max-width: 100%;
	}
	
	.midbox2 {
		max-width: 100%;	
	}

	#rightside {
		width: 100%;
	}	
	
	.infobox3, .infobox2 {
		margin: 10px;
		width: calc(100% - 30px);
	}

	.textdiv {
		width: 100%;
	}

	.midbox {
		width: 100%;
		max-width: 100%;
	}
}