/* @font-face{font-family: "Dosis-ExtraLight"; src:url("http://localhost/_turbopegazus2019/css/fonts/Dosis-ExtraLight.woff");} @font-face{font-family: "Dosis-Medium"; src:url("http://localhost/_turbopegazus2019/css/fonts/Dosis-Medium.woff");} */ @font-face{font-family: "Dosis-ExtraLight"; src:url("https://www.turbopegazus.hu/css/fonts/Dosis-ExtraLight.woff");} @font-face{font-family: "Dosis-Medium"; src:url("https://www.turbopegazus.hu/css/fonts/Dosis-Medium.woff");} body {margin: 0px; padding: 0px; font-family: 'Arial', sans-serif; background:#e4e3e3 url(../images/bg_body.png) top center fixed no-repeat; font-size:16px; color:#5f6060; /*background: url(../images/bg_karacsony_3.jpg) no-repeat center center fixed; */ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } form, div, p, ul, li, h1, h2, h3, h4, h5, h6{padding: 0; margin: 0;} .fo_kep{width:350px; margin:5px 20px 10px 0;} /********/ /* Head */ /********/ #header_top{width:100%; height:auto; margin:0 0 5px 0; padding:0;} #header_top #header_content{width:1100px; height:auto; margin:0 auto; padding:0;} #header_top #header_content:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} #header_top #header_content #header_left{float:left; width:24%; height:auto; margin:0; padding:0; color:#fff; font-size:13px; line-height:20px;} #header_top #header_content #header_left .logo{margin:3px 0 0 5px;} #header_top #header_content .header_middle{float:left; width:26%; height:auto; margin:10px 0 0 0; padding:0; color:#2b4b83; font-size:14px; line-height:24px;} #header_top #header_content .header_middle a{color:#2b4b83; font-size:14px; text-decoration:none;} #header_top #header_content .header_middle a:hover{color:#000;} #header_top #header_content #header_right{float:right; width:20%; height:auto; margin:0; padding:0;} #header_top #header_content #header_right #header_right_top{width:100%; height:auto; margin:10px 0 0 0; text-align:right; } #header_top #header_content #header_right #header_right_bottom{width:100%; height:auto; margin:5px 0 0 0; text-align:right;} #header_top #header_content #header_right img{margin:0 8px;} .header{width:1100px; margin:0 auto 0 auto; /*border:1px dashed green;*/} .header:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} @media screen and (max-width:1100px) { .header{width:100%;} .header #icon_mobil{display:none;} #header_top #header_content{width:99%; margin:0 auto;} #header_top #header_content #header_left{width:180px;} #header_top #header_content .header_middle{width:34%;} #header_top #header_content #header_right{width:10%;} } @media screen and (max-width:980px) { .header #icon_mobil{display:none;} #header_top #header_content #header_right{width:5%;} } @media screen and (max-width:720px) { #header_top #header_content #header_left{float:none; width:95%; margin:0 auto;} #header_top #header_content .header_middle{float:none; width:90%; margin:5px auto;} #header_top #header_content .header_middle{font-size:13px; line-height:20px;} #header_top #header_content .header_middle a{font-size:13px;} #header_top #header_content #header_right{float:none; width:95%; margin:0 auto;} #header_top #header_content #header_right #header_right_top{float:right; width:10%; height:auto; margin:5px 0 0 0; text-align:right; } #header_top #header_content #header_right #header_right_bottom{float:left; width:85%; height:auto; margin:5px 0 0 0; text-align:right;} } @media screen and (max-width:480px) { } /*************/ /* Slideshow */ /*************/ #slide{margin:5px auto 0 auto; width:1100px; height:350px; padding:0; background-color:#fff;} @media screen and (max-width:1100px) { #slide{margin:0 auto; width:95%; height:auto;} } /* @media screen and (max-width:640px) { #slide{margin:10px auto 0 auto; width:540px; height:auto; background:none;} } @media screen and (max-width:480px) { #slide{margin:0 auto; width:360px; height:auto; background:none;} } */ /***********/ /* Content */ /***********/ .content{width:1100px; margin:5px auto;} .content:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} .content_dupla{width:1100px; margin:25px auto;} .content_dupla:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} .content_dupla .udv_box{margin:0 auto; width:96%; background:#e4e3e3 url(../images/bg_udv_box.png) 0 0 no-repeat; text-align:justify; padding:5px 15px 5px 15px; line-height:22px;} .content_dupla .udv_box:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} .content_dupla .udv_box h2{font-family:'Dosis-Medium', sans-serif; padding:10px 0 20px 0; margin:0; font-size:24px; color:#2b4b83; letter-spacing:1px; font-weight:normal;} .content_dupla .udv_box img{margin:5px 20px 0 0;} .content_dupla .akcio_box{float:left; width:550px; min-height:280px; background-color:#fffefe;} .content_dupla .akcio_box h2{font-family:'Dosis-Medium', sans-serif; padding:10px 0 20px 15px; margin:0; font-size:24px; color:#2b4b83; letter-spacing:1px; font-weight:normal;} .content_dupla .akcio_box .egy_akcio{width:530px; clear:both;} .content_dupla .akcio_box .egy_akcio h3{font-family:'Dosis-Medium', sans-serif; padding:0 0 5px 15px; margin:0; font-size:22px; color:#2b4b83; letter-spacing:1px; font-weight:normal; } .content_dupla .akcio_box .egy_akcio h3 a{font-family:'Dosis-Medium', sans-serif; font-size:22px; color:#2b4b83;} .content_dupla .akcio_box .egy_akcio h3 a:hover{color:#f17c0a;} .content_dupla .akcio_box .egy_akcio .hirbox_img{margin:0 10px 10px 15px;} .content_dupla .akcio_box .egy_akcio p{padding:0 15px 20px 15px; margin:0; text-align:justify;} .content_dupla .akcio_box .egy_akcio .btn_reszletek{float:right; width:85px; height:21px; margin:0 15px 5px 0; background: url(../images/btn_reszletek.png) 0 0 no-repeat;} .content_dupla .akcio_box .egy_akcio .btn_reszletek:hover{ background: url(../images/btn_reszletek_hover.png) 0 0 no-repeat;} @media screen and (max-width:1100px) { .content{width:100%; margin:0 auto;} .content_dupla{width:100%; margin:25px auto;} .content_dupla .udv_box{line-height:21px;} .content_dupla .akcio_box{width:48%;} .content_dupla .udv_box h2{font-size:22px;} .content_dupla .udv_box h2{font-size:22px;} .content_dupla .akcio_box .egy_akcio h3{font-size:20px;} .content_dupla .akcio_box .egy_akcio h3 a{font-size:20px;} } @media screen and (max-width:840px) { .content{width:98%; margin:0 auto;} .content_dupla .akcio_box{min-height:auto;} .content_dupla .akcio_box .egy_akcio{width:96%; min-height:auto;} .content_dupla .akcio_box .egy_akcio p{padding:0 0 20px 0;} .content_dupla{width:100%; margin:10px auto 0 auto;} .content_dupla .akcio_box{width:98%;} .content_dupla .udv_box{width:96%; line-height:21px; margin-top:15px;} } @media screen and (max-width:480px) { .content_dupla .udv_box h2{font-size:19px; padding:5px 0 20px 0;} .content_dupla .akcio_box .egy_akcio .hirbox_img{width:15%; margin-top:3px;} .content_dupla .akcio_box .egy_akcio h3{font-size:18px;} .content_dupla .akcio_box .egy_akcio h3 a{font-size:18px;} } /*******************/ /* Kategoria boxok */ /*******************/ .content_katok{width:1100px; margin:25px auto;} .content_katok:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} .content_katok h3{font-family:'Dosis-Medium', sans-serif; padding:5px 0 25px 0; margin:0; font-size:28px; color:#2b4b83; letter-spacing:1px; font-weight:normal; text-align:center;} .content_katok .kat_box{float:left; width:275px; height:320px; margin:0; background-color:#fffefe;} .content_katok .kat_box.gray{background-color:#e4e3e3;} .content_katok .kat_box h2{font-family:'Dosis-Medium', sans-serif; padding:5px 0 10px 0; margin:0; font-size:24px; color:#5f6060; letter-spacing:1px; text-align:center; text-transform:uppercase; font-weight:normal;} .content_katok .kat_box h2 a{font-family:'Dosis-Medium', sans-serif; font-size:24px; color:#5f6060;} .content_katok .kat_box h2 a:hover{color:#f17c0a;} .content_katok .kat_box p{padding:0 10px; text-align:justify;} .content_katok .kat_box .btn_reszletek{float:right; width:85px; height:21px; margin:25px 15px 0 0; background: url(../images/btn_reszletek.png) 0 0 no-repeat;} .content_katok .kat_box .btn_reszletek:hover{ background: url(../images/btn_reszletek_hover.png) 0 0 no-repeat;} @media screen and (max-width:900px) { .content_katok{width:780px;} .content_katok .kat_box{ width:260px; height:330px;} .content_katok .kat_box .kat_img{width:260px;} } @media screen and (max-width:640px) { .content_katok{width:540px;} } @media screen and (max-width:480px) { .content_katok{width:360px;} .content_katok .kat_box{float:none; width:360px; height:330px; margin:0 auto 25px auto;} .content_katok .kat_box .kat_img{width:360px;} .content_katok .kat_box.gray{background-color:#fff;} } /*************/ /* Hír boxok */ /*************/ .content .hir_boxok{width:1100px; margin:45px auto 0 auto; padding-top:20px; clear:both; background-color:#fff;} .content .hir_boxok:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} .content .hir_boxok .hir_box{float:left; width:550px; margin:0 0 20px 0; background-color:#fffefe;} .content .hir_boxok .hir_box .hir_label{font-family:'Dosis-Medium', sans-serif; font-size:23px; color:#5f6060; margin:10px 0 0 0; padding:0 0 0 10px;} .content .hir_boxok .hir_box .hir_cim {width:320px; padding:0 0 0 10px;} .content .hir_boxok .hir_box .hir_cim h3{width:280px; padding:10px 0 0 0; margin:0; font-size:18px; color:#5f6060;} .content .hir_boxok .hir_box .hir_cim h3 a{font-size:18px; color:#5f6060; text-decoration:none;} .content .hir_boxok .hir_box .hir_szoveg{height:210px; text-align:justify; padding:0; overflow:hidden;} .content .hir_boxok .hir_box .hir_szoveg p{padding:12px 10px 10px 10px; overflow:hidden; height:150px;} .content .hir_boxok .hir_box .hir_szoveg img{margin:5px 10px 10px 0;} .content .hir_boxok .hir_box .btn_reszletek{float:right; width:85px; height:21px; margin:10px 15px 5px 0; background: url(../images/btn_reszletek.png) 0 0 no-repeat;} .content .hir_boxok .hir_box .btn_reszletek:hover{ background: url(../images/btn_reszletek_hover.png) 0 0 no-repeat;} .content .hir_boxok .ref_box{width:97%; height:290px; margin:0 auto; background:#fff url(../images/bg_udv_box.png) 0 0 repeat-x;} .content .hir_boxok .ref_box .ref_label{font-family:'Dosis-Medium', sans-serif; font-size:23px; color:#5f6060; margin:5px 0 0 0; padding:5px 0 5px 10px; background: url(../images/bg_fff_70.png) 0 0 repeat; z-index:1; position:absolute; width:320px;} .content .hir_boxok .ref_box .ref_szoveg{width:100%; height:290px; overflow:hidden; padding:0; text-align:left;} .content .hir_boxok .ref_box .ref_szoveg .btn_reszletek{float:right; width:85px; height:21px; margin:15px 15px 5px 0; background: url(../images/btn_reszletek.png) 0 0 no-repeat;} .content .hir_boxok .ref_box .ref_szoveg .btn_reszletek:hover{ background: url(../images/btn_reszletek_hover.png) 0 0 no-repeat;} @media screen and (max-width:980px) { .content .hir_boxok{width:780px;} .content .hir_boxok .hir_box{float:none; width:780px; height:auto; margin:0 auto 20px auto;} .content .hir_boxok .hir_box .hir_cim {width:680px; padding:0 0 0 10px;} .content .hir_boxok .hir_box .hir_cim h3{width:680px; } .content .hir_boxok .hir_box .hir_szoveg {height:auto;} .content .hir_boxok .hir_box .hir_szoveg p{padding:10px;} .content .hir_boxok .hir_box .hir_szoveg.fb{height:auto;} .content .hir_boxok .ref_box{width:780px;} .content .hir_boxok .ref_box .ref_szoveg{width:780px;} .content .hir_boxok .ref_box .ref_label{width:770px;} } @media screen and (max-width:640px) { .content .hir_boxok{width:540px;} .content .hir_boxok .hir_box{width:540px; height:auto; margin:0 auto 20px auto;} .content .hir_boxok .hir_box .hir_cim {width:525px; padding:0 0 0 15px;} .content .hir_boxok .hir_box .hir_cim h3{width:540px;} .content .hir_boxok .ref_box{width:540px;} .content .hir_boxok .ref_box .ref_szoveg{width:540px;} .content .hir_boxok .ref_box .ref_label{width:530px;} } @media screen and (max-width:480px) { .content .hir_boxok{width:360px; margin:15px auto; } .content .hir_boxok .hir_box{float:none; width:360px; margin:0 auto 20px auto;} .content .hir_boxok .hir_box .hir_cim{width:360px; padding:0;} .content .hir_boxok .hir_box .hir_cim h3{width:360px; padding:10px 10px 0 10px;} .content .hir_boxok .hir_box .hir_cim h3 a{font-size:16px;} .content .hir_boxok .hir_box .hir_szoveg p{padding:10px; font-size:14px;height:145px;} .content .hir_boxok .hir_box .hir_szoveg img{width:40%;} .content .hir_boxok .ref_box{width:360px;} .content .hir_boxok .ref_box .ref_szoveg{width:360px;} .content .hir_boxok .ref_box .ref_label{width:350px;} } /*********/ /* Hírek */ /*********/ .content .one_row{float:left; width:720px; padding:15px 15px 10px 0;} .content .one_row .hir_cim{width:970px; height:25px; color:#3a281a; padding:4px 15px 1px 15px;} .content .one_row .hir_cim h3{padding:0; margin:0; font-weight:normal; font-size:18px; font-weight:bold;} .content .one_row .hir_cim h3 a{color:#3a281a; text-decoration:none; font-size:18px;} .content .one_row .hir_cim h3 a:hover{text-decoration:underline; color:#f17c0a;} .content .one_row .hirek_tartalom{width:990px; padding:15px 20px 35px 20px;} .content .one_row .hirek_tartalom img{padding:2px; border:1px solid #d7d7d7; margin:0 15px 15px 5px;} .content .one_row .hir_bovebben{width:980px; padding:15px 15px 0 5px; text-align:right;} .content .one_row .hir_bovebben a{font-style:italic; font-size:13px; color:#5d5e5e;text-decoration:underline;} .content .one_row .hir_bovebben a:hover{color:#f17c0a;} .content .one_row .hir_bovebben .btn_reszletek{float:right; width:85px; height:21px; margin:10px 15px 5px 0; background: url(../images/btn_reszletek.png) 0 0 no-repeat;} .content .one_row .hir_bovebben .btn_reszletek:hover{ background: url(../images/btn_reszletek_hover.png) 0 0 no-repeat;} .content #lapozas{padding:0; margin:0 auto; padding:15px 0 15px 0; font-size:14px; } .content #lapozas img{margin:4px 5px 0 5px;} .content hr{width:1000px; clear:both; border:0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); } @media screen and (max-width:900px) { .content .one_row{width:730px;} .content .one_row .hir_cim{width:710px;} .content .one_row .hirek_tartalom{width:720px;} .content .one_row .hir_bovebben{width:720px;} .content hr{width:700px; float:left;} } @media screen and (max-width:640px) { .content .one_row {width:540px;} .content .one_row .hir_cim{width:520px;} .content .one_row .hirek_tartalom{width:520px;} .content .one_row .hir_bovebben{width:520px;} .content #lapozas{width:480px; font-size:12px;} .content hr{width:480px; float:left;} } @media screen and (max-width:480px) { .content .one_row {width:360px; margin:0 auto; float:none; padding:0; clear:both; } .content .one_row .hir_cim{width:330px; height:45px;} .content .one_row .hirek_tartalom{width:340px; padding:0; margin:0 auto 15px auto;} .content .one_row .hirek_tartalom img{width:45%; margin:0 5px 5px 0;} .content .one_row .hir_bovebben{width:330px; padding:0;} .content #lapozas{width:300px; font-size:12px; padding-top:20px; margin:15px auto;} .content #lapozas img{width:80%; margin:4px 1px 0 1px;} .content hr{width:280px; float:left;} } /*************/ /* Kapcsolat */ /*************/ .maps_size{width:700px; height:350px;} .contact_email{padding-left:5px;} .contact_email a{font-size:14px; color:#f55d45; text-decoration:none; font-weight:bold;} .contact_email a:hover{text-decoration:underline;} @media screen and (max-width:640px) { .maps_size{width:500px; height:300px;} } @media screen and (max-width:480px) { .maps_size{width:260px; height:300px;} } /*************/ /* Navigacio */ /*************/ .navigacio{max-width:1100px; height:22px; margin:10px auto 10px auto; clear:both; background-color:#2b4b83; color:#fff; padding:6px 0 0 10px; overflow:hidden;font-size:13px;} .navigacio:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} .navigacio span{font-size:13px; font-weight:bold;} .navigacio img{margin:0 5px;} .navigacio a{font-size:13px; text-decoration:underline; color:#fff; } @media screen and (max-width:1100px) { .navigacio{width:95%;} } @media screen and (max-width:640px) { .navigacio{width:99%; height:22px; margin:3px auto 20px auto; clear:both; padding:8px 0 0 10px; overflow:hidden;} } @media screen and (max-width:480px) { .navigacio{height:50px; margin:3px auto 20px auto; clear:both; padding:5px 0 0 10px; overflow:hidden;} } /********************/ /* Szöveges aloldal */ /********************/ .content .content_blokk{width:1100px; margin:15px auto 0 auto; clear:both; color:#261b13; font-size:15px; background-color:#fff;} .content .content_blokk:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} .content .content_blokk h1{ font-family:'Dosis-Medium', sans-serif; padding:15px 0 15px 15px ; margin:0; font-size:26px; } .content .content_blokk .kapcsolat a{font-size:15px; color:#ca0d1a; text-decoration:underline;} .content .content_blokk .kapcsolat a:hover{color:#261b13;} .content .content_blokk .kapcsolat_map{width:1000px; height:400px;} .content .content_blokk .kapcsolat.mod{text-align:justify; font-size:15px; padding:0 15px 15px 15px; line-height:22px;} .content .content_blokk .kapcsolat.mod ul{padding:5px 0 5px 25px;} .content .content_blokk .kapcsolat.mod ul li{padding:1px 0 1px 5px;} @media screen and (max-width:1100px) { .content .content_blokk{width:100%; margin:15px auto 0 auto;} .content .content_blokk h1{padding:5px 0 15px 0;} .content .content_blokk .kapcsolat_map{width:780px; height:400px;} } @media screen and (max-width:640px) { .content .content_blokk h1{padding:5px 0 10px 0;} .content .content_blokk .kapcsolat_map{width:540px; height:350px;} .content .content_blokk #kapcs_kollegak img{width:266px;} } @media screen and (max-width:480px) { .content .content_blokk h1{padding:5px 0 10px 0;} .content .content_blokk .kapcsolat_map{width:300px; height:300px;} .content .content_blokk #kapcs_kollegak img{width:148px;} .fo_kep{width:300px; margin:5px 0 10px 0;} .content .content_blokk .kapcsolat.mod img{width:300px;} } /**********/ /* Footer */ /**********/ #footer_keret{width:100%; margin:0 auto; clear:both; background-color:#2b4b83;} #footer_keret:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} #footer_keret #footer{width:1100px; margin:0 auto; min-height:65px; background-color:#2b4b83; color:#fff; padding:10px 0 0 0; font-size:14px; line-height:60px;} #footer_keret #footer #logo_footer{margin:0 25px 0 15px;} #footer_keret #footer2{width:100%; height:auto; background-color:#2b4b83; color:#fff; padding:15px 0 0 0;}/* 1100*/ #footer_keret #footer2:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} #footer_keret #footer2 .f_content{width:1100px; height:auto; margin:0 auto;} #footer_keret #footer2 .f_content .footer_box{width:340px; float:left; padding:0 0 15px 0; margin:20px 12px 0 12px; line-height:45px;} #footer_keret #footer2 .f_content .footer_box p{line-height:25px;} #footer_keret #footer2 .f_content .footer_box a{color:#fff;} #footer_keret #footer2 .f_content .footer_box img{margin:5px 10px 0 0;} #footer_keret #footer2 .f_content. footer_box h6{ padding:0 0 10px 0; margin:0; font-size:26px; text-transform:uppercase;} #footer_keret #footer2 .f_content .footer_box ul{padding:0 0 0 25px; margin:0; font-size:14px; color:#fff;} #footer_keret #footer2 .f_content .footer_box ul li{padding:3px 0 3px 0; margin:0;} #footer_keret #footer2 .f_content .footer_box ul li a{Font-size:14px; text-decoration:none; color:#fff;} #footer_keret #footer2 .f_content .footer_box ul li a:hover{text-decoration:underline;} #footer_keret #footer2 .f_content .footer_box p{padding:10px; margin:0; font-size:15px;} #footer_keret #footer2 .f_content .footer_box p .a_1{font-size:14px;} #footer_keret #footer2 .f_content .footer_box p .a_2{font-size:16px;} #footer_keret #footer2 .f_content .footer_box p .a_3{font-size:17px;} #footer_keret #footer2 .f_content .footer_box p .a_4{font-size:18px;} #footer_keret #footer2 .f_content .footer_box p .a_5{font-size:23px;} #footer_keret #footer2 .f_content .footer_box p .a_6{font-size:26px;} #footer_keret #footer2 .f_content .footer_box .map_size{width:340px; height:300px;} #footer_keret #footer a{color:#fff; text-decoration:none;} #footer_keret #footer a:hover{text-decoration:underline;} @media screen and (max-width:1100px) { #footer_keret{width:95%;} #footer_keret #footer{width:95%;font-size:15px; margin:0;} #footer_keret #footer2{width:95%;} #footer_keret #footer2 .f_content{width:95%;} #footer_keret #footer2 .f_content .footer_box{width:48%; float:left; padding: 0 0 15px 0; margin:0 5px;} #footer_keret #footer2 .f_content .footer_box .map_size{width:90%; height:260px;} } @media screen and (max-width:640px) { #footer_keret{width:540px;} #footer_keret #footer{width:540px; font-size:15px; margin:0;} #footer_keret #footer2{width:540px;} #footer_keret #footer2 .f_content{width:540px;} #footer_keret #footer2 .f_content .footer_box{width:520px; height:auto; float:left; padding: 0 0 15px 0; margin:0 5px;} #footer_keret #footer2 .f_content .footer_box .map_size{width:520px; height:260px;} } @media screen and (max-width:480px) { #footer_keret{width:360px;} #footer_keret #footer{width:340px; font-size:12px; margin:0 auto;} #footer_keret #footer2{width:340px; font-size:12px; margin:0 auto;} #footer_keret #footer2 .f_content{width:360px;} #footer_keret #footer2 .f_content .footer_box{width:330px; float:left; padding: 0 0 15px 0; margin:0 5px;} #footer_keret #footer2 .f_content .footer_box .map_size{width:330px; height:260px;} } /*************************/ /* Galeria / referenciak */ /*************************/ .one_row_hir {max-width:1070px; float:left; margin:10px 0 5px 0; padding: 0 15px 5px 15px;} .one_row_hir.egyhir{border:none;} .one_row_hir h4{color: #655f5b; font-size:16px; padding:0 0 5px 0; margin:0;} .one_row_hir h4 a{color: #655f5b; font-size:16px;} .one_row_hir h4 a:hover{color:#000;} .one_row_hir p{padding:0; margin:0;} .one_row_hir .news_picture {padding:2px; border: 2px solid #e9e9e9; margin:5px 15px 0 0; color:#404040; float:left !important;} .one_row_hir .news_picture_al {padding:2px; border: 2px solid #e9e9e9; margin:4px 15px 0 15px; color:#404040;} .one_row_hir .news_date { color: #404040; font-size: 10px; font-style: italic;} .one_row_hir .btn_more{height:20px; clear:both; text-align:right; margin:0 15px 0 0;} .one_row_hir .btn_more a{color:#ff6c00; font-weight:bold; margin:0 0 0 0; font-style: italic; text-decoration:underline; font-size:12px;} .one_row_hir .btn_more a:hover{color:#655f5b;} /*************************/ /* Urlap */ /*************************/ #ajanlatkeres{margin:0 auto; max-width: 630px; padding:25px 15px;} #ajanlatkeres table{margin:0 auto;} #ajanlatkeres table td{padding:0 0 10px 10px; font-size:16px; color:#393938; font-weight:normal;} #ajanlatkeres table td input{width:300px; height:20px; padding:1px 2px 1px 2px; margin:0; font-size:16px; color:#393938; background: transparent; border:1px solid #404040;} #ajanlatkeres table td input.radiobutton{width:20px; height:16px; padding:0; margin:0; border:none;} #ajanlatkeres table td textarea{height:150px; width:300px; padding:2px 2px 2px 2px; margin:0; font-size:16px; background: transparent; border:1px solid #404040; color:#000;} #ajanlatkeres table td div{float:right; height:31px; width:107px; padding:0; margin-right:5px; background: url(../images/gomb_ajanlat_bg.gif) 0 0 no-repeat;} #ajanlatkeres table td div a{height:24px; width:77px; padding:7px 0 0 30px; margin:0; display:block; font-size:18px; color:#006EA6; font-weight:bold; text-decoration:underline;} #ajanlatkeres table td div a:hover{text-decoration:none;} #ajanlatkeres #kitoltesi_utmutato{max-width:450px; padding:5px 0 15px 0; margin:0 auto; font-size:14px; color:#393938; font-weight:bold; text-align:center;} #ajanlatkeres .p_aszf{padding:0; margin:0; font-size:15px;} #ajanlatkeres .p_aszf a{font-size:15px;} #ajanlatkeres .p_aszf input{background-color:red; width:15px; color:red;} @media screen and (max-width:1200px) { .content_blokk .ajanlat_gy_img{width:30%;} } @media screen and (max-width:720px) { .content_blokk .ajanlat_gy_img{width:28%; margin:15px 10px;} .btn_ajanlatkeres {width:98%; clear:both; text-align:center; margin:15px auto;} } @media screen and (max-width:540px) { .content_blokk .ajanlat_gy_img{width:25%; margin:15px 10px;} } @media screen and (max-width:480px) { .content_blokk.kozep{text-align:center;} .content_blokk .ajanlat_gy_img{float:none; width:25%; margin:15px 5px;} #ajanlatkeres{width:300px; padding:0; margin:0 auto;} #ajanlatkeres table{font-size:12px;} #ajanlatkeres table td input{width:160px; height:14px;font-size:14px;} #ajanlatkeres table td textarea{height:120px; width:160px; font-size:14px;} #ajanlatkeres #kitoltesi_utmutato{width:270px; } #ajanlatkeres table td div a{padding:5px;} #ajanlatkeres table td #kuld_gomb{float:left; height:25px; width:50px;} #ajanlatkeres table td #megse_gomb{float:left; height:25px; width:50px;} #ajanlatkeres .p_aszf_img{display:none;} #ajanlatkeres .p_aszf{font-size:12px;} #ajanlatkeres .p_aszf a{font-size:12px;} #ajanlatkeres .p_aszf input{width:14px;} } /*****************/ /* Trapezlemezek */ /********************/ .content .content_blokk{width:1100px; margin:15px auto 0 auto; clear:both; color:#261b13; font-size:15px; background-color:#fff;} .content .content_blokk:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} .content .content_blokk h1.trapez{ font-family:'Dosis-Medium', sans-serif; padding:25px 0 25px 0 ; margin:0; font-size:26px; } .content .content_blokk h1.trapez span{color:red;} .content .content_blokk h2.trapez{ font-family:'Dosis-Medium', sans-serif; padding:25px 0 25px 0 ; margin:0; font-size:26px; text-align:center;} .content .content_blokk h2.trapez span{color:red;} .content .content_blokk h3{font-family:'Dosis-Medium', sans-serif; padding:25px 0 5px 0 ; margin:0; font-size:24px; } .content .content_blokk h4{font-family:'Dosis-Medium', sans-serif; padding:25px 0 5px 0 ; margin:0; font-size:24px; } .content .content_blokk h5{font-family:'Dosis-Medium', sans-serif; padding:45px 0 5px 0 ; margin:0; font-size:24px; text-align:center; clear:both;} .content .content_blokk h6{font-family:'Dosis-Medium', sans-serif; padding:25px 0 5px 0 ; margin:0; font-size:18px; text-decoration:underline; } .content .content_blokk .trapezlemezek{width:95%; margin:0 auto 30px auto; text-align:justify; font-size:16px; padding:0; line-height:22px; } .content .content_blokk .trapezlemezek ul{padding:5px 0 5px 25px;} .content .content_blokk .trapezlemezek ul li{padding:1px 0 1px 5px;} .content .content_blokk .trapezlemezek p{padding:5px 0 15px 0;} /* KAt boxok */ .content .content_blokk .trapezlemezek .box_1{display:inline-block; width:240px; height:315px; overflow:hidden; padding:0; margin:0 7px 35px 7px; border:1px solid #404040;} .content .content_blokk .trapezlemezek .box_1.kiemelt{border:1px solid #ff6022;} /* ALOLDAL*/ .content .content_blokk .trapezlemezek .box_1.aloldal{display:inline-block; width:100px; height:100px; overflow:hidden; padding:0; margin:0 5px 35px 5px; border:1px solid #404040;} .content .content_blokk .trapezlemezek .box_1.aloldal.aktiv{width:98px; height:98px; border:2px solid red;} .content .content_blokk .trapezlemezek .box_1 h2{font-family: 'Biko_Bold', sans-serif; font-size:19px; padding:7px 0 5px 0; margin:0; text-align:center;} .content .content_blokk .trapezlemezek .box_1 h2 a{font-size:19px; padding:0; margin:0; text-decoration:none; color:#2b241c; } .content .content_blokk .trapezlemezek .box_1 h2 a:hover{color:#ff6022} .content .content_blokk .trapezlemezek .box_1 p{text-align:justify; padding:10px 5px;} .content .content_blokk .trapezlemezek .box_1 img{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; width:100%; } .content .content_blokk .trapezlemezek .box_1 img:hover{ -webkit-transform:scale(1.13); /* Safari and Chrome */ -moz-transform:scale(1.13); /* Firefox */ -ms-transform:scale(1.13); /* IE 9 */ -o-transform:scale(1.13); /* Opera */ transform:scale(1.13); } /* Szinek */ .content .content_blokk .trapezlemezek .szin_keret{width:102px; height:150px; display:inline-block; margin:0 5px 15px 5px;} .content .content_blokk .trapezlemezek .szin_keret p{padding:3px 0; text-align:center;} .content .content_blokk .trapezlemezek .szin_keret .szin_1{width:100px; height:100px; margin:0 auto; border-radius:50px;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.ALUZINC{background-color:#c4caca;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.PUR23{background-color:#505455;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.PUR31{background-color:#45302b;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.PUR33{background-color:#151619;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.PUR750{background-color:#904e3b;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.HC3009{background-color:#734540;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.HC7016{background-color:#363d43;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.HC8004{background-color:#904e3b;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.HC8017{background-color:#45302b;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.HC9005{background-color:#151619;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.ZN{background-color:#c4caca;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.ICep11{background-color:#315247;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.ICep23{background-color:#505455;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.ICep28{background-color:#581e29;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.ICep32{background-color:#3b3332;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.ICep33{background-color:#151619;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.ICep750{background-color:#904e3b;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.TK11{background-color:#315247;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.TK23{background-color:#505455;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.TK24{background-color:#363d43;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.TK27{background-color:#791f24;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.TK28{background-color:#581e29;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.TK31{background-color:#45302b;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.TK32{background-color:#3b3332;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.TK33{background-color:#151619;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.TK750{background-color:#904e3b;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.TKep11{background-color:#315247;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.TKep23{background-color:#505455;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.TKep24{background-color:#2F3131;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.TKep28{background-color:#581e29;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.TKep31{background-color:#45302b;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.TKep32{background-color:#3b3332;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.TKep33{background-color:#151619;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.TKep750{background-color:#904e3b;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.INT9002{background-color:#d7d5cb;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.INT9010{background-color:#f4f4ed;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.RAL1002{background-color:#d0b173;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.RAL1015{background-color:#e6d9bd;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.RAL1021{background-color:#f2c000;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.RAL3000{background-color:#a02725;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.RAL3005{background-color:#581e29;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.RAL3009{background-color:#6d342d;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.RAL3011{background-color:#791f24;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.RAL5008{background-color:#2d3944;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.RAL5010{background-color:#00427f;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.RAL6005{background-color:#0e4438;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.RAL6011{background-color:#6c7c59;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.RAL6020{background-color:#394937;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.RAL6029{background-color:#006f43;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.RAL7016{background-color:#363d43;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.RAL7024{background-color:#484b52;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.RAL7035{background-color:#c4caca;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.RAL8004{background-color:#904e3b;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.RAL8017{background-color:#45302b;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.RAL8019{background-color:#3b3332;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.RAL8023{background-color:#a45c32;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.RAL9002{background-color:#dadbd5;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.RAL9005{background-color:#151619;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.RAL9006{background-color:#A2A6A4;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.RAL9007{background-color:#8E8E8B;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.RAL9010{background-color:#F0EFE8;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.GO-4GoldenOak3D{background-color:#B26219;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.SL252Winchester{background-color:#D1BEAD;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.SL55Wenge{background-color:#3A1D03;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.SL59DarkOak{background-color:#4E3118;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.SL65GoldenOak{background-color:#B26119;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.HPS23{background-color:#505455;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.HPS28{background-color:#581e29;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.HPS31{background-color:#45302b;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.HPS33{background-color:#151619;} .content .content_blokk .trapezlemezek .szin_keret .szin_1.HPS750{background-color:#904e3b;} .content .content_blokk .trapezlemezek .img_muszaki_1{float:right; margin:0 15px 25px 15px; width:450px;} .content .content_blokk .trapezlemezek .trapez_minta{float:left; margin:10px 25px 15px 0;} .content .content_blokk .trapezlemezek .table_arak{margin:35px auto 10px auto;} .content .content_blokk .trapezlemezek .table_arak .fejlec{background-color:#2b4b83; color:#fff;} .content .content_blokk .trapezlemezek .table_arak{} .content .bg_header{width:100%; height:220px;} .content .bg_header.t7{background: url('../images/trapezlemez/header/t7.jpg') no-repeat center center;} .content .bg_header.t14{background: url('../images/trapezlemez/header/t14.jpg') no-repeat center center;} .content .bg_header.t18{background: url('../images/trapezlemez/header/t18.jpg') no-repeat center center;} .content .bg_header.t18eco{background: url('../images/trapezlemez/header/t18eco.jpg') no-repeat center center;} .content .bg_header.t35{background: url('../images/trapezlemez/header/t35.jpg') no-repeat center center;} .content .bg_header.t35eco{background: url('../images/trapezlemez/header/t35eco.jpg') no-repeat center center;} .content .bg_header.t50{background: url('../images/trapezlemez/header/t50.jpg') no-repeat center center;} .content .bg_header.t55{background: url('../images/trapezlemez/header/t55.jpg') no-repeat center center;} .content .bg_header.t62{background: url('../images/trapezlemez/header/t62.jpg') no-repeat center center;} .content .bg_header.t80{background: url('../images/trapezlemez/header/t80.jpg') no-repeat center center;} .content .bg_header.t90{background: url('../images/trapezlemez/header/t90.jpg') no-repeat center center;} .content .bg_header.t135930{background: url('../images/trapezlemez/header/t135930.jpg') no-repeat center center;} .content .bg_header.t135950{background: url('../images/trapezlemez/header/t135950.jpg') no-repeat center center;} .content .bg_header.t153{background: url('../images/trapezlemez/header/t153.jpg') no-repeat center center;} .content .bg_header.t160{background: url('../images/trapezlemez/header/t160.jpg') no-repeat center center;} @media screen and (max-width:1100px) { .content .content_blokk{width:100%; margin:15px auto 0 auto; background-color:#fff;} } @media screen and (max-width:840px) { .content .content_blokk .trapezlemezek .box_1{width:30%;} } @media screen and (max-width:720px) { .content .content_blokk .trapezlemezek .box_1{width:45%;} } @media screen and (max-width:640px) { .content .content_blokk .trapezlemezek .box_1{width:95%; height:auto; margin:0 0 35px 0;} .content .content_blokk .trapezlemezek .box_1.aloldal{ width:100px; height:100px; margin:0 4px 35px 4px;} .content .content_blokk .trapezlemezek .szin_keret{width:102px; height:150px; display:inline-block; margin:0 4px 15px 4px;} .content .content_blokk .trapezlemezek .szin_keret .szin_1{width:100px; height:100px; margin:0 auto; border-radius:50px;} .content .bg_header{width:100%; height:150px;} }