@charset "utf-8";


.center{
    margin: auto;
    text-align:  center;
}
.cikk{
    background: #006699;
    
    padding: 0 10px 10px 10px;
    
}

/*.cikkep{
    
    
    padding: 0;
    display: block;
}*/



.elso{
    background: #006699;
    
    padding: 0 10px 2px 10px;
    
}
#index .elso :hover {
   opacity: 0.7;
   
   
}


body{
    color: #a7d9f2;
    background: #014669;
    font-family:Lucida Sans Unicode;
}

main {
    background: #006699;
    
}

header{
    grid-area: head;
    background: #014669;
}



nav ul {
    background: #014669;
    padding: 0 30px;
    display: grid;
    grid-template-columns:auto auto auto auto;
  
}

a {
    
    text-decoration: none;
    color: #a7d9f2;
    font-weight: bolder;
        
}

nav li {
    list-style-type: none;
    margin: auto;
    text-align:  center;
 
}
nav li :hover {
    list-style-type: none;
     opacity: 0.7;
 
}


/* szerkezet*/

main,header,footer,nav,aside {
    
    border: 1px solid black;
    
    
}
main,header,footer,nav,article,aside {
    
   
    margin:10px;
    
}

main {
    width: 80%;
    margin: auto;
    display: grid;
    grid-template-areas:
        "head head head head head head head  head head head"
        "nav nav nav nav nav nav nav nav nav nav"
        " article article article article article article  article article aside aside"
         "footer footer footer footer footer footer footer footer footer footer";
    
}
#bal_article{
    grid-area: bal;
    background: #014669;
    margin: 0 ;
     
    
    
    
    
}
#kozep_article{
    grid-area: kozep;
    background: #014669;
    margin: 0 0 0 10px;
      
    
    
}
#jobb_article{
    grid-area: jobb;
    background: #014669;
    margin: 0 0 0 10px;
  
   
}

nav{
    grid-area: nav;
    
}

ul {
           
                
        }
article{
    grid-area: article;
   display: grid;
  
   
    grid-template-areas:
        
        
        "bal   kozep kozep  jobb jobb "
        "bal   kozep kozep  jobb jobb  "
        "bal   kozep kozep  jobb jobb ";
           
   
}

div{
    border: 1px solid black;
    margin:10px;
        
            
}
aside{
    grid-area: aside;
   background: #014669;
  
  }  

    
footer{
    grid-area: footer;
    min-height: 30px;
    padding: 5px 0 0 0;
    background: #014669;
    color: #006699;
}


img{
   
    
    max-height: 180px;
    width: 100%;
    display: block;
}

p{
    text-align: justify;
}
#mhey-list{
    list-style-type: none;
    
}



/*Táblázat formázása*/

table, td, th{
    
    border: 1px solid #64902a;
    border-collapse: collapse;
 
}

table{
    
    width: 80%;
    margin: auto;
    padding: 0px;
}

th{
    border-bottom: 3px solid #64902a;
    
}




@media screen and (max-width:1350px){
   main {
    width: 80%;
    margin: auto;
    display: grid;
    grid-template-areas:
        "head head head head head head head  head head head"
        "nav nav nav nav nav nav nav nav nav nav"
        " article article article article article article  article article article article"
         "footer footer footer footer footer footer footer footer footer footer";
    
}
aside{
    display: none;
}
        
        ul {
            display: grid;
            grid-template-columns:auto auto auto auto;
                
        }
}

@media screen and (max-width:1080px){
    main{
        width: 100%;
        background-color: #014669;
        border: none;
        margin: auto;
        padding: 0;
    }
    body{
        margin: auto;
      
    }
         div{
    
    margin:auto;
        
            
}
}