@import url('//fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:300,300i,400,400i,500,500i,700,700i&subset=latin-ext');
/*font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;*/

.napiste_nebo_volejte {
font-weight: bold;
color: #b50100;
    font-size: 19px;
    padding: 10px 0;
}

div.contact_phone {
    background: url('/img/phone_red.png') 0 50% no-repeat;
    padding: 20px 20px 20px 50px;
    }
div.contact_phone.used {
    background: url('/img/phone_yellow.png') 0 50% no-repeat;
    }
div.contact_phone * {
    font-family: 'Roboto Condensed', sans-serif; 
    color: #000;
    padding: 0;
    }
div.contact_phone p {
    line-height: 25px;
    font-weight: 700;
    font-size: 18px;
    }
div.contact_phone p.big {
    font-size: 25px;
    line-height: 25px;
    }
.ens .sub_navavigace.dynamic_left_menu  li:nth-child(1),
.ens .sub_navavigace.dynamic_left_menu  li:nth-child(2) {
    display: none;
    }

.contact_tab {
    position: fixed;
    bottom: 0;
    right: 15px;
    padding: 12px 15px;
    border-radius: 8px 8px 0 0;
    z-index: 1000;

    background: #dce0e2; /* Old browsers */
    background: -moz-linear-gradient(top, #dce0e2 0%, #eeeff3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #dce0e2 0%,#eeeff3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #dce0e2 0%,#eeeff3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    }
.contact_tab a {
    height: 25px;
    line-height: 25px;
    background: url('/img/mail_tab.png') 0 50% no-repeat;
    background-size: 28px 18px !important;
    color: #000;
    padding-left: 40px;
    display: inline-block;
    font-weight: 400;
    font-size: 1.6rem;
    text-decoration: none;
    } 
.contact_tab a:hover {
    text-decoration: underline;    
    }    

.homepage_banner { 
    position:relative;
    margin-top: 25px;
    }
.homepage_banner img {
    width: 100%;
    display: block;
    }    
.homepage_banner a.button {
    position: absolute;
    bottom: 55px;
    right: 165px;
    }   
 
/****************************************************************************************************/
/*
/* RESET / DEFAULT BROWSER VALUES
/*
/****************************************************************************************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    }
table { border-collapse: separate; border-spacing: 0; width: 100%; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
.qtip-content {
    font-size: 13px;
    }

/* PRE / LOGS */

pre {
    padding: 10px;
    background: #fff;
    }
pre * {
    text-align: left !important;
    padding: 1px 0 !important;
    margin: 0 !important;
    border-collapse: collapse !important;
    font-family: arial !important;
    font-size: 13px !important;
    }     
pre>div {
    padding: 5px !important;
    }
a img { 
    border: none; 
    }
.offscreen {
    left: -9999px !important;
    position: absolute !important;
    }
    
/****************************************************************************************************/
/*
/* GLOBAL ELEMENTS
/*
/****************************************************************************************************/

* {
    margin: 0;
    padding: 0; 
    box-sizing: border-box;
    font-weight: 400;  
    }
html {
    font-size: 10px;
    }
body {
    color: #34434b;
    text-align: center; 
    font-size: 1.4rem;
    background: #f2f4f5;
    font-family: 'Roboto', sans-serif;
    } 

/* links ********************************************************************************************/

a { 
    color: #000; 
    text-decoration: underline;
    outline: none;
    }
a:hover {
    color: #000;
    text-decoration: none;
    }

/* zarovnani */

.aright {text-align: right !important;}
.aleft  {text-align: left !important;} 


/* paragraph  ***************************************************************************************/    

p {
    padding: 5px 0;
    line-height: 24px;
    font-size: 1.6rem; 
    }

/* titles  ******************************************************************************************/

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    margin: 0;
    font-family: 'Roboto Condensed', sans-serif; 
    color: #000;
    }
h1 {
    font-size: 2.4rem;
    padding: 0 0 30px 0;
    text-transform: uppercase;
    }
h2 {
    padding: 30px 0;
    font-size: 2.4rem;
    text-transform: uppercase;
    }
.section h2 {
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 700;
    font-stretch: condensed;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #000000;
    padding: 0 0 13px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(81, 100, 111, 0.2);
    }    
h3 {
    padding: 10px 0;
    font-size: 1.8rem;
    font-weight: 700;
    color: #cd8828;
    font-family: 'Roboto', sans-serif;
    }
    
h4 {}
h5 {}
h6 {}    

/* lists  *******************************************************************************************/

ul {
    margin: 15px 10px;
    }
ul li {
    margin: 0 0 0 10px;
    padding: 5px 0; 
    list-style-type: square;
    font-size: 1.6rem;
    }
.vypis_adr ul li {
    color: #999;
    }    
/*ul li * {
    font-size: 1.6rem;   
    }    */
 
ol {
    margin: 15px 10px;
    }
ol li {
    margin: 0 0 0 10px;
    padding: 4px 0; 
    font-size: 1.6rem;
    }
    
/*table obecne --------------------------------------------------------------*/

table {
    border-collapse: collapse;
    width: 100%;
    border: none;
    }
table th,
table td {
    font-size: 1.4rem;
    }
table th p,
table td p {
    padding: 5px 0;
    line-height: 20px;
    font-size: 1.4rem; 
    }    
table th {
    }
table td {
    }  
    
/* content img */

.content_right .content img {
    max-width: 100%;
    }   

/* style of text  ***********************************************************************************/

strong {
    font-weight: 600;
    }
    
/* clear  *******************************************************************************************/    
       
.clear {
    font-size: 0;
    line-height: 0;
    height: 0;
    clear: both;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    }

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* CONTENT LAYOUT
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

div.wrapper { background: #fff; }
div.inner_wrapper {
    max-width: 1180px;
    width: 1180px;
    margin: 0 auto;
    }
.content_wrapper {
    text-align: left;
    }
.shadow {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.16);
    position: relative;
    z-index: 11;
    }

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* HEADER 
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

header {
    width: 100%;  
    }
header .top_tape  {
    background: #000;
    }
header .top_tape .langs {
    float: left;
    height: 35px;
    line-height: 35px;
    visibility: hidden;
    }
header .top_tape .langs * {
    color: #fff;
    }    
header .top_tape .langs a {
    display: inline-block;
    padding: 0 5px;
    text-decoration: none; 
    }
header .top_tape .langs a:first-child {
    border-right: 1px solid #5d5d5d;
    }
header .top_tape #cse-search-form {
    float: left;    
    }

