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

#container {width: 883px; margin: 0 auto; text-align: left;}
#hlavicka {width: 883px; 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: 0px; top: 9px;}
#kosik {font-size: 11px; position: absolute; right: 200px; top: 20px; /*width: 195px;*/ height: 41px; background: url(img/kosik.gif) no-repeat left top; padding: 8px 30px 0 45px; border-right: 1px solid #5F5F5F;}
#kontakt {font-size: 11px; position: absolute; right: 10px; top: 20px; /*width: 171px;*/ height: 41px; background: url(img/kontakt.gif) no-repeat left top; padding: 8px 0 0 45px;}
#menu1 {position: absolute; left: 405px; top: 78px; width: 478px; 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 {color: #FFFF00;}
#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: url(img/bg-hlavni.gif) repeat-x top; 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;}
#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;}
#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; border-top: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4; background: #EFEFEF url(img/menu2-odr.gif) no-repeat 8px 50%; color: #000; 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: #666666; 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; 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: #000;}
#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: #000;}

/* 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 #ccc; 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;}
.upoutavka2 {width: 686px; float: left;  text-align: center; font-weight: bold; font-size: 12px;  margin-bottom: 10px;}
.pozvanka {text-align: center; display: block; margin-bottom: 5px; margin-top: 10px;}

#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: url(img/novinky-bottom.gif) no-repeat bottom;}
#novinky table {border: none; border-collapse: collapse;}
#novinky table td {padding: 5px; vertical-align: bottom;}
#novinky table th {padding: 7px 5px; font-weight: normal; border-top: 1px solid #ccc; background: #C3EAFF; text-align: center;}
#novinky table h2 {font-weight: bold; font-size: 1em; margin: 0; width: 192px;}
#novinky table td.sep {background: #ccc; border-left: 1px solid #fff; border-right: 1px solid #fff; width: 1px; padding: 0;}
#novinky table tr.sep td {background: #ccc; border-top: 1px solid #fff; border-bottom: 1px solid #fff; height: 1px; line-height: 1px; font-size: 1px; padding: 0;}
#novinky table tr.form td {background: url(img/bg-item.gif) repeat-x bottom; color: #666; border-top: 1px solid #EBEBEB; text-align: right; vertical-align: middle;}
#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: url(img/akce-top.gif) repeat-x top; padding: 5px 0 0 0;}
#akce #obsah {padding: 1px 2px 8px 2px; background: url(img/akce-bottom.gif) no-repeat bottom;}
#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: #666; padding: 0px 8px 15px 8px; border-bottom: 1px solid #EBEBEB;}
#akce table tr.info td {padding: 15px 8px 1px 8px; vertical-align: top;}
#vsechnyakce {margin: 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;}
#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 #obsah {padding: 1px 2px 4px 2px; background: url(img/box-bottom.gif) no-repeat bottom;}
#box table {border: none; border-collapse: collapse;}
#box table td {padding: 5px; vertical-align: bottom;}
#box table th {padding: 7px 5px 7px 33px; font-weight: normal; border-top: 1px solid #ccc; background: #C3EAFF url(img/puzzle.gif) no-repeat 4px 9px; text-align: left;}
#box table h2 {font-weight: bold; font-size: 1em; margin: 0; width: 188px;}
#box table td.sep {background: #ccc; border-left: 1px solid #fff; border-right: 1px solid #fff; width: 1px; padding: 0;}
#box table tr.sep td {background: #ccc; border-top: 1px solid #fff; border-bottom: 1px solid #fff; height: 1px; line-height: 1px; font-size: 1px; padding: 0;}
#box table tr.form td {background: url(img/bg-item.gif) repeat-x bottom; color: #666; border-top: 1px solid #EBEBEB; text-align: right; vertical-align: middle;}
#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: #666;}
#cesta img {vertical-align: middle; margin: 0 3px;}

#zbozi {padding: 12px; width: 660px;}
#zbozi img {float: right; border: 1px solid #ccc; margin: 0 0 0 20px;}
#zbozi h2 {color: #0093DE; 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 #ccc; width: 300px;}
#zbozi #ceny {background: #eee; padding: 5px; width: 290px;}
#zbozi .puvodni, #zbozi .cena {margin: 0 0 0 15px;}
#zbozi form {color: #666;}

#paticka {border-top: 4px solid #008BD0; padding: 20px; margin: 12px 0 0 0; background: url(img/bg-paticka.gif) repeat-x top; color: #666; font-size: 0.9em;}
#paticka a {color: #666;}


.cleaner {clear: both; font-size: 1px; line-height: 1px; height: 1px;}
.modra {color: #0093DE;}
.oranzova {color: #E97816;}
.tRight {text-align: right;}
.tCenter {text-align: center;}
.fRight {float: right;}
.cena {font-size: 1.2em; color: #ED7914; font-weight: bold; white-space: nowrap;}
.puvodni {text-decoration: line-through; color: #666; margin: 0 10px 0 0;}
div.puvodni {text-decoration: line-through; color: #666; margin: 0; text-align: right; font-weight: normal; font-size: 0.8em;}
.kod {font-size: 0.9em; color: #999;}
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; font-weight: bold; text-transform: uppercase;}
.cervena {color: #cc0000; font-weight: bold; text-transform: uppercase;}
.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 #ccc;}
.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 #fff !important;}
table.tFormular th {font-weight: bold; text-align: right !important; background: #eee !important;} 
table.tFormular td {background: #f6f6f6 !important;} 

table.tKosik {width: 100%;}
table.tKosik th {background: #c3eaff !important; text-align: left !important; border-right: 1px solid #fff;}
table.tKosik td {border-right: 1px solid #eee; border-bottom: 1px solid #eee;}

/* 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: #579a1c;}
#sloupec5 #box #obsah.padd {padding: 0px 20px 20px 20px; background: url(img/box-bottom-siroky.gif) no-repeat bottom;}

form.prihlaseni{
	border: 1px solid #666666;
	background: #c3eaff;
}

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 {width: 100%;margin: 10px 0; border-collapse: separate !important;}
table.odkazy td {vertical-align: middle !important; padding: 8px !important; border: 1px solid #ccc !important; text-align: center;}

#snazaroo {padding: 3px 20px; text-align: right; font-size: 1.1em; font-weight: bold;}
#snazaroo img {vertical-align: middle; margin: 0 0 0 20px; border: none;}

#flashik {margin: 10px 0 10px 80px;}

table.lepidlaGal {border-collapse: collapse; border: none; margin: 0;}
table.lepidlaGal td {vertical-align: middle !important; background: #ccc; text-align: center; padding: 1px !important; border-left: 1px solid #fff; border-bottom: 1px solid #fff;}
table.lepidlaGal td img {margin: 0 !important; float: none; border: none !important;}

a.kukacky {background: url(img/zvuk.gif) no-repeat left 50%; padding: 4px 0 4px 25px; color: #549a1c; font-weight: bold;}

.zajimave {float: right; width: 320px; text-align: left;}
.zajimave .datum {font-size: 0.916em;}
.zajimave strong {display: block; margin-bottom: 3px;}
.zajimave a img {float: left; border: 1px solid #ccc; margin: 2px 9px 6px 0;}
.zajimave p {margin-bottom: 0.5em;}
.zajimave .cleaner {height: 6px; border-top: 1px solid #eaeaea; margin-top:8px}

strong.zasilame{color: red;font-size: 12px;margin-left: 0px;} 

 iframe.mapa{border: 1px solid #eaeaea;padding: 1px;}
 
#paticka .fb{margin-right: 10px;float: left;display: block;}
#paticka .fb img{width: 25px;}