body { margin: 0px; padding: 0px; color: rgb(0,0,0); background-color: white; background-image: url('/images/header.png'); background-position: top center; background-repeat: repeat-x; font-size: 1em; font-family: 'Calibri', sans-serif; text-align: center; }

img {border: none;}
img[align|="left"] {margin: 5px 10px 0px 0px;} 
img[align|="right"] {margin: 5px 0px 0px 10px;} 

a {color: rgb(18,155,224); text-decoration: underline; }
a:hover { }

h1 {font-weight: normal; margin: 0px; padding: 0px; }
h2 {font-size: 100%; font-weight: normal; margin: 0px; }
h3 {font-size: 100%; font-weight: normal; margin: 0px; }

.clear {clear: both; font-size: 1px; line-height: 1px; height: 1px;}
.label {display: block; padding: 5px 0px 0px 0px; margin: 0px 0px 0px 0px;  line-height: normal;}
.inputItem {margin: 0px; padding: 2px; border: 1px solid gray;}

.ui-widget-overlay {
    background: none repeat scroll 0% 0% #000;
    opacity: 0.4;
}

div.selectbox-wrapper ul li.selected {background: rgb(119,134,165); color: white;}
div.selectbox-wrapper ul li.current {background: rgb(217,125,28); color: white;}

.layout {border-collapse: collapse;}
.layout td {vertical-align: top;}

.ajaxLoading { background: url('/images/loading.gif') no-repeat center 50px; height: 32px; width: 32px; margin: auto; }

#page { position: relative; width: 980px; text-align: center; padding: 0px 0px 0px 0px; }

#header { text-align: left; padding: 0px 0px 0px 0px; }
#header .logo { position: relative; left: -15px; display: block; float: left; padding: 0px 20px 20px 20px; background-color: white; }


.headerPrint { display: none; }

#menu { border: solid 1px silver; margin-top: 20px; padding: 5px; text-align: left; -webkit-border-radius: 10px; border-radius: 10px; text-transform: lowercase; }

#menu ul { list-style: none; margin: 0px; padding: 0px; }
#menu ul li { position: relative; float: left; margin: 0px; padding: 0px 0px 2px 0px; }
#menu ul li a { display: block; float: left; margin: 0px; padding: 0px 10px 0px 10px; font-weight: normal; font-size: 110%; color: rgb(60,60,60); text-decoration: none; border-right: solid 1px silver; }
#menu a:hover { text-decoration: underline; }
#menu a.active { color: rgb(18,155,224); text-decoration: underline; }

#menu ul li .subLevelMenu a {position: relative; top: -5px; padding: 5px 5px 5px 20px; text-align: left;  border: none; background-image: none; }
#menu ul li .subLevelMenu li { width: auto; }
#menu ul li .subLevelMenu li .active { color: rgb(185,46,43); background-image: none; }

#menu ul.dropdown                         { position: relative; background-color: transparent; }
#menu ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; }
#menu ul.dropdown li:hover                { position: relative; }
#menu ul.dropdown ul 						{ position: absolute; left: -1px; top: 22px; width: 300px; visibility: hidden; margin-top: 0px; padding: 5px 0px 5px 0px; z-index: 10; background-color: rgb(220,220,220); }
#menu ul.dropdown ul li 				    { font-weight: normal; float: none; border: none;  }
#menu ul.dropdown ul li a:hover              { color: rgb(185,46,43); }

/* IE 6 & 7 Needs Inline Block */
#menu ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; background-image: none; font-weight: normal; padding: 5px 0px 5px 20px; } 
#menu ul.dropdown ul li a:hover           { color: rgb(185,46,43); }

/* LEVEL THREE */
#menu ul.dropdown ul ul 					{ left: 100%; top: 0; }
#menu ul.dropdown li:hover > ul 			{ visibility: visible; }

#menu .languageSwitch { float: right; }
#menu .languageSwitch ul { list-style: none; padding: 0px; margin: 0px; }
#menu .languageSwitch ul li { margin: 0px; padding: 0px; }
#menu .languageSwitch ul li .active { display: none; }
#menu .languageSwitch ul li a { border: none; }

