@font-face 
{
    font-family: 'exo';
    src: url('../fonts/Exo-Bold.otf');
}

@font-face 
{
    font-family: 'handel-ghotic-bt';
    src: url('../fonts/handel-gothic-bt.ttf'), url('../fonts/handel-gothic-bt.eot');
}

@font-face 
{
    font-family: 'myriadpro';
    src: url('../fonts/myriadpro/MYRIADPRO-REGULAR.OTF')
}

html
{
    font-size: 100%;
}

body
{
    color : #464646;
    font-family: 'Open Sans', sans-serif;
    margin : 0px;
}

h1
{
    font-size : 1em;
    color : #ff5400;
    margin : 10px 0;
}

h2
{
    font-size : 0.9em;
    color : #ff5400;
    margin : 0px;
    padding : 0px;
}

h3
{
    font-size : 0.8em;
    margin : 0px;
    padding : 0px;
}


.navstiveno-color a{
    /*color: #B20000 !important;*/
    opacity: 0.5;
}

.big {
    font-size: 18px;
    font-weight: bold;
    
}

*
{
    -webkit-box-sizing : border-box;
    -moz-box-sizing : border-box;
    box-sizing : border-box;
}

.cf:before, cf:after
{
    content: " ";
    display: table;
}

.cf:after
{
    clear : both;
}

.stred
{
    margin: 0 auto;
    width: 1020px;
}




a#backToTop {
    
  width: 40px;
  height: 40px;
  opacity: 0.8;
  position: fixed;
  bottom: 85px;
  right: 20px;
  display: none;
  text-indent: -10000px;
  outline: none !important;
  background: #464646 url('../img/up-arrow.png') no-repeat center center;
    background-size: 20px;
    
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px;    
}

.tooltipsy
{
    padding: 10px;
    /*max-width: 200px;*/
    color: #303030;
    /*background-color: #f5f5b5;*/
    border: 1px solid #deca7e;
}

.wrapper
{
    margin: 0 auto;
    width: 100%;
    max-width: 1020px;
}

.body
{
    padding-top : 360px;
    overflow: hidden;
}

p
{
    padding : 3px 0 3px 0;
    margin : 0;
}

.red
{
    color : #ff5400;
}

.green
{
    color : #74be0f;
}

.black
{
    color : #464646;
}

.left, .fleft
{
    float : left;
}

.right, .fright
{
    float : right;
}

.overhidden
{
    overflow: hidden;
}
.rozcestnik_index {
    font-size: 0.8em;
}

h4
{
    color : #bb0404;
    margin: 0px;
    padding : 0px;
}

h2.open
{
    background-image : url('../img/ico/minus_red.png');    
    background-repeat : no-repeat;
    background-position : 0 50%;
    padding-left : 40px;   
    color : black;
    cursor: pointer;
    line-height: 25px;
    margin-top : 15px;
}
h2.close
{
    background-image : url('../img/ico/plus_red.png');
    background-repeat : no-repeat;
    background-position : 0 50%;
    padding-left : 40px;   
    color : black;
    cursor: pointer;
    line-height: 25px;
    margin-top : 15px;
}

h2.open-next
{
    background-image : url('../img/ico/minus_red.png');    
    background-repeat : no-repeat;
    background-position : 0 50%;
    padding-left : 40px;   
    color : black;
    cursor: pointer;
    line-height: 25px;
    margin-top : 15px;
}
h2.close-next
{
    background-image : url('../img/ico/plus_red.png');
    background-repeat : no-repeat;
    background-position : 0 50%;
    padding-left : 40px;   
    color : black;
    cursor: pointer;
    line-height: 25px;
    margin-top : 15px;
}

hr
{
    background-image : url('../img/cara.png');
    background-repeat: repeat-x;
    width : 100%;
    border : none;
    height: 2px;
}

li
{
    list-style: none;
}

a
{
    text-decoration: none;
    color : #ff5400;
}

a:hover
{
    color : #464646;
}

.button-tinny-gray
{
    font-family: 'Open Sans', sans-serif !important;
    cursor : pointer;
    background-image: url('../img/button_gray.gif');
    background-repeat: repeat-x;   
    border : none;
    color : #464646;
    margin-right: -3px;
    font-weight : bold;
    height : 21px;
}

.button-tinny-red
{
    cursor : pointer;
    font-family: 'Open Sans', sans-serif !important;
    background-image: url('../img/button_red.gif');
    background-repeat: repeat-x;   
    border : none;
    color : white;
    font-weight : bold;
    height : 21px;
}   

.button-big
{
    cursor : pointer;
    font-family: 'Open Sans', sans-serif !important;
/*    background: #ff5400 url('../img/button_red_big.gif') repeat-x;*/
    background: #ff5400;
    border : none;
    color : white;
    font-weight : bold;
    height : 35px; 
    display: inline-block;
}

.button-big span
{
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}

#loading-screen
{
    background-color: rgba(0, 0, 0, 0.1);
    position: fixed;
    text-align: center;
    width: 100%;
    height: 100%;
    z-index: 99998;
    display: none;
}

#loading-screen-wrap
{
    vertical-align: middle; 
    display: table-cell;
}

