/*http://css-tricks.com/snippets/css/css-box-shadow/*/

body {
    margin: 0; padding: 0;
    background: url(/images/background-1.jpg) no-repeat 50% 0;
    color: #3c3128;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
}
body.homepage {
    background: url(/images/background-4.jpg) no-repeat 50% 0;
    color: #6b5848;
}
body.reference {
    background: url(/images/background-3.jpg) no-repeat 50% 0;
}
h1, h2, h3 {
    padding: 0; margin: 0;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
}
h1 {
    margin: 0 0 30px;
    letter-spacing: -3px;
    line-height: 100%;
    font-size: 60px;
    font-weight: 800;
    text-transform: uppercase;
}
.homepage h1 {
    font-weight: 900;
    font-size: 60px;
    letter-spacing: 0;
    margin: 0 0 5px;
}
.prkna h1, .trivrstve h1 {margin-bottom: 14px}
.drevene h1, .reference h1 {margin: 0 0 5px;}
.detail h1 {margin-bottom: 17px;}

h2 {
    margin: 0 0 10px;
    color: #ff9500;
    font-size: 40px;
    letter-spacing: -1px;
    text-transform: uppercase;
}
.homepage h2, .color h2 {font-size: 30px;}
.prkna h2 {
    padding-left: 5px;
    margin-bottom: 8px;
}
.reference .gallery h2 {letter-spacing: 0px;}

h3 {
    padding: 0;
    margin: 0 0 10px;
    font-size: 32px;
    font-weight: 900;
}
.classification .item h3 {
    margin: 0;
    color: #3c3128;
    font-size: 24px;
    font-weight: 900;
    letter-spacing: -1px;
}

ul, ol {
    padding: 0;
    margin: 0 0  15px 15px;
    line-height: 135%;
}
p {
    padding: 0;
    margin: 0 0 15px;
    line-height: 125%;
}
a {color: #ff9500;}
a:hover {color: #ff9500; text-decoration: none;}
a,
a:link,
a:hover,
a:visited,
a:active {outline:none;}

input, textarea, label {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #404040;
}
img {border: none}
legend {display: none;}
fieldset { border: none; padding: 0; margin: 0; }
form {padding: 0; margin: 0;}
address {font-style: normal;line-height: 160%;}
table {padding: 0; margin: 0; border-collapse: collapse;}
table th {text-align: left;}
td {border-collapse: collapse;}
abbr { speak: spell-out; border-bottom: 1px dotted; cursor: help; }
.itext,
.atext {
    width: 220px;
    padding: 4px 8px; margin: 0;
    background: #fff;
    border: 1px solid #b4b4b4;
    color: #676664;
    font-size: 14px;
}
.isubmit {
    padding: 4px 8px; margin: 0;
    background: #ff7a00 url(/images/topmenu-li-over.png) repeat-x 0 0;
    -moz-box-shadow:    0px 0px 5px 2px #c6c6c6;
    -webkit-box-shadow: 0px 0px 5px 2px #c6c6c6;
    box-shadow:         0px 0px 5px 2px #c6c6c6;
    border: 1px solid #fff8f3;
    color: #fff;
    cursor: pointer;
    cursor: hand;
    font-size: 14px;
}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.clear {clear:both}
.hidden {visibility: hidden;}
.alert {background: #f60 url(); padding: 15px; border: 4px solid #f00; color: #fff}
.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}
tr.over {background: #f1f1f1 }
.fl-left, .img-left {float: left; margin: 0 15px 15px 0;}
.fl-right, .img-right {float: right; margin: 0 0 15px 15px;}
.border {border: 5px solid #d8d4d0;}

.clearfix:before,
.clearfix:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.clearfix:after {clear: both; }
.clearfix {zoom: 1;}

ul#topmenu, #services ul, #sections ul, .menu ul, .submenu ul, ul.social, .color ul, ul.buttons, #footer ul  {list-style-type: none; padding: 0; margin: 0;}
ul#topmenu li, #services ul li, #sections ul li,  .menu ul li, .submenu ul li, ul.social li, .color ul li, ul.buttons li {display: inline; padding: 0; margin: 0;}
ul#topmenu li a, #services ul li a, #sections ul li a, .menu ul li a, .submenu ul li a, ul.social li a, .color ul li a, ul.buttons li a {display: block; float: left; text-decoration: none;}

#page {
    width: 100%; height: 100%;
    padding: 0; margin: 0;
}
.in {
    position: relative;
    margin: 0 auto;
    padding: 0 0;
    width: 980px;
    text-align: left;
    background: #fff;
}
#header .in {
    height: 110px;
}
#logo, #slogan, #logo img {
    display: block;
    position: absolute;
    left: 10px;
    top: 0px;
    overflow: hidden;
    width: 276px;
    height: 100px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}
#logo span {
    padding: 25px 0 0;
    text-indent: -1111px;
}
#logo img {
    z-index: 1;
    left: 0;
}
#logo {
    font-size: 30px;
    text-decoration: none;
    text-indent: -1111px;
}
#slogan {
    color: #fff;
    display: block;
    padding: 60px 0 0;
    font-size: 18px;
    text-transform: uppercase;
}
#topmenu {
    right: 25px;
    top: 0px;
    position: absolute;
    min-height: 62px;
    _height: 62px;
    background: url(/images/topmenu-border-top.png) repeat-x 0 0;
}
ul#topmenu li {
    position: relative;
    float: left;
    display: block;
    padding: 30px 0px 0px 2px;
    min-height: 63px;
    _height: 63px;
}
ul#topmenu li.active, ul#topmenu li.hover {background: url(/images/topmenu-border-top-over.png) repeat-x 0 0;}
ul#topmenu > li > a {
    position: relative;
    color: #6b5848;
    font-size: 17px;
    text-decoration: none;
    text-transform: uppercase;
}
ul#topmenu > li.first > a {padding-left: 0;}
ul#topmenu > li.last > a {padding-right: 0;}

