﻿/*HEADER HEADER*/


.dvaoratiaHeader {
    top: 0;
    left: 0;
    background-color: #3d4d7a;
    box-shadow: 0 1px 2px #27304d;
    z-index:100;
}



.dvinnerheader{
    width:100%;
    padding:20px;
    white-space:nowrap;
    font-size:0;
}


.dvleftinnerheader{
    width:5%;
}

.imgheaderhamb{
    width:60%;
    margin:auto;
    cursor:pointer;
}

.dvmiddleinnerheader {
    width: 85%;
    text-align:center;
}

.imgheaderlogo {
    width: 20%;
}

.dvrightinnerheader {
    width: 10%;
}

.hlclientlogin, .hlclientlogin:visited {
    font-size: 1.2vw;
    text-align: center;
    color: white;
    padding-top: 7px;
    padding-bottom: 7px;
}

    .hlclientlogin:hover {
        background-color: #eeeeee;
        color: #002e40
    }


    /*END HEADER HEADER*/


/*Vessel*/


.dvvessel {
    position: fixed;
    display: block;
    z-index: 10;
    left: 3%;
    width: 30%;
    opacity: 0.35;
}

.imvessel {
    width: 100%;
}


/*END Vessel*/




    /* IMERGE MENU */


.dvimmenu {
    position: fixed;
    display: none;
    width: 30%;
    box-sizing: border-box;
    z-index: 100000;
}


.dvupdnimmn {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align:center;
    left:10%;
}

.hlimmn, .hlimmn:visited {
    position: relative;
    display: inline-block;
    vertical-align: top;
    opacity: 0;
    width: 40%;
    margin-left: 2%;
    margin-right: 2%;
    background-color: black;
    
    text-align: center;
    
    overflow: hidden;
    border-radius: 6px;
    border:2px solid black;
}


    .hlimmn:hover {
        border: 2px solid #00ddaa;
    }


.hlimmnsel, .hlimmnsel:visited {
    border: 2px solid white;
    background-color: #b9c1d396;
}


.spmn0, .spmn0:visited {
    position: relative;
    display: block;
    color: #b7b7b7;
    font-size: 1.2vw;
    width: 80%;
    margin: auto;
}

.spmn1, .spmn1:visited {
    position: relative;
    display: block;
    color: white;
    font-size: 3vw;
    text-shadow: 1px 1px 1px #b7b7b7;
}

/* END IMERGE MENU */
/*FOOTER FOOTER*/
.dvaoratiaFooter {
    background-color: #3d4d7a;
    padding: 20px;
    white-space: nowrap;
    font-size: 0;
    border-top: 2px solid #51659d;
}




.spcopyrght, .ffdx, .ffoothr {
    position: relative;
    display: inline-block;
}

.spcopyrght{
    width:17%;
}
.spcopyrght, .ffdx {
    text-align: left;
    color: #ff6a00;
    font-size: 0.9vw;
}



.ffoothr, .ffoothr1 {
    text-align: left;
    color: white;
    font-size: 1vw;
}

.ffoothr {
   width:7%;
   text-align:center;
}



.ffoothr1 {
    width: 90px;
}

    .ffoothr:visited, .ffoothr1:visited {
        color: white;
    }


    .ffoothr:hover, .ffoothr1:hover {
        background-color: #eeeeee;
        color: #002e40
    }


.dvsocialmedia {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 74%;
    box-sizing: content-box;
    text-align: right;
}

.hlsm {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 1.5%;
    margin-right: 1%;
}


    .hlsm:hover {
        opacity: 0.8;
    }

.imsm, .imgpubbuhlogo {
    position: relative;
    display: block;
    width: 100%;
}

.poweredbypubbuh {
    width: 8%;
    margin-left: 2%;
}
/*END FOOTER FOOTER*/
