body {margin: 0px; padding: 0px; font-family: Arial, Verdana, 'Geneva CE', lucida; font-size: 0.8em; background-color: rgb(185,202, 211); color: rgb(25,25,25); text-align: center; position: relative;}

#supersize {position:fixed;_position:absolute;}
#supersize img {height:100%; width:100%; position:absolute; z-index: 0;}

form {margin: 0px; padding: 0px;}
input, option, select, textarea {font-family: Verdana, 'Geneva CE', lucida, sans-serif;	font-size: 100%;}

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

a {color: rgb(207,44,20); font-weight: normal;}
a:hover {color: rgb(123,137,144); text-decoration: underline;}

table {font-size: 100%;}
td {font-size: 100%;}

label {cursor: pointer; _cursor: hand;}

h1 {font-size: 140%; margin: 0px; padding: 5px 0px 5px 0px;}
h1 strong {font-weight: bold;}
h2 {font-size: 130%; margin: 0px; padding: 5px 0px 5px 0px;}
h2 strong {font-weight: bold;}
h3 {display: block; font-family: Georgia, sans-serif; font-size: 125%; font-weight: normal; margin: 0px 0px 6px 0px;}
h3 strong {font-weight: bold;}
h4 {font-size: 100%; margin: 0px; padding: 5px 0px 5px 0px;}
h4 strong {font-weight: bold;}
h5 {font-size: 100%; margin: 0px; padding: 5px 0px 5px 0px;}
h5 strong {font-weight: bold;}

hr {height: 1px; border: solid 1px black;}

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

.clear {clear: both; font-size: 1px; line-height: 1px; height: 1px;}
.clearLeft {clear: left; font-size: 1px; line-height: 1px; height: 1px;}
.clearRight {clear: right; font-size: 1px; line-height: 1px; height: 1px;}

.alignRight {text-align: right;}
.displayNone {display: none;}

/******************************************************** */
/********************* layout************************/
/*********************************************************/
#page {width: 984px; position: relative; text-align: left; margin: 0px auto 0px auto; background-image: url('../images/bgPage.png'); background-position: top left; background-repeat: repeat-y;}
#header {position: relative; width: 990px; margin: 20px 0px 0px 0px;}
#menuTop {width: 738px; height: 45px; margin: 0px 0 0 235px; padding: 7px 0px 0px 20px; background-image: url('../images/topMenuBg.png'); background-position: top right; background-repeat: no-repeat;}
#mainContent {width: 740px; padding: 0px 0px 0px 0px; position: relative;}
#leftColumn {width: 195px; padding: 0px; margin: 50px 15px 0px 25px;}

/*********************************************************/
/********************* header************************/
/*********************************************************/
.logo {display: block; position: absolute; top: 0px; left: 25px; z-index: 2; margin: 0px;}

#titleWeb {position: absolute; display: block; width: 170px; top:20px; left:25px; z-index: 1; font-size: 155%; color: black;}
#titleWeb a {text-decoration: none;  color: black;}
#titleWeb .perex {display: block; font-size: 62%;}
#titleWebPrint {display: none;}

/*********************************************************/
/********************* horni menu ************************/
/*********************************************************/
#menuTop ul {list-style: none; padding: 0px; margin: 0px;}
#menuTop ul li {float: left; padding: 0px; margin: 0px;}
#menuTop ul li a {display: block; padding: 0px 13px 0px 13px; font-weight: normal; text-decoration: none; color: white; font-weight: bold; background-color: rgb(207,44,20);}
#menuTop ul li a:hover, #menuTop ul li .active {color: black;}

/**************** collapsible menu *************************/
.subLevelMenu {display: block;}
.subLevelMenuHidden { display: none; }
.displaySubMenu ul {display: block;}

/*********************************************************/
/********************* menu Left************************/
/*********************************************************/
#menuLeft {position: relative; margin: 0px 10px 20px 0px;}
#menuLeft ul {list-style: none; padding: 0px; margin: 0px 0px 20px 0px;}
#menuLeft ul li {display: block;  margin: 0px;}
#menuLeft ul li a {display: block; color: black; padding: 7px 0px 7px 21px; font-weight: normal; text-decoration: none; background-image: url('../images/ico.png'); background-position: 0px 10px; background-repeat: no-repeat; }
#menuLeft ul li a:hover, #menuLeft ul li .active {background-image: url('../images/icoHover.png'); background-position: 0px 10px; }
#menuLeft ul li a:hover {text-decoration: underline; color: rgb(207,44,20);}

