@font-face {
    font-family: 'lucida_handwritingitalic';
    src: url('./font/lucidahandwriting.eot');
    src: url('./font/lucidahandwriting.eot?#iefix') format('embedded-opentype'),
         url('./font/lucidahandwriting.woff') format('woff'),
         url('./font/lucidahandwriting.ttf') format('truetype'),
         url('./font/lucidahandwriting.svg#lucida_handwritingitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	 @font-face {
    	font-family: 'lucida_handwritingitalic';
    	src: url('./font/lucidahandwriting.svg#lucida_handwritingitalic') format('svg');
    	font-weight: normal;
    	font-style: normal;

	 }
}


body {
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    background: #ffffff;
    color: #594B33;
    min-width: 1100px;
}


/*obecné CSS třídy*/
.defaultWidth {width: 950px; margin: 0 auto;}
.orangeText {color: #D97703;}
.brownText {color: #360e01;}
.italic {font-family: 'lucida_handwritingitalic'; font-style: italic;}
.clear {clear: both;}
.linkLikeButtonContact {
    padding: 8px 28px;
    background: #ffffff;
    border-radius: 4px;
    border: 1px solid #B6ADA1;
    color: #D97703;
    text-decoration: none;
}
.ounlara { display:none; }
.linkLikeButtonContact:hover {text-decoration: underline;}
.wrapper-big {padding: 20px 0px;}
.wrapper-medium {padding: 10px 0px;}
.wrapper-small {padding: 5px 0px;}
.uppercase {text-transform: uppercase;}
/*horizontal separators ---------------------------------------------*/
.defaultSeparator{background: url("../images/separator.png") repeat-x; height: 7px;}
.defaultSeparator.bigerWidth, .simpleSeparator.bigerWidth {
    width: 985px; 
    margin: 0 auto; 
    position: relative; 
    right: 17px;
}
.simpleSeparator {width: 100%; height: 1px; background: #F3EDDF;}
.subPageDefaultSeparator {width: 650px; margin: 0 auto; position: relative; right: 195px; top: 7px;}
/*----------------------------------------------------------------*/


img {border: none;}
h1, h2, h3, p {margin: 0px; padding: 0px;}
a {color: #594B33; text-decoration: underline;}
a:hover {text-decoration: none;}
li.noBullet {list-style-image: none; list-style-type: none;}
/*----------------*/

/*========== horní návěští s jazyky, logem a vyhledáváním ===========*/
#topLabel {
    background: #5B3E1E;
    height: 50px;
    color: #FFDAB4;
}
#topLabelContent {
    height: 100%;        
}
#topLabelContent #languages {
    float: left;
    min-width: 200px;    
    font-size: 11px;
    font-family: "Arial";   
    position: relative;
    top: 20px;
}
#topLabelContent #languages a {
    color: #FFDAB4;
    opacity: 0.7;
    filter: alpha(opacity = 70);
    padding-left: 20px;
    margin-right: 10px;
    text-decoration: none;
}
#topLabelContent #languages a:first-child {margin-left: 10px;}
#topLabelContent #languages a.active, #topLabelContent #languages a:hover {
    opacity: 1;
    filter: alpha(opacity = 100);
    text-decoration: underline;
}
#topLabelContent #languages a.cz {
    background: url("../images/cz-flag.png") no-repeat center left;
}
#topLabelContent #languages a.en {
    background: url("../images/en-flag.png") no-repeat center left;
}
#topLabelContent #languages a.it {
    background: url("../images/it-flag.png") no-repeat center left;
}
#topLabelContent #logo {
    margin: 0 auto;
    width: 296px;
    height: 216px;
}
#topLabelContent #searchBox {
    position: relative;
    top: 15px;
    width: 170px;    
    float: right;
}
/*Google custom search*/
.gsc-search-box-tools .gsc-search-box .gsc-input {
	 padding-right: 0px !important; 	
	 font-style: italic;
    font-size: 11px;
    font-family: "Arial"; 
}
.gsc-input-box  { border-radius: 3px;}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
	 padding: 3px 0px !important; 
	 margin-top: 5px !important;
    width: 13px !important;
    height: 13px !important; 	 	 
}
/*#topLabelContent #searchBox input[type="text"]{
    border-radius: 3px;
    float: right;
    width: 130px;
    height: 18px;
    color: #B9630B;
    border: none;
    padding: 4px;
    font-style: italic;
    font-size: 11px;
    font-family: "Arial";
}
#topLabelContent #searchBox input[type="submit"]{
    cursor: pointer;
    border: none;
    background: url("../images/search-icon.png") no-repeat;
    width: 13px;
    height: 13px;
    position: relative;
    left: 130px;
    top: 6px;
    float: right;
}*/
/*============================================================*/

