@import url("common.css");

/* elements */
body#site, h1, h2, h3, h4, h5, h6, ol, ul, li, p, input, textarea, select { font-size: 100%; font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; color: #666; line-height: 1.2; padding: 0; margin: 0; }

body#site { background-color: #E6E6E6; font-size: 80%; }

h1, h2, h3, h4, h5, h6 { color: #006A36; margin-bottom: 10px; }

h1 { font-size: 140%; }

h2 { font-size: 110%; margin-top: 10px; }

h3 { font-size: 100%; }

img { border: none; }

ul li, ol li { line-height: 1.2; }

span { font-size: 100%; }

/* advert-top */
#advert-top { width: 745px; margin: 10px auto; }
#advert-top .advert-box { width: 745px; height: 100px; }

/* layout */
#container { background-color: #FFF; width: 947px; border: 1px solid #B9B9B9; margin: 0 auto; position: relative; }

#container a { font-size: 100%; color: #BF9900; }
#container a:hover { text-decoration: none; }

/* header */
#header { background: url(../images/hlavicka1.jpg) no-repeat left top; height: 128px; }

#logo { padding: 28px 0 0 20px; margin: 0; }
#logo a { width: 435px; height: 100px; display: block; position: relative; overflow: hidden; }
#logo a span { background: url(../images/logo.jpg) no-repeat left top; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

/* main */
#main { background: url(../images/hlavicka2.jpg) no-repeat left top; width: 100%; padding: 6px 0 60px; position: relative; overflow: hidden; }

#main-admin { background: url(../images/hlavicka2.jpg) no-repeat left top; padding: 0 30px; }

/* content */
#content { width: 468px; padding-top: 10px; position: relative; left: 155px; top: 0; float: left; }

#main-admin #content { width: auto; position: static; float: none; }

#content p { margin: 10px 0; } 

#content ul,
#content ol { margin: 10px 0; }
#content ul li { margin-left: 15px; }
#content ol li { margin-left: 25px; }

#content table { width: 100%; border-collapse: collapse; margin: 10px 0; }
#content table th,
#content table td { padding: 2px 5px; border: 1px solid #95BF3F; }
#content table th { text-align: center; }

#content form table { width: auto; }
#content form table th,
#content form table td { vertical-align: middle; border: none; }
#content form table th { text-align: right; }
#content form .submit { background-color: #006A36; color: #FFF; cursor: pointer; }

#content input, 
#content textarea { background-color: #E6E6E6; padding: 2px 5px; border: 1px solid #95BF3F; } 

#content select { border: 1px solid #95BF3F; }

#content h2 a { color: #006A36; }

#content .link-more { font-weight: bold; color: #006A36; text-align: right; }
#content .link-more a { color: #006A36; }

#content .paging { text-align: center; margin-top: 20px; }
#content .paging a { color: #666; }
#content .paging .active { font-weight: bold; text-decoration: none; }

#content .pagination { width: 300px; margin: 20px auto 0; overflow: hidden; list-style: none; }
#content .pagination li { float: left; }
#content .pagination a { color: #666; }
#content .pagination .select { font-weight: bold; text-decoration: none; }

#main-article { width: 403px; margin: 0 auto 20px; }
#main-article #ma-headline { background: url(../images/hlavni-clanek-vrsek.jpg) no-repeat left top; padding: 3px 3px 4px; position: relative; } 
#main-article #ma-headline img { display: block; }
#main-article #ma-headline h2 { background: url(../images/podkres.png) repeat-y left top; font-size: 125%; color: #006A36; width: 373px; padding: 5px 12px; margin: 0; position: absolute; left: 3px; bottom: 4px; }
#main-article #ma-body1 { background: url(../images/hlavni-clanek-rozsireni.jpg) repeat-y left top; }
#main-article #ma-body2 { background: url(../images/hlavni-clanek-stred.jpg) no-repeat left top; }
#main-article #ma-body3 { background: url(../images/hlavni-clanek-spodek.jpg) no-repeat left bottom; padding: 2px 15px 8px; }
#main-article #ma-body3 p { color: #006A36; margin: 0; }
#main-article #ma-body3 a { color: #006A36; }
#main-article #ma-body3 .article-header { font-weight: bold; font-size: 85%; margin-bottom: 2px; }

#content .article { width: 448px; padding: 10px; border-top: 1px solid #ABCE72; margin-top: 5px; overflow: hidden; }
#content .article h2 { color: #006A36; margin: 0; }
#content .article p { margin: 0; }
#content .article .article-header { font-weight: bold; font-size: 85%; color: #666; margin-bottom: 10px; }
#content .article .article-header a { color: #666; }
#content .article .article-img { margin-right: 10px; float: left; }
#content .article .link-more { margin-top: 5px; }

#search-results { margin: 10px 0; }

#search-results .search-result { margin-bottom: 20px; }
#search-results .search-result h3 { margin-bottom: 0; }

#article-perex { background-color: #DDD; text-align: center; padding: 2px; border: 1px solid #95BF3F; margin-bottom: 10px; }
#article-perex p { color: #111; text-align: left; padding: 5px; margin: 0; }

#article-body { margin-bottom: 10px; }

#content .article-subheading { font-size: 120%; color: #006A36; padding-bottom: 3px; border-bottom: 1px dotted #95BF3F; margin-bottom: 10px; display: block; }

#other-articles { margin-bottom: 10px; }
#other-articles .other-article { font-size: 120%; width: 100%; margin-bottom: 10px; overflow: hidden; } 
#other-articles .other-article img { float: left; margin-right: 10px; }

#gallery { width: 100%; margin-bottom: 10px; overflow: hidden; }
#gallery .image { width: 120px; margin: 0 14px 10px 0; float: left; }
#gallery .image .img { text-align: center; height: 90px; }
#gallery .image .highslide-heading { display: none; }
.highslide-caption { background-color: #FFF; padding-top: 3px; }

#content #link-back { margin-top: 20px; }

#article-footer { width: 100%; margin-bottom: 10px; overflow: hidden; }
#article-footer #af-left { width: 49%; margin: 0; float: left; }
#article-footer #af-right { text-align: right; width: 49%; padding-top: 0.4em; float: right; }

#content #message { font-weight: bold; text-align: center; }

#forum-form label { font-weight: bold; }
#forum-form .td-spec1 { width: 140px; }
#forum-form .td-spec2 { text-align: center; padding-top: 10px; }
#forum-form .input-spec1 { width: 200px; }
#forum-form #text { width: 380px; }

#content .comment { border: 1px solid #95BF3F; margin-bottom: 5px; }
#content .comment p { margin: 0; }
#content .comment .reply { background-color: #E6E6E6; padding: 5px; border-bottom: 1px solid #95BF3F; }
#content .comment .comment-body { padding: 5px; }
#content .comment .author { padding-bottom: 5px; }
#content .comment .reply-link { text-align: right; margin-top: 5px; }

#partners { width: 100%; overflow: hidden; }
#partners .partner { text-align: center; width: 180px; margin: 0 20px 10px 0; float: left; }
#partners .partner .img { height: 100px; }
#partners .partner p { margin-top: 0; }

#videos { margin-bottom: 10px; }
#videos #player { width: 350px; margin: 10px auto 0; }
#videos #player object { width: 350px; height: 283px; }

#sitemap li { line-height: 1.6; }

#links li { margin-bottom: 5px; }

/* cols */
#col-right { background: url(../images/stenata.jpg) no-repeat right bottom; width: 302px; padding: 10px 10px 200px 0; float: right; }

#col-right h3 { background: url(../images/zalozka.png) no-repeat left top; color: #006A36; text-align: center; padding: 6px 196px 3px 0; margin: 0; }

#col-right .submit { background: #FFFC23 url(../images/button.jpg) no-repeat left top; font-weight: bold; font-size: 85%; color: #006A36; width: 68px; height: 22px; padding-bottom: 3px; border: none; cursor: pointer; }

#col-right #search form { background: url(../images/vyhledavaci-box.jpg) no-repeat left top; height: 49px; padding: 8px 0 0 12px; }
#col-right #search .term { background-color: #F3F3F5; vertical-align: top; width: 193px; height: 16px; padding: 2px 5px 0; border: 1px solid #4AAB4E; }
#col-right #search .search-in { padding: 2px; border: none; margin: 5px 5px 0 0; }

#col-right #read-most { margin-bottom: 10px; }
#col-right #tip { margin-top: 10px; }
#col-right #read-most #rm-body1,
#col-right #tip #tip-body1 { background: url(../images/pravy-box-pozadi.png) repeat-y left top; }
#col-right #read-most #rm-body2,
#col-right #tip #tip-body2 { background: url(../images/pravy-box-vrch.png) no-repeat left top; }
#col-right #read-most #rm-body3,
#col-right #tip #tip-body3 { background: url(../images/pravy-box-spodek.png) no-repeat left bottom; width: 282px; min-height: 161px; padding: 10px 10px 0; }
#col-right #read-most .rm-article,
#col-right #tip .tip-article { width: 100%; padding-bottom: 10px; overflow: hidden; }
#col-right #read-most .rm-article .rm-article-img,
#col-right #tip .tip-article .tip-article-img { margin-right: 10px; float: left; }
#col-right #read-most .rm-article h4,
#col-right #tip .tip-article h4 { margin: 0; }
#col-right #read-most .rm-article h4 a,
#col-right #tip .tip-article h4 a { color: #006A36; }

#col-right .advert-right { margin-top: 10px; }
#col-right .advert-right strong { font-weight: normal; color: #006A36; padding-left: 5px; }
#col-right .advert-right .advert-box { width: 300px; height: 300px; margin-top: 5px; }

#col-right #poll { margin-top: 10px; }
#col-right #poll #poll-body1 { background: url(../images/pravy-box-pozadi.png) repeat-y left top; }
#col-right #poll #poll-body2 { background: url(../images/pravy-box-vrch.png) no-repeat left top; }
#col-right #poll #poll-body3 { background: url(../images/pravy-box-spodek.png) no-repeat left bottom; min-height: 161px; padding: 10px; }
#col-right #poll #poll-body3 p { color: #006A36; }
#col-right #poll #poll-body3 .submit { margin-top: 5px; }

#col-right #poll .answer { color: #006A36; width: 100%; margin: 3px 0; overflow: hidden; }
#col-right #poll .answer label { font-size: 85%; margin-bottom: 2px; display: block; }
#col-right #poll .answer .radio-btn { width: 25px; height: 20px; border: none; float: left; }
#col-right #poll .answer .bar { width: 248px; height: 18px; border: 1px solid #3B8864; position: relative; float: left; }
#col-right #poll .answer .bar .filled { background: #006A36 url(../images/gradient-anketa.png) repeat-x left top; height: 100%; display: block; }
#col-right #poll .answer .bar .percentage { font-size: 85%; color: #4AAA49; line-height: 18px; width: 35px; height: 100%; position: absolute; right: 0; top: 0; } 
#col-right #poll #link-polls { margin-top: 5px; }
#col-right #poll #link-polls a { color: #006A36; }

#col-left { width: 130px; padding-left: 25px; position: relative; left: -470px; top: 0; float: left; }

#col-left #social-links { margin-top: 20px; }
#col-left #social-links p { margin-bottom: 3px; }
#col-left #social-links a { background-repeat: no-repeat; background-position: left top; font-weight: bold; color: #006A36; text-decoration: none; padding-left: 21px; }
#col-left #social-links span { font-size: 80%; }
#col-left #social-links #facebook { background-image: url(../images/facebook.jpg); }
#col-left #social-links #twitter { background-image: url(../images/twitter.jpg); }
#col-left #social-links #rss { background-image: url(../images/RSS-ikonka.jpg); }

#col-left .advert-left { margin-top: 20px; }
#col-left .advert-left strong { font-weight: normal; color: #006A36; padding-left: 5px; }
#col-left .advert-left .advert-box { width: 120px; height: 600px; margin-top: 5px; }

#col-left .advert-left-2 .advert-box { margin: 10px 0; }

#col-left #advert-left-bottom { margin-top: 20px; }

/* menus */
#menu-servers { position: absolute; right: 60px; top: 4px; }
#menu-servers ul { list-style: none; }
#menu-servers ul li { line-height: 1; border-right: 1px solid #FFF; float: left; }
#menu-servers ul li a { font-size: 80%; color: #FFF; text-decoration: none; padding: 0 7px; }
#menu-servers ul li a.active { font-weight: bold; }

#menu ul { list-style: none; }
#menu ul li { margin: 3px 0; }
#menu ul li a { color: #006A36; }
#menu ul li a.active { font-weight: bold; text-decoration: none; }

#menu-info { margin-top: 20px; }
#menu-info ul { list-style: none; }
#menu-info ul li { margin: 3px 0; }
#menu-info ul li a { color: #4AAA49; }
#menu-info ul li a.active { font-weight: bold; text-decoration: none; }

/* footer */
#footer { background: url(../images/travicka.jpg) repeat-x left bottom; min-height: 17px; padding-top: 50px; }
#footer p { font-size: 85%; color: #FFF; text-align: center; }
#footer a { color: #FFF; }

/* other */
#advert-bottom { text-align: center; }

#advert-bottom-flash { width: 468px; margin: 0 auto 10px; }

.hide { display: none; }

.align-c { text-align: center; }
.align-r { text-align: right; }

.clear-l { clear: left; }

.margin-t { margin-top: 10px; }

.margin-b { margin-bottom: 10px; }

.nobrd { border: none !important; }

.nobg { background: none !important; }

.nomrg { margin: 0 !important; }

.message { font-weight: bold; text-align: center; }

.ok { color: #008000; }

.err { color: #FF0000; }

.hr-spec { height: 0; border: none; margin: 0; display: block; clear: left; visibility: hidden; }

/* link box */
#content .linkbox { background:#E6E6E6; }
#content .linkbox li { padding:10px; list-style:none; float:left; }
#content .linkbox .end { clear:both; padding:0; float:none; hight:1px; display:block; }
#content .linkbox li a { color:black; position:relative; padding:4px 0 4px 4px; }
#content .linkbox li a img { float:left; display:block; }