/* COMMON STYLE
--------------------------------------------------------- */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
}

body {
	color: #000000;
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 150%;
	font-size:smaller;
}

body#bd {
	color: #5a534a;
	background: #ffffff;
	background: url(../images/body_bg.jpg) repeat-x;
}

#obal {
 position: relative; margin-bottom:0px;
}
#footer2{position: absolute;bottom: 5px; padding: 0px 20px; text-align:right;}
#footer2 a{font-size: 10px;	text-decoration: none; color:#9C693F; padding-left: 10px;}
.odkt{ font-size: 10px; color: #D9CCBE}

body.contentpane {
	width: auto; /* Printable Page */
	margin: 1em 2em;
	line-height: 1.3em;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	color: #333;
}

.ref-home{width: 389px; height: 416px; background: url(../images/kliky-klicky.jpg)  no-repeat; }
.ref-home .ref-img1{float: left; margin-left: 31px; margin-bottom: 19px; margin-top:38px;}
.ref-home .ref-img2{float: left; margin-left: 33px; margin-bottom: 19px; margin-top:38px;}
.ref-home .ref-img3{margin-left:32px; }



.fs1 {
	font-size: 80%;
}

.fs2{
	font-size: 90%;
}

.fs3{
	font-size: 100%;
}

.fs4{
	font-size: 110%;
}

.fs5{
	font-size: 120%;
}

.fs6{
	font-size: 130%;
}

/* Normal link */
a {
	color: #e18122;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color: #d8aa1e;
	text-decoration: none;
}

/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 {
	font-family: Georgia, Arial, Helvetica;
}

/* Small text */
small, .small, .smalldark, .mosimage_caption, .createby, .createdate, .modifydate, a.readon, .img_caption {
	color: #666666;
	font-size: 90%;
}

/* Heading */
.contentheading {
	font-size: 200%;
	font-style:italic;
	color: #9c1900;
	font-weight: bold;
}
.h1small{font-size: 150%;
	font-style:italic;
	color: #9c1900;
	float: left;
		margin: 0;
	padding: 1.2em 0 0.5em 0;
	margin-right: 5px;
	font-family: Georgia, Arial, Helvetica;
	font-weight: bold;
	}

.h2small{font-size: 150%;
	font-style:italic;
	color: #9c1900;
	float: left;
		margin: 0;
	padding: 1.2em 0 0.5em 0;
	margin-right: 5px;
	font-family: Georgia, Arial, Helvetica;
	font-weight: bold;
	}
.h3small{font-size: 110%;
		float: left;
		margin: 0;
	padding: 0.8em 0 0.1em!important; 
	margin-right: 5px;
	font-family: Georgia, Arial, Helvetica;
	font-weight: bold;
	}

h2 {
	font-size: 150%;
	font-style:italic;
	color: #9c1900;
}

h3 {
	font-size: 110%;
	padding: 0.8em 0 0.1em!important; 
}

h4 {
	font-size: 100%;
	text-transform: uppercase;
}

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 1.2em 0 0.5em 0;
}

ul {
	list-style: none;
	padding-top: 0.5em;
}

#containerwrap ul li {
	background:transparent url(../images/li_odrazka.gif) no-repeat scroll 3px 4px;
	line-height:180%;
	padding-left:33px;
	font-weight: bold;
}
.pagination{ list-style: none;}
 .pagination li{display: inline; padding:5px!important; background: none!important;}
 
ol li {
	margin-left: 35px;
	line-height: 180%;
}

th {
	padding: 5px;
	font-weight: bold;
	text-align: left;
}

fieldset {
	border: none;
	padding: 10px 5px;
	background: url(../images/hdot2.gif) repeat-x top;
}

fieldset a {
	font-weight: bold;
}

hr {
	border-top: 1px solid #CCCCCC;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	height: 1px;
}

td, div {
	font-size: 100%;
}

img {
	border: none;
}
/* FORM
--------------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}

form label {
	cursor: pointer;
}

input, select, textarea, .inputbox {
	padding: 3px 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background:url(../images/input_bg.png) no-repeat;
	border:1px solid #eae7e4 ;
	color:#afa89f;
}

.button {
	padding: 3px 5px;
	border: 1px solid #333333;
	background: url(../images/grad1.gif) repeat-x top #333333;
	color: #CCCCCC;
	font-size: 85%;
	text-transform: uppercase;
}

.button:hover, .button:focus {
	border: 1px solid #999999;
	background: #333333;
	color: #FFFFFF;
}

* html .button {
	padding: 2px 0 !important; /*IE 6*/
}

*+html .button {
	padding: 2px 0 !important; /*IE 7*/
}


.inputbox:hover, .inputbox:focus {
	background: #FFFFCC;
}

