/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/* STRANKA */

a {text-decoration: none; color: rgb(66,2,120);}
a:hover {cursor: pointer;}

img, video {border: none; color: rgb(234,234,234);}
:active, :focus {outline: none; -moz-outline-style: none;}

* {margin: 0;}
html {height: 100%;}
body {height: 100%; font-family: 'Lucida Grande', Arial, 'Lucida Sans Unicode', sans-serif; text-decoration: none; background-image: url("https://grafika.strojirnaloucna.cz/textury/textura1.png"); background-repeat: repeat;}
#stranka {width: 88%; max-width: 1690px; min-height: 100%; height: auto !important; height: 100%; position: relative; top: 0px; left: 0px; display: block; font-size: 13px; margin: 0 auto -40px auto;}
#obsah {width: 100%; display: table; margin: 27px 0 27px 0;}

/* STRANKA */
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/* NABIDKA */

#nabidka {width: 100%; height: 57px; display: table; position: relative; top: 0px; left: 0px; z-index: 20; text-shadow: white 1px 1px 1px; font-size: 14px; font-weight: bold; text-align: center; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-top: solid 1px white; border-left: solid 1px white; border-right: solid 1px gray; border-bottom: solid 1px gray; background: rgb(242,242,242); background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(232,232,232,1) 47%, rgba(224,224,224,1) 100%); background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(232,232,232,1) 47%,rgba(224,224,224,1) 100%); background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(232,232,232,1) 47%,rgba(224,224,224,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#e0e0e0',GradientType=0);}

#nabidka_uvod {width: 8%; height: 57px; display: inline; float: left; white-space: nowrap; overflow:hidden !important; text-overflow: ellipsis; padding: 20px 12px 0 12px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-top-left-radius: 7px; -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; border-bottom-left-radius: 7px; -moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px;}

#nabidka_kategorie02 {width: 15%; height: 57px; display: inline; float: left; color: rgb(66,2,120); white-space: nowrap; overflow:hidden !important; text-overflow: ellipsis; border-left: 1px solid white; padding: 20px 12px 0 12px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#nabidka_kategorie02_menu #nabidka_kategorie02_popup {width: calc(15% + 1px); position: absolute; top: 56px; left: 8%; display: none; font-size: 15px; font-weight: normal; background-color: rgb(234,234,234); padding: 0 0 5px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; border-left: 1px solid white; border-right: 1px solid white; border-bottom: 1px solid white;}
#nabidka_kategorie02_menu:hover #nabidka_kategorie02_popup {display: block;}
#nabidka_kategorie02_menu:hover #nabidka_kategorie02 {background: rgb(226,226,226); background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(234,234,234,1) 100%); background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(234,234,234,1) 100%); background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(234,234,234,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#eaeaea',GradientType=0);}
#nabidka_kategorie02_menu #nabidka_kategorie02_popup a {width: 100%; float: left; text-align: left; padding: 7px 12px 7px 12px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; white-space: nowrap; overflow:hidden !important; text-overflow: ellipsis;}
#nabidka_kategorie02_menu #nabidka_kategorie02_popup a:hover {background: rgb(210,210,210); color: #000;}
/* #nabidka_kategorie02_popup a:nth-child(9), a:nth-child(15) {border-top: 1px solid rgb(210,210,210);} */

