body {margin: 0; padding: 0; font-family: arial; font-size: 15px; line-height: 20px; color: #000000; background: #f3f3f3 url('../images/pozadi.jpg') center 0 no-repeat;}
.stred {margin: auto; width: 970px; padding: 0;}

/************************************************************************************
 * HLAVIČKA
 ************************************************************************************/
.ID-hlavicka {float: left; width: 100%; height: 142px; padding: 0; margin: 0; background: #f3f3f3 url('../images/hlavicka.png') 0 0 no-repeat;}
.ID-hlavicka .logo {float: left; margin: 41px 0 0 0; padding: 0;}
.ID-hlavicka .ID-ajax-search {float: right; width: 254px; margin: 51px 0 0 0; padding: 0; position: relative;}
.ID-hlavicka .ID-ajax-search .form {display: block; margin: 0; padding: 0; background: #ffffff; border: 1px solid #dddedf;}
.ID-hlavicka .ID-ajax-search .inputbox
{float: left; width: 70%; height: 21px; line-height: 21px; margin: 0; padding: 9px 15px 9px 15px; border: 0;
font-size: 14px; font-family: Open Sans, arial; font-weight: normal; font-style: normal; color: #010101;}
.ID-hlavicka .ID-ajax-search .button {float: left; width: 47px; height: 41px; margin: 0; padding: 0; position: absolute; top: 0; right: 0;
cursor: pointer; border: 0; background: #e30000 url('../images/lupa.png') 0 0 no-repeat; border-radius: 0;}
#js-odkaz-menu {float: right; width: 41px; height: 41px; margin: -61px 0 20px 0; cursor: pointer; display: none;
background-color: #29526c; background-repeat: no-repeat; background-position: center center;}
#js-odkaz-menu {background-color: #29526c; background-image: url('../images/tlacitko-menu.png');}


#hlavni-menu {float: left; width: 100%; height: 67px; padding: 0; margin: 0; background: #54abe0 url('../images/hlavni-menu.png') 0 0 repeat-x;}
#hlavni-menu .menu {float: left; padding: 0; margin: 0; list-style: none;}
#hlavni-menu .menu > li {float: left; padding: 0 0 0 2px; margin: 0; background: url('../images/hlavni-menu-li.png') 0 0 no-repeat;}
#hlavni-menu .menu > li.item-101 {padding-left: 0;}
#hlavni-menu .menu > li > a {float: left; padding: 0 22px 0 22px; margin: 0; height: 67px; line-height: 67px;
font-size: 16px; font-family: Open Sans, arial; font-weight: 800; color: #ffffff; text-transform: uppercase; text-decoration: none; text-shadow: 0 1px 0 #000000;}
#hlavni-menu .menu > li.active > a, #hlavni-menu .menu > li:hover > a, #hlavni-menu .menu > li.alias-parent-active > a {background: #e20000 url('../images/hlavni-menu.png') 0 -67px repeat-x;}


#slider {float: left; width: 100%; padding: 0; margin: 0 0 20px 0;}
.flexslider {float: left; width: 100%; height: 250px; padding: 0; margin: 0; position: relative; overflow: hidden;}
.flexslider .slides {float: left; width: 100%; height: 100%; padding: 0; margin: 0; list-style: none;}
.flexslider .slides li {display: none; float: left; width: 100% !important; width: calc(100% - 2px) !important; height: 100% !important; height: calc(100% - 2px) !important;
padding: 0; margin: 0; border: 1px solid #dddedf;}
.flexslider .slides img {float: left; padding: 0; margin: 0; position: absolute; left: 0; top: 0;}
.flexslider .slides .text {float: right; width: 300px; height: 200px; padding: 50px 32px 0 124px; margin: -1px -1px 0 0; background: url('../images/slider-1.png') 0 0 no-repeat; position: relative; z-index: 2;
font-size: 15px; line-height: 20px; font-family: Open Sans, arial; font-weight: normal; color: #ffffff;}
.flexslider .slides h1, .flexslider .slides h2 {display: block; line-height: 30px; padding: 0 0 12px 0; margin: 0; text-shadow: 0 1px 0 #000000;
font-size: 23px; font-family: Open Sans, arial; font-weight: 800; color: #ffffff; text-transform: uppercase;}
.flexslider .slides .odkaz {padding: 10px 14px 10px 14px !important; margin: 5px 5px 5px 0 !important; background: #29526c !important; text-shadow: 0 1px 0 #000000;}

.flexslider .flex-control-nav {float: right; padding: 0; margin: 0; position: absolute; right: 15px; top: 18px; list-style: none;}
.flexslider .flex-control-nav li {float: left; padding: 0; margin: 0;}
.flexslider .flex-control-nav li a {float: left; width: 17px; height: 17px; padding: 0; margin: 0 5px 0 0; cursor: pointer; background: url('../images/slider-puntiky.png') 0 0 no-repeat; text-indent: -9999px; position: relative;  z-index: 200;}
.flexslider .flex-control-nav li a.flex-active {background-position: -17px 0;}


.ID-navigace {float: left; width: 100%; padding: 0; margin: 0;}
.ID-navigace-div {display: block; line-height: 20px; font-size: 13px; padding: 11px 15px 10px 15px; margin: 0; border: 1px solid #dddedf; border-bottom: 0; background: #ffffff url('../images/navigace.png') 0 bottom repeat-x;}
.ID-navigace a {color: #000000;}
.ID-navigace img {position: relative; top: -2px;}


.ID-kategorie {float: left; width: 100%; padding: 0; margin: 0 0 15px 0;}
.ID-kategorie ul {float: left; padding: 0; margin: 0; list-style: none;}
.ID-kategorie ul li {float: left; width: 33.33%; padding: 0; margin: 0; position: relative;}
.ID-kategorie ul li a {display: block; height: 245px; padding: 0; margin: 0 4px 11px 4px; position: relative;}
.ID-kategorie ul li:nth-child(3n+1) a {margin-left: 0; margin-right: 8px;}
.ID-kategorie ul li:nth-child(3n+3) a {margin-left: 8px; margin-right: 0;}
.ID-kategorie ul li img {width: 100%; height: auto;}
.ID-kategorie ul li .image-title {float: left; width: 100%; width: calc(100% - 22px); line-height: 26px; padding: 17px 10px 17px 10px; margin: 0; position: absolute; left: 0; bottom: 0;
font-size: 18px; font-family: Open Sans, arial; font-weight: 800; color: #e30000; text-transform: uppercase; text-decoration: none;
text-align: center; border: 1px solid #dddedf; border-top: 0; background: #ffffff;}
.ID-kategorie ul li:hover .image-title {text-decoration: underline; background: #f4f4f4;}


/************************************************************************************
 * OBSAH
 ************************************************************************************/
.ID-obsah {float: left; width: 100%; padding: 0; margin: 0;}
.ID-obsah-div {display: block; padding: 20px 19px 0 19px; margin: 0; background: #ffffff; border: 1px solid #dddedf; border-top: 0;}
#obsah {float: left; width: 100%; padding: 0; margin: 0;}


.ID-levy {float: left; width: 26%; padding: 0; margin: 0 0 20px 0;}
.ID-levy-div {display: block; padding: 0; margin: 0 20px 0 0;}
.ID-levy .modul {float: left; width: 100%; padding: 0; margin: 0 0 19px 0; background: #29526c; color: #ffffff;}
.ID-levy .modul a {color: #ffffff;}
.ID-levy .modul h2.nadpis {display: block; line-height: 31px; padding: 23px 18px 23px 18px; margin: 0; background: #5cbbf6;
font-size: 23px; font-family: Open Sans, arial; font-weight: 800; color: #ffffff; text-transform: uppercase; text-shadow: 0 1px 0 #000000;}
.ID-levy .modul-text {width: auto; width: calc(100% - 2px); display: block; background: #ffffff; border: 1px solid #dddedf; color: #000000;}
.ID-levy .modul-text .text {display: block; padding: 15px 15px 0 15px; margin: 0; background: #ffffff;}
.ID-levy .modul-text h2.nadpis {color: #54abe0; background: #f4f4f4; border-bottom: 1px solid #dddedf; padding-top: 20px; padding-bottom: 20px;}
.ID-levy .modul-text a {color: #000000;}


.ID-vm-menu ul, .ID-vm-menu ul ul, .ID-levy .menu, .ID-levy .menu ul
{display: block; padding: 0; margin: 0; list-style: none;}
.ID-vm-menu ul
{padding-bottom: 7px;}
.ID-vm-menu ul li, .ID-levy .menu li
{display: block; padding: 0; margin: 0;}
/* 1. stupeň */
.ID-vm-menu > ul > li > a, .ID-levy .menu > li > a
{display: block; line-height: 23px; padding: 9px 12px 9px 34px; margin: 0; background: #29526c url('../images/menu-li.png') 17px 17px no-repeat;
font-size: 16px; font-family: Open Sans, arial; font-weight: 600; color: #ffffff; text-transform: uppercase; text-decoration: none; border-top: 1px solid #30607f;}
.ID-vm-menu > ul > li > a:hover, .ID-levy .menu > li > a:hover
{text-decoration: underline; background-position: 17px -283px;}
.ID-vm-menu > ul > li.active > a, .ID-levy .menu > li.active > a
{background-color: #2d5976;}
/* 2. stupeň */
.ID-vm-menu > ul ul > li > a, .ID-levy .menu ul > li > a
{display: block; line-height: 19px; padding: 3px 12px 3px 46px; margin: 0; background: #2d5976 url('../images/menu-li-2.png') 19px 0 repeat-y;
font-size: 14px; font-family: Open Sans, arial; font-weight: normal; color: #ffffff; text-decoration: none;}
.ID-vm-menu > ul ul > li > a:hover, .ID-levy .menu ul > li > a:hover
{text-decoration: underline;}
.ID-vm-menu > ul > li > ul, .ID-levy .menu > li > ul
{padding-top: 4px; padding-bottom: 25px; background: #2d5976;}
/* 3. stupeň */
.ID-vm-menu > ul ul ul > li > a, .ID-levy .menu ul ul > li > a
{font-size: 13px; line-height: 16px; padding-left: 78px; background: url('../images/menu-li-3.png') -901px 11px no-repeat;}
.ID-vm-menu > ul ul > li.active > a, .ID-levy .menu ul > li.active > a
{font-weight: bold;}
/* chování menu */
.ID-vm-menu ul ul {display: none;}
.ID-vm-menu ul ul ul {display: none;}
.ID-vm-menu li.active ul {display: block;}
.ID-vm-menu li.active ul li ul {display: none;}
.ID-vm-menu li.active li.active ul {display: block;}


.ID-pravy {float: right; width: 74%; padding: 0; margin: 0 0 20px 0;}


/* Článek */
.clanek, .uzivatel-profil, .blog {float: left; width: 100%; padding: 0; margin: 0;}
.clanek-div {display: block; padding: 15px; margin: 0; border: 1px solid #dddedf;}
.clanek-kategorie {font-size: 14px; line-height: 19px;}
.clanek-homepage {width: 100%; padding: 0; border: 0;}
.clanek h1, .clanek h2, .clanek h3, .produkt-detail h1, .ID-vypis .nadpis, .nakupni-kosik h1, .uzivatel-profil h1, .blog h1, .blog h2
{display: block; line-height: 38px; padding: 3px 0 21px 0; margin: 0; font-size: 30px; font-family: Open Sans, arial; font-weight: 800; color: #e30000; text-transform: uppercase;}
.clanek h2, .clanek h3, .blog h2 {text-transform: none; padding: 6px 0 4px 0;}
.clanek h3 {}
.clanek-homepage h1 {font-size: 24px; line-height: 32px;}
.clanek-homepage h1 strong {color: #000000; font-weight: 300;}

.clanek ul {padding: 0; margin: 0 0 15px 0; list-style: none;}
.clanek ul li {padding: 5px 0 5px 29px; margin: 0; background: url('../images/li.png') 14px 11px no-repeat;}
.clanek ul.sloupce-3 li {float: left; width: 30%; width: calc(33.33% - 39px); margin: 0 10px 0 0; background-position: 14px 13px;}
.clanek ul.sloupce-3 li.konec {margin-right: 0;}
.clanek ul.sloupce-3 li.clr {float: left; height: 0; width: 100%; padding: 0; margin: 0; border: 0;}
.clanek ul.sloupce-3 h2 {display: block; line-height: 21px; padding: 0; margin: 0; font-size: 15px; font-family: Open Sans, arial; font-weight: 800; color: #000000; text-transform: none;}
.clanek ul.sloupce-3 a {color: #000000;}
.clanek ol {padding: 0; margin: 0 0 15px 0; list-style: decimal;}
.clanek ol li {padding: 5px 0 5px 0; margin: 0 0 0 29px;}

.clanek .odkaz, .ID-levy .modul-text .odkaz, .nakupni-kosik .continue_link, .uzivatel-profil .button, .uzivatel-profil button, .uzivatel-profil .details,
.ID-aktualne .odkaz, .ID-vypis-filtr .cf_apply_button, .produkt-detail .ceny .ask-a-question, .bfFormDiv .bfSubmitButton,
.flexslider .slides .odkaz
{display: inline-block; line-height: 22px; padding: 7px 14px 6px 14px; margin: 5px 5px 5px 0; border: 0; background: #e30000; cursor: pointer;
color: #ffffff; font-size: 16px; font-weight: normal; font-family: Open Sans, arial; text-transform: uppercase; text-decoration: none;}

.clanek hr {padding: 0; margin: 20px 0 20px 0; border-top: 1px inset #999999; border-bottom: 1px inset #ffffff; clear: both;}
.clanek img {border-color: #000000;}

/* tabulka */
.clanek table {width: 100%; padding: 0; margin: 0 0 15px 0; border-collapse: collapse;}
.clanek table th {padding: 10px; color: #ffffff; background: #000000; font-weight: bold; font-size: 15px; text-align: left;}
.clanek table th a {color: #ffffff;}
.clanek table td {padding: 5px 10px 5px 10px;}


/************************************************************************************
 * PATIČKA
 ************************************************************************************/
.ID-boxy {float: left; width: 100%; padding: 0; margin: 0; font-size: 13px; line-height: 24px; color: #ffffff; background: #4c4c4c;}
.ID-boxy-div {display: block; padding: 21px 30px 14px 30px; margin: 0;}
.ID-boxy-efekt {float: left; width: 100%; height: 13px; padding: 0; margin: 0; background: url('../images/boxy.png') 1px 0 no-repeat;}
.ID-boxy a {color: #ffffff;}
.ID-boxy ul {padding: 0; margin: 0 0 15px 0; list-style: none;}
.ID-boxy ul li {float: left; width: 200px; padding: 0; margin: 0 20px 0 0;}
.ID-boxy .box-pravy ul li {width: 30%; margin-right: 3%;}
.ID-boxy .box {float: left; width: 50%; padding: 0; margin: 0 0 30px 0; position: relative; z-index: 10;}
.ID-boxy .box h3.nadpis {display: block; line-height: 27px; padding: 19px 0 19px 0; margin: 0;
font-size: 20px; font-family: Open Sans, arial; font-weight: 800; color: #ffffff; text-transform: uppercase; text-shadow: 0 1px 0 #000000;}
.ID-boxy .box .box-div {margin: 0 15px 0 0;}
.ID-boxy .box-pravy .box-div {margin: 0 0 0 15px;}


.ID-paticka {float: left; width: 100%; padding: 7px 0 0 0; margin: 0; font-size: 13px; font-family: arial; color: #38434a; line-height: 24px; position: relative;}
.ID-paticka-div {display: block; padding: 0 0 0 5px; margin: 0;}
.ID-paticka ul {float: left; padding: 0; margin: 0; list-style: none;}
.ID-paticka ul li {float: left; padding: 0; margin: 0;}
.ID-paticka ul li a {float: left; padding: 0 6px 0 5px; margin: 0; background: url('../images/oddelovac.png') right center no-repeat; text-decoration: underline;}
.ID-paticka ul li:hover a {text-decoration: none;}
.ID-paticka ul li:first-child a {padding-left: 0;}
.ID-paticka ul li:last-child a {background: none;}
.ID-paticka a {color: #38434a;}
.ID-paticka p {padding: 0; margin: 0;}

.ID-paticka .paticka {float: left; padding: 0; margin: 0; position: relative; z-index: 10;}
.ID-paticka .logo {float: right; padding: 0; margin: 15px 0 0 0; position: relative; z-index: 10;}
.ID-paticka .paticka_img {position: absolute; left: 140px; top: -70px;}


/************************************************************************************
 * OSTATNÍ
 ************************************************************************************/
p {padding: 0; margin: 0 0 15px 0;}
a {color: #e30000; text-decoration: underline;}
a:hover {text-decoration: none;}
img {border: 0;}
iframe {border: 0; padding: 0; margin: 0;}
.clr, .clear {clear: both;}
::selection {color: #ffffff; background: #29526c;}
::-moz-selection {color: #ffffff; background: #29526c;}
input, textarea, button, select {outline: none;}
input.invalid, select.invalid, textarea.invalid {border-color: #ff0000 !important; background: #ffeded !important; color: #000000 !important;}


/* Systémové zprávy */
#system-message {float: left; width: 100%; padding: 0; margin: 0; position: relative; z-index: 9999;}
#system-message dt {display: none;}
#system-message dd {float: left; width: 100%; padding: 0; margin: 0;}

#system-message dd ul {list-style: none; padding: 10px 20px 10px 20px; margin: 0 0 20px 0; background: #e30000;}
#system-message dd ul li {font-family: Open Sans, arial; font-size: 15px; line-height: 20px; padding: 0; margin: 10px 0 10px 0; font-weight: bold; color: #ffffff;}
#system-message dd ul li a {color: #ffffff;}
#system-message dd.error ul {}
#system-message dd.message ul {}
#system-message dd.notice ul {}


/* Systémové tipy */
.tip-wrap {position: relative; z-index: 9999;}
.tip-wrap .tip {float: left; padding: 15px 20px 15px 20px; margin: 0; border: 1px solid #000000; background: #29526c;
font-size: 15px; font-family: Open Sans, arial; font-weight: normal; color: #ffffff; line-height: 20px; max-width: 250px; border-radius: 5px;}
.tip-wrap .tip .tip-title {font-weight: bold;}
.tip-wrap .tip .tip-text {font-size: 15px; margin-top: 3px;}
.tip-wrap .tip-top {display: none;}
.tip-wrap .tip-bottom {display: none;}















.popover {position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; text-align: left; background-color: #fff; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2); box-shadow: 0 5px 10px rgba(0,0,0,0.2); white-space: normal;}
.popover.top {margin-top: -10px;}
.popover.right {margin-left: 10px;}
.popover.bottom {margin-top: 10px;}
.popover.left {margin-left: -10px;}
.popover-title {margin: 0; padding: 8px 14px; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;}
.popover-title:empty {display: none;}
.popover-content {padding: 9px 14px;}
.popover .arrow,
.popover .arrow:after {position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid;}
.popover .arrow {border-width: 11px;}
.popover .arrow:after {border-width: 10px; content: "";}
.popover.top .arrow {left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0,0,0,0.25); bottom: -11px;}
.popover.top .arrow:after {bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff;}
.popover.right .arrow {top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0,0,0,0.25);}
.popover.right .arrow:after {left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff;}
.popover.bottom .arrow {left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0,0,0,0.25); top: -11px;}
.popover.bottom .arrow:after {top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff;}
.popover.left .arrow {top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0,0,0,0.25);}
.popover.left .arrow:after {right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px;}





.alert
{padding: 8px 35px 8px 14px; margin-top: 10px; margin-bottom: 10px; background-color: #fcf8e3; border: 1px solid #fbeed5; border-radius: 4px; font-weight: bold;}
.alert .close {float: right; font-size: 20px; font-weight: bold; line-height: 18px; color: #000; opacity: 0.7; filter: alpha(opacity=70); border-radius: 3px;
padding: 3px 5px 3px 5px; text-decoration: none; position: relative; top: -3px; right: -29px; line-height: 18px; cursor: pointer;}
.alert .close:hover,
.alert .close:focus {color: #000; text-decoration: none; cursor: pointer; opacity: 0.9; filter: alpha(opacity=90); background: #ffffff;}
.alert,
.alert h4 {color: #c09853;}
.alert h4 {margin: 0 0 .5em;}
.alert-success, .alert-notice {background-color: #dff0d8; border-color: #d6e9c6;	color: #177318;}
.alert-success h4, .alert-notice h4 {color: #177318;}
.alert-warning {color: #66512c;}
.alert-warning h4 {color: #66512c;}
.alert-danger,
.alert-error {background-color: #f2dede; border-color: #eed3d7; color: #9d261d;}
.alert-danger h4,
.alert-error h4 {color: #9d261d;}
.alert-info {background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad;}
.alert-info h4 {color: #3a87ad;}
.alert-block {padding-top: 14px; padding-bottom: 14px;}
.alert-block > p,
.alert-block > ul {margin-bottom: 0;}
.alert-block p + p {margin-top: 5px;}

.alert-link {font-weight: bold;}
.alert .alert-link {color: #a47e3c;}
.alert-success .alert-link {color: #356635;}
.alert-danger .alert-link,
.alert-error .alert-link {color: #953b39;}
.alert-info .alert-link {color: #2d6987;}

.alert-options {float: right;	line-height: 18px; color: #000; opacity: 0.2; filter: alpha(opacity=20);}
.alert-options:hover,
.alert-options:focus {color: #000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40);}















input:focus, select:focus, textarea:focus {}


/* Navigační lišta */
.pagination {float: left; width: 100%; padding: 0; margin: 21px 0 0 0; text-align: center; line-height: 45px; font-size: 15px; font-weight: normal;}
.pagination ul {display: inline-block; padding: 0; margin: 0 0 20px 0; list-style: none;}
.pagination ul li {display: inline-block; padding: 0; margin: 0 1px 0 1px;}
.pagination ul li .pagenav {display: inline-block; line-height: 45px; padding: 0 16px 0 16px; margin: 0; text-decoration: none;
font-size: 21px; font-family: Open Sans, arial; font-weight: 800; color: #ffffff; background: #29526c; border-radius: 22px;}
.pagination ul li a.pagenav {color: #ffffff; background: #54abe0;}
.pagination ul li a.pagenav:hover {color: #ffffff; background: #29526c;}
.pagination .pagination-start, .pagination .pagination-end, .pagination .pagination-prev, .pagination .pagination-next {display: none;}
.pagination .vysledky {float: left; margin-left: 15px;}
.pagination .strana {float: right; margin-right: 15px;}


/* formuláře */
.bfQuickMode section.bfElemWrap {background-color: #eeeff1 !important;}
.bfQuickMode legend {background: #4c0000 url('../images/odkaz-3.png') 0 0 repeat-y !important; padding: 5px 10px !important; font-size: 16px !important; font-weight: bold !important;}


/* kontaktní formulář */
.kontaktni-formular, .kontaktni-formular .pole {float: left; width: 100%; padding: 0; margin: 0;}
.kontaktni-formular .pole label {float: left; width: 94px; height: 43px; line-height: 43px; padding: 0; margin: 0;}
.kontaktni-formular .pole input, .kontaktni-formular textarea {float: left; width: 262px; height: 21px; line-height: 21px; padding: 10px 14px 10px 14px; margin: 0 0 9px 0;
border: 1px solid #c6c6c6; background: #eeeff1; font-family: arial; font-size: 15px;}
.kontaktni-formular textarea {width: 380px; height: 116px; padding: 14px;}
.kontaktni-formular .button, .nakupni-kosik .vm-button-correct
{float: left; height: 60px; line-height: 60px; padding: 0 38px 0 38px; margin: 0 0 0 94px; border: 0; background: #e30000; cursor: pointer;
color: #ffffff; font-size: 18px; font-weight: 800; font-family: Open Sans, arial; text-transform: uppercase; text-decoration: none;}
.kontaktni-formular .kopie {float: left; height: 60px; line-height: 60px; padding: 0; margin: 0;}
.kontaktni-formular .kopie #jform_contact_email_copy {float: left; margin: 24px 10px 0 20px;}


/************************************************************************************
 * ESHOP
 ************************************************************************************/
.ID-vypis-filtr {float: left; width: 100%; padding: 0; margin: 0;}
.ID-vypis-filtr-div {display: block; padding: 18px 19px 18px 19px; margin: 0; background: #f4f4f4; border: 1px solid #dddedf; border-top: 0;}

/* FILTR OBECNÝ */
.ID-vypis-filtr .cf_flt_wrapper {float: left; margin: 0 12px 12px 0; padding: 0;}
.ID-vypis-filtr .cf_flt_header {font-size: 13px; line-height: 20px; padding: 0; margin: 0 0 5px 0; font-weight: normal; text-transform: uppercase; text-decoration: none;}
.ID-vypis-filtr .headexpand {display: none;}
.ID-vypis-filtr .cf_wrapper_inner {float: left; margin: 0; padding: 0;}
.ID-vypis-filtr .cf_wrapper_inner select {float: left; width: 204px; height: 33px; margin: 0; padding: 0 0 0 5px; border: 1px solid #cfcfcf;}
.ID-vypis-filtr .cf_apply_button {background: #4c4c4c; margin-bottom: 0; margin-top: 0; margin-left: 0;}
.ID-vypis-filtr .cf_resetAll_link {font-size: 15px; line-height: 21px;}

.ID-vypis-filtr .cf_clear, .ID-vypis-filtr #price_clear {color: #8a2925; font-family: Open Sans, arial; font-size: 17px; font-weight: 800; clear: both;}
.ID-vypis-filtr .cf_sel_opt {font-weight: bold;}


.ID-vypis {float: left; width: 100%; padding: 0; margin: 0;}
.ID-vypis-div {display: block; padding: 12px 0 0 0; margin: 0; border: 1px solid #dddedf; border-top: 0;}
.ID-vypis .nadpis {display: block; line-height: 30px; padding: 11px 18px 21px 18px; margin: 0;
font-size: 22px; font-family: Open Sans, arial; font-weight: 800; color: #000000; text-transform: uppercase;}

.ID-produkty {float: left; width: 100%; width: calc(100% + 2px); padding: 0; margin: 0 0 0 -1px;}
.ID-produkty .produkt {float: left; width: 25%; padding: 0; margin: 0;}
.ID-produkty .produkt-div {display: block; padding: 10px; margin: 0 9px 9px 0; border: 1px solid #dddedf;}
.ID-produkty .produkt:hover .produkt-div {padding: 8px; border: 3px solid #e30000;}

.ID-produkty .radek-responsive-1 .produkt-div {margin: 0 10px 10px 0;}
.ID-produkty .radek-responsive-2 .produkt-div {margin: 0 5px 10px 0;}
.ID-produkty .radek-responsive-3 .produkt-div {margin: 0 0 10px 5px;}
.ID-produkty .radek-responsive-4 .produkt-div {margin: 0 0 10px 10px;}

.ID-produkty .produkt h3 {float: left; width: 100%; height: 60px; line-height: 20px; padding: 0; margin: 7px 0 10px 0; overflow: hidden;
color: #e30000; font-family: Open Sans, arial; font-size: 15px; font-weight: 800; text-align: center;}
.ID-produkty .produkt h3 a {color: #e30000; text-decoration: underline;}
.ID-produkty .produkt h3 a:hover {text-decoration: none;}
.ID-produkty .produkt .obrazek {float: left; width: 100%; height: 173px; padding: 0; margin: 0; text-align: center; overflow: hidden;}
.ID-produkty .produkt .obrazek img {max-width: 144px; max-height: 173px;}
.ID-produkty .produkt .tonovani {float: left; margin: -47px 0 0 0; padding: 0;}


.produkt-detail {}
.produkt-detail .leva-strana {float: left; width: 38%; padding: 0; margin: 0;}
.produkt-detail .leva-strana-div {display: block; padding: 0; margin: 0 16px 0 0; border: 1px solid #e3e3e3;}
.produkt-detail .leva-strana .obrazky,
.produkt-detail .leva-strana .obrazky .velky-obrazek
{float: left; width: 100%; padding: 0; margin: 0;}
.produkt-detail .leva-strana .obrazky .velky-obrazek {margin-bottom: 20px;}
.produkt-detail .leva-strana .obrazek {float: left; width: 81px; height: 81px; padding: 0; margin: 0 4px 4px 0; border: 1px solid #cccccc; overflow: hidden;}
.produkt-detail .leva-strana .konec {margin-right: 0;}
.produkt-detail .leva-strana .obrazek img {float: left; width: 81px; padding: 0; margin: 0;}

.produkt-detail .leva-strana .tonovani {display: block; line-height: 22px; padding: 5px; margin: 0; border: 0; background: #e30000; cursor: pointer;
color: #ffffff; font-size: 14px; font-weight: normal; font-family: Open Sans, arial; text-transform: uppercase; text-decoration: none; text-align: left;}
.produkt-detail .leva-strana .tonovani img {float: left; padding: 0; margin: 0 10px 0 0;}
.produkt-detail .leva-strana .tonovani span {position: relative; top: 2px;}

.produkt-detail .prava-strana {float: right; width: 62%; padding: 0; margin: 6px 0 0 0;}

#produkt-popis .clanek-div {background: #f4f4f4 url('../images/stahuj.png') 550px 23px no-repeat; border-top: 0; padding: 26px;}
#produkt-popis a {color: #e30000;}