@charset "utf-8";
/* CSS Document */
/* Main menu settings */

body {
    /* background-color: #22313f;*/
    background-color: #999;
}


/*#centeredmenu {
    clear: both;
    float: left;
    margin: 0;
    padding-left: 0px;
    width: 100%;
    background-color: #22313f;
    font-family: Arial,Verdana, Geneva, sans-serif;*/ /* Menu font */
    /*z-index: 1000;*/ /* This makes the dropdown menus appear above the page content below */
    /*position: relative;
}*/

/* Top menu items */



/*#myMenuAlign ul {
    padding: 0px;*/
/*    padding-bottom: 18px;*/
   /* padding-top: 30px;*/
    /*height: 90px;
    list-style: none;
    width: auto;
}*/


    #myContentAlign {
        display: -webkit-flex;
        justify-content: center;
        margin-top: 40px;
    }

/*------------------------------------------μόνο το div myContentAlign χωρίς ul kai li--------------------------
*//*@media(min-width:769px) {
    #myContentAlign {
        display: -webkit-flex;
        justify-content: center;
        margin-top: 40px;
    }
}

@media(max-width:768px) {
    #myContentAlign {
        display: block;
        width: 170px;
        padding: 5px 0 5px 10px;
    }
}*/

/*@media(max-width:768px) {
    #myContentAlign ul li ul:first-child {
        display: block;
        width: 170px;
        padding: 0px 0 5px 10px;
        border-top: solid 1px #999;
    }
}*/


/*------------------------------------------Κύριο menu----------------------------------------*/

#centeredmenu ul .menu li { /*αφορά τα στοιχεία του οριζόντιου κύριου menu*/
    padding: .6em 2em .6em; /*πάνω-κατω 0.6em , δεξιά αριστερά 2em*/
    float: left;
    top: 30%;
    position: relative;
}

#centeredmenu ul li a {
    display: block;
    margin: 0em;
    padding: .6em 2em .6em; /*πάνω-κατω 0.6em , δεξιά αριστερά 2em*/
    font-size: 16px;
    line-height: 100%;
    text-decoration: none;
    color: #bcaf85;
}

    #centeredmenu ul li a:hover {
        padding: .6em 2em .6em;      /*δεξιά αριστερά 2em*/
        color: #fff;
        box-shadow: 0px 3px 3px 3px #887644;
        background-color: #887644;

    }


@media(max-width:1200px) {
    #centeredmenu ul li a {
        padding: .6em 1.3em .6em;       /*δεξιά και αριστερά 1,3em*/
        font-size: 15px;
    }
}

@media(max-width:1200px) {
    #centeredmenu ul li a:hover {
        padding: .6em 1.3em .6em;       /*δεξιά και αριστερά 1,3em*/
        font-size: 15px;
        color: #fff;
    }
}

@media(max-width:1000px) and (min-width:901px) {
    #centeredmenu ul li a {
        display: block;
        margin: 0em;
        padding: .6em 0.76em .6em; /*δεξιά  και αριστερά 0,5em*/
        font-size: 13px;
    }
}

@media(max-width:1000px) and (min-width:901px) {
    #centeredmenu ul li a:hover {
        display: block;
        margin: 0em;
        padding: .6em 0.76em .6em; /*δεξιά  και αριστερά 0,5em*/
        font-size: 13px;
        color: #fff;
    }
}


@media(max-width:900px) and (min-width:768px) {
    #centeredmenu ul li a {
        padding: .6em .76em .6em;   /*δεξιά αριστερά 0,3em*/
        font-size: 13px;
    }
}

@media(max-width:900px) and (min-width:768px) {
    #centeredmenu ul li a:hover {
        padding: .6em 0.76em .6em;  /*δεξιά αριστερά 0,3em*/
        font-size: 13px;
        color: #fff;
    }
}

@media(max-width:767px)  {
    #centeredmenu ul li a, #centeredmenu ul li a:hover {
        margin-left: -0.80em;
        font-size: 13px;
        color: #fff;
        width:170px;
    }
}

@media(max-width:767px) {
    #centeredmenu ul li ul.histo li, #centeredmenu ul li ul.histo li:hover {
        margin-left: -0.80em;
        font-size: 13px;
        color: #fff;
        width: 170px;
    }
}

#centeredmenu ul > li > a .selected {
    background-color: #887644;
}s



/*-------------------------------------SUBMENU -------------------------------------------------------- */