#loading-screen img
{
    opacity: 1;
}

.loading-screen-display
{
    display: table !important;
}

.loading-screen-hidden
{
    display: none !important;
}

/**********/
/* Inputy */
/**********/

.input
{
    background: url('../img/input/text.png') no-repeat right #ddd;
    max-width: 130px;
    height : 28px;
    border : none;
    font-size: 11px;
    padding-left : 5px;
    color : #535353;
}
.input-long
{
/*    background-image: url('../img/input/text-px.gif');*/
/*
    background-repeat: 100% none;
    font-size : 11px;  
*/
    border: 1px solid #d2d2d2;
    
    height : 35px;
    padding-left : 5px;
}
.main-text /* Text */
{
    border: 1px solid #d2d2d2;
    height : 35px;
}
.main-text input
{
    max-width : 180px;
    width : 100%;
    border: medium none;
    padding: 6px 3px;
    font-size : 11px;  
}
.textarea
{
    font-size : 11px;  
    border: 1px solid #d2d2d2;
    padding-left : 5px;
/*    
    background: -webkit-linear-gradient(#F2F2F2, #FEFEFE);
    background: -o-linear-gradient(#F2F2F2, #FEFEFE);
    background: -moz-linear-gradient(#F2F2F2, #FEFEFE);
    background: linear-gradient(#F2F2F2, #FEFEFE);
*/    
}
.main-select /* Select */
{
/*    
   background-image: url('../img/input/select.png');
   background-repeat: no-repeat;
   background-position: 100% 0%;
   overflow: hidden;
   max-width: 155px;
   height : 35px;
   border: 1px solid #d2d2d2;
*/   
}
.main-select select
{
    max-width : 180px;
    background: none repeat scroll 0 0 transparent;   
    border: medium none;
    padding: 6px 3px;
/*    font-size: 11px;*/
    color : #464646;
    width : 113%;
}
/*
.main-multiselect 
{
    max-width : 155px;
}
.ui-multiselect 
{
    background-image: url('../img/input/select.png');
    background-repeat: no-repeat;
    background-position: 100% 0%;
    text-align:left;
    border: 1px solid #d2d2d2 !important;
    border-radius: 0px !important;
    color: black;
    font-size: 12px;
    font-weight: normal;
    width: 100% !important;
    height : 28px;
    color : #535353;
}
*/
.checkbox
{
    display: none;
}
.checkbox-label
{
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 17px;
    padding-left: 25px;
    text-shadow: 0 0 1px rgba(150, 150, 150, 0.3);
    vertical-align: middle; 
    font-size : 12px;
     -moz-user-select: none;
    background-image: url("../img/input/check-boxes.png");
    color : #535353;
}
.checkbox-set
{
    background-position: 0 -17px;
}
.checkbox:checked + .checkbox-label
{
    background-position: 0 -17px;
}
.radio
{
    
}
.ui-icon
{
    visibility: hidden !important;
    width : 0px !important;
    height : 0px !important;
}
.ui-corner-br
{
    border-bottom-right-radius: 0px !important;
}
.ui-corner-bl
{
    border-bottom-left-radius: 0px !important;
}
.ui-corner-tl
{
    border-top-left-radius: 0px !important;
}
.ui-corner-tr
{
    border-top-right-radius: 0px !important;
}

/********/
/* Menu */
/********/

#menu
{
    font-family: handel-ghotic-bt, arial;
    background-image  : url('../img/menu.gif');
    background-repeat : repeat-x; 
    height : 51px;
    /*width: 100%;*/
}

.menuRu
{
    font-family: arial !important;
    font-weight: bold;
}

#menu ul
{    
    margin  : 0px;
    padding : 0px;
    width : 100%;
}

#menu li
{
    width : 15.68627450980392%;
    background-image: url('../img/menu_predel.gif');  
    background-repeat: no-repeat;
    background-position: 100% 0;
    float : left;
    list-style: none;
    height : 100%;
    font-size: 0.8em;
    display: table;
}

#menu li:last-child
{
    background-image: none;
}


#menu li.home-uvod
{
    background-image : url('../img/menu_home.gif');
    background-repeat: repeat-x;
    height : 51px;
    float  : left;
    z-index: 1;
    background-image: url('../img/menu_predel.gif');  
    background-repeat: no-repeat;
    background-position: 100% 0;
    width : 5.8823529411765%;
}
#menu a.link-rozdelovnik, #menu a.link-rozdelovnik-en  
{
    background-image : url('../img/ico/home.png'); 
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: table-cell;
    height : 51px;
    z-index: 3;
}
#menu a.link-rozdelovnik-en 
{
    background-image : url('../img/ico/home_en.png'); 
}
#menu li.home-uvod a:hover
{
    color : white;
    background-color : inherit;
}
#menu li.home-rozdelovnik
{
    background-image : url('../img/menu_home.gif');
    background-repeat: repeat-x;
    height : 51px;
    float  : left;
    z-index: 1;
    background-image: url('../img/menu_predel.gif');  
    background-repeat: no-repeat;
    background-position: 100% 0;
    width : 5.8823529411765%;
}
#menu li.home-rozdelovnik a 
{
    background-image : url('../img/ico/home.png'); 
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: table-cell;
    height : 51px;
    z-index: 3;
}