#nabidka_kategorie24 {width: 15%; height: 57px; display: inline; float: left; color: rgb(66,2,120); border-left: 1px solid white; white-space: nowrap; overflow:hidden !important; text-overflow: ellipsis; padding: 20px 12px 0 12px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#nabidka_kategorie24_menu #nabidka_kategorie24_popup {width: calc(15% + 1px); position: absolute; top: 56px; left: 23%; display: none; font-size: 15px; font-weight: normal; background-color: rgb(234,234,234); padding: 0 0 5px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; border-left: 1px solid white; border-right: 1px solid white; border-bottom: 1px solid white;}
#nabidka_kategorie24_menu:hover #nabidka_kategorie24_popup {display: block;}
#nabidka_kategorie24_menu:hover #nabidka_kategorie24 {background: rgb(226,226,226); background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(234,234,234,1) 100%); background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(234,234,234,1) 100%); background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(234,234,234,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#eaeaea',GradientType=0);}
#nabidka_kategorie24_menu #nabidka_kategorie24_popup a {width: 100%; float: left; text-align: left; padding: 7px 12px 7px 12px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; white-space: nowrap; overflow:hidden !important; text-overflow: ellipsis;}
#nabidka_kategorie24_menu #nabidka_kategorie24_popup a:hover {background: rgb(210,210,210); color: #000;}

#nabidka_kategorie46 {width: 15%; height: 57px; display: inline; float: left; color: rgb(66,2,120); border-left: 1px solid white; white-space: nowrap; overflow:hidden !important; text-overflow: ellipsis; padding: 20px 12px 0 12px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#nabidka_kategorie46_menu #nabidka_kategorie46_popup {width: calc(15% + 1px); position: absolute; top: 56px; left: 38%; display: none; font-size: 15px; font-weight: normal; background-color: rgb(234,234,234); padding: 0 0 5px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; border-left: 1px solid white; border-right: 1px solid white; border-bottom: 1px solid white;}
#nabidka_kategorie46_menu:hover #nabidka_kategorie46_popup {display: block;}
#nabidka_kategorie46_menu:hover #nabidka_kategorie46 {background: rgb(226,226,226); background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(234,234,234,1) 100%); background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(234,234,234,1) 100%); background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(234,234,234,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#eaeaea',GradientType=0);}
#nabidka_kategorie46_menu #nabidka_kategorie46_popup a {width: 100%; float: left; text-align: left; padding: 7px 12px 7px 12px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; white-space: nowrap; overflow:hidden !important; text-overflow: ellipsis;}
#nabidka_kategorie46_menu #nabidka_kategorie46_popup a:hover {background: rgb(210,210,210); color: #000;}

#nabidka_kategorie68 {width: 14%; height: 57px; display: inline; float: left; color: rgb(66,2,120); border-left: 1px solid white; white-space: nowrap; overflow:hidden !important; text-overflow: ellipsis; padding: 20px 12px 0 12px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: rgb(226,226,226); background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0);}
#nabidka_kategorie68_menu #nabidka_kategorie68_popup {width: calc(14% + 1px); position: absolute; top: 56px; left: 53%; display: none; font-size: 15px; font-weight: normal; background-color: rgb(234,234,234); padding: 0 0 5px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; border-left: 1px solid white; border-right: 1px solid white; border-bottom: 1px solid white;}
#nabidka_kategorie68_menu:hover #nabidka_kategorie68_popup {display: block;}
#nabidka_kategorie68_menu:hover #nabidka_kategorie68 {background: rgb(226,226,226); background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(234,234,234,1) 100%); background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(234,234,234,1) 100%); background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(234,234,234,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#eaeaea',GradientType=0);}
#nabidka_kategorie68_menu #nabidka_kategorie68_popup a {width: 100%; float: left; text-align: left; padding: 7px 12px 7px 12px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; white-space: nowrap; overflow:hidden !important; text-overflow: ellipsis;}
#nabidka_kategorie68_menu #nabidka_kategorie68_popup a:hover {background: rgb(210,210,210); color: #000;}

#nabidka_strojni_vybaveni {width: 13%; height: 57px; display: inline; float: left; white-space: nowrap; overflow:hidden !important; text-overflow: ellipsis; border-left: 1px solid white; padding: 20px 12px 0 12px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

#nabidka_reference {width: 11%; height: 57px; display: inline; float: left; white-space: nowrap; overflow:hidden !important; text-overflow: ellipsis; border-left: 1px solid white; padding: 20px 12px 0 12px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