/* search v top_tape - pravdepodobne bude nahrazeno */
header .top_tape #cse-search-form {display:none;}
/*header .top_tape #cse-search-form .gsc-control-searchbox-only {
    height: 25px;
    border: 1px solid #5d5d5d;
    margin: 5px; 
    }
header .top_tape #cse-search-form .gsc-control-searchbox-only form.gsc-search-box {}
header .top_tape #cse-search-form .gsc-control-searchbox-only form.gsc-search-box table.gsc-search-box {
    border-collapse: collapse !important;
    border: none !important;
    width: 100%;
    }
header .top_tape #cse-search-form .gsc-control-searchbox-only form.gsc-search-box table.gsc-search-box tr {}
header .top_tape #cse-search-form .gsc-control-searchbox-only form.gsc-search-box table.gsc-search-box tr td.gsc-input {
    width: 184px;
    }
header .top_tape #cse-search-form .gsc-control-searchbox-only form.gsc-search-box table.gsc-search-box tr td.gsc-input input.gsc-input {
    width: 100%;
    background: none!important;
    border: none!important;
    color: #fff;
    height: 23px !important;
    }
header .top_tape #cse-search-form .gsc-control-searchbox-only form.gsc-search-box table.gsc-search-box tr td.gsc-search-button {
    width: 16px;
    }
header .top_tape #cse-search-form .gsc-control-searchbox-only form.gsc-search-box table.gsc-search-box tr td.gsc-search-button input.gsc-search-button {
    width: 100%;
    height: 25px;
    margin: 0 !important;
    padding: 0 !important;
    border: none;
    background: url('/img/ico_search.png') 50% 50% no-repeat;     
    background-size: 16px 16px;
    }
header .top_tape #cse-search-form .gsc-control-searchbox-only form.gsc-search-box table.gsc-search-box tr td.gsc-clear-button {
    display: none;
    }
*/

/* top navigation ------------------------------------------------------------*/
    
header .top_tape .navigation {
    margin: 0;
    padding: 0;
    float: right;
    }
header .top_tape .navigation * {
    color: #fff;
    }    
header .top_tape .navigation li {
    list-style-type: none;
    height: 35px;
    font-size: 1.3rem;
    display: inline-block;
    padding: 10px 0;
    margin: 0;
    }    
header .top_tape .navigation li a,
header .top_tape .navigation li a:hover {
    display: block;
    line-height: 15px;
    padding: 0 10px;
    border-left: 1px solid #5d5d5d;
    text-decoration: none; 
    } 
header .top_tape .navigation li:first-child a {
    border: none;
    }    
header .top_tape .navigation li a:hover {   
    color: #bbc4ca;
    }    
    
/* Logotyp + main navigation -------------------------------------------------*/

.inner_wrapper.shadow {
  height: 70px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.16);
  }
header .logo,
header nav {
    float: left;
    }
header .logo {
    width: 15%;
    text-align: left;
    padding: 17px 0;
    }
header .logo img {
    display: block;
    height: 35px;
    width: auto;
    max-width: 90%;
    }    
header nav {
    float: left;
    width: 85%;
    height: 70px;
    }
header nav ul {
    text-align: left;
    height: 70px;
    margin: 0;
    padding: 0;
    }
