/* všeobecné specifikace CSS dokumentu */
* {margin: 0; padding: 0; -moz-box-sizing: border-box; box-sizing: border-box; text-decoration: none;}
body {overflow: auto; text-align: center; color: #dcecef; font-family: "Verdana"; font-size: 14px; background:#f2f4f8;background-image:url(body.png);background-repeat:repeat-x;}
h1 {overflow: auto; text-align: left; color: white; font-family: "Verdana"; font-size: 14px;}
h5 {width:160px;margin:auto;}
/* hlavní DIV tagy */
#maincontent {width: 1280px; margin: 0 auto;}
#header {width: 960px; margin: 0 auto;}
#head {background: url('top1.jpg'); width: 960px; height: 13px; float: left;}
#bottom {background: url('bottom1.jpg'); width: 960px; height: 15px; float: left;}
#logo {height: 97px; width: 340px; background: url('logo.png'); float: left;}
#reg {height: 97px; float: right; text-align: left; padding-top: 23px; margin-right: 35px;}
/*#topmenu {height: 14px; width: 960px; background: url('topmenu.jpg'); float: left;}  */
#topmenu {height: 14px; width: 960px; float: left;}

/*#bottommenu {height: 18px; width: 960px; background: url('bottommenu.jpg'); float: left;} */

#bottommenu {height: 18px; width: 960px; float: left;}


#bgmenu {width: 1280px; float: left; height: 34px; background: url('bgmenu2.png') repeat-x; padding-left: 160px;}
#down {width: 960px; margin: 0 auto;}
#down2 {width: 960px; margin: 0 auto;}
#footer {width: 960px; margin: 6px auto 10px auto; float: left; color: black; font-size: 12px;}
#kosik {color: #527898; float: right; padding-top: 23px; font-weight: bold; margin-right: 8px; text-align: right;}
.forum{padding-bottom: 10px;}
.clear {clear:both}
/* práce s odkazy */
a.logo {height: 97px; width: 340px; border: none; display: block;}
a.detail {background: #333; border-radius:4px; width: 128px; height: 21px; color: white; display: block; line-height: 19px; text-decoration: none;margin: 0 auto 8px auto;}
a.detail:hover {background:#555;}
a.add {background:#2d7baf; border-radius:4px; width: 128px; height: 21px; color: white; display: block; line-height: 19px; text-decoration: none; margin: 0 auto;}
a.add:hover {background:#39d;}
a.reg {color: gray; text-decoration: none;}
a.reg:hover {text-decoration: underline;}
.visa {height: 36px; width: 176px; background: url('visa.jpg');display: block; margin: 0 auto;}
.mastercard {height: 36px; width: 176px; background: url('mastercard.jpg');display: block; margin: 0 auto;}

a.product {color: black; font-size: 14px; text-decoration: none;}
a.product:hover {text-decoration: underline;}

.pict {width: 130px; height: 118px; display: block; margin: 0 auto 2px auto;}
.pict2 {width: 160px; display: block; float: left; margin-left: 20px;}

/* formulářové prvky */
input.searchbox {border: 1px solid #97d0ef; width: 145px; height: 21px; line-height: 20px; color: #787878; padding: 0 5px;}
input.search {border: none; background: url('search.png'); height: 27px; width: 90px; margin-left: 5px;}
input.form {border: 1px solid #97d0ef; height: 21px; line-height: 20px; color: #787878; padding: 0 5px;}

textarea.form {border: 1px solid #97d0ef; color: #787878; padding: 0 5px;}
input.sendform {border: none; background: url('odosli.png'); height: 27px; width: 90px; margin-left: 5px;}                         

a.footer {color: black; text-decoration: none; font-size: 12px;}
a.footer:hover {text-decoration: underline;}
a.footer2 {color: black; font-size: 12px;}
a.footer2:hover {text-decoration: none;}

/* obrázky */
img {border: none;}                                                                      

/* menu */
ull.menu {list-style-type: none;}
ul.menu li.item {list-style-type: none; width: 148px; height: 34px; background: url('item.png'); float: left; margin-right: 15px; display: block;}
ul.menu li.item a {height: 34px; width: 134px; line-height: 34px; color: white; text-decoration: none; font-size: 13px; display: block;}
ul.menu li.item a:hover {text-decoration: underline;}

li.no { width: 180px; display: block; }
li.no a {width: 180px; color: black; font-size: 12px; text-align: left; padding-left: 10px; padding-bottom: 5px; display: block; text-decoration: none;}
li.no a:hover {text-decoration: underline;}                                                              

ul.main li { width: 180px; display: block;}
ul.main li a {width: 180px; text-decoration: none; color: #259; font-weight:bold;font-size: 12px; text-align: left; padding: 2px 15px; display: block; text-align: left; text-decoration: none;}
ul.main li a:hover {text-decoration: underline;}

ul.akce {width: 137px;}
ul.akce li {width: 137px; height: 33px; display: block; margin-bottom: 3px;}
ul.akce li a {width: 137px; height: 33px; background: url('list2.jpg'); line-height: 33px; color: white; font-size: 14px; display: block; text-decoration: none; padding-left: 10px;}

/* obsahuje blokové prvky s kulatými rohy a boxy, kterými jsou ukotvené */
.box {width: 600px; float: left; color: black; text-align: left;}

.horni {background: url('horni.png') no-repeat;  height: 13px; width: 600px; float: left;}
.spodni {background: url('spodni.png') no-repeat; width: 600px; height: 13px; float: left;}
.stred {background: url('stred.png') repeat-y; width: 600px; padding: 0 10px; float: left;}

.together {width: 600px; float: left;}
.box2 {width: 180px; float: left; }

.kategorie1 {background: url('menu.png'); width: 180px; height: 32px; color: white;font:10pt/30px Verdana;text-align:center;}
.kategorie2 {background: url('2.jpg'); width: 180px; height: 31px; line-height: 30px; color: white;}
.kategorie3 {background: url('odporucame.png'); width: 180px; height: 32px; color: #232;font:bold 10pt/30px Verdana;text-align:center;}

.oble1 {height: 11px; background: url('oble1.png') no-repeat; width: 180px;}
.oble2 {background: url('oble2.png') repeat-y; width: 180px; _margin-top: -6px;}
.oble3 {height: 11px; background: url('oble3.png') no-repeat; width: 180px;}
.oble4 {height: 11px; background: url('oble4.png') no-repeat; width: 180px;}
.oble5 {background: url('oble5.png') repeat-y; width: 180px; _margin-top: -6px;}
.oble6 {height: 11px; background: url('oble6.png') no-repeat; width: 180px;}

.box3 {width: 149px; float: left; margin-right: 1px;}
.horni1 {background: url('mini1.png'); width: 149px; height: 11px;}
.spodni1 {background: url('mini3.png') no-repeat; width: 149px; height: 11px;}
.stred1 {background: url('mini2.png'); width: 149px; _margin-top: -6px;}

.selected {width: 600px; height: 32px; background: url('long.png'); color: white; padding-left: 33px;  text-align: left; float: left; }
.selected h1 {font:bold 10pt/30px Verdana;}

.selected p {font: 10pt/30px Verdana;}


.price {border:1px solid #eaeaea;background:#fafafa;border-radius:8px; width: 112px; height: 29px; line-height: 26px; color: #56a8d4; font-size: 25px; margin: 8px auto 8px auto;}
.price2 {background: url('price2.jpg'); width: 142px; height:26px; line-height: 26px; color: #56a8d4; font-size: 18px;margin: 0 auto;}
.pricedetail {background: url('price.jpg'); width: 112px; height: 29px; line-height: 29px; color: #56a8d4; font-size: 25px;}

/* odstavce */
.left {float: left; margin: 20px 10px 30px 60px; text-align: left;}
.left2 {float: left; margin: 10px 0 0 30px;}
.stredas {float: center; margin: 30px 20px 50px 20px;}

p.info {margin-top: 8px; font-size: 13px; padding: 0 13px; text-align: left; color: black;}
p.info2 {margin-top: 8px; font-size: 11px; padding: 0 10px; text-align: left; left; color: black; margin-bottom: 8px;}

/* práce s textem */
.velke {font-size: 18px; margin-bottom: 8px;}
h3.nabidka {font-size: 26px; color: black; font-weight: normal;}

/* ostatní značky */
.sleva {padding-bottom: 5px;}
.small {margin-top: 4px; margin-right: 2px;}
.vyjimka {padding-left: 10px;}
.upoutavka {font-size: 20px;}
.procento {width: 107px; height: 107px; float: left; margin: 10px 20px 0 55px;}

/* kosik */
.image_kosik{max-height: 30px; }
.kosika-nazov-tovaru{width: 260px; }      
.kosik-prvy-riadok{text-align: center; font-weight:bold; color: rgb(0,0,0); height: 30px; vertical-align: middle;}
.kosiktext h4 {color: #000000; }
table{ color: rgb(0,0,0); font-size: 12px;}
.center{text-align: center;}      



/* extra */

h4 {width:130px;margin:auto;}
.oble5 > .add {background-color:#7a1;}
.oble5 > .add:hover {background:#8ab22c;}
.oble5 > .price {color:#8ab22c;}


.obrclanok {margin-right: 8px;}

a > .nadpisclanok  {text-decoration: none; color: #259; } 


a:hover > .nadpisclanok  {text-decoration: underline; color: #259; }