/*------dobozmenu-------*/
#box-6 ul li{
      -webkit-transition: all 1s ease;
      -moz-transition: all 1s ease;
      -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
          }
#box-6 ul li{
        float:left; min-height:150px;width:15.8%;
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
        margin-bottom:40px;margin-left:10px;
        font-size:16px;text-align:center;
        text-shadow: 2px 2px 8px #000000;
        text-transform: uppercase;color:white;
        line-height:30px;
        }

a li.aktiv {
    background-image:url(aktiv-c1.png);
    background-size:cover;
    -webkit-filter: saturate(10%);
    }
    
a:hover li.aktiv {
    -webkit-filter: saturate(100%);
    -webkit-filter: opacity(100%);
    background-size:cover; font-size:20px!important;
    }
a li.horgasz {
    background-image:url(horgasz-c1.png); 
    background-size:cover;
    -webkit-filter: saturate(10%);
    }
a:hover li.horgasz {
    background-size:cover; -webkit-filter: saturate(100%);font-size:20px!important;
    }
a li.aponty {
    background-image:url(aponty-c1.png); 
    background-size:cover; -webkit-filter: saturate(10%);
    }
a:hover li.aponty {
    background-size:cover; -webkit-filter: saturate(100%);font-size:20px!important;
    }
a li.szallas {
    background-image:url(szallas-c1.png); 
    background-size:cover; -webkit-filter: saturate(10%);
    }
a:hover li.szallas {
    background-size:cover; -webkit-filter: saturate(100%);font-size:20px!important;
    }
a li.termeszet {
    background-image:url(term-c1.png); 
    background-size:cover; -webkit-filter: saturate(10%);
    }
a:hover li.termeszet {
        background-size:cover; -webkit-filter: saturate(100%);font-size:20px!important;
    }
a li.gasztro {
    background-image:url(gasztro-c1.png); 
background-size:cover; -webkit-filter: saturate(10%);
    }
a:hover li.gasztro {
        background-size:cover;-webkit-filter: saturate(100%); font-size:20px!important;
    }
#box-6 a li, #box-6 a:hover{
      -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
    

#box-6 ul {height:auto; margin:10px auto 0px auto; width:100%; text-align:center}


@media only screen and (min-width: 900px){#box-6 ul li{width:15.8%;margin-left:10px;}}
@media only screen and (max-width: 1200px){#box-6 ul li{width:15.6%;margin-left:1%;}}
@media only screen and (max-width: 760px){#box-6 ul li{width:31%;margin-left:1%}}
@media only screen and (max-width: 650px){#box-6 ul li{width:31%;min-height:60px;margin-bottom:10px;}}
@media only screen and (max-width: 435px){#box-6 ul li{width:48%;min-height:auto;margin-bottom:15px;}}

#box-6 .cim{line-height:30px;font-size:16px;text-align:center;clear:both;text-transform: uppercase;padding:3px 1% 3px 1%;color:white;}
#box-6 p {line-height:20px;font-size:14px;background-color:white; padding: 5px 5px 5px 5px;}