#menu li.active
{
    background-image : url('../img/menu_home.gif') !important; 
    background-repeat: repeat-x !important;
    height : 51px !important;
    float  : left !important;
    z-index: 1 !important;
}

#menu a
{
    color : white;
    text-decoration: none;
    vertical-align: middle;
    display: table-cell;
    height: 51px;
    text-align: center;
    text-shadow: 0.5px 0.5px 1px gray;
    width: 98%;
    padding: 0 1%;
}
#menu a:hover
{
    color : black;
    background-color : white;
}

/* hamburger menu pro mobilní verzi */
.liMenuMobile
{
    display: none;
}
/********/
/* Main */
/********/

#main
{
    background-image: url('../img/bg_main.png');
    background-repeat: repeat-x;
    background-position: 0 430px;
    height: 100%;
    margin: 0 auto;
}

.inclWrapCookies #main
{
    background-position: 0 496px;
}

/**********/
/* Filtry */
/**********/


.filtr-small
{
    margin : 20px 0px 15px 0px;
    overflow: hidden;
}

.filtr-small table
{
    width : 100%;
}

.filtr-small table tr
{
    height : 25px;
}

.filtr-small table th
{
    text-align: left;
}

.filtr-small .option
{
    font-size : 12px;
}

.filtr-small .celkova_nabidka
{
    background-image: url('../img/uvod/bg_button_celkova-nabidka_01.gif');
    background-repeat : repeat-x;  
    font-size:14px;
    height:33px;
    line-height:33px;
    padding-left: 30px;
    padding-right: 36px;
    display:inline-block;
    color:white;
    text-shadow: 0.5px 0.5px 1px gray;    
    width: 100%;  
    margin: 20px auto 0;
    text-align: center;
}

.option .celkova_nabidka
{
    display: block;
}

.celkova_nabidka_velka
{
    background-image: url('../img/uvod/bg_button_celkova-nabidka_01.gif');
    background-repeat : repeat-x;  
    font-size:14px;
    height:33px;
    line-height:33px;
    padding-left: 30px;
    padding-right: 36px;
    display:inline-block;
    color:white;
    width: 100%;
    margin-top:10px;
    text-align: center;
    text-shadow: 0.5px 0.5px 1px gray;
}

.filtr-small .slider
{
    
}

.filtr-small .ui-widget-content
{
    background-image: url('../img/slider/slider_line-gray.gif') !important;
    background-color: white;
    border : none;
    height : 8px !important;
}

.filtr-small .ui-slider-range
{
    background-image: url('../img/slider/slider_line-black.gif') !important;
    border : none;
}

.filtr-small span.ui-state-default
{
    background-image: url('../img/slider/slider_button.gif') !important;
    border : none !important;
    display : inline-block !important;     
    color : white !important;
    font-size : 11px !important;
    font-weight: normal !important;
    line-height : 21px !important; 
    text-align: center;
    height : 21px !important;
    cursor : pointer;
    width : 60px !important; 
    margin-top : -4px;
    text-shadow: 0.5px 0.5px 1px gray;
}

/*******************/
/* TABULKA POLOZEK */
/*******************/
.polozky-wrap
{
    overflow: hidden;
}
#polozky
{
    min-height: 200px;
}

table.polozky 
{
    width : 100%;
    border-collapse: collapse;
    
    /*font-family: opensans;*/
}

table.polozky th
{
    background-image: url('../img/polozky_header.gif');
    background-repeat: repeat-x;
    height : 36px;
    color : white;
    font-size : 11px;
    
}

table.polozky th:first-child
{
    -webkit-border-top-left-radius: 4px;
    /*-webkit-border-bottom-left-radius: 6px;*/
    -moz-border-radius-topleft: 4px;
    /*-moz-border-radius-bottomleft: 6px;*/
    border-top-left-radius: 4px;
    /*border-bottom-left-radius: 6px;*/
}

table.polozky th:last-child
{
    -webkit-border-top-right-radius: 4px;
    /*-webkit-border-bottom-right-radius: 6px;*/
    -moz-border-radius-topright: 4px;
    /*-moz-border-radius-bottomright: 6px;*/
    border-top-right-radius: 4px;
    /*border-bottom-right-radius: 6px;*/
}

table.polozky tr
{
    height : 25px;
    font-size : 11px;
}

table.polozky tr.lichy
{
    
}

table.polozky tr.sudy
{
    background-color: #f2f2f2;
}


/* HOVERY TABULKY */ 
table.polozky tr:hover
{
    background-color:#e6e6e6;
}
table.polozky tr.sudy:hover td
{
    background-color: #e6e6e6;
}



table.polozky tr.sudy td
{
    background-color: #f2f2f2;
}

table.polozky .evidcislo
{
    text-align: center;
    width:80px;
}

table.polozky .nadpis
{
    max-width: 50%;
    width: 50%;
}

table.polozky .lokace
{
    text-align: center;    
}

table.polozky .zdvih
{
    text-align: center;
}

table.polozky .nosnost
{
    text-align: center;
}

