@font-face {
    font-family: 'RobotoCondensed-Regular';
    src: url('../fonts/RobotoCondensed-Regular.ttf') format('truetype');
}

#bottomPanel{
   position: absolute;
    left: 0px;
    bottom: -129px;
    height: 163px;
    width: 710px;
    z-index: 999;
  /*  background-color: #0288d1;
    border: 1px solid #0288d1;*/
    /*   opacity: 0.95;*/
    
   
}

.botPanel{
    position:absolute;
    left: 0px;
    bottom: 0px;
    height: 129px;
    width:674px;
    background-color: rgba(2,136,222,0.90);
    border-radius: 4px     4px      0           0;
    box-shadow: 0px 10px 15px #888888;
    display:none;
}

.botimg{
    position:absolute;
    left:22px;
    top: 33px;
    width:32px;
    height:32px;

}

.bpTxtTime{
    position:absolute;
    left:517px;
    top: 17px;
    width:181px;
    color:#2020ff;
    font-family:'RobotoCondensed-Regular';
    font-size:12px;
}

.bpTxtUyar{
    position:absolute;
    left:66px;
    top: 42px;
    width:600px;
    color:#ffffff;
    font-family:'RobotoCondensed-Regular';
    font-size:12px;
}

#slider {
    position: absolute;
    cursor:pointer;
    left: 10px;
    top: 0px;
    height: 34px;
    width: 64px;
    background-color: #0288d1;
    opacity: 0.95;
    
    background-image: url('../images/bottompanel/sliceUp.png');
    background-position: center;
    background-size: 16px 16px;
    background-repeat:no-repeat;
    
    border-radius: 4px     4px      0           0;
    box-shadow: 0px 10px 15px #888888;
}

#yogunluk{
 position: absolute;
    left: 2px;
    top: 0px;
    height: 33px;
    width: 276px;
    background-color: #0c5792;
    opacity: 0.99;
   
    display:inline-block;
    border-radius: 4px     4px      0           0;
    box-shadow: 0px 10px 15px #888888;
}

#imgyogunluk{
    margin-top:0px;
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url('../fonts/Roboto-Medium.ttf') format('truetype');
}


#txtyogunluk{
    position: absolute;
     width:365px;
    
    margin-left:4px;
    margin-top:-16px;
    font-family: "Roboto-Light";
    font-size: 9px;
    letter-spacing: 0.2px;
    font-weight: bold;
    color:white;
}

.yogbar{
    margin-top:-8px;
    margin-left:10px;
    width:40px;
    height:40px;
}

#social{
    position: absolute;
    left:283px;
    right: 20px;
    top: 0px;
    height: 33px;
    width: 290px;
    /*background-color: #028801;*/
   
   
    display:inline-block;
}

.socialButtons{
    width:32px;
    height:32px;
   
    display:inline-block;
    margin-top: 0px;
    cursor:pointer;
   
    background-size:32px;
    background-repeat:no-repeat;
    box-shadow: 0px 10px 15px #888888;
    
}

#amudahale:link {
    background-image: url('../images/bottompanel/amudahale.png');
}
#amudahale:hover {
    background-image: url('../images/bottompanel/amudahaleover.png');
}

#auyari:link {
    background-image: url('../images/bottompanel/aktifUyari.png');
}
#auyari:hover {
    background-image: url('../images/bottompanel/aktifUyariOver.png');
}

#btsistem:link {
    background-image: url('../images/bottompanel/bluetooth.png');
}
#btsistem:hover {
    background-image: url('../images/bottompanel/bluetoothOver.png');
}

#istv:link {
    background-image: url('../images/bottompanel/ibbwebTv.png');
}
#istv:hover {
    background-image: url('../images/bottompanel/ibbwebTvOver.png');
}

#istradyo:link {
    background-image: url('../images/bottompanel/ibbRadyo.png');
}
#istradyo:hover {
    background-image: url('../images/bottompanel/ibbRadyoOver.png');
}

#twit:link {
    background-image: url('../images/bottompanel/twitter.png');
}
#twit:hover {
    background-image: url('../images/bottompanel/twitterOver.png');
}

#instagram:link {
    background-image: url('../images/bottompanel/instagram.png');
}
#instagram:hover {
    background-image: url('../images/bottompanel/instagramOver.png');
}

#gplus:link {
    background-image: url('../images/bottompanel/google.png');
}
#gplus:hover {
    background-image: url('../images/bottompanel/googleOver.png');
}