/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 14.05.2017, 6:35:26
    Author     : lenovo
*/

   /*********************************** menu navigation ******************************/
             .clear {
                clear: both;
            }

            .wrapper {
                width: 620px;
                margin: 20px auto;
                border-radius: 10px;
                border: solid 3px #fff;
                box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
            }

            /*.top {
              min-height: 100px;
              background: #ED6B16;
              border-radius: 10px 10px 0 0;
            }
            
            .footer {
              min-height: 200px;
              padding: 20px;
              background: #e4e4e4;
              border-radius: 0 0 10px 10px;
            }
            */
            .pageTitle {
                font-size: 24px;
                line-height: 40px;
                font-weight: 700;
                color: #000;
            }

            .navigation {
                list-style: none;
                padding: 0;
                margin: 0;
                /*background: rgb(58,58,58);*/
               /* background: #21C2FF;*/
                /*background: #999;*/
                border-top: solid 3px #fff;
                border-bottom: solid 3px #fff;
                box-shadow:  0px -2px 3px -1px rgba(0, 0, 0, 1);
                height: 40px;
            }

            .navigation li {
                float: left;
            }

            .navigation li:hover {
                /*background: #21C2FF;*/
                /*background: #bbb;*/
            }

            .navigation li:first-child {
                -webkit-border-radius: 5px 5px 0 0;
                border-radius: 5px 0 0 5px;
            }

            .navigation li a {
                display: block;
                padding: 0 20px;
                text-decoration: none;
                line-height: 40px;
                color: #fff;
            }

            .navigation ul {
                display: none;
                position: absolute;
                list-style: none;
                margin-left: -3px;
                padding: 0;
                overflow: hidden;
            }

            .navigation ul li {
                float: none;
            }

            .navigation li:hover > ul {
                display: block;
                background: #222;
                /*background: #999;*/
                border: solid 3px #fff;
                border-top: 0;

                -webkit-border-radius: 0 0 8px 8px;
                border-radius: 0 0 8px 8px;

                -webkit-box-shadow:  0px 3px 3px 0px rgba(0, 0, 0, 0.25);
                box-shadow:  0px 3px 3px 0px rgba(0, 0, 0, 0.25);
            }

            .navigation li li:hover > ul {
                display: block;
                /*background: #555;*/
                background: #999;
                border: solid 3px #fff;
                border-top: 0;
                float: right;
                margin-left: 75px;
                /*margin-right: -75px;*/

                width: 400px;
                -webkit-border-radius: 0 0 8px 8px;
                border-radius: 0 0 8px 8px;

                -webkit-box-shadow:  0px 3px 3px 0px rgba(0, 0, 0, 0.25);
                box-shadow:  0px 3px 3px 0px rgba(0, 0, 0, 0.25);
            }

            .navigation li:hover > ul li:hover {
                -webkit-border-radius: 0 0 5px 5px;
                border-radius: 0 0 5px 5px;
            }

            .navigation li li a:hover {
                background: #bbb;
            }
            .navigation li li li a:hover {
                /*background: #bbb; //555*/
                background: #21C2FF;
            }

            .navigation ul li:last-child a,
            .navigation ul li:last-child a:hover {
                -webkit-border-radius: 0 0 5px 5px;
                border-radius: 0 0 5px 5px;
            }