/*========== slider a menu ===========================*/
#headerBox {
    height: 604px;
    width: 100%;
    background: #CEC1A7 url("../images/headerBG3.png") no-repeat center 1px;
}

/* menu ------------------------------------------------------*/
#headerContent nav {
    height: 30px;
    margin: 0 auto;
    font-size: 22px;
    text-align: center;
    position: relative;
    top: 180px;
}
#headerContent nav ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;     
}
#headerContent nav ul li {display: inline;}
#headerContent nav ul .listItemsSeparator {color: #CB8D4D; margin: 0px 3px 0px 4px;}
#headerContent nav ul li a {color: #473921; text-decoration: none;}
#headerContent nav ul li a.active {color: #b65d01;}
#headerContent nav ul li a:hover {color: #B55D01;}
/*------------------------------------------------------------*/

/* slider v hlavičce------------------------------------------*/
#headerContent #headerSlider {
    position: relative;
    top: 230px;
    height: 330px;
}
#headerContent #headerSlider .headerSliderHoverCircle{
    color: #ffffff;
    font-size: 27px;
    text-align: center;
    width: 165px;
    height: 165px;
    background: url("../images/hoverCircle.png") no-repeat;
    position: absolute;
    top: 70px;
    left: 40px;
    z-index: 50000;
    display: none;
}
#headerContent #headerSlider .headerSliderHoverCircle:hover {display: block;}
#headerContent #headerSlider .bxslider img:hover + .headerSliderHoverCircle {display: block;}
/*------------------------------------------------------------*/
/*============================================================*/

/*=========================== obsah ==========================*/
#contentBox {min-height: 200px;width: 100%;}
.contentContent {height: 100%; padding: 0px 10px 0px 10px;}

.contentContent h1{
    margin: 0px;
    padding: 10px 0px;
    font-size: 40px;
    text-align: center;
    font-weight: normal;
}
.contentContent h1 span.capital {font-weight: bold;}
.contentContent h1 span.capitalAfter {font-weight: normal; font-size: 30px;}

.contentContent h1.subPageH1, .contentContent h2.subPageH2 {text-align: left; margin-bottom: 10px; font-weight: normal;}
.contentContent h1.subPageH1 {text-align: center;}
.contentContent .subHeadingText {font-size: 25px;}

.contentContent #leftSubPageBox {float: left; width: 600px;}
.contentContent #leftSubPageBox p {font-size: 14px;}

