/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Apr 10, 2014, 8:55:38 PM
    Author     : deepress
*/
/*
@font-face {
  font-family: 'MyriadPro';
  src: url('/fonts/MyriadPro-Cond.otf') format('otf');
}
*/
@font-face {
    font-family: 'MyriadPro';
    font-style: normal;
    font-weight: normal;
    src: local('MyriadPro'), url('../fonts/MyriadPro-Cond.otf') format('opentype');
}

@font-face {
    font-family: 'MyriadPro-Bold';
    font-weight: bold;
    src: src('fonts/MyriadPro-BoldCond.otf') format('opentype');
}
@import "bootstrap/bootstrap.less";
//colors
@blue: #224d75;
//fonts
@font-family-sans-serif: 'MyriadPro';
@font-size-base: 18px;
@text-color: @blue;
//navbar
@grid-float-breakpoint: 1200px;
@navbar-default-link-color: white;
@navbar-default-link-hover-color: white;
@navbar-default-link-active-color: white;
@navbar-default-link-active-bg: @blue;
@navbar-height: 40px;
@navbar-default-bg: @blue;
@navbar-border-radius: 0px;
@navbar-default-border: transparent;
@navbar-border-thickness: 0px;
//buttons
@btn-default-bg: @blue;
@btn-default-color: #white;
@btn-primary-border: @blue;
//forms
@input-border-radius: 0px;
@input-border: transparent;
//misc
@hr-border: black;

body {
    background: url('../img/pozadi/kbs-web-pozadi-tmave.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
}
.btn-default:hover {
    text-decoration: underline;
    background-color: @blue!important;
}
.ribbon {
    @media (min-width: @screen-xs-min) and (max-width: @screen-sm-min) {
        margin-left: 0px;
        margin-right: 0px;
    }
    color: white;
    background-color: @blue;
    margin-left: 40px;
    margin-right: 40px;
    margin-bottom: 1em;
    line-height: 40px;
    height: 40px;
    text-align: center;
    width: 130px;

}
.ribbon:before {
    content: " ";
    font-size: 24pt;
    text-align: center;
    color: #fff;
    float: left;
    position: relative;
    background: url(../img/layout/kbs-web-ribbon-levy.png);
    width: 7px;
    height: 40px;
    margin-left: -7px;

}
.ribbon:after {
    content: " ";
    font-size: 24pt;
    text-align: center;
    color: #fff;
    float: right;
    position: relative;
    width: 130px;
    background: url(../img/layout/kbs-web-ribbon-pravy.png);
    width: 7px;
    height: 40px;
    margin-right: -7px;

}

.row-centered {
    margin-top: 7em;
    margin-bottom: 7em;
    h3 {
        font-family: 'MyriadPro-Bold';
        margin-bottom: 2em;
    }

    .ribbon-heading {
        .ribbon {
            margin: 0px;
            position: relative;
            z-index: 10;
            float:left;
            width: auto;
        }
        span {
            padding: 0px 15px;
        }
        hr {
            position: relative;
            margin-top: 20px;
            z-index: 11;
        }
    }

    .logo {
        margin-bottom: -30px;
    }

    .regform {
        button {
            color: white;
            margin-top: 0px;
            float: right;
            span {
                padding: 0px 15px;
            }
        }
        hr {
            margin-bottom: 0px;
        }
    }


}
.btn-default {
    border: none;
    line-height: 40px;
    height: 40px;
    padding: 0;
}

.svetle {
    @media (min-width: @screen-xs-min) {
        background: url('../img/pozadi/kbs-web-pozadi-svetle.jpg');
    }
    background-color: white;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: 150px;
    hr {
        border-color: @blue;
    }
    @media (min-width: @screen-xs-min) and (max-width: @screen-sm-min) {
        .navbar {
            color: black;
        }
    }
    nav:before {
        content: " ";
        font-size: 24pt;
        text-align: center;
        color: #fff;
        float: left;
        position: relative;
        background: url(../img/layout/kbs-web-ribbon-levy.png);
        width: 7px;
        height: 40px;
        margin-left: -7px;
    }
    nav:after {
        content: " ";
        font-size: 24pt;
        text-align: center;
        color: #fff;
        float: right;
        position: relative;
        background: url(../img/layout/kbs-web-ribbon-pravy.png);
        width: 7px;
        height: 40px;
        margin-right: -7px;
        margin-top: -40px;
    }
    .navbar {
        margin-top: 5px;

        ul {
            font-size: 20px;
            /*
            a {
                @media (min-width: @screen-md-min) {
                     border-right: 1px solid white;
                }
            }
            */
            li:after {
                 @media (min-width: @screen-md-min) {
                    content: ' | ';
                 }
                color: white;
                float: right;
                margin-top: -35px;
                color:  #759cbf;
            }
            li:last-child:after {
                content: none;
            }
            a:hover {
                text-decoration: underline;
            }
        }
        .navbar-header-logo {
            .navbar-brand {
                margin-left: -30px;
                padding-right: 0px;
                padding-left: 0px;
                background-color: #c8dfe7;
                .head-logo {
                    margin-top: -146px;
                }
            }
        }
    }
}
.img-responsive {
    display: inline-block;
}

footer {
    background: white;
    font-size: 14px;
    margin-top: 2em;

    .row {
        margin-top: 2em;
        margin-bottom: 2em;
    }
}