ul#topmenu > li > a > span {
    border: 1px solid transparent;
    padding: 16px;
    display: block;
    position: relative;
}
ul#topmenu > li a:hover > span, ul#topmenu > li.active > a > span, ul#topmenu > li.hover > a > span {color: #fff;}
ul#topmenu li.active img, ul#topmenu li.hover img {opacity: 1;}
ul#topmenu img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ff7a00 url(/images/topmenu-li-over.png) repeat-x 0 0;
    -moz-box-shadow:    0px 0px 5px 2px #c6c6c6;
    -webkit-box-shadow: 0px 0px 5px 2px #c6c6c6;
    box-shadow:         0px 0px 5px 2px #c6c6c6;
    border: 1px solid #fff8f3;
}
ul#topmenu li ul {
    z-index: 1;
    position: absolute;
    top: 80px;
    left: 2px;
    padding: 5px 0px;
    margin: 0;
    background: #fff;
    -moz-box-shadow:    0px 0px 5px 2px #c6c6c6;
    -webkit-box-shadow: 0px 0px 5px 2px #c6c6c6;
    box-shadow:         0px 0px 5px 2px #c6c6c6;
    border: 5px solid transparent;
    border-top: 0;
}
ul#topmenu li ul li {
    padding: 0;
    margin: 0;
    background: transparent;
    min-height: 20px;
    _height: 20px;
}

ul#topmenu li ul li a {
    padding: 3px 5px;
    width: 165px;
    color: #3c3128;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    -moz-box-shadow:    none;
    -webkit-box-shadow: none;
    box-shadow:         none;
}
ul#topmenu li ul li a:hover {color: #ff9500;}

.trivrstve .content, .detail .content {
    min-height: 870px;
    _height: 870px;
}
.homepage .content {width: 630px;}


.perex {
    margin: 0 0 20px;
    font-size: 24px;
    line-height: 125%;
}
.perex .highlighted {
    font-weight: bold;
    color: #ff9500;
}
.homepage .perex {
    margin: 0 0 18px;
    font-size: 18px;
    line-height: 130%;
}
.services .perex {margin: 0 0 34px;line-height: 100%;}


.prkna .perex {margin: 0 0 22px;}
.trivrstve .perex {
    padding-top: 6px;
    letter-spacing: -1px;
}
.drevene .perex, .reference .perex {font-size: 18px;line-height: 130%;}
.reference .perex {margin: 0 0 13px;}

#services {
    margin: 30px 0 0;
}

.col {
    height: 469px;
    width: 479px;
    position: relative;
    float: left;
    margin: 10px 1px 10px 10px;
    overflow: hidden;
}

.services .col,
.services .col {
    width: 306px;
    height: 383px;
    margin: 0 1px 1px 0;
}

.col.last {
    margin: 10px 9px 10px 0px;
}

#services li{
    margin: 10px 9px 10px 0px;
    color:white;
}