table.polozky .cena
{
    color : #ff5400;
    text-align: right;
    width : 75px;
    font-size:12px;
}

table.polozky a
{
    color : #ff5400;
    font-weight:700;
}

.polozky-footer
{
    overflow: hidden;
    font-size : 13px;
    margin-top : 10px;
}

.polozky-footer a
{
    text-decoration: none;
    color : black;
}

/************/
/* Dlazdice */
/************/

.dlazdice .polozka
{
    float : left;
    width : 25%;
    background-image : url('../img/bg_dlazdice.gif');
    background-repeat: repeat-x; 
    /*margin-right : 20px;*/
    padding : 0.95%;
    margin-bottom: 25px;    
    height: 450px;
    
}
.dlazdice .img
{
    border-top: 2px solid #ff5400;; 
}
.dlazdice .polozka .nadpis
{
    font-size: 14px;
    color : #ff5400;
    font-weight: bold;
    /*padding-left : 1%;
    padding-top : 1%;*/
}
.dlazdice .rozdelovac
{
    float:right;
    background-image : url('../img/carkovana_svisle.png');
    background-repeat: repeat-y; 
    width:1px;
    height:397px;
    position: relative;
    left: 10px;
    margin-top: 8px;  
}
.dlazdice .polozka .popisky
{
    overflow: hidden;
    margin-top: 2%;
}
.dlazdice .polozka .foto
{
    text-align: center;
    margin-top: 1%;
}
.dlazdice .polozka .buttons
{
    
}
.dlazdice .polozka .popisky table
{
    color : #464646;
    font-size : 13px;
}
.dlazdice .polozka .nazev
{
    text-align : left;
    max-width: 65%;
    width: 65%;      
}
.dlazdice .polozka .hodnota
{
    text-align : right;
    max-width: 20%;
    width: 20%;      
}
.dlazdice .polozka .jednotka
{
    text-align : left;
    text-transform: lowercase;
    max-width: 15%;
    width: 15%;    
}

/* dlaždice pro přídavka*/
.dlazdice .polozkaPZ .nazev
{
}

.dlazdice .polozkaPZ .hodnota
{
    max-width: 25%;
    width: 25%;      
}

.dlazdice .polozkaPZ .jednotka
{
    max-width: 10%;
    width: 10%;    
}


.dlazdice .polozka .koupit-za
{
    color : #ff5400;
    font-size : 9px;
    vertical-align: middle;
    display: table-cell;
    background-image: url('../img/eshop/chart_25.png');
    background-repeat: no-repeat;
    padding-left : 30px;
    height : 30px;
}
.dlazdice .polozka .cena
{
    float : left;
    /*background-image: url('../img/eshop/price.png');*/
    background-repeat: no-repeat;   
    /*width : 120px;*/
    /*height : 23px; */
    /*padding-left : 5px;*/
    
    width: 100%;
    text-align: center;
    padding-top: 8px;
    
}
.dlazdice .polozka .cena strong
{
    /*color : white;*/
    color: #ff5400;
    font-size : 22px;
    /*position : relative;*/
    top : 1px;
}
.dlazdice .polozka .poptat
{
    cursor: pointer;
    font-family: 'Open Sans', sans-serif !important;
/*    background: #ff5400 url('../img/button_dlazdice.gif') repeat-x;*/
    background: #ff5400;    
    border: none;
    color: white;
    font-weight: bold;
    height: 26px;
    width: 100%;
    margin-top: 8px;
    display: inline-block;
}


.dlazdice .polozka .butDlazdice, .dlazdice .polozka .butDlazdice .boxButDetailDlazdice
{
    display: block;
    overflow: hidden;
    width: 50%;
    float: left;
}

.dlazdice .polozka .butDlazdice .boxButDetailDlazdice:hover
{
    background: #464646;
}

.dlazdice .polozka .butDetailDlazdice
{
    margin-top: 10px;
    background: #ff8800;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    margin-top: 8px;    
    font-size: 13px;
}

    .dlazdice .polozka .butDetailDlazdice .boxButDetailDlazdice
    {
        width: 100%;
        background: #ff8800;
        
        color: #fff;
    }
    

.dlazdice .polozka .skladem
{
    float : right;
    font-size : 9px;
    color : #45941c;
    padding-right : 15px;
    position: relative;
    top : 5px;
}
.dlazdice .polozka .titulek_wrap
{
    position: absolute;
    top : 0;
    height: 100%;
    overflow: hidden;
    z-index: 100;
}
.dlazdice .polozka .titulek_prodano
{
    z-index:10;
    line-height:20px;
    background-color: #ff5400;
    height:20px;  
    opacity:0.8;
    font-size:12px;
    color:white;
    text-align:center; 
    font-weight:bold;
    background-repeat: no-repeat;   
    padding : 0 20%;
    transform: perspective(1px) rotate(-45deg);
    -webkit-transform: perspective(1px) rotate(-45deg);
    -moz-transform: perspective(1px) rotate(-45deg);
    -ms-transform: rotate(-45deg);
    position: relative;
    top : 27%;
    left : -30%;
    width : 230px;
}

/*************/
/* Filtr big */
/*************/

.filtr-big
{
/*    height : 250px;*/
    width: 100%;
    overflow: hidden;
}

