body {margin: 0; padding: 0; text-align: center; background: #fff url(img/bg-body.gif); font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.7em;}
a {color: #E87817; text-decoration: underline;}
a:hover {color: #fff;}
a img {border: none;}
table, textarea, input, select {font-size: 1em;}
p {text-align: justify; margin: 0 0 10px 0;}
legend {color: #8c0000; padding: 0 10px; font-weight: bold; font-size: 1.1em;}
fieldset {border: 1px solid #ddd; margin-bottom: 20px; padding: 10px 5px;}

#container0 {width: 921px; background: url(img/bg-container.gif) repeat-y; margin: 0 auto;}
#container {width: 892px; margin: 0 auto; text-align: left;}
#hlavicka {width: 892px; height: 256px; position: relative;}
.motiv1 {background: url(img/motiv1.jpg) no-repeat left bottom;}
.motiv2 {background: url(img/motiv2.jpg) no-repeat left bottom;}
.motiv3 {background: url(img/motiv3.jpg) no-repeat left bottom;}
.motiv4 {background: url(img/motiv4.jpg) no-repeat left bottom;}
.motiv5 {background: url(img/motiv5.jpg) no-repeat left bottom;}
.motiv6 {background: url(img/motiv6.jpg) no-repeat left bottom;}
#logo {position: absolute; left: 15px; top: 9px;}
#kosik {font-size: 11px; position: absolute; right: 220px; top: 20px; /*width: 195px;*/ height: 41px; padding: 8px 50px 0 10px; border-right: 1px solid #E45E25; color: #fff;}
#kontakt {font-size: 11px; position: absolute; right: 60px; top: 20px; /*width: 171px;*/ height: 41px; padding: 8px 0 0 10px; color: #fff;}
#menu1 {position: absolute; left: 320px; top: 78px; width: 563px; height: 50px; background: url(img/menu1.gif) no-repeat left bottom;}
#menu1 a {font-size: 12px; display: block; float: left; padding: 0 19px; height: 50px; line-height: 50px; text-decoration: none; background: url(img/menu1-sep.gif) no-repeat bottom right; color: #fff; font-family: Arial,sans-serif;}
#menu1 a#last {background: none;}
#menu1 a:hover {text-decoration: underline;}
#slogan {position: absolute; left: 405px; top: 128px;}

#aktualita {background: #cfeaf1; padding: 5px 10px; border-bottom: 2px solid #fff; letter-spacing: 1px;}
#menu3 {float: right; color: #666;}
#menu3 a {color: #333; text-decoration: none;}
#menu3 a:hover {text-decoration: underline;}

#hlavni {float: left; background: #D54101; padding: 7px 0 0 0;}
#sloupec1 {width: 186px; float: left; margin: 0 9px 0 0;}

#hledani {background: url(img/menu2.gif) repeat-y; margin-bottom: 10px; color: #fff;}
#hledani form {padding: 10px; margin: 0; background: url(img/menu2-bottom.gif) no-repeat bottom;}
#hledani h6 {height: 35px; line-height: 35px; background: url(img/menu2-h6.gif) no-repeat; color: #fff; text-transform: uppercase; font-size: 12px; padding: 0px 10px 0px 30px; margin: 0;}

#menu2 {background: url(img/menu2.gif) repeat-y; margin-top: 10px; width: 100%;}
#menu2 h6 {height: 35px; line-height: 35px; background: url(img/menu2-h6.gif) no-repeat; color: #fff; text-transform: uppercase; font-size: 12px; padding: 0px 10px 0px 30px; margin: 0;}
#menu2 #obsah {padding: 10px; background: url(img/menu2-bottom.gif) no-repeat bottom;}
#menu2 a {display: block; margin: 0 0 6px 0; padding: 5px 5px 5px 25px; background: #9A2323 url(img/menu2-odr.gif) no-repeat 8px 50%; color: #fff; text-transform: uppercase; text-decoration: none;}
#menu2 a:hover {text-decoration: underline;}
#menu2 a#aktivni {text-decoration: underline;}
#menu22 {margin: 5px 0;}
#menu22 a {border: none; background: transparent; /*background: url(img/menu22.gif) no-repeat left 10px;*/ color: #fff; margin: 0px 0 0px 25px; padding: 3px 0 6px 10px; text-transform: none;}
#menu22 a#aktivni {text-decoration: underline;}
#login {background: url(img/login.jpg) no-repeat left bottom; margin-top: 8px; min-height: 100px; _height: 100px; width: 186px; overflow: hidden;}
#login h6 {height: 35px; line-height: 35px; background: url(img/login-h6.gif) no-repeat; color: #fff; text-transform: uppercase; font-size: 12px; padding: 0px 10px 0px 30px; margin: 0;}
#login form {margin: 0; padding: 5px;}
#login #registrace {margin: 5px 0 0 3px;}
#login #registrace a {color: #8c0000;}
#login #prihlasen {padding: 5px; text-align: center;}
#login .tlacitko a {display: block; height: 23px; line-height: 23px; width: 148px; margin: 5px auto 0 auto; background: url(img/tlacitko-oranzove.gif) no-repeat; color: #fff; font-weight: bold; text-decoration: none; text-transform: uppercase; text-align: left; padding: 0 0 0 5px;}


#oblibene {background: url(img/menu2.gif) repeat-y; margin-top: 10px;}
#oblibene #obsah {padding: 10px; text-align: center; background: url(img/menu2-bottom.gif) no-repeat bottom;}
#oblibene h6 {height: 35px; line-height: 35px; background: url(img/oblibene-h6.gif) no-repeat; color: #fff; text-transform: uppercase; font-size: 12px; padding: 0px 10px 0px 30px; margin: 0;}
#oblibene #smazat {padding: 5px; margin: 5px 0 0 3px;  text-align: left;}
#oblibene #smazat a {color: #fff;}

/* poslat kamaradovi */
#kamarad {float: left; position: relative;}
#kamaradForm {float: left;  /*background: #D3F7FF;*/ padding: 10px;}
#kamaradHracka {float: left;  text-align: center; padding: 10px;}
#kamaradHracka h3 {margin-bottom: 10px;}
#kamaradHracka h3 a {color: #13889F;}
#kamaradHracka h3 a:hover {color: #FF00FF;}

.upoutavka {width: 686px; float: left; margin: 0 0 10px 0; border: 1px solid #EA662D; background: #dff9ff; text-align: center; font-weight: bold; font-size: 12px;}
.upoutavka table {border: none; border-collapse: collapse; }
.upoutavka table td {vertical-align: middle;}
.upoutavka p {margin: 5px 10px;}
.upoutavka strong {font-size: 1.1em;}
.upoutavka h2 {font-size: 1.3em; margin: 0 0 10px 0;}
.upoutavka h1 {background: url(img/h1-zelena.gif) no-repeat; margin: 0; text-transform: uppercase; text-align: left; font-size: 1.3em; line-height: 32px; min-height: 32px; _height: 32px; padding: 0 0 0 35px; color: #fff;}


#sloupec2 {width: 412px; float: left; margin: 0 8px 0 0;}

#novinky {background: url(img/bg-novinky.gif) repeat-y;}
#novinky h6 {height: 32px; line-height: 32px; background: url(img/novinky-h6.gif) no-repeat; color: #fff; text-transform: uppercase; font-size: 12px; padding: 0px 10px 0px 30px; margin: 0;}
#novinky #obsah {padding: 1px 2px 4px 2px; background: #ea662d url(img/novinky-bottom.gif) no-repeat bottom;}
#novinky table {border: none; border-collapse: collapse; width: 400px;}
#novinky table td {padding: 5px; vertical-align: bottom; background: #D54101; color: #fff;}
#novinky table th {padding: 7px 5px 7px 6px; font-weight: normal; border-top: 1px solid #EA662D; background: #BF2D01; color: #fff; text-align: left;}
#novinky table h2 {font-weight: bold; font-size: 1em; margin: 0; width: 192px;}
#novinky table td.sep {background: #D54101; border-left: 1px solid #EA662D; border-right: 1px solid #EA662D; width: 1px; padding: 0;}
#novinky table tr.sep td {background: #D54101; border-top: 1px solid #EA662D; border-bottom: 1px solid #EA662D; height: 1px; line-height: 1px; font-size: 1px; padding: 0;}
#novinky table tr.form td {background: #d54101 url(img/bg-item.gif) repeat-x bottom; color: #fff; border-top: 1px solid #DD4F12; text-align: right; vertical-align: middle; white-space: nowrap;}
#novinky table td.obr {padding-right: 0px;}
#novinky table td.info {padding-left: 3px; text-align: right;}
#novinky table form {margin: 0;}
#novinky table form input {vertical-align: middle;}






#sloupec3 {width: 268px; float: left; margin: 0;}

#akce {background: url(img/bg-akce.gif) repeat-y;}
#akce h6 {height: 32px; line-height: 32px; background: url(img/akce-h6.gif) no-repeat; color: #fff; text-transform: uppercase; font-size: 12px; padding: 0px 10px 0px 30px; margin: 0;}
#akce #obsah2 {background: #d54101 /*url(img/akce-top.gif) repeat-x top*/; padding: 5px 0 0 0;}
#akce #obsah {padding: 0px 1px 0px 1px; background: #ea662d url(img/akce-bottom.gif) no-repeat bottom; border-bottom: 1px solid #ea662d;}
#akce table {border: none; border-collapse: collapse;}
#akce table h2 {font-weight: bold; font-size: 1em; margin: 0;}
#akce table form {margin: 0;}
#akce table input {vertical-align: middle;}
#akce table tr.form td {vertical-align: middle; color: #fff; padding: 0px 8px 15px 8px; border-bottom: 1px solid #ea662d;}
#akce table tr.info td {padding: 15px 8px 1px 8px; vertical-align: top;}
#vsechnyakce {padding: 10px;}
#vsechnyakce a {background: url(img/odr.gif) no-repeat right 0.5em; padding: 0 7px 0 0; color: #000;}

#banner {margin: 8px 0 0 0;}


#sloupec4 {width: 688px; float: left; margin: 0;}

#box {/*background: url(img/box.gif) repeat-y;*/ background: #d54101; color: #fff;}
#box h1 {height: 32px; line-height: 32px; background: url(img/h1.gif) no-repeat; color: #fff; text-transform: uppercase; font-size: 12px; padding: 0px 10px 0px 30px; margin: 0;}
#box h1.zelena {background: url(img/h1-zelena.gif) no-repeat;}
#box h1.linka {border-bottom: 1px solid #8c0000;}
#box #obsah {padding: 1px 2px 2px 2px; background: #ea662d /*url(img/box-bottom.gif) no-repeat bottom*/;}
#box table {border: none; border-collapse: collapse;}
#box table td {padding: 5px; vertical-align: bottom; background: #D54101; color: #fff; width: 33%;}
#box table th {padding: 7px 5px 7px 10px; font-weight: normal; border-top: 1px solid #EA662D; background: #BF2D01; color: #fff; text-align: left;}
#box table h2 {font-weight: bold; font-size: 1em; margin: 0; width: 188px;}
#box table td.sep {background: #D54101; border-left: 1px solid #EA662D; border-right: 1px solid #EA662D; width: 1px; padding: 0;}
#box table tr.sep td {background: #D54101; border-top: 1px solid #EA662D; border-bottom: 1px solid #EA662D; height: 1px; line-height: 1px; font-size: 1px; padding: 0;}
#box table tr.form td {background: #d54101 url(img/bg-item.gif) repeat-x bottom; color: #fff; border-top: 1px solid #DD4F12; text-align: right; vertical-align: middle; white-space: nowrap;}
#box table td.obr {padding-right: 0px;}
#box table td.info {padding-left: 3px; text-align: right;}
#box table form {margin: 0;}
#box table form input {vertical-align: middle;}


/* stranka velkoobchod - bez produktoveho menu */
#sloupec5 {width: 883px; float: left; margin: 0;}
#sloupec5 #box {background: url(img/box-siroky.gif) repeat-y;}
#sloupec5 #box h1 {background: url(img/h1-siroky.gif) no-repeat;}
#sloupec5 #box #obsah {padding: 1px 2px 4px 2px; background: url(img/box-bottom-siroky.gif) no-repeat bottom;}

#cesta {margin: 10px 12px; color: #fffa73;}
#cesta a {color: #fffa73;}

#zbozi {padding: 12px; width: 660px; background: #d54101;}
#zbozi img {float: right; border: 1px solid #EA662D; margin: 0 0 0 20px;}
#zbozi h2 {color: #8c0000; font-size: 1.1em; font-weight: bold; margin: 10px 0 0 0;}
#zbozi .sep {margin: 15px 0 20px 0; font-size: 1px; border-top: 1px dashed #EA662D; width: 300px;}
#zbozi #ceny {/*background: #eee; padding: 5px; width: 290px;*/}
#zbozi .puvodni, #zbozi .cena {margin: 0 0 0 15px;}
#zbozi form {color: #fff;}

#patickaText {padding: 20px;}

#paticka {border-top: 4px solid #8C0000; padding: 20px; margin: 0; background: #D54101; color: #EAA080; font-size: 0.9em;}
#paticka a {color: #EAA080;}


.cleaner {clear: both; font-size: 1px; line-height: 1px; height: 1px; background: #D54101;}
.modra {color: #8c0000;}
.oranzova {color: #E97816;}
.tRight {text-align: right;}
.tCenter {text-align: center;}
.fRight {float: right;}
.cena {font-size: 1.2em; color: #FFFA73; font-weight: bold; white-space: nowrap;}
.puvodni {text-decoration: line-through; color: #fff; margin: 0 10px 0 0;}
div.puvodni {text-decoration: line-through; color: #fff; margin: 0; text-align: right; font-weight: normal; font-size: 0.8em;}
.kod {font-size: 0.9em; color: #fff;}
img.tlacitko {margin: 5px 0 3px 0;}
.odr {background: url(img/odr.gif) no-repeat right 0.5em; padding: 0 8px 0 0;}
.zelena {/*color: #339900;*/ color: #fff; font-weight: bold; text-transform: uppercase;}
.cervena {/*color: #cc0000;*/ color: #000; font-weight: bold; text-transform: uppercase;}
a.zluta {color: #fffa73;}
.dulezite {letter-spacing: 1px; line-height: 1.8em; font-size: 1.1em;}
.seda {color: #666;}

.strankovani {text-align: right; margin: 25px 8px 15px 0; font-size: 11px;}
.strankovani a {color: #579a1c; padding: 0px 4px; margin: 0 1px; text-decoration: none; font-weight: bold; border: 1px solid #EA662D;}
.strankovani a.aktivni {background: #579a1c; color: #fff;}
.strankovani a:hover {border: 1px solid #579a1c; color: #579a1c;}
.strankovani a.aktivni:hover {color: #fff;}

table.tFormular {width: 100%;}
table.tFormular td, table.tFormular th {width: 25%; padding: 2px 10px !important; vertical-align: middle !important; border-top: none !important; border-bottom: 1px solid #f17038 !important;}
table.tFormular th {font-weight: bold; text-align: right !important;} 
table.tFormular td {} 

table.tKosik {width: 100%; border-collapse: collapse; border-left: 1px solid #f17038 !important;}
table.tKosik th {background: #BF2D01 !important; color: #fff; text-align: left !important; border-right: 1px solid #f17038;}
table.tKosik td {border-right: 1px solid #f17038; border-bottom: 1px solid #f17038; color: #fff; background: #D54101;}

/* textová stránka */
#box #obsah.padd {padding: 0px 20px 20px 20px; /*background: url(img/box-bottom.gif) no-repeat bottom;*/}
#box #obsah.padd h2 {margin: 20px 0 3px 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; color: #8c0000;}
#sloupec5 #box #obsah.padd {padding: 0px 20px 20px 20px; /*background: url(img/box-bottom-siroky.gif) no-repeat bottom;*/}

form.prihlaseni{
	border: 1px solid #EA662D;
	background: #BF2D01;
	color: #fff;
}

ol.kody {margin: 0; padding: 0;}
ol.kody li {margin: 20px 0 30px 20px; font-weight: bold; font-size: 18px; color: #579a1c;}
ol.kody li div {font-weight: normal; font-size: 11px; color: #000;}
ol.kody p.zdrojak {border: 1px solid #579a1c; padding: 10px; font-family: monospace; margin-top: 5px; text-align: left;}

table.odkazy {margin: 10px 0; border-collapse: separate !important;}
table.odkazy td {vertical-align: middle !important; padding: 10px !important; border: 1px solid #EA662D !important;}