* {margin: 0; padding: 0}
body {font-size: 120%; background: #fff url("/img/bkg.png") repeat 0 0; color: #000; text-align: center}

h1 {border-bottom: solid 1px #dcdcdc; margin: 0 0 10px; color: #000; font-weight: normal; font-size: 140%; text-align: left; margin-right: 20px}
h2 {color: #000; font-weight: normal; font-size: 140%; border-bottom: solid 1px #000; margin-bottom: 10px}
h3 {margin: 1em 0 .2em}
p {margin: .5em 0}
a {color: #000}
a:hover, a.active {color: #ec1d23}

table {width: 100%}
/* Tabulka kosik */ 
.red {color: #c21c1d}
.blue {color: #325d88}
.lightblue {color: #7396b6}
.old {display: none !important}
.w30 {width: 30px}
.w40 {width: 40px}
.w100 {width: 100px}
.w200 {width: 200px}
.w150 {width: 150px}
.nborder, .nborder td, nborder th {border: none}
.cena {font-size: 113%}

table.kosik {margin-bottom: 0; width: 100%}
table.kosik th {background: #dedede; border: solid 1px #eaeaea; padding: 5px; vertical-align: middle}
table.kosik td {padding: 5px; height: 2em; vertical-align: middle}
table.kosik td img {margin: 0 5px 0 0}
table.kosik tr.odd td {background: #f2f2f3; border: solid 1px #eaeaea}
table.kosik tr.even td {background: #eaeaea; border: solid 1px #eaeaea}
table.kosik td input {width: 35px; display: block; margin: 0 auto}
table.kosik td input.button {width: 60px; margin: 0 3px 0 0; display: inline-block}
/* Tabulka kosik */ 

.listTable th {padding: 4px !important}
.listTable td {padding: 4px !important}
.rowodd td {background: #f8f8f8}

/*  OBECNE TRIDY */
.navbar {border-radius: 0}
.cb {clear: both}
.tc {text-align: center}
.tl {text-align: left}
.tr {text-align: right}
.fl {float: left}
.fr {float: right}
.w50 {width: 50px}
.w120 {width: 120px}
.w300 {width: 300px}
.w50pc {width: 50%}

input {padding: 3px 8px; font-size: 1em}
.button {background: #ec1d23; border: 1px solid #ec1d23; padding: 3px 8px; display: inline-block; color: #fff; cursor: pointer; text-decoration: none; font-weight: 400; font-size: 1em}
.btn {background: #transparent; border: 1px solid transparent; padding: 3px 8px; display: inline-block; color: #000; cursor: pointer; text-decoration: none; font-weight: 400; font-size: 1em}

/* Doklady Filtr */ 
.filtr {background: #f2f2f3; padding: 15px; margin-bottom: 25px}
.filtr input {float: left; margin: 8px 5px 10px 0}
.filtr ul {padding: 0; margin: 0}
.filtr ul li {clear: both; list-style: none; padding: 0; margin: 0}
.filtr ul li a {color: #231f20; padding: 3px 10px 3px 0; display: block; text-decoration: none !important}
.filtr ul ul {margin: 0 0 0 15px}
.filtr ul li ul li a {font-weight: 400}
.filtr h4 {margin: 15px 0 5px}
.filtr input {margin-top: 5px}
.filtr label {float: left; line-height: 30px; padding: 0; text-align: left; margin: 0 5px 0 0}

/* Tabulka variant Detail produktu*/ 
table {margin-bottom: 5px; width: 100%}
table th {background: #dedede; border: solid 1px #eaeaea; padding: 5px}
table.varianty th div {height: 2em}
table td {padding: 5px; vertical-align: middl; border: solid 1px #eaeaea}
table.varianty tr.odd td {background: #f2f2f3; border: solid 1px #eaeaea}
table.varianty tr.even td {background: #eaeaea; border: solid 1px #eaeaea}
table.varianty td input {width: 35px; display: block; margin: 0 auto}

.inner {width: 942px; margin: 0 auto}

#top {width: 100%; height: 120px; background: url("../img/top.png") repeat-x 0 0; overflow: hidden; padding: 15px}
#top .inner {position: relative}
#logo {background: url("/img/logo.png") no-repeat 0 0; width: 131px; height: 44px; display: block}

#menu {position: absolute; top: 80px;}
#menu li {display: inline-block; list-style: none; border-right:solid 1px}
#menu ul ul {display: none}
#menu a {color: #000; padding: 0 15px}

#menu-admin {position: absolute; z-index: 100; top: 80px; right: 0; text-align: center; margin-right: 10px}

#panelLogin {float: right; background: url("/img/login.png") no-repeat 0 0; width: 383px; height: 29px; display: block}

#search {float: right; margin: 14px 0; width: 290px; height: 27px}
#search .inp {width: 256px; height: 27px; background: url("/img/search.png") no-repeat 0 0; border: none}
#search .btn {background: url("/img/btn-search.png") no-repeat 50% 50%; width: 20px; height: 27px}

#intro-banner {position: relative; height: 170px; width: 100%; overflow: hidden}
#intro-banner .inner {height: 150px}
#intro-banner ul, #intro-banner li {margin: 0; padding: 0; list-style: none}
#intro-banner img {width: 942px; height: 150px; margin: 0 auto}
#intro-banner h1 {display: none; margin: 0; padding: 0}
#intro-banner #introZalozky {position: absolute; top: 160px; left: 0; height: 21px; width: 100%; z-index: 100; text-align: center; white-space: nowrap}
#introZalozky li {display: inline-block}
#introZalozky a {display: inline-block; width: 10px; height: 10px; background: #CCC; margin: 0 5px}
#introZalozky a.active {text-decoration: none; background: red; color: #fff}

.obrCont a {margin: 0 !important; padding: 0 !important; display: inline !important}
.obrCont a img {display: block !important; margin: 0 !important; padding: 0 !important; border: none}
.obrHandler {overflow: hidden; width: 170px}
.obrHandler div {width: 1000px}

#middle .inner {background: #FFF; margin-top: 23px; padding: 20px 0}
/* Pravy sloupec */
#right {float: right; width: 200px; text-align: left; overflow: hidden; margin-right: 10px}
#right table {border: none; padding: 0}
#right table td {border: none; padding: 2px 0; color: #000}
#right #kosik-polozky {margin-bottom: 15px}
#right #kosik-polozky td {padding: 6px 0; border-bottom: solid 1px #ddd}

#cont {float: left; width: 700px; overflow: hidden; display: inline-block; margin-left: 10px; text-align: left}
#cont table {border: none; padding: 0}
#cont table td {border: none; padding: 2px 0; color: #000}

/* Tabulka doklady */ 
table.tableDoklady {width: 100%; background: #FFF; border: solid 10px #FFF; font-size: .9em; margin-bottom: 1em}
table.tableDoklady th {border: none; border-bottom: 2px solid #dddddd; padding: 3px 5px; vertical-align: middle; color: #231f20; font-weight: 600}
table.tableDoklady td {border: none; border-bottom: 1px solid #dddddd; font-size: .85em; padding: 3px 5px; vertical-align: middle}

/* Cesta */
.path {padding: 0 0 0 5px; font-size: 0.917em; margin: 0 0 8px}
.path a {color: #6f7072}



#cart {margin: 55px 0 0; float: right; width: 200px; height: 72px; background: url("../img/kosik.png") no-repeat 0 0}
#cart .inner {padding-left: 70px}
#cart span {display: block}

#cont .buttonVarianty {float: left; margin: 0 20px 30px 0; background: #ee1c25; border: 1px solid #ee1c25; padding: 8px 15px; display: inline-block; color: #fff; cursor: pointer; text-decoration: none; font-weight: 400; font-size: 1.2em}
#cont .buttonVarianty:hover {background: #ff000b}

#hlavniObrazek {margin: 0 0 25px; float: left}
#infoDetail {float: right; width: 56%}
#infoDetail table {width: 100%}
table.ceny {margin: 18px 0; font-size: 1.2em}

.fnpanel {clear: both; height: 22px; line-height: 22px; margin-bottom: 22px}
.fnpanel a {color: #6f7072; text-decoration: underline}
.fnpanel a:hover {text-decoration: none}
.fnpanel a.active {color: #ec1d23; text-decoration: none}
.fnpanel p {text-align: center}
#top-fnpanel p {display: none}

/* Produkt vypis */
.produkt {width: 212px; float: left; margin: 0 20px 20px 0; display: inline-block; border: solid 1px #dddddd;}
.produkt table {margin: 0 0 -1px}
.produkt td {border-left: none; border-right: none; color: #000}
.produkt h3 {margin: 0; padding: 5px 5px; font-weight: normal; font-size: 100%; border-top: solid 1px #dddddd; text-align: center; border-bottom: solid 1px #d9d9d9}
.produkt h3 a {color: #000; height: 3.2em; line-height: 1.2em; display: block}
.produkt .button {background: url("/img/cart.png") no-repeat 100% 50%; color: #000; padding: 2px 25px 2px 5px; border: none; text-transform: uppercase; margin-right: 8px}
.produkt .button:hover {text-decoration: underline}
.produkt .cena {padding-left: 5px; line-height: 2em}
.produkt td.nakup {background: #e7e7e7 url("/img/detail-kosik.png") repeat-x 0 0; padding: 5px; line-height: 1.6em}



/* Detail informace */
.detailKosik {margin-left: 10px; border: solid 1px #dddddd; padding: 8px 10px; background: #e7e7e7 url("/img/detail-kosik.png") repeat-x 0 0}
.detailKosik .cena {padding: 0 0 0 15px; margin: 0}
.detailKosik .btn {background: url("/img/cart.png") no-repeat 100% 50%; color: #000; padding: 2px 25px 2px 5px; border: none; text-transform: uppercase}
.detailKosik .button:hover {text-decoration: underline}
#detailImg {width: 100%}
 .detailTable {margin-left: 10px}
#detailPopis {float: right; width: 245px}
#detailCena {border: solid 1px #bababa; width: 100%}
#detailCena td {padding: 10px 15px}
#detailCena input {width: 30px}
#detailCena .button {width: auto}
#detailObrazky img {border: solid 1px #bababa}
#detailPripojene img {float: left; margin: 15px 15px 15px 0; display: inline}

#seznam-obrazku { width: 350px; height: 210px; box-sizing: border-box; padding: 0; margin:0; text-align: center; margin-bottom: 15px}
#seznam-obrazku .obrazky-cont {width: 310px; box-sizing: border-box; margin: 0 auto; padding:0; display: block; padding-left: 24px}
#seznam-obrazku .obrazek { width: 130px; box-sizing: border-box; float: left; margin: 0 8px 4px 0}
#seznam-obrazku .obrazek img {height: 100px; width: auto; border: 1px #bbb solid; margin: auto}


#registrace label, #formular label, .formular label  {width: 150px}
#registrace input, .formular input {text-align: left !important}

/* FOOTER */
#footer {background: #fff; min-height: 200px; clear: both; text-align: left; margin: 50px 0 0; width: 100%; display: block}
#footer .inner {}
#footer .panel {float: left; padding-top: 20px}
#footer h2 {border-bottom: none}
#footer img {float: right}

/* COOKIES */
.cc_container {background: #c2c2c2 none repeat scroll 0 0 !important; color: #000 !important; text-align: left !important;}
.cc_container .cc_btn {background-color: #FFF !important; display: inline-block !important;	text-align: left; float: none !important;}
.cc_container .cc_message {float: left !important; padding-left: 20px !important;}
.cc_container .cc_logo {display: none !important;}
.cc_container .cc_btn:hover {background-color: #FFFF00 !important;}