.filtr-big .middle-nike
{
    background-image: url('../img/filtr/filtr_nike.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height : 25px;
    width  : 130px;
}

.filtr-big .middle-space
{
    height : 10px;
    width  : 130px;    
}

/*.filtr-big .select
{
    width : 180px;
    background: none repeat scroll 0 0 transparent;
    border: medium none;
}*/

.filtr-big .text
{
    width : 130px;    
}

.filtr-big .title
{
    font-size : 12px;
    font-weight: bold;
    color: #535353;
}

.filtr-big .filtr_double_box_wrap
{
    width : 14.666666%;
    margin-left : 1%;
    margin-right : 1%;
    float : left;
}
.filtr-big .filtr_double_box
{
    width : 100%;
}

.filtr-big .preddefinovany_filtr_hlavni_wrap
{
    width : 23%;
    margin-left : 1%;
    margin-right : 1%;
    float : left;
}
.filtr-big .preddefinovany_filtr_hlavni 
{
    background-color: #e6e6e6;
    border-top: 2px solid #ff5400;
    font-size: 14px;
    /*margin-right: 15px;*/
    padding: 5px 15px;
    text-align: center;
    width : 100%;
}

.filtr-big .preddefinovany_filtr_hlavni:hover
{
    background-color: #777777;
    color: #fff;
}

.filtr-big .preddefinovany_filtr_wrap
{
    width : 14.666666%;
    margin-left : 1%;
    margin-right : 1%;
    float : left;
}
.filtr-big .preddefinovany_filtr 
{
    background-color: #e6e6e6;
    border-top: 2px solid #ff5400;
    font-size: 14px;
    /*margin-right: 15px;*/
    padding: 5px 10px;
    text-align: center;
    width : 100%;
}

.filtr-big .preddefinovany_filtr:hover
{
    background-color: #777777;
    color: #fff;
}

.filtr-big .aktivni_filtr
{
    color: #fff;
    background-color: #ff5400 !important;
}

/*********************/
/* Genericka stranka */
/*********************/

.generic-page
{
    padding-top: 40px;
    margin-bottom: 60px;
    font-size : 14px; 
    text-align: justify;
}

.generic-page ul
{
    padding-left: 20px;
}

.generic-page li
{
    /*font-size : 15px; 
    font-weight: bold;
    list-style-image: url("../img/li.png");*/
    font-size:17px;
    font-weight: bold;
    /*line-height: 40px;*/
    list-style-image: none;
    background:url("../img/li-image.png") no-repeat 0 15px;
    /*background-position-y: 12px;*/
    text-align: left;
    padding-left: 15px;
    background-position-y: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    
}

.generic-page h1
{
   margin : 10px 0 5px 0;
   font-size: 20px;
   color : #ff5400;
}

.generic-page h2
{
   margin : 10px 0 5px 0;
   font-size: 20px;
   color : #464646;
}

.generic-page h3
{
    margin : 10px 0 5px 0;
    font-size: 14px;
}

.generic-page h4
{
    margin : 10px 0 5px 0;
}

.generic-page .left
{
   float : left; 
   width : 49%;
}

.generic-page .right
{
   float : right;
   width : 49%;
}

.generic-page .foto
{
    margin-left : 1%;
    margin-right : 1%;
}

.generic-page .vizitka
{
    overflow: hidden;
}
.generic-page .vizitka .jmeno
{
    padding-top : 20px;
/*    
    font-size : 1.7em;
    font-family: exo;
*/    
}
.generic-page .vizitka .pozice
{
    font-size : 1.3em;
}
.generic-page .vizitka .telefon
{
    padding-top : 60px;
    font-size : 1.3em;
}
.generic-page .vizitka .email
{
    font-size : 1.2em;
}

.generic-page-li
{
    /*font-size : 15px; 
    font-weight: bold;
    list-style-image: url("../img/li.png");*/
    font-size:17px;
    font-weight: bold;
    /*line-height: 40px;*/
    list-style-image: none;
    background:url("../img/li-image.png") no-repeat 0 15px;
    /*background-position-y: 12px;*/
    text-align: left;
    padding-left: 15px;
    background-position-y: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    
}
.generic_table_spacer
{
    height:20px;
}

.generic_table_content{
    text-align: justify;
    font-size:13px
}
.generic_table_content td{
    vertical-align: top;
}

.middle{
    vertical-align: middle !important;
}

.generic_table_image{
    width:500px;
    border-top: 2px solid #ff5400;
}

.gen-left-img{
    width:270px;
    padding-right:10px
}

.gen-right-img{
    width:270px;
    padding-left:10px
}

.page-contact {
    background-color:#F5F5F5;
    /*padding:5px;*/
    /*width:496px;*/
    width: 497px;
}

.page-contact img{
    border-top: 2px solid #ff5400;
}

.p-contact-name {
    font-family: exo, arial;
    font-size: 20px;
}

.vizitka-udaje div
{
    padding-right: 11%;
}

    .vizitka-udaje .jmeno, .vizitka-udaje .telefon
    {
        font-family: exo;
        font-size: 143%;
    }

    .vizitka-udaje .telefon
    {
        color: #ff5400;
    }
    
    .vizitka-udaje .email
    {
        margin-top: 20px;
    }    

.container
{
    display: none;
    position: fixed;
    top : 0px;
    left : 0px;
    height : 100%;
    width : 100%;
    z-index: 400;
    background-color: black;
    opacity: 0.3; 
    filter:alpha (opacity=30)
}

.alert
{
    color : #ff5400;
    font-size : 10px; 
}



#login-zbytek{
    position: absolute;
    bottom: 0px;
    width : 100%;
    font-size : 12px
    
}