header nav ul li {
    list-style-type: none;
    display: inline-block;
    height: 70px;
    padding: 0;
    margin: 0;
    padding: 0 25px;
    vertical-align: middle;
    }
header nav ul li:first-child {
    border-left: 1px solid #d8d8d8;
    }    
header nav ul li a {
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #34434b;
    border-bottom: 4px solid #fff;
    height: 70px;
    padding: 27px 0 0 0;
    text-transform: uppercase;
    text-decoration: none;
    }
header nav ul li a:hover,
header nav ul li.active a {
    color: #000;
    border-bottom: 4px solid #000;
    }
header nav ul li:nth-last-child(1) {
    color: #cd8828;
    }
header nav ul li:nth-last-child(2) {
    color: #b50100;
    border-left: 1px solid #d8d8d8;
    }
header nav ul li:nth-last-child(1) a:hover,
header nav ul li.active:nth-last-child(1) a {
    color: #cd8828;
    border-bottom: 4px solid #cd8828;
    }    
header nav ul li:nth-last-child(2) a:hover,
header nav ul li.active:nth-last-child(2) a {
    color: #b50100;
    border-bottom: 4px solid #b50100;
    }
header nav ul li:nth-last-child(1) a span { color: #cd8828; }
header nav ul li:nth-last-child(2) a span { color: #b50100; }

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* FOOTER
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

footer {
    padding-top: 50px;
    }
footer .inner_wrapper {
    border-top: solid 1px rgba(81, 100, 111, 0.2);
    padding: 25px 0;
    }
footer .inner_wrapper>p {
    float: left;
    width: 50%;
    font-size: 1.3rem;
    padding: 0;
    color: #34434b; 
    text-align: left;   
    }
footer .inner_wrapper>ul {
    float: left;
    width: 50%;
    padding: 0;
    margin: 0;
    text-align: right;
    }
footer .inner_wrapper>ul li {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    }    
footer .inner_wrapper>ul li:first-child a {
    border: none;
    }
footer .inner_wrapper>ul li a {
    display: block;
    padding: 0 16px;
    font-size: 1.3rem;
    color: #51646f;
    border-left: 1px solid #dce0e2;
    text-decoration: none;
    }  

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* Ikonky "kam dál" - na spodku stranek u produktu
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

h2.whatToDo {
    margin:25px 0;
    padding: 16px 0; 
    font-size: 1.4rem;
    font-weight: 600;
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 0.5px;
    border-bottom: 1px solid rgba(81, 100, 111, 0.2);
    }
.whatToDo {
    padding:0;
    }
.whatToDo a:first-child {
    margin-left: 0;
    }
.whatToDo a {
    float:left;
    margin-left: 2%;    
    width: 23.5%;
    vertical-align:top;
    padding: 20px;
    height: 100px;
    background: #eff0f4;
    border: solid 1px #eff0f4;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 600;
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 0.5px;
    color: #34434b;  
    }
.whatToDo a:hover {
    border: solid 1px #000;
    }
.whatToDo a.last {
    margin-right:0;
    }
.whatToDo a span {
    display: block; 
    text-align: center;
    }
.whatToDo a img {
    height: 24px;
    width: 24px;
    margin-bottom: 10px;
    }
    
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* SLIDER BLOCK
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

.slider_block {
    background: #f5f5f5 /*#faeeb1*/;
    height: 340px;
    /*overflow: hidden;*/
    }
.slider_block div.inner_wrapper {
    max-width: 100%;
	width: 100%;
	margin: 0 auto;
	position: relative;
    }
.slider_block .rotator {
    position: relative;
    width: 1180px;
    margin: 0 auto;
    height: 340px;
    overflow: hidden;
    }
.slider_block .rotator * {
    text-align: left;
    }      
.slider_block .rotator ul {
    position: absolute;
    width: auto;
    height: 340px;
    margin: 0;
    }
.slider_block .rotator ul li {
    height: 340px;
    width: 1180px;
    margin: 0;
    padding: 0;
    display: inline-block;
    }
.slider_block .rotator ul li img {
    width: 100%;
    height: 340px;    
    }
.slider_block .slider_arrows {
    position: absolute;
    right: calc((100% - 1180px) / 2);
    bottom: 0;
    width: 80px;
    height: 40px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.39);
    }
.slider_block .slider_arrows a {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: #000;
    background-position: 50% 50%;
    background-size: 24px 24px;
    background-repeat: no-repeat; 
    cursor: pointer;    
    }
.slider_block .slider_arrows a.arrow_left {
    background-image: url('/img/ic-left-arrow.svg');     
    }
.slider_block .slider_arrows a.arrow_right {
    background-image: url('/img/ic-right-arrow.svg');
    }


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* OBECNE PRVKY LAYOUTU
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

.row { 
  padding: 10px 0;
  margin: 0 -7px; 
  }
.col { 
    float: left;
    box-sizing: border-box;
    text-align: left;
    }
.col.p5   { width: 5%;     }
.col.p10  { width: 10%;    }
.col.p11  { width: 11%;    }
.col.p12  { width: 12%;    }
.col.p13  { width: 13%;    }
.col.p14  { width: 14.28%; } /*1/7 */
.col.p15  { width: 15%;    }
.col.p16  { width: 16%;    }
.col.p16x6  { width: 16.66%; } /* 1/6 */
.col.p17  { width: 17%;    }
.col.p18  { width: 18%;    }
.col.p19  { width: 19%;    }

.col.p20  { width: 20%;    }
.col.p21  { width: 21%;    } 
.col.p22  { width: 22%;    }
.col.p23  { width: 23%;    }
.col.p24  { width: 24%;    }
.col.p25  { width: 25%;    } /* 1/4 */
.col.p26  { width: 26%;    }
.col.p27  { width: 27%;    }
.col.p28  { width: 28%;    }
.col.p29  { width: 29%;    }

.col.p30  { width: 30%;    }
.col.p31  { width: 31%;    }
.col.p32  { width: 32%;    }
.col.p33  { width: 33%;    }
.col.p33x3  { width: 33.33%; } /* 1/3 */
.col.p34  { width: 34%;    }
.col.p35  { width: 35%;    }
.col.p36  { width: 36%;    }
.col.p37  { width: 37%;    }
.col.p38  { width: 38%;    }
.col.p39  { width: 39%;    }

.col.p40  { width: 40%;    }
.col.p41  { width: 41%;    }
.col.p42  { width: 42%;    }
.col.p43  { width: 43%;    }
.col.p44  { width: 44%;    }
.col.p45  { width: 45%;    }
.col.p46  { width: 46%;    }
.col.p47  { width: 47%;    }
.col.p48  { width: 48%;    }
.col.p49  { width: 49%;    }

.col.p50  { width: 50%;    } /* 1/2 */
.col.p51  { width: 51%;    }
.col.p52  { width: 52%;    }
.col.p53  { width: 53%;    }
.col.p54  { width: 54%;    }
.col.p55  { width: 55%;    }
.col.p56  { width: 56%;    }
.col.p57  { width: 57%;    }
.col.p58  { width: 58%;    }
.col.p59  { width: 59%;    }
.col.p60  { width: 60%;    }
.col.p61  { width: 61%;    }
.col.p62  { width: 62%;    }
.col.p63  { width: 63%;    }
.col.p64  { width: 64%;    }
.col.p65  { width: 65%;    }
.col.p66  { width: 66%;    }
.col.p66x6{ width: 66.66%; } /* 2/3 */
.col.p67  { width: 67%;    }
.col.p68  { width: 68%;    }
.col.p69  { width: 69%;    }
.col.p70  { width: 70%;    }
.col.p71  { width: 71%;    }
.col.p72  { width: 72%;    }
.col.p73  { width: 73%;    } /* formy vyjimka */
.col.p74  { width: 74%;    }
.col.p75  { width: 75%;    }
.col.p76  { width: 76%;    }
.col.p77  { width: 77%;    }
.col.p78  { width: 78%;    }
.col.p79  { width: 79%;    }
.col.p80  { width: 80%;    }
.col.p81  { width: 81%;    }
.col.p82  { width: 82%;    }
.col.p83  { width: 83%;    }
.col.p84  { width: 84%;    }
.col.p85  { width: 85%;    }
.col.p86  { width: 86%;    }
.col.p87  { width: 87%;    }
.col.p88  { width: 88%;    }
.col.p89  { width: 89%;    }
.col.p90  { width: 90%;    }
.col.p91  { width: 91%;    }
.col.p92  { width: 92%;    }
.col.p93  { width: 93%;    }
.col.p94  { width: 94%;    }
.col.p95  { width: 95%;    }
.col.p96  { width: 96%;    }
.col.p97  { width: 97%;    }
.col.p98  { width: 98%;    }
.col.p99  { width: 99%;    }
.col.p100 { width: 100%;   }

/* odsazeni v delenych sloupcich ********************************************************************/

.col {
    padding: 0 7px;
    }


/* UI POPUP ----------------------------------------------------------------------------------------*/

.ui-widget-overlay {
    box-sizing: border-box;
    position:fixed;
    left:0;
    top:0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    }
.ui-dialog {
    position: fixed !important;
    z-index: 10000 !important;
    top: 5% !important;
    left: 50% !important;
    margin-left: -400px !important;
    width: 800px !important;
    background: #fff !important;
    }

.ui-dialog-titlebar {
    padding:10px;
    background:#000;
    color:#fff;
    font-weight: 700;
    text-align:left;
    }

.ui-dialog .ui-dialog-titlebar-close,
.ui-dialog .ui-dialog-titlebar-close:hover {
    position: absolute;
    right: 8px;
    top: 8px;
    }
.ui-dialog .ui-dialog-titlebar-close:before {
    content: '×';
    color: #fff;
    font-size: 2.5rem;
    display: inline-block;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    }    
.ui-dialog .ui-dialog-titlebar-close:hover:before {
    color: #eee;
    }
.ui-dialog .ui-dialog-titlebar-close span { display:none; }

.ui-dialog .ui-dialog-content {
    padding: 0 15px 15px 15px;
    max-height: 85vh;
    overflow: auto; 
    }

/* form elements -------------------------------------------------------------*/

input, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type="checkbox"]  { -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; }
input[type="radio"]     { -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; }  

