.header{
    background: url("/public/img/menu.png");
    display: table;
    background-repeat: repeat-x;
    width:100%;
}

.head-row{
    display: table-row;
}

.brand{
    width:1%;
    padding-left: 1%;
    min-width: 80px;
    display:table-cell;
    height: 88px;
    vertical-align: middle;
}

.navbar{
    width:60%;
    display:table-cell;
    vertical-align: middle;
}

#auth-container-div{
    position: relative;
    display:table-cell;
    width:25%;
    max-width:300px;
    vertical-align: middle;
}

#menu-auth{
    text-align: center;
}

#auth-contayner a {
    margin-right: 20px;
}


#auth-contayner select{
    width:100%;
}

#auth-contayner form{
    margin: 0;
}

h1.brand{
    width:20%;
    max-width:150px;
    display: inline-block;

}

#login-button{
    background-color: rgba(255, 255, 255, 0.65);
    background-image:none;
    color:white;
    text-shadow: none;
    text-transform: uppercase;
    padding: 3px;
    font-size: 1.2em;

}

#auth-contayner input::-webkit-input-placeholder {color:white;}
#auth-contayner input::-moz-placeholder          {color:white;}/* Firefox 19+ */
#auth-contayner input:-moz-placeholder           {color:white;}/* Firefox 18- */
#auth-contayner input:-ms-input-placeholder      {color:white;}

#auth-contayner input[type=text],
#auth-contayner input[type=password]{
    width:30%;

    padding: 3px;
    font-size: 1.2em;
    background-color: rgba(255, 255, 255, 0.65);
    background-image:none;
    color:white;
    margin-right: 1%;
    margin-bottom: 0;
}

#auth-contayner a{
    font-size: 1em;
    padding: 1%;
}

#auth-contayner .special-links{
    margin: 0 auto;
    text-align: center;


}

#first-login-form{
    text-align: center;
}

.capabilites{
    background: url("/public/img/orangeBackground.png");
    color:white;
    padding: 2% 0;
}

.capabilites img{
    margin: 2% 0;
}
.capabilites p{
    margin: 0;
    padding: 0px;
    line-height: normal;
    font-size: 1.2em;
}

#aircompanies{
    background: url("/public/img/orangeBackground.png");
    width:98%;
    padding: 2%;
    color:white;
    margin-bottom: 2em;
}

#form-search-tickets #widget-search-ticket-RazletAffiliatorBundle-User-index{
    background: url("/public/img/orangeBackground.png");
}

.capabilites-content{
    width:90%;
    margin: auto;
    margin-bottom: 2%;
}

#main-picture h3{
    color: white;
    font-size: 2em;
    line-height: normal;
    text-shadow: 1px 1px 2px #12306b;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 2em;
    margin-bottom: 0;
}

#information-about-user{
    width:70%;
    float:left;
    color:white;
    text-shadow: 1px 1px gray;
}

.auth-buttons{
    width: 29%;
    display: inline-block;
}

.auth-buttons a{
    display: block;
    color: #000000 !important;
    margin-bottom: 5px;
}

footer{
    padding-top: 50px;
    color: #000000;
}

#menu-auth{
    display:none;
}

#auth-dialog{
    position: absolute;
    top:87px;
    width:94%;
    background: orange;
    background: url("/public/img/orangeBackground.png");
    padding: 3%;
    z-index: 15;
    display:none;

}

.auth-dialog{
    line-height: 1.2em;
}

#auth-contayner{
    display: table-cell;
}

.main-page .auth-form{
    margin-top: 20px;
}

.main-page #main-auth-form a{
    color:white;
}

@media (max-width: 979px){
    .navbar {
        width: 50%;
        display: table-cell;
        vertical-align: middle;
    }

    .main-page #main-auth-form{
        display:none;
    }

    .main-page #menu-auth{
        display: table-cell;
        height: 88px;
        vertical-align: middle;
    }

    .select-menu {
        display: block !important;
        width: 90%;
        border: 1px solid #000;
        background: white;
        color: #000000;
        cursor: pointer;
        margin: -18px auto 0 auto;
        height: 31px;
    }

    #auth-dialog .user-name-class,#auth-dialog .password-class{
        width:30%;
    }

    #auth-dialog .login-button{
        margin-top: -12px;
    }

    #auth-dialog .auth-form{
        height: 40px;
    }

    #auth-dialog .special-links{
        text-align: center;

    }

    #auth-dialog .special-links a{
        color:#f5f5f5;
        font-size: 1.2em;
        margin: 0 10px;
    }

    .other-page .select-menu{
        display: none ;
    }

    .other-page .navbar_ .nav-collapse_ .nav{
        display: block;
    }


    .main-page #affiliator-form-dateFrom, .main-page #affiliator-form-dateTo {
        max-width: 130px;
    }

    .main-page #affiliator-form-af_form_submit {
        width: 57px;
        margin-top: -11px;
    }

    .main-page  #affiliator-form-cityFrom, .main-page #affiliator-form-cityTo {
        max-width: 130px;
        width: 100%;
        margin-right: 20px;
        display: inline-block;
    }

}


@media (max-width: 979px) and (min-width: 768px) {
    .main-page .navbar-static-top .container, .main-page .navbar-fixed-top .container, .main-page .navbar-fixed-bottom .container, .main-page .navbar-inner {
        width: 500px;
    }

    .main-page .nav.navbar-nav.sf-menu.sf-js-enabled{
        display:none;
    }

}


#auth-container-div #auth-contayner{
    position: absolute;
    top:0px;
}

.modal-body .login-button,.modal-body .user-name-class,.modal-body .password-class{
    display:none;
}