body {background: #fff; color: #26292a; text-align: center}
body.login .container {background: #FFF; padding-bottom: 80px} 

h1 {margin-top: 0; margin-bottom: 10px; font-weight: normal; color: #1079af}



#dotaznik h4 {margin-bottom: .1em}
#dotaznik ul {margin: 0; padding: 0}
#dotaznik ul li {list-style: none; padding: 4px 10px; background: #d2dff0; margin-bottom: 2px}
#dotaznik ul li input {margin: 2px 5px 0 0}
#dotaznik select {padding: 4px 4px; margin-right: 10px}
#dotaznik textarea {padding: 4px 4px; font-family: sans-serif; box-sizing: border-box; width: 100%}
#dotaznik .otazka {border: solid #d2dff0 1px; padding: 0px 20px 20px; margin: 20px 0 10px}
#dotaznik .otazka .cislo {display: block; margin: -15px 0 0; text-align: center;  float: left; width: 100%}
#dotaznik .otazka .cislo span {background: #d2dff0; color: #999; font-weight: bold; padding: 4px 10px; margin: 0 auto; display: inline-block}

#katalog-aktivni-f {display: none}
#katalog-aktivni-t {color: red}


table {width: 100%}
/* Tabulka kosik */ 
.red {color: #c21c1d}
.blue {color: #1079af}
.lightblue {color: #7396b6}
.old {display: none !important}
.w30 {width: 30px}
.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 */ 

/*  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}
.button {background: #0e66a3; border: none; padding: 3px 8px; display: inline-block; color: #fff; cursor: pointer; text-decoration: none; font-weight: 400; font-size: 1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.button-gray {background: #CCC; border: none; padding: 3px 8px; display: inline-block; color: #fff; cursor: pointer; text-decoration: none; font-weight: 400; font-size: 1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

#login {text-align: center}
#login input {padding: 8px 15px; margin: 5px}





/* Prosor s logem, vyhledavanim, logem, kosikem */ 



#logo-CZ-CP-DKM {display: block; height: 143px; background: url("/img/logo-darkomat.png") no-repeat 0 50%; width: 500px}
#logo-CZ-CP-POB {display: block; height: 143px; background: url("/img/logo.png") no-repeat 0 50%; width: 500px}
#logo-CZ-CP-PRT {display: block; height: 143px; background: url("/img/logo.png") no-repeat 0 50%; width: 500px}
#logo-CZ-CP-ZAM {display: block; height: 143px; background: url("/img/logo.png") no-repeat 0 50%; width: 500px}
#logo-CZ-CP-BNF {display: block; height: 143px; background: url("/img/logo-finhaus.png") no-repeat 0 50%; width: 500px}
#logo-CZ-CP-FIN {display: block; height: 143px; background: url("/img/logo-finhaus.png") no-repeat 0 50%; width: 500px}


#menu-admin {float: right; line-height: 48px; color: #FFFFFF; border-left: solid 1px #FFF; 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: #1079af}

/* Levy sloupec */





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



.fnpanel {clear: both; height: 22px; line-height: 22px; margin-bottom: 22px}
.fnpanel a {color: #1079af; text-decoration: underline}
.fnpanel a:hover {text-decoration: none}
.fnpanel a.active {color: #666; text-decoration: none}
.fnpanel p {text-align: right}
.fnpanel .fr {font-size: 130%}
#top-fnpanel p {display: none}


/* Detail informace */
.detailTable {width: 60%}
#detailImg {position: relative; text-decoration: none; font-weight:bold; color: #FFF; display: block;}
#detailImg .stitek-sleva {position: absolute; bottom: 0px; right: 0px; width: 147px; height: 91px; background: url("/img/bkg-pikt-detail.png") no-repeat 0 0; text-align: right; line-height: 130px; box-sizing: border-box; padding-right: 10px; font-size: 230%}

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

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

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

#cart {margin: 55px 0 0; float: right; width: 200px; height: 72px; background: #f14714; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#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 {width: 150px}
#registrace input, .formular input {text-align: left !important}

/* FOOTER */
#footer {background: #fff; clear: both; text-align: right; color: #969696; margin: 0; width: 100%; min-width: 900px; max-width: 1200px; margin-bottom: 60px; border: solid 1px #d3def2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;padding: 10px; display: block}
#footerLinks a {padding-left: 20px;	color: #1079af}
#footerLinks a:hover {color: #666}

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