.normal {display: block;}
.mobil {display: none;}

html, body	   {margin: 0; padding: 0; background-image:url('http://www.motorszallitas.com/images/motorszallitas-body-bg.png');}
body		   {font: 12px georgia, Arial, sans-serif; line-height: 18px; }

h1             {font-size: 37px;  color:#151B8D;    text-shadow: 2px 2px 2px #fff; text-align: center; }  
h2             {font-size: 16px; color:#fff;    text-shadow: 1px 1px 1px #000; text-align:center; }  
h3             {font-size: 12px;  color:#fff; margin-left:5px; margin-left:40px;} 
ul             {color:#fff; } 
li             {speak-header:always;margin-left:30px; }

#container     {border-right-style:solid; border-top-style:solid; width: auto; max-width:800px; height:700px;margin: 0 auto; background-image:url('http://www.motorszallitas.com/images/motorszallitas-background.png'); background-position: top center;}
#content       {width: auto; max-width:770px; height:680px; margin: 0 auto; padding:3px;}
#header        {color:#fff; width:auto; height:auto;}
#header-text   {color:#fff; width:auto; height:auto; padding:15px;}

.box           {color:#fff; width: auto; max-width:768px; height:260px; margin-top:10px;}
.box-left      {width:180px;height:200px; margin-left:310px }
.box-container {float: left; width:360px; height:150px; position: relative; }
.box-nav       {border-style:groove; position: absolute;right: -237px;height: 110px; top: 120px; width: 275px; text-align:justify; padding:3px;}

#box-bottom    {color:#fff; width: auto; max-width:768px; height:180px; margin-top:10px; }
.box-bottom-left {float: left; width:350px; height:80px; text-align:justify; padding:5px;}
.box-bottom-right{float: left; width:370px; height:90px; text-align:justify; padding:5px;}

/*footer*/	
.box-footer-left        { position: absolute; width:380px;height:35px;padding:11px;  font-size:10px;margin-left:3px;margin-top:15px;  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.96); color: #ffbf00;}
.box-footer-container   { float:left;margin-left:390px; width:380px; height:35px; position: relative; padding:0px; font-size:11px;color:#fff;}



/*************************/
/* Responsive formázások */
/*************************/
@media screen and (min-width : 768px) and (max-width : 899px) {
    body {font-size: 13px; line-height: 18px; color: #000; overflow-x: hidden;}
}

@media screen and (min-width: 50px) and (max-width : 767px) {
    body {font-size: 13px; line-height: 135%; overflow-x: hidden;}
    #container {height: auto !important; box-shadow: none; margin: 0 auto; border-right-style:none; background: #342417 url('../images/motorszallitas-background_mobil.jpg') top center no-repeat;}
    #content {height: auto !important;}
    .mobil {display: block;}
    .normal {display: none;}
    .boxos {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
    
    .tel h2 {font-size: 28px; text-align: center; margin: 0 0 30px; line-height: 120%;}
    .box {height: auto;}
    .box-container {width: auto; height: auto; max-width: 360px; text-align: center; float: none; margin: 0 auto;}
    .box-nav {position: relative; right: auto; height: auto; top: auto; width: 275px; text-align:justify; padding:3px; margin: 0 auto 20px;}
    .box-left {margin: 10px auto; height: auto; width: 280px; text-align: center;}
    .box-left ul li,
    .box-left ul {padding: 2px 0; margin: 0;}
    .box-left ul li {list-style: none;}
    
    #box-bottom {height: auto; max-width: 320px; margin: 0 auto;}
    .box-bottom-right,
    .box-bottom-left {float: none; width: auto; height: auto; padding: 10px;}
    .box-bottom-right ul {padding: 10px 0 10px 25px; margin: 0;}
    .box-bottom-right ul li,
    .box-bottom-right h3 {padding: 2px 0; margin: 0;}
    
    #footer {background: #342417; height: auto;}
    .box-footer-left {position: relative; padding: 0; margin: 0 auto; text-align: center; max-width: 320px; height: auto;}
    .box-footer-container {float: none; height: auto; margin: 0 auto; max-width: 290px;text-align: center; width: 100%;}
    .box-footer-container a img {margin: 0 10px !important;}
}