#nabidka_kontakt {width: 9%; height: 57px; display: inline; float: left; white-space: nowrap; overflow:hidden !important; text-overflow: ellipsis; border-left: 1px solid white; padding: 20px 12px 0 12px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-top-right-radius: 7px; border-bottom-right-radius: 7px; -moz-border-radius-topright: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-top-right-radius: 7px; -webkit-border-bottom-right-radius: 7px;}

/* NABIDKA */
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/* NABIDKA_RESPO */

#nabidka_respo {width: 21%; height: 57px; display: none; float: left; color: rgb(66,2,120); border-left: 1px solid white; white-space: nowrap; overflow:hidden !important; text-overflow: ellipsis; padding: 20px 12px 0 12px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#nabidka_respo_menu #nabidka_respo_popup {width: 21%; min-width: 220px; position: absolute; top: 52px; right: 0px; display: none; background-color: rgb(234,234,234); padding: 4px 0 5px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; border-right: 1px solid gray; border-top: solid 1px rgb(250,250,250); border-bottom: 1px solid white; border-left: 1px solid white; border-bottom: 1px solid white;}
#nabidka_respo_menu:hover #nabidka_respo_popup {display: block;}
#nabidka_respo_menu:hover #nabidka_respo {border-top-right-radius: 7px; border-top-right-radius: 7px; -moz-border-radius-topright: 7px; border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; background: rgb(226,226,226); background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(234,234,234,1) 100%); background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(234,234,234,1) 100%); background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(234,234,234,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#eaeaea',GradientType=0);}
#nabidka_respo_menu #nabidka_respo_popup a, #nabidka_respo_menu #nabidka_respo_popup .nabidka_respo_kategorie {width: 100%; float: left; text-align: right; color: rgb(66,2,120); padding: 7px 12px 7px 12px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; white-space: nowrap; overflow:hidden !important; text-overflow: ellipsis;}
#nabidka_respo_menu #nabidka_respo_popup a:hover, #nabidka_respo_menu #nabidka_respo_popup .nabidka_respo_kategorie:hover {background: silver; color: #000; cursor: pointer;}
#nabidka_respo_menu:hover #nabidka {border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0;}
#nabidka_respo_uvod, #nabidka_respo_kategorie24, #nabidka_respo_kategorie46, #nabidka_respo_kategorie68, #nabidka_respo_strojni_vybaveni, #nabidka_respo_reference, #nabidka_respo_kontakt {display: none;}
#nabidka_respo_prekryti {width: 21%; height: 1px; position: absolute; top: 52px; right: 1px; display: none; border-top: solid 1px rgb(232,232,232); z-index: 50;}
#nabidka_respo_menu:hover #nabidka_respo_prekryti {display: inline-block;}

.nabidka_respo_podkategorie_ramecek a {font-size: 15px; font-weight: normal; background: rgb(210,210,210);}

#nabidka_uvod:hover, #nabidka_kategorie02:hover, #nabidka_kategorie24:hover, #nabidka_kategorie46:hover, #nabidka_kategorie68:hover, #nabidka_strojni_vybaveni:hover, #nabidka_reference:hover, #nabidka_kontakt:hover, #nabidka_respo:hover {background: rgb(226,226,226); background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0);}

