* {margin: 0;padding: 0;}
 img{border: 0;}
body {background-color: #e3e3e3;font-family: Verdana,Arial,  Tahoma, sans-serif;text-align: center; overflow-y: scroll;}
.clear {clear: both; margin: 0; padding: 0;}

#main {background-color: #fff;margin: 0 auto;width: 960px;text-align: left;  position: relative;}
#header {background: transparent url('../images/head.jpg') left top no-repeat;height: 262px;width: 960px;position: relative;}
#header h1{color: #000; position: absolute; top: 40px; left: 200px; font-size: 20px;}
#header #oddily {position: absolute; right: 20px; top: 0; width: 180px; height: 120px;}
#header #oddily a{margin: 15px 0; display: block; color: #fff;text-align: right; text-decoration: none; font-weight: bold;}
#header #oddily a:hover{text-decoration: none; color: #a3a3a3;}

#sponzori {position:absolute; top: 20px; left: 960px; width: 120px; text-align:center;}
#sponzori h2{color: #10658a; font-size: 15px;}
#sponzori .sponzor {margin-top: 20px;}
#sponzori .nazevSponzora { font-size: 12px; color: #10658a; padding-bottom: 5px;}

#sponzori .logoSponzora { width: 80px; }

.pagerLink  { padding-left: 15px; padding-right: 15px; }

#sponzorskeObce {position:absolute; top: 20px; left: -135px; width: 120px; text-align:center;}
#sponzorskeObce h2{color: #10658a; font-size: 15px;}
#sponzorskeObce .obec {margin-top: 30px;}

#menu {font-family: arial, sans-serif; height: 101px;position:absolute; font-size:11px; z-index:100; bottom: 9px; left: 0; background-color:#31c6e1; }
#menu ul {padding:0; margin:0; list-style: none;}
#menu ul li {float:left; position:relative;}
#menu ul li a {display:block; text-decoration:none; color:#000;width:90px; height:20px; text-align:center; color:#fff; line-height:20px; font-size:11px; overflow:hidden; font-weight: bold;text-align: left;text-indent: 8px;}
#menu ul li a:hover{color:#fff; background:#a3a3a3;}
#menu ul li ul {display:block; position:absolute; top:21px; left:0; width:90px;}
#menu ul li ul li a {display:block; color:#000; font-weight: normal; }
#menu ul li ul li a:hover {text-decoration: underline; background: none;color:#000;}

#body {background-color: #fff;overflow: hidden;padding-top: 20px; padding-bottom: 20px;}
#body .leftpanel {float: left; width: 70%;}

#body .leftpanel .wrap {margin: 10px 10px 10px 13px;}
#body .leftpanel .wrap  h2 {margin-bottom: 20px;color: #10658a;}
#body .leftpanel .wrap  h3 {margin-top: 10px;color: #10658a; font-size: 14px;}
#body .leftpanel .wrap  p {margin-top: 25px; /*font: normal 13px/1.5 Verdana; text-align: justify;*/}
#body .leftpanel .wrap  img.leftimg {float: left; margin: 10px 15px 15px 0;}
#body .leftpanel .wrap  img.rightimg {float: right; margin: 10px 0 15px 15px;}

#body .rightpanel  {float: left; width: 29%;border-left: 1px solid grey;}
#body .rightpanel .wrap {margin: 10px;}
#body .rightpanel .wrap h2 {margin-bottom: 20px;color: #10658a;}
#body .rightpanel .wrap h3 {margin: 15px 0;color: #10658a; font-size: 14px; text-align: center;}
#body .rightpanel .wrap h4 {color: #10658a; font-size: 12px;}
#body .rightpanel .wrap img {float: right; margin-left: 3px}
#body .rightpanel .wrap p {font-size: 13px;}
#body .rightpanel .wrap span {font-size: 12px;}
#body .rightpanel span a {color:#0d942a; font-size: 12px;}
#body .rightpanel .wrap span a:hover {text-decoration: none;}


#body .fullpanel {float: left; width: 100%;}
#body .fullpanel .wrap {margin: 10px 10px 10px 13px;}
#body .fullpanel .wrap h2{margin-bottom: 20px;color: #10658a;}
#body .fullpanel .wrap h3 {margin-top: 10px;color: #10658a; font-size: 14px;}
#body .fullpanel .wrap p {margin-top: 25px; /*font: normal 13px/1.5 Verdana; text-align: justify;*/}
#body .fullpanel .wrap img.leftimg {float: left; margin: 10px 15px 15px 0;}
#body .fullpanel .wrap img.rightimg {float: right; margin: 10px 0 15px 15px;}

#body .w30 {width: 30%; border: 0;}
#body .w40 {width: 40%; border: 0;}
#body .w50 {width: 50%; border: 0;}
#body .w60 {width: 60%; border: 0;}
#body .w70 {width: 70%; border: 0;}

.imgObrazekClanku { float: right;  padding-bottom: 10px; padding-left: 10px; width: 99px; }

#footer {border-top: 1px solid #e2e2e2; background-color: #fff; height: 30px; padding: 0px 10px 0px 10px; font-size: 80%;}
/*
.clen {float: left; display: block; width: 164px; height: 40px; margin: 10px 0px; padding: 10px; border: 1px solid #ffffff; text-decoration: none;}
.clen b {font-size: 12px; margin: 0 3px; color: #0066dd;}
.clen img {float: left;}
.clen img.pasek {margin: 0 3px;}
.clen div.popis {float: left; color: Gray; font-size: 11px; margin-left: 3px;}
*/
.clen {float: left; display: block; width: 164px; height: 45px; margin: 10px 0px; padding: 10px; border: 1px solid #ffffff; text-decoration: none;}
.clen .fotkaClena {float: left; margin-right: 3px; width: 35px;}
.clen .popisClena {margin-left: 37px; width: 120px;}
.clen .popisClena strong {font-size: 12px; color: #0066dd; display: block;}
.clen .popisClena .popis {color: Gray; font-size: 11px; margin: 0;}


.benjaminci .clen:hover {background-color: #dbebf9; border: 1px solid #a7c0e1; cursor: pointer;}
.mladsi .clen:hover {background-color: #fff0be; border: 1px solid #e0d663; cursor: pointer;}
.starsi .clen:hover {background-color: #dbebf9; border: 1px solid #a7c0e1; cursor: pointer;}
.dorostenci .clen:hover {background-color: #fff0be; border: 1px solid #e0d663; cursor: pointer;}
.juniori .clen:hover {background-color: #dbebf9; border: 1px solid #a7c0e1; cursor: pointer;}
.muzi .clen:hover {background-color: #fff0be; border: 1px solid #e0d663; cursor: pointer;}


.posledniUspech {border-bottom: 1px dashed Gray; margin: 0 20px 5px 0; padding-bottom: 5px;}
.posledniUspech .datum {color: Gray; font-size: 11px;}
.posledniUspech b {font-size: 13px;}


.nejlepsiClen { margin: 0 20px 15px 0; padding-bottom: 5px;}
.nejlepsiClen .datum {color: Gray; font-size: 11px;}
.nejlepsiClen b {font-size: 13px;}
.nejlepsiClen .fotkaClena {float: left; margin-right: 10px;}