#menuLeft ul li ul {list-style: none; padding: 0px; margin: 0px 0px 10px 20px;}
#menuLeft ul li ul li a {padding: 2px 0px 5px 10px; font-size: 85%; background-image: url('../images/ico-small.png'); background-position: 0px 6px;}
#menuLeft ul li ul li a:hover, #menuLeft ul li ul li .active {background-image: url('../images/ico-smallHover.png'); background-position: 0px 6px;}

.separatedMenu  {border-top: 1px solid rgb(126,134,138); border-bottom: 1px solid rgb(126,134,138); margin-top: 10px;}


/*********************************************************/
/********************* languages***********************/
/*********************************************************/
#languages {position: absolute; top: 0px; right: 25px;  float: right; margin: 0px 0px 0px 0px;}
#languages .flag {float: left; margin: 0px 0px 0px 5px;}



/*********************************************************/
/********************* search box************************/
/*********************************************************/
.searchBox {width: 280px; float: right; margin: 0px 10px 12px 0px;}
.searchBox .button {float: right; margin: 0px 0px 0px 5px; }
.searchBox .textInputItem {float: right; width: 175px;}

.icoFacebook { float: right; margin: 0px 5px 0px 0px; position: relative; top: -2px; }
.icoInstagram { float: right; margin: 0px 35px 0px 0px; position: relative; top: -2px; }

/***************** mainContent ******************************/

#mainContent {padding: 0px 0px 0px 0px; margin: 0px;}

.back, .more {display: block; float: right; padding: 7px 0px 5px 15px; margin: 10px 0px 0px 0px; font-weight: normal; background-image: url('../images/ico.png'); background-position: 0px 11px; background-repeat: no-repeat; }
.back:hover, .more:hover {background-image: url('../images/icoHover.png'); background-position: 0px 11px; }


/*********************************************************/
/********************* titles************************/
/*********************************************************/
#section .sectionTitle, #article .sectionTitle {display: block; margin: 0px 0px 10px 0px; padding: 0px; font-size: 150%; font-weight: normal; color: rgb(123,137,144); font-family: Georgia, sans-serif;}
.articleTitle {display: block; margin: 0px 0px 10px 0px; padding: 0px; font-size: 100%; font-weight: normal; color: black; font-weight: bold; font-family: sans-serif;}
.articleTitle a:hover {text-decoration: underline;}
.title {display: block; font-size:120%; }

/*********************************************************/
/********************* multimediaList *********************/
/*********************************************************/
.multimediaList {margin: 20px 0px 0px 0px; padding: 0px;}
.multimediaList .item {padding: 0px 9px 10px 0px; text-align: center; vertical-align: top;}
.multimediaList .item .title {font-size: 90%; padding-top: 5px;}
.multimediaList .item .multimediaHref {background-color: silver; overflow: hidden;}
.highslide-caption {text-align: left; font-size: 100%;}
.captiontitle {display: block; font-weight: bold;}

/*********************************************************/
/********************* grdArticles************************/
/*********************************************************/
#grdArticles {margin: 0px 0px 0px 0px;}
#grdArticles .articleitem {padding: 0px 0px 16px 16px; }
#grdArticles .articleitem .inside {text-align: center;}
#grdArticles .articleitem .perexImage {display: block; height: 180px;}
#grdArticles .articleitem .productTitle {display: block; margin: 8px 0px 0px 0px; padding-bottom: 8px; text-decoration: none; font-size: 120%;}
#grdArticles .articleitem .productTitle:hover {text-decoration: underline;}

.blackLink a { color: black; }


