body {font-family: arial, sans-serif; font-size: small; color: #000; margin: 0; padding: 0; text-align: left; background-color: #c6cbd3;}
h1 {font-size: 20px; margin: 0; padding: 0;}
h2 {color: #000; font-size: 18px; margin: 0; padding: 0;}
h3 {font-size: 13px; margin: 0; padding: 0;}
h4 {font-size: 14px; margin: 0; padding: 0; color: #eee;}
h5 {font-size: 12px; margin: 0; padding: 0; color: #021457; text-decoration: none; font-weight: bold; Text-transform:uppercase; border-bottom: 1px solid #d9d9d9;}

.pohar {background-color: #d7e2ee;}


/* links */
a {color: #222; text-decoration: underline;}
a:link {color: #222; text-decoration: underline;}
a:visited {color: #222;}
a:hover {color: #000; text-decoration: underline;}
a:active {color: #222;}

#idecko {position: fixed;} /* pro Mozillu */
#idecko {position: absolute;} /* pro IE */
#idecko {top: 20px;} /* libovolné další vlastnosti (kromě position) */

.sou-left {float: left; width: 390px;}
.sou-right {float: left; width: 310px}
.sou-cel {float: left; width: 700px}


/* LAYOUT */
/* index */
#containerI {width: 898px; height: auto; margin: 0px auto 0px auto; background: url("../vlozeno/obrazky/ostatni/bg_repeat_y.gif") top repeat-y #fff;}
#containerI2 {width: 886px; margin: 0 6px; background: url("../vlozeno/obrazky/ostatni/top_bg.jpg") top left no-repeat;}
/* subpage */
#container {width: 898px; height: auto; margin: 0px auto 0px auto; background: url("../vlozeno/obrazky/ostatni/bg_repeat_y.gif") top repeat-y #fff;}
#container2 {width: 886px; margin: 0 6px; background: url("../vlozeno/obrazky/ostatni/top_bg_winter.jpg") top left no-repeat;}


/* logo */
#logo {float: left; display: block; width: 400px; height: 103px; margin: 0; padding: 0;}
#logo a {float: left; display: block; width: 400px; height: 100px;}
#logo span {display: none;}

#headExtras {float: right; margin: 0; padding: 14px 0 0 0;}
#headExtras2 {width: 415px; height: 70px; margin: 0; padding: 12px 0 0px 40px; background: url("../vlozeno/obrazky/ostatni/head_extras.jpg") top left no-repeat;}
#nextMatch {margin: 0; padding: 0;}
#nextMatch td {margin: 0; padding: 1px 5px 1px 5px;}
#flashSponsors {position: absolute; margin-top: -62px; margin-left: 265px;}

/* topmenu */
#topmenu {float: left; width: 886px; height: 26px; font-size: 13px; background: url("../vlozeno/obrazky/ostatni/topmenu_bg.gif") top repeat-x #666e73;}
#topmenu ul {padding: 0; margin: 0; list-style: none;}
#topmenu li {display: block; float: left; width: auto; padding: 0; margin: 0; text-align: center;}
#topmenu a {padding: 4px 12px 6px 12px; display: block; width: auto; color: #fff; text-decoration: none; background: url("../vlozeno/obrazky/ostatni/topmenu_right.gif") top right no-repeat;}
#topmenu a:link {color: #fff;}
#topmenu a:visited {color: #fff;}
#topmenu a:hover {color: #cddef9;}
#topmenu a.premium {color: #ffb033;}
#before-highlight a {background: url("../vlozeno/obrazky/ostatni/topmenu_selected_left.gif") top right no-repeat;}
/* highlighted item */
#highlight {background: url("../vlozeno/obrazky/ostatni/topmenu_bg_selected.gif") top left repeat-x #637992;}
#highlight a {color: #fff; padding: 5px 12px 5px 12px; text-decoration: none; background: url("../vlozeno/obrazky/ostatni/topmenu_selected_right.gif") top right no-repeat;}
#highlight a:link { color: #fff;}
#highlight a:visited { color: #fff;}
#highlight a:hover { color: #fff;}
/* topmenu */
#submenu {float: left; width: 886px; height: 25px; font-size: 11px; background-color: #637992;}
#submenu ul {padding: 0; margin: 2px 0 0 10px; list-style: none;}
#submenu li {display: block; float: left; width: auto; padding: 0; margin: 0 5px 0 0; text-align: center;}
#submenu span {color: #ddf; padding: 4px 6px; display: block; width: auto; text-decoration: none;}
#submenu a {color: #ddf; padding: 4px 6px; display: block; width: auto; text-decoration: none;}
#submenu a:link {color: #ddf;}
#submenu a:visited {color: #ddf;}
#submenu a:hover {color: #fff;}


#nu {float: left; width: 886px; height: 25px; font-size: 11px; background-color: #637992;}
#nu ul {padding: 0; margin: 2px 0 0 10px; list-style: none;}
#nu li {display: block; float: left; width: auto; padding: 0; margin: 0 5px 0 0; text-align: center;}
#nu span {color: #ddf; padding: 4px 6px; display: block; width: auto; text-decoration: none;}
#nu a {color: #ddf; text-decoration: none;}
#nu a:link {color: #ddf;}
#nu a:visited {color: #ddf;}
#nu a:hover {color: #fff;}


/* colors */
.red {color: #f00;}
.blue {color: #014090;}
.lightBlue {color: #69f;}
.grey {color: #eee;}
.grey2 {color: #999;}
.grey3 {color: #666;}
.bg_grey2 {background-color: #f0f0f0;}
.bg_grey001 {background-color: #737373;text-transform:uppercase; color: #ffffff;}
.bg_grey3 {background-color: #dfdfdf;}
.bg_greyblue {background-color: #eef0f3;}

/* HOMEPAGE COLUMNS */
/* left */
#leftcol {float: left; width: 424px;}
#leftcol2 {padding: 2px 2px 0 0;}
/* left wide */
#leftcolWide {float: left; width: 726px;}
#leftcolWide2 {padding: 2px 2px 0 0;}
/* middle */
#middlecol {float: left; width: 302px; background: #fff;}
#middlecol2 {padding: 2px 2px 0 0;}
/* right */
#rightcol {float: left; width: 160px; background: #fff;}
#rightcol2 {padding: 2px 0; background: #fff;}
#rightcol2 img {border: none;}

/* pravy sloupec */
.right_head {height: 16px; font-size: 12px; padding: 0 0 0 6px; margin: 0 0 3px 0; color: #d8dfe8; background: url("../vlozeno/obrazky/ostatni/right_bg.gif") top left repeat-x;}
.right_cont {margin: 2px 0 0 0; padding: 0; background-color: #f0f0f0;}
.right_inside {margin: 0; padding: 0; font-size: 11px;}
.right_inside2 {margin-top: 0; padding: 0 0 10px 0; font-size: 11px; vertical-align: top;}

/* TITLE */
/* search */
#titleSearch {width: 480px; height: auto;}
#titleSearch form {padding: 10px 0 0 10px; margin: 0;}
/* fanzone */
#titleMid {float: left; width: 320px; margin-top: 30px;}
#titleMid2 {width: auto; padding: 0 10px;}
/* right column */
#titleRight { float: left; width: 150px; margin-top: 30px;}
#titleRight2 {width: auto; padding: 0 10px;}
#titleRight2 h3 { font-size: 85% !important; padding: 0; margin: 0 0 0.5em 0 !important;}
#titleRight2 p { padding: 0; margin: 0.5em 0;}

/* icons & buttons */
.yes {background: url("../vlozeno/obrazky/ostatni/iko-ano.gif") center no-repeat;} /*2DO ----pristupne-----*/
.yes span {visibility: hidden;}
.no {background: url("../vlozeno/obrazky/ostatni/iko-ne.gif") center no-repeat;  text-decoration: none !important;}
.no span {visibility: hidden;}
.pdf {padding: 3px 0 3px 20px; height: 16px; background: url("../vlozeno/obrazky/ostatni/iko-pdf-16x16.gif") center left no-repeat;}
.xls {padding: 3px 0 3px 20px; height: 16px; background: url("../vlozeno/obrazky/ostatni/iko-xls-16x16.gif") center left no-repeat;}
.doc {padding: 3px 0 3px 20px; height: 16px; background: url("../vlozeno/obrazky/ostatni/iko-doc-16x16.gif") center left no-repeat;}
.htm {padding: 3px 0 3px 20px; height: 16px; background: url("../vlozeno/obrazky/ostatni/iko-htm-16x16.gif") center left no-repeat;}

/* bottom navigation */
.bottomNavig {width: 100%; margin: 1em 0;}

/* text */
.smallText {font-size: 83%;}
.aRight {text-align: right;}
.aLeft {text-align: left;}
.aCenter {text-align: center;}

/* box model */
.clearance {clear: left; width: 950px; line-height: 0px; font-size: 0px;}
.clearance2 {clear: left; width: 585px; line-height: 0px; font-size: 0px;}

.whiteSpace {float: left; width: 302px; height: 2px; line-height: 0px; font-size: 0px; background: #fff;}

/* forms */
form {padding: 0; margin: 0;}
fieldset {margin: 1em 0; padding: 1em; border: solid 1px #B89260;}
legend {padding: 5px; margin: 0;}
#search {background: url("../vlozeno/obrazky/ostatni/back-search-form.gif") 0 20px repeat-x;}
#search legend {color: #3D99F5; font-weight: bold;}
#search label {font-size: x-small;}
#search fieldset {padding: 0 10px 12px 10px; }
#login {background: url("../vlozeno/obrazky/ostatni/back-login-form.gif") 0 20px repeat-x; margin: 0 0 10px 0 !important;}
#login legend {color: #3D99F5; font-weight: bold;}
#login label {font-size: x-small;}
#login fieldset {padding: 0 10px 12px 10px;}
#registration legend {color: #3D99F5; font-weight: bold;}
#registration label {float: left; width: 12em; margin-right: 0.5em; padding-top: 0.2em; text-align:right;}
#registration fieldset {margin: 1em 0;}
.field {border: solid 1px #999999; width: 100px;}
.fieldSearch {margin: 5px 0 0 10px; height: 15px;}

/* footer */
#footer {width: 886px; clear: both; font-size: 85%; background-color: #fff;}
#footer table {width: 100%;}
#footer table td {padding: 10px; margin: 0;}

/* page */
.page {margin-top: 5px; text-align: right;	line-height: 1.8em;	font-weight: bold;}
.page .previous {padding-left: 8px; background: url("../vlozeno/obrazky/ostatni/sipka-prev-small-b.gif") center left no-repeat;}
.page .next {padding-right: 8px; background: url("../vlozeno/obrazky/ostatni/sipka-next-small-b.gif") center right no-repeat;}

/* lists */
.list {text-align: left; list-style: url("../vlozeno/obrazky/ostatni/sipka_right.gif"); padding: 0; margin: 1em 0 2em 1em;}
.list li {margin-top: 0.5em;}
