charset "utf-8";
/* ------------------------ reset ------------------------ */
html{ height:100%;}
* { margin:0; padding:0;}
html{overflow-y:scroll; background:#302c2b;}
p { margin:0; padding-bottom:15px; }
br{ margin:0; padding:0;}
img { border:none; }
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label{margin:0;padding:0;border:0;outline:0;background:transparent;}
.clear2 {clear:both}

/* ------------------- body ---------------------------------- */
body{
	font-family: Arial; font-size:100%; line-height:1.2em; color:#fff;
	background: #ebebeb url(../img/header-background.png) repeat-x;
	height:100%;
	}
#wrapper{
	
	width:100%; height:100%;
	min-height:100%; 
	}
/* -------------------- main ------------------------------------  */
#container{
	width:900px; 
 	margin:0 auto;  
	position:relative;
	}
/* -------------------- header ------------------------------------  */
#header{
	height:45px; width:100%;
	padding-top:20px;
	}	

/* -------------------- main manu------------------------------------  */
ul.mainmanu{ 
	margin:0; padding:0;
	
	
	}
ul.mainmanu li{ 
	width:auto;
	list-style:square inside;   
	padding:4px 0px 4px 20px; 
	font-size:12px; 
	border-bottom:1px dashed #f0654f;
	}
ul.mainmanu li:hover{ 
	cursor:pointer; 
	color:#FFF;
	background:#f99b0d; 
	position:relative;
	}
ul.mainmanu li:hover > ul{
	visibility:visible;
	}
ul.mainmanu a{
	text-decoration:none;
	color:#FFF;
	display:inline-block;
	margin:0;
	}
ul.mainmanu li ul{ 
	background:#2c9524; 
	visibility: hidden; 
	position: absolute; 
	top: 37px; 
	left:0px; 
	z-index: 598; 
	width: 250px; 
	height:auto; 
	padding:4px; 
	}

ul.mainmanu li ul li{border:none; width:200px; height:auto; padding:4px; display:inline-block; border-bottom:1px dashed #CC0; }
ul.mainmanu li ul li a:hover{ text-decoration:underline;}

/* ----------------------- Content body -----------------------------------*/
#contentBody{ 
	width:100%; height:auto;
	}
#top{
	text-align:center;
	padding:40px 0;
	color:#b0afaf;
	}
#left{
	width:200px;
	float:left;
	}

#center{
	float:left;
	width:680px;
	margin-left:20px;
	}
/* ------------ content elements -----------------------------------------*/
#content{
	font-size:12px; color:#666; line-height:1.4em; text-align:justify;
	padding:5px 20px 30px 20px;
	}
#content a{
	text-decoration:none; color:#a88f43;
	}
#content a:hover{
	text-decoration:none; color:#666;
	}
#content ul{ 
	margin-left:20px;
	}
#content ul li{
	margin:4px 0 4px 0;
	}
#content ul li a{ 
	color:#999 !important;
	}
#content ul li a:hover{
	color:#666 !important;
	}
#content h1{
	margin-bottom:15px;
	}
#content h2{
	font-weight:normal;
	font-size:17px;
	color:#8e0d43;
	}
#content img{ margin-right:10px; border:1px solid #CCC; padding:4px;}

/* --------------------- Left Sidebar ------------------------------------------*/
#catHead{ height:20px; background:#f99b0d; padding:10px;}
#catBody{ height:320px; background:#f77e2a url(../img/cat-background.png) repeat-x;}

/* -------------------- Right sidebar --------------------------------------------- */

/* -------------------- slideshow------------------------------------  */
#slideshow{
	margin-left:auto;
	margin-right:auto;
	position: relative;
	clear: both;
	padding:10px;
	background:#FFF;
	border:1px solid #e3e3e3;
	
	border-top:none;
	height:136px;
	}
#slideshow div{
	border:0px solid #CCC;
	position: absolute;
	z-index:8;
	}
#slideshow div.active {
    z-index:10;
	}
#slideshow div.last-active {
    z-index:9;
	}
.imgloader{
	border:0px solid #CCC; 
	padding:0px; 
	width:auto; 
	height:auto; 
	background: url(../images/loading.gif) 50% 50% no-repeat; 
	margin:0; 
	}
.imgloaderTitle{ height:27px; background:url(../pic/white-opacity.png); position:absolute; padding-top:5px; margin-top:-42px; margin-left:10px; z-index:999; width:180px; text-align:center;
font-family:Tahoma; font-size:12px; color:#000; font-weight:bold; }

/* ------------------ Footer --------------------------------------------*/
#footer{
	width:100%;
	height:100%;
	margin-top:40px;
	font:11px/normal Verdana, Geneva, sans-serif; text-align:center;
	border-top:1px solid #c9caca;
	background:#dedddd;
	padding-bottom:50px;
	}
#footerCont{ width:900px; margin:0 auto; padding-top:10px; color:#aeaeaf;}

/* ---------- form ----------- */

input,textarea{padding:4px; border:1px dashed #CCC;}


#formContainer{ 
	width:320px;
	}
#customForm textarea{
	width:200px; 
	height:100px; 
	max-width:200px; 
	min-height:100px; 
	min-width:200px;
	max-height:100px;
	padding:4px; 
	
	}
#customForm input{
	float:left; 
	width:200px; 
	padding:4px;
	}
.submit{ 
	width:100px; 
	cursor:pointer;
	}
#customForm input, #customForm textarea{
	font:11px/normal Arial; 
	color:#333; 
	border:1px solid #CCC;
	}
.formItemBlad{
	color:red; 
	padding-left:105px;
	}
#cap{
	width:50px;
	}
#imgcap{
	float:left;
	}
.formItemName{
	font-family: Arial; 
	font-size:12px; 
	color:#666; 
	line-height:1.4em; 
	text-align:right; 
	float:right; 
	}
/* ----------------- */

table.tabelka{ width:100%; background:#FFF; border:1px dashed #d8d8d8; border-collapse: collapse; border-spacing: 0; margin-bottom:30px;}
table.tabelka th{ text-align:center; background:#fff; font-size:13px; margin:0; padding:10px 0; color:#333; }
table.tabelka td{  font-size:12px; color:#999; padding:8px; text-align:center;}
table.tabelka tr{ }
.tabletitle{ font-size:18px; color:#555; margin-bottom:10px;	}
.regular{ background:#f7f9f8;}
table.tabelka a{ text-decoration:none; color:#999;}
table.tabelka a:hover{ text-decoration:underline;}
#cattel{  background:#f0f0f0; border-top:6px solid #d8d8d8; margin-top:20px; padding:20px; color:#666;}
p.catteltext{ font-size:12px;}
#cattel a{ text-decoration:none; color:#666;}
#cattel a:hover{ text-decoration:underline;}