.col .col-in {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

.col .col-bg {
    position: relative;
    width: 100%;
    padding: 10px 0 0;
    background: url(/images/services-trans-bg.png) repeat 0 0;
}
.col .col-bg2 {
    background: #6b5848;
    padding: 0 13px 2px;
}
.col.hover .col-bg2 {background: #ff7a00 url(/images/service-box-bg-over.png) repeat-x 0 0;}
.homepage .col.col-bg2 {padding: 0;}

.col h2 {
    padding: 13px 0px 10px;
    margin: 0;
    color: #fff;
    font-size: 24px;
    font-weight: 900;
    letter-spacing: -1px;
    text-shadow: 1px 1px 1px #000;
}
.col h2 span {font-weight: 100;}
.homepage .col h2 {
    padding: 5px 19px 9px;
    font-weight: 100;
    font-size: 40px;
}
#services p {
    font-size: 13px;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}
.homepage #services ul {
    padding: 0 0 20px 20px
}
.homepage #services ul li a {
    color: #fff;
    position: relative;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    width: 220px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 1px 1px 0 0;
    text-shadow: 1px 1px 2px #000;
    background: #504236;
}
.homepage #services ul li.odd a {
}
.homepage #services ul li a:hover, .homepage #services ul li a.active  {
    color: #ff9500;
    background: #3c3128;
}

#services .more,
#services .plus {
    position: absolute;
    top: -10px;
    right: 5px;
    width: 33px;
    height: 33px;
    overflow: hidden;
    text-indent: -1111px;
    background: url(/images/services-plus-minus.png) no-repeat 0 0;
}
#services .plus {background: url(/images/services-plus-minus.png) no-repeat 0 -67px;}

.homepage #services .more,
.homepage #services .plus {
    position: absolute;
    top: -15px;
    right: 20px;
    width: 48px;
    height: 48px;
    overflow: hidden;
    text-indent: -1111px;
    background: url(/images/services-plus-minus-homepage.png) no-repeat 0 0;
}
.homepage #services .plus {background: url(/images/services-plus-minus-homepage.png) no-repeat 0 -57px;}

#content {
    padding: 30px 0 0;
}

.homepage #content .in  {
    background: #fff url(/images/content-bg-homepage.jpg) no-repeat 0 0;
}
#content .in  {
    padding-top: 20px;
    background: #fff url(/images/content-bg.jpg) no-repeat 0 0;
    border-bottom: 1px solid #fff;
}
#services .in {background: #fff;}

#content .col1 {
    float: left;
    width: 690px;
    margin: 20px 0 10px 30px;
    position: relative;
}

.akcni-nabidka {
    float: right;
    width: 190px;
    padding: 75px 45px 0 0;
    color: #fff;
    font-size: 14px;
    text-shadow: 1px 1px 1px #333;
    text-align: center;
}
.akcni-nabidka h2 {
    margin: 0 0 2px;
    color: #ffcb00;
    font-size: 26px;
    font-weight: 900;
    text-transform: none;
}
.akcni-nabidka p {
    font-style: italic;
    line-height: 130%;
}

.akcni-nabidka a  {
    font-style: italic;
    line-height: 130%;
    color: black;
    text-transform: none;
     text-shadow: none;
}

#sections {
    margin: 0 0 0 19px;
    padding: 2px 0 10px;
}

#sections ul li a {
    width: 227px;
    height: 169px;
    margin: 0 10px 0 0;
    color: #fff;
    font-weight: 800;
    font-size: 26px;
    line-height: 120%;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #333;
    overflow: hidden;
}
#sections ul li a:hover {
    color: #ff9500;
    
}
#sections ul li.section-bg1 a:hover {
    background: url(/images/sections-bg2.png) no-repeat;
}

#sections ul li.section-bg1 a {
    background: url(/images/sections-bg1.png) no-repeat;
}
#sections ul li.section-bg2 a {
    background: url(/images/sections-bg2.png) no-repeat;
}
#sections ul li a span {
    background: url(/images/sections-icos.png) no-repeat;
    display: block;
    width: 189px;
    height: 149px;
    padding: 12px 20px;
}
#sections ul li#section1 a span {background-position: 74px 71px;}
#sections ul li#section1 a:hover span {background-position: 74px -150px;}
#sections ul li#section2 a span {background-position: -162px 71px;}
#sections ul li#section2 a:hover span {background-position: -162px -150px;}
#sections ul li#section3 a span {background-position: -400px 71px;}
#sections ul li#section3 a:hover span {background-position: -400px -150px;}
#sections ul li#section4 a span {background-position: -637px 71px;}
#sections ul li#section4 a:hover span {background-position: -637px -150px;}


.col12 {
    margin: 0 19px 20px;
}
.col12a {
    margin: 0 29px 0px;
}
.gallery a {
    display: block;
    width: 156px;
    height: 120px;
    overflow: hidden;
    float: left;
    margin: 0 1px 1px 0;
}
.gallery a.gallery-text {
    width: 281px;
    height: 95px;
    text-decoration: none;
    font-size: 30px;
    font-weight: lighter;
    text-transform: uppercase;
    padding: 12px 16px;
    line-height: 110%;
    letter-spacing: -2px;
}

