@font-face {
	font-family: 'PT_Sans-Web-Regular';
	src: url('fonts/PT_Sans-Web-Regular.eot');
	src: local('☺'), url('fonts/PT_Sans-Web-Regular.woff') format('woff'), url('fonts/PT_Sans-Web-Regular.ttf') format('truetype'), url('fonts/PT_Sans-Web-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{
    margin: 0px;
    padding: 0px;
    /*background-color: #b6c5ca;*/
    font-family:'PT_Sans-Web-Regular';
    font-size: 14px;
    background-color: #0c161e;
}
.navbar{
    margin-bottom:0px;
    background-color: #b6c5ca!important;
    border: none!important;
}
.butonumsu{
  text-decoration: none;
  color: #fff;
}

a{
    color: #32444b!important;
    text-decoration: #32444b underline!important;
    cursor: pointer;
}
.contentContainer table td{
    padding: 3px 10px;
    }.contentContainer table th{
        padding: 0 10px;
    }
    .contentContainer{
        background-color: #b6c5ca;
    }
    .navcontainer{
        background-color: #b6c5ca;
    }
    .row{
        box-sizing: border-box;
        display: table;
        width: 100%;

    }
    .leftColumn{
        background:url(images/sol.jpg);
        height: 580px;
        width: 50%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-top: 100px
    }
    .bg-login-css{
        background: url(images/sol.jpg);
        height: 580px;
        width: 100%;
        float: left;
        position: relative;
        min-height: 1px;
    }
    .rightColumn{
        background:url(images/sag.jpg);
        height: 580px;
        width: 50%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-top: 100px
    }

    .topSpacer{
        background-color: #0c161e;
        height: 15px;
    }
    .header{
        background: url(images/bg.png) ;
        height: 144px;
        width: 100%;
    }
    .headerContainer{
        /*width: 744px;*/
        margin-right: 10px;
    }
    .logo{
        background: url(images/logo.png);
        height: 137px;
        width: 137px;
        margin-top: 5px;
        float: left;
    }

    .leftHeader{
        font-size: 22px;
        color: #ffffff;
        border-bottom: #ffffff 2px solid;
        width: 320px;
        float: right;
        margin-right: 85px;//20
        
    }
    .rightHeader{
        font-size: 22px ;
        color: #385e6c;
        border-bottom: #385e6c 2px solid;
        width: 320px;
        margin-left: 20px
    }
    .rightLoginForm{
        margin-left: 90px;
        width: 245px;
    }
    .leftLoginForm{
        margin-right: 90px;
        width: 240px;
        float: right;
    }

    .forminput{
        height: 32px;
        border-color: #385e6c;
        border-radius: 10px;
        border-style: solid;
        border-width: 1.2px;
        width: 100%;
        margin: 3px;
    }

    .footer{
        background-color: #0c161e;
        border-top: 1px solid #e5e5e5;
        bottom: 0px;
        height: 80px;
        color: #ffffff;
        text-align: center;
        padding-top: 40px;
    }

    .titlebig{
        font-size: 30px;
        color: #919ea3;;
        padding-top: 43px;
        width: 600px;
        text-align: right;
    }
    .titlesmall{
        font-size: 16px;
        color: #919ea3;
        width: 600px;
        text-align: right;
    }
    .rightbutton{
        width: 100%;
        height: 42px;
        background-color: #81a5b3;
        font-size: 22px;
        font-weight: 400;
        color: #385e6c;
        }.leftbutton{
            width: 100%;
            height: 42px;
            background-color: #5b717c;
            font-size: 22px;
            font-weight: 400;
            color: #81a5b3
        }

        @media screen and (max-width: 920px) {
            .leftColumn{
                height: 320px;
                width: 100%;
                padding-top: 20px;
                
            }
            .rightColumn{
                height: 320px;
                width: 100%;
                padding-top: 20px;
            }
            
            .rightLoginForm{
                margin-left: 90px;
                width: 370px;
            }
            .leftHeader{
                width: 450px;
                margin-left: 20px;
                float:left;
            }    
            .leftHeader{
                width: 450px;
                margin-left: 20px;
                float:left;
            }
            .leftLoginForm{
                margin-left: 90px;
                width: 370px;
                float: left;
            }
            

            .bodyContainer{
                width: 100%;
            }

            .headerContainer {
                width: 100%;

            }
            .titlebig {
                width: 100%;
            }
            .titlesmall{
                width: 100%;
            }

            
        }