html, body { font-family: 'Roboto', sans-serif;font: 12px/140%; zoom: 100%;}
body {
margin: 0;
padding: 0;
background: #ffffff; /*url(../img/bg.jpg) repeat-x top*/
}
#bgpruhbody{ background: transparent url(../img/bg-pruh-body.gif) repeat-x top; width: 100%; height: 159px; position: absolute; top: 300px; left: 0px; z-index: 5; margin: 0px; display: block;}
#bgzahlavi{ position: absolute; padding: 0; height: 100%; width: 100%; z-index: 10; top: 0px; background: transparent url(../img/bd-zahlavi.png) no-repeat top; background-image: url(../img/bd-zahlavi.png); background-repeat: no-repeat; background-size: 100%; }
#obalka{ position: absolute; padding: 0; height: auto; margin-left: 0px; left: 0%; width: 100%; z-index: 10; top: 2px; }
.definovanasirka{ margin: 0px auto 0px auto; width: 1040px; height: auto; position: relative;}
.fullwidthmenu{ background: #e8f0f8; height: 73px; width: 100%; -webkit-box-shadow: 0px 5px 5px 0px rgba(68,68,68,.25); -moz-box-shadow: 0px 5px 5px 0px rgba(68,68,68,.25); box-shadow: 0px 5px 5px 0px rgba(68,68,68,.25); position: relative; z-index: 3000;}
.homeheadblok{ background-color: #eeeeee; margin: 0px 0px 5px 0px; height: auto;}
#obalkapadd{ padding: 5px 0px 15px 0px;}
@media only screen and (max-width: 1040px) {
#obalka{ margin-left: 0px; left: 0; width: 100%;top: 0px;}
.definovanasirka{ width: 100%; }
#obalkapadd{ padding: 5px 15px 15px 15px;}
}
@media only screen and (max-width: 640px) {
#obalkapadd{ padding: 5px 6px 15px 6px;}
}
#hlavickahorni{ width: 100%; padding: 0px 0px 0px 0px; height: 35px; margin: 0px auto 0px auto; background: Black; color: White; font-size: .8em;}
#zaklinka{ width: 180px; left: 15px; top: 4px; position: absolute; font-size: 18px; }
.zaktel{ color: White; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAXCAAAAADMqisGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAHdElNRQfkAxgKBiGEqMSaAAAAl0lEQVQY02WRO1LDAAwFd4UbZlJkOATXgDvloqk5CKWXwg4xWOVK7+kHKP9C4QTPZAH4/nqk319BBO6/JXeEyaNYkgF6shViIQ9QwJGaI7PpjzjIOY1nQ9iRxQjNvrOEsmx+sVUPwcPPzWMVXAgvnyRAFwyZdZ9lHXIyRKtuH7d1LcTZO3R9u0oJHbQAvXQ69PkLzzuc4A8Qwj15GC646QAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0wMy0yNFQxMDowNjozMyswMzowMJIEH7oAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMDMtMjRUMTA6MDY6MzMrMDM6MDDjWacGAAAAAElFTkSuQmCC) no-repeat left; padding-left: 25px; font-size: .8em; padding-top: 2px;}
#zakmail{ width: 255px; left: 0px; top: 4px; position: absolute; font-size: 18px; }
.zakmail{ color: White; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAXCAAAAADbiLvPAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAHdElNRQfkAxgKATChWXKvAAAA7ElEQVQoz72QPUpDYRBF73xJo21QtBBiI4j2Yi1uwEpwBxbRLo0IggtQSLIDwUJ0HRaiKRXEQqvgsxTEvHssnvl42uswzfzcmcOV/ihCUih+taqUFBGSYrIR9Y0fquVOaQAwMN5bkqQkSddPG6+SECGKzcebrLEPFoeViGH7EBTfJ7GvWuemxGczl+CswXDX7Jpxt3kLJrMivW81WqPB7uwoXUzX8HCxtvPB6dQJn9vrb6YCk+SX1Q7gwpTsrzyT/zwsHNtgbOyj9n1mm+u7xMYYoDefzVKSFEkxcTQyQihyGVKqz5SdjprH/xFfDE18KZY9vxQAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjAtMDMtMjRUMTA6MDE6NDgrMDM6MDB4GlkgAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIwLTAzLTI0VDEwOjAxOjQ4KzAzOjAwCUfhnAAAAABJRU5ErkJggg==) no-repeat left; padding-left: 32px; font-size: .8em; padding-top: 2px;}
#zakmail a{ color: White; text-decoration: none;}
#zakmail a:hover{ color: #c84845; text-decoration: none;}
#zakuser{ width: 200px; right: 100px; top: 6px; position: absolute; font-size: 18px; }
a.zakuser{ color: White; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAXCAAAAAAqg+BCAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAHdElNRQfkAxgKAxJGD1HJAAAA0UlEQVQoz32RT0rDUQyEv0kLLurWSxVU0AO40uOIaw+hnqLX0E11UY8g+Vy8/voPMRAemZkMyQv8H8nf+N27H3eD2yty2bZeHYHAi9q+kpCiJucZGAsJvWvIjdreMjsZ4+HLz4ccemdU5yQQAvNBn91fX6Srv9+efwgSiixWrdq2q8U0e3h0iu6nbO3DpnuL6oadvHvpYJYKVIEkWUMQ1gD0HEhDGQBLgsyHiE7HIgYzTMYylQIUrC6M07ZCYdKjrO3fh9MTZTpb2D85pI+acpS/GkFsxlb41sUAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjAtMDMtMjRUMTA6MDM6MTgrMDM6MDA0D4d5AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIwLTAzLTI0VDEwOjAzOjE4KzAzOjAwRVI/xQAAAABJRU5ErkJggg==) no-repeat left; font-size: .8em; display: block; padding: 2px 5px 2px 32px; cursor: pointer;}
#kosik{right: 10px; top: 4px; padding: 0; width: 150px; position: absolute; font-size: 18px; }
.zakbasket{ color: White; font-size: .8em; padding-top: 0px; position: absolute; top: 0px; left: 30px;}
.PKbasket{ display: inline-block; float: left; background-color: #ca4848; color: White; font-weight: bold; padding: 2px 4px 2px 4px; vertical-align: middle; margin-right: 7px;}
a#basket { width: 115px; height: 23px; display: block; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAXCAAAAADffWvyAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAHdElNRQfkAxgKBDDcLobqAAABI0lEQVQoz52SwSqFURSFv3X+yy2Z6RYlA5noJjNlZKTMRQlTXsBQiWcwMVNCuq9gyuCmZOAFJCMZmCj8exkcPz9dE/vUqX3W3nvtvfaBf5pA+uF+XhnyTfS3s2fkX4GczUhVfkL5uZGjj1a7F5NFIFBZBHfT37l9t41tl45w2GHv1mqyvzAeDke4dNhjdcrZU7qOcBkOl+cVIBC6Htyyw2HbXvlOE2JvdTRThf3UrBo2CD2s31/iPODJKwANLAzzi4dsTiQrEtGtNSKxsUMCqZr7CzIaOJgKFyZTeO7ZlUQipa2TmSz70vHyl+b5rDkeCwHtd5eTCEgGjDWChpoWtAqnYWrbgNbVy7YAis5bJ/Va8ycBopf9AeT1qv4t6rpWzQvgA5lied9KApqIAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIwLTAzLTI0VDEwOjA0OjQ4KzAzOjAwnjOSZAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMC0wMy0yNFQxMDowNDo0OCswMzowMO9uKtgAAAAASUVORK5CYII=) no-repeat left; position: relative; top: 4px;}
@media only screen and (max-width: 900px) {
#zakmail{ display: none;}
}
#kosiktext{ margin-top: 12px; color: White; font-size: 17px; margin-left: 10px;}
.kosiktexty{ display: block;color: White;}
.kosikkusy{ margin-top:12px; display: block; color: #2a68b1;}
#zaklinkahide640{ display: block; float: left;padding-right: 14px;}
#zaklinkashow640{ display: none; float: left;padding-right: 8px;}
#menu{ padding: 0px; width: 100%; text-align: left; margin: 1px 500px 0px 1px;}
.hp01{ position: relative;}
#searcharray{ height: 30px; width: 206px; right: 15px; top: 29px; position: absolute; background: White;}
#searcharray #search-header{ background: #ffffff;border: 1px solid #9d9d9d;border-radius: 15px 15px 15px 15px;-moz-border-radius: 15px 15px 15px 15px;-webkit-border-radius: 15px 15px 15px 15px;height: 30px;width: 206px; position: relative; text-align: left; right: 0px; top: 0px;}
#searcharray #search-header input.search-form_it{ width: 186px; border: none; box-shadow: none; margin: 0; padding: 5px 12px; font-size: 14px; color: #2b4660!important; font-family: 'Nunito Sans', sans-serif; float: left; position: absolute; left: 0px; top: 0px; background: transparent;}
#searcharray #search-header button#search-form_is{ margin-bottom: 0; position: absolute; right: 6px; top: 4px; font-size: 18px; line-height: 14px; color: #474747; background: none; border: none; box-shadow: none; cursor: pointer;}
#searcharray #search-header button#search-form_is:hover{color:#000;}
#searchform input{vertical-align:top;}
#searchform #s{width:100%;height:38px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.oddvyskaa{ clear: both; height: 15px;}
#hlavickaspodni{ width: 100%; padding: 0px 0px 0px 0px; height: 119px; margin: 0px auto 0px auto; clear: both; position: relative; background: #ffffff;}
#logo{ padding: 0; height: 98px; width: 275px; background: transparent; margin: 0px; position: absolute; top: 8px; left: -2px;}
#logo img{ width: auto; height: 100%;margin: 0px 0px 0px 0px;}
#logomobile{display: none;}
#uzivatelblok{ padding: 0; width: 35%; color: #9e9e9e; height: 60px; float: right; margin: 4px 15px 0px 0px; text-align: right;}
#menu ul{ margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px; width: 65%;}
#menu li { margin: 0px 4px 0px 4px; padding: 0; list-style: none; display: inline;color: #f4f4f4;}
#menu li a { margin: 1px 0; padding: 3px 15px 0px 15px; color: #edf2f7; text-decoration: none; font-weight: normal; height: 35px; display: block; float: left;}
#menu li a:hover { color: white; text-decoration: none; }
#headmenu{ margin: 40px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 450px; float: left;}
#headmenu ul, #headmenu li{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none inside none; display: inline;}
#headmenu ul li a { margin: 0px 0px 0px 0px; padding: 15px 14px 15px 14px; text-decoration: none; color: White; font-size: 17px; cursor: pointer;}
#headmenu ul li a:hover { background-color: #2e8301;}
@media only screen and (max-width: 1040px) {
#logo{ margin: 0px auto 0px 20px; }
}
@media only screen and (max-width: 768px) {
#hlavickaspodni{ height: 150px; }
#searcharray{top: 37px; }
}
@media only screen and (max-width: 640px) {
#hlavickaspodni{height: 150px;}
#hlavickahorni{ height: 37px;}
#zaklinka{ width: 240px; left: 5px; top: 7px; font-size: 17px; }
#zaklinkahide640{ display: none; float: left; padding-right: 14px;}
#zaklinkashow640{ display: block; float: left;padding-right: 8px;}
#kosiktext{ font-size: 15px; padding-top: 6px;}
}
@media only screen and (max-width: 569px) {
#hlavickaspodni{height: 190px;}
#logo{ margin-left:-123px; height: 88px;width: 246px; position: absolute; top: 6px;left: 51%;}
#searcharray{top: 85px; left: 50%; margin-left:-103px;}
}
@media only screen and (max-width: 480px) {
#zaklinka{ display: none;}
}
/*
#search{ padding: 0; width: 75%; z-index: 85; color: Silver; height: 50px;}
*/
#page{ padding: 0; height: auto; margin-left: 0px; left: 0%; width: 100%; margin-top: 20px;}
#page11{ padding: 0; height: auto; margin-left: 0px; left: 0%; width: 100%; margin-top: 0px;}
.informacnibloknadpis{ text-transform: uppercase; font-family: 'Roboto', sans-serif; color: White;}
a.informacniblokodkaz{ float: left; text-decoration: none; color: #f4f4f4; width: 239px; text-align: center; margin: 2px 3px 2px 3px; padding: 4px 0px 4px 0px; border: 1px solid #0a5e7f; background: #164f60; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
a.informacniblokodkaz:hover{ background-color: #257da3; color: White;}
a#butregistrovat{ float: left; text-decoration: none; background-color: #1c59a0; color: White; width: 80px; text-align: center; margin: 2px 3px 2px 3px; padding: 4px 0px 4px 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
a#butregistrovat:hover{ background-color: #1c59a0; color: Black;}
a#butprihlasit{ float: left; text-decoration: none; background-color: #1c59a0; color: White; width: 58px; text-align: center; margin: -5px 3px 2px 3px; padding: 3px 0px 3px 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
a#butprihlasit:hover{ background-color: #1c59a0; color: Black; text-decoration: none;}
#uzivatelblok a.zakladni{ color: #edf2f7; text-decoration: none;}
#uzivatelblok a.zakladni:hover{ color: white; text-decoration: none;}
#uzivateltext{ margin-top: 5px;}
a#uzivatel1 { width: 30px; background: url(../img/prihlasit-but.png) no-repeat 0 -29px; height: 29px; display: block;}
a#uzivatel1:hover { background: url(../img/prihlasit-but.png) no-repeat 0 0px; display: block;}
div#uzivateld { width: 30px; height: 29px; float: left; margin: 2px 10px 0px 0px;}
a#uzivatel2 { width: 140px; background: url(../img/prihlasit-but.png) no-repeat 0 -29px; height: 29px; display: block; padding-left: 40px; float: left; margin: -4px 5px 0px 0px;}
a#uzivatel2:hover { background: url(../img/prihlasit-but.png) no-repeat 0 0px; display: block;}
.zakladniposun{ padding-top: 4px; display: block;}
#kosik a{ color: #FFB400;}
#kosik a:hover{ color: White;}
#uzivatel a{ color: #FFB400;}
#uzivatel a:hover{ color: #2a68b1;}
#uzivatel{ position: absolute; padding: 0; margin-left: 280px; _margin-left: 280px; left: 50%; width: 215px; z-index: 85; top: 58px; color: Silver; height: 200px;}
Table.uzivatel{ margin: 0; padding: 0;}
Table.uzivatel tr{ height: 27px;}
#topmenu{color: #CF7332; position: absolute; margin-left: -500px; _margin-left: -500px; left: 50%; top: 55px; padding: 0; z-index: 80; width: 1000px; background: url(../img/menu.gif) no-repeat top; text-align: right;}
#topmenu ul{ margin: 5px 40px 0px 0px; padding: 0;}
#topmenu li { margin: 0; padding: 0; list-style: none; width: 185px; _width: 170px; _height: 32px; min-height: 32px; display: inline;}
#topmenu li a { _height: 28px; min-height: 28px; margin: 1px 0; padding: 3px 0 0 15px; font-size: 12px; color: #CF7332; text-decoration: none;}
#topmenu li a:hover { text-decoration: underline;}
#drobeckova{ height: 24px;}
#bgpodmenu { height: auto; background: transparent url(../img/bg-podmenu.gif) no-repeat top; margin: 4px 0px 0px 0px;}
#blok {
float: none;
width: 100%;
height: auto;
color: Black;
margin-right: 0%;
}
#blokdokument { height: auto; color: Black; margin-right: 25px; margin-left: 1%;}
#leva{ width: 19.5%; height: auto; float: left; margin: 5px 2% 5px 0px; _margin-left: 1%; color: #AF5500;}
@media only screen and (max-width: 980px) {
#blok { width: 98%; margin-right: 1%; margin-left: 1%; float: none;}
#blokdokument { height: auto; color: Black; margin-right: 25px; margin-left: 25px;}
#leva{ width: 98%; margin-right: 1%; margin-left: 1%; height: auto; float: none;}
}
@media only screen and (max-width: 810px) {
#blok { width: 98%; margin-right: 1%; margin-left: 1%; float: none;}
#blokdokument { height: auto; color: Black; margin-right: 25px; margin-left: 25px;}
#leva{ width: 98%; margin-right: 1%; margin-left: 1%; height: auto; float: none;}
}
@media only screen and (max-width: 640px) {
#blok { width: 100%; margin-right: 0%; margin-left: 0%; float: none;}
#blokdokument { height: auto; color: Black; margin-right: 25px; margin-left: 25px;}
#leva{ width: 100%; margin-right: 0%; margin-left: 0%; height: auto; float: none;}
}
#rychla_navigace, .rychla_navigace{ color: White; font-size: 13px; text-align: left; height: 50px;background-color: #ca4848;}
.rnpadd{ padding: 20px 15px 0px 38px;}
#rychla_navigace a.zakladni, .rychla_navigace a.zakladni, .a.zakladni{ color: White; text-decoration: none; padding: 11px 4px 9px 4px;}
#rychla_navigace a.zakladni:hover, .rychla_navigace a.zakladni:hover, .a.zakladni:hover{ text-decoration: underline;}
#rychla_navigace a.gohome, a.gohome{ color: White; text-decoration: none; cursor: pointer; text-indent: 400px; padding: 0px; }
#rychla_navigace a.gohome:hover, a.gohome:hover{
text-decoration: underline;
}
#rychla_navigace a.zvoleny, a.zvoleny{ color: White; text-decoration: none; padding: 11px 4px 9px 4px; font-weight: bold;}
#rychla_navigace a.zvoleny:hover, a.zvoleny:hover{ text-decoration: underline;}
#rychla_navigace2, .rychla_navigace2{ color: White; margin-top: 10px; margin-bottom: 10px;}
#rychla_navigace2 a, .rychla_navigace2 a{ color: White; text-decoration: underline;}
#rychla_navigace2 a:hover, .rychla_navigace2 a:hover{ color: #266396; text-decoration: underline;}
/*
#levacontent{ padding: 10px 10px 25px 0px; background: transparent url(../img/lsubmenu.gif) no-repeat top;}
#levacontent h2{ margin: 6px 0px 5px 0px; text-align: center;}
#leva a{ color: #FBA229; text-decoration: underline;}
#leva a:hover{ color: #FBA229; text-decoration: none;}
#submenu{ width: 99%; margin: 0px 1% 5px 0%;}
#submenu ul{ padding: 0px; margin: 8px 0px 40px 0px; font-family: 'Roboto', sans-serif; font-size: 16px; width: 100%;}
#submenu li.submenusortiment{ margin: 10px 0px 0px 0px; width: 100%; border: 0px solid #000000; color: White; text-align: center; font-size: 18px; padding: 8px 0px 7px 0px; background: #2a68b1; }
#submenu li { margin: 2px 0px 1px 0px; padding: 0; list-style: none; width: 100%; min-height: 23px; font-family: 'Roboto', sans-serif; font-size: 18px; }
#submenu li:hover {background-color: #f0f3f7;}
#submenu li.aktivni { background: #e9eef4 url(../img/submenuliactive.png) no-repeat 6px 11px;}
#submenu li.zarazene {width: 94%; margin: 0px; padding-left: 6%;}
#submenu li.zarazeneaktivni {width: 94%; background: #e9eef4 url(../img/submenuliactive.png) no-repeat 22px 11px; margin: 0px; padding-left: 6%;}
#submenu li.zarazene2 {width: 88%; margin: 0px; padding-left: 12%;}
#submenu li.zarazene2aktivni {width: 88%; background: #e9eef4 url(../img/submenuliactive.png) no-repeat 40px 11px; margin: 0px; padding-left: 12%;}
#submenu li.zarazene3 {width: 92%; background: #d1d1d1 url(../img/submenuliasub3.png) no-repeat 0 0px; margin: 0px; padding-left: 8%;}
#submenu li.zarazene3:hover { background: #d1d1d1 url(../img/submenuliasub3.png) no-repeat 0 -23px; margin: 0px;}
#submenu li.zarazene3aktivni {width: 92%; background: #d1d1d1 url(../img/submenuliasub3active.png) no-repeat 0 0px; margin: 0px; padding-left: 8%;}
#submenu li.zarazene3aktivni:hover { background: #d1d1d1 url(../img/submenuliasub3active.png) no-repeat 0 -23px; margin: 0px;}
#submenu li a { display: block; width: 100%; margin: 0px 2px 0px 20px; padding: 5px 0px 5px 0px; color: #151515; text-decoration: none;}
#submenu li a:hover {color: #2a68b1;}
@media only screen and (max-width: 980px) {
#submenu{width: 94%;}
#submenu ul{width: 94%;}
#submenu li.submenusortiment{ width: 100%;}
#submenu li { width: 98%;}
#submenu li.zarazene {width: 98%;}
#submenu li.zarazeneaktivni {width: 98%;}
#submenu li.zarazene2 {width: 98%;}
#submenu li.zarazene2aktivni {width: 98%;}
#submenu li.zarazene3 {width: 98%;}
#submenu li.zarazene3aktivni {width: 98%;}
#submenu li a {width: 98%;}
}
@media only screen and (max-width: 780px) {
#leva{ width: 98%; margin-right: 1%; margin-left: 1%; height: auto; float: none;}
#submenu{width: 100%;}
}
*/
/*------------l menu menu-------------*/
/* SECTIONS */
.section { clear: both; padding: 0px; margin: 0px;}
/* COLUMN SETUP */
.col { display: block; float:left; margin: 1% 0 1% 1.6%;}
.col:first-child { margin-left: 0; }
/* GROUPING */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/* GRID OF SIX */
.span_6_of_6 {width: 100%;}
.span_5_of_6 {width: 83.06%;}
.span_4_of_6 {width: 66.13%;}
.span_3_of_6 { width: 48.0%;}
.span_2_of_6 { width: 31.26%;}
.span_1_of_6 {width: 15.33%;}
.span_3_of_4 { width: 72%;}
.span_2_of_4 { width: 48%;}
.span_1_of_4 {width: 21.8%;}
.subinformace{ width: 100%; height: auto;}
.subinformace img{ width: 100%; height: auto;}
/* GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 680px) {
.col { margin: 1% 0 1% 0%; }
.span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6, .span_1_of_4, .span_2_of_4, .span_3_of_4 { width: 100%; }
#worldpic{display: none;}
.footercontent{width: 100%;}
}
@media only screen and (max-width: 810px) {
.span_3_of_4 { width: 72%;}
.span_2_of_4 { width: 48%;}
.span_1_of_4 {width: 48%;}
}
@media only screen and (max-width: 680px) {
.span_1_of_4 {width: 100%;}
.predelspodnipaticky{ display: none;}
}
.boxkatalogsekce{ padding: 0px 0px 6px 0px; margin: 25px 0px 15px 0px; border-bottom: 2px solid Gray;}
.boxkatalogsekce ul{ padding: 0px; margin: 0px;}
.boxkatalogsekce li.katalogfolder{ padding: 0px 0px 2px 0px; margin: 0px 4px 3px 0px; height: 28px; float: left; width: 230px; list-style: none inside none;}
.boxkatalogsekce li.katalogfolderin{ background: transparent url(../img/folder3a.gif) no-repeat left; padding: 0px 0px 10px 0px; margin: 3px 0px 6px 0px; }
.boxkatalogsekce li a{ padding: 2px 0px 0px 2px; /*display: block;*/ font: 12px Trebuchet MS; text-decoration: none; color: Black; text-transform: uppercase; border-bottom: 1px solid Silver; width: 224px; display: block;}
.boxkatalogsekce li a:hover{ color: #ac0000;}
.sirkaboxkatalogsekce{ width: 187px; float: left; display: block;}
.boxkatalogvyrobce{ padding: 0px 0px 6px 0px; margin: 25px 0px 15px 0px; border-bottom: 2px solid Gray;}
.boxkatalogvyrobce ul{ padding: 0px; margin: 0px;}
.boxkatalogvyrobce li.katalogfolder{ padding: 0px 0px 2px 0px; margin: 0px 4px 3px 0px; height: 28px; float: left; width: 230px; list-style: none inside none;}
.boxkatalogvyrobce li.katalogfolderin{ background: transparent url(../img/folder3a.gif) no-repeat left; padding: 0px 0px 10px 0px; margin: 3px 0px 6px 0px; }
.boxkatalogvyrobce li a{ padding: 2px 0px 0px 2px; /*display: block;*/ font: 12px Trebuchet MS; text-decoration: none; color: Black; text-transform: uppercase; border-bottom: 1px solid Silver; width: 224px; display: block;}
.boxkatalogvyrobce li a:hover{ color: #ac0000;}
p,ul,li,a,img,h1,h2,h3,h4,h5,table,tr,td,form,input,select{ margin: 0px; padding: 0px; border: none;}
.line{background: url(../img/line.gif) no-repeat top; height: 3px;margin: 3px 0px 3px 0px;clear: both;}
p.subnadpis{ font: bold 15px Trebuchet MS; color: #18556a; padding: 2px 0px 7px 3px;}
a.krizeni{ background-color: #368eb2; border: 1px solid #18556a; color: #e2eef3; padding: 3px 5px 3px 5px; text-decoration: none; display: block; margin: 0px 3px 3px 3px; float: left;}
a.krizeni:hover{ background-color: #368eb2; border: 1px solid #18556a; color: White; padding: 3px 5px 3px 5px; text-decoration: underline;}
#status{ background-color: #e4e4e4; color: #ec008c; text-align: center; margin: 10px 0px 10px 0px; padding: 15px 15px 15px 15px; font-size: 18px;}
.obchodnipodminkybox0{ border: 1px solid #b0b0b0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 96%; height: auto; padding: 15px 1% 15px 1%; margin: 10px auto 15px auto;}
.obchodnipodminkybox{ height: 150px; overflow: auto;}
div#clona{ width: 100%; height: 100%; background: transparent url(../img/black60.png) repeat; position: fixed; left: 0%; z-index: 150; top: 0px;}
div#bloksuperior{ width: 780px; height: auto; background: White; position: absolute; left: 50%; z-index: 250; top: 80px; margin-left: -390px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.55); -moz-box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.55); -webkit-box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.55);}
.superiorimgprocobjed{ width: 520px; height: auto; display: block; margin: 0px auto 5px auto;}
div#bloksuperiorhead{ height: 115px; margin: 20px auto 10px auto; text-align: center;}
div#bloksuperiorcontent{ background-color: #f7f6f4; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: 704px; margin: 5px auto 15px auto; border: 1px solid #ededed;}
div#bloksuperiorcontentpadd{ padding: 15px 20px 15px 20px;}
@media only screen and (max-width: 790px) {
div#bloksuperior{ width: 96%; height: auto; background: White; position: absolute; left: 2%; z-index: 250; top: 10px; margin-left: 0px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.55); -moz-box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.55); -webkit-box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.55);}
.superiorimgprocobjed{ width: 90%; height: auto; display: block; margin: 0px auto 5px auto;}
div#bloksuperiorcontent{ background-color: #f7f6f4; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: 96%; margin: 5px auto 15px auto; border: 1px solid #ededed;}
div#bloksuperiorcontentpadd{ padding: 15px 8px 15px 8px;}
}
div#vystredsuperior{ text-align: center; margin: 5px auto 15px auto;}
a#zpetdokosiku{ width: 122px; overflow: hidden; display: block; margin: 5px auto 15px auto; cursor: pointer; text-align: center; background-color: #6b6b6b; color: White; padding: 8px 12px 8px 12px; text-decoration: none;}
a#zpetdokosiku:hover{ background-color: #062d67;}
.pokracovatobjednavka { color: White; width: 174px; padding: 12px 4px 12px 0px; cursor: pointer; text-align: center; font-family: Trebuchet MS, sans-serif; background: #ca4848; text-transform: uppercase; font-weight: bold; font-size: 1.1em; background-image: url(../img/icon-arrow-right.png); background-repeat: no-repeat; background-position: 90% 11px;}
.pokracovatobjednavka:hover {background: #bc3939; background-image: url(../img/icon-arrow-right.png); background-repeat: no-repeat; background-position: 90% 11px; }
.platbakartou {
color: White;
width: 304px;
padding: 12px 4px 12px 0px;
cursor: pointer;
text-align: center;
font-family: Trebuchet MS, sans-serif;
background: #ca4848;
text-transform: uppercase;
font-weight: bold;
font-size: 1em;
background-image: url(../img/icon-arrow-right.png);
background-repeat: no-repeat;
background-position: 90% 11px;
text-decoration: none;
display: block;
margin: 0px auto 5px auto;
}
.platbakartou:hover {background: #bc3939; background-image: url(../img/icon-arrow-right.png); background-repeat: no-repeat; background-position: 90% 11px; }
.pokracovatobjednavkabox{ width: 150px; text-align: center;}
.zpetobjednavka { color: White; width: 124px; padding: 5px 4px 5px 50px; cursor: pointer; text-align: left; font-family: Trebuchet MS, sans-serif; background: #4a4a4a; text-transform: uppercase; font-weight: bold; font-size: 1em; background-image: url(../img/icon-arrow-left.png); background-repeat: no-repeat; background-position: 10% 11px; display: block; text-decoration: none;}
.zpetobjednavka:hover {background: #3a3a3a; background-image: url(../img/icon-arrow-left.png); background-repeat: no-repeat; background-position: 10% 11px; }
@media only screen and (max-width: 420px) {
.pokracovatobjednavka { width: 134px; padding: 12px 4px 12px 0px; cursor: pointer; font-size: .9em; background-image: url(../img/icon-arrow-right.png); background-repeat: no-repeat; background-position: 90% 11px;}
.pokracovatobjednavka:hover {background: #bc3939; background-image: url(../img/icon-arrow-right.png); background-repeat: no-repeat; background-position: 90% 11px; }
.zpetobjednavka { width: 94px; padding: 5px 4px 5px 50px; font-size: .9em; background-image: url(../img/icon-arrow-left.png); background-repeat: no-repeat; background-position: 10% 11px; display: block; text-decoration: none;}
.zpetobjednavka:hover {background: #3a3a3a; background-image: url(../img/icon-arrow-left.png); background-repeat: no-repeat; background-position: 10% 11px; }
}
#zpetdokosiku2 { color: White; width: 180px; padding: 6px 0px 12px 0px; cursor: pointer; text-align: center; font: normal 1.5em;font-family: 'Roboto', sans-serif; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1); background: #2a68b1; /* Old browsers */ text-decoration: none; display: block; margin-top:-14px;}
#zpetdokosiku2:hover {background: #1d59a0; }
.ikonka2home{ float: left; margin-right: 55px; margin-bottom: 0px; box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.55); -moz-box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.55); -webkit-box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.55); border: 8px solid White; margin-left: 20px; }
#ikonkauvypisu{ margin-bottom: -4px;}
#homevirtual{ margin: 40px 50px 0px 0px;}
#homevirtual p{ font: bold 14px Trebuchet MS; margin: 20px 0px 0px 10px; padding-left: 10px;}
.virtualniprohlidka{ border: 1px solid #740922; background: #24515d url(../img/virtualniprohlidka.gif) repeat-x top; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: White; padding: 14px 10px 14px 10px; font: bold 17px Trebuchet MS; cursor: pointer; text-decoration: none; /*display: block;*/ margin: 5px 0px 15px 0px;}
.virtualniprohlidka:hover{ color: Yellow; text-decoration: none;}
.produktvyskaformular{height: 36px;float: none;}
.produktnazevformprvek{ width: 120px; float: left; font: bold 14px Trebuchet MS; padding-top: 9px;}
input.prihlaseniinput{ border: 2px solid #c8c8c8; padding: 4px 4px 4px 4px; width: 192px; color: #505050; margin: 4px 0px 4px 0px; font-family: 'Roboto', sans-serif; FONT-SIZE: 13px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font: bold; text-align: left; font-weight: bold;}
a#navigacnisipka{ display: block; width: 44px; height: 44px; background: transparent url(../img/navigacnisipka.png) no-repeat top; position: fixed; bottom: 140px; margin-left: 500px; _margin-left: 500px; left: 50%; padding: 0; z-index: 80; cursor: pointer;}
/*-----------------takalog*/
h2.h2katal01{ font: bold 16px Trebuchet MS; color: Gray; margin: 0px 0px 5px 0px; padding: 0px 0px 3px 0px; text-align: left; border: none; border-bottom: 0px none; clear: both;}
a.katal01{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid Silver; color: #292929; font: bold 21px Trebuchet MS; display: inline-table; text-align: center; width: 100%; margin: 0px .3% 0px .3%; padding: 9px 0px 9px 0px; text-decoration: none;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e0f3fa+0,d8f0fc+50,b8e2f6+51,b6dffd+100;Shape+2+Style */
background: rgb(224,243,250); /* Old browsers */
background: -moz-linear-gradient(top, rgba(224,243,250,1) 0%, rgba(216,240,252,1) 50%, rgba(184,226,246,1) 51%, rgba(182,223,253,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(224,243,250,1) 0%,rgba(216,240,252,1) 50%,rgba(184,226,246,1) 51%,rgba(182,223,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(224,243,250,1) 0%,rgba(216,240,252,1) 50%,rgba(184,226,246,1) 51%,rgba(182,223,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f3fa', endColorstr='#b6dffd',GradientType=0 ); /* IE6-9 */
}
a.katal01:hover{
color: White; /* Permalinkcolor: #292929; - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3c5bd+0,e86c57+50,ea2803+51,ff6600+75,c72200+100;Red+Gloss */
background: rgb(243,197,189); /* Old browsers */
background: -moz-linear-gradient(top, rgba(243,197,189,1) 0%, rgba(232,108,87,1) 50%, rgba(234,40,3,1) 51%, rgba(255,102,0,1) 75%, rgba(199,34,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#c72200',GradientType=0 ); /* IE6-9 */
}
div.boxkatal01vnorene{ width: 100%; height: auto; clear: both; text-align: center;}
ul.katal01vnorena li{ display: inline-table; margin: 0px .3% 0px .3%; padding: 9px 0px 9px 0px; width: 30%; list-style: none inside none;}
ul.katal01vnorena li a{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border: 1px solid Silver; color: #292929; font: bold 16px Trebuchet MS; display: inline-table; text-align: center; width: 100%; margin: 0px .3% 0px .3%; padding: 9px 0px 9px 0px; text-decoration: none; background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}
ul.katal01vnorena a:hover{
color: White; /* Permalinkcolor: #292929; - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3c5bd+0,e86c57+50,ea2803+51,ff6600+75,c72200+100;Red+Gloss */
background: rgb(243,197,189); /* Old browsers */
background: -moz-linear-gradient(top, rgba(243,197,189,1) 0%, rgba(232,108,87,1) 50%, rgba(234,40,3,1) 51%, rgba(255,102,0,1) 75%, rgba(199,34,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#c72200',GradientType=0 ); /* IE6-9 */
}
div.scrollerbox{ height: 450px; overflow: scroll; padding: 10px;}
div.mapkaright{ width: 45%; float: right; margin: 0px 0px 15px 25px; height: auto;}
div.mapkaright IFRAME{ width: 100%; height: 350px; margin-bottom: 15px;}
div.prvozovnaleftcont{ width: 52%; float: left; height: auto;}
div.ilu_obrazekfirma{ float: left; margin: 0px 25px 15px 0px; width: 250px; height: 250px; overflow: hidden; text-align: center;}
div.ilu_obrazekfirma img{ width: auto; height: 100%;}
ul#prodejnygalerie{ width: 100%; margin: 0px; padding: 0px;}
ul#prodejnygalerie li{ width: 47%; height: 200px; margin: 0px; padding: 0px; float: left; list-style: none inside none; display: block; margin: 0px 1.5% 15px 1.5%; overflow: hidden; text-align: center;}
ul#prodejnygalerie li img{ width: auto; height: 100%; margin: 0px; padding: 0px;}
div.prodejnapoppis li{ display: inline; float: left;}
div.dokumentcontent ul{ margin: 0px 0px 12px 0px;}
div.dokumentcontent p{ margin: 0px 0px 12px 15px;}
div.dokumentcontent li{ list-style: none inside none; margin: 0px 0px 5px 0px;padding: 0px 0px 0px 15px;}
div.dokumentcontent a{ text-decoration: none; color: #ca4848;}
div.dokumentcontent a:hover{ text-decoration: underline; color: #ca4848;}
div.dokumentcontent ul.natretiny li{ display: block; width: 30%; margin: 0px 1.5% 5px 1.5%; padding: 0px; float: left;}
div.dokumentcontent ul.natretiny li ul li{ margin: 0px 0px 5px 10px; padding: 0px; width: 100%; float: none;}
div#filtr{ height: auto; margin: 0px 0px 0px 0px; color: Black; width: 100%; position: relative; padding: 7px;}
#loadingdata{ width: 80%; margin: 10px auto 15px auto; height: auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #f1f2f1; display: none;}
#loadingdata img{ width: 100%; height: auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
div#filtr .filtrjmeno{ display: block; float: left; padding: 10px 15px 0px 20px; width: 200px;}
div#filtr span.volba{ font-size: 16px;cursor: pointer;/*background: Blue url(../img/select-kachle2.png) no-repeat 0px 5px;*/}
div#filtr .fitrvolba{ display: block; float: left; padding: 10px 0px 20px 2.5%; position: relative; width: 20.5%; height: auto; background: transparent url(../img/select-kachle2.png) no-repeat 3px 14px; opacity: .85; margin-left: 1%;}
div#filtr .fitrvolba:hover{ opacity:1;}
.fitrvolba:hover .dropdownfiltr { opacity: 1; display: block;}
div#filtr div.FitrObsahParametru{ float: left; width: 23%; margin: 0px 1% 0px 1%;}
div#filtr div.paramertNadpis { background-color: #ededed; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 5px 7px 5px 7px; font-size: 1.1em; margin-bottom: 5px;}
div#filtr ul{ list-style: none inside none;}
.dropdownfiltr{ position: absolute; padding-top: 6px; font-size: 13px; opacity: 0; -webkit-transition: top 0.2s ease, opacity 0.2s ease-in; -moz-transition: top 0.2s ease, opacity 0.2s ease-in; -ms-transition: top 0.2s ease, opacity 0.2s ease-in; -o-transition: top 0.2s ease, opacity 0.2s ease-in; transition: top 0.2s ease, opacity 0.2s ease-in; width: 150%; display: none; /*display: block;*/ height: 200px; background-color: transparent; z-index: 30000; top: 29px;}
.droppaddfiltr{ padding: 10px 5% 10px 5%; border: 1px solid rgba(170,170,170,1); background-color: White; background-color: #ccc \9; /*fallback for old IE*/ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height: auto; background: White none no-repeat;}
div.prvnifiltr{ left: 0%; right: auto;}
div.druhyfiltr { left: 0%; right: auto;}
div.dropcontfiltr{ width: 100%; height: auto;}
div.dropcontfiltr ul { margin: 0px; padding: 0px;}
div.dropcontfiltr ul li{ list-style: none inside none; margin: 0px 0px 5px 0px; font-size: 17px; padding: 0px;}
div.dropcontfiltr ul li.polovicni{ display: block; float: left; width: 50%;}
.barvicky{ display: block; float: left; width: 32px; height: 22px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0px 5px 0px 0px; /*border: 1px solid #8d8d8d;*/-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);}
input.filtrovat{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #ff0097; color: White; padding: 5px 20px 5px 20px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1); font-family: 'Oswald', sans-serif; font-size: 18px; margin-top: 4px; cursor: pointer;}
input.filtrovat:hover{ background-color: #ff0097; color: White;}
#razeni-select { right: 0; /*width: 200px; */display: block; float: left; }
#razeni-select ul { text-align: left; display: inline; margin: 0; padding: 0px 4px 17px 0; list-style: none;}
#razeni-select ul li.vybraneli { display: inline-block; margin-right: -4px; position: relative; padding: 0px 8px 4px 0px; cursor: pointer; width: 280px; /*background: transparent url(../img/select-kachle2.png) no-repeat 265px center;*/ font-size: 16px; /*font-weight: bold;*/ opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */ background-image: none;}
#razeni-select ul li:hover { background-image: none; color: #212121; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#razeni-select ul li ul { padding: 0; position: absolute; top: 28px; left: 0; width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: none; opacity: 0; visibility: hidden; border: 1px solid #cecece; font-size: 17px; font-weight: normal; z-index: 99999999999999; background-color: White;}
.sdileny-select ul li ul li { padding: 0px 0px 0px 2%; margin: 0px; background: #fff; display: block; color: #2f2f2f; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; width: 98%; /*height: 25px;*/}
#razeni-select ul li ul li:hover { background: #555555; color: #fff;}
#razeni-select ul li:hover ul { display: block; opacity: 1; visibility: visible;}
#razeni-select ul li ul li a { padding:4px 0px 4px 36px;text-decoration: none; color: #353535; font-weight: normal; display: block; cursor: pointer;/*height: 25px;*/}
#razeni-select ul li ul li a:hover { text-decoration: none; color: White;}
#razeni-select ul li ul li a span.ikonanamevybrano { font-weight: bold;}
#razeni-select ul li ul li a span.ikonaname { font-weight: normal;}
#razeni-select ul li .odAdoZ {background: transparent url(../img/ikony-filtr-adoz.png) no-repeat;}
#razeni-select ul li .odnejlevnejsiho {background: transparent url(../img/ikony-filtr-nejlevnejsi.png) no-repeat;}
#razeni-select ul li .odnejdrazsiho {background: transparent url(../img/ikony-filtr-nejdrazsi.png) no-repeat;}
#razeni-select ul li .pouzeslevy {background: transparent url(../img/ikony-filtr-slevy.png) no-repeat;}
#razeni-select ul li .ikonahlavni {padding-left: 36px; background-size: 28px 72px;background-position: 0px 0px;}
#razeni-select ul li .ikona {padding:4px 0px 4px 36px; background-size: 28px 72px;background-position: 0px 4px;}
#razeni-select ul li .ikona:hover {background-position: 0px -32px;}
.razenirazeni{ display: none;}
div#filtr .fitrvolbaclear{ display: block; float: left; padding: 10px 0px 20px 2.5%; position: relative; width: 22.5%; height: auto; margin-left: 1%;}
div#filtr a#vycistifiltr { color: #202020; width: 90px; padding: 4px 6px 4px 6px; background: #dfdfdf; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; text-align: center; float: right; font-size: 16px; text-decoration: none; text-shadow: 1px 1px 1px rgba(255, 255, 255, 1); margin-top: -3px;}
div#filtr a#vycistifiltr:hover { background: #ec008c; color: White; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);}
@media only screen and (max-width: 1320px) {
div#filtr .fitrvolba{ padding: 10px 0px 20px 3%;width: 20.0%;margin-left: 1%;}
}
@media only screen and (max-width: 1140px) {
div#filtr .fitrvolba{ padding: 10px 0px 20px 3.5%;width: 19.5%;margin-left: 1%;}
}
@media only screen and (max-width: 910px) {
div#filtr .fitrvolba{ padding: 10px 0px 20px 4%;width: 19%;margin-left: 1%;}
}
@media only screen and (max-width: 680px) {
/*div#filtr .fitrvolba{ padding: 10px 0px 20px 5%;width: 20%;margin-left: 1%;}*/
.volba640{ width: 9%; padding-left: 8%; display: inline-block;}
#razeni-select {width: 37%;padding: 10px 0px 20px 5%;}
.razenirazeni{ display: block; float: left;}
.ikonanamezahlavi{ display: none;}
div#filtr .fitrvolbaclear{ padding: 10px 0px 20px 1%; position: relative; width: 17%; height: auto; margin-left: 1%;}
div#filtr a#vycistifiltr { color: #202020; width: 70px; padding: 4px 4px 4px 4px; margin-top: -3px;}
}
@media only screen and (max-width: 380px) {
#razeni-select {width: 32px;}
#razeni-select ul li .ikona { padding-left: 34px; overflow: hidden;width: 34px;}
#razeni-select ul li .ikonaname{ display: none;}
#razeni-select ul li ul { width: 40px;}
}
/*////////////////////////*/
#vybranyfiltr{ display:block; height: auto; margin: -20px 25px 15px 25px; float: none; clear: both; position: relative; top: 0px;}
.vybranavolba{ padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 5px 10px 10px 0px; background-color: #d4d4d4; cursor: pointer; display: block; float: left;}
.vybranavolba:hover{ background-color: #90180b; color: White;}
.neviditelne{ display: none;float: left; padding: 5px;margin: 0px 15px 5px 0px;}
.viditelne{ display: block; padding:0px;margin: 0px 15px 5px 0px; float: left;}
.alert{
padding: 25px;
margin: 15px;
text-align: center;
font-size: 28px;
background-color: #ededed;
color: #ca4848;
font-weight: bold;
}
/*---------ratio buttons---------*/
div#filtr input[type=checkbox]:not(old),
div#filtr input[type=radio ]:not(old){ width : 28px; margin : 0; padding : 0; opacity : 0;}
div#filtr input[type=checkbox]:not(old) + label,
div#filtr input[type=radio ]:not(old) + label{ display : inline-block; margin-left : -28px; padding-left : 28px; background : url('../img/checks.png') no-repeat 0 0; line-height : 24px;}
div#filtr input[type=checkbox]:not(old):checked + label{ background-position : 0 -24px;}
div#filtr input[type=radio]:not(old):checked + label{ background-position : 0 -48px;}
/*---------ratio buttons---------*/
/*---------------------------lasty galery--------------------------*/
.lastygalery{ cursor: pointer;}
/*------HOME NEWS-------*/
.homenadpis{ font-size: 1.3em; text-align: center; font-weight: bold; color: #464646; margin: 20px 20px 20px 20px;}
.homenadpisclener{ height: 3px; width: 15%; margin: 0px auto 20px auto; background-color: #2e8301; clear: both;}
.homedoplnkovytext{ font-style: italic; color: #5d5d5d; text-align: center;}
/*------Footer-------*/
#footerII{ padding: 0px; z-index: 150; width: 100%; height: 50px; text-align: center; padding-top: 50px; background: transparent url(../img/bg-logo.png) repeat top;}
#footerII p{ color: White; margin: 0px auto 5px auto; font-size: 14px;}
#footerII a{ color: #205306; text-decoration: none;}
#footerII a{ color: #205306; text-decoration: underline;}
#footer{ padding: 0px; z-index: 150; width: 100%; height: 405px; background-color: #a44849;}
.footerblok{ float: left; height: 350px;}
.fb1{ width: 25%; text-align: left; margin-top: 33px;}
.fb2{ width: 25%; border-left: 1px solid #d2a4a4; color: White;margin-top: 33px;}
.fb3{ width: 24%; float: left;border-left: 1px solid #d2a4a4;margin-top: 33px;}
.fb4{ width: 25%; float: left;}
.cleanerfzasek{
display: none;
}
.fb1info{ text-align: left; margin: 5px 0px 0px 0px; color: White; font-size: 14px; padding: 2px 0px 12px 28px;}
.fb1info a{ color: #fcfefb; text-decoration: none;}
.fb1info a:hover{ color: White; text-decoration: underline;}
.fb1tel{ background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAMAAADX9CSSAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABU1BMVEWkSEmjR0qlR0imSEiiSEqjSUijS0miSEimR0uiSkinSEylR0enSE7/+vfu39zt3tnx3d7v29rp396kSkn16e2jSUmkSEujSEelSUykSUjz6eiiSkmjSUulSUqkTEujSEP06eOlRkqjS0r16uigS0ajSkalSkejSkzw6uqmSEmiSUvz6ery6OekSkz26OegS0inSUmjR0imSEb06OihS0yoSEmlSkny6eqhTEmhR0mkSE2kRkf16+yoRkOoS0akS0fy5uj69PTRpaTVpaPPpabRpKHSpKT//f7+///8/vv///3//v39//z//f+kSkqiSEf8/v3ewMCpWVqoWFndv7/9//6jR0z////y3N/IkY7x293+/vyiR0ynSET9/v///vz+/v6hSEyoSUWiSkajSEWlSU6hSUipSUuhSUeqSEmmSk2nSUqfSUyoSkqkSUafSUoAAAA/EIjrAAAAAWJLR0Rw2ABsdAAAAAd0SU1FB+QDGAouCwJOo+YAAAF0SURBVCjPTZBXV8JAFIQTcFkiVuJdspIVUBMgFiJKs0UpGteCPfbe6/9/M5xjVufpzvdwZ85IUkdyKNwlIyR3hUOyJBTBkShSukOhbgVFfRPwWE9vX//AYDw+ONDf19sTC7iKhkAhCU1LEAWGkBpwCsNJnY2kUiNMTw4DDbgipQmBzOhoBghJ+/ZXSTZGxg0zmzWNcTLGkgEHmsMsD5YFeYZzFALOpAk9r2GEsJbXJ3wr+kyCoU1J0pRmwOS/PnSambhg2wVssmkq+swUZ+eIWiiVCiqZmy3OiNxypVpj8wsL86xWrZRFroQXl5ap7DgyXV5axAKrsAKJbCc3m/BPkWvQ1Xqj2VpbazUb9VVq/O287m7wTdfd5FvutrwT8DbjnO/u7R8cHvkHa4v/x946905OT8+8c8+9ELtdXnhX19zjNx73rm5u78Se96ZpATACNb384Ig92eMTsp5fCEReLdp+ew946cN2bMOPU53PL/u71GE/yMQ4tYSl+5wAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjAtMDMtMjRUMTA6NDY6MTErMDM6MDD3Z3psAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIwLTAzLTI0VDEwOjQ2OjExKzAzOjAwhjrC0AAAAABJRU5ErkJggg==) no-repeat top left; font-weight: bold;}
.fb1mail{ background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAMAAADX9CSSAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAB71BMVEWmSEimSEmiSUWjSUmjR0qkSEmlR0ijSUunR0mlRkqiSEejR0iiSEqiSUulSkmjSEeiSkilR0ekSEujS0efSUihSUelR0WkSkmiRkmkS0ejSkajS0qjSUikSkynR0ikSkqlS0uoSEmfSUqnSESjSE2kSUaiSkmnSUmhS06lSUqgRkakTEufS0miSEiiSkaeSUamSUShTEmkSUilS0qlSUygR0mlSkegSkmnSUeiR06oSU21ZGrLmJX/+f////v////+/v79//z//f7//v///vz+/vz+/v/6//vNmZusZ2L79vC+gYC8dnT28vH///3+///8/f/48/C6eXf79vPSpKSwYmLy3dz+/fvv29ywYGPUoqP//f/gxsWsV1rfwL79//7gvr2rW1rixb/9/v/9/fvw3N2lTUvPnZ7LoJekS03t3tuhSEr//P75+fe+fn7AeX/JjIu7e3n26OjAe37EiYu8f36+fID7+fz+//2nSUr7///8///68ey3cXPAiYz8+vvYrq+lUVHYsLD++vvCiIe5c3X29fP+/P/36+21aWnMmJr48+/7//rPlJa3aWX17uihS0rx5uKtX13Wpav//vrRqKavX2Dy5OSwWWHbs7T6/v2vWVqlSU6hSUipSUujS0mqSEmmSk2fSUyoSkoAAABe0Ag5AAAAAWJLR0SkWb56uQAAAAd0SU1FB+QDGAosDK4cVMcAAAGjSURBVCjPY2BgZGJkZmFlZmPn4GTnYmTnZuNhBQIGZl4+fgFBIV5hJhFRMXEJIUkpaWaQuAyzrJykvIKMIoOSsgo3HzcfEx9YvaqcrBqXELuQuoY8r6aWtrSOpq4MSFycn5uBkZlPT0jfgJ3PUJyN2UjOGCTOYmJoKKJqaiYvy2wmbW5kYaTObAkSt5Lmt7axtbN3cHSyd3B2cXVz9/AE26vH6uXt4+vm5+fv4O/oHxAY5B0MEtflU/FzDAkNsw/3c7a3s4+IjIp2A4nzScra+znFxMY52sc72yckJvk52YHENYVF7ZNdUlLT0gP83DIys+KTHeJB4tms6jl29rl5+QWFRcUlpWXlFY72IHGTSrWq6prauvrkhsam6OaW1jY/sDiXEXd7R2eXm5uDS7d/j79rb1+/H9i/6hMmTppc4eI3xTnZOT7Z2XnqtOlgc7K5Zsx0dbZ3APrK39mvwn7WzNkgcVDgMQMBKyqAibOii3NjATBxmCJkcVbsACSuOWeuDO88USHm+Qt4jbgWVsLEFRepS6pLcbGyiksuVlVXUgSJAwAeclhZEZ8wNAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0wMy0yNFQxMDo0NDoxMiswMzowMMJ6sMwAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMDMtMjRUMTA6NDQ6MTIrMDM6MDCzJwhwAAAAAElFTkSuQmCC) no-repeat top left;font-weight: bold;}
.fb1adress{ background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAMAAADX9CSSAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACFlBMVEWkSEmlR0iiSEikSEuiSEekSUijR0qjSEemSEijSUmjSE2iSkmnR0ijSUusUlTToqXw4uL9/f/5/f7z4OLTo6OrUlSjSkajSkyiSU2lSUqmSEajSUiva2jz6+n+/fj//////v///vrz6+ixa2uiSUWfSkWkSkqnWVf16+r+/v738u7MkZOwZWCvZF/Jk5P47u38//+vV1akSkmoSEzVrKr//f728u+yX1nQnqHx5efx5eXNn6KzXln17+/+/vzTrKeoSEqhSUfz5eX//f/KmpjMmZj+///9//zKmJfMmpvy5ualSkn//vz9//62bm/h0dL9/f3j0NK1b3GmSEmkSE338/L+//rCgX/fvbzdvry/f338/vv38/SjRk6nSUnewL7hx8ayYmP27Oq0ZGfixcffwL2iSki7e3z+/v/VrrGsWFi/hYPAhIPVra6hSEqoSUekTEr04OL///3///r67+3gwsLiwsX38Or9//rx4eGjS0moSUWlR0eoSkvDjYv//fz//P/7//7BkIynSE6gSkmpTVL05ej15eioTE2kSkyjSEWiR0y9iIT///v+/P2/h4akSU7q1tj+//3t19qiSUunSUqjS0enSEa2bnH9/v/8/v23bW6kSUamRkelS03YubTXuLOmSkujR0ikS0ehSUj77+/78fCrV1ehR0ahSUWnSEylSkfHi43Gi42mR0ueSEelS0sAAACHtro1AAAAAWJLR0SxNGOeUgAAAAd0SU1FB+QDGAoqBhiTGl8AAAGCSURBVCjPY2AgHTAyMTCzMLMysbGzcnCysbLCxLm4eXj5+AUEhYRFRNnExCVg4pJS0jKycvLyCgqKSsoqqnBzxNTUNTS1tHV09fQNNAw54eYYGZuYmplbWFpZ29ja2TtwwsR5HZ2cXVzd5N2dPTxNvVh5YeLeRj6+fv5ubgoBgUGmPtLSMPHgkNCw8AgFRXeFyKjomNg4mDird7xzQmKSm5tGcop8KoMUTJwzLV0+IzMrOycr10AhPS8YJp5fwFlYVFxSWlZeXFEpXlUNE+euqa2r921w85VvNG1q5kS4k6Oltc2tSD4jTL69o4q1E+7OLqPunmjTDM3evn42Vg64eLD3BG+jiUUBvpMmT5naOQ0eDtzBEtOrZszsVZg126iGl5kbJi49h0Ft7rz5M30XLKxhZmJdBBNnX8i6mHlJ1tJly1dwibHPq4Hby+a9cpXR6jVrvb3XrYyb4g0TZ2FgWGHEud5ow3pOb5ZgThaY+GqmRUacvJIqKlN5OY0Yl4DVAwBH/1y3AVDcCQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0wMy0yNFQxMDo0MjowNiswMzowMPeB5AYAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMDMtMjRUMTA6NDI6MDYrMDM6MDCG3Fy6AAAAAElFTkSuQmCC) no-repeat top left;}
.fooblokco2{ margin: 0px; padding: 0px 10px 10px 20px; text-align: left;}
.fb2newsmailinfo{ font-size: 14px;font-weight: bold;}
.fb2newsmailinfo2{ padding: 0px 0px 2px 0px; margin: 0px;}
.fb2formpodmin{ color: White; font-size: 12px;}
.fb2newsMailovka{ border: 0px solid White; background-color: White; color: #515151; padding: 10px 4% 10px 4%; width: 88%; margin-bottom: 12px;}
.fb2newsMailovka:hover{ border: 0px solid #8f3737; background-color: #f7ebec; color: Black;}
#OdesliNewsLetter{
text-align: center;
width: 90%;
display: block;
margin: 0px 5% 10px 5%;
border: 0px none White;
background-color: #ca4848;
color: #f6efef;
font-weight: bold;
font-family: 'Roboto', sans-serif;
font-size: 13px;
padding: 8px 0px 8px 0px;
cursor: pointer;
}
#OdesliNewsLetter:hover{
background-color: #bf3a3a;
color: #ffffff;
}
#OdesliNewsLetter:disabled {
background: #9a3e3f;
color: #b66162;
cursor: wait;
text-decoration: line-through;
}
.newsletterSouhlCheck{ display: block; float: left; width: 10%;}
span.newsletterSouhlas{ padding-left: 10%; display: block; color: White; font-size: 12px; width: 85%;}
.fooblokco3{ margin: 0px; padding: 0px 10px 10px 10px; text-align: left;}
.fb3social{ padding-top: 25px;}
.fb3socialic{ display: inline-block; width: 44px; height: 44px; cursor: pointer; margin: 0px 15px 6px 0px;}
.fb3socialic:hover{ filter:saturate(1.6);}
.fb3facebook{ background: transparent url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAIAAACR5s1WAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAP4SURBVHja7Jg/q2ZnFcV/a+3z3pkRIk4YiGIwlToIJkE0iAELq/gZ9BNIKiFapLMYECtrW1sNpPITmNKgoGgloqCjyVyC4/3znr2Xxfs2dveFe4xCnupw4DxnPftZa+0/+ulr3+TDXuZ/YP0fgkgSJSIRhwfZEAVQ5vAaGGYTEHFLWkapJTVmVSDrWG5HjlVaxjXOQm6+83JKGHZnyhXD9WqrbVWe/9Kr9x9+9u7H7k0oa9amasTv3nrr8q9/u30Qgs64ggjcf/jiq999/ROffoEQ7cmCxKzywvDer9790xYgrHUQo6AHD7/wjUc/PLvjCRJiFxLaXnooM6VtOMFuqKBa+Nob3z9bVtbVgmSIJFNMynSm6U1AzKy7opLPvPL1j3/yWeosC0mERJIcBREsn0WbEFOVtUdeHrz4xRECTWEN7SlMCFKTIqS2ATEaoVzfefCsOyliCUwNc/773/7m52/Te6cq/ed3f70JCKRKVagqysoe7YCA5Xd+/JMnf/wDEImZBYE2IGYYOlIiMKoEglgRlxf/RKNIM7a7vJE6DKzpUh+/FSHgCdEwwiUpQbONbZN1gVijHjo5CiCxyL3WIns6iXOHU3LHCZx47QeP+u5i+5nnX3Af5IAkmERffvMNXXQsZd9afvmjR5d/P799EPe/8pJTGiiGFsogM8Tiuc99Pji0KK3cvffMJee3fx0LclCRWY2CLDeYIk4sUBBk4eKD97dxTBp1EiuAR4hiYD3mN2ZUhJ6+On+6jVmxAyRCTbDRBDsAxyKnYNT95GkSaQOfEIya9ODCCQd5aHT8n0QQ/cGTxzdHcFokfvbtb9XZLqqvvv6dT730sl0cSjy1yC++9+bF47+U73WuL/+1N5kbO+YJIK7ePzcw2l+tkQXpURkKZv+Px08fv6eoBKHDzWNxkmNOM6tHKkYBFUl6APeg7IbZi1Wn1c8nFbpxICsOTgIx4EN8mNFYGUW0NqqsGHeQlF5hfOSidIiEyzTWMiiqEwqrkyQqUYjyIavnoE1kHU8TZXTQ0eooGxDzcAH/gem/34Edj/7htoG3ePSPuvKPQNzufEIE5cjQyaHgP8wjmMNeisOcpKQTQLRQk0S9EkgUjh0yJFkNkxFymW1se9cjI5UpYOQW6QliEpXiWlwasirrNmZVziAvF1eXOTTdGRUVQs91w+zXdRKNWM5OcKCbjxAX+7r3VZqh8Goq6jTgZZm+VmxVZKa3Iub1tJalkatmmsPgxl4Q65jSUklmVlzRNm3gAupUcz2T3bK0bQ8ZVFJPFE26rGQ9JPhNODGk5EqYEcPECGWM7c7IbmKps9H0rmO0EmNCH80CUDqHzgekEKhTJPrvAQDc/GOw8jQLHAAAAABJRU5ErkJggg==);}
.fb3instagram{ background: transparent url( data:image/png;base64,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);}
.fb3youtube{ background: transparent url( data:image/png;base64,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);}
.fb4fooTitle{ background-color: #ca4848; color: White; padding: 33px 15px 0px 15px; font-size: 42px; font-weight: bold; text-transform: uppercase; margin: 0px;}
.fb4fooTitle a{ color: White; text-decoration: none;}
.fb4fooTitle a:hover{ color: #f4e6e6; text-decoration: none;}
.fb4foocont{ background-color: #9f9f9f; display: block; margin: 0px; padding: 15px; color: White; font-size: 15px; position: relative; height: 246px;}
.fb4foocont a{ color: White; text-decoration: none; position: absolute; bottom: 15px; right: 15px;}
.fb4foocont a:hover{ color: White; text-decoration: underline;}
p.footerTitle{ text-align: left; margin: 0px 0px 28px 0px; color: #d9c6c2; font-size: 22px; font-weight: bold; text-transform: uppercase;}
#footerbhomanslogan{ margin: 0px; padding: 20px 15px 10px 15px; color: White; text-align: left;}
#footerlogobohman{ margin: 0px; padding: 30px 15px 10px 15px; color: White; text-align: left;}
#footerlogobohman img{ width: 50%; height: auto; margin: 0px 0px 0px 0px;}
#footer ul, #footer li{ padding: 0px; margin: 0px; text-align: left; list-style: none inside none; color: White;}
#footer ul{ margin: 5px 0px 5px 0px;}
#footer li{ margin: 2px 0px 12px 0px;}
#footer .fooblokco3 li a{ font-size: 14px; color: #fcfefb; padding: 4px 5px 4px 18px; text-decoration: none; text-transform: uppercase; font-weight: bold;}
#footer .fooblokco3 li a:hover, #footer li a:focus{ color: #ffffff; text-decoration: underline;}
.homenadpisclener{ height: 3px; width: 15%; margin: 0px auto 20px auto; background-color: #2a68b1; clear: both;}
.socialnisite1{ text-align: center; margin: 5px 0px 0px 0px; height: 50px; margin-bottom: 20px;}
.socialnisite1 a.soccsite{ width: 47px; margin: 0px 7px 0px 7px; display: inline-table; height: 47px; opacity: .9; background-color: Blue; text-decoration: none;}
.socialnisite1 a.soccsite:hover{ opacity:1;}
.socialnisite1 a.facebook{ background: transparent url(../img/soc-facebook.png) no-repeat;}
.socialnisite1 a.twiter{ background: transparent url(../img/soc-twiter.png) no-repeat;}
.socialnisite1 a.youtube{ background: transparent url(../img/soc-youtube.png) no-repeat;}
.socialnisite1 a.linkedin{ background: transparent url(../img/soc-linkedin.png) no-repeat;}
.socialnisite1 a.google{ background: transparent url(../img/soc-google.png) no-repeat;}
.socialnisite1 a.insta{ background: transparent url(../img/soc-instagman.png) no-repeat;}
@media only screen and (max-width: 1040px) {
.fb1{ width: 24%; text-align: left; margin-top: 33px; margin-left: 2%; }
.fb2{ width: 25%; border-left: 1px solid #d2a4a4; color: White;margin-top: 33px;}
.fb3{ width: 23%; float: left;border-left: 1px solid #d2a4a4;margin-top: 33px;}
.fb4{ width: 25%; float: left;}
.fb4fooTitle{ padding: 36px 15px 0px 15px; font-size: 38px; margin: 0px;}
}
@media only screen and (max-width: 920px) {
.fb4fooTitle{ padding: 45px 15px 0px 15px; font-size: 32px; margin: 0px;}
}
@media only screen and (max-width: 800px) {
.fb4fooTitle{ padding: 54px 15px 0px 15px; font-size: 26px; margin: 0px;}
}
@media only screen and (max-width: 768px) {
.cleanerfzasek{ display: block; width: 100%; float: none; clear: both; height: 15px;}
#footer{ height: auto;}
.footerblok{ float: left; height: 350px;}
.fb1{ width: 32%; margin-top: 33px; margin-left: 2%;}
.fb2{ width: 31%; border-left: 1px solid #d2a4a4; color: White;margin-top: 33px;}
.fb3{ width: 28%; float: left;border-left: 1px solid #d2a4a4;margin-top: 33px;}
.fb4{ width: 100%; float: none; margin: 0px 0% 0px 0%;height: auto;}
.fb4fooTitle{ padding: 15px 15px 15px 15px; font-size: 32px; margin: 0px;}
.fb4foocont{ background-color: #9f9f9f; display: block; margin: 0px; padding: 15px; color: White; font-size: 15px; position: relative; height: 50px;}
.fb4foocont a{ color: White; text-decoration: none; position: absolute; bottom: 15px; right: 15px;}
.fb4foocont a:hover{ color: White; text-decoration: underline;}
}
@media only screen and (max-width: 568px) {
.fb2{ display: none;}
.fb1{ width: 48%; margin-top: 33px; margin-left: 2%;}
.fb3{ width: 49%; float: left;border-left: 1px solid #d2a4a4;margin-top: 33px;}
}
@media only screen and (max-width: 380px) {
.fb1, .fb2, .fb3, .fb4{
width: 100%;
float: none;
clear: both;
height: auto;
text-align: center;
margin-left: 0%;
border-left: 0px none #d2a4a4;
}
#footer ul, #footer li{ text-align: center; }
.fb1info{ text-align: center; padding: 2px 0px 8px 0px;}
.fb1tel,.fb1mail,.fb1adress{ background-image: none;}
p.footerTitle{
text-align: center;
margin: 0px 0px 15px 0px;
color: #d9c6c2;
font-size: 22px;
font-weight: bold;
text-transform: uppercase;
padding-top: 15px;
}
.fb3social{ padding-top: 25px;text-align: center;}
.fb3socialic{ display: inline-block; width: 44px; height: 44px; cursor: pointer; margin: 0px 6px 6px 6px;}
.fb3socialic:hover{ filter:saturate(1.6);}
.fb4foocont a{
text-decoration: none;
position: static;
bottom: 0px;
right: 0px;
display: block;
margin: 0px auto 5px auto;
padding-top: 10px;
}
}
/* kosik a objednavky*/
ul#objeheader{ display: block; width: 100%; list-style: none inside none; margin: 0px 0px 0px 0px; padding: 0px; height: 62px;}
ul#objeheader li{ width: 24.6%; margin: 0px .4% 0px 0px; background-color: #eeeeee; position: relative; text-align: center; text-transform: uppercase; color: #9d9d9d; font-weight: bold; padding: 11px 0px 11px 0px; float: left;}
ul#objeheader li.objeheaderLiLast{ width: 25%; margin: 0px 0% 0px 0px;}
ul#objeheader li.active{ background-color: #ca4848; color: #ffffff;}
span.objeheaderCont{ font-size: 14px;font-weight: bold;}
span.objeheaderNbr{ font-size: 22px;font-weight: bold; position: absolute; left: 20px;top: 7px;color: #c8c8c8;}
ul#objeheader li.active span.objeheaderNbr{ color: #e7b2ac;}
/*objednavka krok 1*/
div.objeLogin{ background-color: #eeeeee; height: 410px; width: 24.6%;margin: 0px .4% 0px 0px;position: relative;float: left;padding: 0px 0px 0px 0px;}
div.objeAdresa{ background-color: #eeeeee; min-height: 410px; width: 75%;margin: 0px 0px 0px 0px;position: relative;float: left;padding: 0px 0px 0px 0px;}
div.objePadd{ padding: 12px 18px 12px 18px;}
.hide901{
}
div.objeLoginTitle{ color: #ca4848; text-transform: uppercase; font-weight: bold; font-size: 18px; margin-bottom: 15px;}
div.objeLogin. p, div.objeAdresa. p{ color: #696969;}
div.objeAdresaLeft{ width: 46%; margin: 0px 6% 0px 0px; float: left;}
div.objeAdresaRight{ width: 48%; margin: 0px 0px 0px 0px; float: left;}
div.objeImgSluzby{ width: 100%; height: auto;}
div.objeImgSluzby img{ width: 100%; height: auto;}
div.objeDoprava{ background-color: #eeeeee; height: 410px; width: 49.6%;margin: 0px .4% 0px 0px;position: relative;float: left;padding: 0px 0px 0px 0px;}
div.objePlatba{ background-color: #eeeeee; min-height: 410px; width: 50%;margin: 0px 0px 0px 0px;position: relative;float: left;padding: 0px 0px 0px 0px;}
.tabDopravaRadek{ border-bottom: 1px solid White;}
.dopravaTitle{ display: block; font-weight: bold; color: #3d3d3d;}
.dopravaTitle{ display: block; color: #3d3d3d;}
.SouhrnObjTitle{ background-color: #eeeeee; padding: 8px 15px 8px 15px; font-weight: bold; font-size: 20px; color: #ca4848; margin-bottom: 3px;}
.SouTabTitle{ border-bottom: 1px solid #eeeeee; font-size: 18px; color: #4d4d4d; margin: 0px 10px 10px 10px; padding: 10px 0px 10px 0px;}
.potr0{ border-bottom: 1px solid #eeeeee;}
.TShrnProdukt{ font-size: 18px; color: #ca4848; font-weight: bold; display: block;}
.TShrnred{ font-size: 18px; color: #ca4848; font-weight: bold;}
@media only screen and (max-width: 900px) {
div.objeLogin{ height: auto; width: 99%;margin: 0px .5% 5px .5%;position: relative;float: none;padding: 0px 0px 15px 0px;}
div.objeAdresa{ min-height: 410px; width: 99%;margin: 0px .5% 0px .5%;position: relative;float: none;padding: 0px 0px 0px 0px;}
.hide901{
display: none;
}
}
@media only screen and (max-width: 640px) {
div.objeDoprava{ height: auto; width: 100%;margin: 0px 0px 0px 0px;float: none;}
div.objePlatba{ min-height: auto; width: 100%;margin: 0px 0px 0px 0px;float: none;}
}
#kosikSumar{ width: 100%; position: relative; margin: 0px 0px 18px 0px; height: 122px;}
#kosikSumarVoucher{ width: 254px; position: absolute; right: 265px; top: 0px; height: 122px; border: 1px solid #eeeeee;}
#kosikSumarVoucherTitle{ color: #4a4a4a; text-transform: uppercase; font-weight: bold; font-size: 16px; padding: 15px 0px 0px 0px; width: 176px; margin: 0px auto 0px auto;}
#kosikSumarSuma{ width: 260px; position: absolute; right: 0px; top: 0px;}
#kosikSumarSumaTop{ border-left: 1px solid #eeeeee; border-top: 1px solid #eeeeee; border-right: 1px solid #eeeeee; width: 258px;}
#kosikSumarSumaTitle{ color: #c64947; text-transform: uppercase; font-weight: bold; font-size: 16px; padding: 12px 0px 8px 17px; margin: 0px;}
#kosikSumarVoucherKod{ width: 180px; margin: 0px auto 7px auto;}
#SlevovyKod{ width: 164px; margin: 0px auto 0px auto; border: 1px solid #eeeeee; padding: 6px 7px 6px 7px; color: #2a2a2a; text-transform: uppercase; font-size: 11px; font-family: 'Roboto', sans-serif;}
#SlevovyKod:hover{ border: 1px solid #ca4848; color: Black;}
#kosikSumarVoucherButt{ width: 178px; margin: 0px auto 0px auto; display: block; color: White; background-color: #4a4a4a; text-align: center; padding: 13px 0px 13px 0px; font-weight: bold; font-size: 16px; cursor: pointer; text-transform: uppercase;}
#kosikSumarVoucherButt:hover{ background-color: #323232;}
#kosikSumarSumaMezi{ color: #4a4a4a; font-size: 12px; padding: 14px 0px 8px 13px;}
.kSSZahl{ display: block; float: left; width: 135px;}
#kosikSumarSumaFin{ display: block; background-color: #4a4a4a; color: White; padding: 13px 18px 13px 18px; font-weight: bold; font-size: 16px;}
@media only screen and (max-width: 540px) {
#kosikSumar{ width: 100%; position: relative; margin: 0px 0px 18px 0px; height: auto;}
#kosikSumarVoucher{
width: 90%;
position: static;
right: 0px;
top: 0px;
height: 122px;
border: 1px solid #eeeeee;
margin: 0px auto 10px auto;
}
#kosikSumarSuma{ width: 90%; position: static; right: 0px; top: 0px;margin: 0px auto 25px auto;}
#kosikSumarSumaTop{ width: 100%;}
.kSSZahl{ display: block; float: left; width: 70%;}
}
@media only screen and (max-width: 380px) {
.kSSZahl{ display: block; float: left; width: 60%;}
}
@media only screen and (max-width: 1040px) {
span.objeheaderNbr{ display: none;}
}
#homeSliderBlogTopLine{ display: none; height: 5px;}
#homeSliderBlog{ width: 100%; background-color: #9f9f9f; max-height: 398px; height: 398px;}
#homeBlogAtr{ right:0px; width: 25%; position: absolute; z-index: 40; height: auto; top:0px;}
#homeBlogAtr h2{ background-color: #ca4848; text-transform: uppercase; color: White; padding: 34px 10px 1px 10px; margin: 0px 0px 11px 0px; font-weight: bold; font-size: 35px; line-height: 32px; border-bottom: 0px none Aqua;}
#homeBlogAtr h2 a{ color: White; text-decoration: none;}
#homeBlogAtr h2 a:hover{ color: #f4e6e6; text-decoration: none;}
.homeBlogAtrPadd{ padding: 0px 10px 9px 10px; display: block; overflow: hidden; height: 61px; color: White; font-size: .9em;}
a.homeBlogAtrPaddHrefIMG{ display: block; width: 100%; height: auto;margin: 0px 0px 0px 0px;}
a.homeBlogAtrPaddHrefIMG img{ width: 100%; height: auto;margin: 0px 0px 0px 0px;}
@media only screen and (max-width: 1040px) {
#homeSliderBlog{ width: 99%; background-color: #9f9f9f; max-height: auto; height: auto;margin: 0px .5% 0px .5%;}
#homeBlogAtr{ right:.5%; width: 24%; position: absolute; height: auto; top:0px;}
#homeBlogAtr h2{ padding: 30px 10px 1px 10px; margin: 0px 0px 10px 0px; font-size: 32px; line-height: 32px;}
}
@media only screen and (max-width: 896px) {
#homeBlogAtr h2{ padding: 22px 10px 1px 10px; margin: 0px 0px 8px 0px; font-size: 27px; line-height: 27px;}
#homeBlogAtr{top:5px;}
#homeSliderBlogTopLine{ display: block; height: 5px; background-color: White;}
}
@media only screen and (max-width: 786px) {
#homeBlogAtr h2{ padding: 16px 10px 1px 10px; margin: 0px 0px 8px 0px; font-size: 20px; line-height: 20px; }
}
@media only screen and (max-width: 680px) {
#homeSliderBlog{ background-color: #ffffff;}
#homeBlogAtr{ right: 0px; width: 100%; position: relative; z-index: 40; height: auto; top: 0px; padding: 0px; margin: 0px 0px 5px 0px; background-color: #9f9f9f;}
#homeBlogAtr h2{ padding: 8px 10px 8px 10px; margin: 0px 0px 0px 0px; font-size: 24px; line-height: 24px;}
.homeBlogAtrPadd{ padding: 10px 10px 0px 10px; display: block; overflow: visible; height: auto; color: White; font-size: .9em; position: absolute; left: 32%;}
a.homeBlogAtrPaddHrefIMG{ display: block; width: 30%; height: auto; position: relative; padding: 4px 0px 0px 4px;}
}
@media only screen and (max-width: 420px) {
#homeSliderBlog{ width: 96%; margin: 0px 2% 0px 2%;}
a.homeBlogAtrPaddHrefIMG{ display: block; width: 45%; height: auto; position: relative; padding: 4px 0px 0px 4px;float: left;}
.homeBlogAtrPadd{
padding: 6px 4px 0px 0px;
display: inline;
overflow: visible;
height: auto;
position: relative;
float: right;
top: 0px;
width: 50%;
left: 0px;
font-size: .75em;
}
}
.fullBanner{ display: block; width: 100%; height: auto; margin: 0px 0px 25px 0px;}
.fullBanner img{ display: block; width: 100%; height: auto; margin: 0px 0px 0px 0px;}
.bobkontakt{ text-align: center; margin: 5px 0px 0px 0px; height: 80px; margin-bottom: 15px; display: block;}
a.jabob{ width: 79px; margin: 0px 7px 0px 7px; display: inline-table; height: 80px; opacity: .9; background-color: Blue; text-decoration: none; background: transparent url(../img/bob-erb.png) no-repeat;}
a.jabob:hover{opacity: 1;}
.bobmail{ width: 189px; display: inline-table; margin: 0px 7px 0px 7px; text-align: center; height: 40px;}
.bobtel{ width: 189px; display: inline-table; margin: 0px 7px 0px 7px; text-align: center; height: 40px;}
.bobmail p, .bobtel p{ /*margin-top: 30px;*/ text-align: center;}
.smallhide640{ font-size: 13px; }
@media only screen and (max-width: 640px) {.hide640{ display: none;}.obrazekstred{ width: 100%; height: auto;}}
@media only screen and (max-width: 420px) {.hide420{ display: none;}}
.he10{ height: 10px;}
.he15{ height: 15px;}
.he70{ height: 70px;}
.he100{ height: 100px;}
.he125{ height: 125px;}
.he150{ height: 150px;}¨
.r2{ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.r4{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.r50{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.badecTeamPla{ width: 22%; height: 365px; float: left; margin: 0px 1.5% 20px 1.5%; background: #ffffff; text-align: center;}
.badecTeamAvatar{ border: 1px solid #494949; margin: 0px auto 10px auto; width: 208px; height: 208px; overflow: hidden; position: relative;}
.badecTeamAvatar:hover{ border: 1px solid #ca4848;}
.badecTeamAvatar img{ width: 110%; height: auto; position: absolute; left: -5%;}
#badecTeamBlok a.badecTeamName{ display: block; border-bottom: 1px solid #ca4848; color: #ca4848; text-transform: uppercase; text-decoration: none; font-size: 18px; font-weight: bold; text-align: center; padding: 5px 0px 5px 0px; margin: 0px 0px 7px 0px;}
#badecTeamBlok a.badecTeamName:hover{ text-decoration: none; border-bottom: 3px solid #ca4848; margin: 0px 0px 5px 0px;}
.badecTeamKlub{ color: #656565;display: block;text-transform: uppercase;font-size: 16px;font-weight: bold; margin: 0px 0px 7px 0px;}
.badecTeamDesc{ display: block; font-size: 13px; color: #656565; text-align: center; overflow: hidden;height: 32px; margin: 0px 0px 15px 0px;}
#badecTeamBlok a.badecTeamNamego{ display: block; color: #939393; text-decoration: underline; font-size: 14px; padding: 5px 0px 0px 0px; margin: 0px 0px 5px 0px;}
#badecTeamBlok a.badecTeamNamego:hover{ text-decoration: underline; color: #575757; text-decoration: underline; }
@media only screen and (max-width: 1040px) {
.badecTeamAvatar{ width: 150px; height: 150px; }
}
@media only screen and (max-width: 732px) {
#badecTeamBlok a.badecTeamName{ font-size: 15px; }
.badecTeamKlub{ font-size: 14px;}
}
@media only screen and (max-width: 680px) {
.badecTeamPla{ width: 30.3%; height: 365px; float: left; margin: 0px 1.5% 20px 1.5%; background: #ffffff; text-align: center;}
}
@media only screen and (max-width: 540px) {
.badecTeamPla{ width: 45%; height: 365px; float: left; margin: 0px 2.5% 20px 2.5%; background: #ffffff; text-align: center;}
}
@media only screen and (max-width: 420px) {
.badecTeamAvatar{ width: 136px; height: 136px; }
}
@media only screen and (max-width: 360px) {
.badecTeamPla{ height: 295px; }
}
/*blog*/
#blogVstup{
background: #eeeeee;
}
.blogHleft{ float: left; height: auto; width: 779px; margin: 0px 5px 0px 0px;}
#blogHright{ float: left; height: auto; width: 256px; margin: 0px 0px 0px 0px; }
.blohHFirst{ position: relative; margin: 0px 0px 13px 0px; width: 100%;}
.blohHFirstIkon{ position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; height: auto;}
.blohHFirstIkon img{ margin: 0px 0px 0px 0px; width: 100%; height: auto;border-bottom: 2px solid #9f9f9f;}
.blohHFirstHeader{ background-color: #ca4848; padding: 15px 25px 25px 25px;margin: -4px 0px 0px 0px;}
h2.blohHFirstTitle{ margin: 0px 0px 0px 0px; padding: 0px 15px 5px 0px; border-bottom: 0px none Aqua; color: #ffffff; text-transform: uppercase; font-weight: bold; font-size: 32px;}
.blohHFirstInfo{ color: #ffffff; font-weight: lighter; text-transform: uppercase; font-size: 16px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
a.blohHFirstHref{ text-decoration: none;}
a.blohHFirstHref:hover .blohHFirstHeader{background-color: #b93939;}
.blohHFirstContent{
background-color: White;
padding: 15px 25px 15px 25px;
margin: 0px 0px 25px 0px;
color: #505050;
}
.blohHFirstContent img{
width: 100%;
height: auto; margin: 0px 0px 10px 0px;
}
.blohHFirstContAuto{
text-align: right;
font-style: italic;
font-weight: bold;
color: #414141;
padding: 8px;
border-top: 1px solid #e9e9e9;
}
a#NovyPrispevek{
text-align: center;
color: White;
font-weight: bold;
padding: 10px;
display: block;
width: 280px;
background-color: #ca4848;
margin: 0px auto 15px auto;
text-transform: uppercase;
}
a#NovyPrispevek:hover{ background-color: #b63b3b;}
.blogDiskuzeh3{
background-color: #ca4848;
color: White;
margin: 0px 0px 0px 0px;
padding: 15px;
text-transform: uppercase;
font-size: 18px;
font-weight: bold;
}
.mscrolerhorizontal{ max-height: 120px; width: 100%; overflow: hidden; padding: 0px 0px 0px 0px;}
.mscrolerhorizontalhome{ width: 100%; overflow: hidden; padding: 0px 0px 0px 0px;}
ul.timelinegalery, ul.timelinegalery li{list-style: none inside none;}
ul.timelinegalery{ margin: 0px; padding: 0px; max-width: auto; display: block;}
ul.timelinegalery li{ display: block; margin: 0px 15px 15px 0px; float: left; padding-bottom: 15px;}
ul.timelinegalery li img{height: 100px; width: auto;}
.icoPrispe{ width: 125px; height: 90px; display: block; margin: 0px auto 15px auto;background: transparent url(../img/ico-pro-diskuze.gif) no-repeat top;background-size: 100% 100%;}
.diskuzevlakno{ margin: 15px 0px 0px 0px; padding: 15px 15px 15px 15px; }
.diskuzekomentar{ margin: 0px 0px 15px 5%; padding: 15px 15px 15px 50px; background: #f8f9fa url(../img/diskuze-odpoved.png) no-repeat 5px 5px; font-style: italic;}
/*a.blohHFirstHref:hover .blohHFirstHeader{background-color: #b93939;}*/
.blohHlist{ background-color: #eeeeee; position: relative; margin: 0px 0px 5px 0px; height: 205px;}
.blohHlist{ background-color: #ffffff; position: relative; margin: 0px 0px 5px 0px; height: 205px;}
.blohHlistIcon{ width: 30%; overflow: hidden; left: 0px; top: 17px; position: absolute; bottom: 17px;}
.blohHlistIcon img{ height: 190px; width: auto; -webkit-filter: grayscale(100%); filter: grayscale(100%); margin: 0px auto 0px auto;object-fit: cover; transition: transform 400ms ease-out;}
.blohHlistIcon img:hover{ -webkit-filter: grayscale(0%); filter: grayscale(0%); transform: scale(1.15);}
.blohHlistIcon img {transition: all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;}
.blohHlistHeader{ position: absolute; top: 17px; width: 68%; left: 32%;}
h2.blohHlistTitle{ margin: 0px 0px 0px 0px; padding: 0px 15px 5px 0px; border-bottom: 0px none Aqua; color: #ca4848; text-transform: uppercase; font-weight: bold; font-size: 19px;}
a.blohHlistTitleHref{ text-decoration: none; color: #ca4848;}
a.blohHlistTitleHref:hover{ text-decoration: underline; color: #ca4848;}
.blohHlistInfo{ color: #424242; font-weight: lighter; text-transform: uppercase; font-size: 16px;}
#blogVstup p.blohHlistDesc{ position: absolute; bottom: 17px; width: 68%; left: 32%; color: #424242; padding: 0px 15px 0px 0px; margin: 0px 0px 0px 0px; font-size: 15px;}
#blogHright .blogHrightTitleblok{ background-color: #ca4848; margin: 0px 0px 15px 0px; padding: 0px 25px 0px 25px; height: 58px; position: relative;}
#blogHright .blogHrightTitleblok h3{ color: White; text-transform: uppercase; font-size: 26px; font-weight: bold; border-bottom: 0px none Aqua; margin: 0px; padding: 0px; position: absolute; bottom: -6px; left:25px;}
#blogHright ul, #blogHright ul li{ list-style: none inside none; margin: 0px; padding: 0px;}
#blogHright ul li{ margin: 0px 0px 5px 0px;}
#blogHright ul li a{
display: block;
padding: 9px 15px 9px 31px;
font-size: 16px;
text-decoration: none;
color: #ca4848;
}
#blogHright ul li a:hover{ background: White url(../img/blog-list-li.png) no-repeat 11px 50%; text-decoration: none;}
#blogHright .blohPopulist{
margin: 0px 0px 1px 0px;
}
#blogHright .blohPopulist a {
color: #ca4848;
background: White;
text-decoration: none;
font-weight: bold;
display: block;
padding: 8px 8px 8px 8px;
height: auto;
}
#blogHright .blohPopulist a:hover { color: white; background: #ca4848; text-decoration: none;}
#blogHright .blohPopulist a:hover h4{ color: white; }
#blogHright .blohPopulist h4 {
color: #ca4848;
font-weight: bold;
padding: 0px;margin: 0px;
}
#blogHright .blohPopulist .blohPopulistIcon { float: left; width: 30%; height: auto; margin-right: 10px;}
#blogHright .blohPopulist .blohPopulistIcon img{ width: 100%; height: auto;}
@media only screen and (max-width: 1040px) {
.blogHleft{ float: left; height: auto; width: 70%; margin: 0px .5% 0px 0px;}
#blogHright{ float: left; height: auto; width: 29.5%; margin: 0px 0px 0px 0px; }
#blogVstup p.blohHlistDesc{top: 120px; width: 68%; left: 32%; overflow: hidden;}
}
@media only screen and (max-width: 920px) {
#blogHright ul li a{ display: block; padding: 9px 10px 9px 29px; font-size: 15px;}
}
@media only screen and (max-width: 736px) {
.blogHleft{ float: none; height: auto; width: 100%; margin: 0px 0% 15px 0px;}
#blogHright{ float: none; height: auto; width: 100%; margin: 0px 0px 0px 0px; }
h2.blohHFirstTitle{font-size: 28px;}
#blogVstup p.blohHlistDesc{bottom: 17px; width: 68%; left: 32%; overflow: hidden;}
}
@media only screen and (max-width: 480px) {
h2.blohHFirstTitle{font-size: 24px;}
.blohHFirstInfo{ font-size: 13px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.blohHlist{ position: relative; margin: 0px 0px 5px 0px; height: auto; padding: 7px;}
.blohHlistIcon{ width: 30%; left: 0px; position: static; float: left;}
.blohHlistIcon img{ height: auto; width: 100%; margin: 0px auto 0px auto;object-fit: cover; }
.blohHlistHeader{ position: static; width: 66%; float: left; margin-left: 2%;}
h2.blohHlistTitle{ padding: 0px 15px 5px 0px;font-size: 16px;}
.blohHlistInfo{ font-size: 13px;}
#blogVstup p.blohHlistDesc{ display: none;}
}
/////////////////*sroler*/
.mscrolerhorizontal{
max-height: 206px;
width: 90%;
overflow: hidden;
padding: 12px 2% 0px 2%;
margin: 0px auto 0px auto;
background-color: #f4f4f4;
}
/*
.mscrolerhorizontal div{ position: relative;}
ul.timelinegalery, ul.timelinegalery li{list-style: none inside none;}
ul.timelinegalery{ margin: 0px; padding: 0px; max-width: auto; display: block;}
ul.timelinegalery li{ display: block; margin: 0px 15px 15px 0px; float: left; padding-bottom: 15px; }
ul.timelinegalery li img{height: 180px; width: auto;border: 4px solid White;}*/
.produktzalozkyHome{ padding: 8px 10px 0px 10px; height: 45px;}
.produktzalozkyHome a{ font-size: 18px; cursor: pointer; text-decoration: none; padding: 5px 2px 2px 2px; position: relative; display: block; float: left; margin: 0px 12px 0px 12px; text-decoration: none; color: #646263; text-transform: uppercase;}
a.produktzalozkavybrana{ color: #ca4848;}
a.produktzalozka{ }
.produktzalozky a:hover{ border-bottom: 3px solid #ca4848;}
.produktzalozky a.produktzalozkavybrana:hover{ border-bottom: 3px solid #ca4848;}
.produktzalozkyobsah{ padding: 15px 15px 15px 15px; clear: both; position: relative; margin-top:-2px;}
#velikostnitabulkaproduktu img{ width: 100%; height: auto;}
.divvypisblokH{ display: block;}
.divvypisnoneH{ display: none;}
@media only screen and (max-width: 846px) {
.produktzalozkyobsah{ padding: 0px 15px 15px 15px; clear: both; position: relative; margin-top:-2px;}
}
@media only screen and (max-width: 846px) {
}
/*registrace*/
div.registrace{ background-color: #eeeeee; height: auato; width: 100%;margin: 0px 0px 0px 0px;position: relative;float: none;padding: 0px 0px 0px 0px;}
div.objePadd{ padding: 12px 18px 12px 18px;}
#vypletanihornistin{ background: transparent url(../img/vypletani-horni-stin.jpg) no-repeat bottom; background-size: 100% auto; height: 24px; width: 100%; margin: 0px;}
#vypletanispodnistin{ background: transparent url(../img/vypletani-spodni-stin.jpg) no-repeat top; background-size: 100% auto; height: 24px; width: 100%; margin: 0px 0px 60px 0px;}
#vypletani{ height: auto; border: 1px solid #9f9f9f;}
#vypletanipadd{ padding: 20px; position: relative;}
#vypletaniIko{ float: left; width: 38%; margin: 0px 4% 0px 0px;}
#vypletaniIko img{ width: 100%; height: auto; border: 1px solid #a0a0a0;}
h1#vypletanih1{ font-weight: 900; font-size: 54px; margin: 0px 0px 25px 0px; font-family: 'Roboto', sans-serif; text-transform: uppercase; padding-top: 25px;}
.vypletaniDescSec{ margin-bottom: 125px;}
#vyplSpodniBlok{ position: absolute; right: 20px; bottom: 20px; width: 50%; height: 105px;}
#vypletaniCenik{ position: absolute; right: 0px; bottom: 0px; width: 40%;}
#vypletaniCenik a{ background-color: #636466; text-transform: uppercase; text-align: center; padding: 15px 0px 15px 0px; display: block; color: #fefefe; text-decoration: none; font-weight: bold; font-size: 15px;}
#vypletaniCenik a:hover{ background-color: #515151; color: #ffffff;text-decoration: none;}
@media only screen and (max-width: 930px) {
h1#vypletanih1{ font-size: 42px; margin: 0px 0px 25px 0px; padding-top: 0px;}
}
@media only screen and (max-width: 420px) {
#vypletaniIko{ float: none; width: 80%; margin: 0px auto 15px auto;}
#vypletaniCont{ float: none; clear: both;}
h1#vypletanih1{ font-size: 28px; margin: 0px 0px 20px 0px; padding: 0px; text-align: center;}
#vyplSpodniBlok{ position: absolute; right: 5%; left: 5%;bottom: 5%; width: auto; height: 105px;}
#vypletaniCenik{ width: 100%;}
.vypletaniDescSec{
text-align: justify;
margin: 0px 0px 110px 0px;
padding: 0px;
width: 100%;
}
.vypletaniDescSec p{ text-align: justify; margin: 0px; padding: 0px;}
p.vypletaniDesc{ text-align: justify; margin: 0px; padding: 0px; }
}