#login-zbytek a{
    color:black;
    
}

#login-zbytek a:hover{
    color:black;
    text-decoration: underline;
}




/*
POPTAVKOVY FORMULAR
*/

#poptavkovy_formular .hlavicka
{
    background-color : white;
    padding : 10px;
    overflow: hidden;
}

#poptavkovy_formular .data
{
    overflow: hidden;
    min-width: 900px;
}
#poptavkovy_formular .data .fleft
{
    width : 63%;
    padding : 0 1% 0 1%;
}
#poptavkovy_formular .data .fright
{
    width : 33%;
    padding : 0 1% 0 1%;
}
#poptavkovy_formular .data .radek
{
    overflow: hidden;
    padding : 1% 0 1% 0;
}
#poptavkovy_formular .data .nadpis-cell
{
    width: 25%;
    float : left;
    padding-left : 1%
}
#poptavkovy_formular .data .input-cell
{
    width : 75%;
    float : left;
}

#poptavkovy_formular .button-poptat
{
    cursor : pointer;
    font-family: 'Open Sans', sans-serif !important;
    font-size:20px;
    /*background-color:#ff5400;*/
    
    
    
    background-image: url('../img/bg_button_do-detailu.gif');
    background-repeat: repeat-x;
    
    
    border : none;
    color : white;
    font-weight : bold;
    height : 40px;
    width:350px;
    display: inline-block;
    text-align:center;
    line-height:40px;
}

.polozky_popt_form 
{
    margin-top:10px;
}
.polozky_popt_form .polozka 
{
    font-size:15px;
    padding : 0 1% 0 1%;
}
.polozky_popt_form .popisky table 
{
    margin-top:10px;
    font-size:14px;
}
.polozky_popt_form .cena 
{
    color: #ff5400;
    font-size: 22px;
    text-align: center;
    margin-top: 5px;
}
.polozky_popt_form .polozka .nadpis
{
    font-weight: bold;    
}


.poptavkovy_rozdelovac{
    
    background-image: url('../img/carkovana_svisle.png');
    background-repeat: repeat-y;
    width: 1px;
    
}

.popt_form_kontakty {
    text-align: right;
    /*padding-right: 57px;*/
}
.popt_form_kontakty img{
    padding-right: 10px;
}


.popt_form_kontakty .kontakt_druhy{
    display:none;
    position: absolute;
    background-color: white;
    width: 270px;
    z-index: 3;
    background-image: url('../img/cara.png');
    background-repeat: repeat-x;
    padding-top:10px;
    padding-bottom: 10px;
    background-position-y: 4px;
}


.popt_form_kontakty_dalsi{
  text-align: right;
  padding-right: 57px;
  background-color:white;
  position: absolute;
  right: 67px;
}


.poptavkovy_rozdelovac_voziky{
    
    background-image: url('../img/cara.png');
    background-repeat: repeat-x;
    height: 10px;
    margin-top: 15px;
    
}


/*********************/
/* Generator nabidky */
/*********************/

#generatorNabidky
{
    min-width: 850px;
}

#generatorNabidky .nabidkaItem
{
    overflow: hidden;
    font-size : 12px;
    margin : 3% 0 3% 0;
    height : 150px;
}

.nabidkaItem .fleft
{
    width : 33%;
}
.nabidkaItem .foto
{
    margin-top : 1%;
}
.nabidkaItem .fright
{
    overflow: hidden;
    width : 66%;
}
.nabidkaItem .cena
{
    overflow: hidden;
}
.nabidkaItem .cenaText
{
    float : left;
    width : 25%;
    height: 25%;
}
.nabidkaItem .cenaInput
{
    float : left;
    width : 75%;
}
.nabidkaItem .poznamka
{
    overflow: hidden;
}
.nabidkaItem .poznamkaText
{
    float : left;
    width : 25%;       
}
.nabidkaItem .poznamkaInput
{
    float : left;
    width : 75%;
}



#prehled_fotogalerii
{  
    margin-top : 20px;    
}
#prehled_fotogalerii .fotogalerie
{
    background-image: url('../img/bg_dlazdice.gif');
    background-repeat: repeat-x;
    width:100%;
    height:200px;
    padding: 2%;
    margin-bottom:30px;
}
#prehled_fotogalerii .nadpisek
{
    color:#ff5400;
    font-size: 1em;
}
#prehled_fotogalerii .nahledy
{
    margin-top:15px;
    width:100%;
}
#prehled_fotogalerii .nahledy a
{
    display: block;
    float : left;
    width : 23%;
    margin : 0 1%;
}
#prehled_fotogalerii .nahledy img
{
    border-top: 2px solid #ff5400;
}