/***************** left Column ******************************/
#leftColumn .icons {padding: 0px; margin: 20px 0px 0px 0px;}
#leftColumn .iconsItem {float: left; display:block; width: 55px; text-align: center; padding: 35px 0px 0px 0px; color: rgb(25,25,25); text-decoration: none; font-size: 10px; background-position: center top; background-repeat: no-repeat;}
#leftColumn .iconsItem:hover {background-position: center -80px; color: rgb(207,44,20); text-decoration: underline;}
#leftColumn .dates {background-image: url('../images/icoDates.png');}
#leftColumn .iconsHome .dates {margin: 0px 8px 0px 0px;}
#leftColumn .icons .dates {background-image: url('../images/icoDates.png'); width: 35px;}
#leftColumn .application {background-image: url('../images/icoApplication.png'); width: 95px;}
#leftColumn .consultations {background-image: url('../images/icoConsultations.png'); }


/*********************************************************/
/*********************** article *************************/
/*********************************************************/
#article {margin: 0px 20px 0px 0px;}
#article .articlePerex .perexImage {float: right; margin-left: 10px;}
#article .articlePerex .text {font-style: normal;}
#article .articleText {margin: 0px 0px 10px 0px; line-height: 1.5em;}
#article .articleTitle {font-size: 120%; margin-bottom: 5px;}

#article .articleText h1 {font-size: 120%; margin: 0px; padding: 0px 0px 1px 0px;}
#article .articleText h2 {font-size: 110%; margin: 0px; padding: 12px 0px 1px 0px;}
#article .articleText h3 {font-size: 100%; margin: 0px; padding: 10px 0px 1px 0px; font-weight: bold; font-family: inherit;}
#article .articleText h4 {font-size: 90%; margin: 0px; padding: 10px 0px 1px 0px;}
#article .articleText h5 {font-size: 85%; margin: 0px; padding: 10px 0px 1px 0px;}
#article .articleText h6 {font-size: 80%; margin: 0px; padding: 10px 0px 1px 0px;}

#article .projectApplicant {width: 340px; float: left; padding: 0px 15px 10px 0px; border-right: solid 1px rgb(126,134,138); margin-bottom: 15px;}
#article .projectPartner {width: 340px; float: left; padding: 0px 0px 10px 15px; margin-bottom: 15px;}
#article .projectApplicant .projectTitle, #article .projectPartner .projectTitle {display: block; margin: 0px 0px 10px 0px; padding: 9px 0px 0px 15px; font-size: 100%; color: black; font-weight: bold; font-family: sans-serif; background-image: url('../images/ico.png'); background-position: 0px 11px; background-repeat: no-repeat;}
#article .projectApplicant .content, #article .projectPartner .content {padding-left: 15px;}

#article .projectGoal {padding: 10px 15px; margin-bottom: 15px; background-color: rgb(192,212,224); background-image: url('/images/bgPageProjectDetail.png'); background-position: top left; background-repeat: repeat-y}
#article .projectGoal .projectTitle {display: block;}

#article .note {font-style: italic; padding-top: 10px;}

#article .singleVideo {text-align: center; width: 720px; height: 540px;}
#article .singleFile .captiontitle {padding-top: 10px;}

#article .articleDate {display: block; padding: 0px; margin: 0px; float: right; color: Gray;}

#article .navigationPrevNext {padding: 7px 0px 0px 0px; float: left;}
#article .navigationPrevNext a {padding-right: 5px; margin-right: 5px;}
#article .navigationPrevNext .previous {padding: 0px 15px 0px 0px; background-image: url('../images/ico.png'); background-position: right 4px; background-repeat: no-repeat; }
#article .navigationPrevNext .next {padding: 0px 0px 0px 15px; background-image: url('../images/icoRevert.png'); background-position: 0px 4px; background-repeat: no-repeat; }

#article .download h3 {font-size: 100%; margin: 0px; padding: 10px 0px 5px 0px; font-weight: bold; font-family: inherit;}
#article .back {display: block; margin: 0px; float: right;}

/*********************************************************/
/************************ section ************************/
/*********************************************************/
#section {margin: 0px 20px 0px 0px;}
 