/* BONUS TYPOGRAPHY STYLES
--------------------------------------------------------- */
pre, .code {
	padding: 10px 15px;
	margin: 5px 0 15px;
	border-left: 5px solid #999999;
	background: #FFFFFF;
	font: 1em/1.5 "Courier News", monospace;
}

blockquote {
	padding: 1em 40px 1em 15px;
}

blockquote span.open {
	padding: 0 0 0 20px;
	background: url(../images/so-q.gif) no-repeat left top;
}

blockquote span.close {
	padding: 0 20px 0 0;
	background: url(../images/sc-q.gif) no-repeat bottom right;
}

/* Quote hilight */
.quote-hilite {
	padding: 10px 15px;
	margin: 0;
	border: 1px solid #CACACC;
	background: #FFFFFF;
}

/* Small quote */
.small-quote {
	margin: 0;
	padding: 0;
	background: none;
}

.small-quote span.open-quote {
	margin: 0;
	padding-left: 20px;
	background: url(../images/so-q.gif) no-repeat center left;
}

.small-quote span.close-quote {
	margin: 0;
	padding-right: 20px;
	background: url(../images/sc-q.gif) no-repeat center right;
}

.small-quote span.author {
	padding: 2px 5px 2px 20px;
	border-top: 1px solid #DCDDE0;
	margin: 0.5em 0 0;
	display: block;
	background: url(../images/author.gif) no-repeat 5px 4px #EAEBEE;
	font-size: 90%;
	text-transform: uppercase;
}

/* Rropcap */
.dropcap {
	float: left;
	padding: 4px 8px 0 0;
	display: block;
	color: #999999;
	font: 50px/40px Georgia, Times, serif;
}

/* Tips, Error, Message, Hightlight*/
p.error {
	padding-left: 25px;
	color: #BF0000;
	background: url(../images/icon-error.gif) no-repeat top left;
}

p.message {
	padding-left: 25px;
	color: #006699;
	background: url(../images/icon-info.gif) no-repeat top left;
}

p.tips {
	padding-left: 25px;
	color: #EE9600;
	background: url(../images/icon-tips.gif) no-repeat top left;
}

.highlight {
	padding: 1px 5px;
	background: #FFFFCC;
	font-weight: bold;
}

/* Note Style */
p.stickynote {
	padding: 10px 0px 10px 40px;
	border: 1px solid #CACACC;
	background: url(../images/sticky-bg.gif) no-repeat 5px center #FFFFFF;
}

p.download {
	padding: 10px 0px 10px 40px;
	border: 1px solid #CACACC;
	background: url(../images/download-bg.gif) no-repeat 5px center #FFFFFF;
}

.blocknumber {
	clear: both;
	padding: 5px 15px 10px;
	position: relative;
}

/* Check list */
ul.checklist {
	list-style: none;
}

ul.checklist li {
	margin-left: 15px;
	padding: 0 0 5px 20px;
	background: url(../images/checklist-bg.gif) no-repeat 0 3px;
}

/* Small checklist */
ul.small-checklist {
	list-style: none;
}

ul.small-checklist li {
	margin-left: 15px;
	padding: 0 0 5px 20px;
	background: url(../images/icon_list.gif) no-repeat 0 3px;
}

/* Check list */
ul.stars {
	list-style: none;
}

ul.stars li {
	margin-left: 15px;
	padding: 0px 0 5px 20px;
	background: url(../images/star-bg.gif) no-repeat 0 3px;
}

/* Bignumber */
.bignumber {
	float: left;
	margin-right: 8px;
	padding: 6px 7px;
	display: block;
	background: url(../images/ol-bg.gif) no-repeat top left;
	color: #7BA566;
	font: bold 20px/normal Arial, sans-serif;
}

/* Talking box. Thinking box. */
div.bubble1, div.bubble2, div.bubble3, div.bubble4 {
	margin: 15px 0;
}

div.bubble1 span.author,
div.bubble2 span.author,
div.bubble3 span.author,
div.bubble4 span.author {
	padding-left: 15px;
	margin-left: 15px;
	background: url(../images/author.gif) no-repeat center left;
	font-weight: bold;
}

div.bubble1 div {
	margin: 0;
	width: 100%;
	background: url(../images/bub1-br.gif) no-repeat bottom right;
}

div.bubble1 div div {
	background: url(../images/bub1-bl.gif) no-repeat bottom left;
}

div.bubble1 div div div {
	background: url(../images/bub1-tr.gif) no-repeat top right;
}

div.bubble1 div div div div {
	background: url(../images/bub1-tl.gif) no-repeat top left;
}

