.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; }

body{font-family: 'Open Sans light', sans-serif !important; font-size: 14px !important; color: #6d6d6d !important;}
p,span{font-family: 'Open Sans light', sans-serif !important; }
.border{width: 960px; margin: auto;}
.h1-black{font-size: 18px; font-weight: 600; color: #2b2b2b;}
.h1-white{font-size: 18px; font-weight: 600; color: #fff;}
.button{background: #b2b2b2; padding: 1%; padding-left: 5%; padding-right: 5%; text-align: center; font-size: 18px; color: #fff; margin: 2% auto 2%;}
.line-text-right{width: 100%; border-top: solid 2px #f1a805; text-align: right; position: relative;}
.line-text-right h1{background: #fff; position: absolute; right: 0px; top: -35px; font-style: italic; font-size: 22px; font-weight: 600;}
.button-white{background: #fff; padding: 1%; padding-left: 5%; padding-right: 5%; text-align: center; font-size: 18px; color: #2b2b2b; margin: 2% auto 2%; border: solid 1px #c5c5c5; margin: auto;}

/*fejléc*/
#header{background: url('img/menuback.png'); width: 100%; height: 83px;}
#header #left{float: left; width: 30%; position:relative;}
#header #left img{ margin-top: 1%;}
#header #left p{ position:absolute; left:0px; top:0px; z-index:-1; opacity:0;}
#header #right{float: right; width: 70%;}
#header #right ul{}
#header #right ul li{display: inline-block; *display: inline; zoom: 1; padding: 5% 2.5% 3.8% 2.5%;  color: #6d6d6d; font-size: 15px; height: 22px;}
#header #right ul li:hover{background: #fff; height: 22px; border-bottom: solid 2px #e6282f;}

/*front
#front{}
#front #slider{}
#front #slider img{width: 100%;}
*/

#front #kikvagyunk{}
#front #kikvagyunk h1{width: 96%; text-align: center; margin-top: 2%;}


#front #kikvagyunk{}
#front #kikvagyunk p{width: 96%; text-align: center; margin-top: 2%;font-size: 18px;}



#front #szolg{}
#front #kikvagyunk #szolg ul{margin-top: 4%;}
#front #kikvagyunk #szolg ul li{display: inline; *display: inline; text-align: center; padding: 1%; margin-left: 4.5%; font-size: 15px; font-weight: 400;}

#front #kikvagyunk .clearfix{}
#front #kikvagyunk .clearfix .ikonok1{width: 30%; text-align: center; float: left; padding: 1.5%; padding-top: 2.5%; }

#front #kikvagyunk #gomb1{width: 100%; text-align: center;}
/*#front #kikvagyunk #gomb1 .button{margin: auto;}*/


#front #slide2{}

#front #slide2{background: url('img/background2.png'); width: 100%; margin-top: 3%; padding-bottom: 3%;}
#front #slide2 h1{text-align: center; padding-top: 2%;}
#front #slide2 p{width: 98%; text-align: center; margin-top: 2%;font-size: 18px;color: #fff !important; padding-top: 5%;}
#front #slide2 img{padding-top: 3%;}
#front #slide2 #szolg2 ul{width:100%;  }
#front #slide2 #szolg2 ul a li{float:left; margin:0 2% 0; color: white; width:121px; text-align: center;   }
#front #slide2 #szolg2 ul a li div{width:121px; height: 120px;}

#front #munkaink h1{text-align: center; padding:2.5% 1%;}
#front #munkaink #ref-slider{position: relative;}
#front #munkaink #ref-slider #mockup{width: 800px; margin: auto;}
#front #munkaink #ref-slider #mockup #image{width: 100%;}
#front #munkaink #ref-slider #mockup #image img{width: 100%;}
#front #munkaink #ref-slider .nyilak{position: absolute; top: 0px; vertical-align:middle; height: 100%; width: 100%;}
#front #munkaink #ref-slider .nyilak .arrow{position: absolute; top: 35%; cursor: pointer;}
#front #munkaink #ref-slider .nyilak .right{right: 0px;}


#front #munkaink #ref-slider #mockup #info{margin: 5% auto 5%;}
#front #munkaink #ref-slider #mockup #info p{text-align: center; width: 100%;}
#front #munkaink #ref-slider #mockup #info #tartalom{width: 100%; border-top: solid 2px #f1a805; margin: 5% auto 5%;}
#front #munkaink #ref-slider #mockup #info #tartalom ul li{display: inline-block; *display: inline; zoom: 1; text-align: center; width: 29%; padding: 2%;}
#front #munkaink #ref-slider #mockup #info #tartalom ul li:first-child{color:#f1a805;}
#front #munkaink #ref-slider #mockup #info #tartalom ul li:hover{color:#f1a805;}
#front #munkaink #ref-slider #mockup #info #tartalom .navigations{text-align: center; width: 100%;}

/*footer*/

#footer{background-color: #171717; height: 400px;}
#footer .border h1{text-align: center; padding-top: 3%;}

#footer .clearfix{}
#footer .clearfix .footerikon{ position: relative;width: 19%;  padding: 2%; padding-top: 10%; padding-left: 7%; padding-right: 7%; display: inline-block; *display: inline; zoom: 1; text-align: center;}
#footer .clearfix .footerikon img{width:84px; position: absolute; margin:auto; left: 35%; top:0px;}
#footer .clearfix .footerikon a{color:#6d6d6d;}
#footer .clearfix .footerikon:hover img{width:100px; top:-8px; left:33%;}
#footer .border #footersocial{text-align: center; padding-top: 1%;}
#footer .footerkismenu { margin: auto; width: 30%;}
#footer .footerkismenu div{ text-align: center; float: left; /*margin: 1% 3.9% 1%;*/ margin: 1% 8% 1%;}
#footer .footerkismenu div p a{color:#6d6d6d;}
#footer .border #margareta{text-align: center; padding-top: 1%;}




/*grafikaaloldal*/

#grafika #grafikahead img{width: 100%;}
#grafika #grafikaikon2{text-align: center;}
#grafika #grafikaikon2 img{margin: auto;}
#grafika #szoveg1{text-align: center; font-size: 16px; padding-top: 2%;}
#grafika #grafikaszirom{text-align: center;}
#grafika #grafikaszirom img{margin: auto;padding-top: 2%;}
#grafika #imacgrafika img{float: left;padding-top: 4%;}
#grafika #imacgrafika p{padding-top: 5%; font-size: 16px;}
#grafika #grafikaszirom2{text-align: center;}
#grafika #grafikaszirom2 img{margin: auto;padding-top: 2%;}
#grafika #tartalom .box{margin: auto; float: left; width: 30%; height: 200px; padding: 1.5%; line-height: 20px;}
#grafika #tartalom .box h3{margin-bottom: 3%;}
#grafika #tartalom .box p{margin-bottom: 5%;}
#grafika #vonal #line{width: 100%; border-top: solid 2px #48b9bc; text-align: center;}
#grafika #vonal #line h4{background: white; width: 50%; text-align: center; font-size: 18px; position: relative; top: -14px; margin: auto;}
#grafika #vonal .navigations{text-align: center; width: 100%; padding-top: 10px; padding-bottom: 40px;}

/*webportalaloldal*/

#webportal #webportalhead img{width: 100%;}
#webportal #webportalikon2{text-align: center;}
#webportal #szoveg1{text-align: center; font-size: 16px; padding-top: 2%;}
#webportal #webportalszirom{text-align: center; padding-top: 2%;}
#webportal #imacwebportal img{float:left; padding-top: 4%;}
#webportal #imacwebportal p{padding-top: 4.5%; font-size:16px;}
#webportal #webportalszirom2{text-align: center; padding-top: 2%;}
#webportal #webportalszirom2 p{text-align: center; font-size: 16px; padding-top: 2%;}
#webportal #vonal{padding-top: 35px;}
#webportal #vonal #line{width: 100%; border-top: solid 2px #f1a805; text-align: center;}
#webportal #vonal #line h4{background: white; width: 50%; text-align: center; font-size: 18px; position: relative; top: -14px; margin: auto;}
#webportal #vonal .navigations{text-align: center; width: 100%; padding-top: 10px; padding-bottom: 40px;}

/*seo*/

#seo #seoheader img{width: 100%;}
#seo #seoikon2{text-align: center;}
#seo #szoveg1{text-align: center; font-size: 16px; padding-top: 2%;}
#seo #seoszirom{text-align: center; padding-top: 2%;}
#seo #imacseo img{float: left; padding-top: 4%;}
#seo #imacseo p{padding-top: 5%; font-size:16px;}
#seo #seoszirom2{text-align: center; padding-top: 2%;}
#seo #szoveg2 p{text-align: center; font-size: 16px; padding-top: 2%;}
#seo #vonal{padding-top: 35px;}
#seo #vonal #line{width: 100%; border-top: solid 2px #9a9a9a; text-align: center;}
#seo #vonal #line h4{background: white; width: 50%; text-align: center; font-size: 18px; position: relative; top: -14px; margin: auto;}
#seo #vonal .navigations{text-align: center; width: 100%; padding-top: 10px; padding-bottom: 40px;}

/*branding*/

#branding #brandingheader img{width: 100%;}
#branding #brandikon{text-align: center;}
#branding #brandszoveg1 p{padding-top: 2%; font-size: 16px; text-align: center;}
#branding #brandszirom{text-align: center; padding-top: 2%;}
#branding #imacbrand img{float:left; padding-top: 4%;}
#branding #imacbrand p{padding-top: 4.5%; font-size:16px;}
#branding #brandlevel2{text-align: center; padding-top: 2%;}
#branding #csomagjaink p{text-align: center; font-size: 18px; font-weight: 600;}
#branding #csomagajanlatok{padding-top: 3%; padding-bottom: 5%;}
#branding #csomagajanlatok .box{background-color:#f2f2f2; float: left; width: 44%; padding-left:2%; padding-right: 2%; height: 207px; margin: 1%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 6px 12px 0px rgba(50, 50, 50, 0.38); -moz-box-shadow:    0px 6px 12px 0px rgba(50, 50, 50, 0.38); box-shadow:         0px 6px 12px 0px rgba(50, 50, 50, 0.38);}
#branding .box .left{ float: left; background: url('img/csomagful.png')no-repeat center center; height:60px; width:81px;color: #fff; text-align: center;font-size: 25px; font-weight: 900;padding-top: 20px; border-top: solid 10px #f1a805; }
#branding .box .right{float: right; width: 75%;}
#branding .box .right h1{padding-top: 10%;}
#branding .box .right p{padding-top: 14%; font-size: 14px; font-weight: normal;}
#branding .box .left2{float: left; background: url('img/csomagful.png')no-repeat center center; height:60px; width:81px;color: #fff; text-align: center;font-size: 25px; font-weight: 900;padding-top: 20px; border-top: solid 10px #75b72a; }
#branding .box .right2{float: right; width: 75%;}
#branding .box .right2 h1{padding-top: 10%;}
#branding .box .right2 p{padding-top: 14%; font-size: 14px; font-weight: normal;}
#branding #brandlevel3{text-align: center;}
#branding #munkáink p{text-align: center; font-size: 18px; font-weight: 600;}
#branding .minta{}
#branding .minta img{width: 268px; height: 180px; margin:26px; float: left; }


#branding #vonal{padding-top: 35px;}
#branding #vonal #line{width: 100%; border-top: solid 2px #bf4794; text-align: center;}
#branding #vonal #line h4{background: white; width: 50%; text-align: center; font-size: 18px; position: relative; top: -14px; margin: auto;}
#branding #vonal .navigations{text-align: center; width: 100%; padding-top: 10px; padding-bottom: 40px;}

/*webshop*/

#webshop #webshopheader img{width: 100%;}
#webshop #webshopikon{text-align: center;}
#webshop #szoveg p{padding-top: 2%; font-size: 16px; text-align: center;}
#webshop #webshopszirom{text-align: center; padding-top: 2%;}
#webshop #szoveg2 p{padding-top: 2%; font-size: 16px; text-align: center;}
#webshop #ikonplusz{text-align: center; padding-top: 2%;}
#webshop #focim{text-align: center; font-weight: bold; font-size:20px; padding-top: 2%;}
#webshop #tablazatcim{padding-top: 2%;padding-bottom: 2%; border: 2px;}
#webshop #tablazatcim .csomagcolor{float: left; background-color: #ededed; width: 152px; text-align: center; padding: 1%; margin: 0.5%;}
#webshop #tablazatcim .csomagcolor:first-child{width: 369px; margin: 0.5% 3% 0.5% 0%;}
#webshop #tablazatcim .csomagcolor p{font-size: 18px;}
#webshop #tablazatcim #csomagfunkcio2 .csomagcolor{padding:2%;}
#webshop #csomagback{background-color:#ededed; width: 940px; padding: 10px; text-align: center; margin: 2px auto 20px;}
#webshop #csomagback table{width: 100%; border-bottom: solid 1px #9a9a9a;}
#webshop #csomagback table tr td:first-child{width: 25px;}
#webshop #csomagback table tr .td,#webshop #megrendelem table tr .td{width: 390px; text-align: left;}
#webshop #csomagback table tr .img{text-align:left;}
#webshop #csomagback table tr .img img{width:25px;}
#webshop #csomagback table tr td{width:19%;}
#webshop #csomagback table tr:last-child td{border:none;}
#webshop #csomagback .info{width:96%; padding:2%; text-align:left; border-bottom: solid 1px #9a9a9a; }
#webshop #megrendelem table{width: 100%;} 
#webshop #megrendelem table .button-white{text-align: center; width: 120px; height: 5px; font-size: 15px; padding-left:3% !important; padding-right:3% !important;}
#webshop #megrendelem table .button-white a{color:#6d6d6d ;}

/*hosting*/

#hosting #hostingheader img{width: 100%;}
#hosting #hostikon{text-align: center;}
#hosting #szoveg1 p{padding-top: 2%; font-size: 16px; text-align: center;}
#hosting #szirom{text-align: center; padding-top: 2%;}
#hosting #imac img{float:left; padding-top: 4%;}
#hosting #imac p{padding-top: 5.4%; font-size:16px;}
#hosting #szirom2{text-align: center; padding-top: 2%;}
#hosting #domainarak p{text-align: center; font-size: 18px; font-weight: 600;}
#hosting .tablazatcim{padding-top: 2%;padding-bottom: 2%; border: 2px;}
#hosting .tablazatcim .csomagcolor{ padding:1%; width:98%; margin:auto;}
#hosting .tablazatcim  .csomagcolor table{width: 100%; background:#ededed;}
#hosting .tablazatcim  .csomagcolor table tr{}
#hosting .tablazatcim  .csomagcolor table tr td{ padding:2%; text-align:center; width:23%;}
#hosting .tablazatcim  .csomagcolor table tr td a{border:solid 1px #6d6d6d; color:#6d6d6d; padding:2% 20px 2%; }
#hosting .tablazatcim  .csomagcolor table tr td a:hover{background:#e6282f; border:none; color:#fff;}
#hosting .tablazatcim  .csomagcolor table tr td:first-child{text-align:left; }
#hosting .tablazatcim  .csomagcolor table{width: 100%;} 
#hosting .tablazatcim  .csomagcolor #domain tr td{border-bottom:solid 1px #6d6d6d;}
#hosting .tablazatcim  .csomagcolor #domain tr td:last-child{border-bottom:none;}
#hosting .tablazatcim  .csomagcolor #domain tr:last-child td{border-bottom:none;}
#hosting .tablazatcim  .csomagcolor #host tr td{border-bottom:solid 1px #6d6d6d;}
#hosting .tablazatcim  .csomagcolor #host tr:last-child td{border-bottom:none;}
#hosting .tablazatcim  .csomagcolor #title{background:#fff; }
#hosting .tablazatcim  .csomagcolor #title tr td{background:#ededed; }

#hosting #bottom-btn{width:96%; background:#eb5359; padding:2%; text-align:center;} 
#hosting #bottom-btn h1{margin-bottom:2%;}
/*
*Tomi
*/


#slider{width:100%; height:507px; position: relative; overflow: hidden;}
#slider #container{position:absolute; top: 0px; left: 0px;}
#slider #container .img{float: left; height:507px; overflow:hidden;}
#slider #container .img img{height:507px; }
#slider #container p{ position: absolute; top:40%; z-index: 300; text-align: center; left: 0px; font-weight:700; font-size:60px !important;}
#slider #container .title{ position: absolute; color:#fff; top:0px; z-index: 300; text-align: center; left: 0px; opacity: 0; }
#slider #container .title h1{padding:1%; padding-left:2%; width: 40%; margin:auto; background:rgba(242,159,14,0.5); padding-right:2%; font-weight:600;}
#slider #nav-bar{width:100%; position: relative; z-index: 255; text-align: center; top:250px; }
#slider #nav-bar ul li{cursor: pointer; background: url('img/sziromslider.png') no-repeat center -44px; height: 44px; width: 34px; margin:0.25%;  display: inline-block; *display: inline; zoom: 1;}
#slider #nav-bar ul #activ{background: url('img/sziromslider.png') no-repeat center 1px;}

/*rotate front button*/
#slide2 #szolgaltatasok #szolg2{}
#front #slide2 #szolg2 ul a #webportal{background:url('img/szolgmonitor.png') no-repeat center top; animation:webportal_back 1s; -webkit-animation:webportal_back 1s; }
#front #slide2 #szolg2 ul a #webportal:hover{background:url('img/szolgmonitor_color.png') no-repeat center top; animation:webportal 1s; -webkit-animation:webportal 1s; /* Safari and Chrome */}

#front #slide2 #szolg2 ul a #webshop{background:url('img/webshopikon.png') no-repeat center top; animation:webshop_back 1s; -webkit-animation:webshop_back 1s;}
#front #slide2 #szolg2 ul a #webshop:hover{background:url('img/webshopikonkicsi2.png') no-repeat center top; animation:webshop 1s; -webkit-animation:webshop 1s;}

#front #slide2 #szolg2 ul a #grafika{background:url('img/grafikaikon.png') no-repeat center top; animation:grafika_back 1s; -webkit-animation:grafika_back 1s;}
#front #slide2 #szolg2 ul a #grafika:hover{background:url('img/grafikakicsiikon2.png') no-repeat center top; animation:grafika 1s; -webkit-animation:grafika 1s;}

#front #slide2 #szolg2 ul a #branding{background:url('img/brandingikon.png') no-repeat center top; animation:branding_back 1s; -webkit-animation:branding_back 1s;}
#front #slide2 #szolg2 ul a #branding:hover{background:url('img/brandkicsiikon2.png') no-repeat center top; animation:branding 1s; -webkit-animation:branding 1s;}

#front #slide2 #szolg2 ul a #hosting{background:url('img/hostingikon.png') no-repeat center top; animation:hosting_back 1s; -webkit-animation:hosting_back 1s;}
#front #slide2 #szolg2 ul a #hosting:hover{background:url('img/hostingikonkicsi2.png') no-repeat center top; animation:hosting 1s; -webkit-animation:hosting 1s;}

#front #slide2 #szolg2 ul a #seo{background:url('img/seoikon.png') no-repeat center top; animation:seo_back 1s; -webkit-animation:seo_back 1s;}
#front #slide2 #szolg2 ul a #seo:hover{background:url('img/seoikonkicsi2.png') no-repeat center top; animation:seo 1s; -webkit-animation:seo 1s;}

#munkaink{}
#munkaink #intro-text{text-align:center; width:90%; padding:5%; border-bottom:solid 1px #6d6d6d; margin-bottom:2%; }
#munkaink #intro-text h1{ margin:2% auto 2%; }
#munkaink .worked{width:100%;}
#munkaink .worked .box{width:40%; margin:5%; float:left; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.5); box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.5);}
#munkaink .worked .box .img{width:100%; height:200px; overflow:hidden; }
#munkaink .worked .box .img img{width:100%;}
#munkaink .worked .box .info{width:98%; padding:1%; background:#f2f2f2; }
#munkaink .worked .box .info h2{color:#48b9bc; }

#ref{}
#ref #ref-box{position:relative; width:100%; margin:2% auto 2%; height:650px;}
#ref #ref-box #nec{width:80%; margin:auto; z-index:255; position:relative; height:650px; }
#ref #ref-box #nec #content{position:absolute;}
#ref #ref-box #nec #content .box{width:100%;}
#ref #ref-box #nec #content .box .left{width:50%; float:left; height:650px;}
#ref #ref-box #nec #content .box .left img{width:100%;}
#ref #ref-box #nec #content .box .left .small-galery{width:96%; padding:2%;}
#ref #ref-box #nec #content .box .left .small-galery .boxs{width:30%; height:111px; margin:2%; float:left; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.8); -moz-box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.8); box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.8);}
#ref #ref-box #nec #content .box .right{width:48%; float:left;  height:650px; padding:1%;}
#ref #ref-box #nec #content .box .right .box-text{width:98%; padding:1%; margin:1% auto 1%;}
#ref #ref-box #nec #content .box .right .box-text h2{color:#48b9bc; font-weight:600; margin:2% auto 2%;}
#ref #ref-box #nec #content .box .right .box-text a{color:#48b9bc; font-style:italic; }
#ref #ref-box #navigation{position:relative; top:-391px; left:0px; width:100%; }
#ref #ref-box #navigation .arrow{cursor:pointer;}
#ref #ref-box #navigation .right{position:absolute; right:0px;}
#ref #ref-footer{width:100%; margin:2% auto 2%;}
#ref #ref-footer #title{width:100%; position:relative; border-top:solid 2px #6d6d6d; text-align:center;}
#ref #ref-footer #title h1{color:#48b9bc; position:relative; top:-14px; background:#fff; width:28%; margin:auto; font-weight:400;}
#ref #ref-footer #text{width:100%; text-align:center;}
#ref #ref-footer #text p{margin:3% auto 3%;}

#kapcsolatok{padding:2%;}
#kapcsolatok .kapcs-top{width:100%;}
#kapcsolatok .kapcs-top .left{width:46%; padding:2%; float:left;}
#kapcsolatok .kapcs-top .left ul{margin:2% auto 2%;}
#kapcsolatok .kapcs-top .left ul li{width:100%; vertical-align:middle;}
#kapcsolatok .kapcs-top .left ul li img{float:left; }
#kapcsolatok .kapcs-top .left ul li p{padding:4% 1% 4%; float:left;}
#kapcsolatok .kapcs-top .left ul li p a{color:#6d6d6d;}

#kapcsolatok .kapcs-top .right{width:50%; float:left;}
#kapcsolatok .kapcs-top .right iframe{width:100%; margin:0px;}
#kapcsolatok .kapcs-top .right p{width:96%;padding:2%; margin-top:-5px; text-align:center; background:#f2f2f2; color:#6d6d6d; }

#kapcsolatok #mail-form{width:100%; margin:5% auto 2%;}
#kapcsolatok #mail-form .left{width:45%; padding-right:5%; float:left;  border-right:solid 1px #6d6d6d; }
#kapcsolatok #mail-form .right{width:45%; padding-left:4%; float:left;}
#kapcsolatok #mail-form input[type='text']{width:100%; padding:1%; border:solid 1px #6d6d6d; margin:1.3% auto; font-style:italic;}
#kapcsolatok #mail-form .right textarea{ resize:none; font-style:italic; width:100%; font-family:'Arial', sans-serif; padding:1%; height:160px; border:solid 1px #6d6d6d; margin:1% auto 1%;}
#kapcsolatok #mail-form .right .clearfix{width:103.4444%;}
#kapcsolatok #mail-form .right input[type='text']{ width:66%; float:left; }
#kapcsolatok #mail-form .right input[type='submit']{ width:30%; font-size:14px; padding:1%; float:right; margin-top:1%; background:#fff; margin-left:1%; border:solid 1px #6d6d6d;}


#ajanlat{}
#ajanlat .aj-top{text-align:center; margin:2% auto 2%;}
#ajanlat .aj-top h1{margin:2% auto 2%;}
#ajanlat .aj-top p{margin:2% auto 2%;}
#ajanlat .started{ text-align:center;}
#ajanlat .started h1{margin:2% auto 2%;}
#ajanlat .started .clearfix input[type='text']{width:20%; margin:2%; padding:0.5%; border:solid 1px #6d6d6d; font-style:italic;}
#ajanlat .type{width:96%; background:#40b8cd; padding:2%;}
#ajanlat .type h1{width:100%; text-align:center;}
#ajanlat .type table{width:100%; margin:2% auto 2%;}
#ajanlat .type table tr{}
#ajanlat .type table tr td{width:25%; padding:2%;}
#ajanlat .type table tr td input[type='checkbox']{float:left; margin:1%;}
#ajanlat .type table tr td p{ color:#315a62 !important;}
#ajanlat .text{text-align:center; margin-bottom:2%; }
#ajanlat .text h1{width:100%; text-align:center; margin:2% auto 2%;}
#ajanlat .text textarea{width:90%; margin:2% auto 2%; height:150px; resize:none; padding:0.5%; border:solid 1px #6d6d6d; text-align:left; font-family: 'Open Sans light', sans-serif !important;}
#ajanlat .text .clearfix .float{width:48%; float:left; padding:1%;}
#ajanlat .text .clearfix .float h2{font-weight:400; font-size:18px;}
#ajanlat .text .clearfix .float input[type='date']{width:60%; font-family: 'Open Sans light', sans-serif !important; font-style:italic; padding:1%; font-size:14px;}
#ajanlat .files{background:#40b8cd; width:96%; padding:2%; text-align:center;}
#ajanlat .files h1,#ajanlat .files p{margin:2% auto 2%;}
#ajanlat .files p{color:#315a62 !important;}
#ajanlat .files #file{cursor:pointer; background:#336f7f; width:150px; height: 22px; overflow:hidden; margin:auto; position:relative;}
#ajanlat .files #file input[type='file']{cursor:pointer;  position:relative; width:460px; left:-300px; float:left; z-index:255;}
#ajanlat .files #file p{position:absolute; top:0px; left:20px; color:#fff !important;}
#ajanlat .files #fild-text input[type='text']{border:solid 1px #000; padding:0.5%; width:20%;}
#ajanlat .aj-finish{margin-bottom:3%}
#ajanlat .aj-finish{margin-bottom:3%}
#ajanlat .aj-finish h1{text-align:center; width:100%; margin:2% auto 2%;}
#ajanlat .aj-finish table{width:100%;}
#ajanlat .aj-finish table tr{}
#ajanlat .aj-finish table tr td{width:50%; padding:1%;}
#ajanlat .aj-finish table tr td input[type='radio']{float:left; padding:1%; margin:0.5%}
#ajanlat .aj-finish table tr td input[type='text']{background:#d6d6d6; margin:1%; color:#000; padding:0.5%; float:left;}
#ajanlat .aj-finish table tr td img{float:left;}
#ajanlat .aj-finish .button-white{cursor:pointer; padding:1% 5% 1%; border:solid 1px #000; margin:auto;}
#ajanlat .aj-finish #fin{width:100%; text-align:center; font-size:18px !important; color:#000 !important;}

#kik{width:100%; text-align:center;}
#kik .top{width:100%;}
#kik .top img{width:100%;}
#kik .content{}
#kik .content h2,#kik .content p,#kik .content img{margin:2% auto 2%;}
#kik .content h2{font-weight:600;}
#kik .content p{width:70%; line-height:24px;}

#allas{width:100%; text-align:center;}
#allas .top{width:100%;}
#allas .top img{width:100%;}
#allas .border{margin:0% auto 10%;}
#allas .border h2,#allas .border p,#allas .border img{margin:2% auto 2%;}
#allas .border h2{font-weight:600;}
#allas .border p{width:70%; margin:5% auto 5%;}

/*Állás*/
#allas a{color:#000;}

/*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) {

}