#section .grdSections {border-bottom: solid 1px silver; margin-bottom: 20px;}
#section .grdSections td {vertical-align: top; padding: 0px 0px 20px 0px; margin: 0px;}
#section .grdSections .sectionItem {text-align: left; border: none; width: 370px;}
#section .grdSections .sectionItem a {color: rgb(207,44,20); font-weight: normal;}
#section .grdSections .sectionItem a:hover {color: rgb(123,137,144); text-decoration: underline;}
#section .grdSections .sectionItem .more {float: right; margin: 0px 20px 0px 0px;}
#section .grdSections .sectionItemAlternating {text-align: left; border: none; width: 350px;}
#section .grdSections .sectionItemAlternating .more {margin: 0px;}
#section .grdSections .sectionItem .perexImage {float: none; display: block; width: 350px; height: auto; padding: 0px; margin: 0px; text-align: center; border: solid 1px silver;}
#section .grdSections .sectionItem .title { display: block; font-weight: normal; font-size: 130%; margin-top: 5px; width: 293px; font-family: Georgia, sans-serif;}
#section .grdSections .sectionItem .subtitle {display: block; margin-top: 5px; width: 350px;}
#section .grdSections .sectionItem.noTitle .title {display: none;}
#section .grdSections .sectionItem.separator { border-top: solid 1px silver; padding-top: 20px; }

#section .leipzig .grdSections .sectionItem .title { font-weight: bold; }

#section .sectionPerex {margin-bottom: 10px;}
#section .sectionPerex .perexTitle .text {margin-top: 140px; min-height: 40px; _height: 40px; left: 0px; z-index: 30; padding: 10px; background-image: url('../images/bgTransparentWhite.png'); text-align: left;}
#section .sectionPerex .perexTitle .title {font-weight: bold;}
#section .sectionPerex .perexTitle .back {float: right; margin: 0px;}
#section .sectionPerex .perexText {margin-top: 10px; line-height: 1.5em;}
#section .sectionPerex .more {margin: 0px;}

#section .grdArticles .articleItem {padding: 5px 0px 10px 0px; border: none;}
#section .grdArticles .articleItem .perexImage {float: left; text-align: center; padding-top: 10px;}
#section .grdArticles .articleItem .perexImage.ico {width: 70px;}
#section .grdArticles .articleItem .perexImage.prxImg {width: 170px;}
#section .grdArticles .articleItem .perexImage .icoText {display: block; font-size: 70%;}
#section .grdArticles .articleItem .articleBlock {margin: 0px;}
#section .grdArticles .articleItem .articleBlock.ico {margin-left: 80px;}
#section .grdArticles .articleItem .articleBlock.prxImg {margin-left: 180px; padding-top: 8px;}
#section .grdArticles.searchMode .articleItem .perexImage {width: 170px;}
#section .grdArticles.searchMode .articleItem .articleBlock {margin-left: 180px; padding-top: 8px;}
#section .grdArticles .articleItem .articleDate {display: block; padding: 0px; margin: 0px;  float: right;}
#section .grdArticles .articleItem .articleTitle {padding: 0px; margin: 0px; font-weight: normal;}
#section .grdArticles .articleItem .articleTitle a {display: block; padding: 0px; margin: 0px;}
#section .grdArticles .articleItem .articleTitle a .month {display:none;}
#section .grdArticles .articleItem .articlePerex {margin: 5px 0px 0px 0px; padding: 0px; line-height: 1.5em;}
#section .grdArticles .articleItem .articlePerex p {margin: 0px; padding: 0px;}
#section .grdArticles .articleItem .articlePerex .more {font-size: 85%; margin: 0px; padding-top: 0px; background-position: 0px 3px; line-height: normal;}
#section .grdArticles .articleItem .sectionPath {display: block; font-weight: normal; font-size: 85%; padding-bottom: 3px;}
#section .grdArticles .articleItem .sectionPath a {color: Gray;}