label {
    color: #000;
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 4px;
    display: inline-block;
    min-height: 22px;
    }  
label.required:after {
    content: ' *';
    color: #ff0000;
    font-size: 1.6rem;
    font-weight: 700;
    }
span.error {
    color: #ff0000;
    font-size: 1.2rem;    
    }
.hvezdicka {
    font-size: 1.2rem;
    color: #000;
    text-align: right;
    padding: 15px 5px 10px 5px;
    border-bottom: 1px dashed rgba(81, 100, 111, 0.2);
    }    
.hvezdicka:before {
    content: '* ';
    font-size: 1.6rem;
    color: #ff0000;
    }    

div.thanks,
div.error {    
    font-size: 1.4rem;
    padding: 10px 0;
    }
div.error {    
    color: #ff0000;
    }

.inline_form > div {
    display: inline-block;
    margin-right: 15px;
    }
.inline_form > div * {
    display: inline-block;
    vertical-align: middle;
    }             
.inline_form > div label {
    font-weight: 400;
    padding: 0 0 0 5px;
    margin-bottom: 0;
    }
    
/* radio / checkbox ----------------------------------------------------------*/

input[type="radio"],
input[type="checkbox"] {
  height: 20px;
  width: 20px;
  display: inline-block;
  cursor: pointer;
  }