#prehled_fotogalerii .odkaz_detail
{
    position: relative;
    left: -8px;
    top: -86px;
    float: right;
}

.wrapOstatniGalerie
{
    background: transparent url("../img/bg_dlazdice.gif") repeat-x left top;    
    width: 25%;
    float: left;
    overflow: hidden;
}

    .boxOstatniGalerie
    {
        padding: 5%;
    }

        #prehled_fotogalerii .boxOstatniGalerie .nahledy a, .boxOstatniGalerie .nahledy a img
        {
            width: 100%;
            max-width: 100%;
        }  


.dlazdice_porovnat
{
    position: absolute;
    margin-left: 33px;
    margin-top: 12px;
}




.tlacitko_vykup 
{
    display: block;
    padding : 10px 10px;
    text-align: center;
    background-color: #ff5400;
    color : white;
    font-weight: bold;
}


/*

SERVISNI FORMULAR

*/

#servisni-formular h2
{
    margin-top : 20px;
    margin-bottom: 10px;
}

#servisni-formular table
{
    width : 100%;
}

#servisni-formular table td
{
    width : 50%;
    font-size: 10px;
}

#servisni-formular .add-forklift
{
    background-image: url("../img/ico/plus_red.png");
    background-position: 0 50%; 
    background-repeat: no-repeat;
    height: 24px;
    padding-left : 28px;
    padding-top : 2px;
    font-size : 14px;
    cursor: pointer;
}

/* ******************** */
/* Nejake dalsi blbinky */
/* ******************** */

.ui-widget {
    font-family: 'Open Sans', sans-serif !important;
    
}
/*.ui-tooltip
{
    border:0px solid transparent;
    border-radius: 0px;
    padding:0px;
    border-width:0px !important;
    color : red;
}
.ui-tooltip img
{
    border-top:2px solid #ff5400;
    
}*/


/**************/
/* Login form */
/**************/

.login-form
{
   padding : 35px 15px 15px 15px;
}

.login-form .fleft
{
    width : 50%;
}

.login-form .fright
{
    width : 50%;
}

.login-form .email
{
    margin-top : 40px;
}

.login-form .heslo
{
    margin-top : 30px;
}

.login-form .button
{
    margin-top : 60px;
}

.login-form ul
{
    padding-left: 20px;
}

.login-form li
{
    font-size:12px;
    list-style-image: none;
    background:url("../img/li-image-small.png") no-repeat 0 12px;
    text-align: left;
    padding-left: 12px;
    background-position-y: 14px;
    padding-top: 8px;
    padding-bottom: 8px;
    
}

.login-form .ostatni-linky
{
    margin-top : 10px;
    width : 90%;
    font-size : 12px;
    text-align: center;
}

/********/
/* Uvod */
/********/

/*************/
/* Main page */
/*************/

.kdojsme
{
    padding-top : 0px;
    width : 50%;
}
.novinky
{
    font-size: 0.8em;
    width : 50%;
}

.novinka
{
    background-image : url('../img/cara.png');
    background-repeat : repeat-x;    
    margin : 10px 0;
    padding-top :  10px;
    /*font-size : 0.8em;*/
}
.novinka .left
{
    width : 25%;
}
.novinka .right
{
    width : 73%;
    padding-left : 2%;
}
.novinka:first-child
{
    background-image: none;
}
.novinka .text
{
    text-align: justify;
}

.zobrazit_dalsich_xxx_voziku 
{
    position: relative;
    top: -280px;
    margin-bottom: -280px;
}
.zobrazit_dalsich_xxx_voziku a
{
    background-color: #ff5400;
    text-align: center;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: white;
    display: inline-block;
    font-size: 23px;
    font-weight: bold;
}
.zobrazit_dalsich_xxx_voziku a:hover
{
    background: #464646 !important;
    transition:background 0.3s ease-in-out; 
    color: #fff !important;
}

.prechod_do_bila 
{
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, white 90%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, white 90%);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, white 90%);
    background: linear-gradient(top, rgba(255,255,255,01) 0%, white 90%);
    
    height: 200px;
    width: 100%;
}



/*****************************************/
/* menu - stylování závorek */
/*****************************************/

#menu ul li a span.menuZavorkyNormal:first-child
{
    margin-right: 2px;
}

#menu ul li a span.menuZavorkyNormal:last-child
{
    margin-left: 2px;
}



/*****************************************/
/* promo HP */
/*****************************************/

.wrapPromoHp
{
    width: 100%;
    background: transparent url('../img/uvod/ikona_do_foky.png') no-repeat center 100px;
    
    position: absolute;
    top: 200px;
}

    .wrapPromoHp div
    {
        font-family: exo, arial;
        text-align: center;
        width: 100%;
        float: none;
        overflow: hidden;
    }
    
    .promoHpHeadline
    {
        font-size: 30px;
        font-weight: normal;
        font-weight: lighter;
    }

    .promoHpIcon
    {

        height: 155px;
    }
    
    .promoHpClickHere, .promoHpClickHere a
    {
        font-size: 26px;
        margin-top: 120px;
    }
    
        .promoHpClickHere a
        {
            text-decoration: underline;
            transition: color 0.3s ease-in-out; 
        }        
    
        .promoHpClickHere a:hover
        {
            color: #464646;
        }    
        
        
        