#centeredmenu ul ul li a, #centeredmenu ul li.active li a, #centeredmenu ul li:hover ul li a, #centeredmenu ul li.hover ul li a { /* This line is required for IE 6 and below */
    font-size: 100%;
    top: 1.9em;
    background-color: #22313f; /* Submenu items background*/
    color: #bcaf85;
    /* sub menu  */
    border-left: 1px solid #888;
    border-right: 1px solid #888;
    border-bottom: 1px solid #888;
    padding-left: 20px;
}
#centeredmenu ul ul li:first-child a {
    border-top: 1px solid #888;
}



div#myContentAlign {
    height: auto;
    min-height: 100%;
}

#myContentAlign ul li ul {
    display: none;
    position: absolute;
    left: 0em;
    clear: left;
    margin-top: 0px;
    padding-right: 10px;
    list-style: none;
    float: left;
    width: 22em;
}

  /*histo*/
    #myContentAlign ul li ul.histo {
        display: none;
        left: 0em;
        clear: left;
        padding-right: 10px;
        list-style: none;
        border:none;
    }

    
myContentAlign ul li ul.histo li:hover {
    clear: left;
    padding-right: 10px;
    list-style: none;
}


    #myContentAlign ul li ul.histo1 {
        /*left: 9em;*/ /*to ul.histo 11em δεξιότερα από το αριστερό άκρο του div #myContentAlign */
        top: 3em;
        clear: left;
        color: #000;
        /*padding-right: 0px;*/
        list-style: none;
        background-color: #22313f;
        width: 250px;
        z-index: 100010;
        white-space: nowrap;
        overflow: visible;
      border-radius: 0px 0px 10px 10px;
        /*box-shadow: 0px 3px 3px 3px #887644;*/
    }


/*------------------------------------------------------Menu  μικρων οθονων---------------------------------------------*/

/*μόνο το div #myContentAlign*/
@media(max-width:768px) {        /*Menu*/
    #myContentAlign {
        position: relative;
        left: 20px;
        display: block;
        width: 175px;
        margin-top: 40px;
        padding-left: 30px;
        border: solid 1px #999;
        border-radius: 0px 0px 10px 10px;
        box-shadow: 0px 3px 3px 3px #887644;
        color:#bcaf85;
    }
}

/*@media(max-width:768px) {
    #myContentAlign ul {
        position: relative;
        clear: left;
        left: 20px;
        top: 10px;
        display: block;
        width: 250px;
        padding-left: 10px;
        border: solid 1px #999;
        border-radius: 0px 0px 10px 10px;
    }
}*/


@media (max-width: 767px) {            /*menu*/
    #myContentAlign ul li ul.histo {
        left: 11em; /*to ul.histo 11em δεξιότερα από το αριστερό άκρο του div #myContentAlign */
        top: 0em;
        clear: left;
        color: #000;
        /*padding-right: 0px;*/ 
        list-style: none;
        background-color: #22313f;
        width: 250px;
        z-index: 10000;
        white-space: nowrap;
        overflow: visible;
        border-radius: 0px 0px 10px 10px;
    }
}

@media (max-width: 767px) { /*menu*/
    #myContentAlign ul li ul.histo1 {
        left: 9em; /*to ul.histo 11em δεξιότερα από το αριστερό άκρο του div #myContentAlign */
        top: 0em;
        clear: left;
        color: #000;
        /*padding-right: 0px;*/
        list-style: none;
        background-color: #22313f;
        width: 250px;
        z-index: 10000;
        white-space: nowrap;
        overflow: visible;
        border-radius: 0px 0px 10px 10px;
/*        box-shadow: -2px 5px 5px #22313f;*/
        /*box-shadow: 0px 3px 3px 3px #887644;*/
/**/    }
}

/*@media (max-width: 767px) {*/ /*menu*/
    /*#myContentAlign ul li ul.histo1 li:last-child {
        left: 9em;*/ /*to ul.histo 11em δεξιότερα από το αριστερό άκρο του div #myContentAlign */
        /*top: 0em;
        clear: left;
        color: #000;*/
        /*padding-right: 0px;*/
        /*list-style: none;
        background-color: #22313f;
        width: 250px;
        z-index: 10001;
        white-space: nowrap;
        overflow: visible;
        border-radius: 0px 0px 10px 10px;*/
       /* box-shadow: -2px 5px 5px #22313f;*/
    }
}

@media (max-width: 767px) {      /*αφορά στο History*/
    #centeredmenu ul.menu li:hover {
        background-color: #22313f;
        width: 250px;
    }
}

