/* ----------------------------------------------------------------------------------------------------------
reset a obecne formatovani
---------------------------------------------------------------------------------------------------------- */
body, html, p, ul, li, h1, h2, h3, h4, h5, h6, img, form, blockquote, fieldset, legend, ol, ul, li {margin:0; padding:0; border: 0}
input, select, label {vertical-align:middle;outline:0}
ul, ol {list-style-type:none}
p {line-height:1.4;color:#000}
table {border-collapse:collapse; border-spacing:0}
hr {display:none}

/* ----------------------------------------------------------------------------------------------------------
zaklady dokumentu
---------------------------------------------------------------------------------------------------------- */
html {background:#532409}
body {font: normal 62.5%/1 Arial,Tahoma,sans-serif;background:#532409 url(../images/body-bg.png) repeat-x}

/* odkazy */
a {color:#AA1D41;text-decoration:underline}
a:hover {color:#AA1D41;text-decoration:none}

/* obecne tridy */
.right {text-align:right}
.left {text-align:left}
.center {text-align:center}
.float-r {float:right}
.float-l {float:left}
.bold {font-weight:bold}
.italic {font-style:italic}

/* menu pro lepsi pouzitelnost */
ul.usability {position:absolute;top:0;left:-9999px}

/* ----------------------------------------------------------------------------------------------------------
obal
---------------------------------------------------------------------------------------------------------- */
.wrapper {width:1004px;margin:0 auto;background:#F3E7CC url(../images/wrapper-bg.png) repeat-y;position:relative}

/* ----------------------------------------------------------------------------------------------------------
hlavicka
---------------------------------------------------------------------------------------------------------- */
.header {height:100%;background:#BAA186 url(../images/header-bg.jpg) no-repeat 0 0;position:relative;padding:265px 26px 0}

/* logo */
.header a.top, .header a.top span {display:block;width:310px;height:195px;position:absolute;top:22px;left:50px;overflow:hidden;cursor:pointer}
.header a.top span {top:0;left:0;background:url(../images/a-top-bg.jpg)}

/* odkaz zpet na hp */
.header a.back {position:absolute;top:40px;right:35px}

/* jazyky */
.header p.lang {position:absolute;bottom:5px;right:40px}
.header p.lang img {border:1px solid #F3E6CB;}

.header object {position:absolute;top:25px;left:26px}

/* drobeckova navigace */
.header p.breadcrumbs {background:#E9DBC0 url(../images/p-breadcrumbs-bg.png) repeat-x;font-size:1.2em;padding:8px 40px}

/* ----------------------------------------------------------------------------------------------------------
hlavni navigace
---------------------------------------------------------------------------------------------------------- */
#lang-cz li, #lang-en li, #lang-ru li {float:left;font-size:1.2em}
#lang-cz a {float:left;padding:10px 23px;color:#fff;text-decoration:none;background:#532409 url(../images/nav-a-bg.png) repeat-y 100% 0;border-bottom:1px solid #5D3015}
#lang-en a {float:left;padding:10px 21px;color:#fff;text-decoration:none;background:#532409 url(../images/nav-a-bg.png) repeat-y 100% 0;border-bottom:1px solid #5D3015}
#lang-ru a {float:left;padding:10px 7px;color:#fff;text-decoration:none;background:#532409 url(../images/nav-a-bg.png) repeat-y 100% 0;border-bottom:1px solid #5D3015}
#lang-cz li a:hover,
#lang-en li a:hover , 
#lang-ru li a:hover , 
#lang-en li.active a, 
#lang-cz li.active a,
#lang-ru li.active a
{background:#AA1D41 url(../images/nav-a-act-bg.png) repeat-y 100% 0;border-bottom:1px solid #AE2949;color:#fff}

#lang-cz li.last a {padding:10px 30px 10px 31px}
#lang-en li.last a {padding:10px 27px 10px 31px}
#lang-ru li.last a {padding:10px 10px 10px 11px}

/* ----------------------------------------------------------------------------------------------------------
obsah
---------------------------------------------------------------------------------------------------------- */
.content {width:665px;float:left;margin:15px 0 5px 40px;background:url(../images/dotted-bg.png) repeat-x 0 100%;padding:5px 0 15px 30px;display:inline}

.content h1 {font-size:2em;font-weight:normal;background:url(../images/dotted-bg.png) repeat-x 0 100%;padding:0 0 8px;margin:0 0 15px -30px;width:695px}
.content h1 span {background:url(../images/h1-span-bg.png) no-repeat 0 0;padding-left:30px}
.content h2 {margin:15px 0 15px 0;font-size:1.3em}
.content p {font-size:1.3em;margin:10px 0 15px 0}
.content img {border:9px solid #CCB89D}

/* rozcestnik na hp */
.content .guidepost div {float:left;width:200px;margin:0 10px 0 10px;background-image:url(../images/homepage/guidepost-divs-bg.jpg);background-repeat:no-repeat;padding-top:100px;display:inline}
.content .guidepost div p {font-size:1.1em;margin:10px 0 0 0}
.content .guidepost div.gallery {background-position: 0 0}
.content .guidepost div.bonus {background-position: -200px 0}
.content .guidepost div.history {background-position: -400px 0}
.content .guidepost div h2 {background:url(../images/homepage/hp-content-h2-bg.png) no-repeat;font-size:1.3em;color:#fff;text-align:right;padding:10px;margin:0}

/* obrazky */
.content .gallery-small {text-align:center}
.content .gallery-small img {margin:0 5px}
.content img.float-l {margin:0 0 0 15px}

/* obrazek s popiskem */
.content .img-wrapper {width:200px;font-size:0.9em;padding:0 0 20px}
.content .img-wrapper.float-l {margin:0 10px 0 0;display:inline}
.content .img-wrapper img {border:9px solid #CCB89D;display:block;margin:0 0 10px}
.content .img-wrapper p {margin:5px 0;font-size:1.3em}

.content.gallery div.float-l {width:200px;margin:0 21px 0 0}
.content.gallery div.float-l a {display:block;background:#CCB89D;padding:9px;text-align:center}
.content.gallery div.float-l img {border:0 none;margin:0;display:inline}
.content.gallery div.float-l h2 {margin:5px 0}
.content.gallery div.float-l h2 a {display:inline;background:none;padding:0}

/* tabulka */
.content table {border-collapse:separate;border-spacing:1px;font-size:1.2em;margin:5px 0 15px 0;width:100%}
.content table table { font-size: 1em; }
.content table td, .content table th {padding:8px}
.content table th {color:#fff;background:#AE9378;text-align:left}
.content table td {background:#DFCFB4}
.content table tr.odd td {background:#D6C4A9}

/* formular */
.content form {clear:both;margin:15px 0 15px 0}
.content form p {clear:left;padding:4px 0;margin:0}
.content form label {float:left;font-weight:bold;width:50px;text-align:right;padding:2px 8px 0 0}
.content form textarea {width:354px;height:75px;padding:8px;border:1px solid #AE9378}
.content form input.txt {width:192px;height:20px;border:1px solid #AE9378;padding:4px 0 0}
.content form input.sub {border:0 none;background:#532409;color:#fff;text-align:center;font-weight:bold;cursor:pointer;width:130px;height:30px}

/* seznam */
.content ul {margin:15px 0 15px 0;font-size:1.3em;background:#DFCFB4;padding:5px 10px}
.content ul li {background:url(../images/ul-li-bg.gif) no-repeat 0 50%;padding-left:15px;margin:5px 0}

/* objednavkovy formular */
.content form.order {margin:50px 0 0}
.content form.order label {float:none;padding:0;font-size:0.92em}
.content form.order label.float {float:left;width:125px;text-align:left}
.content form.order input.txt {width:180px}
.content form.order .margin {margin-right:50px}
.content form.order .margin2 {margin-right:10px}
.content form.order input.txt.w100 {width:100px;margin-right:18px}
.content form.order input.txt.w50 {width:50px}
.content form.order input.txt.w60 {width:60px}
.content form.order input.txt.w120 {width:120px}
.content form.order select.w540 {width:540px}
.content form.order select {width:190px;height:20px}
.content form.order textarea {width:520px;height:150px}

/* ----------------------------------------------------------------------------------------------------------
sloupec
---------------------------------------------------------------------------------------------------------- */
.sidebar {width:220px;float:right;padding:0 26px 0 0}
.sidebar h2 {font-size:1.3em;font-weight:bold;margin:0 0 5px}
.sidebar .actions {background:#E1D2B7;border:2px solid #CCB89D;color:#532309;padding:8px}
.sidebar .actions p {font-size:1.2em;margin:0 0 10px;color:#532409}
.sidebar .actions p.next {background:url(../images/sidebar-p-next-bg.png) repeat-x;color:#fff;padding:5px;font-size:1.1em;margin:0}
.sidebar .actions p.next a, .sidebar .actions p.next a:hover {color:#fff}

/* ----------------------------------------------------------------------------------------------------------
paticka
---------------------------------------------------------------------------------------------------------- */
.footer {background:transparent url(../images/footer-bg.png) no-repeat 0 100%;clear:both;padding:20px 60px 34px;font-size:1.1em;color:#785136}
.footer a {margin:0 5px}

/* ----------------------------------------------------------------------------------------------------------
nezaraditelne
---------------------------------------------------------------------------------------------------------- */

/* strankovani */
div.paging {font-size:1.4em;clear:both}
div.paging p {font-size:1.08em;float:left;margin:0 0 0 35px;display:inline}
div.paging a {text-decoration:none}
div.paging p a, div.paging p span {float:left;background:#532409;padding:2px 8px;color:#fff;margin:0 1px;display:inline}
div.paging p a:hover, div.paging p a.selected {background:#AA1D41}
div.paging p a.arrow, div.paging p span  {background:none;color:#AA1D41;font-weight:bold}
div.paging p span { color: black; }
div.paging span a {display:block;padding:6px 0 0}
div.paging span a:hover {text-decoration:underline}

div.paging p a:hover {color:#fff;background:#AA1D41} 
div.paging p a.arrow, div.paging p a.arrow:hover {background:none;color:#AA1D41;font-weight:bold}

/*
.map {width:495px;height:345px;background:url(../images/subpage/map.jpg) no-repeat;margin:0 auto}
*/

.map {width:539px;height:361px;background:url(../images/subpage/map3.jpg) no-repeat;margin:0 auto}

/* ----------------------------------------------------------------------------------------------------------
cistice
---------------------------------------------------------------------------------------------------------- */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block}
/* schovani pred ie mac \*/
* html .clearfix {height: 1%}
.clearfix {display: block}
.clr {clear:both;height:0;font-size:0;line-height:0}


/*----------------------------------------------------------------------------------------------------------
zpravy
----------------------------------------------------------------------------------------------------------*/
.error
{
	border: 2px solid #AA1D41;
}

.success
{
	border: 2px solid #006A01;
}



/* ----------------------------------------------------------------------------------------------------------
Doporuceni stranky
---------------------------------------------------------------------------------------------------------- */
div#recommend-modal {
	position:absolute;
	bottom: -20px;
	right: 10px;	
	z-index: 5;
	height: 140px;
	width: 270px;
	padding-left: 20px; 
/*	background-color: #E3E6E9;*/
	background: #F3E7CC;
	border: 2px solid #CCB89D;	
}

div#recommend-modal .label {
	/*color: #2680C6;*/
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0 0 0;
	padding: 0;
}

div#recommend-modal .close-recommend {
	position: relative;
	left: 255px;	
}

div#recommend-modal .close-recommend a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}


div#ajaxRecommendedPage { position: absolute; left: 750px; bottom: 100px; z-index: 150; }
.verdana { font-family: Verdana !important; }






/* Sablona clanku */
.kp_article
{
	width: 97%;
}

.kp-list-right
{
	width: 445px;	
}

.kp-list-left
{
	width: 170px;
}

.kp_article-list
{
	background: #DECEB3;
	padding: 10px;
}

.kp_article .perex
{
	margin-bottom: 10px;

}

.kp_article p
{
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

.kp_image
{
	border: 5px solid #CBB79C !important;
	/*width: 170px;*/
	/*margin-right: 15px;*/
}

.kp_image_thin
{
	border: 1px solid #C6B089 !important;
	/*width: 170px;*/
	/*margin-right: 15px;*/
}

.kp_article h2
{
	color: #58321A;
	margin-left: 0;
	padding-left: 0;
	font-size: 130%;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 10px;

}


.raquo
{

}

.kp_article h2 a 
{
	color: #58321A;
	text-decoration: none;
}

.kp_article h2 a:hover 
{
	text-decoration: underline;
}

.kp_article .date
{
	color: #976F55;
}

.kp_article a.link
{
	font-weight: bold;
	text-decoration: none;	
}

.kp_article a:hover
{
	text-decoration: underline;	
}

.kp_article p.link
{
	margin: 0;
	padding: 0;
	text-align: right;
}



/* strankovaci blok */
.kp_paging
{
	background: #DECEB3;
	padding-left: 20px;
	font-size: 120%;
	padding: 8px 5px;
}

.kp_paging a, .kp_paging span
{
	font-weight: bold;
	padding: 2px;
}

.kp_paging a.selected
{
	background: #EFE5D8;
	border: #C7A372;
}


div.hp_image_bg
{
	background: #663C23;
	width: 200px;
	text-align: center;
	padding: 10px 0;
}

div.cl
{
	overflow: hidden;
	font-size: 1px;
	height: 1px;
}

img.ext
{
	border: 0;
	background: none;
}