body { font-size: 12px; font-family: Arial; background: #f0f0f0; margin-top: 10px; text-align: left}

div.cleaner {clear: both; height: 0px; font-size: 1px; border: none; margin: 0; padding: 0; background: transparent; line-height: 1px;}

div.hlavicka {width: 1000px; height: 90px; margin: 0px auto; background: url("img/hlavicka-bg.jpg") no-repeat; border-bottom: 10px solid #cccccc}
div.hlavicka img {display: inline}

div.telo {width: 1000px; margin: 0px auto; background: url("img/telo-bg.png") repeat-y left; }

div.menu {width: 154px; float: left; background-color: #a60000;}
 
div.levemenu-obsah {text-align: center; color: white;}

div.obsah-banner {width: 846px; float: right;}

div.obsah {float: left; width: 666px; background-color: white; text-align: left; padding: 10px; padding-top: 5px;}

div.banner {width: 160px; float: right}

div.menu-polozka {display: block; width: 154px;}

div.uvod {background: url("img/uvod.png"); } div.uvod:hover {background: url("img/uvod2.png"); }
div.novinky {background: url("img/novinky.png"); } div.novinky:hover {background: url("img/novinky2.png"); }
div.sazeni {background: url("img/sazeni.png"); } div.sazeni:hover {background: url("img/sazeni2.png"); }
div.kasina {background: url("img/kasina.png"); } div.kasina:hover {background: url("img/kasina2.png"); }
div.bonusy {background: url("img/bonusy.png"); } div.bonusy:hover {background: url("img/bonusy2.png"); }
div.faq {background: url("img/faq.png"); } div.faq:hover {background: url("img/faq2.png"); }
div.tipy {background: url("img/tipy.png"); } div.tipy:hover {background: url("img/tipy2.png"); }

div.paticka {width: 1000px; margin: 0px auto; background: black; font-size: 10px; height: 40px; color: white; }
div.paticka a {color: #D2D2D2;}


p  {color: black; font-size: 10pt; font-family: Arial, Helvetica; font-style: normal; text-align: left; padding: 3px; margin: 0px; line-height: 18px}

h1 {font-size: 16px; font-weight: bold; color: #930707; margin: 10px}


h1.sazky { 
font-weight: bold; 
color: black; 
font-size: 11pt; 
font-family: Arial; 
margin: 0px;
text-align: center;
 }

h1.sazkovky { font-weight: bold; color: black; font-size: 25px; font-family: Arial; text-align: center;}


h2  { color: #930707; font-size: 12pt; font-family: Arial;text-align: left; margin: 0px; padding-top: 10px }

h2.sazky { font-weight: normal; color: black; font-size: 10pt; font-family: Arial; margin: 0pt }

h2.popisky { text-align: left; font-weight: normal; color: #930707; font-size: 10pt; font-family: Arial; margin: 0px}


.spravnytip { text-align: center; font-weight: normal; color: green; font-size: 10pt; font-family: Arial; margin: 0px}

.spatnytip { text-align: center; font-weight: normal; color: red; font-size: 10pt; font-family: Arial; margin: 0px}

.wingdings { color: #ff3300; font-family: Wingdings; font-size: 14pt }

td  {  vertical-align: top; text-align: center; }

img { border-width: 0 }

a  { text-decoration: underline; color: #ae1618; }

a:hover { text-decoration: underline; color: #555555; }
 
hr {width: 95%; align: center; color: grey; border: 1px solid; display: block;}

table {  border-color: #000;  border-collapse: collapse; size: 0 }


.popisky-vsazeni { font-weight: bold; color: #930707; font-size: 11pt; font-family: Arial }

.spodek { 
color: #930707; 
font-size: 10pt; 
font-family: Arial; 
font-weight: bold;
 }

div.tracker {
  position: absolute;
  left: 5px;
  top: -150px;
  }
table.aktualne {
text-align: left;
width: 100%;
 }
 
table.aktualne tr td {
background-color: #e1e1e1;
text-align: left;
padding: 5px;
width: 50%;
} 

table.aktualne h3 {
font-size: 12pt;
padding: 5px;
padding-bottom: 0px;
margin-bottom: 5px;
margin-top: 0px;
text-align: center;
}

div.proc-sazet {
background: #ffddda;
padding: 5px; 
margin-bottom: 10px;
}

div.proc-sazet h2 {
margin: 0px;
padding: 0px;
}


table.sportovni-tipy-tabulka {width: 97%; margin: 0px auto;}


table.sportovni-tipy-tabulka tr td {
border: 1px solid #eae9e9;
padding: 3px;
text-align: center;
}

table.sportovni-tipy-tabulka tr th {
border: 1px solid #eae9e9;
padding: 1px;
text-align: left;
font-size: 11px;
vertical-align: bottom;
text-align: center;
background: #af191a;
color: white;
}



ul {margin: 10px; width: 90%; list-style-image: url(img/li-point.png);}                    
ul li {padding: 5px 0px; line-height: 18px;}

ol {margin: 10px; width: 90%}
ol li {padding: 5px 0px; line-height: 18px;}

ul.proc-sazet-prehled {margin-left: 5px; padding: 5px; padding-left: 40px; list-style-image: url(img/li-point.png);}                    
ul.proc-sazet-prehled li {padding: 0px; padding-bottom: 5px; line-height: 16px;}

ul.bonusy-tabulka {background: white; background: rgba(255,255,255,0.9); border: 1px solid black; margin: 0px; padding: 5px; padding-left: 25px; width: 83%}
ul.bonusy-tabulka li {padding: 1px 0px 1px 3px; line-height: 16px}

div.aktualita {background-color: #f0f0f0; margin: 20px 0px; padding: 3px; border-bottom: 2px solid black}

div.sazkovka-uvod {background: url('img/sazkovka-prehled-bg.png') no-repeat; width: 646px; height: 209px; padding: 10px; margin-bottom: 10px}

table.prehled-sazkovky {border: 0px; cellpadding:0px; cellspacing:0px;}

table.prehled-sazkovky tr td {background: url("http://www.online-sazeni.com/img/sazkovka-bg.png") no-repeat; width: 222px; height: 254px; text-align: center}

table.sazkovka-prehled {width: 80%; float: left; border: 1px solid black; margin-top: 5px;}

table.sazkovka-prehled tr td {padding: 2px; text-align: left;}

div.recenze {background: url("img/recenze.png") no-repeat; position: absolute; top: 160px; left: 220px}
div.recenze:hover {background: url("img/recenze2.png") no-repeat;}

div.registrace {background: url("img/registrace.png") no-repeat; position: absolute; top: 160px; left: 75px}
div.registrace:hover {background: url("img/registrace2.png") no-repeat;}

div.recenze2 {background: url("img/recenze.png") no-repeat; margin-left: 10px}

div.recenze2:hover {background: url("img/recenze2.png") no-repeat;}

div.registrace2 {background: url("img/registrace.png") no-repeat; margin-left: 10px; margin-top: 10px}

div.registrace2:hover {background: url("img/registrace2.png") no-repeat;}

table.index-sazkovky {width: 100%; margin-top: 10px; margin-bottom: 20px}

table.index-sazkovky tr td {border: 5px solid white; background: #e1e1e1; padding: 5px;}

td.sazkovka {background: url('img/sazkovka-bg.png') no-repeat; width: 222px; height: 254px; text-align: center}
td.sazkovka-delsi {background: url('img/sazkovka-delsi-bg.png') no-repeat; width: 222px; height: 285px; text-align: center}

table.swift {border: 1px solid black; width: 60%; margin: 0px auto}
table.swift thead tr th {background: #ac1514}
table.swift tr td, table.swift tr th {border: 1px solid black; text-align: left; padding: 2px} 
table.swift tr:nth-child(odd) td {background: #f8ecec}
table.swift tr:nth-child(odd) th {background: #f8ecec}

table.prehled {width: 96%; margin: 0% 2%; margin-top: 10px; border: 4px solid #cccccc; box-shadow: 3px 3px 4px -2px black}
table.prehled tr td {padding: 2px; text-align: left; vertical-align: middle; height: 20px}
table.prehled tr:nth-child(odd) td {background: #ddbebe;}
table.prehled tr:nth-child(even) td {background: #f8ecec;}

div.shrnuti {box-shadow: 3px 3px 4px -2px black; border: 2px solid #cccccc; background: #f8ecec; width: 96%; margin: 0% 2%}
div.shrnuti p {text-align: justify; padding: 7px}

div.tip {box-shadow: 3px 3px 4px -2px black; border: 2px solid #cccccc; background: url(img/bg-tip.png) no-repeat #edecec; width: 96%; margin: 2% 2%}
div.tip p {text-align: justify; padding: 7px; padding-left: 45px;}

div.info {box-shadow: 3px 3px 4px -2px black; border: 2px solid #cccccc; background: url(img/bg-info.png) no-repeat #edecec; width: 96%; margin: 2% 2%}
div.info p {text-align: justify; padding: 7px; padding-left: 45px;}

table.tabulka-vklady {width: 95%; margin: 5px 2%; border-spacing: 0px}
table.tabulka-vklady tr td {height: 41px; width: 105px; padding: 0px}

table.tabulka-vklady tr td.prevod {background: url(img/icon-prevod-mini.png) no-repeat}
table.tabulka-vklady tr td.prevod-neaktivni {background: url(img/icon-prevod-neaktivni.png) no-repeat}
table.tabulka-vklady tr td.prevod-neaktivni:hover {background: url(img/icon-prevod-mini.png) no-repeat}

table.tabulka-vklady tr td.karta {background: url(img/icon-karta-mini.png) no-repeat}
table.tabulka-vklady tr td.karta-neaktivni {background: url(img/icon-karta-neaktivni.png) no-repeat}
table.tabulka-vklady tr td.karta-neaktivni:hover {background: url(img/icon-karta-mini.png) no-repeat}

table.tabulka-vklady tr td.skrill {background: url(img/icon-skrill-mini.png) no-repeat}
table.tabulka-vklady tr td.skrill-neaktivni {background: url(img/icon-skrill-neaktivni.png) no-repeat}
table.tabulka-vklady tr td.skrill-neaktivni:hover {background: url(img/icon-skrill-mini.png) no-repeat}

table.tabulka-vklady tr td.paysafecard {background: url(img/icon-paysafecard-mini.png) no-repeat}
table.tabulka-vklady tr td.paysafecard-neaktivni {background: url(img/icon-paysafecard-neaktivni.png) no-repeat}
table.tabulka-vklady tr td.paysafecard-neaktivni:hover {background: url(img/icon-paysafecard-mini.png) no-repeat}

table.tabulka-vklady tr td.ekonto {background: url(img/icon-ekonto-mini.png) no-repeat}
table.tabulka-vklady tr td.ekonto-neaktivni {background: url(img/icon-ekonto-neaktivni.png) no-repeat}
table.tabulka-vklady tr td.ekonto-neaktivni:hover {background: url(img/icon-ekonto-mini.png) no-repeat}

table.tabulka-vklady tr td.mplatba {background: url(img/icon-mplatba-mini.png) no-repeat}
table.tabulka-vklady tr td.mplatba-neaktivni {background: url(img/icon-mplatba-neaktivni.png) no-repeat}
table.tabulka-vklady tr td.mplatba-neaktivni:hover {background: url(img/icon-mplatba-mini.png) no-repeat}