#section #sectionView .subsTitle {border-bottom: solid 1px rgb(126,134,138); padding: 15px 0px 3px 0px; margin-bottom: 5px;}
#section .grdArticles.tiles td {padding-right: 13px;}
#section .grdArticles.tiles .articleItem .articlePerex {display: none;}
#section .grdArticles.tiles .articleItem .perexImage {display: block; width: 168px; height: 113px; background-repeat: no-repeat; background-position: center;}
#section .grdArticles.tiles .articleItem .text {margin-top: 65px; min-height: 38px; _height: 38px; left: 0px; z-index: 30; padding: 5px; background-image: url('../images/bgTransparentWhite.png'); cursor: pointer; cursor: hand; text-align: left;}
#section .grdArticles.tiles .articleItem .text .month {display: block; font-size: 85%;}
#section .grdArticles.tiles .articleItem h3 {margin: 0px; padding: 0px; }
#section .grdArticles.tiles .articleItem h3 a {color: Black; text-decoration: none; font-size: 12px; margin: 0px; padding: 0px; }
#section .grdArticles.tiles .articleItem .more {margin: 0px 0px 0px 0px;}

#section .sekretariat .grdArticles .articleItem .perexImage.prxImg {width: 110px; margin: 0px;}
#section .sekretariat .grdArticles .articleItem .articleBlock { margin-left: 115px; }

/*********************************************************/
/********************* footer************************/
/*********************************************************/
#footer {border-top: 1px solid black; margin: 20px 30px 0px 25px; padding: 20px 0px 20px 0px;}

#copyright {float: left; margin: 0px; font-size: 90%;}
#menuBottom .developer {float: right; display: block; text-decoration: none; color: Gray; font-size: 11px; padding-top: 10px;}
#menuBottom .developer:hover {text-decoration: underline; color: rgb(207,44,20);}

.bottomPic {padding: 0px; margin: 0px 0px 0px 0px;}
/*********************************************************/
/********************* dolni - pomocné menu ************************/
/*********************************************************/
#menuBottom  {padding: 0px; margin: 0px; float: right; }
#menuBottom ul {list-style: none; padding: 0px; margin: 0px;}
#menuBottom ul li {float: left; padding: 0px; margin: 0px;}
#menuBottom ul li a {display: block; padding: 0px 0px 0px 10px; font-weight: normal; }
#menuBottom ul li a:hover {text-decoration: underline; color: rgb(207,44,20);}

#menuBottom2 {font-size: 100%; padding-top: 3px;}
#menuBottom2 ul {list-style: none; padding: 0px; margin: 0px;}
#menuBottom2 ul li {float: left; padding: 0px 10px 0px 0px; margin: 0px;}
#menuBottom2 ul li a {display: block; padding: 0px 0px 0px 0px; font-weight: normal;}
#menuBottom2 ul li a:hover {text-decoration: underline; color: rgb(207,44,20);}

/****** forms, buttons *****/

.button {width: 55px; height: 24px; display: block; border: none; padding: 0px; margin: 0px; background-color: rgb(167,184,192); cursor: pointer; color: black; text-align: center;}
.button:hover {background-color: rgb(207,44,20); color: white;}

.textInputItem {border: 1px solid rgb(97,110,117); height: 17px; font-size: 90%; color: rgb(123,137,144); padding: 3px 0px 0px 5px;}

/*********************************************************/
/********************* homepage ************************/
/*********************************************************/
.home #mainContent {width: 505px; padding: 0px 0px 0px 0px; position: relative; }
.home #leftColumn {width: 434px; padding: 0px; margin: 50px 15px 0px 25px; }

.home .introduction {padding: 0px 10px 30px 0px; line-height: 1.5em; /*text-align: justify;*/}
.home .introduction p { margin: 0px; padding: 0px; }
.home .introduction .more { margin-top: 0px; }
.home p {padding-top: 0px; margin-top: 0px;}
.home .messageCont {position: relative; min-height: 60px; _height: 60px; }
.home .message { position: absolute; top: 0px; left: -25px; width: 426px; padding: 12px 8px 12px 25px; margin: 0px 0px 20px 0px; background-color: rgb(126,134,138); color: white; font-family: Georgia, sans-serif; font-size: 130%;}
.home .message p {margin: 0px; padding: 0px;}

#iconsHome {padding: 20px 0px 0px 0px;}
#iconsHome .iconsItemHome {float: left; width: 135px; display:block; text-align: center; padding: 52px 0px 0px 0px; font-family: Georgia, sans-serif; font-size: 16px; font-weight: normal; color: rgb(25,25,25); text-decoration: none; background-position: center top; background-repeat: no-repeat;}
#iconsHome .iconsItemHome:hover {background-position: center -70px; color: rgb(207,44,20); text-decoration: none;}
#iconsHome .dates {background-image: url('../images/icoDatesHome.png');}
#iconsHome .application {background-image: url('../images/icoApplicationHome.png');}
#iconsHome .consultations {background-image: url('../images/icoConsultationsHome.png'); }

