html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
a { text-decoration: none; color: inherit; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; }
.clear { clear: both; height: 0; }
h2 { color: #333399; font-size: 22px; }
h3 { color: #fff; font-size: 20px; }
h4 { color: #333399; font-size: 22px; }

@font-face {
    font-family: 'ubuntu';
    src: url('fonts/ubuntu-r-webfont.eot');
    src: url('fonts/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ubuntu-r-webfont.woff2') format('woff2'),
         url('fonts/ubuntu-r-webfont.woff') format('woff'),
         url('fonts/ubuntu-r-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

body { font-family: 'ubuntu'; color: #192752; font-size: 14px; line-height: 1.43; /*background-image: url('images/Idokapu weboldal v4.jpg'); background-size: 100%; background-position: top center; opacity: 0.5;*/ }
.button { display: inline-block; font-size: 14px; text-transform: uppercase; line-height: 28px; padding: 0 13px; border: 1px solid #E84F2B; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.button:hover { background-color: #E84F2B; color: #fff; }

header .main .stripe { background-image: url("images/stripe.png"); background-repeat: repeat; height: 58px; border-bottom: 5px solid #E55E26; } /* Hol van a box-shadow? */
header .main .truck { display: block; box-shadow: inset 0 22px 21px -10px rgba(0,0,0,0.45); position: relative; height: 281px; border-bottom: 4px solid rgb(244,180,79); background-image: url("images/header.png"); background-repeat: no-repeat; background-size: cover; background-position: center center; }
header .main .circle { position: absolute; top:-63px; left: calc(50% - 155px); }
header .main #logo { position: absolute; top:-11px; left: calc(50% - 110px); }
header .menu { height: 32px; box-shadow: 0 6px 9px rgba(51,51,51,0.4);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdfdfe+0,d8dadc+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #fdfdfe 0%, #d8dadc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfe), color-stop(100%,#d8dadc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fdfdfe 0%,#d8dadc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fdfdfe 0%,#d8dadc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fdfdfe 0%,#d8dadc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fdfdfe 0%,#d8dadc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfe', endColorstr='#d8dadc',GradientType=0 ); /* IE6-9 */ }
header .menu #menu { display: block; height: 32px; width: 320px; text-align: center; margin: 0 auto; }
header .menu #menu li { display: block; float: left; font-size: 0; color: #333333; line-height: 32px; height: 32px; transition: all 0.5s ease; }
header .menu #menu li:hover { color: #cc6600; }
header .menu #menu li.active { color: #cc6600; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cccccc+0,ffffff+100 */
background: rgb(204,204,204); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(204,204,204,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,204,204,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(204,204,204,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
header .menu #menu li a { font-size: 18px; box-sizing: border-box; padding: 0 28px; }

.content { width: 660px; margin: 0 auto; }
.content .section1 { background-color: rgb(225,226,228); height: 54px; line-height: 54px; text-align: center; box-shadow: inset 0 12px 9px -6px rgba(51,51,51,0.4); }
.content .icon-box { padding-left: 1px; margin-top: 8px; }
.content .icon-box img { display: block; }
.content .small-box { float: left; text-align: center; }
.content .small-box h3 { display: block; background-color: #E4AB65; width: 156px; height: 46px; padding-top: 2px; line-height: 48px; }
.content .small-box h3.two-rows { line-height: 1; box-sizing: border-box; padding-top: 5px; height: 48px; }
.content .box { padding: 15px 84px 22px 90px; margin-top: 8px; }
.content .box.one { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e1e2e4+0,eff0f2+100 */
background: #cccccc; /* Old browsers */
background: -moz-linear-gradient(left,  #e1e2e4 0%, #eff0f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e1e2e4), color-stop(100%,#eff0f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #e1e2e4 0%,#eff0f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #e1e2e4 0%,#eff0f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #e1e2e4 0%,#eff0f2 100%); /* IE10+ */
background: linear-gradient(to right,  #e1e2e4 0%,#eff0f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e2e4', endColorstr='#eff0f2',GradientType=1 ); /* IE6-9 */
}
.content .box.two { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e1e2e4+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #eff0f2 0%, #e1e2e4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eff0f2), color-stop(100%,#e1e2e4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #eff0f2 0%,#e1e2e4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #eff0f2 0%,#e1e2e4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #eff0f2 0%,#e1e2e4 100%); /* IE10+ */
background: linear-gradient(to right,  #eff0f2 0%,#e1e2e4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff0f2', endColorstr='#e1e2e4',GradientType=1 ); /* IE6-9 */
}
/* Itt m�g kell lennie valaminek alatta, de nem tudom kiolvasni. �s nem jelenik meg a h�tt�r, csak a gradiens. */
.content .box .mask { background-color: rgb(239,240,242,0.5); }
.content .box .mask ul li { font-size: 16px; color: #333333; padding-left: 8px; position: relative; line-height: 20px; }
.content .box .mask ul li::before { content:''; display: block; background-color: #333333; width: 2px; height: 2px; position: absolute; top: 10px; left: 0; }

.content .contact { background-color: rgb(225,226,228); box-shadow: inset 0 12px 9px -6px rgba(51,51,51,0.4); box-sizing: border-box; padding: 48px 50px; text-align: center; }
.content .contact p { padding-bottom: 20px; }

.content .sign-in { background-color: rgb(225,226,228); box-shadow: inset 0 12px 9px -6px rgba(51,51,51,0.4); box-sizing: border-box; padding: 48px 50px; text-align: center; height: 150px; }

footer .footer-box.grey { height: 42px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,cccccc+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#cccccc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
box-shadow: 0 -6px 9px rgba(51,51,51,0.4)}
footer .footer-box.blue { height: 18px; background-color: rgb(66,71,144); }