/* input ---------------------------------------------------------------------*/

input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
select,
textarea {
    box-sizing: border-box;
    display: block;
    width: 100%;
    line-height: 35px;
    height: 35px;    
    padding: 0 5px;
    border: 1px solid rgba(81, 100, 111, 0.2);
    font-size: 1.5rem;
    }
    
/* select --------------------------------------------------------------------*/

select {
    padding: 0 30px 0 5px;
    }

/* textarea ------------------------------------------------------------------*/

textarea {
    height: 150px;
    resize: vertical;
    padding: 5px;
    }
    
/* active */
input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
    border-color: #000;
    }
/*error */
input[type="text"].error,
input[type="number"].error,
input[type="email"].error,
input[type="password"].error,
select.error,
textarea.error {
    border-color: #ff0000;
    color: #ff0000;
    }

/* captcha */

.row.captcha img {
    margin-top: 25px;
    height: 35px;
    }

/* controls */

.controls {
    text-align: center;
    }

/* confirm / gdpr a jine */

.formular .checkbox {
    float: left;
    width: 30px;
    border: none;
    vertical-align: top;
    }
.formular .checkbox input {
    border: none;
    width: 20px;
    margin-top: 5px;
    }    
.formular .text {
    float: left;
    width: 80%;
    border: none;
    vertical-align: top;    
    }
    
/* form agree */    

.formular .text .form_agree * {
    font-size: 1.4rem;
    line-height: 20px;
    }
.formular .text .form_agree p {
    margin: 0;
    padding: 2px 0;
    }    

/* form disagree */

.popup_wrapper {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
    display: none;
    } 
.popup_wrapper .overlay {
    height: 100vh;
    width: 100vw;
    display: block;
    background: rgba(0,0,0,0.8);
    position:relative;
    }    
.popup_wrapper .form_disagree .close {
    text-decoration: none;
    position: absolute;
    top: 0;
    right: 10px;
    color: #000;
    font-size: 30px;
    }    
.popup_wrapper .form_disagree {
    width: 600px;
    height: 280px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -140px;
    margin-left: -300px;
    background: #fff;
    text-align: center;
    }
.ui-dialog .popup_wrapper .form_disagree h2,
.popup_wrapper .form_disagree h2 {
    padding: 10px;
    margin: 20px 0;
    font-size: 2.3rem;
    font-weight: 700;    
    text-transform: uppercase;
    }
.ui-dialog .popup_wrapper .form_disagree p,
.popup_wrapper .form_disagree p {
    font-size: 1.4rem;
    color: #000;
    margin: 0 0 5px 0;        
    }    
.popup_wrapper .form_disagree p.big {
    font-size: 2.0rem;
    color: #000;
    }    


/* content -------------------------------------------------------------------*/

.content_left,
.content_right {
    float: left;
    }
.content_left {
    width: 32%;
    padding-right: 30px;
    }
.content_right {
    width: 68%;
    padding-left: 50px; /*75px*/
    border-left: 1px solid rgba(81, 100, 111, 0.2);
    min-height: 450px;
    position: relative;
    padding-bottom: 30px;
    }