@media only screen and (max-width: 1450px) {#nabidka_kategorie02_menu #nabidka_kategorie02_popup, #nabidka_kategorie24_menu #nabidka_kategorie24_popup, #nabidka_kategorie46_menu #nabidka_kategorie46_popup, #nabidka_kategorie68_menu #nabidka_kategorie68_popup {font-size: 14px;}}

@media only screen and (max-width: 1800px) {#nabidka_uvod {width: 8%;} #nabidka_kategorie02 {width: 16%;} #nabidka_kategorie02_menu #nabidka_kategorie02_popup {width: calc(16% + 1px); left: 8%;}  #nabidka_kategorie24 {width: 16%;} #nabidka_kategorie24_menu #nabidka_kategorie24_popup {width: calc(16% + 1px); left: 24%;} #nabidka_kategorie46 {width: 16%;} #nabidka_kategorie46_menu #nabidka_kategorie46_popup {width: calc(16% + 1px); left: 40%;} #nabidka_kategorie68 {width: 14%;} #nabidka_kategorie68_menu #nabidka_kategorie68_popup {width: calc(14% + 1px); left: 56%;} #nabidka_strojni_vybaveni {width: 12%;} #nabidka_reference {width: 10%;} #nabidka_kontakt {width: 8%;}}
@media only screen and (max-width: 1600px) {#nabidka_uvod {width: 7%;} #nabidka_kategorie02 {width: 17%;} #nabidka_kategorie02_menu #nabidka_kategorie02_popup {width: calc(17% + 1px); left: 7%;}  #nabidka_kategorie24 {width: 17%;} #nabidka_kategorie24_menu #nabidka_kategorie24_popup {width: calc(17% + 1px); left: 24%;} #nabidka_kategorie46 {width: 16%;} #nabidka_kategorie46_menu #nabidka_kategorie46_popup {width: calc(16% + 1px); left: 41%;} #nabidka_kategorie68 {width: 14%;} #nabidka_kategorie68_menu #nabidka_kategorie68_popup {width: calc(14% + 1px); left: 57%;} #nabidka_strojni_vybaveni {width: 12%;} #nabidka_reference {width: 9%;} #nabidka_kontakt {width: 8%;}}
@media only screen and (max-width: 1400px) {#nabidka_uvod {width: 8%;} #nabidka_kategorie02 {width: 20%;} #nabidka_kategorie02_menu #nabidka_kategorie02_popup {width: calc(20% + 1px); left: 8%;}  #nabidka_kategorie24 {width: 20%;} #nabidka_kategorie24_menu #nabidka_kategorie24_popup {width: calc(20% + 1px); left: 28%;} #nabidka_kategorie46 {width: 18%;} #nabidka_kategorie46_menu #nabidka_kategorie46_popup {width: calc(18% + 1px); left: 48%;} #nabidka_kategorie68 {width: 16%;} #nabidka_kategorie68_menu #nabidka_kategorie68_popup {width: calc(16% + 1px); left: 66%;} #nabidka_strojni_vybaveni {width: 13%;} #nabidka_reference, #nabidka_kontakt {display: none;} #nabidka_respo {width: 5%; display: inline;} #nabidka_respo_prekryti {width: 5%;} #nabidka_respo_reference, #nabidka_respo_kontakt {display: block;}}
@media only screen and (max-width: 1200px) {#nabidka_uvod {width: 8%;} #nabidka_kategorie02 {width: 24%;} #nabidka_kategorie02_menu #nabidka_kategorie02_popup {width: calc(24% + 1px); left: 8%;}  #nabidka_kategorie24 {width: 23%;} #nabidka_kategorie24_menu #nabidka_kategorie24_popup {width: calc(23% + 1px); left: 32%;} #nabidka_kategorie46 {width: 21%;} #nabidka_kategorie46_menu #nabidka_kategorie46_popup {width: calc(21% + 1px); left: 55%;} #nabidka_kategorie68 {width: 19%;} #nabidka_kategorie68_menu #nabidka_kategorie68_popup {width: calc(19% + 1px); left: 76%;}  #nabidka_strojni_vybaveni, #nabidka_reference, #nabidka_kontakt {display: none;} #nabidka_respo {width: 5%; display: inline;} #nabidka_respo_prekryti {width: 5%;} #nabidka_respo_strojni_vybaveni, #nabidka_respo_reference, #nabidka_respo_kontakt {display: block;}}
@media only screen and (max-width: 1000px) {#nabidka_uvod {width: 10%;} #nabidka_kategorie02 {width: 30%;} #nabidka_kategorie02_menu #nabidka_kategorie02_popup {width: calc(30% + 1px); left: 10%;}  #nabidka_kategorie24 {width: 29%;} #nabidka_kategorie24_menu #nabidka_kategorie24_popup {width: calc(29% + 1px); left: 40%;} #nabidka_kategorie46 {width: 26%;} #nabidka_kategorie46_menu #nabidka_kategorie46_popup {width: calc(26% + 1px); left: 69%;} #nabidka_kategorie68, #nabidka_strojni_vybaveni, #nabidka_reference, #nabidka_kontakt {display: none;} #nabidka_respo {width: 5%; display: inline;} #nabidka_respo_prekryti {width: 5%;} #nabidka_respo_kategorie68, #nabidka_respo_strojni_vybaveni, #nabidka_respo_reference, #nabidka_respo_kontakt {display: block;}}
@media only screen and (max-width: 780px) {#nabidka_uvod {width: 14%;} #nabidka_kategorie02 {width: 39%;} #nabidka_kategorie02_menu #nabidka_kategorie02_popup {width: calc(39% + 1px); left: 14%;}  #nabidka_kategorie24 {width: 39%;} #nabidka_kategorie24_menu #nabidka_kategorie24_popup {width: calc(39% + 1px); left: 53%;} #nabidka_kategorie46, #nabidka_kategorie68, #nabidka_strojni_vybaveni, #nabidka_reference, #nabidka_kontakt {display: none;} #nabidka_respo {width: 8%; display: inline;} #nabidka_respo_prekryti {width: 8%;} #nabidka_respo_kategorie46, #nabidka_respo_kategorie68, #nabidka_respo_strojni_vybaveni, #nabidka_respo_reference, #nabidka_respo_kontakt {display: block;}}
@media only screen and (max-width: 600px) {#nabidka_kategorie02 {width: 46%;} #nabidka_kategorie02_menu #nabidka_kategorie02_popup {width: calc(46% + 1px); left: 0%;}  #nabidka_kategorie24 {width: 45%;} #nabidka_kategorie24_menu #nabidka_kategorie24_popup {width: calc(45% + 1px); left: 46%;} #nabidka_uvod, #nabidka_kategorie46, #nabidka_kategorie68, #nabidka_strojni_vybaveni, #nabidka_reference, #nabidka_kontakt {display: none;} #nabidka_respo {width: 9%; display: inline;} #nabidka_respo_prekryti {width: 9%;} #nabidka_respo_uvod, #nabidka_respo_kategorie46, #nabidka_respo_kategorie68, #nabidka_respo_strojni_vybaveni, #nabidka_respo_reference, #nabidka_respo_kontakt {display: block;}}
@media only screen and (max-width: 500px) {#nabidka_kategorie02 {width: 85%;} #nabidka_kategorie02_menu #nabidka_kategorie02_popup {width: calc(85% + 1px); left: 0%;} #nabidka_uvod, #nabidka_kategorie24, #nabidka_kategorie46, #nabidka_kategorie68, #nabidka_strojni_vybaveni, #nabidka_reference, #nabidka_kontakt {display: none;} #nabidka_respo {width: 15%; display: inline;} #nabidka_respo_prekryti {width: 15%;} #nabidka_respo_uvod,#nabidka_respo_kategorie24, #nabidka_respo_kategorie46, #nabidka_respo_kategorie68, #nabidka_respo_strojni_vybaveni, #nabidka_respo_reference, #nabidka_respo_kontakt {display: block;}}

/* NABIDKA_RESPO */
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/* KATEGORIE */

#kategorie_nadpis {width: 100%; font-size: 20px; font-weight: bold; color: rgb(20,20,20);}
#kategorie_popisek {width: 100%; font-size: 14px; color: rgb(100,100,100);}
#kategorie_vypis {width: calc(100% + 20px); margin: 20px 0 0 0;}

.obrazek_ramecek {position: relative; display: inline-block; margin: 0 20px 0 0;}
.obrazek_nazev {font-size: 13px; line-height: 150%; color: rgb(100,100,100); text-align: center; position: absolute; overflow: hidden !important; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.obrazek_stin {position: relative; display: block; /* background-color: rgb(234,234,234); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-box-shadow: 0px 1px 2px 1px rgba(153,153,153,1); -moz-box-shadow: 0px 1px 2px 1px rgba(153,153,153,1); box-shadow: 0px 1px 2px 1px rgba(153,153,153,1); */}
.obrazek_samotny {position: absolute; /* ramecek border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; */}

@media only screen and (max-width: 800px) {
	/* #kategorie_vypis {text-align: center; margin-left: auto; margin-right: auto;} */
	#kategorie_vypis .obrazek_ramecek {vertical-align: middle;}
	}

/* KATEGORIE */
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/* POLOZKA */

#polozka_ramecek {width: 100%; display: table;}

#obrazek_ramecek {max-width: 50%; height: 100%; margin-right: 35px; position: relative; float: left;}
.obrazek_stin {width: 100%; position: relative; top: 0px; left: 0px; float: left; cursor: pointer; /* padding: 5px; */ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; /* background-color: rgb(234,234,234); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; */}
.obrazek_samotny {max-width: 100%; position: relative; display: block; /* border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; */}

.ramecek_obycejny {width: calc(50% - 35px); position: relative; float: right; font-size: 14px; line-height: 150%; color: rgb(100,100,100); /* padding: 25px 30px 20px 30px; */ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; /* background-color: rgb(234,234,234); -webkit-box-shadow: 0px 1px 2px 1px rgba(153,153,153,1); -moz-box-shadow: 0px 1px 2px 1px rgba(153,153,153,1); box-shadow: 0px 1px 2px 1px rgba(153,153,153,1); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; */ margin-top: 10px;}
.ramecek_obycejny_nadpis {font-size: 20px; font-weight: bold; color: rgb(20,20,20);}

#ov_ramecek {width: calc(100% + 20px); display: table;}
.ov_vypis_nadpis {font-size: 18px; font-weight: bold; color: rgb(100,100,100); margin-bottom: 20px;}
.ov_obrazek_ramecek {position: relative; display: block; float: left; margin: 0 20px 20px 0;}
.ov_obrazek_stin {position: absolute; cursor: pointer; background-color: rgb(234,234,234); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-box-shadow: 0px 1px 2px 1px rgba(153,153,153,1); -moz-box-shadow: 0px 1px 2px 1px rgba(153,153,153,1); box-shadow: 0px 1px 2px 1px rgba(153,153,153,1); }
.ov_obrazek_nestin {position: absolute; cursor: pointer;}
.ov_obrazek_samotny {position: absolute;}
.ov_video_samotne {position: absolute; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;}

.tlacitko_play_ramecek {width: 58px; height: 58px; position: relative; display: block; cursor: pointer; background-color: black; opacity: 0.75; filter: alpha(opacity=75); border: solid 2px white; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; z-index: 20;}
.tlacitko_play_trojuhelnik {width: 0; height: 0; position: relative; top: 14px; left: 19px; display: block; font-size: 0; line-height: 0; border-left: 30px solid white; border-top: 15px solid transparent; border-bottom: 15px solid transparent;}

#pp_ramecek {width: calc(100% + 20px); display: table; margin-top: 10px;}
.pp_obrazek_ramecek {position: relative; display: inline-block; margin: 0 20px 0 0;}
.pp_obrazek_nazev {font-size: 13px; line-height: 150%; color: rgb(100,100,100); text-align: center; position: absolute; overflow:hidden !important; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

#cena_ramecek {bottom: 0px; display: block; float: left; padding: 6px 10px 4px 10px; margin: 20px 0 10px 0; background: rgba(100,255,100,0.2); border: solid 1px rgb(149,149,149); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 4px 2px rgba(0,0,0,0.1); box-shadow: 0 0 4px 2px rgba(0,0,0,0.1);}
#cena_nazev {position: relative; top: -1px; color: rgb(79,79,79);}
#cena_cena {font-size: 21px; font-weight: bold; color: rgb(60,60,60); text-shadow: rgb(232,232,232) 1px 1px 1px;}

/* rozmer, umisteni */
.cena_tabulka {position: relative; bottom: 0px; float: left; text-align: right; border-collapse: separate; border-spacing: 0;}
.cena_tabulka_prvni_kolonka_select select {width: 100%; height: 100%; display: block;}
/* ramecek, stin, rohy */
.cena_tabulka {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 4px 2px rgba(0,0,0,0.1); box-shadow: 0 0 4px 2px rgba(0,0,0,0.1);}
.cena_tabulka tr:first-child td:first-child {border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px;}
.cena_tabulka tr:first-child td:last-child {border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;}
.cena_tabulka tr:last-child td:first-child {border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px;}
.cena_tabulka tr:last-child td:last-child {border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;}
.cena_tabulka td {border-top: solid 1px gray; border-right: solid 1px gray;}
.cena_tabulka tr td:first-child {border-left: solid 1px gray;}
.cena_tabulka tr:last-child td {border-bottom: solid 1px gray;}
.cena_tabulka_prvni_kolonka_select select {border-top-left-radius: 4px;}
/* pozadi */
.cena_tabulka {background: rgba(100,255,100,0.2);}
.cena_tabulka tr:first-child {background-color: rgba(52,208,39,0.47);}
.cena_tabulka tr:first-child td:first-child {background-color: rgba(2,193,68,0.64);}
.cena_tabulka_prvni_kolonka_select select {border: none; background-color: rgba(2,193,68,0.64);}
/* pismo */
.cena_tabulka {color: rgb(90,90,90); text-align: right;}
.cena_tabulka tr:first-child {color: rgb(80,80,80);}
.cena_tabulka td:first-child {text-align: left;}
.cena_tabulka tr:first-child td:first-child, .cena_tabulka_prvni_kolonka_select select {color: rgb(0,0,0);}
.cena_tabulka_prvni_kolonka_select select {cursor: pointer;}
/* zarovnani */
.cena_tabulka {margin: 20px 0 10px 0;}
.cena_tabulka td {padding: 2px 6px 2px 6px;}
.cena_tabulka_prvni_kolonka_select {padding: 0 !important;}
.cena_tabulka_prvni_kolonka_select select {padding: 5px 6px 5px 6px;}

#tlacitko_poptat {width: 26%; min-width: 80px; max-width: 150px; height: 32px; position: relative; bottom: 0px; display: block; float: right; text-align: center; font-size: 13px; line-height: 32px; color: white; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 20px 0 0 15px; border: solid 1px rgb(19,187,53); -webkit-box-shadow: inset 0 1px 3px -1px white; -moz-box-shadow: inset 0 1px 3px -1px white; box-shadow: inset 0 1px 3px -1px white; background: rgb(27,165,0); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFiYTUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMzdjMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(27,165,0,1) 0%, rgba(35,124,0,1) 100%); background: -webkit-linear-gradient(top, rgba(27,165,0,1) 0%,rgba(35,124,0,1) 100%); background: linear-gradient(to bottom, rgba(27,165,0,1) 0%,rgba(35,124,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ba500', endColorstr='#237c00',GradientType=0 );}
#tlacitko_poptat:active {color: rgb(130,130,130); background: rgb(170,200,170); border: solid 1px rgb(150,150,150);}

#poptat_vyber_ramecek {width: 26%; min-width: 80px; max-width: 150px; position: relative; bottom: 0px; display: none; float: right; text-align: center; font-size: 12px; line-height: 26px; color: black; cursor: pointer; background-color: rgb(120,208,138); margin: -2px 1px 0 15px; border: solid 1px rgb(19,187,53); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px;}
.poptat_vyber_radek {width: 100%; display: block; color: black;}
.poptat_vyber_radek:hover {color: white; background-color: rgb(0,172,51);}

#formk_ramecek {width: 100%; display: none; float: right; color: rgb(20,20,20);}
.formk_nadpis {font-weight: bold; margin: 5px 5px 2px 2px;}
#formk_email, #formk_telefon, #formk_firma, #formk_predmet {min-height: 20px;}
#formk_zprava {min-height: 60px;}
.formk_vstup {width: 100%; width: calc(100% - 20px); position: relative; display: block; background-color: rgb(234,234,231); border: solid 1px rgb(155,172,144); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 5px 10px 5px 10px;}
#formk_varovani {max-width: 65%; display: inline-block; float: left; color: white; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 5px 10px 5px 10px; margin: 20px 0 0 0;}
#formk_odeslat {width: 26%; min-width: 80px; max-width: 150px; height: 30px; position: relative; bottom: 0px; display: inline-block; float: right; text-align: center; font-size: 13px; line-height: 30px; color: rgb(2,28,13); cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 20px 0 0 0; border: solid 1px rgb(55,149,74); -webkit-box-shadow: inset 0 1px 3px -1px white; -moz-box-shadow: inset 0 1px 3px -1px white; box-shadow: inset 0 1px 3px -1px white; background: rgb(108,215,140);}
#formk_hotovo {display: none; color: black; font-size: 13px; font-weight: bold; text-align: center; cursor: pointer; background-color: rgb(140,206,169); border: solid 1px rgb(85,170,122); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px 10px 10px 10px; margin-top: 20px;}

@media only screen and (max-width: 800px) {
	#obrazek_ramecek {width: auto !important; max-width: 100%; margin-right: 0;}
	.ramecek_obycejny {width: 100%; margin-top: 30px;}
	.obrazek_samotny {width: 100% !important;}
	/* #ov_ramecek {text-align: center; margin-left: auto; margin-right: auto; float: none;}
	#ov_ramecek .ov_obrazek_ramecek {vertical-align: middle; display: inline-block; float: none;}
	#pp_ramecek {text-align: center; margin-left: auto; margin-right: auto;}
	#pp_ramecek .pp_obrazek_ramecek {vertical-align: middle;} */
	.ov_vypis_nadpis {text-align: left;}
	}

/* POLOZKA */
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/* DETAIL */

#vu_obrazek_zrusit {width: 25px; height: 25px; display: block; position: absolute; z-index: 10; cursor: pointer;}
#vu_obrazek_stin {position: absolute; background-color: rgb(234,234,234); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-box-shadow: 0px 1px 2px 1px rgba(153,153,153,1); -moz-box-shadow: 0px 1px 2px 1px rgba(153,153,153,1); box-shadow: 0px 1px 2px 1px rgba(153,153,153,1);}
#vu_obrazek_samotny {position: absolute; /* cursor: pointer; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; */}

#vu_nahravam {width: 100px; height: 50px; display: table; position: relative; left: calc(50% - 50px); text-align: center; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
#vu_nahravam_kolo1 {width: 40px; position: relative; top: 10px; left: 0px;}
#vu_nahravam_kolo2 {width: 40px; position: relative; top: 5px; left: -4px;}

#obrazek_nahravam {position: absolute; top: calc(50% - 24px); left: calc(50% - 35px); display: block; z-index: 10;}
#nahravam_kolo1 {width: 40px; position: relative; top: 7px; left: 0px;}
#nahravam_kolo2 {width: 40px; position: relative; top: 0px; left: -10px;}

/* DETAIL */
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/