@charset "windows-1250";
/* CSS Document */
html { padding: 0; margin: 0; }
body { background: white; padding: 0; margin: 0; font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; font-size: small; line-height: 140%; color: #000; }

#background1 { padding: 0; margin: 0; width:100%; background: url(../layout/bg.png) repeat-x top center; position:relative}
#background2 { background: url(../layout/bg_body.png) center top repeat-y; padding: 0; margin: 0 auto; width:1000px}

h1 { display: none; }
img { border: 0 none; }
hr { color: #ccc; background: #ccc; height: 1px; border: none; clear: both; }
hr.back { background: url(../layout/slider2.png) no-repeat center; height: 10px; }
form { padding: 0; margin: 0; }
a { color: #e2001a; text-decoration: none; }
a:hover { color: #e2001a; text-decoration: underline; }

#page { margin: 0; width: 1000px; }
#container { padding: 0 18px; }

#box-left {float:left; width:640px;}
#box-right {float:right; width:300px;}
#box-right-small {float:right; width:160px;}


/* Hlavička a hlavní horní menu */
#header { background: url(../layout/bg_header.png) top left no-repeat; height: 135px; position: relative; }
#header a.logo { position: absolute; background: url(logo.png) no-repeat; width: 236px; height: 56px; top: 20px; left: 50px; }
#search { position: absolute; top: 102px; right: 5px; width: 190px; height:25px; }
#rssfeed {float:left; width:40px; height:24px; margin-top:1px}
#rssfeed a, #rssfeed img{margin:0; padding: 0; border:0 none}
#search form, #search form input { margin: 0; padding: 0; }
#search #squery { width: 130px; font-size: 12px; line-height: 16px; height:16px; float: right; padding: 5px 0 4px 5px; margin: 0; border: 0 none; font-weight: bold; border-radius:4px}
#search #ssubmit { margin: 0 15px 0 0; float: right; padding: 0; }
#page-tabs { float: left; width: 100%; height: 35px; font-size: 93%; line-height: normal; position: absolute; left: 8px; top: 100px; }
#page-tabs ul { margin: 0; padding: 0px 10px 0 10px; list-style: none; }
#page-tabs li { display: inline; margin: 0; padding: 0; height: 32px; }
#page-tabs a { float: left; background: url(../layout/bg_main_menu_left.png) no-repeat left top; margin: 0 1px 0 0; padding: 0 0 0 5px; text-decoration: none; cursor: pointer; font-weight: bold;}
#page-tabs a span { float: left; display: block; background: url(../layout/bg_main_menu_right.png) no-repeat right top; line-height: 26px; padding: 6px 10px 3px 6px; color: #fff; }
#page-tabs a span { float: none; }
#page-tabs a:hover span { color: #fff; text-decoration: underline; }
#page-tabs a:hover { background-position: 0% -35px; }
#page-tabs a:hover span { background-position: 100% -35px; }
#page-tabs #current a { background-position: 0% -35px; }
#page-tabs #current a span { background-position: 100% -35px; }

#loginbox { position: absolute; top: 22px; right: 18px; width: 400px; height:23px; text-align: right;}
#loginbox a { float:right!important; margin-left:10px}
#loginbox .fb_button { float:left!important; margin-top:1px!important}

/* Hlavní 4 novinky */
#pre-main-news { width:964px; height: 5px; background: #417db0 }
#main-news { width:964px; height: 300px; background: url(../layout/bg_news.png) no-repeat; }
.main-news { float: left; width: 640px; position:relative}
.flash-news { float: right; width: 324px; }

.main-news img.mainnewsimage { position:absolute; top:0; left:0; width:640px; height:300px; margin:0; padding:0; border:0 none; z-index:2000; display:none}
.main-news #aboveimagebl {	position:absolute; top:0; left:0; width:640px; height:300px; margin:0; padding:0; border:0 none; background: transparent url(../images/ind_clanky_obl_bl.gif) bottom left no-repeat; z-index:3000;}
.main-news #aboveimagetlbl {	position:absolute; top:0; left:0; width:640px; height:300px; margin:0; padding:0; border:0 none; background: transparent url(../images/ind_clanky_obl_tl_bl.gif) top left no-repeat; z-index:3000;}
.main-news .buttons {	position:absolute; top:0; left:450px; width:190px; height:300px; z-index:5000}
.main-news .buttons a { display:block; width:176px; height:61px; padding:7px 7px 7px 7px; background: url(../images/home/bar.png) top left no-repeat; border: 0 none; overflow:hidden; color:white; font-weight:bold; font-size:15px; line-height:20px; text-decoration: none;}
.main-news .buttons a.hover, .main-news .buttons a:hover { background: url(../images/home/bar-hover.png) top left no-repeat; border: 0 none; color:#63a4dc; text-decoration: none;}
.main-news #mainnewsdesc {	position:absolute; top:5px; left:146px; padding:7px; width:290px; height:61px; display:none; background: url(../images/home/desc.png) top left no-repeat; color:black; font-weight: bold; font-size:12px; line-height: 16px; overflow: hidden; z-index:5000;}

#main-news.simple {width:640px; float:left; margin:0 0 10px 0; padding:0}

/* Bleskovky */
.flash-news h2 { color:white; margin:0 0 0 10px; padding:0; line-height:34px; font-size:14px; font-weight:bold; }
.flash-news .link { float:right; text-align: right; color: #ff4a00; font-weight: bold; padding: 7px 10px 0 0; }
.flash-news .link a { color: #fff; }
.flash-news table { margin: 10px 13px 0 13px; }
.flash-news table td { font-size: 85%; line-height:140%; color: #00315c; padding:1px 0; line-height:135%}
.flash-news table td a { color: #00315c; text-decoration: underline; font-weight: bold; }
.flash-news table td a:hover { text-decoration: none; }
.flash-news table td.date { width: 70px; vertical-align: top; }
.flash-news table td span { font-weight: bold; }

/* novinky - články */
.news { width: 346px; float: left; }

#box-right .advert, .news .advert { background: url(../layout/bg_reklama.png) top left no-repeat; }
#box-right .advert img, .news .advert img { padding-top: 11px; }

.news-box { background: url(../layout/bg_news_box1.png) no-repeat bottom right; margin: 10px 0 0 0; width:346px; }
.news-box .inside  {padding: 5px 0 5px 0; position: relative;}
.news-box .rightflow { float:right; width:220px;}
.news-box h2 { color: #407cb0; font-size: 130%; padding: 0; margin: 1px 0; }
.news-box h2 a { text-decoration: underline; color: #3f7dac; }
.news-box h2 a:hover { color: #ff4a00; }
.news-box p { margin: 0; padding: 0}
.news-box p.date { font-size: 80%; font-weight: bold; margin: 0; }
.news-box p.perex { margin: 0px 10px 0 0; font-size: 95%; }
.news-box p.author { margin: 10px 0 10px 0; color: #407cb0; font-size: 80%; }
.news-box p.author a { text-decoration: underline; color: #3f7dac; }
.news-box p.author a:hover { color: #ff4a00; }

/* boxy pro katalogy */
.catalogue { float: left; width: 317px; }
.catalogue .catalogue-box { background: url(../layout/bg_catalogue.png) no-repeat; margin: 10px 9px 0 9px; height: 79px; }
.catalogue .catalogue-box h2 { color: #00315c; margin: 0; padding:  5px 10px 0 10px; font-size: 120%; }
.catalogue .catalogue-box h2 a { color: #000; text-decoration: none; }
.catalogue .catalogue-box h2 a:hover { color: #000; text-decoration: underline; }
.catalogue .catalogue-box p { color: #ff4a00; margin: 0; padding: 5px 10px 0 10px; }
.catalogue .catalogue-box p a { color: #ff4a00; text-decoration: none; }
.catalogue .catalogue-box p a:hover { text-decoration: underline; }
.catalogue .advert { text-align: center; }
#facebook {margin: 10px 0 10px 0; float:right; width:300px}

/* box nejčtenější, nejkomentovanější */
.most-read { margin: 0 auto; width: 300px; background: #407cb0; padding: 0; }
.most-read ul.box-tabs { margin: 0; padding: 0; list-style: none; font-size: 85%; }
.most-read ul.box-tabs li.left { background: url(../layout/bg_box_tab_left.png) no-repeat; width: 150px; height: 32px; float: left; padding: 3px 0 0 0; text-align: center; }
.most-read ul.box-tabs li.left a { color: #000; text-decoration: none; font-weight: bold; }
.most-read ul.box-tabs li.left a:hover { color: #000; text-decoration: underline; }
.most-read ul.box-tabs li.left-hover { background: url(../layout/bg_box_tab_left_hover.png) no-repeat; width: 150px; height: 32px; float: left; padding: 8px 0 0 0; text-align: center; }
.most-read ul.box-tabs li.left-hover a { color: #fff; font-weight: bold; }
.most-read ul.box-tabs li.left-hover a:hover { color: #fff; text-decoration: underline; }
.most-read ul.box-tabs li.right { background: url(../layout/bg_box_tab_right.png) no-repeat; width: 150px; height: 32px; float: left; padding: 3px 0 0 0; text-align: center; }
.most-read ul.box-tabs li.right a { color: #000; text-decoration: none; font-weight: bold; }
.most-read ul.box-tabs li.right a:hover { color: #000; text-decoration: underline; }
.most-read ul.box-tabs li.right-hover { background: url(../layout/bg_box_tab_right_hover.png) no-repeat; width: 150px; height: 32px; float: left; padding: 8px 0 0 0; text-align: center; }
.most-read ul.box-tabs li.right-hover a { color: #fff; font-weight: bold; }
.most-read ul.box-tabs li.right-hover a:hover { color: #fff; text-decoration: underline; }
.most-read ol { clear: both; }
.most-read ol.hide { display:none }
.most-read ol.show { display:block }
.most-read ol li a { color: #fff; text-decoration: underline; font-weight: bold; font-size: 85%; }
.most-read div.next { text-align: right; height: 36px; background: url(../layout/bg_next.png) bottom no-repeat; font-size: 85%; font-weight: bold; clear: both; }
.most-read div.next p { margin: 0 ; text-align: right; padding: 7px 20px 0 0; }
.most-read div.next p a.link { color: #fff; text-decoration: underline; padding: 2px 15px 2px 0; background: url(../buttons/arrow-white.png) center right no-repeat; display: block; }

/* reklama  pod katalogy */
.adinfo { float: left; width: 300px; }
.adinfo .advert { background: url(../layout/bg_reklama.png) top left no-repeat; }
.adinfo .advert img { padding-top: 11px; }

/* box český pohár */
.cup { margin: 0 auto; width: 300px; background: #407cb0; padding: 0; }
.cup ul.box-tabs { margin: 0; padding: 0; list-style: none; font-size: 85%; }
.cup ul.box-tabs li.left { background: url(../layout/bg_box_tab_left.png) no-repeat; width: 150px; height: 32px; float: left; padding: 3px 0 0 0; text-align: center; }
.cup ul.box-tabs li.left a { color: #000; text-decoration: none; font-weight: bold; }
.cup ul.box-tabs li.left a:hover { color: #000; text-decoration: underline; }
.cup ul.box-tabs li.left-hover { background: url(../layout/bg_box_tab_left_hover.png) no-repeat; width: 150px; height: 32px; float: left; padding: 8px 0 0 0; text-align: center; }
.cup ul.box-tabs li.left-hover a { color: #fff; font-weight: bold; text-decoration: none; }
.cup ul.box-tabs li.left-hover a:hover { color: #fff; text-decoration: underline; }
.cup ul.box-tabs li.right { background: url(../layout/bg_box_tab_right.png) no-repeat; width: 150px; height: 32px; float: left; padding: 3px 0 0 0; text-align: center; }
.cup ul.box-tabs li.right a { color: #000; text-decoration: none; font-weight: bold; }
.cup ul.box-tabs li.right a:hover { color: #000; text-decoration: underline; }
.cup ul.box-tabs li.right-hover { background: url(../layout/bg_box_tab_right_hover.png) no-repeat; width: 150px; height: 32px; float: left; padding: 8px 0 0 0; text-align: center; }
.cup ul.box-tabs li.right-hover a { color: #fff; font-weight: bold; text-decoration: none; }
.cup ul.box-tabs li.right-hover a:hover { color: #fff; text-decoration: underline; }
.cup ol { clear: both; list-style: none; margin: 0; padding: 0; }
.cup ol li { padding: 2px 15px; }
.cup ol li span { width: 35px; display: inline-block; }
.cup ol li a { color: #fff; text-decoration: underline; font-weight: bold; font-size: 85%; }
.cup ol li a:hover { text-decoration: none; }
.cup div.next { text-align: right; height: 36px; background: url(../layout/bg_next.png) bottom no-repeat; font-size: 85%; font-weight: bold; clear: both; }
.cup div.next p { margin: 0 ; text-align: right; padding: 7px 20px 0 0; }
.cup div.next p a.link { color: #fff; text-decoration: underline; padding: 2px 15px 2px 0; background: url(../buttons/arrow-white.png) center right no-repeat; display: block; }
.cup div.next p a.link:hover { text-decoration: none; }

/* box kolo pro život */
.live { margin: 0 auto; width: 300px; background: #407cb0 url(../layout/bg_live_bottom.png) bottom no-repeat; padding: 0; }
.live ul.box-tabs { margin: 0; padding: 0; list-style: none; font-size: 85%; }
.live ul.box-tabs li.left { background: url(../layout/bg_box_tab_left.png) no-repeat; width: 150px; height: 32px; float: left; padding: 3px 0 0 0; text-align: center; }
.live ul.box-tabs li.left a { color: #000; text-decoration: none; font-weight: bold; }
.live ul.box-tabs li.left a:hover { color: #000; text-decoration: underline; }
.live ul.box-tabs li.left-hover { background: url(../layout/bg_box_tab_left_hover.png) no-repeat; width: 150px; height: 32px; float: left; padding: 8px 0 0 0; text-align: center; }
.live ul.box-tabs li.left-hover a { color: #fff; font-weight: bold; text-decoration: none; }
.live ul.box-tabs li.left-hover a:hover { color: #fff; text-decoration: underline; }
.live ul.box-tabs li.right { background: url(../layout/bg_box_tab_right.png) no-repeat; width: 150px; height: 32px; float: left; padding: 3px 0 0 0; text-align: center; }
.live ul.box-tabs li.right a { color: #000; text-decoration: none; font-weight: bold; }
.live ul.box-tabs li.right a:hover { color: #000; text-decoration: underline; }
.live ul.box-tabs li.right-hover { background: url(../layout/bg_box_tab_right_hover.png) no-repeat; width: 150px; height: 32px; float: left; padding: 8px 0 0 0; text-align: center; }
.live ul.box-tabs li.right-hover a { color: #fff; font-weight: bold; text-decoration: none; }
.live ul.box-tabs li.right-hover a:hover { color: #fff; text-decoration: underline; }
.live ol { clear: both; list-style: none; margin: 0; padding: 0; }
.live ol li { padding: 2px 15px; }
.live ol li span { width: 35px; display: inline-block; }
.live ol li a { color: #fff; text-decoration: underline; font-weight: bold; font-size: 85%; }
.live ol li a:hover { text-decoration: none; }
.live div.next { text-align: right; height: 36px; background: url(../layout/bg_next.png) bottom no-repeat; font-size: 85%; font-weight: bold; clear: both; }
.live div.next p { margin: 0 ; text-align: right; padding: 7px 20px 0 0; }
.live div.next p a.link { color: #fff; text-decoration: underline; padding: 2px 15px 2px 0; background: url(../buttons/arrow-white.png) center right no-repeat; display: block; }
.live div.next p a.link:hover { text-decoration: none; }
.live .box { padding: 0 15px; }
.live .box img { border: 2px solid #fff; float: left; }
.live .box p { margin: 0; font-weight: bold; font-size: 85%; padding: 0 0 0 60px; }
.live .box p span { padding-left: 15px; }
.live .box p a { color: #fff; text-decoration: underline; }
.live .box p a:hover { text-decoration: none; }

/* Blok s boxíky XCM */
.xcm { float: left; width: 656px; background: url(../layout/bg_xcm_content.png) bottom left no-repeat; margin: 0; padding: 0; }
#statpadding.xcm {margin-top:10px;}
.xcm .xcm-content { background: url(../layout/bg_xcm.png) top left no-repeat; padding: 18px 0 18px 18px; }
.xcm .xcm-content .xc { float: left; width: 300px; margin-right: 18px; background: url(../layout/bg_xc.png) bottom no-repeat;  }

.xcbody {padding: 5px 0 5px 0; margin-left:15px }
.xcbody .rightflow { float:right; width:160px; padding-right:5px}

.xcm .xcm-content .xc .xcm-title { background: url(../layout/bg_xcm_h2.png) no-repeat; height: 37px; }
.xcm .xcm-content .xc .xcm-title h2 { color: #407cb0; font-weight: normal; margin: 7px 0 0 0; padding: 0 15px 0 10px; width: 160px; float: left; font-size:18px;}
.xcm .xcm-content .xc .xcm-title .link { float: right; width: 110px; text-align: right; padding: 7px 0 0 0; color: #ff4a00; font-weight: bold; }
.xcm .xcm-content .xc .xcm-title .link a { text-decoration: underline; color: #00315c; }
.xcm .xcm-content .xc .xcm-title .link a:hover { color: #ff4a00; }

.xcm .xcm-content .xc h3 { color: #3675ac; margin: 0; padding: 0; font-size: 100%; }
.xcm .xcm-content .xc h3 a { color: #3675ac; text-decoration: underline; }
.xcm .xcm-content .xc h3 a:hover { color: #ff4a00; }
.xcm .xcm-content .xc p { padding: 0; margin: 0; font-size: 85%; }
.xcm .xcm-content .xc p.link { color: #ff4a00; font-weight: bold; }
.xcm .xcm-content .xc p.link a { color: #00315c; text-decoration: underline; }
.xcm .xcm-content .xc p.link a:hover { color: #ff4a00; }

.xcm .xcm-content .xc ul { list-style: none; margin: 10px 0; padding: 0 15px; clear: both; }
.xcm .xcm-content .xc ul li { background: url(../buttons/list-arrow.png) no-repeat left center; padding: 0 0 0 15px; }
.xcm .xcm-content .xc ul li a { font-weight: bold; color: #00315c; text-decoration: underline; }
.xcm .xcm-content .xc ul li a:hover { color: #ff4a00; }

/* Blok pro blog */
.blog { width: 300px; float: right; background: #407cb0; }
.blog .blog-title { height: 46px; background: url(../layout/bg_blog_h2.png) no-repeat; }
.blog .blog-title h2 { display: none; }
.blog .blog-title .link { text-align: right; font-weight: bold; }
.blog .blog-title .link a { color: #ff4a00; text-decoration: underline; padding: 2px 15px 2px 0; margin: 0 15px 0 0; background: url(../buttons/arrow_blue.png) center right no-repeat; display: block; }
.blog .blog-content ul.blog-tabs { margin: 0; padding: 0; list-style: none; font-size: 85%; }

.blog .blog-content ul.blog-tabs li.tab1 { background: url(../layout/bg_blog_tab1.png) no-repeat; width: 94px; height: 33px; float: left; padding: 3px 0 0 0; text-align: center; font-weight: bold;}
.blog .blog-content ul.blog-tabs li.tab1-hover { background: url(../layout/bg_blog_tab1_hover.png) no-repeat; width: 94px; height: 33px; float: left; padding: 3px 0 0 0; text-align: center; font-weight: bold; color:white}
.blog .blog-content ul.blog-tabs li.tab1-hover a { color: #fff; font-weight: bold; }
.blog .blog-content ul.blog-tabs li.tab1-hover a:hover { color: #fff; text-decoration: underline; }

.blog .blog-content ul.blog-tabs li.tab2 { background: url(../layout/bg_blog_tab2.png) no-repeat; width: 91px; height: 33px; float: left; padding: 3px 0 0 0; text-align: center; font-weight: bold;}
.blog .blog-content ul.blog-tabs li.tab2-hover { background: url(../layout/bg_blog_tab2_hover.png) no-repeat; width: 91px; height: 33px; float: left; padding: 3px 0 0 0; text-align: center; font-weight: bold; color:white}
.blog .blog-content ul.blog-tabs li.tab2-hover a { color: #fff; font-weight: bold; }
.blog .blog-content ul.blog-tabs li.tab2-hover a:hover { color: #fff; text-decoration: underline; }

.blog .blog-content ul.blog-tabs li.tab3 { background: url(../layout/bg_blog_tab3.png) no-repeat; width: 115px; height: 33px; float: left; padding: 3px 0 0 0; text-align: center; font-weight: bold;}
.blog .blog-content ul.blog-tabs li.tab3-hover { background: url(../layout/bg_blog_tab3_hover.png) no-repeat; width: 115px; height: 33px; float: left; padding: 3px 0 0 0; text-align: center; font-weight: bold; color:white}
.blog .blog-content ul.blog-tabs li.tab3-hover a { color: #fff; font-weight: bold; }
.blog .blog-content ul.blog-tabs li.tab3-hover a:hover { color: #fff; text-decoration: underline; }

.blog .blog-content .article h2 { font-size: 85%; color: #fff; margin: 0; padding: 0 10px 5px 10px; line-height: 13px; }
.blog .blog-content .article h2 a { color: #fff; text-decoration: underline; }
.blog .blog-content .article h2 a:hover { text-decoration: none; }
.blog .blog-content .article p.author { color: #000; font-size: 85%; margin: 0; padding: 5px 10px 0 10px; font-weight: bold; line-height: 15px; }
.blog .blog-content .article p.author a{ color: #000}
.blog .blog-content .button { background: #407cb0 url(../layout/bg_blog_bottom.png) bottom no-repeat; height: 44px; position: relative; }
.blog .blog-content .button a { left: 85px; top: 10px; position: absolute; }

/* Blok pro anketu */
.enquiry { width: 300px; float: right; background: #407cb0 url(../layout/bg_enquiry_bottom.png) bottom no-repeat; margin: 10px 0 0 0; }
.enquiry .enquiry-title { height: 37px; background: url(../layout/bg_enquiry_h2.png) no-repeat; }
.enquiry .enquiry-title h2 { display: none; }
.enquiry .enquiry-title .link { text-align: right; font-weight: bold; }
.enquiry .enquiry-title .link a { color: #ff4a00; text-decoration: underline; padding: 2px 15px 2px 0; margin: 0 15px 0 0; background: url(../buttons/arrow_blue.png) center right no-repeat; display: block; }
.enquiry .enquiry-title .link a:hover { text-decoration: none; }
.enquiry p.question { font-weight: bold; text-align: center; background: #d3e1ed; margin: 0; padding: 10px 7px; font-size: 85%; }
.enquiry .enquiry-content { padding: 10px 15px; }
.enquiry .enquiry-content p { margin: 0; padding: 0; color: #E8E2CC; font-weight: bold; }
.enquiry .enquiry-content p a { color: #E8E2CC; text-decoration: underline; }
.enquiry .enquiry-content p a:hover { text-decoration: none; }
.enquiry .enquiry-content .graph { background: url(../layout/bg_enquiry.png) no-repeat left; float: left; width: 218px; margin: 1px 0 0 0; }
.enquiry .enquiry-content .graph img { padding: 1px; }
.enquiry .enquiry-content .number { text-align: right; color: #fff; width: 50px; float: left; font-size: 85%; line-height: 10px; }

/* Blok pro galerii */
.gallery-title { background: url(../layout/bg_fotogalerie_h2.png) no-repeat; height: 35px; }
.gallery-title h2 { display: none; }
.gallery-title .link { text-align: right; font-weight: bold; }
.gallery-title .link a { color: #ff4a00; text-decoration: underline; padding: 2px 15px 2px 0; margin: 0 15px 0 0; background: url(../buttons/arrow_blue.png) center right no-repeat; display: block; }
.gallery-title .link a:hover { text-decoration: none; }
.gallery-box { background: #407cb0 url(../layout/bg_gallery_box.png) bottom no-repeat; padding: 14px 0 10px 17px; }
.gallery-box a { float:left; width:100px; height:80px; overflow: hidden; display:block; margin: 0 10px 0 0; border: 2px solid #fff;  }
.gallery-box img { margin:0; padding:0}

/* podmenu */
#submenu { background: url(../layout/bg_submenu.png) bottom no-repeat; height: 31px; }
#submenu ul { margin: 0; padding: 7px 0 0 10px; list-style: none; }
#submenu ul li { color: #fff; font-weight: bold; display: inline; font-size: 85%; background: url(../layout/bg_submenu_li.png) bottom right no-repeat; height: 21px; margin:0; padding:0}
#submenu ul li.wideline { background: url(../layout/bg_submenu_li.png) bottom left no-repeat; }
#submenu ul li.leftline { background: url(../layout/bg_submenu_li.png) bottom left no-repeat; }
#submenu ul li.noline { background: none; }
#submenu ul li a { color: #fff; text-decoration: none; padding: 2px 15px 2px 15px; }
#submenu ul li a:hover { color: #fff; text-decoration: underline; }
#submenu ul li a.active { color: #00315c; text-decoration: none; background: #cee7ef;}
#submenu ul li a.active { color: #00315c; text-decoration: none; background: #cee7ef;}
#submenu ul li a.big { font-size:13px; color:#e7ffc1 }


/* Cesta breadcrumbs */
#path ul { list-style: none; margin: 7px 0 5px 10px; padding: 0; }
#path ul li { display: inline; padding: 0 12px 0 12px; background: url(../buttons/arrow-orange-small.png) no-repeat left center; font-weight: bold; font-size: 85%; }
#path ul li a { color: #000; text-decoration: underline; font-weight: normal; }
#path ul li a:hover { color: #000; text-decoration: none; }
#path ul li.first { background: url(../buttons/bullet_orange.png) no-repeat left center;  }

/* Taby v kalendáři */
#calendar-tabs { width: 100%; height: 32px; font-size: 93%; line-height: normal; }
#calendar-tabs ul { margin: 0; padding: 0; list-style: none; }

#calendar-tabs ul li {padding: 0; margin:0; height: 32px; text-align: center; float: left; }
#calendar-tabs ul li a span {display:block; padding:0 10px; min-width:60px; margin: 0; height: 32px; line-height: 32px; float:left}
#calendar-tabs ul li a {padding:0; margin: 0; height: 32px; line-height: 32px; text-align: center; color: #000; text-decoration: none; font-weight: bold; font-size: 90%;}
#calendar-tabs ul li a:hover { color: black; text-decoration: underline; }
#calendar-tabs ul li.first-hover a, #calendar-tabs ul li.second-hover a, #calendar-tabs ul li.last-hover a { color: white; }
#calendar-tabs ul li.first-hover a:hover, #calendar-tabs ul li.second-hover a:hover, #calendar-tabs ul li.last-hover a:hover { color: white; }

#calendar-tabs ul li.first { background: #d3e1ed url(../layout/bg_calendar_tab1a.png) top left no-repeat; }
#calendar-tabs ul li.first span { background: url(../layout/bg_calendar_tab1b.png) top right no-repeat; }
#calendar-tabs ul li.first-hover { background: #407cb0 url(../layout/bg_calendar_tab1a_hover.png) top left no-repeat; }
#calendar-tabs ul li.first-hover span { background: url(../layout/bg_calendar_tab1b_hover.png) top right no-repeat; }

#calendar-tabs ul li.second { background: #d3e1ed url(../layout/bg_calendar_tab2a.png) top left no-repeat; }
#calendar-tabs ul li.second span { background: url(../layout/bg_calendar_tab2b.png) top right no-repeat; }
#calendar-tabs ul li.second-hover { background: #407cb0 url(../layout/bg_calendar_tab2a_hover.png) top left no-repeat; }
#calendar-tabs ul li.second-hover span { background: url(../layout/bg_calendar_tab2b_hover.png) top right no-repeat; }

#calendar-tabs ul li.last { background: #d3e1ed url(../layout/bg_calendar_tab3a.png) top left no-repeat; }
#calendar-tabs ul li.last span { background: url(../layout/bg_calendar_tab3b.png) top right no-repeat; }
#calendar-tabs ul li.last-hover { background: #407cb0 url(../layout/bg_calendar_tab3a_hover.png) top left no-repeat; }
#calendar-tabs ul li.last-hover span { background: url(../layout/bg_calendar_tab3b_hover.png) top right no-repeat; }

/* Tabulka pro výběr kalendáře */
#calendar-select { clear: both; height: 39px; background: url(../layout/bg_calendar_select.png); }
#calendar-select table { margin: 0; padding: 0; width: 100%; }
#calendar-select table td { color: #fff; }
#calendar-select table td h2 { margin: 0; padding: 0 10px; }
#calendar-select table td a { color: #fff; text-decoration: underline; }
#calendar-select table td a:hover { color: #fff; text-decoration: none; }
#calendar-select table td.new { text-align: right; }
#calendar-select table td.button { width: 38px; }

/* Tabulka kalendáře */
table.calendar { width: 100%; }
table.calendar tr.dark { background: #E9F0F6; }
table.calendar tr.light { background: #F2F6FA; }
table.calendar th { text-align: left; font-weight: bold; color: #fff; background: #85ABC9; padding: 10px; }
table.calendar td { padding: 2px 7px; }
table.calendar tr.dark td {  border-top: 1px solid #fff; border-bottom: 1px solid #C2D5E4; }
table.calendar tr.light td {  border-top: 1px solid #fff; border-bottom: 1px solid #C2D5E4; }
table.calendar td.white { height: 6px; background: #fff; }
table.calendar td.month { background: #DBDDDC; font-weight: bold; padding: 8px 7px; }
table.calendar td.icons { text-align: right; }
table.calendar td.date { font-weight: bold; width:140px;}
table.calendar td.category { width:80px;}
table.calendar td.place { width:100px;}
table.calendar tr.advert { background: #F2F6FA url(../layout/bg_slider.png) top center no-repeat; padding: 15px 10px; border-bottom: 1px solid #C2D5E4; }
table.calendar td.country { width:70px;}
table.calendar td.country a { color: #00315B; text-decoration: underline; }
table.calendar td.country a:hover { color: #00315B; text-decoration: none; }
table.calendar td.name { width:220px; }
table.calendar td.name a { color: #00315B; text-decoration: underline; font-weight: bold; }
table.calendar td.name a:hover { color: #00315B; text-decoration: none; font-weight: bold; }

table.calendar td.widtha { width:200px; }
table.calendar td.widthb { width:390px; }

form#kalendarform {margin:0; padding:0;}

/* levé menu */
#menu { float: left; width: 200px; }
#menu h2 { background: url(../layout/bg_h2.png) no-repeat; height: 37px; margin: 10px 0 0 0; padding: 0 0 0 5px; color:white; line-height:37px; font-size:110%}

#menu .box { background: #407cb0; margin:0; text-align: left;}
#menu .box2 { background: #d4e1ea; margin:0; padding-top:10px; text-align: left;}

#menu .box ul { margin: 0 5px; padding: 5px 0 10px 0; list-style: none; }
#menu .box ul li { padding: 0 0 0 12px; font-size: 85%; color: #fff; }
#menu .box ul li a { color: #fff; font-weight: bold; text-decoration: underline; }
#menu .box ul li a.nounderline { text-decoration: none; }
#menu .box ul li a.strong { color: yellow; font-weight: bold; text-decoration: none; }
#menu .box ul li a:hover { color: #fff; font-weight: bold; text-decoration: none; }
#menu .box ul li.men { background: url(../icons/ico_men.png) no-repeat left center; }
#menu .box ul li.women { background: url(../icons/ico_women.png) no-repeat left center; }

#menu .box2 ul { margin: 0 5px; padding: 5px 0 5px 0; list-style: none; }
#menu .box2 ul li { padding: 0 0 0 12px; font-size: 85%; color: #fff; }
#menu .box2 ul li a { color: #407cb0; font-weight: bold; text-decoration: underline; }
#menu .box2 ul li a.nounderline { text-decoration: none; }
#menu .box2 ul li a.strong { color: #ff4808; font-weight: bold; text-decoration: none; }
#menu .box2 ul li a:hover { color: #ff4808; font-weight: bold; text-decoration: none; }

#menu .box p { font-weight: bold; color: #fff; margin: 0; padding: 15px; }
#menu .box p.link { background: url(../layout/bg_plus.png) no-repeat left center; padding: 0 0 0 25px; margin: 15px 0 0 15px; }
#menu .box p.link a { font-weight: normal; text-decoration: underline; color: #fff; }
#menu .box p.link a:hover { font-weight: normal; text-decoration: none; color: #fff; }
#menu .box input.email { margin: 0 0 0 15px; width: 150px; }
#menu .box h3 {	display:block; background: #cde6ed; margin:0 15px 5px 0; padding:2px 0 2px 10px; color:#264d6f; font-size:100%}

#menu .box2 h3 {	display:block; background: #407cb0; margin:0 0 5px 0; padding:4px 0 4px 10px; color:white; font-size:110%}

#menu div.next { text-align: right;  background: url(../layout/bg_menu_link.png) bottom no-repeat; height: 35px; font-size: 85%; font-weight: bold; clear: both; }
#menu div.next p { margin: 0 ; text-align: right; padding: 7px 20px 0 0; }
#menu div.next p a.link { color: #fff; text-decoration: underline; padding: 2px 15px 2px 0; background: url(../buttons/arrow-white.png) center right no-repeat; display: block; }
#menu div.next p a.link:hover { color: #fff; text-decoration: none; }

#menu .other { background: #407cb0 url(../layout/bg_other_bottom.png) no-repeat bottom; }
#menu .other ul { margin: 0 15px 0 30px; padding: 15px 0; list-style: none; color:white}
#menu .other ul li a { color: #fff; text-decoration: underline; }
#menu .other ul li a:hover { color: #fff; text-decoration: none; }

#menu .other2 { background: #d4e1ea url(../layout/bg_other2_bottom.png) no-repeat bottom; }

#menu div.link { background: url(../layout/bg_sendlink_bottom.png) no-repeat; height: 49px; text-align: center; }
#menu div.link input.send { margin: 15px 0 0 0; }

#menu .fotobox {float:left; margin:5px 5px 0 10px;}
#menu .fotobox img {padding:0; margin:0; border:2px solid white}
#menu p.memberinfo {float:right; margin:5px 10px 0 0; padding:0; text-align: right;}


/* profil */
#profil { float: left; margin:10px 10px 10px 10px; width: 580px; }
#profil .content h2 { font-size: 150%; color: #497bb0; margin: 5px 0; padding: 10px 0 0 0; border:0 none; font-weight:bold}
#profil .content h3 { font-size: 130%; color: #497bb0; margin: 5px 0; padding: 10px 0 5px 0; border:0 none; border-bottom:1px solid #cccccc; font-weight:bold}

#profil .content h3.ui-state-active { background: url(../images/accordion/sipka-top.png) center right no-repeat;}
#profil .content h3.ui-state-default { background: url(../images/accordion/sipka-bottom.png) center right no-repeat;}

#profil .content .itembody { padding:0; }
#profil .content .itembody p { padding: 0; margin: 10px 0 0 5px; }
#profil .content .itembody table.profil, .profil-desc .itembody table.full { margin: 0; width: 100%; border:0 none; background: transparent;}
#profil .content .itembody table.profil th, #profil .content .itembody table.complete th, #profil .content .itembody table.full th { background: #3c79ae; padding: 2px; text-align: left; white-space: nowrap; color:white; border:0 none}
#profil .content .itembody table.profil td, #profil .content .itembody table.complete td, #profil .content .itembody table.full td { padding: 2px 5px; background: #d5e2ea; border:0 none}
#profil .content .itembody table.profil th { width:30%; padding-left:10px}
#profil .content .itembody table.profil td input.text { width: 200px; }
#profil .content .itembody table.complete th, #profil .content .itembody table.full th { text-align: left; }
#profil .content fieldset { padding:5px; margin-bottom:10px }
#profil .content legend { margin:0 0 10px 10px }

/* články v profilu */
.articles {padding: 15px 20px; }
.articles img { float: left; border: 2px solid #b3cbdf; margin: 4px 0 0 0; }
.articles h4 { margin: 0; padding: 0 0 0 125px; font-size: 100%; }
.articles h4 a { color: #00315c; text-decoration: underline; }
.articles h4 a:hover { color: #ff4a00; text-decoration: underline; }
.articles p.date { margin: 0; padding: 0 0 0 125px; font-size: 85%; color: #818282; }
.articles p.perex { margin: 0; padding: 0 0 0 125px; font-size: 85%; color: #00315c; }
.articles p.update { margin: 0; padding: 0 0 0 125px; font-size: 85%; color: #ff4a00; }
.articles p.update a { color: #ff4a00; text-decoration: underline; }
.articles p.update a:hover { color: #ff4a00; text-decoration: none; }
.articles p.next { background: url(../buttons/bullet_orange.png) no-repeat left center; margin: 0; padding: 10px 0 10px 12px; font-weight: bold; font-size: 85%; }
.articles p.next a { color: #ff4a00; text-decoration: underline; }
.articles p.next a:hover { color: #ff4a00; text-decoration: none; }
.articles hr { color: #d4e1ed; background: #d4e1ed; height: 1px; border: 0; }

/* patička */
#footer { clear:both; background: url(../layout/bg_footer.png) center no-repeat; height: 100px; }
#footer p { text-align: right; margin: 0; padding: 15px 20px 0 0; color: #fff; }
#footer p a { color: #fff; font-weight: bold; text-decoration: underline; }
#footer p a:hover { color: #fff; font-weight: bold; text-decoration: none; }


/* reklama na titulce */
.advertisment { text-align: center; }
.advertisment .advert-box { float: left; width: 482px; text-align: left }
.rightad .advert-box { float: right; width: 300pxpx; text-align: left; margin-top:10px }
#topadvert { background: url(../layout/bg_reklama.png) top left no-repeat; padding:11px 0 0 0; margin:5px auto 6px auto; width:1000px;}
.reklama {padding-top:11px; background: url(../layout/bg_reklama.png) top left no-repeat;}
.reklamar {padding-top:11px; background: url(../layout/bg_reklama.png) top right no-repeat;}

#skyscraper {width:120px; height:600px; position:absolute; top:160px; left:50%; margin-left:510px; }
#skyscraper.reklama {background: transparent url(../layout/bg_reklama.png) top right no-repeat; padding-top:11px; }

/* svislá reklama */
.advertisment2 { float: right; width: 300px; text-align: right;}

/* reklama svislá v profilu */
.advertisment3 { float: left; width: 160px; margin-top:10px}

/* reklama horizont. v profilu */
.advertisment4 { padding: 0 0 0 211px; }

/* pomocné */
.splitter1  { clear:both; display:block; font-size:1px; line-height:1px; padding-top:1px; }
.splitter5 { clear:both; display:block; font-size:1px; line-height:1px; padding-top:5px; }
.splitter10 { clear:both; display:block; font-size:1px; line-height:1px; padding-top:10px; }
.splitter15 { clear:both; display:block; font-size:1px; line-height:1px; padding-top:15px; }
.splitter18 { clear:both; display:block; font-size:1px; line-height:1px; padding-top:18px; }
.splitter20 { clear:both; display:block; font-size:1px; line-height:1px; padding-top:20px; }
.splitter30 { clear:both; display:block; font-size:1px; line-height:1px; padding-top:30px; }
.splitter-profil { clear:both; display:block; font-size:1px; line-height:1px; padding-top:15px; background: #407cb0; }
.clear { display: block; clear: both; height: 1px; font-size: 1px; line-height: 1px; overflow: hidden; }
.clear-noview { display: none; clear: both; height: 1px; font-size: 1px; line-height: 1px; overflow: hidden; }

/* clanky */
.itembody{ clear: both; margin: 0 0 0 0; padding: 5px 0 10px 0; font-size:110%; line-height:140%; background: url(../layout/bg_news_box1.png) no-repeat right bottom}
#profil .itembody , body.foto .itembody {background: none;}
#profil .itembody{ font-size:100%; line-height:135%;}
.itembody p,.itembody ul,.itembody ol { margin: 10px 0 10px 0; padding: 0; font-weight: normal; color: #000; text-align: left; }
.itembody ul{ margin: 6px 0 6px 20px; padding: 0; }
.commentbody ul{ margin: 1px 0 1px 20px; padding: 0; }
.itembody ul li, .commentbody ul li{ background-image: url(../images/li.png); background-repeat: no-repeat; background-position: 5px 8px; list-style: none; margin: 0; padding: 2px 0 2px 20px; }
.itembody ol{ margin: 6px 0 6px 42px; }
.itembody ol li{ list-style: decimal; background: none; margin: 0; padding: 2px 0 2px 5px; }
.itembody hr{ border: 0 none; border-bottom: 1px dotted #B85915; background: #ffffff; color: #ffffff; }
.itembody img{ max-width:640px }

ol.bigger {	font-size:110%;}
ol.bigger li {	margin:5px 0 5px 0}

.itembody .adsensearticle {clear:both;margin:10px 0 10px 0; border-bottom: 1px dotted #B85915; border-top: 1px dotted #B85915; }
.itembody .diskuse {clear:both;margin:12px 0 5px 0; padding:5px; border-bottom: 1px dotted #fadeaf; border-top: 1px dotted #fadeaf; font-style:italic; background: #FDF3E2; }

table.calendar {margin:0 auto;}

div.favorite {float:right;}
div.favorite a, div.favorite a img {margin:0; padding:0; border:0 none; background: transparent;}

/* ********** nadpisy ********** */
.itembody blockquote {padding:5px 10px; color:black; border-left:6px solid #ff4900; border-right:6px solid #ff4900; margin:10px 0;}
* html .itembody blockquote {margin:10px;}
.itembody blockquote p {color:black; font-weight: bold;}
.itembody blockquote p span.normal {color:black; font-weight: normal;}

blockquote {padding:5px 10px; color:black; border-left:6px solid #ff4900; border-right:6px solid #ff4900; margin:10px 0;}

.itembody h2 {	font-size:small; color:black; border-bottom:1px dotted black; margin:10px 0 10px 0; padding:0}
.itembody h2.big {	font-size:120%;}
.itembody h2 a {color:black;}
.itembody h2.big a {text-decoration:none}
.itembody h3 {	font-size:120%; color:#ff4900; margin:7px 0 7px 0; padding:0}
.itembody h3 a {color:#ff4900; text-decoration: underline;}
.itembody h4 {	font-size:100%; color:#407cb0; border-bottom:1px dotted #407cb0; margin:7px 0 7px 0; padding:0}
.itembody h4 a {color:#407cb0;}
.itembody h5 {	font-size:80%; color:#ff8f21; margin:7px 0 7px 0; padding:0}
.itembody h5 a {color:#ff8f21;}
.itembody h6 {	font-size:80%; color:black; margin:5px 0 5px 0; padding:0}
.itembody h6 a {color:black;}

.emphasize {font-size:120%; font-weight:bold}

h1.bigheader {	display:block; font-size: 170%; color: #497bb0; margin: 0 0 20px 0; padding: 5px 0 0 0; border:0 none; font-weight:bold}
h1.bigheader a {	color:white }

.itembody h2.nadpis {	font-size:130%; color:#407cb0; margin:0 0 5px 0; padding:0; border:0 none}
.itembody h2.nadpis a {color:#407cb0; text-decoration: underline;}

h2.header {	font-size: 150%; color: #497bb0; margin: 10px 0 10px 0; padding: 5px 0 0 0; border:0 none; font-weight:bold}
h2.bigheader {	font-size: 150%; color: #497bb0; margin: 10px 0 10px 0; padding: 5px 0 0 0; border:0 none; font-weight:bold}
h2.header a, h2.bigheader a {	color: #497bb0; text-decoration: underline;}

.itembody h2.big { font-size: 140%; color: #497bb0; margin: 5px 0; padding: 10px 0 0 0; border:0 none; font-weight:bold}
.itembody h3.big { font-size: 130%; color: #497bb0; margin: 5px 0; padding: 10px 0 5px 0; border:0 none; border-bottom:1px solid #cccccc; font-weight:bold}

#box-right h2.header {	margin-bottom:5px}

#box-right-small h3 {	font-size: 120%; color: #497bb0; margin: 10px 0 10px 0; padding: 0; border:0 none; font-weight:bold}

/* ********** tables ********** */
.itembody table{ margin: 10px auto; }
.itembody table th, table.full th { text-align: center; padding: 3px 4px; background: #3c79ae; font-weight: bold; color: white; margin:0}
.itembody table td, table.full td { text-align: left; padding: 2px 4px; background: #d5e2ea; margin:0}
.itembody table.none{ border: 0 none; }
.itembody table.none th, .itembody table.none td{ border: 0 none; }

.itembody table.kalendarshow {width:100%;}
.itembody table.kalendarshow, .itembody table.kalendarshow th, .itembody table.kalendarshow td {background: #d5e2ea}
.itembody table.kalendarshow th {color:#407cb0; font-weight: bold; text-align: left; width:30%}

table.mceLayout , table.mceLayout th {margin:0; padding:0; background: white; border:0 none}
table.mceLayout td {margin:0; padding:0; background: #b7cfec; border:0 none}

#items.member .itembody table { width:420px}
#items.member .itembody table th { width:100px}
#items.member .itembody table th.l { color:#1a1bff}
#items.member .itembody table th.w { width:300px}

#items.member .itembody table.simple, #items.member .itembody table.simple th, #items.member .itembody table.simple td  { background:transparent; border:0 none; padding:0; margin:0; }
#items.member .itembody table.simple  { width:200px; }

/* ********** images ********** */
img.leftbox, div.leftbox { float: left; margin: 5px 10px 5px 0px; padding: 0; line-height: 1px; }
img.rightbox, div.rightbox, div.soutezbox { float: right; margin: 5px 0px 5px 10px; padding: 0; line-height: 1px; }
div.leftbox img, div.rightbox img, div.soutezbox img {	padding:2px; margin:0; border:1px solid gray; }
div.leftbox a, div.rightbox a, div.soutezbox a {border:0 none; background: transparent; padding:0; margin: 0; text-decoration: none;}

.itembody, .news-box .inside, .xcbody {position: relative; }
div.anotace { position: absolute; left: 0; top: 5px; display:block; width: 110px; height: 110px; background: transparent url(../images/ind_clanky_obl.gif) top left no-repeat; z-index: 99; padding:0; margin:0;}
img.anotace { margin: 0 5px 5px 0; padding:0; float: left; z-index: 1; width: 110px; height: 110px; border:0 none; background-color: transparent;}

.anotacebox {position:relative}
.anotacebox div.anotace { position: absolute; left: 0; top: 0px; display:block; width: 640px; height: 300px; background: url('../images/ind_clanky_obl_all.gif') left top no-repeat; z-index: 99; padding:0; margin:0;}
.anotacebox img.anotace { margin: 0; padding:0; float: left; z-index: 1; width: 640px; height: 300px; border:0 none; background-color: transparent;}

/* ********** code ********** */
.itembody code { font-family: Consolas, "Lucida Console", "Courier New", Courier, monospace; font-size:100%; color: #404040; padding: 1px 2px; background: #f4f4f4;  }
.itembody pre { color: #404040; padding: 4px 5px 4px 5px; margin: 10px auto 10px auto; overflow: auto; background: #f4f4f4; font-family: Consolas, "Lucida Console", "Courier New", Courier, monospace; font-size:100%; width:560px}
.itembody pre.none { overflow: hidden; }
* html .itembody pre { overflow: hidden; }

/* ********** article info ********** */
.iteminfo{ clear:both; margin: 5px 0 5px 0; color: #9a9a9a; font-size:x-small; font-weight: bold; line-height:130%}
.iteminfo a{ color: #9a9a9a; font-size:x-small; }
.iteminfo strong{ color:black; text-decoration: underline }
.iteminfo span{ color:black; text-decoration: none }

.readmore { padding:2px 5px; background: #d4d0c8; color:black; font-size:75%; line-height:130%; float:right;}
.readmore a {color:black; text-decoration: none;}

/* ********** navlist ********** */
#navigation{ text-align: right; font-size:80%}

.comnavigation, #comnavigation{font-size:100%; padding:10px; background: #b5d3ed; color:black; border-radius:8px}
.comnavigation a, #comnavigation a{ padding:2px 5px; font-weight:bold; color:black; text-decoration: underline; margin-right:20px}

/* ********** other definitions in article ********** */
q { background: white; border-bottom: 1px solid #666666; margin: 0 5px 0 5px; }
cite { background: white; border-bottom: 1px solid #666666; font-style: italic; }
abbr { padding: 0px; border-bottom: 1px dotted #666666; }
kbd { font-family: Consolas, "Lucida Console", "Courier New", Courier, monospace; font-size:100%; color: #555555; }
del { text-decoration: line-through; }
ins { text-decoration: overline; font-style: italic; }

/* ********** forms ********** */
#container fieldset{ padding: 10px; margin: 10px 1px 5px 1px; text-align: right; border:0 none; border-top:1px solid #b9bd9d; border-bottom:1px solid #b9bd9d;}
#container .formbody fieldset, #container .itembody fieldset{ text-align: left; }
#container legend{ font-weight: bold; color: black; padding: 2px 5px 2px 5px; background: #3c79ae; color: white;  font-size:90%}
#container #items.member form.float { display:block; margin:2px 5px 3px 0;  padding:0}
#container form input.button { border: 0 none; background: #3c79ae; padding: 2px 10px 2px 10px; color:white; margin:5px 0 0 0; line-height:120%}
#container form input.button:hover{ color: #ffd651;}
#container form input.button.right { float:right; text-align: center;}
#container form input.none {border:0 none;}
#container form input[type=radio], form input[type=checkbox] {border:0 none;}
#container textarea { overflow: auto; clear: both; margin:10px 0 5px 0; border:1px solid #cccccc;}

#container form#komentar { background: #407cb0; padding:10px; color:white; margin:10px 0 0 0}
#container form#komentar h2 { color:white; margin:0 0 5px 0; padding:0; font-size:110%}
#container form#komentar textarea { width:100%; height:100px; margin:0 0 5px 0}
#container form#komentar table.info { width:100%; margin:0 0 5px 0; padding:0}
#container form#komentar table.info td { vertical-align: top; color:white}
#container form#komentar a { color:white}
#container form#komentar input.captchainput { margin:5px 0 0 0; width:140px}
#container p.odeslat{ margin:2px 0 0 0; padding:0; text-align: right}
#container p.info{ margin:0; padding:0; text-align: right; float:right; color:white}

#komentar .white {
	background: white;
	padding:20px;
	text-align: center;
	font-size:110%;
	color:#222222;
	font-weight:bold;
}
#komentar .white a {
	color:#ff4a00!important;
	text-decoration: underline;
}

/* ********** search ********** */
.highlight{ background: #FDBC64; color: black; padding: 1px; }

/* ********** comments ********** */
#divcomments { margin: 0; overflow:hidden;}
#com ol { margin: 0; padding: 0; font-size:small; overflow: hidden;}
#com ol li { list-style: none; margin: 0 0 10px 0; padding: 0; overflow:hidden}
#com li.comment-admin { margin: 0; padding: 5px 10px; background: #b5d3ed; border-bottom:2px solid white;}
#com li.comment-ok { margin: 0; padding: 5px 10px; background: #ddeffb; border-bottom:2px solid #b5d3ed;}
#com ol address { font-weight: bold; font-style: normal; color: #6c7073; font-size:80% }
#com ol p { margin:5px 0 5px 0; padding:0; font-size:90% }
#com ol address a { color: black; font-size:120% }
#com ol address b { color: black; }
#com ol address a.rel { text-decoration: none }
#com ol p span { font-style: italic; }
#com ol ol { margin-left: 30px; font-size:90%; font-style: italic; }
#com ol ol li { margin: 2px 0; }
#com ol li ul li {list-style: disc; margin: 0; padding: 2px 0 2px 20px;}
#com ins { clear:both; font-size: 90%; text-decoration: none; display: block; margin: 8px 0 0 0; font-style: normal;}
#com ins a { clear:both; font-size: 90%; font-weight: bold; color:black}
#com ol span.reply { padding-right: 20px; font-size: 90%; margin: 2px 0; cursor: pointer; font-weight: bold; text-decoration: underline; color:black}
#com .avatar {float:left; display:block; margin:5px 5px 5px 0;}
#com .avatar img {padding:0; margin:0; border:2px solid #5D5E56}
#com ol.comlog {font-size:80%; margin:0}
#com span.commenntfo {display:block; color:black; font-size:80%; font-weight: bold; padding:4px 0}
#com span.commenntfo a {text-decoration:underline; color:black}
#com li.comment-ok span.commenntfo, #com li.comment-ok span.commenntfo a, #com ol li.comment-ok span.reply, #com li.comment-ok ins a{ color:black}

/* ********** fotogalerie ********** */
div.fotogalerie {	width:100px; height:80px; margin:0; float:left; overflow:hidden; border:2px solid white; text-align: center;}
div.fotogalerie#currentfoto {	background: #ffffe0; border-color:#ff4900; border-style:solid}
div.fotogalerie a { text-decoration: none; padding: 0; margin: 0; text-align: center; display: block; }
div.fotogalerie a img {margin:0 auto; }
div.fotohodnoceni { display: block; background: #cce5ed; height: 20px; font-size: x-small; text-align: center; margin:4px 0 0 0}

table.basic, table.full { width: 100%; }
table.basic th { width: 20%; }

div.fotoimage {margin:px 0 1px 0; text-align: center;}
div.fotoimage img {margin:0; padding:0; border:1px solid #A4A38F; }
em.fotoright {float:right}
table.fotoinfo {margin:0 auto;color:#9c9c9c; padding:0}
table.fotoinfo a {color:#9c9c9c; font-weight: bold;}
table.fotoinfo .PSR_stars {padding-right:20px;}
div.fotoimage p.fotoautor {margin:1px; padding:0; text-align: center; color:#9c9c9c; font-size:80%}
div.fotoimage p.fotoautor a{color:#9c9c9c; font-weight: bold;}
div.fotoimage p.fotoautor strong{color:black}
.displaynone {display: none;}


/* ********** stars ********** */
.PSR_stars { overflow: hidden; padding: 0; margin: 0; }
* html .PSR_stars .star { display: block; position: absolute; height: 0; width: 0; }
.PSR_stars p { padding: 0; margin: 3px 0 0 0; text-align: center; clear:both}
.PSR_no_star, .PSR_half_star, .PSR_full_star, .PSR_no_voting_star, .PSR_half_voting_star, .PSR_full_voting_star { display: block; float: left; width: 17px; height: 15px; text-indent: -1000em; text-align: left; background-repeat: no-repeat; }
.PSR_no_voting_star, .PSR_half_voting_star, .PSR_full_voting_star { cursor: pointer;}
.PSR_no_star {background-image: url(/styles/stars/stars/no_star.png);}
.PSR_full_star { background-image: url(/styles/stars/stars/full_star.png);	}
.PSR_half_star { background-image: url(/styles/stars/stars/half_star.png);	}
.PSR_no_voting_star { background-image: url(/styles/stars/stars/no_star.png);	}
.PSR_full_voting_star {  background-image: url(/styles/stars/stars/full_voting_star.png);	}
.PSR_half_voting_star {  background-image: url(/styles/stars/stars/half_voting_star.png);	}
.PSR_votes {padding-left: .5em;}

/* ********** lightbox ********** */
.box-color {	background: #cce5ed; padding:5px 10px; width:280px; margin:0 0 10px 0; font-size:80%}
.box-basic {	background: white; padding:5px 10px; width:280px; margin:0 0 10px 0; border-top:2px solid #cce5ed; font-size:80%}
.box-simple {	background: white; padding:5px 10px; width:280px; margin:0 0 10px 0; border-top:2px solid #cce5ed; }

.box-color ul, .box-basic ul { margin: 6px 0 6px 10px; padding: 0; }
.box-color ul li, .box-basic ul li{ background-image: url(../images/li.png); background-repeat: no-repeat; background-position: 5px 8px; list-style: none; margin: 0; padding: 2px 0 2px 20px; }

.kategoriebox {background: #407cb0;margin: 0 0 10px 0; padding: 0;}
.kategoriebox ul {margin: 0 0 6px 0; padding: 0;}
.kategoriebox ul li { list-style: none; margin: 0; padding: 0 0 0 10px; border-bottom:1px solid #cde4eb; }
.kategoriebox ul li a{ color:white; font-weight: bold; font-size:90%; line-height:140%; text-decoration: none; display: block; margin:0; padding:2px 0 2px 0}
.kategoriebox ul li a:hover{ text-decoration: underline; }
.kategoriebox ul li.active { background: #ff4900;}

/* ********** other ********** */
.hide {display:none!important}
.show {display:block!important}

.fotoside a {	float:left; margin:5px 0 0 0; width:100px; height:80px; overflow: hidden}
.fotoside a img {	padding:0; margin:0; border:0 none; }

/* ********** forum ********** */
table.diskuze {width:640; margin:5px 0 5px 0; }
table.diskuze th {text-align: left; background: white; color: #3c79ae; border-bottom: 2px solid #3c79ae;}
.itembody table.diskuze {font-size:90%}
table.diskuze tr.g td {background: #f1f5f8}
table.diskuze th.d1 {width:490px; }
table.diskuze th.d2 {width:100px; }
table.diskuze th.d3 {width:50px; }
table.diskuze td {background: white; border-bottom:1px solid #d5e2ea }

/* ********** bazar ********** */
table.bazar {margin:10px auto;}
table.bazar td {width:50%}
table.bazar img {float:left; margin:0 10px 10px 0}
table.bazar h3 {margin:0 0 5px 0}
table.bazar a {font-size:80%; color: #407cb0}
table.bazar a strong {color: #ff4900}
table.bazar h3 a {font-size:110%}

.bluebox1 { width:640px; background: #407cb0 url(../images/bluebox-top.png) top left no-repeat; padding:10px 0 0 0; margin:10px 0;}
.bluebox2 { width:620px; background: transparent url(../images/bluebox-bottom.png) bottom left no-repeat; padding:0 10px 10px 10px; margin:0;}
.bluebox2, .bluebox2 p, .bluebox2 a {color:white; }
.bluebox2 p {color:white; margin:0; padding: 5px 0}
.bluebox2 form {margin:0; padding:0}

input.searchbutton {float:right}
input.searchinput {font-size:22px; line-height:32px; width:300px; padding:2px; margin:0;}

/* ********** links ********** */
.links { clear:both; margin:2px 0 3px 0; z-index:2; font-size:85%; color: #9a9a9a}
.links a { color: #9a9a9a}

/* ********** tooltips ********** */
#tooltip { position: absolute; z-index: 3000; opacity: 0.97; background: transparent url(../images/tooltip/white.png) top left no-repeat; font-size: 13px; height: 59px; width: 159px; padding: 25px; color: white; font-weight: bold; top:30px; left:220px; display: none}
#photos img { border: 0; cursor: pointer;  }

/* Strankovani */
#container .pagebreak { clear: both; margin: 20px 0 7px 0; border-top: 2px solid #407cb0; border-bottom: 2px solid #407cb0; }
#container .pagebreak h4 { font-size:100%; margin:10px 0 0 0;  font-weight: bold; padding:0}
#container .pagebreak ol {margin:5px 0 0 0; padding:0; list-style: none;}
#container .pagebreak ol li {margin:1px 0 1px 10px; padding:0 0 0 20px; list-style: none; background: url(../images/pagebreak.png) center left no-repeat;}
#container .pagebreak ol li a {color:#407cb0; font-weight: bold;}
#container .nextpage{ margin-top: 10px; float: right; font-weight: bold;}
#container .prevpage{ margin-top: 10px; float: left;  font-weight: bold;}
#container .fullpage{text-align: right; font-size: x-small;}
#container .itembody ol{ list-style: decimal; margin: 0 0 0 30px; }
#container h2.pagetitle { font-size:130%; color:#407cb0; padding:2px 0 2px 0}

/* Fotky */
h2.big {margin:5px 0 5px 0;}

/* Sponzorované odkazy v katalogu */
#kolosponzor h2.sponzor-catalogue { background: url(http://kolo.cz/styles/images/headers/hd_sponzor_catalogue.png) no-repeat; height: 42px; margin: 10px 0 0 5px; padding-left: 70px; line-height: 40px; color: #585951; font-size: 100%; font-family: Verdana, "Geneva CE", lucida, sans-serif; font-weight: bold; }
#kolosponzor .sponzor-cat { padding-left: 10px; }
#kolosponzor .sponzor-cat-item { text-align: center; float: left; width: 205px;  }
#kolosponzor .sponzor-cat-item h3 { color: #059fc1; padding: 0 7px; font-size: 110%; font-family: Verdana, "Geneva CE", lucida, sans-serif; font-weight: normal; }
#kolosponzor .sponzor-cat-item h3 a { color: #059fc1; text-decoration: none; }
#kolosponzor .sponzor-cat-item h3 a:hover { color: #059fc1; text-decoration: underline; }

.useravatar {float:left; width:50px; margin:5px; height:80px; font-size:10px; line-height:14px; font-weight:bold; }

/* Mediahouse - Branding */
body.wallpaper #background1 { width: 1000px; margin: 0 auto; z-index: 10; background: none; }
body.wallpaper #background2 { position: relative; margin: 15px auto 100px auto; }
body.wallpaper div.reklama#skyscraper { display: none; }
body #topadvert2 { display: none; background: url("../layout/bg_reklama.png") no-repeat scroll left top transparent;
    margin: 5px auto 6px;
    padding: 11px 0 11px 0;
    width: 1000px; }
body.wallpaper #topadvert { margin: 0; padding: 0; display: none; }
body.wallpaper #topadvert2 { display: block; /*height: 210px;*/ position: relative; z-index: 50; }
body.wallpaper #page  { position: relative; top: -15px; }
body.wallpaper #header { background: url(../layout/bg_header_rounded.png) top left no-repeat; }
body.wallpaper #footer { background: url(../layout/bg_footer_rounded.png) center no-repeat; position: absolute; width: 1000px; }

/* ********** mini-styles ********** */
.b{ font-weight: bolder; }
.i{ font-style: italic; }
.z{ font-style: normal; font-variant: small-caps; }
.u{ text-decoration: underline; }
.itembody p.r, a.r, .c,.r{ color: red; }
a.l, .m,.l{ color: blue; }
.skip{ display: none; }
.itembody p.center, .center { text-align: center; }
small { font-size: 11px; }
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center}
.bigfont {font-size:130%}

/* ************* psr ****************** */
.in5{padding:5px;}
.cl{clear:both;}
.l{float:left;}
.r{float:right;}
.bl{border-left:1px solid #BBBBDF;}

.c1{color:white;}
.c2{color:#EEEEEE;}
.c3{color:#000000;}
.c4 {color:#BBBBDF;}

.bgc0{background-color:#407CB0;}
.bgc1{background-color:#CCCCCC;}
.bgc2{background-color:#999999;}
.bgc3{background-color:#EE0000;}
.bgc4{background-color:#AAAAAA;}

.p801{padding:8px;}
.p802{padding-top:8px;}
.p803{padding-right:8px;}

.p101{padding:10px;}
.p102{padding:10px 5px 10px 5px;}
.p103{padding-right:10px;}

.p203{padding-right:20px;}

.upload{border-left:2px solid white;}
.navi{color:#FFFFFF; font-size:15px;}
.navi a              	{color: #FFFFFF; font-size: 15px; text-decoration:none;}
.navi a:hover  	{color: #FFFFFF; font-size: 15px; text-decoration:underline;}
.navi .c4 a{color:#BBBBDF;}

.clr1    {color:#FFFFFF;}
.bgred1{background-color:#E70A05;}

.p10{padding:10px;}
.p5{padding:5px;}
.m5{margin-right:5px;}
.m101{margin-right:10px;}
.m102{margin-top:10px;}
.m104{margin:10px 0px 10px 0px;}

.m151{margin-right:15px;}
.m201{margin-right:20px;}

.bord1 {  border-top: 1px solid #fff; border-bottom: 1px solid #C2D5E4; }

/* DAYS */
.kal-daynavi {font-family:verdana;font-size:12px;}
.kal-daynavi .daybox {float:left; margin-right:1px; margin-top:1px; padding:3px;text-align:center;}
.kal-daynavi .dayname {font-size:13px; font-weight:bold; }
.kal-daynavi .daydate  {font-size:10px; }
.kal-daynavi .noitem {background-color:#EEEEEE; color:#999999;}
.kal-daynavi .past   {background-color:#DDDDDD; color:#777777;}
.kal-daynavi .hot    {background-color:#EE0000; color:#EEEEEE;}
.kal-daynavi .act    {background-color:#DDDDDD; color:#333333;}
.kal-daynavi .act a{color:#333333; text-decoration:none;}    
.kal-daynavi .act a:hover{color:#FF0000;}
.kal-daynavi .past a{color:#777777; text-decoration:none;}    
.kal-daynavi .past a:hover{color:#FF0000;}    
.kal-daynavi .hot a{color:#FFFFFF; text-decoration:none;}    
.kal-daynavi .hot a:hover{color:#333333;} 

.circ1 {
	position:absolute;
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 10px;
    height: 10px;
    background: red;
}   

/* ROLL MENU */
.kal-navi2			{background-color:#85ABC9; color:#FFFFFF; font-size:13px;}
.kal-navi2 a        {color: #FFFFFF; text-decoration:underline;  font-weight:bold;}
.kal-navi2 a:hover  {color: #FFFFFF; text-decoration:none;}
/* ROLL DATABOX */
.kal-rollbox		{background-color:#FFFFFF;  font-size:13px;}
.kal-rollbox a		{color: #00315B; font-size: 13px; text-decoration:none;}
.kal-rollbox a:hover {color: #00315B; font-size: 13px; text-decoration:underline;}
.kal-rollbox .pastday a {color:#9999AA;}
.rollhidden {display:none;}