.gallery a.gallery-text strong {
    display: block;
    color: #6b5848;
    font-weight: 900;
    letter-spacing: -1px;
}
.gallery a.gallery-text:hover strong {
    color: #ff9500;
}

#footer .in {
    margin: auto;
    background: #46392f;
    color: #d5dbe2;
    padding: 21px 0 10px;
}

#footer .in .blok {
    width: 116px;
    float: left;
    padding: 0 0 0 32px
}
#footer .in h2 {
    margin: 0px 0px 3px 0px;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: 0;
    text-shadow: 1px 1px 1px #000;
    text-transform: none;
}

#footer .in .blok h2 {
    margin-left:-5px

}

#footer .in .blok a {
    color: #d5dbe2;
    line-height: 170%;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000;
}
#footer .in .blok a:hover { color: #ff9500; }
#footer .in .blok2 {width: 122px; }
#footer .in .blok3 { width: 224px; }
#footer .in .blok3 ul {
    float: left;
    margin: 0 22px 0 0;
}
#footer .in .blok4 {
    width: 380px;
    position: relative;
}
#footer #logo-footer {
    display: block;
    position: absolute;
    top: 0;
    right: 11px;
    background: url(/images/logo-footer.png) no-repeat;
    width: 175px;
    height: 63px;
    overflow: hidden;
    text-indent: -1111px;
}
#footer .phone {
    display: block;
    padding: 6px 0 40px 30px;
    color: #fff;
    background: url(/images/footer-phone.png) no-repeat 4px 3px;
    font-size: 18px;
    font-weight: 900;
}
#footer p#created,
#footer p#copyright {
    text-align: right;
    margin: 0;
    font-size: 13px;
}
#footer #copyright { font-size: 14px; }
#footer #copyright span, #footer p#created a {color: #ff9500;}
#footer p#created a {text-decoration: underline;}
#footer p#created a:hover {text-decoration: none;}

#breadcrumbs {
    padding: 8px 0 10px 13px;
    margin: -21px 0 22px;
    font-size: 16px;
    background: url(/images/breadcrumbs-bg.png) repeat-x 0 100%;
    color: #fff;
    font-weight: bold;
    height:22px;
}
#breadcrumbs a,
#breadcrumbs span {
    color: #fff;
    display: block;
    float: left;
    margin: 0 15px 0 0;
    padding: 0 25px 0 0;
    font-weight: normal;
}
#breadcrumbs a {
    background: url(/images/breadcrumb.png) no-repeat 100% 5px;
    text-decoration: underline;
}
#breadcrumbs a:hover { text-decoration: none; }


.img-main {margin: 7px 0 15px }

.classification{width:980px;margin-left:-24px }

.classification .item {
    float: left;
    width: 307px;
    margin: 0 7px 27px 0;
    padding: 0;
}
.classification .third { margin-right: 0 }
.classification .item img { margin: 0 0 -2px; }
.classification .item p {
    line-height: 125%;
    margin-bottom: 0;
}

.tabulka-tvrdosti {
    float: right;
    display: block;
    height: 54px;
    width: 218px;
    padding: 8px 0 0 89px;
    margin: 0 0 15px;
    color: #fff;
    background: url(/images/btn-tabulka-tvrdosti.png) no-repeat;
    font-size: 17px;
    letter-spacing: -1px;
    line-height: 140%;
    text-decoration: none;
    text-shadow: 0px 0px 3px #000;
    text-transform: uppercase;
}
.tabulka-tvrdosti strong {
    font-size: 22px;
    display: block;
}
.tabulka-tvrdosti:hover {
    color: #fff;
    text-shadow: 0px 0px 1px #000;
}

