.clearfix {  *zoom: 1; }
.clearfix:before, .clearfix:after { display: table;  line-height: 0;  content: ""; }
.clearfix:after {    clear: both; }

@-ms-viewport { width: device-width; }
/*zero*/
body,img,p,b,span,strong,div,ul,li,a,button,table,input[type='text'],input[type='submit'],input[type='checkbox'],input[type='radio'],
input[type='password'],input[type='number'],textarea,h1,h2,h3,h4,h5
{border:none; margin:0px; padding:0px; text-decoration: none; list-style: none; font-family: 'Open Sans', sans-serif; font-size: 14px;}

.border{margin:auto; width:75%;}
.left{float: left;}
.right{float: right;}


#header{width:100%; background: url('img/header_background.jpg') no-repeat center top; padding:2% 0 2% 0;}
#header #menu{background: #f4e4b9;  width: 100%;}
#header #menu .ball{width:20%; padding-top: 0.3%; text-align: center;}
#header #menu .ball img{width:80%; }
#header #menu .jobb{width:80%; text-align: right;}
#header #menu .jobb ul a li{color:#3b98d2; font-weight: 600; padding:20px 1.5% 20px 1.5%; display: inline-block; *display: inline;zoom: 1;}
#header #menu .jobb ul a li:hover{border-top: solid 4px #3b98d2; padding-top: 16px;}
#header #text{text-align: center; margin: 3% auto;}
#header #text p{text-align: center; color:#f4e4b9; font-weight: 700; font-size: 22px; line-height: 2;}

#front{}
#front #first{background: url('img/center_background.jpg') no-repeat center center; padding: 2% 0 2% 0;}
#front #first h1{width: 100%;}
#front #first h1 p{padding:1%;font-size: 26px; font-weight: 600; color:#3b98d2;}
#front #first .box{margin:2% auto 2%; }
#front #first .box b{color:#3b98d2; font-size: 16px; font-weight: 600;}
#front #first .box p{color:#3b98d2; margin: 0.5% auto 0.5%;}

#car{background:#89C1E4; padding:2% 0;}
#car > div.border{ position:relative;}
#car > div.border > h1{width:100%; color:#fff; font-size:26px; font-weight:600;}
#car > div.border .box{width:22%; margin:1.5%; height:230px; position:relative; text-align:center; }
#car > div.border .box img{width:222px; max-height:100%;}
#car > div.border .box p{color:#fff; font-size: 14px; font-weight:bold; position:absolute; padding:1% 0;left:0px; bottom:0px; width:100%; border-top:solid 1px rgba(59, 152, 210, 1); text-align:center;}
#car > div.border .box p span{font-size:19px; color:#fff; }
#car > div.border > p{color:#fff; font-size: 14px; width:100%;}



#lakat{background: url('img/nagy_lakat.png') no-repeat center center #3b98d2; padding:4% 2%; }
#lakat .box{width: 100%; margin:5% auto 5%;}
#lakat .box b{color:#f4e4b9; font-size: 18px; }
#lakat .box b:last-child{padding-bottom: 5%;}
#lakat .box p{color:#fff;}
#lakat .ball,#lakat .jobb{width:50%;}
#lakat .jobb{text-align: right; }
#lakat .jobb a{font-weight: 700; color:#f4e4b9; margin: 2% auto 2%;}
#lakat .jobb p{font-weight: 700; color:#f4e4b9; margin: 2% auto 2%; line-height:2;}

#map{background: url('img/map_image.jpg') no-repeat center center; width: 100%; height: 400px;}

#footer{background:url('img/footer_background.jpg') no-repeat center center; padding:5% 0 2% 0;}
#footer .border{position:relative;}
#footer .border > a > img{position:absolute; right:3%; top:18%; width:270px; }
#footer h1{color:#fff; font-size: 26px;}
#footer .box{margin:2% auto 2%;}
#footer .box h1{font-size: 18px; padding:1% 1% 1% 1%;}
#footer #footer-menu{margin: 10% auto 0px;}
#footer #footer-menu ul{width:100%; text-align: center; padding-top: 2%; border-top: solid 2px #3b98d2;}
#footer #footer-menu ul li{color:#3b98d2; padding:1.5%; text-align: center; display: inline-block; *display: inline;zoom: 1;}
/*Responsive 
* A 'max-width' kell álítani az osztályokba a megadott felbontásokra.
*/
@media (max-width: 1366px){}
@media (max-width: 978px) {}
@media (max-width: 748px) {}
@media (max-width: 300px) {}