/********************* news************************/
#news { margin: 30px 25px 0px 10px;}
#news h3 a { text-decoration: none; color: black; }
#news h3 a:hover { color: rgb(207,44,20); }
#news .content { height: 200px; overflow: auto; }
#news .item {display: block; padding: 7px 0px 7px 15px; font-weight: normal; font-size: 85%; background-image: url('../images/ico.png'); background-position: 0px 11px; background-repeat: no-repeat; }
#news .item:hover {background-image: url('../images/icoHover.png'); background-position: 0px 11px; }
#news .item .title {display: inline; }
#news .item .date {font-size: 90%; text-decoration: none; color: black; margin-left: 10px; }

#news .item.blackLink { background-image: url('../images/icoHover.png'); }
#news .item.blackLink a { color: black; }

.home .videoBox {position: relative; width: 415px; left: -25px; font-size: 90%; text-decoration: none; color: black; padding: 10px 10px 10px 25px; border: solid 1px silver; border-left: none; -webkit-box-shadow: 1px 1px 1px 1px rgba(200,200,200,255); box-shadow: 1px 1px 1px 1px rgba(200,200,200,255);}
.home .videoBox .videoItem {position: relative; float: left; width: 168px; height: 113px; overflow: hidden; background-image: url('../images/bgVideo.png'); background-position: bottom right; background-repeat: no-repeat; padding: 0px 4px 4px 0px; margin: 0px 10px 0px 0px;}
.home .videoBox .videoItem .play {display: block; position: absolute; top: 0px; left: 0px; width: 168px; height: 113px; background-image: url('/images/video-play.png'); background-position: 50% 50%; background-repeat: no-repeat;}
.home .videoBox .videoItem .play:hover {background-image: url('/images/video-play-hover.png');}
.home .videoBox .title {font-size: 125%; font-weight: normal; font-family: "Georgia", sans-serif; margin-bottom: 2px;} 
.home .videoBox .perex { text-decoration: none; color: black; margin: 0px 0px 5px 0px; font-size: 95%; height: 30px; overflow: hidden; }
.home .videoBox .perex p { padding: 0px; margin: 0px; }

.home .videoBox .thumbsBar .thumb {position: relative; float: left; width: 92px; height: 59px; overflow: hidden; margin-right: 5px;}
.home .videoBox .thumbsBar .play {display: block; position: absolute; top: 0px; left: 0px; width: 92px; height: 59px; background-image: url('/images/video-play-small.png'); background-position: 50% 50%; background-repeat: no-repeat;}
.home .videoBox .thumbsBar .play:hover {background-image: url('/images/video-play-small-hover.png');}
.home .videoBox .thumbsBar .more { margin-top: 35px; }

/************************** homeNews *****************************/
#homeNews {position: relative; top: 30px; z-index: 10; width: 483px; height: 383px; padding: 0px; margin: 0px 0px 30px 0px; background-image: url('../images/homeNewsBg.jpg'); background-position: top left; background-repeat: no-repeat;}
#homeNews .logo15years { display: none; position: absolute; top: 7px; right: 12px; background-color: rgb(163,181,191); color: white; text-decoration: none; font-weight: bold; padding: 5px; -webkit-border-radius: 20px; border-radius: 20px; z-index: 999; }
#homeNews .articleSlider {position: relative;}
#homeNews .viewPort {overflow: hidden; width: 479px;}
#homeNews .slideDiv {overflow: hidden; width: 479px;}
#homeNews .perexImage {float:left; position: relative;}
#homeNews .text {position: relative; overflow: auto; height: 100px; left: 0px; z-index: 30; margin-top: 250px;  padding: 12px 10px 0px 10px; background-image: url('../images/bgTransparentWhite.png'); cursor: pointer; cursor: hand;}
#homeNews h3 {color: rgb(207,44,20); padding: 0px; margin-bottom: 2px;}
#homeNews h3 .month {color: black; padding-left: 10px; }
#homeNews .perex {font-size: 9pt;}
#homeNews .perex p {padding: 0px; margin: 0px;}
#homeNews .more {margin: 2px 0px 0px 0px; padding: 0px 0px 0px 15px; background-position: 0px 3px;}

