body {margin: 0; padding: 30px 0 0 0; text-align: center; background-color: #CCCCCC; font-size: 80%; font-family: Arial; color: #000;}

div,a,img,table,form,ul,li,p,h1,h2,h3,h4,h5 {margin: 0; padding: 0; border: 0;}
.none {display: none;}
.clean {clear: both; display: block;}
.alignRight {text-align: right;}
.item {display: block;}
.point {background: url(../../images/point.gif) 1px center no-repeat; padding: 0 0 0 10px; display: block; text-indent: 0;}

.gray {color: #666;}

a {color: #000; text-decoration: underline;}
a:hover {text-decoration: none;}

table th {vertical-align: top;}

#page {width: 949px; margin: 0 auto; text-align: left; background: #2D3D87 url(../../images/back.gif) 0 0 repeat-y; }

#header { background: url(../../images/header.gif) 0 0 no-repeat;  height: 100px;}

#header #logo {float: left; width: 300px;}
#header #logo img { margin: 5px 0 0 15px;}

#header #find {float: right; width: 470px; margin-top: 40px; margin-right: 30px;}
#header #find #str {width: 155px; margin-bottom: 16px;}
#header #find #cat {width: 155px; margin: 0 10px; margin-bottom: 16px;}
#header #find #sub {margin-bottom: -13px;}

#login {width: 100px; float: right;}
#login a {color: #fff;}

#menu {clear: both; padding: 0 0 0 35px;}
#menu li {list-style-type: none; display: inline;}
#menu li a {float: left; width: 100px; font-size: 110%; font-weight: bold; margin: 0 6px 0 0; padding: 10px 0 8px 0; background: #0066CC url(../../images/menu1.gif) 0 0 no-repeat; color: #fff; text-decoration: none; text-align: center;}
#menu li a.active {background: #039AFE url(../../images/menu_active.gif) 0 0 no-repeat; color: #fff000;}
#menu li a:hover {color: #fff000;}


#main {clear: both; background: #eeeeee url(../../images/mainTop.gif) 0 0 no-repeat; overflow: auto; margin: 0 10px; width: 920px;}
#mainIn {background: url(../../images/mainBot.gif) 0 bottom no-repeat; padding: 20px 10px 10px 0; overflow: auto; clear: both; width: 910px;}


#main .column1 {background: #fff url(../../images/columnBack1.gif) 0 0 repeat-y; margin-bottom: 10px;}
#main .column1 h3 {background: url(../../images/columnTop1.gif) 0 0 no-repeat; text-indent: 25px; padding: 9px 0 5px 0; font-size: 140%; font-weight: normal;}
#main .column1Bottom {display: block; height: 13px; background: url(../../images/columnBot1.gif) 0 bottom no-repeat;}

#main .column2 {background: #fff url(../../images/columnBack2.gif) 0 0 repeat-y; margin-bottom: 10px;}
#main .column2 h3 {background: url(../../images/columnTop2.gif) 0 0 no-repeat; text-indent: 25px; padding: 9px 0 5px 0; font-size: 140%; font-weight: normal;}
#main .column2Bottom {display: block; height: 13px; background: url(../../images/columnBot2.gif) 0 bottom no-repeat; /*IE 3px bug*/ margin-right: 0 !important; margin-right: -3px;}

#main .column3 {background: #fff url(../../images/columnBack3.gif) 0 0 repeat-y; margin-bottom: 10px;}
#main .column3 h3 {background: url(../../images/columnTop3.gif) 0 0 no-repeat; text-indent: 25px; padding: 9px 0 5px 0; font-size: 140%; font-weight: normal;}
#main .column3Bottom {display: block; height: 13px; background: url(../../images/columnBot3.gif) 0 bottom no-repeat;}

#main .spad1 {padding: 0 10px 10px 10px; overflow: auto; width: 210px;}
#main .spad2 {padding: 0 10px 10px 10px; overflow: auto; /*width: 380px;*/}
#main .spad3 {padding: 0 10px 10px 10px; overflow: auto; width: 230px;}

#main .columnAll {background: #fff url(../../images/columnBackAll.gif) 0 0 repeat-y; margin-bottom: 10px;}
#main .columnAll h1 {background: url(../../images/columnTopAll.gif) 0 0 no-repeat; text-indent: 25px; padding: 9px 0 5px 0; font-size: 140%; font-weight: normal;}
#main .columnAll h1 a {text-decoration: none;}
#main .columnAllBottom {display: block; height: 13px; background: url(../../images/columnBotAll.gif) 0 bottom no-repeat;}

#main .detail h1 {background: url(../../images/columnTopAll_detail.gif) 0 0 no-repeat;}

#main .detail .both {overflow: auto; width: 630px;}

#main .detail .left {float: left; width: 105px; padding: 0 0 0 15px;}
#main .detail .left img {display: block; margin: 0 0 5px 0; width: 110px;}

#main .detail .right {float: right; border-left: 2px solid rgb(149,149,149); width: 470px; padding: 0 0 0 20px;}
#main .detail .right h2 {}
#main .detail  h4 {background: url(../../images/h4_square.gif) 0 4px no-repeat; font-size: 120%; padding: 0 0 0 12px; margin: 15px 0;}
#main .detail  .folder {background: url(../../images/icon_folder.gif) 0 5px no-repeat; font-size: 100%; font-weight: bold; padding: 4px 0 8px 27px;}
#main .detail  p {margin-left: 20px;}


#main .articles .both {overflow: auto; width: 620px;}

#main .articles .left {float: left; width: 310px;}
#main .articles .right {float: right; width: 310px;}

#main .articles .allArticles { margin: 15px 0 0 0; padding: 0 0 1px 0;}
#main .articles .allArticles h3 { border-bottom: 2px solid #D9D9D9; margin: 0 25px 5px 0;}
#main .articles .allArticles p {margin: 2px 0 0 0;}
#main .articles .allArticles p a {}

#main .article-count {color: #a0a0a0; font-weight: bold; font-size: 90%;}

#main #bigArticle {width: auto; padding: 0 0 1px 0;}
#main #bigArticle h2 {margin: 0 0 10px 0;}
#main #bigArticle p.date {color: #666; font-size: 92%; text-indent: 0;}
#main #bigArticle p.content {text-indent: 0; text-align: justify;}
#main #bigArticle img {margin: 0 10px 0 0; width: auto;}

/*
#main #article {padding: 10px 20px 1px 20px;}
#main #article p {text-indent: 10px; margin: 5px 0 0 0;}
*/
#main #article img { width: auto; margin: 0 10px 0 0;}
#main #article h2 { margin: 0 0 10px 0;}
#main #article p.date {color: #666; font-size: 92%; text-indent: 0;}

#main .spadAll {padding: 0 10px 10px 10px; overflow: auto;}

#main #region {margin: 10px 0; border: 1px solid #D9D9D9; border-width: 1px 0 0 0; text-align: center; padding: 5px;}
#main #numberItems {text-align: right;}
#main .limit {text-align: center; margin: 5px 0;}

#main .itemCatalog {width: 100%; margin: 10px 0;}
#main .itemCatalog td {vertical-align: top;}
#main .itemCatalog td img {width: 50px;}
#main .itemCatalog td.image {width: 60px;}

#main .itemCatalog h4 {font-size: 110%;}
#main .itemCatalog h4 a {}
#main .itemCatalog .address {margin: 2px 0 4px 0; color: rgb(45,61,136);}
#main .itemCatalog .description {}
#main .itemCatalog .category {margin: 4px 0 2px;}
#main .itemCatalog .link {margin: 2px 0;}

#main h1.title-categories-catalog {font-size: 120%; font-weight: bold;}

#main #mainLeft { float: left; width: 230px; padding-left: 10px; /*IE 3px bug*/ margin-right: -240px; }
#main #mainRight { float: right; width: 250px;}
#main #content { padding: 0 260px 0 250px; }
#main #contentAll { float: left; width: 640px; margin-left: 10px !important; margin-left: 5px; }

#main #mainLeft #email {margin: 10px 0;}

.limitChar  {margin: 0 0 5px 0; text-align: center; padding: 5px 0 5px 0;}
.limitChar a {padding: 3px; font-weight: bold; font-size: 120%;}
.limitChar a:hover {text-decoration: underline;}
.limitChar a.active {border: 1px solid #d9d9d9; background: #eee; padding: 2px;}

.tableCategories {width: 600px;}
.tableCategories td {width: 200px; /*border: 1px solid #d9d9d9; border-width: 0 0 0 1px; */ padding: 2px 0 2px 5px; vertical-align: top;}
.tableCategories .heading {font-size: 110%; font-weight: bold; display: block; margin: 7px 0 2px 0;}
.tableCategories .point {background: url(../../images/folder.gif) 1px center no-repeat; padding: 0 0 0 25px;}

#foot { background: url(../../images/foot.gif) left bottom no-repeat; padding: 25px 0; text-align: center;}
#foot p {font-weight: bold; color: #fff; font-size: 110%;}
#foot p a {color: #fff; text-decoration: none;}
#foot p a:hover {color: #fff000;}

#copy {padding: 0 0 20px 0;}
#copy p {margin: 10px 0; font-size: 80%;}
#copy p a {color: #000; text-decoration: underline;}
#copy p a:hover {text-decoration: none;}

.registrace {margin-right: 30px;}
.registrace th {font-weight: normal;}
.registrace td {text-align: center; border-right: 2px solid black; padding: 5px;}
.registrace td.left {border-left: 2px solid black;}
.registrace td.top {border-top: 2px solid black;}
.registrace td.bottom {border-bottom: 2px solid black;}
.registrace .blue {background-color: #cce8ff;}

.cours-detail-table td {padding-top: 10px;}
.cours-detail-table th {padding-top: 10px;}

.work-detail-table td {padding-top: 10px;}
.work-detail-table th {padding-top: 10px;}

.article-item {overflow: auto; clear: both; padding-bottom: 10px; text-align: justify;}
.article-item h3 {margin: 10px 0 5px 0;}
.article-item .dates { overflow: auto;}
.article-item .datetime { float: left; color: #666;}
.article-item .datetime2 {float: right; color: #666;}
.article-item-border { border-bottom: 2px solid #ddd !important;}

.article-text {text-align: justify; padding-right: 10px;}
.article-text ul {margin-left: 10px;}

#article-detail-info-readed {float: right; margin-top: -15px; padding-right: 10px}

.mostFinding span {font-size: 160%;}
.mostFinding span a {text-decoration: none;}

#wordbook-table {margin: 20px 0;}
#wordbook-table thead th {padding: 0 0 5px 0;}
#wordbook-table td {padding: 3px 0 30px 0; border-top: 1px solid #ccc; vertical-align: top !important;}
#wordbook-table td.expression {width: 200px;}
#wordbook-table td span.highlight {background: yellow !important; font-weight: bold;}

/* Rating */

.rating { width: 120px; float: left;} 
.rating span { display: block; float: left; padding: 0 2px 0 0; width: 13px; height: 13px; overflow: hidden; text-indent: -1000px; background: transparent url('../rating/stars.gif') no-repeat 0 0; background-position: 0 -26px;}
.rating span.on { background-position: 0 0; }
.rating span.half-on { background-position: 0 -39px; }

/* kurzy filtr */

.table-kurzy-fitr {width: 100%; margin: 15px 0;}
.table-kurzy-fitr thead {}
.table-kurzy-fitr thead tr th {border-bottom: #cccccc 1px solid; padding-bottom: 3px;}
.table-kurzy-fitr tbody tr td { padding-top: 4px;}
.table-kurzy-fitr tbody tr td h4 {font-weight: normal;}

.table-kurzy-fitr tbody tr td.date {width: 80px;}
.table-kurzy-fitr tbody tr td.title {width: 250px;}
.table-kurzy-fitr tbody tr td.category {width: 100px;}
.table-kurzy-fitr tbody tr.type1 td {background: #e6e6e6;}

.DynarchCalendar-title {margin-left: 50px;}