body {background: #f8cfa9; color: #4f4f4f; text-align: center}
body.login .container {background: #FFF; padding-bottom: 80px} 

h1 {margin-top: 5px; margin-bottom: 10px; font-weight: normal; color: #00539b}
h2 {color: #00539b; margin-bottom: 10px !important}

	#intro-banner {position: relative; top: 0; left: 0; width: 100%; height: 230px; margin-bottom: 20px}
	#intro-banner p {margin: 0; padding: 0}
	#intro-banner img {display: block; width: 100%}
	#intro-banner h1 {display: none; margin: 0; padding: 0}
	#intro-banner #introZalozky {position: absolute; top: 185px; left: 0; height: 21px; width: 110px; z-index: 1000}
	#intro-banner #introZalozky li {float: left; list-style: none}
	#introZalozky a {display: inline-block; width: 10px; height: 10px; background: #CCC; margin: 0 10px 0 0}
	#introZalozky a.active {text-decoration: none; background: #FFF; color: #fff}
	#intro-banner img {position: absolute; z-index: 10; top: 0; left: 0}
	.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}

hr {margin: .5em 0}

#kontakt {text-align: right; padding-top: 80px}

#cont table {width: 100%; border: none !important}
#cont table td {border: none !important}
/* Tabulka kosik */ 
.red {color: #c21c1d}
.blue {color: #325d88}
.lightblue {color: #7396b6}
.old {display: none !important}
.w30 {width: 30px}
.w100 {width: 100px}
.w200 {width: 200px}
.w300 {width: 300px}
.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 !important; 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 !important}
table.kosik tr.even td {background: #eaeaea; border: solid 1px #eaeaea !important}
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 td {background: #FFF}

/*  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}
input {padding: 5px 8px}
.button {background: #8dd1ee; border: 1px solid #009fe3; padding: 4px 8px; display: inline-block; color: #fff; cursor: pointer; text-decoration: none; font-weight: 400; font-size: 1em}
.button:hover {background: #44b9ea}
.button-gray {background: #CCC; border: 1px solid #CCC; padding: 4px 8px; display: inline-block; color: #fff; cursor: pointer; text-decoration: none; font-weight: 400; font-size: 1em}
.inp {border: 1px solid #CCC; padding: 4px 8px}

.button.regButtonNotAct {background: #FFF; color: #4f4f4f}
.button.regButtonNotAct:hover {background: #8dd1ee; color: #fff}

#MP-GR .MP-GR {font-weight: bold; text-decoration: none}
#MP-HLAVNI .MP-HLAVNI {font-weight: bold; text-decoration: none}
#MP-OSVC .MP-OSVC {font-weight: bold; text-decoration: none}
#MP-RBS .MP-RBS {font-weight: bold; text-decoration: none}


#plogin {text-align: right; float: right; margin-right: 230px; width: 470px; display: inline-block; line-height: 30px}
#plogin input {padding: 8px 15px; margin: 0}

#top-header {width: 100%; height: 110px; background: #fff}
#header {margin: 0 auto; padding: 0; width: 1000px; height: 110px; position:relative}

#limity {float: right; text-align: right; margin: 15px 20px 0 0}
#limity p {margin: 15px 20px 0 0; color: #484848}

#katalog {position: absolute; top: 0; right: 0; color: #FFF; text-align: center; width: 190px; line-height: 30px; height: 30px; z-index: 10}
#katalog ul {margin: 0; padding: 0}
#katalog ul li {display: block; background: #86cc00; text-align: center; padding: 0}
#katalog ul ul {display: none; line-height: 1.3em; text-align: left}
#katalog ul li:hover ul {display: block}
#katalog a {display: block; color: #FFF}

#kosikContainer {clear: right; cursor: pointer}
#kosik {float: right; width: 205px; display: inline-block; margin-right: 5px; background: url("../img/kosik.png") no-repeat 94% 25px; color: #00aced; font-weight: bold; line-height: 1.3em; height: 72px; text-align: right}
#kosik div {margin: 0; padding: 27px 70px 0 5px}
#kosik a {color: #00aced}

/* Prosor s logem, vyhledavanim, logem, kosikem */ 
#top {position: relative; margin: 0 auto; padding: 0; width: 1000px; height: 45px}
/* Servisni menu */
#servmenu {position: relative; height: 45px; margin: 0; padding: 0; color: #00539b; background: transparent; border: none; font-size: 120%}
#servmenu ul {float: left; margin: 0; padding: 10px 0; display: inline-block}
#servmenu li {list-style: none; float: left; margin: 0; padding: 0}
#servmenu ul ul {display: none}
#servmenu ul li:hover ul {float: none; display: block; position: absolute; top: 40px; left: 00px; z-index: 99; margin: 0; width: 90%; padding: 0; font-size: 90%}
#servmenu a {padding: 8px 0 3px 20px; color: #00539b; line-height: 35px}
#servmenu a:hover {color: #00539b}

#search {position: absolute; top: 50px; left: 200px; width: 264px; padding: 0; display: inline-block}
#search .form-group {padding: 0; float: right; width: 200px; background: url("../img/search.png") no-repeat 0 0; margin-right: 0}
#search .inp {border: none; float: left; height: 34px; line-height: 34px; width: 169px; color: #9b9b9b; background: transparent; padding: 0}
#search input.button {width: 30px; display: block; float: right}
#search input {background: transparent; border: none}
#search .input-group-addon {background: transparent; border: none}
#logo {float: left; display: block; height: 110px; background: url("/img/logo.png") no-repeat 50% 50%; width: 160px}

/* Strom - hlavni uroven */ 
#menu {background: #003d6e url("../img/menu.png") repeat-x 0 0; height: 46px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 1000px}
#menu .container {width: 500px; float: left; padding: 0; margin: 0}
#menu div {padding: 0}
#menu ul {margin: 0; padding: 0}
#menu ul li a {line-height: 46px; color: #FFF; padding: 0 15px 0 15px; margin: 0; height: 46px; background: url("../img/menu-li.png") no-repeat 100% 0; display: inline-block}
#mobilMenu {margin-left: 15px}
#menu li {list-style: none; float: left}
#menu ul ul {display: none}
#menu ul li:hover ul {display: block !important; position: absolute; left: 0; top: 0; z-index: 99}
#mobilMenu {margin-left: 15px}

#menu-admin {float: right; line-height: 46px; color: #FFFFFF; background: url("../img/menu-li-r.png") no-repeat 0 0; display: block; width: 150px; text-align: center}

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

/* Levy sloupec */
#left {float: left; width: 20%; min-width: 180px; text-align: left; padding-top: 14px}
#left h2 {margin: 0; color: #222; font-weight: normal; padding: 10px 5px 0; margin-bottom: 3px !important}
#tree, .panel-left, .panel-left1 {background: #f5f5f5; margin-bottom: 15px}
#tree ul, .panel-left ul, .panel-left1 ul {margin: 0; padding-left: 0; font-weight: 600}
#tree ul ul {margin-left: 12px; font-weight: 400}
#tree li, .panel-left li, .panel-left1 li {list-style: none; margin-left: 0; clear: both; border-bottom: solid 1px #cacaca}
#tree li a, .panel-left1 li a {font-weight: normal; color: #047; padding: 8px 15px 8px 15px; display: block; text-decoration: none !important}
.panel-left li a {font-weight: normal; color: #FFF; background: #00539b; padding: 8px 15px 8px 15px; display: block; text-decoration: none !important}
#tree li a:hover {background: #FFF}
#tree li li {background: none; padding-left: 0}
#tree em {font-style: normal}
#main029A1013 {background: #86cc00}
#main029A1013 em {color: #fff}
#bid029A1013 :hover {background: #86cc00 !important}

#panel-prihlaseni li.active {background: #00aced; color: #FFF}
#panel-prihlaseni li.active a {color: #fff}
#panel-prihlaseni li small {margin: 11px 5px 0; display: block}

/* 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}

/* Oblibene produkty */ 
.oblibene {background: #f2f2f3; padding: 15px; margin-bottom: 25px}
.oblibene ul li {clear: both}
.oblibene ul li a {color: #231f20; padding: 3px 10px 3px 0; display: block; text-decoration: none !important; font-weight: 600}
.oblibene h4 {margin: 15px 0 5px}

/* Obsah */
#middle {width: 1000px; margin: 15px auto; padding: 0; clear: both}
#cont {float: right; width: 77%; text-align: left}

.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: #003b6f; text-decoration: none}
.fnpanel p {text-align: right}
#top-fnpanel p {display: none}

/* Produkt vypis */
#cont .produkt {width: 33%; float: left; padding: 0 0 0 1%}
.prod {padding: 0; margin: 0 0 10px; display: inline-block; position: relative; display: inline-block; background: #FFF; width: 100%}
.prod .inner {text-align: center}
.prod table {width: 100%}
.prod img {width: 100%; margin: 0 auto; border: none}
.prod h3 {text-align: center; font-size: 100%; line-height: 18px; display: block; height: 46px; background: #e6e6e6; margin: 0; padding: 5px; text-transform: uppercase}
.prod h3 a {color: #365d86}
.prod .info {padding: 10px; background: #e6e6e6}
.prod .button {float: right; width: 46px; height: 32px; font-weight: bold; text-transform: uppercase; font-size: 88%; background: #8dd1ee url("/img/ico-kosik.png") no-repeat 50% 50%; margin-left: 3px}
.prod4 {margin-right: 0}
.prod table, .prod table td {margin: 0; border: none; padding: 0}
.prod .barvy {height: 24px}
.prod .barva {width: 12px; height: 12px; border: solid 1px #aaa; display: inline-block; margin: 5px 5px 5px 0}
.prod .hover {display: none}
.prod:hover .hover {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../img/prod-hover.png") repeat-x 0 0}
.prod:hover .hover .dostupnost {position: absolute; top: 15px; right: 15px; display: block; width: 15px; height: 16px; background: url("../img/sklad.png") no-repeat 0 0}
.prod:hover .hover .button {display: block; width: 140px; margin: 60px auto 40px}
.prod:hover .hover .predbVyber {color: #FFF; width: 105px; background: url("../img/oblibene.png") no-repeat 0 0; padding-left: 36px; line-height: 1.1em; margin: 15px auto}

/* Detail informace */
.detailTable {width: 50% !important; border: none; float: right}
.detailTable td {border: none}
#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}
.detailTable .button { background: #8dd1ee url("/img/ico-kosik.png") no-repeat 5px 50%; padding: 4px 20px 4px 40px; line-height: 1.6em; text-align: left}
.detailTable .cena {color: #000; font-size: 140%; font-weight: normal}
#detailObrazky img {border: solid 1px #bababa}
#detailPripojene img {float: left; margin: 15px 15px 15px 0; display: inline}

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

#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}

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

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

#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}

#registrace label, #formular label, .formular label  {width: 160px; font-weight: normal; display: inline-block}
#registrace input, .formular input {text-align: left !important; display: inline-block}
#registrace em {display: inline-block; white-space: nowrap}
#formular table, #formular td, .formular td {border: none; vertical-align: top}
/* FOOTER */
#footer {background: #f8cfa9; text-align: left; clear: both; color: #969696; margin: 0 auto 60px; width: 1000px; padding: 50px 30px 10px; display: block}
#footerLinks a {padding-left: 20px;	color: #969696}
#footerLinks a:hover {color: #f21c0a}

/* 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;}