/*****************************************/
/* kontakt - HP */
/*****************************************/

.dlazdice .polozkaKontakt
{
    /*height: 431px;*/
}

.dlazdice .polozkaKontaktLokalniCena
{
    height: 449px;
}

.dlazdice .kontakt .osoba
{
    height: 374px;
    width: 100%;
}

.dlazdice .polozkaKontaktLokalniCena .osoba
{
    height: 391px;
    width: 100%;
}        

.w100
{
    width: 100%;
}

.hidden
{
    display: none;
}



/*****************************************/
/* úprava stylu pro text: Cena po příhlášení */
/*****************************************/

.dlazdice .login, .ceny .login, .polozky .login, .cena .login
{
    background-image: none;
    font-size: 16px !important;
}



/*****************************************/
/* hover efekty buttonů */
/*****************************************/

.button-big:hover, .celkova_nabidka_velka:hover, .filtr-small .celkova_nabidka:hover, .dlazdice .polozka .poptat:hover, ui-slider-handle:hover, .filtr-small span.ui-state-default:hover,
.button-poptat:hover, #poptavkovy_formular .button-poptat:hover, .prehled_polozky_pridat:hover, .tlacitko_pujcovna:hover, .butServisForm:hover, .pohon-input:hover
{
    background: #464646 !important;
}

.button-big, .celkova_nabidka_velka, .filtr-small .celkova_nabidka, .dlazdice .polozka .poptat, .filtr-small span.ui-state-default, .button-poptat, #poptavkovy_formular .button-poptat,
.prehled_polozky_pridat, .tlacitko_pujcovna , .butServisForm, .pohon-input, .button-big-registrace, .preddefinovany_filtr_hlavni, .aCookiesButton
{
    transition:background 0.3s ease-in-out;    
}

.preddefinovany_filtr_hlavni
{
    transition:color 0.3s ease-in-out;
}



/*****************************************/
/* COOKIES LIŠTA */
/*****************************************/

.wrapTop
{
    position: fixed;
    top: 0;
    z-index: 200;
        
    display: block;
    width: 100%;
    overflow: visible;
}

.aCookiesButton
{
    background: #ff5400;
}




/*****************************************/
/* dlaždice - tekuté zarovnání */
/*****************************************/
.tdPohon
{
    padding: 0;
    margin: 0;
    height: 20px;
}

    .tdPohon div
    {
        float: left;
        overflow: hidden;
    }
    
    .tdPohon .nazev
    {
        width: 40% !important;
        max-width: 40% !important;
    }
    
    .tdPohon .nazev div
    {
        padding: 0 0 0 1px;
    }    

    .tdPohon .hodnota
    {
        width: 45% !important;
        max-width: 45% !important;
    }
    
    .tdPohon .hodnota div
    {
        width: 98%;
        padding: 0 2% 0 0;
        text-align: right;
    }    
    
    .tdPohon .jednotky
    {
        width: 15% !important;
        max-width: 15% !important;
    }   
    
    .tdPohon .jednotky div
    {
        font-size: 85%;
        width: 97%;
        padding: 1px 0 0 3%;
            
    }      
    
/*****************************************/
/* menu 404 */
/*****************************************/

ul.menu404
{  
    margin: 0 5px 0 15px; 
    padding: 0;
}

    ul.menu404 li
    {
        background: transparent url('../img/li-image-small.png') no-repeat 0 7px;

        margin-left: 0;
        padding-left: 15px;    
        margin-bottom: 10px;
    }
    
    ul.menu404 li:first-child
    {
        margin-top: 10px;
    } 
    
    
/*****************************************/
/* kontakt na prodejce na HP */
/*****************************************/    

#kontaktProdejceHP .ikony, #kontaktProdejceHP .ikona
{
    overflow: hidden;
}

#kontaktProdejceHP h2
{
    color: #464646;
    text-transform: none;
    margin: 0 0 10px 0;
}

#kontaktProdejceHP .imgKontaktniOsoba
{
    width: 60%;
}

#kontaktProdejceHP .osoba td
{
    font-size: 90%;
}

#kontaktProdejceHP .osoba
{
    height: auto;
}

/**************/
/* Cron */
/**************/
.skpvMessage
{
    text-align : center;
    font-size : 1.3em;
    margin-top : 30px;
    margin-bottom: 20px;
}

.skpvMessagePriorita
{
    text-align: center;
    margin-top : 20px;   
    font-size: 1.1em;
}

.skpvMessagePrioritaBox
{
    height: 40px; 
    width : 33%; 
    line-height: 1; 
    text-align: center; 
    display: block; 
    color: #ffffff; 
    text-transform: uppercase;
    padding: 10px 0 10px 0;
    margin : 10px auto;
    font-size : 0.7em;
}


/*******************************/
/* zarovnání prvků pod filtry */
/*******************************/
.wrapFlexSearchButtons
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .wrapSearchButtonsElements
    {
        display: block;
        overflow: hidden;
        float: left;
        
        width: 23.4%;
    }