/* @group ----- resetovaci a defaultni predpisy ----- */

html, body{ height: 100%; }

body{ font-size: 12px; font-family: Arial, Helvetica, sans-serif; background: #E7E7E7 url("/img/bg.jpg") repeat-x 0 0; text-align: center; }
*{ margin: 0px; padding: 0px; }

ul{ list-style-type: none; }
a{ text-decoration: underline; }
a:hover{ text-decoration: none; }
a img{ border: 0; }
.cleaner{ clear: both; visibility: hidden; height: 1px; border: none; margin: -1px 0 0 0; padding: 0px; }
*:focus{ outline: 0; }
.btn{ cursor: pointer; _cursor: hand; }
table th{ text-align: left; }

#envelope{ width: 960px; height: 500px; margin: 0 auto; text-align: left; }
/* @end */

/* --------------------------- */
/* ----- hlavicka a menu ----- */
/* @group -------------------- */

#header-env{ height: 205px; margin-bottom: 5px; }
	#langs p{ height: 25px; line-height: 25px; text-align: right; font-size: 11px; padding-right: 5px; }
		#langs p a{ color: white; }
		#langs p a.active{ text-decoration: none; }

#header{ height: 180px; }
	#header .top{ height: 3px; background: url("/img/headerTop.gif") no-repeat 0 top; font-size: 0px; }
	#header .bottom{ height: 3px; background: url("/img/headerbottom.gif") no-repeat 0 bottom; font-size: 0px; }
	
	#header .banner{ height: 134px; background: white url("/img/headerBanner.jpg") no-repeat; position: relative; }
		#header .banner .logo{ position: absolute; top: 22px; }
		#komoraLogo{ left: 23px; }
		#eenLogo{ right: 20px; }

/* @end */

/* @group ----- horni menu ----- */

#menu-env{ height: 40px; background: white; }	
#menu{ height: 40px; background: url("/img/menuBg.jpg") repeat-x; width: 954px; margin: 0 3px; }
	#menu li{ float: left; background: url("/img/menuDivider.jpg") no-repeat right top; }
	#menu li.last{ background: none; }
	#menu li a{ display: block; height: 40px; line-height: 40px; padding: 0 37px; color: white; text-decoration: none; float: left; font-weight: bold; }
	#menu li a:hover{ text-decoration: underline; }

/* @end */

/* --------------------------------------- */
/* ----- zakladni rozmisteni sloupcu ----- */
/* @group -------------------------------- */

#page .cols{ float: left;}
#leftCol-env{ width: 230px; }
#content-env{ width: 577px; }
#rightCol-env{ width: 150px; }

/* @end */

/* ------------------------------- */
/* ----- drobeckova navigace ----- */
/* @group ------------------------ */

#bread p{ height: 33px; line-height: 33px; padding: 0 15px; background: transparent; font-size: 11px; overflow: hidden; }
	#bread a{ color: #5D5C5C; padding-right: 15px; margin-left: 4px; background: url("/img/breadArrow.gif") no-repeat right 2px; }
	#bread strong{ color: #5D5C5C; margin-left: 4px; }

/* @end */

/* ------------------------ */
/* ----- obalky prvku ----- */
/* @group ----------------- */

.top, .bottom{ font-size: 0px; }

.inner-env{ margin-bottom: 10px; }
	.inner-env .top{ height: 3px; }
	.inner-env .bottom{ height: 4px; }
	.inner{ background: white; padding: 3px; }

.box{ border: 1px solid #DBDBDB; margin-bottom: 10px; }
.box.last{ margin-bottom: 0px; }
	.box .head{ height: 39px; }
	.box .head p{ height: 39px; line-height: 39px; font-size: 12px; padding-left: 20px; }
	.box .head p a{ color: black; }
	
	.box.blue .head{ background: url("/img/boxHeadBgBlue.jpg") repeat-x 0 0; }
	.box.blue .head p{ color: #231F20; }
	
	.box.silver .head{ background: url("/img/boxHeadBgSilver.jpg") repeat-x 0 0; }	
	.box.silver .head p{ color: white; }
	
	.box .text{ padding: 15px 20px; }
	.box .text p{ line-height: 1.4em; }
	
p.muchmore{ margin: 0; }
p.muchmore a{ color: #03A0E1; padding-right: 15px; background: url("/img/moreArrow.gif") no-repeat 3px right; }

.boxSmall{ width: 150px; height: 42px; background: url("/img/boxSmallBg.png") no-repeat 0 0; margin-bottom: 10px; }
.boxSmall .inner{ background-color: transparent; padding: 8px; }
.boxSmall a{ color: white; text-decoration: none; font-weight: bold; }

/* @end */

/* ------------------------ */	
/* ----- levy sloupec ----- */
/* @group ----------------- */

#leftCol .inner-env .top{ background: url("/img/leftInnerTop.gif") no-repeat; }
#leftCol .inner-env .bottom{ background: url("/img/leftInnerBottom.gif") no-repeat; }
#leftCol p.muchmore{ text-align: right; margin-top: 5px; }

/* @end */

/* -------------------- */	
/* ----- navigace ----- */
/* @group ------------- */

#navigation .text{ padding: 10px 0px; }
#navigation ul{ margin: 0; padding: 0; }
	#navigation ul li{ position: relative; }
	#navigation ul li.active{ background: url("/img/navigationBgActive.jpg") repeat-x left top; }

	#navigation ul.secondMenu li.active{ background: url("/img/navigationBgActive.jpg") repeat-x left bottom; }
	#navigation ul.thirdMenu li.active{ background: url("/img/navigationBgActive.jpg") repeat-x left bottom; }

	#navigation ul li.last a{ border: 0;  }
	#navigation ul li a{ margin-left: 10px; width: 180px; display: block; padding: 8px 10px; border-bottom: 1px solid #D7D6D6; color: #231F20; text-decoration: none; font-size: 13px; }
	#navigation ul li a:hover{ text-decoration: underline; }
		
		#navigation ul li:hover ul.secondMenu,
		#navigation ul li.hover ul.secondMenu,
		#navigation ul li.active ul.secondMenu{ visibility: visible; }
		#navigation ul li:hover ul.thirdMenu,
		#navigation ul li.hover ul.thirdMenu,
		#navigation ul li.active ul.thirdMenu{ visibility: hidden; }
		
		#navigation ul li ul{ z-index: 999; visibility: hidden; position: absolute; top: 10px; left: 210px; background: white; border: 1px solid silver; }		
		#navigation ul li ul li{ padding: 0 10px 0 0px; }
		#navigation ul li ul li a{ width: 150px; font-size: 11px; }	

	#navigation ul.secondMenu li a, #navigation ul.thirdMenu li a{ font-weight: normal; }
	#navigation .active ul.secondMenu, #navigation .active ul.thirdMenu{ visibility: visible !important; position: relative; top: 0; left: 0; border: 0px; z-index: 1; }
		#navigation .active ul li, #navigation .active ul li ul li{ padding-left: 10px; }

/* @end */

/* @group ----- vyhledavani ----- */

#search{ height: 60px; background: url("/img/searchBg.jpg") no-repeat; margin-bottom: 6px; position: relative; }
	#search .form-env{ height: 23px; position: absolute; top: 20px; left: 15px; }
	#search .text-env{ height: 21px; border: 1px solid #DBDBDB; background: white; width: 160px; position: relative; float: left; margin-right: 5px; }
		#search .text-env input{ height: 17px; width: 155px; position: absolute; top: 2px; left: 3px; border: 0px; }

.resultsText{ padding: 10px; }
.resultsText p{ margin-bottom: 3px !important; }
.resultsText ul{ list-style: circle; margin: 0 20px; }
	.resultsText ul li{ margin-bottom: 3px; }
	
.resultBox h2{ color: black !important; font-size: 18px !important; }
.moreResult{ text-align: right; }

/* @end */

/* @group ----- novinky ----- */

#news{}
	#news .text{ padding: 10px 5px; }
	#news li{ margin-bottom: 6px; padding: 5px; /* background: #E7E7E7; */ background: #E7E7E7; }
	#news li.odd{ background: white; }
	/*
	#news li.last{ margin-bottom: 0px; }
	#news li.odd{ background: white; }
	*/
	#news li a{ color: black; text-decoration: underline; }
	#news li a:hover{ text-decoration: none; }

	

/* @end */

/* @group ----- partneri ----- */

.box{}
	.box table{ width: 100%; }
	.box table td{ text-align: center; vertical-align: middle; }
	.box table td.all{ padding: 5px 0; }
	.box table td.all a{  color: #03A0E1; }

.list .item{ margin-top: 20px; width: 250px; float: left; height: 150px; text-align: center; margin-right: 5px; margin-bottom: 10px; }
.list .item h3{ font-size: 12px !important; }

/* @end */

/* ------------------------- */
/* ----- pravy sloupec ----- */
/* @group ------------------ */

#rightCol .inner-env .top{ background: url("/img/rightInnerTop.gif"	) no-repeat; }
#rightCol .inner-env .bottom{ background: url("/img/rightInnerBottom.gif") no-repeat; }
#rightCol .box{ margin-bottom: 0px; }	
#rightCol .text{ padding: 10px 5px; }

/* @end */

/* -------------------- */
/* ----- kalendar ----- */
/* @group ------------- */

#calbox{}
	#calbox th{ text-align: center; font-weight: normal; }
	#calbox tr.monthNavigation{  }
		#calbox tr.monthNavigation th a{ color: black; font-weight: bold; }
	#calbox td{ border: 1px solid #DBDBDB; text-align: center; font-size: 11px; padding: 1px; }
	#calbox .nbb{ color: gray; }
	#calbox td a{ color: #03A0E1; font-weight: bold; }

.events{ border-collapse: collapse; }
.events th{ height: 40px; background: url("/img/tableHeader.gif") repeat-x; padding: 0 5px; color: #4A4949; font-weight: bold; }
.events td{ border: 1px solid silver; vertical-align: top !important; padding: 5px !important; }
.events .iDate{ width: 120px; text-align: }

#eventsFilter{ padding: 10px 0; }
#eventsFilter fieldset{ border: 0px !important; }
#eventsFilter table th{ width: 100px; }

#eventDetail{ margin: 10px 0 10px 0; }
#eventDescr{ margin-bottom: 10px; }
#eventDetail th{ vertical-align: top; padding: 3px 0; }

input.filter{ padding: 3px 5px; cursor: pointer; _cursor: hand; }

/* @end */

/* @group ----- reklamni banner ----- */

#advertBanner{ margin-bottom: 10px !important; height: 113px; }

/* @end */

/* ---------------------- */
/* ----- newsletter ----- */
/* @group --------------- */

#newsletter-env{ margin-bottom: 10px; height: 104px; background: url("/img/nlBg.jpg") no-repeat 0 0; }
#newsletter{ padding: 10px; }
	#newsletter h3{ color: white; font-size: 12px; margin-top: 3px; }
	#newsletter .form-env{ margin: 10px 0 5px 0; }
	#newsletter .text-env{ height: 21px; border: 1px solid #DBDBDB; background: white; width: 128px; position: relative; margin-bottom: 10px; }
	#newsletter .text-env input{ height: 17px; width: 120px; position: absolute; top: 2px; left: 3px; border: 0px; }
	#newsletter #nlBtn{ height: 24px; width: 60px; background: url("/img/newsletterBtn.jpg") no-repeat 0 0; border: 0; }

#nlProfile{}

/* @end */

/* @group ----- zajimave odkazy ----- */

#links{}
	#links li{ margin-bottom: 3px; padding: 5px; background: #E7E7E7; }
	#links li.odd{ background: white; }
	#links li.last{ margin-bottom: 0px; }
	#links li a{ color: black; text-decoration: none; }
	#links li a:hover{ color: black; text-decoration: underline; }

/* @end */

/* ------------------------------ */
/* ----- prostredni sloupec ----- */
/* @group ----------------------- */

#content .inner-env .top{ height: 4px; background: url("/img/contentInnerTop.gif") no-repeat; }
#content .inner-env .bottom{ height: 5px; background: url("/img/contentInnerBottom.gif") no-repeat; }
#content .inner{ background: url("/img/contentInnerBg.gif") repeat-y 0 0; }

/* @end */

/* --------------------------------- */
/* ----- hlavni textova oblast ----- */
/* @group -------------------------- */

#content{ padding: 0 5px; }	
	#content .text{ padding: 15px; }
	#content .text h1{ font-size: 18px; color: #03A0E1; margin-bottom: 5px; font-weight: bold; }
	#content .text h2{ font-size: 14px; color: #5D5C5C; color: #03A0E1; font-weight: normal; margin: 15px 0 10px 0; }
	#content .text h2.metadata{ font-size: 12px; font-weight: normal; margin: 5px 0 10px 0; color: #5D5C5C !important; }
	#content .text h3{ font-size: 12px; color: #5D5C5C; font-weight: normal; margin: 15px 0 10px 0;}
	#content .text{ line-height: 1.5em; }
	#content .text p{ margin-bottom: 12px; line-height: 1.5em; }
	#content .text strong{ color: black; }
	#content .text a{ color: #03A0E1; }
	#content .text address{ margin: 15px 0; font-style: normal; line-height: 1.5em; }
	
	#content ul{ list-style: circle; margin: 5px 20px; }
	#content li{ margin-bottom: 3px; }	
	
	#content .text table{ margin: 10px 0 10px 0; }
		#content .text table th{ }
		#content .text table td{ padding: 3px; }		
		#content .text table td strong{ color: #02A1E2 !important; font-weight: normal; }	
		
	#content .catPerex{ margin: 25px 0 0 0; }
	
/* @end */	

/* @group ----- kontakty ----- */

#contact th{ width: 60px; }
#contactBlocks h3{ margin-bottom: 12px; }
	#contactBlocks h3 a{ padding-left: 15px; background: url("/img/contactBlocksDot.jpg") no-repeat 0px 3px; font-size: 14px; }
	#contactBlocks table{ border-collapse: collapse; }
	#contactBlocks td{ /*border: 1px solid #B2B8BD; */ border-bottom: 1px solid white; }
	#contactBlocks .hover td{ background: #E7E7E7; border-bottom: 1px solid #B2B8BD; }

/* @end */

/* @group ----- tisknout clanek apod ----- */

#advLink, #advForm-env{ min-height: 33px; _height: 33px; background: white url("/img/pageAdvIcon.jpg") repeat-x 0 0; padding-top: 15px; margin-top: 10px; }
	#advLink p{ margin: 0 10px; }
		#advLink p a{ color: #5D5C5C !important; padding-right: 15px; margin-right: 5px; display: block; height: 19px; line-height: 19px; font-size: 11px; }
		a#linkPrint{ background: url("/img/pagePrintIco.gif") no-repeat right 0 !important; width: 105px; }
		
#advForm-env{ padding: 0; margin-top: 25px; }		
#advForm{ padding: 15px 10px; }
	#advForm h3{ margin-bottom: 6px; color: #03A0E1 !important; font-weight: bold; }
	
	#advForm th{ color: #5D5C5C; font-weight: normal; text-align: left; }
	#advForm table th, #advForm table th{ padding: 3px 0 !important; }
	#advForm .inText{ border: 1px solid #B2B8BD; color: #5D5C5C; padding: 3px; }
	
	#advForm .submiter{ width: 98px; height: 22px; line-height: 22px; background: red url("/img/submitBtn.jpg") no-repeat 0 0; border: 0px; font-weight: bold; color: white; }
		
/* @end */

/* @group ----- souvisejici soubory ----- */

#artDetail .rel{ margin: 0; padding: 5px 0; }
#artDetail .rel h3{ font-size: 14px; color: #03A0E1; font-weight: normal; margin-bottom: 6px; }
#artDetail .rel span{ color: #5D5C5C; font-size: 11px; margin-left: 5px; }

/* @end */

/* ------------------------- */
/* ----- seznam clanku ----- */
/* @group ------------------ */

.artList{}
	.artList .item-env{ background: url("/img/itemBorderBottom.gif") repeat-x left bottom; width: 100%; /* peek-a-boo */ }
	.artList .item-env.last{ background: none; }
	.artList .item{ padding: 10px; }
	.artList .last .item{ padding-bottom: 0px !important; }
		
	.artList .item h2{ color: #03A0E1; font-size: 14px; margin-bottom: 3px !important; }
		.artList .item h2 a{ color: #03A0E1; text-decoration: underline; font-weight: bold; }
		.artList .item h2 a:hover{ text-decoration: none; }
	.artList .item h3{ color: #5D5C5C; font-size: 12px; font-weight: normal; margin: 0 !important; }
		.artList .item h3 a{ color: #5D5C5C !important; text-decoration: none; }
		.artList .item h3 a:hover{ text-decoration: underline; }			
	.artList .item p,
	.artList .item .perex p{ margin-bottom: 3px !important; }
	

	.artList .item p.date{ color: #231F20; margin: 2px 0 10px 0; font-size: 11px; }

/* @end */

/* @group ----- strankovnik ----- */

#pager{ margin: 0 10px; }
#pager td.align-center{ padding: 5px; }
#pager td a{ color: #03A0E1; text-decoration: underline; }

/* @end */

/* ------------------------- */
/* ----- seznam clanku ----- */
/* @group ------------------ */

#fl .fileList{ margin: 20px 0px 0 0; }
#fl .fileList.subtree{ margin: 10px 20px !important; }
#fl .fileList a.section{ cursor: pointer; _cursor: help; font-weight: normal; color: black; text-decoration: none; }
#fl .fileList ul{ list-style-type: none; margin: 0; padding: 0; }
#fl .fileList ul li{ min-height: 20px; _height: 20px; background: url("/img/folder.gif") no-repeat 0 0; padding-left: 25px; }
#fl .fileList ul li ul{ display: none; list-style-type: none; margin: 10px 0; }
#fl .fileList ul li ul li{ background: none; padding-left: 42px; height: 35px; padding-top: 2px; }
#fl .fileList ul li ul li span{ font-size: 11px; color: gray; }

#fl .fileList .pdf{ background: url("/img/FileIcons/pdf.gif") no-repeat 0 0; }
#fl .fileList .doc{ background: url("/img/FileIcons/doc.gif") no-repeat 0 0; }
#fl .fileList .xls{ background: url("/img/FileIcons/xls.gif") no-repeat 0 0; }
#fl .fileList .jpg{ background: url("/img/FileIcons/jpg.gif") no-repeat 0 0; }
#fl .fileList .zip{ background: url("/img/FileIcons/zip.gif") no-repeat 0 0; }
#fl .fileList .rar{ background: url("/img/FileIcons/rar.gif") no-repeat 0 0; }

/* @end */

/* ------------------- */
/* ----- paticka ----- */
/* @group ------------ */

#mapa .maps{ padding: 5px; width: 400px; background: white; border: 1px solid silver; margin: 15px 0; }

/* @end */

/* ------------------- */
/* ----- paticka ----- */
/* @group ------------ */

#footer-env{}
	#footer{ height: 50px; margin: 20px 0; }
		#footer *{ font-size: 11px; color: #231F20; }
		#footer a{ font-weight: bold; text-decoration: underline; }
		#footer .left, #footer .right{ float: left; line-height: 1.4em; }
		#footer .left{ width: 300px; text-align: left; }
		#footer .right{ width: 660px; text-align: right; }

#footerBanners{ height: 100px; background: white; padding-top: 20px; text-align: center; }
	#footerBanners table{ width: 100%; }
		#footerBanners td{ text-align: center; vertical-align: middle !important; }

/* @end */

/* @group ----- sitemap ----- */

#sitemap{ margin: 10px 0 0 0; }

/* @end */

/* ------------------------------ */
/* ----- chyby pri validaci ----- */
/* @group ----------------------- */

.error-env{ margin: 5px 0; border: 1px solid #F3BBA0; background: #F3D7CA; }
.error{ padding: 3px; }
#content td .error strong{ color: black !important; font-weight: bold !important; }

/* @end */

/* ----------------------- */
/* ----- tisk clanku ----- */
/* @group ---------------- */

body#print{ background: white; text-align: left; padding: 20px; }
h2#serverName{ margin: 20px 0; }
#printContent{ margin: 20px 0; }
#printContent h1{ margin: 5px 0 10px 0; }
#printContent h2{ margin: 5px 0 10px 0; }
#printContent h3{ margin: 5px 0 10px 0; }
#printContent p{ margin-bottom: 6px; line-height: 1.4em; }

/* @end */

/* @group ----- registrace ----- */
#registrace table {width:500px}
#registrace .multiline {width:500px}
#registrace {}
#registrace {}
/* @end */

/* ----------------------- */
/* ----- pracovnici ----- */
/* @group ---------------- */

#pracovnici table{ width: 100%; }

/* @end */

#zivefirmy .section{ margin-bottom: 25px; }