div.bubble1 div div div div div {
	margin: 0;
	padding: 15px 15px 30px 15px;
	width: auto;
}

div.bubble2 div {
	margin: 0;
	width: 100%;
	background: url(../images/bub2-br.gif) no-repeat bottom right;
}

div.bubble2 div div {
	background: url(../images/bub2-bl.gif) no-repeat bottom left;
}

div.bubble2 div div div {
	background: url(../images/bub2-tr.gif) no-repeat top right;
}

div.bubble2 div div div div {
	background: url(../images/bub2-tl.gif) no-repeat top left;
}

div.bubble2 div div div div div {
	margin: 0;
	padding: 15px 15px 35px 15px;
	width: auto;
}

div.bubble3 div {
	margin: 0;
	width: 100%;
	background: url(../images/bub3-br.gif) no-repeat bottom right;
}

div.bubble3 div div {
	background: url(../images/bub3-bl.gif) no-repeat bottom left;
}

div.bubble3 div div div {
	background: url(../images/bub3-tr.gif) no-repeat top right;
}

div.bubble3 div div div div {
	background: url(../images/bub3-tl.gif) no-repeat top left;
}

div.bubble3 div div div div div {
	margin: 0;
	padding: 15px 15px 50px 15px;
	width: auto;
}

div.bubble4 div {
	margin: 0;
	width: 100%;
	background: url(../images/bub4-br.gif) no-repeat bottom right;
}

div.bubble4 div div {
	background: url(../images/bub4-bl.gif) no-repeat bottom left;
}

div.bubble4 div div div {
	background: url(../images/bub4-tr.gif) no-repeat top right;
}

div.bubble4 div div div div {
	background: url(../images/bub4-tl.gif) no-repeat top left;
}

div.bubble4 div div div div div {
	margin: 0;
	padding: 15px 15px 55px 15px;
	width: auto;
}

/* Legend */
.legend-title {
	margin: 0;
	padding: 0 3px;
	float: left;
	display: block;
	background: #F6F6F6;
	font-weight: bold;
	position: absolute;
	top: -10px;
	left: 7px;
}

.legend {
	margin: 20px 0;
	padding: 0 10px;
	border: 1px solid #CACACC;
	background: #FFFFFF;
	position: relative;
}

/* JOOMLA STYLE
--------------------------------------------------------- */


/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#wrapper{ width: 980px; margin:0px auto; padding:0px;}
#wrapper-in{ padding:0px; margin:0px;}




#header{position:relative; height: 104px;}

/* HEADER-TOP
--------------------------------------------------------- */
/* HEADER-LEFT
--------------------------------------------------------- */
#header-center{position:absolute; top:0px; left:300px; }




/* HEADER-CENTER
--------------------------------------------------------- */
/* HEADER-RIGHT
--------------------------------------------------------- */
#header-right{position:absolute; right:0px ; top:0px;}
.search{ margin-top:25px; margin-right:15px;}
.search .button{background:none; border:none; padding:0px; margin-left:10px; position: relative; top: 6px;}

#header-right .lang-cs{background: url(../images/flagcs.jpg) no-repeat; width: 46px; height: 32px; display: block; margin-left:80px; margin-top:10px; float: left;}
#header-right .lang-cs:hover{background: url(../images/flagcsh.jpg) no-repeat; width: 46px; height: 32px; display: block;}
#header-right .lang-cs-deaktive{background: url(../images/flagcsdeaktiv.jpg) no-repeat; width: 46px; height: 32px; display: block;}
#header-right.de .lang-cs{background: url(../images/flagcsdeaktiv.jpg) no-repeat; width: 46px; height: 32px; display: block;}


#header-right .lang-en{background: url(../images/flagen.jpg) no-repeat; width: 46px; height: 32px; display: block; float: left; margin-top:10px;}
#header-right .lang-en:hover{background: url(../images/flagenh.jpg) no-repeat; width: 46px; height: 32px; display: block;}
#header-right .lang-en-deaktive{background: url(../images/flagendeaktiv.jpg) no-repeat; width: 46px; height: 32px; display: block;}
#header-right.de .lang-en{background: url(../images/flagendeaktiv.jpg) no-repeat; width: 46px; height: 32px; display: block;}

#header-right .lang-de{background: url(../images/flagde.jpg) no-repeat; width: 46px; height: 32px; display: block; float: left; margin-top:10px;}
#header-right .lang-dehover{background: url(../images/flagdeh.jpg) no-repeat; width: 46px; height: 32px; display: block;}
#header-right .lang-de-deaktive{background: url(../images/flagdedeaktiv.jpg) no-repeat; width: 46px; height: 32px; display: block;}
#header-right.de .lang-de-deaktive{background: url(../images/flagde.jpg) no-repeat; width: 46px; height: 32px; display: block;}



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




