* {margin:0;padding:0;}
body { font: 11px arial, helvetica, clean, sans-serif; *font-size: small; *font: x-small; font-size:11px; color: #666666; margin: 0; text-align:center; }
.reseter {border: 0px none;  margin: 0px;  padding: 0px;  float: none;  clear: both;  width: 0px;  height: 0px;  line-height: 0px;  font-size: 0px;  }

#main {width:972px; margin: 38px auto 0 auto; text-align: left;}
.sky #main {width:1155px;}
#zaklad {float:left; width: 970px; text-align: left;border: 0;}
#hlavicka { padding-left: 1px; width: 971px; }

#obsah {width: 942px; margin: 0 auto; background: #fff; margin-top: 0px; padding: 5px 15px 15px 15px; background: #fff url('../images/pozadi-obsah.png') repeat-y; }

#paticka {padding-top: 20px; text-align: center; background: transparent url('../images/pozadi-paticka.png') no-repeat; width: 972px; }
#paticka .logo {margin: 12px 30px 0 120px; float: left; height: 100px; }
#paticka .menu {padding: 0px; margin: 0px; }
#paticka .menu p {padding-top: 2px; padding-bottom: 2px; margin: 0px; }

#bottom {width: 970px; text-align: center;border: 1px solid #d2d2d2; border-bottom:0px none; background-color: #fff;}
#bottom .bottom_text {float: left; width: 700px; padding: 15px 0 0 140px;}
#bottom .bottom_text span { font-size: 12px; font-weight: bold; margin-right: 5px;}
#bottom .bottom_text a:hover { color: #666666;}
#bottom .bottom_img { float: right; margin: 15px 20px 0 0; }
#bottom .bottom_links { width: 971px; padding: 0; margin: 0; text-align: center;}

#drobeckova-navigace {font-size: 11px; width: 100%; border-bottom: 1px dotted #d9d9d9; padding: 7px 0 7px 0;}
#drobeckova-navigace a:hover {color: #666666;}

#logo {float: left; margin: 19px 0 0 25px; }
#logo .info { display: block; text-align:right; position: relative; width:270px;  bottom: 30px; left: 70px; font-weight: bold; font-size: 120%; font-style: italic; }

#uzivatel {background:transparent url('../images/pozadi-uzivatel.png') no-repeat scroll 0 0; float: right; width: 202px; margin-top: 10px; padding: 5px; color: #666; }
#uzivatel img {float: left; max-width: 60px; max-height: 60px; margin-right: 10px;  }
#uzivatel a {color: #666;}
#uzivatel p {padding:6px 0;}

#vyhledavani { float: right; width: 305px; padding:0px; margin: 0 8px 0 0; color: #666666; font-weight: bold; text-align: center;}
#vyhledavani .form {float:right; background: url("/www/images/admin/pozadi-form.png") repeat-x; border: 1px #dcdcdc solid; padding: 3px; font-size: 11px;}
#vyhledavani input{margin: 5px 0 0 0;}
#vyhledavani .tlacitko-vyhledat {float: right; margin: 5px 0 0 8px; height: 22px; width:64px; text-align: center; padding-top: 4px;}
#vyhledavani .tlacitko-vyhledat span {position: relative; font-weight: bold;}
#vyhledavani .tlacitko-vyhledat a { text-decoration: none; cursor: pointer;}
#chybaText {color: #e10000; font-weight: bold;}

#styly { float: right; background:  url('/www/images/styly_back.jpg') #fff no-repeat; text-align: center; padding: 5px; margin: 10px 0 0 0; width: 115px;  color: #666666; font-weight: bold;}
#styly p { text-align: center; margin-top: 4px; line-height: 17px; width: 107px;}

#menu { margin: 0px; padding: 0px; float: none; clear: both; width: 971px; font-weight: bold; color: #fff; background: url('/www/images/menu_back.png') transparent repeat-x left bottom;}
#menu ul {list-style-type: none; margin: 0; margin-left: 5px; padding: 0;}
#menu li {float: left; margin: 0; padding: 0;}
#menu a {float: left; margin: 0; margin-right: 5px; padding: 0 0 0 7px; text-decoration: none;}
#menu a span {float: left; display: block; padding: 7px 9px 5px 3px; font-weight: bold; color: #fff;text-transform:uppercase;}
#menu a:hover span {color: #969696;}
#menu #current a {background-position: 0 -26px;}
#menu #current a span {background-position: 100% -26px; color: #969696;}
#menu a:hover {background-position: 0% -26px;}
#menu a:hover span {background-position: 100% -26px;}

#menu-stranky { border-right: 1px solid #dcdcdc; margin: 0; padding: 0; background: url('/www/images/obsah_menu_submenu.jpg') repeat-x;}
#menu-stranky ul { margin: 0; padding: 0; height: 26px; list-style: none; background: url('/www/images/obsah_menu_submenu.jpg') repeat-x;}
#menu-stranky ul li { float: left; margin: 0; padding: 6px 0 6px 0; }
#menu-stranky ul li a {font-weight: bold; text-decoration: none; text-align: center; padding: 6px 10px 6px 10px;}
#menu-stranky-index { width: 970px; margin: 0; padding: 0; font-size: 0px; line-height: 0px; }

#cela {float: left; width: 946px; }
#leva {float: left; width: 600px; }
#prava {float: right; margin-left: 15px; margin-top: 24px; width: 326px; }
#prava-no-margin {float: left; margin-left: 15px; width: 326px; }

#leva-50 {float: left; width: 460px;}
#prava-50 {float: right; width: 460px;}

#leva-33 {float: left; width: 283px;}
#stred-34 {float: left; width: 283px; margin: 0 15px;}
#prava-33 {float: left; width: 283px;}

#cela ul.obsah-menu {width: 930px;}
ul.obsah-menu {float: left; list-style: none; padding: 0px; margin: 0px; width: 602px;}
.obsah-menu li {float: left;}
.obsah-menu li a, .obsah-menu li a:link, .obsah-menu li a:visited, .obsah-menu li a:active, .obsah-menu li a:hover {display: block; background: url('/www/images/pozadi-obsah-menu.png') transparent top center repeat-x; color: #999; font-weight: bold; text-decoration: none; text-align: center; padding: 6px 10px 6px 10px; border: 1px solid rgb(221,221,221); border-bottom-width: 0; margin-right: 2px;}
.obsah-menu li h2 a span {font-size:11px;}
.obsah-menu li h2 {margin:0 !important;padding:0 !important;}

.box { clear: both; position: relative; float: left; top: 0px; margin-bottom: 15px; width: 100%; border: 1px solid #dcdcdc; font-size: 11px;background-color: #ffffff; }
.box .hlavicka { border: 1px solid #fff; font-size: 12px; font-weight: bold; padding: 5px; }
.box .hlavicka .liga { font-size: 14px; text-align:center; padding: 5px; }
.box .hlavicka-mala { background: #f5fae1; height: 5px; }
.box .obsah { border-top: 1px solid #dcdcdc; font-size: 11px; }
.box-maly { float: left; margin-bottom: 15px; margin-right: 15px; width: 188px; border: 1px solid #dcdcdc; }
.box-maly .hlavicka { border: 1px solid #fff; font-size: 12px; font-weight: bold; padding: 5px; }
.box-maly .hlavicka h2 {font-size: 12px;padding:0;margin:0;}
.box-maly .hlavicka-mala { background: #f5fae1; height: 5px; }
.box-maly .obsah { border-top: 1px solid #dcdcdc; }
.spec-margin { float: right; margin-right: 0px; }

#special { clear: both; float: none; width: 100%; width: 601px; }

table {width: 100%; border-collapse: collapse; }
table td {border-top: 1px solid #D2D2D2; height: 32px; padding: 2px 5px 1px 5px; }
table th {background: #eeeeee; line-height: 15px; padding: 2px 5px 1px 5px; }
table.info {width: 100%; border-collapse: collapse; }
table.info td {line-height: 17px; padding: 2px 5px 1px 5px; height:20px; }
table.info th {line-height: 15px; padding: 2px 5px 1px 5px; }
table.diskuze td {border-top: 0px; line-height: 17px; padding: 2px 5px 1px 5px; }
table td h2 {font-size:11px;padding:0;margin:0;}
table td h3 {font-size:11px;padding:0;margin:0;}

#menu-stranky:after, .box .obsah:after, #obsah:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }

a {color: #666666; text-decoration: underline; }
a:hover { text-decoration: none; }
a.zelena { text-decoration: underline; }
a.zelena:hover {color: #666666; text-decoration: none; }

.center {text-align: center; }
.right {text-align: right; }
.padding {padding: 5px; }
.border3 {border: 3px solid #fff; }
.tmava {background: #f9f8f9; }
.cervene {color: #e10000; }
.tucne {font-weight: bold; }
.hide {display: none}

.w5 {width: 5%; }
.w10 {width: 10%; }
.w15 {width: 15%; }
.w20 {width: 20%; }
.w25 {width: 25%; }
.w30 {width: 30%; }
.w35 {width: 35%; }
.w40 {width: 40%; }
.w45 {width: 45%; }
.w50 {width: 50%; }
.w65 {width: 65%; }
.w100{ width: 100%; border: 1px solid #fff; font-size: 12px; font-weight: bold; padding: 5px; }

a.rss-ikonka { position: absolute; left: 580px; }
img { border: 0; }
label { font-size: 12px;  font-weight: bold; }
span.popis { font-size: 10px;  color: #696969; }
select { margin-left: 5px;  margin-right: 20px;  font-size: 11px; }
.form { margin-left: 5px;  font-size: 11px;  border: 1px #969696 solid; }
.error { color:red; }

.kluby img { float: left;  margin-right: 5px;  }
.kluby div.bunka { float: left;  margin-right: 10px;  padding: 5px;  width: 280px;  border-bottom: 1px solid #D2D2D2;  color: #323232;  }
.kluby div.bunka:hover { background-color: #eaeaea;  }
.kluby p { margin: 3px 0 5px; font-size: 13px; font-weight: bold;  }

.prestupy img { float: left;  border: 2px solid #fff;  margin-right: 5px;  }
.prestupy p { margin: 2px 0 7px;  font-size: 13px;  font-weight: bold;  }

.nejctenejsi ul { float: left;  margin: 0;  padding: 0;  list-style: none; }
.nejctenejsi li { display: block;  height: 40px;  width: 316px;  padding: 8px 5px 5px 5px; }
.nejctenejsi img { float: left;  margin-right: 5px;  }
.nejctenejsi p { color: #C40002;  font-size: 11px;  font-weight: bold;  margin-top: 0;  margin-bottom: 3px; }

.prihlaseni ul { margin: 0;  padding: 0;  }
.prihlaseni li { float: left;  display: inline;  width: 449px;  color: #626262;  text-align: left;  padding: 10px 8px 6px 8px;  }

.prihlaseni p.nadpis { font-weight: bold;  text-align: center;  font-size: 14px;  color: #da3547; }
.prihlaseni p { margin: 0;  margin-bottom: 9px;  }

#navigace {padding: 0 0 10px 0; margin: 0px; }

h1, #titulek { font-size: 16px;  padding: 9px 0;  margin: 0; font-weight: bold; }
#banner-top { border: 0; margin:38px auto 0 auto; text-align: center; width:970px; }
#banner-top td { border: 0; }
div#banner-top iframe {
margin: 0 auto !important;
}
#banner-skyscraper {float:right;position: relative;margin-top:10px;width:160px;height:600px;}

/* AJAX */
#pridatKomentar {float: left; margin: 15px 0 0 230px; background: url(/www/images/tlacitko-tipovacka.png) no-repeat; height: 22px; width: 92px; text-align: center; padding-top: 4px;}
#pridatKomentar span { position: relative; font-weight: bold;}
#pridatKomentar a { text-decoration: none; cursor: pointer; padding: 5px 30px 5px 30px;}

#loadingKomentar, #chyba {display: none;}
#loadingKomentar img {float: left; margin: 0 7px 0 95px;}
#loadingKomentar span {float: left; margin-top: 2px; font-weight: bold;}

#loading {display:none;}

.vsechno {background:#FFFFFF none repeat scroll 0 0;border-top:1px dotted #D9D9D9;float:left;font-size:12px;padding:5px;text-align:right;width:315px;}
.message {padding:5px;font-size:11px;color:red;}
.top {background-color:#fff;}
.zluta {background-color:rgb(233,233,245);}
.clanky-special-img {border:0px none !important;float:none !important;display:inline !important;margin:0 !important;padding:0 !important;}
.strankovani { float: left; width: 580px; text-align: center; padding: 3px;}

.userBoxLine {background: url('/www/images/barvy/default/pozadi-box-zapasy.png') repeat-x;cursor:pointer;}
.userBoxLine table tr td, .userBoxLine2 table tr td {line-height:20px;}
.userBoxLine2 {background: url('/www/images/barvy/default/pozadi-box-zapasy2.png') bottom repeat-x;cursor:pointer;}

ul#twitter_update_list {list-style:square inside;margin:0;padding:0;}
ul#twitter_update_list li {padding:5px;}

div.tlacitko {float: left; background: url(/www/images/tlacitko-tipovacka.png) no-repeat; height: 22px; width: 92px; text-align: center;}
div.tlacitko span { position: relative; top: 3px; font-weight: bold; }
div.tlacitko a { text-decoration: none; cursor: pointer; }

/* pridat video */
div.add-video-button {
float: left;
}
div.add-video-button a,
div.add-video-button a:visited {
display: block;
height: 22px;
width: 92px;
text-align: center;
font-weight: bold;
line-height: 22px;
text-decoration: none;
}
div.add-video-button a:hover,
div.add-video-button a:active {
text-decoration: underline;
}

/* olympiada */

#menu li.menu-item-vancouver-2010 a { background: url('/www/images/barvy/cervena/menu_left.png') transparent top left no-repeat;}
#menu li.menu-item-vancouver-2010 a span { background: url('/www/images/barvy/cervena/menu.png') transparent top right no-repeat;}

#menu li.menu-item-ms-2010-nemecko a { background: url('/www/images/barvy/cervena/menu_left.png') transparent top left no-repeat;}
#menu li.menu-item-ms-2010-nemecko a span { background: url('/www/images/barvy/cervena/menu.png') transparent top right no-repeat;}

a#olymp-button {
display: block;
width: 300px;
height: 100px;
margin: 0 13px 20px;
background: url('/www/images/olymp_button.png') 0 0 no-repeat;
}
a#olymp-button span {
display: none;
}
a#olymp-button:hover,
a#olymp-button:active {
opacity: 0.6;
filter: alpha(opacity=60);
}