/**
 * @author Recep ATALAR
 * @copyright 2015
 */

.showMenu{
  display:none;
  color:white;
  font-size:20px;
  position:absolute;
  right:0px;
  top:0px;
  padding:2px 5px 1px 5px;
  background-color:#e91e63;
  border-radius:30%;
  z-index:1;
  border:5px solid #212121;
  cursor:pointer;
}

.mavi{background-color:#0080C0;margin:-35px 0px 15px 4px;padding: 15px 0 15px 10px;}
nav ul {
    list-style: none;
    color: #0072A8;
    float: left;
    background-color: #0080C0;
}
nav ul li {
    list-style: none;
    display: inline-block;
    padding: 0;
    position: relative;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}

nav ul li:hover{
    background-color: #0782C1;
}

nav a {
    text-decoration: none;
    color: white;
    display: block;
    padding:0 15px;
    transition:all .3s ease-in-out;
}
nav a:hover {
    text-decoration: none;
    color: black;
    display: block;
    padding:10px 5px 0 5px;
    transition:all .3s ease-in-out;
}
/*alt menü*/
nav ul li ul {
    display:none;
}
nav ul li:hover ul {
    display:block;
    position:absolute;
}
nav ul li:hover > a {
    text-decoration: none;
    color: black;
    display: block;
    padding:10px 15px 10px 5px;
    transition:all .3s ease-in-out;
}
nav ul li ul li {
    float:none;
    list-style:none;
    z-index: 999;
}
nav ul li ul li a {
    display:block;
    border:0;
    background-color:#0080C0;
    padding:20px;
    color:#fff;
   width:200px;
    transition:all .3s ease-in-out;
}
nav ul li ul li a:hover {
    transition:all .2s ease-in-out;
    background-color:#0080C0;
}
#menu,#menuAc
{
    background-color:#0080C0;   
    box-sizing: border-box; }  

/* responsive max-width 760px */
@media (max-width: 760px) {
.showMenu{
    display:block;
  }
    /*nav ul kapatılır mü aç */
    nav ul {
        /*  display:none;*/
    }
    #menuAc{ display: block;color: white;}
    #menu  {
        display:none;
    }
    #menu ul {width: 100%;
              display: block;
    }
    nav ul li {
        width: 100%;
        box-sizing: border-box;
        display: block;
        text-align: left;
        float: none;
    }

    nav ul li:hover>ul{
        background-color: #0080C0 !important;
    }
    nav ul li>ul{
        position: relative;
        overflow: auto;
        display:block;
        height:auto;
        width: 100%;
        opacity: 1;
        margin:0;
        padding:0;
        background-color: #0080C0;
    }
    nav ul li>ul li a:hover{
        background-color:  #006A9D !important;
    }
    nav ul li>ul>li>a{
        padding-left: 30px;
    }
    nav ul li>ul>li>a:hover{
        background-color: #0080C0;
    }
}