#welcome #articleDetail { float: left; width: 650px; padding-right: 40px; margin-right: 40px; border-right: solid 1px rgb(18,155,224); }
#welcome #news { float: left; width: 215px; }
#welcome #news .inside { font-size: 90%; }
#welcome #news .inside .articleItem { padding-bottom: 10px; }
#welcome #news h2 { padding: 0px 0px 5px 0px; font-size: 140%; }
#welcome #news .publishDate { font-size: 90%; color: rgb(140,140,140); }
#welcome #news .articleTitle a { color: rgb(102,102,102); font-weight: bold; text-decoration: none; }
#welcome #news .more { padding-left: 5px; }
#welcome #news .showArchive { text-transform: uppercase; }
#welcomeSubscribeDialog { margin-top: 40px; padding: 20px; color: rgb(18,155,224); border: solid 1px rgb(18,155,224); line-height: 1.3em; -webkit-border-radius: 20px; border-radius: 20px; }
#welcomeSubscribeDialog h2 { margin: 0px; padding: 0px; color: rgb(18,155,224); }
#welcomeSubscribeDialog #btnLogin { padding: 5px 20px 5px 20px; text-decoration: none; text-transform: uppercase; background-color: rgb(18,155,224); color: white; -webkit-border-radius: 5px; border-radius: 5px; }

#mainContent { text-align: left; margin-top: 20px; padding: 15px; }
#mainContent h1 { padding: 0px 0px 0px 0px; font-size: 140%; }

.sectionDescription { border: solid 1px rgb(158,165,148); -webkit-border-radius: 20px; border-radius: 20px; padding: 10px 15px 5px 15px; color: rgb(103,113,87); }

.sectionPath { padding: 18px 0px 40px 0px; }
.sectionPath a { color: rgb(140,140,140); font-weight: bold; text-decoration: none; font-size: 8pt; }
.sectionPath .separator { padding: 0px 15px 0px 0px; width: 20px; }

#articleDetail { padding: 0px 0px 0px 0px; }
#articleDetail .articleDate { padding: 0px 0px 0px 0px; }
#articleDetail .articlePerex { float: none; }
#articleDetail .articlePerex .perexImage { border: solid 1px silver; margin: 5px 0px 10px 20px; }
/*#articleDetail .articlePerex .perexImage .highslide-controls {display: none;}*/
#articleDetail .articleText { line-height: 1.8em; padding: 0px 0px 0px 0px; }
#articleDetail .articleText .imageRight { padding-left: 20px; padding-top: 5px; }
#articleDetail .hrefGoBack { padding: 0px 5px 0px 5px; }

#articleDetail .download h2 { font-size: 100%; background-color: rgb(180,190,191); color: rgb(35,31,32); padding: 5px 10px 5px 10px; }
#articleDetail .download .downloadList { margin: 10px; }

#articleDetail h2 { font-size: 150%; font-weight: bold; text-align: left; line-height: 1.3em; }
#articleDetail h3 { font-size: 110%; font-weight: normal; text-align: left; line-height: 1.3em; }
#articleDetail .floatLeft { float: left; padding-right: 40px; }
#articleDetail .floatRight { float: right; padding-left: 40px; }

#articleDetail ul { }
#articleDetail ul li { }
#articleDetail ul li p { padding: 0px; margin: 0px; }

.multimedia .multimediaList { margin-left: 0px; }
.multimedia .multimediaList .item { float: left; position: relative; width: 204px; height: 180px; overflow: hidden; margin: 20px 5px 0px 5px; padding: 5px; text-align: center; background-color: rgb(220,220,220); }
.multimedia .multimediaList .item .multimediaHref img { width: 200px; height: 200px; border: solid 2px white; }
.multimedia .multimediaList .item .multimediaHref img:hover { border: solid 2px rgb(158,165,148); }

#articleDetail .navigationTop { display: none; }
#articleDetail .navigationTop a { display: inline-block; font-size: 8pt; background-color: rgb(213, 231, 188); color: #878B74; padding: 2px 10px 2px 10px; text-decoration: none; -webkit-border-radius: 10px; border-radius: 10px;  text-align: center;}
#articleDetail .navigationTop .previous, #articleDetail .navigationTop .next { min-width: 120px; }

#galleryMultimediaOnlyDetail { display: none; position: absolute; top: 40px; left: 40px; width: 90%; height: 500px; background-color: white; border: solid 3px gray; z-index: 9999; }
#dimming { display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 500px; background-color: gray; opacity: 0.6; filter: alpha(opacity=60); }

#relatedArticles .navigationBottom { display: none; clear: both; padding: 40px 15px 20px 0px; text-align: center; }
#relatedArticles .navigationBottom a { display: inline-block; background-color: rgb(213, 231, 188); color: #878B74; padding: 5px 20px 5px 20px; text-decoration: none; -webkit-border-radius: 10px; border-radius: 10px; }
#relatedArticles .navigationBottom .back { background-color: rgb(160,201,107); color: white; }
#relatedArticles .navigationBottom .previous, #relatedArticles .navigationBottom .next { min-width: 160px; }

#shareButtonsArticle { margin-top: 25px; }
#shareButtonsArticle .shareButton { float: left; }

