/**********/
/* Header */
/**********/

#client-menu
{
    background-image: url('../img/bg_client_menu.gif');
    background-repeat: repeat-x;
    color : #707070;
    height: 49px;
    /*height: 51px;*/
    font-family:arial;
    position : relative; 
    z-index: 300;
}

#client-menu ul
{
    float : right;
    list-style: none;
    margin : 0;
    height : 49px; 
}

#client-menu li
{
    float : left;
    background-image: url('../img/bg_client_menu_line.gif');
    background-repeat: no-repeat;
    height: 100%;  
}

#client-menu a
{   
    background-repeat : no-repeat;
    display: table-cell;
    height : 21px; 
    text-decoration : none;
    color : #707070;
    font-size : 0.7em;
    padding : 0 20px;
    margin-right : 15px;
    background-position: 99% 50%;
    vertical-align: middle;
    height: 49px;
}

#client-menu a:hover
{   
    text-decoration: underline !important;
}

#client-menu .menu-mobil
{
    display: none;
}

.login
{
    background-image: url('../img/ico/login.png');
}

.headerChuf
{
    position: relative;
    top: -7px;
    
    background-image: url('../img/ico/chuf.png');
    font-size: 0;
    width: 80px;
}

.logout
{
    background-image: url('../img/ico/login.png');
}

.my-profile
{
    color: #ff5400;
    background-image: url('../img/ico/profil_red.png');
}

.basket
{
    background-image: url('../img/ico/basket.png');
}

.parkoviste-items
{
    background-image: url('../img/ico/parking_gray_header.png');
}

.compare-items
{
    background-image: url('../img/ico/porovnavac_gray.png');
}

.menuMobile
{
    background: transparent url('../img/ico/ico-menu-grey.png') no-repeat center 5px !important;
}

.menu
{
    background-image: url('../img/ico/menu.png');
}

#languages .sipka {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #707070;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";  
  margin: 6px 3px 0 0;
}

#language-select .item
{
    background: transparent url('../img/cara.png') repeat-x left bottom;
    display: block;
    width : 50%;
    float: left;
}
#language-select .item a
{
    height: 20px;
    line-height: 10px;
    margin : 0;
    padding : 0;
    display : table;
    width: 97%;
    padding: 5px 0 5px 3%;     
}
#language-select .item span
{
    height: 15px;
    padding-left : 20px;
    display : table-cell;
    vertical-align: middle;
}
#language-select .item span.cz
{
    background : url('../../img/ico/flags_language/flag_cz.png') no-repeat 0 50% transparent;   
}
#language-select .item span.en
{
    background : url('../../img/ico/flags_language/flag_en.png') no-repeat 0 50% transparent;   
}
#language-select .item span.de
{
    background : url('../../img/ico/flags_language/flag_de.png') no-repeat 0 50% transparent;   
}
#language-select .item span.ru
{
    background : url('../../img/ico/flags_language/flag_ru.png') no-repeat 0 50% transparent;   
}
#language-select .item span.pl
{
    background : url('../../img/ico/flags_language/flag_pl.png') no-repeat 0 50% transparent;   
}
#language-select .item span.sk
{
    background : url('../../img/ico/flags_language/flag_sk.png') no-repeat 0 50% transparent;   
}
#language-select .item span.it
{
    background : url('../../img/ico/flags_language/flag_it.png') no-repeat 0 50% transparent;   
}
#language-select .item span.es
{
    background : url('../../img/ico/flags_language/flag_es.png') no-repeat 0 50% transparent;   
}
#language-select .item span.fr
{
    background : url('../../img/ico/flags_language/flag_fr.png') no-repeat 0 50% transparent;   
}
#language-select .item a:hover
{
    color : #ff5400;
}
#language-select .item a:hover span.cz
{
    background : url('../../img/ico/flags_language/flag_cz.png') no-repeat 0 50% transparent !important;
}
#language-select .item a:hover span.en
{
    background : url('../../img/ico/flags_language/flag_en.png') no-repeat 0 50% transparent !important;
}
#language-select .item a:hover span.de
{
    background : url('../../img/ico/flags_language/flag_de.png') no-repeat 0 50% transparent !important;
}
#language-select .item a:hover span.ru
{
    background : url('../../img/ico/flags_language/flag_ru.png') no-repeat 0 50% transparent !important;
}
#language-select .item a:hover span.pl
{
    background : url('../../img/ico/flags_language/flag_pl.png') no-repeat 0 50% transparent !important;
}
#language-select .item a:hover span.sk
{
    background : url('../../img/ico/flags_language/flag_sk.png') no-repeat 0 50% transparent !important;
}
#language-select .item a:hover span.it
{
    background : url('../../img/ico/flags_language/flag_it.png') no-repeat 0 50% transparent !important;
}
#language-select .item a:hover span.es
{
    background : url('../../img/ico/flags_language/flag_es.png') no-repeat 0 50% transparent !important;
}
#language-select .item a:hover span.fr
{
    background : url('../../img/ico/flags_language/flag_fr.png') no-repeat 0 50% transparent !important;
}