/* subboxy v obsahu-----------------------------------------------*/
/* a) dva boxy vedle sebe */
.contentContent #contentSubBoxesDouble {min-height: 200px;}
.contentContent #contentSubBoxesDouble #leftIndexSubBoxDouble, 
.contentContent #contentSubBoxesDouble .leftDefaultSubBoxDouble {
    width: 400px;
    padding: 5px 10px;
    float: left;
    min-height: 100px;
    position: relative;
    left: 40px;
}
.contentContent #contentSubBoxesDouble #rightSubBoxDouble,
.contentContent #contentSubBoxesDouble .rightDefaultSubBoxDouble {
    width: 400px;
    padding: 5px 10px;
    float: right;
    min-height: 100px;
    position: relative;
    right: 40px;
}
.contentContent #contentSubBoxesDouble .leftDefaultSubBoxDouble {left: 0px; padding-left: 0px;}
.contentContent #contentSubBoxesDouble .rightDefaultSubBoxDouble {right: 0px;}
.contentContent #contentSubBoxesDouble h2 {
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 10px;
}
.contentContent #contentSubBoxesDouble h2.textLeft {text-align: left;}
.contentContent #contentSubBoxesDouble p {
    padding: 10px 0px;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
}
.contentContent #contentSubBoxesDouble .wrapper {
    background: #F3EDDF;
    height: 2px;
    width: 90px;
    margin: 0 auto;
}
.contentContent #contentSubBoxesDouble .contentArrow {
    height: 41px;
    width: 41px;
    margin: 0 auto;
}
.contentContent #contentSubBoxesDouble .contentArrow:hover {opacity: 0.6; filter: alpha(opacity = 60);}
/*----------------------------------------------------------------*/
/* b) tři boxy vedle sebe */
.contentContent #contentSubBoxesTriple {min-height: 200px;}
.contentContent #contentSubBoxesTriple #leftSubBoxTriple {
    width: 290px;
    padding: 10px;
    float: left;
    min-height: 260px;
}
.contentContent #contentSubBoxesTriple #rightSubBoxTriple, 
.contentContent #rightSubPageBox {
    width: 265px;
    padding: 10px 30px;
    float: right;
    min-height: 240px;
    color: #634F2D;    
    /*    background: #F5F3ED url("../images/contactBoxBG.png") no-repeat;
        background-size: contain;*/
    background: #f3efe5;/* Old Browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 14%, rgba(243,239,229,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(14%, rgba(255,255,255,1)), color-stop(100%, rgba(243,239,229,1)));/* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 14%, rgba(243,239,229,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 14%, rgba(243,239,229,1) 100%); /* Opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 14%, rgba(243,239,229,1) 100%); /* IE 10+ */
    background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 14%, rgba(243,239,229,1) 100%);/* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3efe5', GradientType=1 ); IE6-9 fallback on horizontal gradient*/ 
}
.contentContent #contentSubBoxesTriple #rightSubBoxTriple p, 
.contentContent #rightSubPageBox p {
    padding-top: 15px;
}
.contentContent #contentSubBoxesTriple #rightSubBoxTriple p .highlight, 
.contentContent #rightSubPageBox p .highlight {
    font-size: 33px;
}

.contentContent #contentSubBoxesTriple #middleSubBoxTriple {
    width: 290px;
    padding: 10px;
    margin: 0 auto;
    min-height: 260px;
}

.contentContent #contentSubBoxesTriple #middleSubBoxTriple h3,
.contentContent #contentSubBoxesTriple #leftSubBoxTriple h3,
.contentContent #contentSubBoxesTriple #rightSubBoxTriple h3,
.contentContent #rightSubPageBox h3 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: normal;
}
.contentContent #contentSubBoxesTriple ul, .contentContent .defaultList {
    
    padding: 0px;
    margin: 0px;
    padding: 20px 0px 0px 18px;
    list-style-image: url("../images/bullet.png");
}
.contentContent #contentSubBoxesTriple ul li, .contentContent .defaultList li {padding-bottom: 10px;}
.contentContent #contentSubBoxesTriple ul li:last-child {padding-bottom: 20px;}
/*----------------------------------------------------------------*/