@media (max-width: 767px) {
    myContentAlign ul li ul.histo li a:hover {
        display: block;
        clear: left;
        list-style: none;
        width:250px;
        white-space: nowrap; 
        padding-right: 5px;
        color: #000;
    }
}

@media (max-width: 767px) {
    myContentAlign ul li ul.histo li a:hover {
        display: block;
        clear: left;
        list-style: none;
        width: 250px;
        white-space: nowrap;
        padding-right: 5px;
        color: #000;
    }
}
/*@media (max-width: 767px) {
    myContentAlign ul li ul.histo1 li a:hover {
        display: block;
        clear: left;
        list-style: none;
        width: 250px;
        white-space: nowrap;
        padding-right: 5px;
        color: #000;
    }
}*/


/*@media (max-width: 767px) {
    #centeredmenu ul ul li a, #centeredmenu ul li.active li a, #centeredmenu ul li:hover ul li a, #centeredmenu ul li.hover ul li a {*/ /* This line is required for IE 6 and below */
        /*font-size: 100%;
        top: 1.9em;
        background-color: #22313f;*/ /* Submenu items background*/
        /*color: #fff;
        text-shadow: 1.5px 1.5px 1.5px #000;
        border-bottom: 1px solid #888;
    }
}

    @media (max-width: 767px) {
        #myContentAlign ul li ul {
            display: none;
            position: absolute;*/
            /*left: -5em;*/
            /*padding-left: 0em;
            clear: left;*/
            /*background-color: #6C879C;*/
            /*margin-top: -5px;
            padding-right: 0px;*/
            /*padding-left: 5px;*/
            /*list-style: none;
            float: left;
            width: 22em;
        }
    }

 
    @media (max-width: 767px) {
        #myContentAlign ul > li > ul li a:first-child {
            border-top: solid 1px  #888;
        }
    }

@media (max-width: 767px) {
    #myContentAlign ul > li > ul li a:last-child {
        border-top: solid 1px #888;
        box-shadow: -10px 15px 10px #22313f;
    }
}*/






    *#centeredmenu ul li ul li a:hover,
    #centeredmenu ul li.active ul li a:hover,
    #centeredmenu ul li:hover ul li a:hover,
    #centeredmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
        display: block;
        white-space: pre-wrap;
        font-size: 100%;
        background-color: #887644;
        color: #fff;
        border-bottom: 1px solid #999;
    }

/*Magic !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
ul li ul {
    display: block;
}

        ul li ul li {
            white-space: nowrap; /*Magic αυτό προσαρμόζει το πλάτος του submenu στο πλατυτερο κείμενο*/
            /*padding-left:10px;*/
        }




    ul li ul {
        margin-top: 0px;
    }

    /* Make the sub menus appear on hover */
    #centeredmenu ul li:hover ul,
    #centeredmenu ul li.hover ul { /* This line is required for IE 6 and below */
        display: block; /* Show the sub menus το ένα κάτω από τα άλλα */
        /*box-shadow: 10px 5px 15px 15px #000;*/
    }

    .rounded-corners {
        -moz-border-radius: 0px 0px 10px 10px;
        -webkit-border-radius: 0px 0px 10px 10px;
        border-radius: 0px 0px 10px 10px;
        box-shadow: -10px 15px 10px  #22313f; 
/**/    }


    @media (max-width: 767px) {
        .navbar-header {
            float: none;
            padding-top: 10px;
        }

        .navbar-toggle {
            display: block;
        }

        .navbar-collapse {
            /*border-top: 1px solid transparent;*/
            /*box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);*/
        }

            .navbar-collapse.collapse {
                display: none !important;
            }

        .navbar-nav {
            float: none !important;
            margin: 7.5px -15px;
        }

            .navbar-nav > li {
                float: none;
            }

                .navbar-nav > li > a {
                    padding-top: 10px;
                    padding-bottom: 10px;
                }

        .navbar-text {
            float: none;
            margin: 15px 0;
        }
        /*since 3.1.0*/
        .navbar-collapse.collapse.in {
            display: block !important;
        }

        .collapsing {
            overflow: hidden !important;
        }
    }


    @media (max-width: 767px) {
        #pushContent {
            height: 422.5px;
            width: 100%;
            display: none;
        }
    }

    @media (max-width: 480px) {
        #pushContent {
            height: 222.5px;
            width: 100%;
            display: none;
        }
    }

@media (max-width: 767px) {
    #kleise {
       display:block;
    }
}