/** 
	@author: Miroslav Malat
	@site: template
-------------------------------- */
html, body {	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	line-height: 1.5;	color: #333;	margin: 0;	padding: 0;	text-align: center;}
body { background: #f5f5f5; }

/* basic elements
------------------------------------------------ */
address, li, dt, dd, p, th, td, h3, h4, h5, h6, caption, form.search {	font-size: 11px;}

h1 { font-size: 16px; color: #78407d; margin-bottom: 0.5em;}
h2 { font-size: 14px; margin-bottom: 0.25em;	color: #7d440f; clear: both;}
h3 { margin: 0;	font-size: 12px;	color: #493419;}
h4 { margin-bottom: 0; color: #848484;}

h3 a {}

a { color: #78407d; }
a:hover, a:focus {	text-decoration: none;}
address {	font-style: normal;	margin-bottom: 0.9em;}

p {	margin: 0 0 15px 0;}

dl {	margin: 0 0 15px 0;}
dt {	margin-left: 0;	margin-top: 10px;	font-weight: bold; color: #848484;}
dd {	margin-left: 25px;}

ul {	margin: 0 0 10px 0;	padding-left: 10px;}
ol {	margin-left: 7px;	padding-left: 10px;}
ul ul, ol ul {	margin: 0 0 5px 0;	padding-left: 10px;}
ol {	margin-left: 7px;	padding-left: 10px;}
li {	margin: 0 0 0 10px;}
li li {	font-size: 12px;}
ul li, ol ul li {	list-style: disc;}
ol li {	list-style-type: decimal;}

hr {	border: 1px solid #fff;	border-bottom: 1px solid #B2B2B2;	margin: 5px 0;
	_margin: 0 0;
}
img {	border: 2px solid #f1f1f1;	font-size: 11px;	color: #333;	background: #fff url(../gfx/loading.gif) no-repeat center; display: block; }
textarea {	border: 1px solid #c8c8c8;	padding: 2px;}
label {	display: block; vertical-align: middle; padding: 1px 0;}
fieldset {	margin: 10px 15px; padding: 0;	border: none;	vertical-align: middle;}
legend { color: #493419; font-weight: bold; padding: 0 0 3px 0; margin: 0;}

*body legend {	margin-left: -5px;	}

input[type=radio], input.radio {	vertical-align: text-bottom;}
input[type=checkbox], input.check { vertical-align: middle;}
input.send:hover {	opacity: 0.8;}

input:focus {	background-color: #f2e9bb; color: #000;}
*body input.send {	margin-left: 0;} /* hack for IEs */

table {	width: 515px; background: #d7d7d7; margin-bottom: 15px;}
td, th {	padding: 5px;	line-height: 1.5;	vertical-align: middle; background-color: #fff;}
th {	text-align: left;	color: #533B1A;	font-weight: bold; }
caption {	text-align: left;	color: #3857BD;	margin-left: 2px;}



/* obecne
------------------------------------------ */
.left {	text-align: left !important;}
.right {	text-align: right !important;}
.center {	text-align: center !important;}
.fll {	float: left;}
.flr {	float: right;}
img.fll {	float: left;	margin: 0 10px;}
img.flr {	float: right;	margin: 0 10px;}

.cleaner {	clear: both;}
div.cleaner {	height: 1px;	font-size: 1px;	line-height: 1px;}

.hid {	visibility: hidden;}
.nod {	display: none;}
.spaceman {	position: absolute;	top: -3000px;	left: 0;}
.half {	float: left;	width: 45%;	margin-left: 10px;}
.spacer {	border: 1px solid #fff;	border-bottom: 1px solid #ddd;	margin: 10px 0 10px 0;	display: block;}

.vtop {	vertical-align: top;}

/*sirky*/
.w550 {	width: 550px;}
.w350 {	width: 350px;}

/* balicek
-----------------------------------------------*/
#balicek {	
	position: relative;	width: 920px;	
	margin: 75px auto 0 auto;	text-align: left;	background-color: #fff;
	border: 1px solid #ccc;
}

/* hlavicka
-----------------------------------------------*/
#hlavicka {	margin: 0;	width: 920px;	height: 210px;	background: url(../gfx/bg-hlavicka.jpg) no-repeat right; position: relative; }
#hlavicka img { border: none; position: absolute; top: 30px; left: 0; }

#hlavicka h1 {
	margin: 0 20px;
	font-size: 32px;
	font-style: italic;
	padding-top: 50px;
}

#hlavicka h1 a {
	color: #fff;
	text-decoration: none;
}

/* text-box
-----------------------------------------------*/
#text-box { 
	background: #fff;	width: 660px;	margin: 0 15px 0 0;	padding: 0;	
	min-height: 520px; _height: 100%;
	float: right;
}

#content {
	float: left;
	width: 460px;
}

#subpage {
	/*margin-left: 20px;*/
}

/* crumb */
p#crumb { line-height: 30px;	font-size: 10px;}
p#crumb a, p#crumb strong { font-weight: normal; }

/* tag cloud */
.cloud {	
	float: right;
	width: 190px;
	border: 1px solid #f1f1f1;
	background: #ffffe0;
	margin-top: 10px;
}

.cloud h3 { background-color: #f1f1f1; padding: 5px 10px;	}
.cloud p {
	margin: 10px;
}

.cloud a { color: #b2b2b2;	text-decoration: none;	cursor: pointer;	}
.cloud a:hover { color: #333 !important; text-decoration: underline; }

.cloud a.s1 { font-size: 10px; }
.cloud a.s2 { font-size: 11px; }
.cloud a.s3 { font-size: 14px; color: #7d440f;}
.cloud a.s4 { font-size: 16px; color: #78407d; font-weight: bold; }


/* menu
-----------------------------------------------*/
#menu { float: left; width: 200px; border: 5px solid #f1f1f1; margin-left: 15px;}
#menu ul, #menu li {	margin: 0; padding: 0;	list-style: none;}
#menu li {	display: block;	line-height: 29px;	font-size: 11px; border-bottom: 1px solid #fff;}
#menu li a {
	color: #7d440f;	text-decoration: none; display: block; line-height: 29px; padding: 0 10px 0 10px; font-weight: bold; 
	background: #f2e9bb; 
}
#menu li.active a, #menu li a:hover { background-color: #89185e; color: #fff; }

#menu li ul  {
	margin-left: 10px;
}
#menu li.active li a {
	background: #fff;
	color: #89185e;
	font-weight: normal;
}

#menu li li a:hover, #menu li li.active a {
	background-color: #f1f1f1;
}


/* paticka
-----------------------------------------------*/
#paticka {	width: 920px; margin: 0 auto;	height: 35px;	clear: both;	background-color: #ccc;	border-top: 5px solid #fff; color: #333;}
#paticka ul, #paticka li {	margin: 0;	list-style: none; padding: 0;}
#paticka ul {	margin: 10px; width: 900px;}
#paticka a { color: #333;	font-weight: normal; text-decoration: none;}
#paticka a:hover { text-decoration: underline;}

/* recommend
-----------------------------------------------*/
#recommend { color: #b2b2b2; padding: 10px 0; height: auto; margin: 0 atuo; }
#recommend p {	margin: 0; padding: 0 10px; }
#recommend a {	color: #b2b2b2; font-weight: normal; }

form.contact_form { margin: 10px 0 }
form.contact_form h3 { margin: 20px 0 10px 0 }
form.contact_form label { font-size: 12px; float: left; }