/******************************************/
/********* hlavni nastaveni tagu **********/
/******************************************/
* { margin: 0px; padding: 0px; }
.cleaner { clear: both; }
body { background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 13px; 
	background-image: url('../Graphics/body_bkg.jpg'); background-repeat: no-repeat;
	background-position:  center top; background-attachment: fixed;
}

a:link { color: #6699CC; text-decoration: underline; }
a:visited { color: #6699CC; text-decoration: underline; }
a:active { color: #6699CC; text-decoration: underline; }
a:hover { color: #5C7F17; text-decoration: underline; }
/***********************************/
/********* kostra stranky **********/
/***********************************/
#horiz-menu { width: 980px; /*height: 243px; */margin-left: auto; margin-right: auto; position: relative;}

/* logo */
#logo { display: block; width: 270px; height: 90px; position: relative; top: 0px; left: 0px;  
	overflow: hidden;}
#logo .txt {display: none; }
#logo span { position: absolute; top: 0px; left: 0px; width: 270px; height: 90px; 
	background-image: url('../Graphics/logo.png'); display: block; }
.sub-logos {position: absolute; top: 0px; right: 0px; background: white; padding-left: 3px;
	width: 95px; height: 89px;	border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}
.sub-logos img {margin-top: 8px; }

#top-menu { width: 100%; height: 45px; background-image: url('../Graphics/top_menu_bkglong.gif'); 
	background-repeat: no-repeat; background-position: 8px top;	list-style-type: none; padding-left: 0px; 
	margin-top: 10px; }
#top-menu li {float: left; position: relative; }
#top-menu .spacer {width: 2px; height: 45px; background-color: #006ecb; background:url(../Graphics/bg_spacer.gif); }
#top-menu a {display: block; height: 45px; line-height: 45px; vertical-align: middle; padding: 0px 10px; 
		color: white; font-size: 15px; font-weight: bold; text-decoration: none;}
		
#top-menu li a:hover, #top-menu li:hover a {background-image: url('../Graphics/menu_act.gif'); }
#top-menu .submenu {display: none; position: absolute; top: 45px; left: 0px; background-color: #5C7F17; 
	padding: 0px; list-style-type: none; z-index: 10; }
#top-menu .submenu li {float: none; }

#top-menu .submenu li a {font-size: 13px; font-weight: normal; height: 20px; line-height: 20px; 
		background-image: none; white-space:nowrap; display:block; min-width:200px; border-top:1px solid #83a83b; padding:5px 15px; }
#top-menu li:hover .submenu {display: block; }
#top-menu .submenu a:hover, #top-menu .submenu li:hover a { background:#0068c0; }


#nav-band { width: 100%; height: 32px; background-image: url('../Graphics/nav_band.gif'); 
	background-repeat: no-repeat; background-position: top left;
	margin: 0px 0px 0px 0px; line-height: 25px; vertical-align: baseline; padding-left: 15px; font-size:11px; }


#footer {width: 980px; height: 95px; margin: 0px auto 0px auto; clear: both; position: relative;
	background-color: #2D2D2D; font-weight: bold; font-size: 15px; padding-top: 10px; 
	overflow: hidden; }
#footer .page-bottom { width: 100%; height: 50px; line-height: 1.5; vertical-align: middle;
	background-color: #B9B9B9; color: black; margin: 0px; padding-left: 10px; padding-top: 3px; 
	font-weight: normal;}
#footer .page-bottom a {color: black; text-decoration: underline; }

#footer .copyright {padding-right: 10px; height: 40px; line-height: 40px;
	vertical-align: middle; 
	text-align: right; color: white; background-color: #2D2D2D;}
#footer .link {float: left; padding-top: 10px; margin-left: 10px; }
#footer .link a {color: white; text-decoration: underline; }

/***** sloupcove menu **/
#col-menu { width: 300px; float: right; background-color: white; margin: 0px 15px 0px 10px;}

/** panely */
h3.block-header, #content h3.block-header {background-image: url('../Graphics/colh2_bkg.gif'); 
	font-size: 17px; 
	background-color: white;
	background-repeat: no-repeat; background-position: top left; color: white; 
	height: 38px; line-height: 38px; vertical-align: middle; padding: 0px; padding-left: 15px; 
	margin-bottom: 10px; color: white;}