/*subPage info o produktu -----------------------------------------*/
.contentContent #leftSubPageBox .productInfo {padding: 20px 0px;}
.contentContent #leftSubPageBox .productInfo img.promoImage {float: left; border: 1px solid #EAE9E6; margin: 0px 20px 0px 0px;}
.contentContent #leftSubPageBox .productInfo ul.subPageUL {
    list-style-type: none;
    margin: 0px;
    padding: 15px 0px 0px 0px;
    float: left;
    font-size: 16px;
}
.contentContent #leftSubPageBox .productInfo ul.subPageUL li {
    padding: 0px 0px 10px 30px;
    background: url("../images/bulletSubPage.png") no-repeat ;
}
/*-----------------------------------------------------------------*/

/*subPage tabulka -------------------------------------------------*/
.contentContent #leftSubPageBox .subPageTable {border: 1px solid #F4F4F3; margin-bottom: 40px;}
.contentContent #leftSubPageBox .subPageTable table {    
    font-size: 14px;
    border-collapse: collapse;
    width: 100%;
}
.contentContent #leftSubPageBox .subPageTable td,
.contentContent #leftSubPageBox .subPageTable th {padding: 0px 5px 0px 20px;}
.contentContent #leftSubPageBox .subPageTable thead th {
    height: 40px;
    font-size: 15px;
    background: #E0DCD4 url("../images/tableHeadBG.png");
    text-align: left;
}
.contentContent #leftSubPageBox .subPageTable tbody td {height: 36px;}
.contentContent #leftSubPageBox .subPageTable tbody td:hover {color: #D97703;}
.contentContent #leftSubPageBox .subPageTable tbody td.evenRow {
    background: #F5F3ED url("../images/tableEvenRowBG.png");    
}
/*----------------------------------------------------------------*/

/*subPage form ---------------------------------------------------*/
.contentContent #contentSubBoxesDouble .leftDefaultSubBoxDouble.fullWidth {width: 640px;}
.contentContent #leftSubPageBox .subPageForm form, 
.contentContent .leftDefaultSubBoxDouble .subPageForm form {padding: 20px 0px;}
.contentContent #leftSubPageBox .subPageForm table, 
.contentContent .leftDefaultSubBoxDouble .subPageForm table {
    font-size: 15px;
    border-collapse: collapse;
    width: 100%;
    border: none;
}
.contentContent .leftDefaultSubBoxDouble .subPageForm table td {padding-right: 10px;}
.contentContent #leftSubPageBox .subPageForm table .formSeparator, 
.contentContent .leftDefaultSubBoxDouble .subPageForm table .formSeparator{
    border-bottom: 1px solid #F3EDDF;
}
.contentContent #leftSubPageBox .subPageForm table .spacing, 
.contentContent .leftDefaultSubBoxDouble .subPageForm table .spacing {
    padding: 15px 0px;
}
.contentContent #leftSubPageBox .subPageForm form input[type="text"],
.contentContent #leftSubPageBox .subPageForm form input[type="email"],
.contentContent .leftDefaultSubBoxDouble .subPageForm form input[type="text"],
.contentContent .leftDefaultSubBoxDouble .subPageForm form input[type="email"] {
    width: 283px;
    height: 32px;
    border-radius: 3px;
    border: 1px solid #D5C2AC;
    padding: 0px 5px;
    color: #634F2D;
}
.contentContent #leftSubPageBox .subPageForm form input[type="text"]:hover,
.contentContent #leftSubPageBox .subPageForm form input[type="email"]:hover, 
.contentContent .leftDefaultSubBoxDouble .subPageForm form input[type="text"]:hover, 
.contentContent .leftDefaultSubBoxDouble .subPageForm form input[type="email"]:hover {
    border: 1px solid #D97703;
    color: #D97703;
}
.contentContent #leftSubPageBox .subPageForm form input[type="submit"], 
.contentContent .leftDefaultSubBoxDouble .subPageForm form input[type="submit"] {
    width: 123px;
    height: 38px;
    color: #ffffff;
    background: #8F6E4A url("../images/sendBtnBG.png");
    cursor: pointer;
    border: none;
    font-weight: bold;
    float: right;
}
.contentContent .leftDefaultSubBoxDouble .subPageForm form input[type="submit"] {position: relative; left: 10px;}
.contentContent #leftSubPageBox .subPageForm form input[type="submit"]:hover, 
.contentContent .leftDefaultSubBoxDouble .subPageForm form input[type="submit"]:hover {text-decoration: underline;}
/*----------------------------------------------------------------*/