.language-click img
{
    margin-left: 6px;
}


#client-menu a span
{
    background-repeat: no-repeat;
    background-position: 100% 0px;
    display : inline-block;
    padding-right : 25px;
    height: 21px;
}

#client-menu a strong
{
    position: relative;
    top : 4px;
}

#header
{
    /*background-image: url('../img/header_lines.png');*/
    background-repeat: no-repeat;
    /*font-size: 0.9em;*/
    overflow: hidden;
    height : 80px; 
    font-family: exo, arial;
    color : #535353;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale;
}
#header .box-first
{
    float : left;
    width : 33.33333333%;
    height : 100%;
    background-image: url('../img/header_oddelovac.png');
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

    .boxLogo
    {
        position: relative;
        top: 12px;
        
        display: block;
        width: 100%;
        height: 60px;
        
        background: transparent url('../img/logo.svg') no-repeat left center;
        background-size: 65%;
        
        font-size: 0;
    }
#header .box-second
{
    float : left;
    width : 33.33333333%;
    height : 100%;
    background-image: url('../img/header_oddelovac.png');
    background-repeat: no-repeat;
    background-position: 100% 50%;
}
#header .box-third
{
    float : left;
/*    width : 33.33333333%;*/
    width: 28%;
    height : 100%;
}

#header .box-first img
{
    position : relative;
    top  : 15px;
    left : 4%;
}

#header .telefon
{
    background-image : url('../img/ico/phone.png');
    background-position-y: 9px;
    background-position-x: 8px;
    background-repeat : no-repeat;
    padding-left : 50px;
    position : relative;
    background-position: 10px;
    /*top : 25px;
    left : 50px;*/
}

#header .telefon2
{
/*    padding-top: 8%;*/
}

#header .telefony
{
    color: #ff5400;
}

#header .telefon_aktivni
{
    /*background-image : url('../img/kontakt/foto/header_tomas_ryc.jpg');
    background-position-y: 0px;
    background-position-x: 0px;*/
    background-image : url('../img/ico/phone.png');
    background-position-y: 9px;
    background-position-x: 8px;
    background-repeat : no-repeat;
    padding-left : 50px;
    position : relative;
}


.rychly_kontakt
{
    float : right;
    padding-top : 24px;
/*    padding-right : 4%;*/
}

#header .text
{
    text-align: center;
    vertical-align: middle;
    position: relative;
    top : 25px;

}

.facebook-counter
{
    display: table; 
    position : relative;
    float : right; 
    left : -8px; 
    top : -5px; 
    background-color: #ff5400;
    border-radius: 4px;
    width : 16px;
    height : 20px;
    text-align: center;
    color : white;
}

.facebook-counter div
{
    display: table-cell; 
    vertical-align: middle;
}



/**********/
/* Header - 2 telefony*/
/**********/

.header2Telefony
{
    background-position-x: -40px;
}

    .header2Telefony .box-first
    {
        width: 378px !important;
    }

/*    
        .header2Telefony .box-first img 
        {
            left: 0px !important;
            width: 85%;
        }
*/        
        .header2Telefony .box-first img:first-child, .box-first img:first-child
        {
            left: 0px !important;
            width: 70%;
        }        
        
        .header2Telefony .box-first img:last-child, .box-first img:last-child 
        {
            height: 45px;
        }                
            
    .header2Telefony .rychly_kontakt_neaktivni
    {
        width: 100%;
        overflow: hidden;
        position: relative;
    }

        .header2Telefony .telefon
        {
            width: 100%;
            overflow: hidden;
            padding: 0;
            margin: 0;
            position: relative;
        }  

            .header2Telefony .obchodnik, .header2Telefony .telefony
            {
                display: block;
                overflow: hidden;
                margin: 0;
                padding: 0
            }

            .header2Telefony .obchodnik
            {
                float: left;
                position: absolute;
                left: 45px;
                top: 12px;
            }    

            .header2Telefony .telefony
            {
                float: right
            }