.content_right a.print {
    padding-top: 30px;
    font-size: 1.4rem;
    color: #000;
    position: absolute;
    right: 0;
    bottom: 0;
    display: none;
    }
.content_right a.print:hover {
    color: #000;
    }
    
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* HOMEPAGE
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

.homepage {
    padding: 50px 0 30px 0;
    text-align: left;
    position: relative;
    }
.homepage .content_left h2:first-child,
.homepage .content_right h2:first-child {
    padding-top: 0;
    }    
.Informace-o-vrobci .text-style-1 {
  color: #000000;
    }
    
/* news v sekci Aktuality ----------------------------------------------------*/

.xml_news {
    display: block;
    padding-bottom: 25px;
    }
.xml_news>a {
    display: inline-block;
    width: 100px;
    padding-right: 25px;
    vertical-align: top;
    }
.xml_news a img {
    display: block;
    width: 100%;
    }
.xml_news p {
    display: inline-block;
    width: calc(100% - 125px);
    vertical-align: top;
    padding: 0 0 10px 0;
    line-height: 18px;
    }
.xml_news p strong {
    display: block;
    height: 20px;
    padding-bottom: 5px;
    font-size: 1.4rem;
    font-weight: 400;
    color: #000;
    }
.xml_news p a {
    font-size: 1.4rem;
    font-weight: 600;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #34434b;
    text-transform: uppercase;
    text-decoration: none;
    }
.xml_news p a:hover {
    color: #000;
    }
.button,
.button:hover {
    display: inline-block;
    text-decoration: none;
    line-height: 40px;
    height: 40px;
    padding: 0 20px;
    background: #000;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #fff;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.39);    
    border: none;
    }  
.button:hover {
    color: #bbc4ca;       
    }
    
/* XML right kontakty --------------------------------------------------------*/    

.contact .xml_contact .xml_news,
.contact .yt_channel {
    display: block;
    width: 100%;
    background-size: 24px 24px !important;
    background-position: 0 50% !important;    
    background-repeat: no-repeat !important;        
    padding: 25px 0 25px 35px;
    border-bottom: 1px solid rgba(81, 100, 111, 0.2);
    }
.contact .xml_contact .xml_news:first-child {
    border-top: 1px solid rgba(81, 100, 111, 0.2);
    }     
.contact .xml_contact .xml_news>a,
.contact .yt_channel>a {
    display: block;
    width: 100%;
    background: url('/img/ico_arrow_grey.png') 100% 50% no-repeat; 
    background-size: 16px 16px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #34434b;
    text-transform: uppercase;
    text-decoration: none;
    }
.contact .yt_channel {
    background: url('/img/ico_yt.png') 0 50% no-repeat; 
    }    
    
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* SUBPAGE
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

.subpage {
    padding: 50px 0 30px 0;
    text-align: left;
    position: relative;
    display: flex; /*duvod je border jednoho ze sloupcu.*/
    }
.subpage .content_left {
    padding-right: 50px; /*75px*/
    }

/* drobeckova navigace -------------------------------------------------------*/

.subpage p.breadcrumbs {
    font-size: 1.4rem;
    color: #000;
    margin: 0;
    text-align: left;
    color: #34434b;
    padding-bottom: 25px;
    }    
.subpage p.breadcrumbs * {color: #34434b;}
.subpage p.breadcrumbs span { padding: 0 10px;}
.subpage p.breadcrumbs a {
	color: #000;
    }
.subpage p.breadcrumbs a:hover;
.subpage p.breadcrumbs a.active {
	color: #000;
	text-decoration: none;
    }    
    
/* subnavigace ---------------------------------------------------------------*/
ul.sub_navavigace.static_left_menu {
    border-top: 1px solid rgba(81, 100, 111, 0.2); /* TOM docasne abychom se vyznali */
}
ul.dynamic_left_menu_wrapper {
    margin: 0;
}

ul.sub_navavigace {
    margin: 0;
    padding: 0;
    }
ul.sub_navavigace li, 
ul.dynamic_left_menu_wrapper li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    }
ul.sub_navavigace>li, 
ul.dynamic_left_menu_wrapper>li:first-child {
    padding: 3px 0;
    border-top: 1px solid rgba(81, 100, 111, 0.2); 
    }
ul.sub_navavigace>li.active {
    }    
ul.sub_navavigace>li>a, 
ul.dynamic_left_menu_wrapper>li:first-child span {
    display: block;
    padding: 12px 15px;
    line-height: 15px;
    color: #34434b;
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 0.5px;    
    text-transform: uppercase;    
    font-weight: 600;
    font-size: 1.4rem;
    text-decoration: none;
    background: url('/img/ico_plus.png') calc(100% - 10px) 50% no-repeat;     
    background-size: 16px 16px;
    }