h3.block-header a {color: white; text-decoration: none; }
h3.block-header a:hover {color: white; text-decoration: underline; }
	
/** struktura */
#holder { overflow: hidden; width: 980px; margin: 0px auto; background-color: white; }
	
#precontent { width: 100%; height: 300px; padding: 0px; margin: 0px; }
#content { width: 610px; margin: 0px; border: 0px; padding:5px 20px 15px 20px; overflow: hidden; text-align: left; 
	color: black; background-color: white; } 
#content .title-img { max-width:515px;}
#content p { margin:4px 0px; line-height:1.3; }
#content h2 { color: black; background-color: white; font-size: 25px; font-weight: normal; 
		margin: 10px 0px 10px 0px; color:#006cc7; 	}
#content h3 { color: #5c7f17; background-color: white; font-size: 18px; margin: 15px 0px 5px 0px; font-weight: normal; }
#content h4 { color: #666;  font-size: 15px; margin: 10px 0px 3px 0px; }

#content ol { padding-left: 30px; }
#content ul { padding-left: 30px; }

#content .links {text-align: right; }
/********** antispam */
.as-email, .as-url, .as-message, .as-submit  {display: none; }

/*******************************************/
/********** anketa */
.anketa {font-size: 12px; color: black;  }
.anketa hr {display: block; margin-top: 3px;}
.anketa .info {text-align: center; }
.anketa .question { font-weight: bold; font-size: 14px; text-align: center; }
.anketa table {width: 100%; }
.anketa table .answer {text-align: left; }
.anketa table .percent { text-align: right; }

.anketa a {color: black; text-decoration: none; }
.anketa a:hover {color: black; text-decoration: underline;}

/*.anketa .resp1 {color: #B81818; }
.anketa .resp2 {color: #B81818; }
.anketa .resp3 {color: #B81818; }*/

/*******************************************/
/********** obecne styly ************/
/*******************************************/
.cloud a {text-decoration: none; }
.cloud a:hover {text-decoration: underline; }

.title-pic {display: block; max-height: 300px; margin-left: auto; margin-right: auto; padding: 0px; 
	background-repeat: no-repeat; background-position: center center; }