.table { margin: 0 0 12px }
.table tr th, .table tr td {
    vertical-align: top;
    padding: 2px 9px;
}
.table tr.even th, .table tr.even td { background: #ffeacc; }
.prkna table {
    width: 100%;
    border: 0;
}
.color {
    padding: 7px 0 0;
    margin: 0 0 28px;
}
.color ul li a {
    display: block;
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 3px 3px 0;
    color: #1b1612;
    line-height: 130%;
    text-align: center;
}
.color ul li a img {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -40px;
    width: 80px;
}
.color ul li a:hover { color: #1b1612; }
.color ul li a:hover img {
    z-index: 1;
    border: 5px solid #d8d4d0;
    -moz-box-shadow:    0px 0px 5px 2px #999;
    -webkit-box-shadow: 0px 0px 5px 2px #999;
    box-shadow:         0px 0px 5px 2px #999;
}
.color ul li.last a { margin-right: 0; }
.color ul li a:hover span {
    position: absolute;
    bottom: -55px;
    left: -30px;
    display: block;
    z-index: 1;
    width: 130px;
    padding: 3px 0;
    background: #ff9500;
}

/* trivstve */
.trivrstve .col { height: 298px }
.trivrstve .tabulka-tvrdosti { float: right; margin-bottom: 35px }
.trivrstve .fl-left { margin-bottom: 0; }
.sections {margin: 0 0 20px; }

.services .col12a h2{ font-size:16px}
.services .col12a section h2{ font-size:24px}
/* berry */
.services .cols2 .col {
    width: 358px;
    height: auto;
    margin: 0 17px 7px 0;
    font-size: 16px;
    color: #3c3128
}
.services .cols2 .even { margin: 0 0 15px 0; }
.services .cols2 { padding: 15px 0 30px; }
.services .cols2 .col img {
    border: 3px solid #d8d4d0;
    margin: 0 0 7px 0;
}
.sections .section {
    width: 296px;
    position: relative;
    display: block;
    float: left;
    margin: 0 10px 10px 0;
    color: #fff;
    font-weight: 800;
    text-shadow: 0px 0px 5px #000;
    letter-spacing: -1px;
}
.section span {
    font-size: 30px;
    text-transform: uppercase;
    position: absolute;
    bottom: 15px;
    right: 20px;
}
/* reference */
.reference .gallery a {
    width: 234px;
    height: 169px;
}
.reference .gallery { margin: 0 0 23px; }
.detail .attributes { margin: 0 0 30px; }
.detail .attributes .row { padding: 5px; }

.detail .attributes .label {
    display: block;
    float: left;
    width: 125px;
}
.detail .attributes.price { line-height: 50%; }
.detail .attributes .price strong{ font-size: 24px;}
.detail ul.buttons {
    clear: both;
    padding: 8px 0 0;
    margin: 0 0 15px;
}
.detail .buttons a strong {
    display: block;
    text-transform: uppercase;
}
.detail .buttons a {
    background: url(/images/buttons-bg.png) repeat-x 0 100%;
    border: 1px solid #fff;
    color: #fff;
    height: 59px;
    width: 234px;
    margin: 0 10px 0 0;
    display: block;
    font-size: 19px;
    text-shadow: 0px 0px 3px #000;
    text-transform: uppercase;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.detail .buttons a:hover { background-image: url(/images/buttons-bg-over.png); }
.detail .buttons a span {
    display: block;
    background:  no-repeat 0 0;
    padding: 9px 0 0 53px;
    letter-spacing: -1px;
    line-height: 100%;
}
.detail .buttons .button1 span {background-image: url(/images/button1.png);}
.detail .buttons .button2 span {background-image: url(/images/button2.png);}
.detail .buttons .button3 span {background-image: url(/images/button3.png);}
.detail .buttons .button4 span {background-image: url(/images/button4.png);}
.detail .buttons .last a {margin-right: 0;}

.drevene .col, .trivrstve .col { cursor: pointer; cursor: hand; }

/* barvy */

.orange-kontakt {
    color:#ff9500;
    font-size:18px;
    margin-top: 125px;
    
}

#frm-contactForm {float: left; width: 400px; padding: 20px; background-color: #d5c7b4; line-height: 26px; margin-bottom: 30px; }
				#frm-contactForm div {float: left; width: 214px;}
				#frm-contactForm div.druhej {width: 196px;}
				#frmcontactForm-name,#frmcontactForm-email {font-size: 13px; width:182px; height:24px}
				#frm-contactForm textarea {float: left; display: block; width: 384px;  border: 1px solid #b7b7b7; padding: 5px; margin: 0; outline: 0; font-size: 13px; color: #575a5d; min-height: 125px; _height: 125px;overflow: auto;}
				#frm-contactForm i {font-style: normal; color: red;}
				#frm-contactForm .frmcontactForm-email{margin-left:90px;}
				#frm-contactForm .frmcontactForm-email-input{margin-left:20px;}
                #frm-contactForm .textarea {float: left; padding-top:8px;}
			    #frm-contactForm label {margin-left:5px;}
                #frm-contactForm .button {margin-left:163px; margin-top:15px}
                
                


.seznamtext {
    margin-left: 45px;
    padding-left:45px;
    list-style-type: none
    
}

.quform-error {
    color:red;
				
}			
				
.quform-success-message {
    color:#ff9500;
    font-size:15px;
				
}