#section { }
#section #sectionView { }
#section .grdArticles .articleItem  { border: none; line-height: 1.8em; color: rgb(80,80,80); font-size: 11pt; padding: 15px 0px 10px 0px; }
#section .grdArticles .articleItem .perexImage { float: left; border: none; margin: 4px 0px 0px 0px; padding: 0px; }
#section .grdArticles .articleItem .perexImage img { }
#section .grdArticles .articleItem .articleBlock { margin-left: 150px; }
#section .grdArticles .articleItem .articleTitle a { font-weight: normal; font-size: 14pt; text-align: left; }
#section .grdArticles .articleItem .articleTitle a:hover { text-decoration: underline; }

#section .searchResult { display: block; font-size: 140%; text-align: left; padding: 20px 0px 20px 0px;}
#section .notFound { text-align: center; padding: 40px 0px 40px 0px;}
#section .searchBox { width: 250px; margin: auto; padding: 10px 20px 20px 20px; background-color: #848F76; -webkit-border-radius: 20px; border-radius: 20px; margin-bottom: 20px; }
#section .searchBox .title { display: block; font-size: 140%; color: white; padding-bottom: 5px; }
#section .searchBox .inputItem { width: 160px; background-color: white; padding: 4px 5px 4px 10px; border: solid 1px #9EA594; -webkit-border-radius: 20px; border-radius: 20px; }
#section .searchBox .submit { background-color: #9EA594; color: white; padding: 4px 10px 4px 10px; border: none; -webkit-border-radius: 20px; border-radius: 20px; cursor: pointer; }

#footer { margin: auto; }
#footer .content { margin: auto; text-align: center; padding: 15px; color: gray; }
#footer .partners { border: solid 1px silver; padding: 5px; text-align: center; -webkit-border-radius: 20px; border-radius: 20px; }
#footer .copyright { padding: 10px; font-size: 80%; }
#footer .developer a {  color: gray; text-decoration: none; }

.grdArticles.tiles {border-collapse: collapse; padding-top: 80px; margin-left: 0px; }
.grdArticles.tiles .item { float: left; position: relative; width: 220px; height: 320px; overflow: hidden; margin: 0px 8px 0px 8px; text-align: center; cursor: pointer; }
.grdArticles.tiles .item a { text-decoration: none; }
.grdArticles.tiles .item a:hover { }
.grdArticles.tiles .item .articleDate { display: block; color: #969696; font-size: 8pt; }
.grdArticles.tiles .item .perexImage { width: 220px; height: 220px; border: none; }
.grdArticles.tiles .item .title { display: block; padding: 0px 5px 0px 5px; font-weight: normal; font-size: 12pt; text-decoration: none; color: #000000; }
.grdArticles.tiles .item .subtitle { display: block; color: black; }
.grdArticles.tiles .item:hover .title, .grdArticles.tiles .item:hover .subtitle { text-decoration: underline; color: #AA0000; }
.grdArticles.tiles .item p { padding: 0px; margin: 0px; }

.gallery .grdArticles.tiles .item .perexImage { -webkit-border-radius: 220px; border-radius: 220px; }

.grdArticles.tiles.articleDetail { padding-top: 10px; }
.grdArticles.tiles.articleDetail .item { height: 200px; }
.grdArticles.tiles .relatedArticles { padding-top: 10px;}

.msgBox .error { display: block; text-align: center; padding: 20px; color: #AA0000; }


/****** autocomplete - vyhledavani *****/
.ui-autocomplete { min-width: 220px; _height: 300px; max-height: 300px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; /* add padding to account for vertical scrollbar */ padding-right: 10px; z-index: 9999; -webkit-border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px; }

.ui-autocomplete .category { display: block; text-align: left; font-weight: normal; padding: 2px 0px 2px 6px; border-bottom: solid 1px silver; }

.ui-menu-item .perexImage { width: 30px; height: 30px; margin-right: 5px; }

.ui-menu-item { float: left; clear: left; }

.ui-menu-item td { vertical-align: middle; text-align: left; }

.ui-menu-item .highlite { font-weight: bold; }

/***** dialogs */

.ui-dialog-buttonset .ui-button  { background-image: none; -webkit-border-radius: 10px; border-radius: 10px; border: none; }
.ui-dialog-buttonset .submitButton { background-color: #6C7461; color: white; }
.ui-dialog-buttonset .watchDogButton { background-color: #9EA594; color: white; }

.highslide-html-content { padding: 0px; }

.formGenerator .formEdit .labels { vertical-align: top; }
.formGenerator .buttons { width: 500px; text-align: center; }

@media screen and (max-width: 800px) {
}