ul.sub_navavigace>li>a:hover, 
ul.sub_navavigace>li.active>a, 
ul.dynamic_left_menu_wrapper>li:first-child span:hover, 
ul.dynamic_left_menu_wrapper>li.active:first-child span {
    color: #000;
    padding: 12px 15px 12px 11px;
    border-left: 4px solid #000;
    background: #f5f5f5 url('/img/ico_plus.png') calc(100% - 10px) 50% no-repeat;     
    background-size: 16px 16px;
    }
ul.sub_navavigace>li.active>a, 
ul.dynamic_left_menu_wrapper>li.active:first-child span {
    background-image: url('/img/ico_minus.png');    
    }
ul.dynamic_left_menu_wrapper>li ul.sub_navavigace.dynamic_left_menu>li {
    border-top: none;
    }
ul.dynamic_left_menu_wrapper>li:first-child span {
    cursor: pointer;   
    }
ul.dynamic_left_menu_wrapper>li:first-child span:hover {        
    background-color: #f5f5f5;
    }

/* level 2 */

ul.sub_navavigace>li>ul {
    margin: 0;
    padding: 0;
    }
ul.sub_navavigace>li>ul>li:first-child {
    padding-top: 9px;
    }
ul.sub_navavigace>li>ul li a {
    font-size: 1.6rem;
    color: #34434b;
    padding: 0 15px 9px 15px;
    display: block;
    text-decoration: none;
    }
ul.sub_navavigace>li>ul li.active>a,
ul.sub_navavigace>li>ul li>a.active,
ul.sub_navavigace>li>ul li>a:hover {
	color: #000;
	text-decoration: underline; 
    }
    
/* level 3 */    

ul.sub_navavigace>li>ul li ul {
    margin: 0 0 9px 25px;
    padding: 0;
    }
ul.sub_navavigace>li>ul li ul li a {
    font-size: 1.4rem;
    color: #34434b;
    padding: 0 15px 8px 15px;
    display: block;
    text-decoration: none;
    }
ul.sub_navavigace>li>ul li ul li a.active,
ul.sub_navavigace>li>ul li ul li a:hover {
	color: #000;
	text-decoration: underline; 
    }
ul.sub_navavigace>li>ul li ul li:last-child a {
    padding: 0 15px 5px 15px;
    }    
    
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* OBECNA FOTOGALERIE
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

.content_right .foto {
    float: left;
    display: block;
    width: 23%;
    margin: 1%;
    border: 1px solid rgba(81, 100, 111, 0.2);
    }
.content_right .foto:hover {
    border-color: #000;
    }
.content_right .foto a {
    display: block;
    height: 170px;
    overflow: hidden;
    }
.content_right .foto a img {
    border: none;
    width: 100%;
    height: auto;
    }
.content_right .foto p {
    text-align: center;
    font-size: 1.2rem;
    padding: 5px;
    height: 60px;
    overflow: hidden;
    }

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* KATEGORIE a SUBKATEGORIE produkty
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

.p_categories {
    margin: 30px -1.5%;
    }
.p_categories .p_category {
    width: 30.33%;
    height: 200px;
    overflow: hidden;
    margin: 1.5%;
    float: left;
    border: 1px solid #dce0e2;
    text-align: center;
    padding: 15px 0 0 0;
    background: #fff;
    }
.p_categories .p_category.new {
    position:relative;
    border-color: #e7bf3b;
    }
.p_categories .p_category.new:after {
    content: '';
    display: block;
    height: 20px;
    width: 50px;
    background: url('/img/icon_new.svg') 50% 50% no-repeat;
    background-size: auto 100%;
    position: absolute;
    right: 0;
    top: 0;
    }

.p_categories .p_category:hover {
    border: 1px solid #000;
    }
.p_categories .p_category:hover span {
    text-decoration: underline;
    color: #000;
    }
.p_categories .p_category a  {
    display: block;
    text-align: center;
    text-decoration: none;
    }

.p_categories .p_category img {
    width: auto;
    height: 115px;
    display: inline-block;
    }  
 .p_categories .p_category span {  
    font-size: 1.6rem;
    line-height: 20px;
    color: #34434b;
    display: block;
    padding: 10px 10px 15px 10px;  
    }  
.p_categories .p_category:nth-child(4),
.p_categories .p_category:nth-child(7),
.p_categories .p_category:nth-child(10),
.p_categories .p_category:nth-child(13),
.p_categories .p_category:nth-child(15),
.p_categories .p_category:nth-child(18),
.p_categories .p_category:nth-child(21),
.p_categories .p_category:nth-child(24),
.p_categories .p_category:nth-child(27),
.p_categories .p_category:nth-child(30),
.p_categories .p_category:nth-child(33),
.p_categories .p_category:nth-child(36),
.p_categories .p_category:nth-child(39),
.p_categories .p_category:nth-child(42),
.p_categories .p_category:nth-child(44),
.p_categories .p_category:nth-child(47),
.p_categories .p_category:nth-child(50) {
    clear: right;
    }
h3.product_group {
    font-size: 1.8rem;
    font-weight: 600;
    color: #cd8828;
    }  

