/* 
    Document   : tab
    Created on : 15.1.2010, 17:30:33
    Author     : jirista
*/
root { 
    display: block;
}
*{margin: 0; padding: 0; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;}
body{background-color: #f6f6f6; text-align: center;}
h1{display:none;}
#background{width: 1010px; margin: 0 auto; background-image: url("../images/background.png"); background-repeat: repeat-y;}
#content{width: 890px; margin: 0 auto; text-align: center;}
.fill{display: block; width: 100%; height: 30px;}
#header{display: block; width: 100%; height: 134px; margin-bottom:20px;}
a{text-decoration: none; color: blue;}
a:hover{color: red;}
a img{border:none;}
#logo, #logo a{float:left; display:block; width: 233px;  height: 134px; border: none; text-decoration: none;}
#logo{background-image: url("../images/logo.png"); background-repeat: no-repeat;}
#logo a span, #main-foto a span{visibility:hidden;}
#main-foto, #main-foto a{float:right; display:block; width: 464px; height: 134px; border: none; text-decoration: none;}
#main-foto img{border: none; display:block; width: 464px; height: 134px;}
#left-content{float: left; width: 620px;}
#left-content .line{display:block; width: 100%; height:5px; background-image: url("../images/line.png"); background-repeat: no-repeat;}
#left-content h2{font-size: 22px; margin: 10px 0px 10px 0px; text-align: left; color: #962c2c; text-transform: uppercase;}
#left-content h2.right{text-align: right;}
#left-content .textblock{width: 100%; max-width: 630px; font-family: "Trebuchet MS",Helvetica,sans-serif; font-size: 12px; text-align: justify; margin-bottom: 10px;}
#left-content .textblock a{color: #962c2c;}
#left-content .textblock .foto{float:left; display:block; width: 150px; height: 100px; margin: 0px 10px 5px 0px;}
#left-content .textblock .foto img{border: 2px solid #962c2c;}
#left-content .textblock hr.subtextline{width:100%; height: 2px; background: #9f9f9f; color: #9f9f9f; border: #9f9f9f; margin: 10px 0px 5px 0px;}
/*#left-content .textblock hr.subtextline{width:100%; height: 2px; background: #ffdfe0; color: #ffdfe0; border: #ffdfe0; margin: 10px 0px 5px 0px;}*/
#left-content ul{float: right; list-style: square;}
#left-content li{color: #d5b5b5; font-size: 12px;}
#left-content .left-box{float: left; width:47%; border-right: 2px solid #9f9f9f; padding: 0px 20px 20px 0px;}
/*#left-content .left-box{float: left; width:47%; border-right: 2px solid #ffdfe0; padding: 0px 20px 20px 0px;}*/
#left-content .left-box .left-box-content{width: 280px;}
#left-content .right-box{display:block; float: right; width:280px;}
#left-content .right-box a,#left-content .right-box img{border:none;}
#left-content .box-img{display:block; width: 280px; margin-bottom: 10px;}
#left-content .box-img a{display:inline; padding:2px;}
#left-content .box-img img{width:130px;}
#left-content .right-box .textblock, #left-content .left-box .textblock{color: #962c2c;}
#left-content .box-img img{border: 2px solid #962c2c;}
#menu{float:right; width: 221px;}
#menu ul.menu{list-style: none; display:block; width: 100%;}
#menu ul.menu li{display: block; width: 100%; margin-bottom: 2px; border-left: 3px solid #4f4f4f;}
#menu ul.menu li a{display:block; width:100%; padding: 7px 0px 7px 15px; background-color: #9f9f9f; color: #000000; text-decoration: none; text-align: left; font-weight: 600;}
/*#menu ul.menu li a{display:block; width:100%; padding: 7px 0px 7px 15px; background-color: #aae78a; color: #4f4f4f; text-decoration: none; text-align: left;}*/
#menu ul.menu li a.blue, #menu ul.menu li a:hover{background-color: #8ba2e8; color:#0400b7;}
#menu ul.menu .sub{display:none; padding: 3px 0px 3px 0px;}
#menu ul.menu li:hover .sub{display:block;}
#menu ul.menu .sub li{list-style: none; display:block; width: 85%; border-left: none; margin-left: 10px;}
#menu ul.menu .sub li a{padding:3px; background: none; border-left: none;}
#menu ul.menu .subsub{display:none; padding: 2px 0px 2px 0px; font-size: 85%;}
#menu ul.menu li:hover .subsub{display:block;}
#menu ul.menu .subsub li{list-style: none; display:block; width: 85%; border-left: none; margin-left: 30px;}
#menu ul.menu .subsub li a{padding:3px; background: none; border-left: none;}
#adresa{margin: 35px 0px 0px 20px; display:block; width: 80%; padding: 5px 0px 5px 15px; border-left: 8px solid #962c2c; text-align: left;}
#adresa h2{font-size: 20px; margin: 10px 0px 5px 0px; text-align: left; color: #962c2c; text-transform: uppercase;}
#adresa p.adresa{color: #962c2c;}
#adresa p.kontakt{font-size: small; color: #998b8b; text-align: right;}
/*#counter{width: 30%; margin: 10px auto; display: block; width: 30%;}*/
/*#blok-bbsluzba-mu641xpk8jk2e72uv88j4mj2rxrf8h{width: 30%; margin: 10px auto;}*/
#counter{display:block; width:30%; float:left; margin-left: 10px; padding-top: 40px;}
#blok-bbsluzba-mu641xpk8jk2e72uv88j4mj2rxrf8h{width: 30%; float:right; display: block;}
hr.cleaner{visibility:hidden; clear: both;}
hr.footerline{width:100%; height: 2px; background: #d3d3d3; color: #d3d3d3; border: #d3d3d3; margin: 20px 0px 0px 0px;}
#sponsors{display: block; width: 100%; height: 72px;}
#sponsors a, #sponsors a img{border: none;}
#leftsponsors{float:left; display:block; width: 40%; height: 72px; text-align: left;}
#leftsponsors img, #rightsponsors img{border:none;}
#rightsponsors{float:right; display:block; width: 40%; height: 72px; text-align: right;}
table.news{width:100%;}
a.anews{color: blue;}
table td{padding:3px; border-top: 2px solid #d7d2d2; margin-top: 2px;}

#fotogalerie{width:100%; max-width: 100%;}
#fotogalerie img{border: 2px solid maroon; margin: 3px;}
#fotogalerie a{border: none;}
.back{margin-bottom: 10px;}
.extrasub{width:90%; margin: 5px 0px 10px 5px; text-align: left;}
.extrasub ul{width:100%;}
.extrasub li{display:inline; background-color: #F3F3F3; padding: 8px; border: 1px dashed black; margin: 0px 5px;}
.extrasub li a{font-weight: 600;}
.extrasub li:hover{background-color: #ffff66;}

