.container {
    
    width: 1100px ;
    height: auto;
    margin: 20px auto;
}
.logo{
    
    width: 230px;
    height: 110px;
    float: left;
    
    
    
}
.container .logo img{
    float: left;
    width: 100%;
    padding-top: 10px;
    
}

.banner{
    width: 624px;
    height: 90px;
    float: left;
    background:rgb(81, 138, 165);
    margin: 0 0 0 8px;
    border-radius: 10px; color:whitesmoke; font: bold 30px Century schoolbook; text-align: center; padding: 20px 0 0 0;
}
.logo2{
    
    width: 230px;
    height: 110px;
    float: left;
    margin: 0 0 0 8px;
    background: rgb(166, 184, 190);
}
.container .logo2 img{
    float: left;
    width: 100%;
    

}
.menu{
    width: 1100px;
    height: 50px;
    float: left;
    margin: 8px 0 0 0 ;
    background:rgb(86, 86, 88);
    
}
.orta{
    width: 1100px;
    height: 800px;
    margin: 8px 0 8px 0 ;
    float: left;
    background:rgb(182, 192, 196);
}
.altsol{
    width: 364px;
    height: 362px;
    float: left;
    margin-top:4px;
    background:rgb(184, 196, 201);
}
.altorta{
    width: 364px;
    height: 362px;
    float: left;
    margin: 0 4px 0 4px ;
    margin-top:4px;
    background:rgb(182, 210, 221);
}
.altsag{
    width: 364px;
    height: 362px;
    float: left;
    margin-top:4px;
    background:rgb(166, 184, 190);
}

.menu ul{
    margin: 0; padding: 0; list-style: none; 
}
.menu ul li{
    float: left;

}
.menu ul li a{
    display: block; width: 137.5px; height: 35px; text-decoration: none; text-align: center; font: 17px calibri; color: white; padding: 15px 0 0 0 ;
}
.menu ul li a:hover{
    background: rgba(73, 175, 223, 0.5);
    
    
}

.sub1{
    display: none;
    

}
.menu ul li:hover .sub1{
    display: block;
    position: absolute;
    background:rgb(86, 86, 88);
    width: 137.5px; height: 35px;
    height:90px;
    
}
.menu ul li:hover .sub1 ul li a {
    font: 15px calibri; color: white; padding: 5px 0 0 0 ;
    text-align: center;
    padding-top: 10px;
}
.content{
    width: 1100px;
    height: 800px;
    padding-top: 10px;
    background-color:rgb(209, 217, 223);
    
    
}
.content img{
    width: 90%;
    max-width:500px;
    text-align: center;
    padding: 30px 0 0 30px;
    border-radius: 15%;
    
}
.content p{
    text-align: justify;
    line-height: 22px;
    font-family: calibri;
    padding: 5px 5px;
    font-size:17px;
    

}
.contentaltsol p {
    text-align: center;
    line-height: 22px;
    padding: 2px;
    font: bold 17px Calibri;
    color:rgb(148, 21, 21) ;    
}
.contentaltsol ul{
    margin: 0; padding: 0; list-style: none; 
}
.contentaltsol ul li{
    float: left;

}
.contentaltsol ul li a{
       text-align: center; font: 17px calibri; color: black; line-height: 22px; margin: 2px;
}