/* table v pravem sloupci obecne */
     
.content_right table {
    border-collapse: collapse;
    border: none;
    width: 100%;
    margin: 30px 0;
    }
.content_right table th {
    font-size: 1.4rem;
    font-weight: 600;
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 0.5px;
    border-bottom: 2px solid #000;
    padding: 14px 10px;
    text-align: right;
    }
.content_right table th:first-child,
.content_right table td:first-child {text-align: left;}
.content_right table tr:nth-child(even) {
    background-color: #f5f5f5;
    }
.content_right table td {
    text-align: right;
    padding: 14px 10px;
    font-size: 1.6rem;
    color: #34434b;
    }    
.content_right table td a:hover {
    color: #000;
    } 
/* product_list */
.content_right table td.new a,
.content_right table.product_list td.new a {
    padding-right: 40px;
    background: url('/img/icon_new_detail.svg') 100% 50% no-repeat;
    background-size: auto 100%;
    }
.content_right table.product_list th.item_column_specifications {
    text-align: left;
}
.content_right table.product_list td.item_column_specifications {
    text-align: left;
    }
.content_right table.product_list td {
    font-size: 1.4rem;
    }
.content_right table.product_list td:first-child {
    width: 25%;
    }
.content_right table.product_list td.item_column_sn {
    width: 15%;
    }    
.content_right table.product_list td .dph {
    white-space: nowrap;
    }    
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* DETAIL PRODUKTU */
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/* filtr ---------------------------------------------------------------------*/

.filter {
    padding: 10px 10px 12px 10px;
    background: #EFF0F4;
    margin: 0 0 30px 0;
    }
.filter form {
    padding: 0;
    margin: 0;
    }    
.filter p {
    padding: 0;
    margin: 0 !important;
    text-align: center;
    }
.filter p span.typ,
.filter p span.kategorie,
.filter p select {
    float: left;    
    line-height: 35px;
    height: 35px;
    margin-bottom: 5px;
    text-align: left;
    }
.filter p span.typ,
.filter p span.kategorie {
    width: 15%;
    font-weight: bold;
    }    
.filter p select {
    width: 85%;
    }
.filter p input.button {
    margin: 15px 0 5px 0;
    }    
.section_product .product_list {
    float: right;
    margin-bottom: 10px;
    }

/* tabulka v detailu ---------------------------------------------------------*/    

div.content table tr td.name {
    width: 35%;
    }
div.content table tr td.value {
    text-align: right;
    padding-right: 0;
    padding-left: 0;
    }
div.content table tr td.unit {}
div.content table tr td.unit sup {font-size: 0.9rem;}

/* galerie -------------------------------------------------------------------*/

.product_list_images {
    margin: 0 -1%;
    }
.product_list_images a {
    box-sizing: border-box;
    border: 1px solid #dce0e2;
    display: inline-block;
    width: 24%;
    margin: 0.5%;
    overflow: hidden;
    height: 180px;
    }
.product_list_images a:hover {
    border-color: #000;
    }
.product_list_images a img {
    width: 100%;
    height: auto;
    }

/*technicke paramentry */

.content_right table#technicke_parametry th:last-child,
.content_right table#technicke_parametry td:last-child {text-align: left;} 

/* na dotaz */

.kontaktni_obalka {
    background: url('/img/ico_mail.png') 100% 50% no-repeat;
    background-size: auto 19px;
    padding-right: 25px;
    cursor: pointer;
    text-decoration: underline;
    }
.kontaktni_obalka:hover {
    text-decoration: none;
    }




/* ikona pro pdf u odkazu ----------------------------------------------------*/

.pdf {
    padding-left: 25px;
    background: url('/img/icon_pdf.png') 0 50% no-repeat;
    }
.note {
    font-size: 11px;
    font-style: italic;
    text-align: right !important;
    padding-right: 38px !important; 
    border-bottom: none !important;
    }

/* kondice -------------------------------------------------------------------*/

#help_attrition {
    position: absolute;
    width: 500px;
    margin: 0;
    padding: 0;
    border: 5px solid #D5DDE2;
    background: #f5f5f5;
    z-index: 1000;
    padding: 10px 20px;
    }
#help_attrition strong {
    display: block;
    padding: 3px 5px;
    margin: 0 0 3px 0;
    border-bottom: 2px solid #456280;
    color: #456280;
    width: 100px;
    }
#help_attrition p {
    font-size: 11px;
    padding: 3px 5px;
    margin: 0;
    }



td.info_block_help {
    position: relative;
    }
.dph { font-size: 1.2rem; }
.bezdph { font-size: 1.6rem; white-space: nowrap; }



@media screen and (max-width: 1180px) {
    div.wrapper {
        min-width: 1180px !important;
        }
    div.wrapper .top_tape { padding: 0 10px;}
    div.wrapper .inner_wrapper {padding: 5px 10px;}    
    .slider_block div.inner_wrapper{padding: 0;}    
}