#homeNews .homeNewsTitle { position: absolute; top: 10px; left: 0px; z-index: 9999; font-size: 12pt; background-color: rgb(207,44,20); color: white; border: white 1px solid; border-left: none; padding: 5px 5px 5px 10px; margin-top: 20px; }
#homeNews .arrowLeft { position: absolute; left: 10px; top: 120px; z-index: 99999; width: 30px; height: 30px; background-image: url('../images/homeNewArrowLeft.png?v=3'); background-position: top left; background-repeat: no-repeat; cursor: pointer; cursor: hand; opacity: 0.6; filter: alpha(opacity=60);}
#homeNews .arrowRight { position: absolute; right: 13px; top: 120px; z-index: 99999; width: 30px; height: 30px; background-image: url('../images/homeNewArrowRight.png?v=3'); background-position: top left; background-repeat: no-repeat; cursor: pointer; cursor: hand; opacity: 0.6; filter: alpha(opacity=60);}
#homeNews .arrowLeft:hover { opacity: 1; filter: alpha(opacity=100);}
#homeNews .arrowRight:hover { opacity: 1; filter: alpha(opacity=100);}

#homeNews .slideDiv .text .viewport { height: 71px; overflow: hidden; position: relative; }
#homeNews .slideDiv .text .overview { position: absolute; left: 0; top: 0; }
#homeNews .slideDiv .text .thumb .end,
#homeNews .slideDiv .text .thumb { background-color: gray; }
#homeNews .slideDiv .text .scrollbar { position: relative; float: right; width: 5px; }
#homeNews .slideDiv .text .track { background-color: silver; height: 100%; width:5px; position: relative; padding: 0 1px; }
#homeNews .slideDiv .text .thumb { height: 20px; width: 5px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#homeNews .slideDiv .text .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#homeNews .slideDiv .text .disable{ display: none; }

#homeNewsNums ul {position: absolute; top: 120px; left: 10px; z-index: 35; color: white; padding: 0px; margin: 0px; list-style: none;}
#homeNewsNums li, #homeNewsNums li a { display:-moz-inline-stack; display: inline-block; *display:inline; zoom:1; margin: 0px 0px 0px 4px; padding: 0px; }
#homeNewsNums a {width: 17px; height: 17px; text-align: center; font-size: 90%; text-decoration: none; color: white; background-image: url('../images/homeNewBgBlack.png'); background-position: top left; background-repeat: no-repeat;}
#homeNewsNums a:hover, #homeNewsNums .active a { background-image: url('../images/homeNewBgRed.png');}
#homeNewsNums .hidden { display: none; }

#homeNewsNums .arrowLeft { width: 8px; height: 17px; background-image: url('../images/homeNewArrowLeft.png'); background-position: top left; background-repeat: no-repeat; cursor: pointer; cursor: hand;}
#homeNewsNums .arrowRight { width: 8px; height: 17px; background-image: url('../images/homeNewArrowRight.png'); background-position: top left; background-repeat: no-repeat; cursor: pointer; cursor: hand;}
#homeNewsNums .arrowLeft:hover { background-image: url('../images/homeNewArrowLeftHover.png'); }
#homeNewsNums .arrowRight:hover { background-image: url('../images/homeNewArrowRightHover.png'); }


/************************** theme *****************************/
.home .theme {padding: 0px 10px 0px 0px;}
.home .theme .perexImage {float: right; margin: 0px 0px 0px 20px;}
.home .theme .perex {line-height: 1.5em;}
.home .theme .perex p { margin: 0px; padding: 0px; }
.home .theme .sectionTitle { display: block; color: gray; padding-bottom: 10px; }
.home .theme .title {display: block; font-weight: bold; font-size: inherit; }
.home .theme .moreBlock { display: block; text-align: right; margin: 0px 0px 20px 0px; }
.home .theme .moreBlock .more { display: inline; float: none; background-position: 0px 3px; padding: 0px 0px 0px 15px; }