/* PROMO-BOTTOM
--------------------------------------------------------- */
#promo-bottom{ height:37px; }


.menu{ margin:0px; padding:0px;}
.menu li{ float: right; text-align: center; font-weight: bold;  margin:0px; padding:0px;  background: none; }
.menu li a{color: #404040; padding: 6px 0px; width:134px; text-decoration: none; background: url(../images/menu_it.jpg)  no-repeat top center; display:block;}
.menu li a:hover{background:url(../images/menu_ith.jpg) no-repeat top center; color:#930000;}
.menu li.active{ }
.menu li.active a{color:#930000; background:url(../images/menu_ith.jpg) no-repeat top center;}






/* LEFT 
--------------------------------------------------------- */


/* RIGHT 
--------------------------------------------------------- */
#right{float: right;}
#right-in{padding: 0px 15px;}
.katalog{display: block; width:395px; height:141px; background:url(../images/katalog.jpg) no-repeat; margin-top:40px; cursor: pointer;}
.katalog:hover{ background:url(../images/katalogh.jpg) no-repeat;}

.katalogcs{display: block; width:395px; height:141px; background:url(../images/katalogcs.jpg) no-repeat; margin-top:40px; cursor: pointer;}
.katalogcs:hover{ background:url(../images/katalogcsh.jpg) no-repeat;}





#containerwrap{clear: both}


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


/* CONTENT 
--------------------------------------------------------- */
#content{ margin-left:15px; overflow-x:auto; _float: left;}
#content-in{padding-bottom:30px;}










.kont-napdis{clear: left; font-size:100%; float: left; font-weight: bold; color: #9c1900; width: 150px; margin-right:15px; margin-bottom: 5px;}
.kont-udaje-box{display: block; overflow: hidden; float: left; margin-bottom:5px;}
.kont-udaje-box span{display: block; }
.kont-h2{font-family:Verdana, Geneva, sans-serif; font-size:120%; border-bottom: 1px solid #cbc7b3; font-style:normal; margin-bottom:10px; padding-bottom: 0.2em; font-weight: bold; margin-top:10px; }
.kont-h3{color: #000; font-family:Verdana, Geneva, sans-serif;  padding:0px!important; margin:0px; }
.kont-left{ width: 400px; float: left;}
.kont-right{ padding-left: 40px; overflow:hidden;}
#googlemap5_s31mr_0{border: 3px solid #E9E3CB}


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



#footerwrap{background: url(../images/footer_bg.jpg) repeat-x; clear:both; height: 162px; width:100%; }
#footerwrap-in{background: url(../images/footer_center.jpg) no-repeat;height: 162px; width: 980px; margin: 0px auto;}

/* FOOTER-TOP
--------------------------------------------------------- */
/* FOOTER-LEFT
--------------------------------------------------------- */
#footer-left{float:left;}
#footer-left-in{padding: 30px 10px 0px 15px;}
.adresa{ color: #ab8f67; float:left; font-size:100%}
.adresa-text{color: #d9ccbe ; float:left; font-size:90%; width:200px; margin-left:20px; margin-right:20px;}

/* FOOTER-CENTER
--------------------------------------------------------- */

/* FOOTER-RIGHT
--------------------------------------------------------- */
#footer-right {float:right;}
.copyright{color: #d8c6b1; margin-top: 30px;}
.copyright a{color: #d8c6b1; text-decoration:none;}


/* FOOTER-BOTTOM
--------------------------------------------------------- */





/* MISCELLANOUS 
----------------------------------------------------------- */
ul.accessibility {
	position: absolute;
	top: -100%;
}

a#Top{display:none;}






/*usertool*/
ul.ja-usertools-font {
	font-size: 11px;
	position: absolute;
	top: 5px;
	right: 15px;
	margin:0;
	padding:0;
}

ul.ja-usertools-font li {
	padding: 0;
	margin: 0;
	display: inline;
	background: none;
}


.clear {
	clear: both;
	font-size:1px;
	line-height:1px;
	height:1px;
	margin:0;
	padding:0;
}


#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul {
	padding: 0;
	margin: 0;
}

#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li {
	background: none;
	padding: 5px;
	margin: 0;
	color: #FFFFFF;
}

/* System Standard Messages */
#system-message dd.message ul {
	background: #006699;
	border: none;
}

/* System Error Messages */
#system-message dd.error ul {
	background: #BF0000;
	border: none;
}

/* System Notice Messages */
#system-message dd.notice ul {
	background: #EE9600;
	border: none;
}

/* Firefox Scrollbar Hack - Do not remove */
html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
}

.phocagallery-box-file{ margin:14px!important;}