body {
	margin: 0;
	padding: 0;
	background: url(img/bg_main.jpg) no-repeat center -600px  fixed;
	font-size: 1em;
}

hr.clear {
  clear: both;
  height: 1px;
  margin: -1px 0 0 0; 
  padding: 0;
  border: none;
  visibility: hidden;
}

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

.vpravo {
	float: right;
	margin: 0 0 0 10px;
	text-align: right;
}

.center {
	margin: 5px auto 0;
	display: block;
	clear: both;
}

.none {
	border-style: none;
	text-decoration: none;
}

.hide {
	border-style: none;
	text-decoration: none;
	display: none;
}

fieldset {
	border-style: none;
}

legend {
	display: none;
}

#hlaska {
	color: #6a4013;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	display: none;
}

.hlaska_normal {
	color: #6a4013;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
}

.red {
	color: #e31000;
	font-weight: bold;
}

.r {
	border: 3px solid #c0c0c0;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

.text-justify {
	text-align: justify;
}

#easyTooltip{
	padding:5px;
	border: none;
	font: 0.8em 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	z-index: 150;
	position: relative;
	background: #975c1c;
	color: #ffeccf;
}

div.container {
	width: 824px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

div.container .vlnka {
	width: 524px;
	height: 18px;
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	top: 171px;
	left: 0;
	z-index: 50;
	background: url(img/vlnka.png) no-repeat 0px 0px;
	float: left;
}

code {
	color: #323232;
	font: 0.8em "Tahoma CE", Tahoma, "Verdana CE", Verdana;
	padding: 5px;
	display: block;
	clear: both;
	border: 1px dotted #d1bb96;
	background: #fffbf8;
	margin: 10px 15px 5px 40px;
}

/* ------------------------------------ HEADER */

div.header {
	width: 824px;
	height: 171px;
	margin: 0;
	padding: 0;
	background: url(img/bg_head.png) no-repeat 0px 0px;
	position: relative;
	display: block;
	top: 0;
	right: 0;
	left: 0;
}

div.header a.logo {
	width: 220px;
	height: 60px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 38px;
	right: 39px;
	background: url(img/logo_patriot_club.png) no-repeat 0px 0px;
	float: right;
	display: none;
}

div.header a.logo span {
	display: none;
}

div.header .title {
	width: 528px;
	height: 132px;
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	top: 0;
	left: 12px;
	float: left;
	overflow: hidden;
}

div.header .title img {
	position: absolute;
	top: 0;
	left: 0;
	width: 528px;
	height: 132px;
	margin: 0;
	padding: 0;
}

/* ------------------------------------ HEADER -> TOPMENUBOX */

div.topmenubox {
	margin: 0;
	padding: 0;
	width: 795px;
	height: 37px;
	position: absolute;
	left: 12px;
	display: block;
	z-index: 10;
	float: left;
	bottom: 0;
}

div.topmenubox ul.topmenu {
	margin: 0;
	list-style: none;
	padding: 0 0 0 15px;
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}

div.topmenubox ul.topmenu li {
	float: left;
	padding: 0;
	margin: 0 8px 0 0;
	color: #000000;
	display: block;
}

div.topmenubox ul.topmenu li a {
	margin: 0;
	display: block;
	float: left;
	padding: 7px 12px;
	height: 23px;
	text-decoration: none;
	color: #fff1db;
	font: 0.9em "Tahoma CE", Tahoma, "Verdana CE", Verdana, "Arial CE", Arial;
}

div.topmenubox ul.topmenu li a:hover {
	background: url(img/bg_topmenu_hover.png) no-repeat center bottom;
	color: #ffffff;
}

div.topmenubox .client {
	margin: 0;
	padding: 0;
	width: 199px;
	height: 22px;
	background: url(img/t_klientska_sekce.png) no-repeat 0px 0px;
	position: absolute;
	top: 7px;
	right: 20px;
	float: right;
	z-index: 150;
	display: block;
}

div.topmenubox .client span {
	display: none;
}

/* ------------------------------------ CONTENT */

div.content {
	padding: 0;
	width: 800px;
	background: #ffffff;
	min-height: 220px;
	position: relative;
	margin: 0 auto;
}

div.content_down {
	width: 800px;
	height: 16px;
	padding: 0;
	margin: 0 auto;
	display: block;
	background: url(img/bg_content_down.png) no-repeat 0px 0px;
}

div.contentright {
	width: 272px;
	margin: 0;
	padding: 0;
	float: right;
}

div.contentright h2 {
	color: #745023;
	font: bold 1.1em 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 25px 0 5px 45px;
}

div.contentleft {
	width: 510px;
	margin: 0;
	float: left;
	padding: 25px 0 0;
}

/* ------------------------------------ CONTENT - > Login */

div.userloginbox {
	width: 272px;
	margin: 0;
	padding: 0;
	background: #C29B66 url(img/bg_login.png) no-repeat right top;
	position: relative;
}

div.userloginbox form {
	margin: 0;
	padding: 0;
}

div.userloginbox p {
	margin: 0;
	color: #ffffff;
	font: 0.9em "Tahoma CE", Tahoma, "Verdana CE", Verdana, "Arial CE", Arial;
	text-align: right;
	padding: 15px 20px 0 5px;
}

div.userloginbox p a {
	text-decoration: none;
	color: #975c1c;
	font-family: "Tahoma CE", Tahoma, "Verdana CE", Verdana;
}

div.userloginbox p a:hover {
	text-decoration: none;
	color: #321e09;
	font-family: "Tahoma CE", Tahoma, "Verdana CE", Verdana;
}

div.userloginbox p input {
	margin: 0 0 5px;
	width: 150px;
	color: #775722;
	font-size: 1em;
	padding: 2px 5px;
	border: 1px solid #765e3d;
}

div.userloginbox p .button_login {
	width: 77px;
	height: 31px;
	padding: 0;
	border-style: none;
	background: url(img/tlacitka.png) no-repeat 0px 0px;
	margin: 0;
}

div.userloginbox p .button_login:hover {
	width: 77px;
	height: 31px;
	margin: 0;
	padding: 0;
	border-style: none;
	background: url(img/tlacitka.png) no-repeat -78px 0px;
}

div.userloginbox .corner {
	width: 40px;
	height: 39px;
	margin: 0;
	padding: 0;
	display: block;
	background: url(img/corner_login.png) no-repeat 0px 0px;
	position: absolute;
	bottom: 0;
	left: 0;
	float: left;
	z-index: 10;
}

.button_ulozit {
	width: 77px;
	height: 31px;
	padding: 0;
	border-style: none;
	background: url(img/tlacitka.png) no-repeat 0px -32px;
	margin: 0;
}

.button_ulozit:hover {
	width: 77px;
	height: 31px;
	margin: 0;
	padding: 0;
	border-style: none;
	background: url(img/tlacitka.png) no-repeat -78px -32px;
}

/* ------------------------------------ CONTENT - > User menu */

ul.usermenu {
	margin: 0;
	width: 272px;
	list-style: none;
	padding: 0;
}

ul.usermenu li {
	margin: 0;
	padding: 0;
	width: 272px;
	list-style: none;
	display: block;
}

ul.usermenu li a {
	margin: 2px 0 0;
	padding: 7px 0 7px 45px;
	display: block;
	border-bottom: 1px dotted #c29b66;
	background: #f2eee1 url(img/lock.png) no-repeat 15px center;
	color: #644f34;
	text-decoration: none;
	font: 0.9em "Tahoma CE", Tahoma, "Verdana CE", Verdana, "Arial CE", Arial;
}

ul.usermenu li a:hover {
	background: #fffaed url(img/lock.png) no-repeat 15px center;
	color: #493925;
}

ul.usermenu li a.free {
	margin: 2px 0 0;
	padding: 7px 0 7px 45px;
	display: block;
	border-bottom: 1px dotted #c29b66;
	background: #f2eee1;
	color: #644f34;
	text-decoration: none;
	font: 0.9em "Tahoma CE", Tahoma, "Verdana CE", Verdana, "Arial CE", Arial;
}

ul.usermenu li a.free:hover {
	background: #fffaed;
	color: #493925;
}

ul.usermenu li a span {
	color: #8b6d48;
	font-size: 80%;
}

/* ------------------------------------ CONTENT - > Pages */

div.contentleft h1 {
	color: #745023;
	font: bold 1.1em 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 15px 0 5px 40px;
}

div.contentleft h1 span {
	color: #b1957d;
	font-size: 75%;
}

div.contentleft h2 {
	color: #893818;
	font: normal 1em 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 15px 0 5px 50px;
}

div.contentleft h3 {
	color: #353535;
	font: normal 0.9em 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 15px 0 5px 50px;
}

div.contentleft p  {
	margin: 0;
	color: #4a4a4a;
	font: 0.8em/1.4em "Tahoma CE", Tahoma, "Verdana CE", Verdana;
	padding: 0 15px 13px 40px;
}

div.contentleft p a {
	color: #875915;
	text-decoration: none;
	border-bottom: 1px dotted #875915;
}

div.contentleft p a:hover {
	color: #3d2709;
	text-decoration: none;
	border-bottom: 1px dotted #3d2709;
}

div.contentleft ul {
	list-style: none;
	margin: 0;
	padding: 0 15px 10px 60px;
}

div.contentleft ul li {
	margin: 0;
	color: #4a4a4a;
	text-align: justify;
	list-style: square;
	padding: 0 0 2px;
	font: normal 0.8em "Tahoma CE", Tahoma, "Verdana CE", Verdana, "Arial CE", Arial;
}

div.contentleft ol {
	margin: 0;
	padding: 0 15px 10px 60px;
}

div.contentleft ol li {
	margin: 0;
	color: #4a4a4a;
	text-align: justify;
	padding: 0 0 2px;
	font: normal 0.8em "Tahoma CE", Tahoma, "Verdana CE", Verdana, "Arial CE", Arial;
}

/* ------------------------------------ CONTENT - > News */

div.news {
	margin: 0;
	list-style: none;
	font-family: "Tahoma CE", Tahoma, "Verdana CE", Verdana, "Arial CE", Arial;
	padding: 0 15px 10px 40px;
	border-bottom: 1px solid #e2e2e2;
	position: relative;
}

div.news h3 {
	margin: 0;
	padding: 10px 0 0;
	color: #796a64;
}

div.news h3 span {
	color: #a79381;
	font-size: 80%;
	font-weight: normal;
}

div.news h3 a {
	text-decoration: none;
	color: #946e38;
	margin: 0;
	padding: 0;
	display: block;
}

div.news h3 a:hover {
	color: #c06f26;
}

div.news h3 a span {
	color: #a79381;
	font-size: 80%;
	font-weight: normal;
}

div.news p {
	margin: 0;
	color: #4a4a4a;
	padding: 5px 15px 8px 0;
	font-style: normal;
	font-family: "Tahoma CE", Tahoma, "Verdana CE", Verdana, "Arial CE", Arial;
}

div.news p.date {
	width: 49px;
	height: 73px;
	margin: 0;
	display: block;
	float: left;
	position: absolute;
	top: 15px;
	left: -49px;
	background: url(img/bg_date.png) no-repeat 0px 0px;
	text-align: center;
	font-size: 16px;
	color: #686868;
	padding: 7px 0 0;
	line-height: 14px;
	font-weight: bold;
}

div.news p.date span {
	font-size: 80%;
	font-weight: normal;
	color: #5f5f5f;
}

/* ------------------------------------ CONTENT - > TABLE */

table.normal {
	padding: 0;
	border: 1px solid #eaeaea;
	margin: 0 0 0 25px;
	width: 480px;
}

table.normal th {
	margin: 0;
	border: 1px solid #eaeaea;
	background: #eeeeee;
	color: #54371c;
	font: bold 0.8em 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	padding: 2px 3px;
}

table.normal td {
	margin: 0;
	border: 1px solid #eaeaea;
	color: #565656;
	font: normal 0.8em 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	padding: 1px 3px;
}

table.normal td a {
	color: #a85818;
}

table.normal td a:hover {
	color: #4a270a;
}

/* ------------------------------------ PATICKA */

div.paticka {
	width: 800px;
	padding: 0;
	height: 31px;
	margin: 8px auto 35px;
	background: url(img/bg_paticka.png) no-repeat 0px 0px;
	border-style: none;
	position: relative;
}

div.paticka #nahoru {
	margin: 0;
	padding: 0;
	width: 20px;
	height: 21px;
	position: absolute;
	top: 5px;
	right: 15px;
	float: right;
	display: block;
	background: url(img/top.png) no-repeat 0px 0px;
}

div.paticka #nahoru span {
	display: none;
}

div.paticka p {
	margin: 0;
	font: 0.7em "Tahoma CE", Tahoma, "Verdana CE", Verdana, "Arial CE", Arial;
	color: #424242;
	text-align: center;
	padding-top: 8px;
	padding-right: 10px;
	padding-left: 10px;
}

div.paticka p a {
	color: #333333;
	text-decoration: none;
	border-style: none;
}

div.paticka p a:hover {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px dotted #000000;
}