/*********************** home banner */
 #banner { position: relative; left: -25px; background-image: url('../images/homeNewsBg.jpg'); background-position: bottom right; background-repeat: no-repeat; width: 454px; height: 95px; margin: 15px 0px 10px 0px; }
 #banner a { }


/*  Project list   */

#archiveFilter {clear: right; margin-top: 20px; background-color: rgb(230,230,230); padding: 10px; font-size: 90%;}
#archiveFilter .inputItem {width: 340px;}
#archiveFilter .buttons {text-align: right;}
#archiveFilter .buttons .button {margin-bottom: 0px; width: 150px;}

#archiveList {margin-top: 20px;}
#archiveList .list {width: 100%; border-collapse: collapse;}
#archiveList .list tr {font-weight: bold; cursor: pointer; color: Black; background-color: rgb(240,240,240);}
#archiveList .list td {border-top: dotted 1px gray; padding: 10px 2px 4px 2px;}
#archiveList .list td.b {text-align: right; font-weight: normal; font-size: 85%;}
#archiveList .showDetail {padding: 5px 2px 20px 2px;}
#archiveList .e table {border-collapse: collapse;}
#archiveList .e table td {vertical-align: top;}
#archiveList .e td.d {font-weight: bold; padding-right: 2px; white-space: nowrap; text-align: right;}

/* annual reports */

#section.annualReport .currentArticle .perexImage {float: left; padding-right: 15px;}
#section.annualReport .currentArticle .articleTitle {font-size: 300%; font-weight: bold;}
#section.annualReport h2 {clear: both; margin: 0px 0px 10px 0px; padding-top: 20px; font-weight: normal; font-size: 100%; border-bottom: solid 1px black;}
#section.annualReport .downloadFiles a {text-decoration: none;}
#section.annualReport .downloadFiles a:hover {text-decoration: underline;}
#section.annualReport .downloadFiles .fileType {width: 20px;}
#section.annualReport #archive .grdArticles {border-collapse: separate; position: relative; left: -8px;}
#section.annualReport #archive .grdArticles.tiles td {padding: 0px;}
#section.annualReport #archive .grdArticles.tiles td.fileType {width: 25px;}
#section.annualReport #archive .articleItem {border: solid 1px silver; padding: 2px;}
#section.annualReport #archive .articleTitle {display: block; font-size: 110%; padding: 4px;}
#section.annualReport #archive .perexImageEnvelope {width: 168px; height: 215px; overflow: hidden; margin: 2px;}
#section.annualReport #archive .perexImage {height: auto;}
#section.annualReport #archive .downloadFiles {width: 160px; padding: 4px; font-size: 8pt;}

/* archiv tema roku */

#section.themeArchive h1 { font-size: 120%; font-weight: bold; }
#section.themeArchive hr { height: 0px; border: none; border-top: 1px black solid;  }
#section.themeArchive .grdArticles { margin: 0px auto 10px 35px; }
#section.themeArchive .grdArticles td { width: auto; padding: 20px 40px; }
#section.themeArchive .grdArticles .perexImage { border: none; }
#section.themeArchive .grdArticles .perexImage.grayscale { opacity: 0.6; filter: alpha(opacity=60); }
#section.themeArchive .sectionPerex { line-height: 1.5em; }

.ui-dialog-content { text-align: left; font-size: 9pt; }
.ui-dialog-content .buttons { position: relative; text-align: center; margin-top: 30px; }
.ui-dialog-content .buttons .ui-button { float: right; }
.ui-widget-content .buttonArrow { color:white;}
.closePermanently { position: absolute; left: 0px; top: 0px; font-size: 8pt; }
.ui-widget-header { background-color: rgb(207,44,20); text-align: left; }

.buttonArrow { background-image: url('/images/button-arrow.png'); background-position: 98% 50%; background-color: rgb(207,44,20); background-repeat: no-repeat; padding: 7px 35px 7px 10px; -webkit-border-radius: 20px; border-radius: 20px; color: white; text-decoration: none; }
.buttonArrow:hover { color: white; text-decoration: none; }