/*subPage gallery ------------------------------------------------*/
.subPageGallery {min-height: 200px;}
.subPageGallery .bxslider {width: 100%; height: 100%;}


.contentContent .galleryContainer #productImages, 
.contentContent .galleryContainer #companyImages {min-height: 300px; width: 350px; float: left;}
.contentContent .galleryContainer #companyImages {float: right; width: 550px;}
.contentContent .galleryContainer #productImages a, 
.contentContent .galleryContainer #companyImages a {display: block; margin: 0 auto; text-align: center;}
.contentContent .galleryContainer .galleryHeading {
	 text-decoration: none;
    width: 180px;
    padding: 10px 5px;
    position: relative;
    top: 140px;
    background: #F3EDDF;
    font-size: 23px;
    color: #D97703;
    border-radius: 5px;
    font-weight: bold;
    opacity: 0.8;
    filter: alpha(opacity = 80);
}
/*----------------------------------------------------------------*/

/*============================================================*/

/*=========================== patička ========================*/
#footer {
    background: url("../images/footerBG.png") no-repeat top center;
    width: 100%;
    height: 340px;
}
#footer #footerSeparator {position: relative; top: -27px;}
#footer .leftFooterSeparator {width: 415px; height: 1px; float: left;}
#footer .rightFooterSeparator {width: 420px; height: 1px; float: right;}
#footer .footerSeparatorBG {
    background: #7F6B51 url("../images/footerSeparatorBG.png") repeat-x;
    opacity: 0.2; 
    filter: alpha(opacity = 20);
}
#footer #footerLogo {
    width: 167px;
    height: 138px;
    margin: 0 auto;
    background: url("../images/footerLogo.png");
    position: relative;
    top: 70px;
    z-index: 10;
}
#footer #footerAddress, #footer #footerContacts {
    height: 50px;
    width: 340px;
    padding: 13px 5px 5px 5px;
    font-size: 16px;
    color: #B5A997;
    font-weight: bold;
}
#footer #footerAddress {padding-left: 15px;}
#footer #footerContacts {padding-right: 15px;}
#footer #footerAddress a, #footer #footerContacts a {color: #B5A997;}
#footer #footerAddress a:hover, #footer #footerContacts a:hover {text-decoration: none;}
#footer #footerAddress {float: left;}
#footer #footerContacts {float: right; text-align: right;}
#footer .footerInfo #bottomInfo {
    text-align: center;
    position: relative;
    top: 60px;
    font-size: 13px;
}
#footer .footerInfo #bottomInfo ul {margin: 0px; padding: 0px; list-style-type: none;}
#footer .footerInfo #bottomInfo ul {padding-top: 5px;}
#footer .footerInfo #bottomInfo ul:first-child {padding-top: 20px;}
#footer .footerInfo #bottomInfo ul li {display: inline;}
#footer .footerInfo #bottomInfo ul li a {color: #B5A997; text-decoration: none; padding-right: 5px;}
#footer .footerInfo #bottomInfo ul li a:hover {text-decoration: underline;}
#footer .footerInfo #bottomInfo .orangeText {height: 20px; width: 100%; display: inline-block;}
#footer .footerInfo #bottomInfo .listItemsSeparator {color: #B5A997;}
/*============================================================*/


/*Chrome fixes ===============================================*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #headerSlider .bx-wrapper .bx-pager {padding-top: 20px !important;}
    #headerSlider .bx-wrapper .bx-pager.bx-default-pager a.active {position: relative; top: 2px;}
    
    .contentContent .galleryContainer .galleryHeading {font-size: 25px;}       
}
/*============================================================*/