hr { background-color: #B81818; border-color: #B81818; border-width: 0px; color: #B81818; height: 1px; margin-top: 10px; margin-bottom: 10px; }
hr.thin { color: #B81818; background-color: #B81818; }
hr.thick { height: 2px; }
hr.huge { height: 5px; }
/*******************************************/
/************* page separator **************/
/*******************************************/
.page-sep { clear: both; margin-left: auto; margin-right: auto; text-align: right; }
/*******************************************/
/************* antispam **************/
/*******************************************/
/* skryta pole proti spamu*/
.as-header { display: none; }
.comment-control{display: block; clear: both; margin-top: 50px; }
.comments { margin-top: 5px; }
.comments .title { height: 25px; line-height: 25px; vertical-align: middle; }
.comments .add-box { width:100%; margin:15px 0px;   }
.comments .add-box th { width:40px; padding:3px; }
.comments .add-box td { padding:3px; }
.comments .add-box .fld-desc { width: 60px; float: left; }
.comments .add-box input { width:95%; border:1px solid #CCC; padding:3px; background:url(../Graphics/bg_input.gif) no-repeat left top;   }
.comments .message-area { margin-top: 10px; width: 99%; height:50px; border:1px solid #CCC; }
.comments .submit-div { width: 408px; padding-right: 0px; }
.comments .submit-div button { float: right; margin-right: 0px; }
.comm-list { clear: both; margin-top: 10px; }
.comment { padding-bottom: 5px; margin:10px 0px; border-bottom:1px solid #CCC;  }
.comment .comm-head {font-size: 14px; }
.comment .comm-head a { text-decoration: none;  }
.comment .comm-head a:hover { text-decoration: underline;  }
.comment .comm-date { font-weight: bold; }
.comment .comm-author { color: #666; }
.comment a.comm-react { float: right; }
.comment .comm-message { }
#cmt_reactnotify { margin-bottom: 10px; margin-left:15px; border-left:2px solid #CCC; padding-left:10px; }
#cmt_reactnotify .title { font-size: 17px; font-weight: bold; }
#cmt_reactnotify .record { margin-left: 10px; }
#cmt_reactnotify .nereagovat { float:right; }
/*******************************************/
/****************** seznamy */
.reclist a.mainlink { color: black; text-decoration: none; background-color: white; display: block; margin-bottom: 3px; margin-top: 0px; padding:10px; }
.reclist a.mainlink:hover { color: black; text-decoration: none; background-color: #C5E585; }
.reclist h3 { font-size: 17px; margin-top: 0px; }
.reclist img { float: left; margin: 0px 10px 0px 10px; background:#FFF; }
.reclist .content { color: black; text-decoration: none; margin-left: 15px; height: 99px; overflow: hidden;}
.reclist .info {font-weight: bold; }

.reclist.small img {height: 40px; }
.reclist.small .content {height: auto; }
.reclist.small.smaller a.mainlink {padding: 3px 10px; }

/*******************************************/
/****************** formular ****************/
/*******************************************/
.info {margin-top: 20px; font-weight: bold; /*text-align: right;*/ }
button {padding: 3px 10px 3px 10px }
#formular .in {margin: auto; }
#formular h3 { margin-bottom:10px; } 
#formular .control { }
#formular .control.static {margin-left: 0px;}
#formular .desc { float:left; width:200px; font-weight:bold; line-height:1; height: 40px;}
#formular input { width:200px; }
#formular input.short { width: auto; }
#formular textarea { width:200px; height: 100px;}
#formular label { background:#FFF; display:block; padding:10px; /*height:30px;*/ margin-bottom:5px; border-radius:4px; } 
#formular .password { }
#formular label.type102 { padding:0; margin:0; }
#formular label.type102 .desc { display: none; }
#formular label.type102 label .desc { display: block; }
#formular .note {margin-bottom: 30px; padding: 0px 5px 0px 30px; text-align: right;  }

.message {font-weight: bold; text-align: right; }
/*******************************************/
/****************** galerie ****************/
/*******************************************/
/*cele obaleni hlavicky sekce galerie */
hr { display:none; }
.galsec-head-box { width: 600px; }
.galsec-head-box h2 { margin-left: 4px; }
.galsec-head-box h2 a { text-decoration: none; color: white; }
.galsec-head-box h2 a:hover { color: #0196FC; }
.galsec-head-box .galsec-image { width: 600px; height: 338px; margin-left: auto; margin-right: auto; margin-top: 5px; background-color: transparent; background-position: center center; background-repeat: no-repeat; display: block; }
/* informacni prouzek pod nadpisem galerie */
.galsec-head-box-small .galsec-info { margin-left: 30px; color: black; font-size:12px; }
.galsec-head-box-small .galsec-info .item { color: gray; }
.galsec-head-box .galsec-link {font-size: 15px; margin-top: 10px; margin-left: 4px; clear: both; }
.galsec-head-box-small { clear: both; overflow: hidden; font-size: 15px; font-weight: bold; margin-bottom: 10px; margin-top: 30px; padding-top: 0px;  }
.galsec-head-box-small .galsec-image { background-repeat: no-repeat; background-position: center center; /*float: right; */width: 140px; height:100px; margin-right:10px; margin-top:5px;  }
.galsec-head-box-small h3 { font-size: 15px; font-weight: bold; color: black;  text-decoration:none; color: #333;  }
.galsec-head-box-small h3 a {  }
.galsec-head-box-small .content {  margin-bottom: 10px; font-size:12px; font-weight:normal; line-height:1.5; overflow: hidden;}
.galsec-head-box-small .more { display: none;  float:right; font-size:12px;  }
.galsec-head-box-small a:hover { }
.galsec-head-box-small p {text-align: justify; }

.facebook { display:block; width:220px; background:url(../Graphics/facebook.jpg); height:82px; margin:0; padding:0; margin:-10px; }