﻿html
 {

    background-color :#e6e6e6 ;
}
.header {
    padding:5px;
    background: #e6e6e6;
    color: white;
  
}
.varapper{
    width :1337px;
    
     
    
}
h1 {
    margin: 0;
    height: 60px;
   
}
.nav {
    padding: 5px;
    background: #742500;
    color: yellow;
}
.main {
    float: left;
    width:1119px;
    height: 600px;
    padding: 10px;
    background: #e6e6e6;
    margin-left :192px
   
     /*margin-left :210px;*/
}
h2 {
    margin: 0 0 1em;
  
}

  .menu ul {
            
            margin: 0;
            padding :0;
           position:absolute;
           float: left;
          width:200px;
         height: 520px;
        padding: 0px;
         /*background:black;*/
       
        }
            .menu ul li {
                padding: 15px;
                position: relative;
                width: 166px;
                vertical-align :middle;
                background-color: #34495E;
                cursor :pointer;
                border-top :1px solid #BDC3C7;
                transition :all 0.3s;
                 
            }
        .menu ul li:hover {
            background-color :#2ECC71
        }
        .menu > ul > li {
             border-right :5px solid #F1C40F;
            top: 0px;
            left: 1px;
    height: 35px;
}

            .menu ul ul {
                transition :all 0.3s;
                opacity :0;
                position :absolute ;
                border-left :5px solid #F1C40F;
                visibility :hidden ;
                left :100%;
                top :2%;

            }
            .menu ul li:hover > ul {
                opacity :1;
                visibility :visible ;

            }
                .menu ul li a {
                    color: #fff;
                    text-decoration: none;
                }
        span {

            margin-right :15px;

        }
        /*.menu > ul > li:nth-of-type(2)::after{

            content : "+" ;
            position :absolute ;
            margin-left :45%;
            color :#fff;
            font-size :15px;*/

        /*}*/

.footer {
    clear: both;
    padding: 5px 10px;
    background: #e6e6e6;
    height: 58px;
}
.footer p
{
    margin :0;
}
