body {background: #cde6db; margin: 0px; padding: 0px; font-family: "Times New Roman CE"; font-size: 12px;} .clear {clear: both;} @font-face { font-family: "Caviar"; src: url('../css/CaviarDreams.ttf'); } @font-face { font-family: "Eurof35"; src: url('../css/eurof35.ttf'); } .navbar {min-height: 5px; margin-bottom: 0px;} .sziluett, .nagykep .NagykepColorBox {-moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} a {text-decoration: none; cursor: pointer;} h2.cim {font-weight: normal; font-size: 25px; color: #414141; line-height: 30px; font-family: "Caviar"; margin-top: 0px; margin-bottom: 10px; min-height: 70px; } h2.cim span.ikon {background: url('../images/h2_design3.png') left no-repeat; height: 60px; width: 60px; margin-right: 5px; float: left; margin-top: -2px;} h2.cim span.szoveg {font-family: "Arial"; font-size: 12px; color: #9c9899; padding-left: 10px; font-style: italic;} div.szelesseg {width: 1000px; margin-left: auto; margin-right: auto;} div.rendeld_meg_online {background: url('../images/rendelj_online.png') no-repeat; width: 293px; height: 29px; display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px;} /*p {margin: 0px;}*/ #tartalom div.hatter h1.termek_elnevezes {font-size: 20px; margin-top: 0px; line-height: 20px; min-height: 20px; } textarea.form-control, select, input[type="text"], input[type="email"] {width: 230px; padding: 2px 6px; color: #02392d; height: 28px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px;background: #e8f3eb; border: 1px solid #76b188;-moz-box-shadow: inset 0 0 10px #9ec7ab; -webkit-box-shadow: inset 0 0 10px #9ec7ab; box-shadow: inset 0 0 10px #9ec7ab;} option,option:focus,option:visited {color: #02392d; background: #e8f3eb;} option:hover {background: #b9e1c6;} select {height: 26px; width: 214px;} select:focus, input[type="text"]:focus {color: #0a779a; border-color: #0a779a;} form {margin: 0px;} textarea.form-control {width: 862px; height: 150px;} .ikon_fordit {background: url('../images/ikon_fordit6.png') no-repeat; width: 16px; height: 16px; display: block; cursor: pointer; } .ikon_sziv {background: url('../images/ikon_sziv3.png') top no-repeat; width: 16px; height: 16px; display: block; cursor: pointer; } .ikon_sziv:hover, .ikon_sziv_aktiv {background: url('../images/ikon_sziv3.png') bottom no-repeat;} input:-webkit-autofill !important, textarea:-webkit-autofill !important, select:-webkit-autofill !important {background-color: #e8f3eb;} button.ui-dialog-titlebar-close {background: #9fdcc0 url('../images/ui-icons_454545_256x240.png') -95px -127px no-repeat; border: 1px solid #75c09e;} #slogen {min-width: 1000px; width: 100%; height: 27px; background: #4a9c8b; padding-top: 0px; border-top: 1px solid #008359;} /*58aa99*/ #slogen div.szlogen {margin-left: auto; margin-right: auto; background: url('../images/szlogen.png') no-repeat; width: 305px; height: 27px;} #slogen div.szelesseg {display: flex;} #slogen ul {margin: 0px; padding: 0px; margin-left: Auto; margin-right: auto; display: table;} #slogen ul li {display: inline; float: left; list-style: none;} #slogen a {display: block; float: left; text-align: center; color: #008359; font-weight:bold; font-size: 12px; letter-spacing: 0px; padding: 6px 10px; border-width: 0px; text-transform: uppercase; border-width: 0px; text-transform: uppercase; color: #02392d; } /*text-shadow: 1px 1px #7cbfb3;*/ #slogen a:hover {color: #000; background-color: #63ac9d;} #head {padding-top: 20px; border-bottom: 1px solid #9cc8bb; background: #d8ece3;} #head .navbar_felul {display: table; margin-left: auto; padding-bottom: 10px;} #head .navbar_felul li a {padding: 0px; color: #1f5347; font-family: 'Source Sans Pro', sans-serif; padding-left: 6px; padding-right: 6px; font-size: 12px;} #head .navbar_felul li a:hover {background: transparent; text-decoration: underline;} #head .navbar_felul li a img {height: 18px;} #head .navbar_felul li a.ikon_arak {border-left: 1px solid #9cc8bb;} #head .logo {height: 105px; margin-left: auto; margin-right: auto; float: none; display: table;} #head .oldal {border-top: 1px solid #FFF; padding: 0px;} #head .navbar {border-top: 1px solid #9cc8bb; border-radius: 0px; border-bottom: none;} #head .navbar li {float: left; width: 50%; text-transform: uppercase;} #head .navbar li a {color: #1f5347; font-family: 'Source Sans Pro', sans-serif; padding-left: 6px; padding-right: 6px; font-size: 14px;} #head .navbar li a:hover {background: transparent;} #head .navbar li:nth-child(2n+1) {text-align: center;} #head .navbar li:nth-child(2n) {text-align: center;} #head .navbar li:nth-child(1) a, #head .navbar li:nth-child(2) a {border-top: 3px solid transparent;} #head .navbar li:nth-child(3) a, #head .navbar li:nth-child(4) a {border-bottom: 3px solid transparent;} #head .navbar li:nth-child(1) a:hover, #head .navbar li:nth-child(2) a:hover, #head .navbar li:nth-child(3) a:hover, #head .navbar li:nth-child(4) a:hover, #head .navbar li a.active {border-color: #93cfc3; background: transparent;} #head .navbar li:focus, #head .navbar li a:focus { background: transparent;} #menu {min-width: 1000px; width: 100%; padding-top: 30px; margin-left: auto; margin-right: auto; background: url('../images/hatter_menu7.png') repeat; border-top: 3px solid #008359; border-bottom: 1px solid #008359; position:relative; z-index: 100;} #menu_csipke {width: 100%; background: url('../images/csipke_szel5.png') repeat-x; height: 31px; position: absolute; top: -2px; z-index: 5;} #menu ul {margin: 0px; padding: 0px; margin-left: Auto; margin-right: auto; display: table; float: none;} #menu ul li {display: inline; float: left; list-style: none;} #menu a {display: block; float: left; text-align: center; color: #008373; font-weight:bold; font-size: 12px; letter-spacing: 0px; padding: 5px 7px; border-width: 0px; text-transform: uppercase;} #menu a:hover, #menu a.aktiv {background: #4a9c8b; color: #02392d; text-shadow: 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; radius: 5px 5px 0px 0px; position: relative; z-index:2; } #menu ul.almenu {margin-top: -8px;} #menu ul a.ajanlatkeres{background: url('../images/hatter_menu7.png') repeat; margin-top: -21px; padding-top: 28px; padding-bottom: 10px; color: #02392d; text-shadow: 0px 0px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; radius: 0px 0px 5px 5px; position: absolute; z-index:2; border: 1px solid #c8adf0; -moz-box-shadow: 2px 2px 5px #008359;-webkit-box-shadow: 2px 2px 5px #008359;box-shadow: 2px 2px 5px #008359; } #head_content div.menu_tarto ul.almenu li a {height: 26px; line-height: 26px; margin: 0px; padding: 0 10px; width: 210px; text-align: left; color: #000000; background: url('../images/hatter_almenu.png') repeat;} /*#menu .sf-menu a {border-width: 0px; padding: 0px;}*/ #menu .sf-sub-indicator {right: 1px; display: none;} #menu ul.almenu a {width: 230px; background: #e8e8e8; text-align: left;} #menu ul.almenu a {color: #008359; text-shadow: 0px 0px;} #menu ul.almenu a:hover,#menu ul.almenu a.hover {background: #eb2a7b; color: #FFFFFF; text-shadow: 1px 1px #b70f56;} #vezeto {height: 36px; border-bottom: 0px solid #CECECE; color: #008359; position: relative; margin-top: 20px;} #vezeto a.vezeto {font-size: 14px; text-decoration: none; color: #008359;} #vezeto a.vezeto:hover,#vezeto a.vezeto2 {color: #000000;} #vezeto div.megosztas {line-height: 36px;} #vezeto .social {float: right; width: 24px; height: 24px; margin-left: 5px; padding: 0px;} #vezeto .social_facebook {background: url('../images/social_facebook.png') no-repeat;} #vezeto .social_google {background: url('../images/social_google.png') no-repeat;} #vezeto .social_pinterest {background: url('../images/social_pinterest.png') no-repeat;} #vezeto .social_twitter {background: url('../images/social_twitter.png') no-repeat;} #vezeto .social_email {background: url('../images/social_email.png') no-repeat;} #slideshow {margin-bottom: 30px; position: relative;} #slideshow .inline_slide_block {position: absolute;} #tartalom {position: relative; z-index: 50; padding-top: 20px;} #tartalom div.hatter h1 {font-weight: normal; font-size: 49px; color: #02392d; line-height: 45px; font-family: "Caviar"; margin-top: 0px; margin-bottom: 10px; min-height: 70px; padding-top: 10px; } #tartalom div.hatter h2 { background: url('../images/h2_design2.png') no-repeat; padding-left: 72px; font-weight: normal; font-size: 49px; color: #02392d; line-height: 64px; font-family: "Caviar"; margin-top: 0px; margin-bottom: 10px; min-height: 70px; padding-top: 10px; } #tartalom div.hatter h1 span.ikon {float: left; background: url('../images/h2_design4.png') no-repeat; width: 60px; height: 80px; margin-right: 10px; margin-top: -20px; display: none;} #tartalom div.hatter h1 span.szoveg {font-size: 12px; font-family: "Arial"; color: #4a9c8b; line-height: 15px; padding: 0px; opacity: 0.0;filter: alpha(opacity=0);} #tartalom div.hatter a.egyedi_url, #tartalom div.hatter a.egyedi_url h1 {text-decoration: none;} #tartalom div.hatter {padding: 20px; height: auto; color: #008359; margin-bottom: 20px;} #tartalom div.hatter {line-height: 18px; font-size: 15px; } /*#tartalom div.hatter p {margin: 0px;}*/ #tartalom div.elvalaszto {width: 1000px; height: 10px; background: #CECECE; margin-bottom: 20px;} #tartalom div.blog h1 {text-transform: uppercase; font-weight: bold;} #tartalom div.blog img.kezdokep {margin: 10px 0; } #tartalom div.blog div.hatter p {margin: 0px; color: #858585; line-height: 13px;} #tartalom div.hatter a {color: #000000; font-weight: bold;} #tartalom div.hatter p a:hover {font-weight: bold; text-decoration: underline;} #tartalom div.hatter table a:hover {font-weight: bold; text-decoration: underline;} #tartalom div.hatter ul a:hover {font-weight: bold; text-decoration: underline;} #tartalom div.hatter p img {border: 1px solid #CECECE; -moz-border-radius: 0px 15px 0px 15px; -webkit-border-radius: 0px 15px 0px 15px; border-radius: 0px 15px 0px 15px;-moz-box-shadow: 2px 2px 10px #888;-webkit-box-shadow: 2px 2px 10px #888;box-shadow: 2px 2px 10px #888; } #tartalom div.hatter p img.sima {border-width: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;-moz-box-shadow: 0px 0px 0px #888;-webkit-box-shadow: 0px 0px 0px #888;box-shadow: 0px 0px 0px #888;} #tartalom div.hatter_egybe {margin-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; padding-top: 0px;} #tartalom div.hatter_egybe h1 {margin-top: 0px;} #tartalom div.galeria a.ColorBox {} #tartalom div.galeria a.ColorBox img {height: 68px; margin-right: 10px; margin-bottom: 10px; float: left; border: 5px solid #CECECE;} #tartalom div.galeria a.ColorBox img:hover {border-color: #02392d;} #tartalom div.hatter_legfrissebb_blogbejegyzes {border: 1px solid #4a9c8b; padding: 20px; background: url('../images/hatter_box8.png') repeat;} #tartalom div.hatter_legfrissebb_blogbejegyzes h2 {font-size: 16px; background: none; margin: 0px; padding: 0px; line-height: 16px; min-height: 16px;font-family: "Times New Roman CE"; } #tartalom div.hatter_legfrissebb_blogbejegyzes div.head {margin: -20px -20px 20px -20px; border-bottom: 1px solid #4a9c8b; background: #8dcfb1; height: 26px; line-height: 26px; color: #008359; padding-left: 20px; padding-right: 20px;} #tartalom div.hatter_legfrissebb_blogbejegyzes div.head a {float: right; color: #000000;} #tartalom div.fooldal_blogbejegyzes div.head {margin: -20px -20px 20px -20px; border-bottom: 1px solid #4a9c8b; background: #8dcfb1; height: 36px; line-height: 36px; color: #008359; padding-left: 20px; padding-right: 20px;} #tartalom div.fooldal_blogbejegyzes div.head span {font-family: 'Just Another Hand', cursive;font-size: 36px;color: #008359; font-weight: normal;} #tartalom div.fooldal_blogbejegyzes div.head a {float: right; color: #000000;} /*#tartalom div.hatter_legfrissebb_blogbejegyzes:hover div.head a {color: #02392d; font-weight: bold;}*/ #tartalom div.hatter_legfrissebb_blogbejegyzes div.head_bottom {margin: 0px -20px -20px -20px; border-bottom-width: 0px; border-top: 1px solid #4a9c8b; } #tartalom img.legfrissebb_blogbejegyzes_kezdokep {max-width: 150px; max-height: 150px; float: left; margin-right: 10px;} #tartalom .nemalink, #tartalom .nemalink:hover {opacity: 0.2;filter: alpha(opacity=20);cursor:no-drop;} #tartalom .nemalink label {cursor:no-drop;} #tartalom div.box {float: left; background: url('../images/hatter_box8.png') repeat; width: 100%; border: 1px solid #4a9c8b; margin-right: 10px; margin-bottom: 10px; padding: 5px; position: relative;} #tartalom div.box a {text-decoration: none; font-size: 12px; margin: 0px; } #tartalom div.box h2 {margin: 0px;} #tartalom div.box a h2 {color: #008359; text-transform: uppercase; font-size: 16px; margin-bottom: 10px;} #tartalom div.box div.kep {float: left; width: 180px; height: 180px; margin-right: 10px; } #tartalom div.box div.kep img {height: 180px; width: 180px;} #tartalom div.box div.szoveg {float: left; height: 180px; width: 273px;} #tartalom div.box div.szoveg p {margin: 0px; line-height: 18px; font-size: 14px; color: #008359; text-align: justify;} #tartalom div.masodik_box {margin-right: 0px;} #tartalom div.box a.bovebben {position: absolute; bottom: 5px; right: 5px; color: #000000; } #tartalom div.bovebben a {float: right;} #tartalom div.box_harmas {width: 314px;} #tartalom div.box_harmas div.kep {width: 100px; height: 100px; } #tartalom div.box_harmas div.kep img {width: 100px; height: 100px; } #tartalom div.box div.szoveg { height: 100px; width: 204px;} #tartalom div.box div.szoveg_2oszlopban { width: 273px;} #tartalom div.harmadik_box {margin-right: 0px;} .termek_box {float: left; width: 228px; height: 260px; color: #008359; margin: 5px; text-align: center;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 5px; position: relative;} .termek_box .szoveg {display: block; width: 100%; height: 36px; text-transform: capitalize; font-size: 14px; margin-top: 5px;} .termek_box .ikon_fordit {position: absolute; top: 178px; right: 21px;} .termek_box .ikon_sziv {position: absolute; top: 178px; left: 21px;} .termek_box .termek_box_kep_link {height: 200px; width: 228px; display: table-cell; vertical-align: middle; border-bottom: 1px dotted #4a9c8b; padding-bottom: 8px;} .termek_box .termek_box_kep_link img {margin-left: auto; margin-right: auto; max-height: 188px;-moz-box-shadow: 2px 2px 10px #888;-webkit-box-shadow: 2px 2px 10px #888;box-shadow: 2px 2px 10px #888; width: 133px; border-width: 0px;} .termek_box .termek_box_kep_link img.keptipus_png { max-height: 196px;-moz-box-shadow: 0px 0px 0px #888;-webkit-box-shadow: 0px 0px 0px #888;box-shadow: 0px 0px 0px #888; width: 147px;} .termek_box .kisszinkocka {display: inline-block; margin: 2px; height: 12px; width: 12px; border: 1px solid #FFF;} .termek_box .szinkocka_szin_egyedi {background: url('../images/szinkocka_szin_egyedi2-kicsi.jpg') no-repeat;} .termek_box .termek_box_kep_link_png {margin-bottom: -6px; display: block; } .termek_box .termek_box_kep_link_png.fekvo {height: 170px;} .termek_box .szoveg_png {margin-top: 11px;} .kosartable {width: 100%;-moz-box-shadow: 2px 2px 10px #888;-webkit-box-shadow: 2px 2px 10px #888;box-shadow: 2px 2px 10px #888;} .kosartable td {font-size: 12px; background: #e8f3eb; padding: 1px 5px; color: #008359; text-align: center;} .kosartable td.elvalaszto, .kosartable thead td {background: transparent;} .kosartable thead td {font-weight: bold; font-style: normal; color: #02392d; text-align: center; border-left: 1px solid #e8f3eb; background: #8dcfb1;} .kosartable thead td:first-child {border-width: 0px;} /*.kosartable td.sima {background: #dbebe0;}*/ .kosartable td.elvalaszto {background: #8dcfb1; height: 2px; padding: 0px;} .kosartable .szinkocka {width: 14px; height: 14px; margin: 0px; cursor: default; border: 1px solid #FFF;} .kosartable .szemelyreszabas, .kosartable .elnevezes {text-align: left;} .kosartable .szemelyreszabas {border-top: 1px solid #8dcfb1; } .kosartable .elnevezes {width: 110px;} .kosartable .ertek {width: 100px; text-align: right;} .kosartable .muveletek .torol, .kosartable .muveletek .modosit {display: block; padding: 1px 3px;} .kosartable .muveletek .torol{color: red; } /*.kosartable .muveletek .torol:hover{background: red; color: white; }*/ .kosartable .muveletek .modosit{color: green; } /*.kosartable .muveletek .modosit:hover{background: green; color: white; }*/ .kosartable .osszertek_ertek {text-align: right; font-weight: bold; font-size: 14px; padding-top: 4px;} .kosartable .osszertek_felirat {text-align: left; font-weight: bold; font-size: 14px; padding-top: 4px;} .kosartable .osszertek_felirat_2 {text-align: right; size: 11px; font-style: italic;} .adatbekero_box {padding: 10px; margin-bottom: 26px; } .adatbekero_box label {float: left; height: 26px; line-height: 26px; width: 150px;} .adatbekero_box .sor {min-height: 32px; clear: both;} .adatbekero_box .fele {float: left; width: 479px;} .adatbekero_box .fele_jobb {padding-left: 10px;} .adatbekero_box .fele_bal {padding-right: 10px;} .adatbekero_box .fele textarea {width: 50%; height: 195px; } .adatbekero_box textarea {width: 320px; height: 21px; } .adatbekero_box input[type="text"], .adatbekero_box input[type="email"] {width: 320px;} .adatbekero_box input.rovid {width: 130px;} .adatbekero_box select {width: 144px;} .adatbekero_box label, .adatbekero_box input {margin-bottom: 5px;} .adatbekero_box .head { font-size: 14px; border-bottom: 1px solid #02392d; color: #02392d; margin: 0px; font-style: normal; } .adatbekero_box .head2 { font-size: 13px; font-style: normal; color: #008359; margin: 0px; margin-bottom: 10px; margin-top: 3px;} .adatbekero_box_bal, .adatbekero_box_jobb {min-height: 323px;} .adatbekero_box p {color: #008359;font-size: 14px; } .send, .rendeles_elkuldese {padding: 15px 25px; background: #8dcfb1; color: #02392d; text-transform: uppercase; font-size: 14px; font-weight: bold; float: right; margin-top: 15px; cursor: pointer; border: 1px solid #008359; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;-moz-box-shadow: inset 0 0 10px #008359;-webkit-box-shadow: inset 0 0 10px #008359;box-shadow: inset 0 0 10px #008359; } .send:hover, .rendeles_elkuldese:hover {background: #6eac90; border-color: #02392d; color: #FFF; text-decoration: none; } .szoveg_buborek {padding: 10px; background: #b9e1c6; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-align: justify; } /*border: 1px solid #008359; -moz-box-shadow: 2px 2px 10px #888;-webkit-box-shadow: 2px 2px 10px #888;box-shadow: 2px 2px 10px #888;*/ .szoveg_buborek p {line-height: 20px; margin: 0px; text-align: justify; } .adatbekero_box_nagyobb_betumeret{font-size: 14px;} .email_egyezes {font-weight: bold; text-align: center; color: red;} #tartalom a.kep_box {float: left; background: url('../images/hatter_box8.png') repeat; width: 483px; height: 180px; padding: 5px; border: 1px solid #4a9c8b; margin-right: 10px; margin-bottom: 10px; text-align: center; text-decoration: none; position: relative;text-align: center; overflow: hidden;} #tartalom a.masodik_box {margin-right: 0px;} #tartalom a.kep_box h2 {position: relative; text-align: center; z-index: 2; display: block; margin-top: 80px;background: url('../images/hatter_menu7.png') repeat; color: #02392d; text-transform: uppercase; padding: 5px; margin-left: 40px; margin-right: 40px; border: 1px solid #008359; font-weight: normal; -moz-border-radius: 5px; -webkit-border-radius: 5px; radius: 5px;-moz-box-shadow: 2px 2px 10px #888;-webkit-box-shadow: 2px 2px 10px #888;box-shadow: 2px 2px 10px #888; text-shadow: 1px 1px #7cbfb3; } #tartalom a.kep_box img {top: 0px; left: 0px; z-index: 1; position: absolute; opacity:0.5; filter:alpha(opacity=50); width: 493px; height: 190px; border-width: 0px;} #tartalom a.kep_box:hover img,#tartalom a.kep_box_hover img {opacity:1.0; filter:alpha(opacity=100);} #tartalom a.kep_box_harmas {width: 314px;} #tartalom a.kep_box_harmas h2 {font-size: 14px; margin-left: 20px; margin-right: 20px;} #tartalom a.harmadik_box {margin-right: 0px;} #tartalom div.hatter p img { -moz-border-radius: 6px; -webkit-border-radius: 6px; radius: 6px; margin-left: auto; margin-right: auto; display: block;} } #tartalom_jobb {float: left; border: 1px solid #CECECE; padding: 10px; margin-left: 20px; background: #FFFFFF; min-height: 400px; width: 180px; color: #6d6d6d; position: relative; z-index:100; } #tartalom_jobb h2 {Font-family: "Arial"; font-size: 16px; line-height: 16px; font-weight: bold; min-height: 16px;} #tartalom_jobb div.head {margin: -10px -10px 10px -10px; border-bottom: 1px solid #CECECE; background: #e8e8e8; height: 26px; line-height: 26px; color: #999999; padding-left: 10px; padding-right: 10px;} #tartalom_jobb div.head a {float: right; color: #999999;} #tartalom_jobb div.head_bottom {margin: 0px -10px 10px -10px; border-top: 1px solid #CECECE; } #tartalom_jobb span.idezet{width: 42px; height: 28px; background: url('../images/ikon_idezet.png') no-repeat; float: left; margin-right: 10px; margin-bottom: 5px;} #tartalom_jobb div.hatter {margin-bottom: 20px; border-bottom: 1px solid #CECECE; padding-bottom: 20px;} #tartalom_jobb a.tovabb {float: right; color: #eb2a7b; text-decoration: underline;} #tartalom_jobb div.head a:hover {text-decoration: underline; color: #eb2a7b;} #tartalom_jobb div.hatter:last-child {border-bottom-width: 0px;} #tartalom_jobb div.galeria img {margin-left: 0px; width: 175px; border: 2px solid #CECECE; margin-bottom: 10px;} #footer {background: #9cc8bb; color: #205246; font-size: 14px; margin-top: 50px; padding-bottom: 10px; padding-top: 25px; border-top: 1px solid #205246; } #footer_csipke {width: 100%; background: url('../images/csipke_szel2.png') repeat-x; height: 31px; margin-bottom: 10px; display: none;} #footer div.copyright {text-transform: lowercase; font-size: 12px;} #footer .navbar-nav {display: table; margin-left: auto; margin-right: auto; float: none;} #footer .navbar-nav>li {float: none; display: block; text-transform: uppercase; } #footer .navbar-nav>li a { padding: 5px; color: #205246; font-size: 12px; line-height: 12px;} #footer .navbar-nav>li a:hover {text-decoration: underline; background: transparent;} #footer .col-xs-12 {border-left: 1px solid #448777; text-align: center; } #footer .col-xs-12:first-child {border-left: none;} #footer .kapcsolat a {color: #205246;} #footer .head {color: #205246; font-weight: bold; text-transform: uppercase; text-align: center; margin-bottom: 30px; color: #205246; border-bottom: 1px solid #448777;} #footer .social {border-top: 1px solid #448777; padding-top: 5px;} #footer .social ul {padding: 0px; margin: 0px; display: table; margin-left: auto; margin-right: auto; } #footer .social ul li {list-style: none; display: inline;} #footer .social p {margin: 5px; text-align: center;} #footer .social #facebook {float: left; width: 24px; height: 24px; background: url('../images/social_facebook.png') no-repeat;margin-left: 5px;} #footer .social #gplusz {float: left; width: 24px; height: 24px; background: url('../images/social_google.png') no-repeat;margin-left: 5px;} #footer .social #pinterest {float: left; width: 24px; height: 24px; background: url('../images/social_pinterest.png') no-repeat;margin-left: 5px;} #footer .social #twitter {float: left; width: 24px; height: 24px; background: url('../images/social_twitter.png') no-repeat;margin-left: 5px;} #footer .social #instagramm {float: left; width: 24px; height: 24px; background: url('../images/social_instagramm.png') no-repeat;margin-left: 5px;} #dimension { background: #84b5a7; border-top: 1px solid #d8ece3; padding: 10px 0px;} #dimension p {margin: 0px;} #dimension p.version { color: #619c8b;} #dimension a.dimension {display: block; background: url('../images/logo_dimension.png') center no-repeat; height: 55px; padding-top: 45px; text-align: right; width: 205px; color: #619c8b; font-size: 12px; float: right; font-family: arial;} #dimension a.dimension:hover {color: #fd7f68; text-decoration: none;} div.page {padding: 5px 0;} div.page table {width: auto; margin-left: auto; margin-right: auto; border-top: 1px solid #4a9c8b; border-bottom: 1px solid #4a9c8b;} div.page table a {color: #02392d; font-size: 14px;} div.page table a:hover,div.page table a.aktiv {color: #000000;} div.page table a.aktiv {font-weight: bold;} a.leptetes {width: 16px; height: 16px; display: block; background: url('../images/ikon_leptetes.png') no-repeat;} a.leptetes_elso {background-position:0px 0px;} a.leptetes_vissza {background-position: 0px -16px;} a.leptetes_elore {background-position: -16px -16px;} a.leptetes_utolso {background-position: -16px 0px;} a.leptetes_elso:hover {background-position: -32px 0px;} a.leptetes_vissza:hover {background-position: -32px -16px;} a.leptetes_elore:hover {background-position: -48px -16px;} a.leptetes_utolso:hover {background-position: -48px 0px;} div.page a.elvalaszto:hover, div.page a.elvalaszto {cursor:hand; color: #9f9f9f;} div.page td.lapozas_oldalak a:last-child {display: none;} table.form td {height: 30px;} table.form td.label {width: 60px; color: #008359;} table.form td.label span {color: #ff6566; font-size: 16px; font-family: "Times New Roman";} table.form_2 td.label {width: 120px;} table.form_2 td.label_rovid {width: 80px;} table.form_2 td textarea {width: 830px;} table.form_2 td input {width: 340px;} table.form_2 td.input_rovid input {width: 320px; margin-right: 20px;} .ui-widget-header {background: #8dcfb1; border-color: #61ab89; color: #054436;} .ui-widget-content { color: #054436; background: #e8f3eb; border-color: #61ab89; } /* POP UP */ .popup {display: none; position: absolute; left: 30px; top: -50px; background: #FFF; border: 1px solid #CECECE; -moz-box-shadow: 2px 2px 3px #999; -webkit-box-shadow: 2px 2px 3px #999; box-shadow: 2px 2px 3px #999; padding: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .popup p {margin: 0px;} .megrendelo {float: left; width: 100%; min-width: 570px;} .megrendelo_bal {padding-right: 5px;} .megrendelo_jobb {padding-left: 5px;} .megrendelo .bubbleInfo {width: 100%; float: left; min-height: 40px; border-top-width: 0px; margin-bottom: 2px;} .megrendelo .bubbleInfo p {font-family: verdana; font-size: 12px; line-height: 14px;} .megrendelo .bubbleInfo_legordulo {min-height: 30px;} .megrendelo .bubbleInfo select {width: 200px; float: right; margin-top: -31px; border-color: #008359; background-color: transparent; -moz-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; } .megrendelo .bubbleInfo:first-child { border-top-width: 1px;} .megrendelo .bubbleInfo .head {border-bottom: 1px solid #008359; text-transform: uppercase; margin-bottom: 5px; color: #02392d;} .megrendelo .bubbleInfo .darabar {float: right;text-align: right; text-transform: none; font-weight: bold; color: #02392d; line-height: 24px;} .megrendelo .bubbleInfo .darabar span {font-style: italic; padding: 0 5px; color: #000;} .megrendelo .bubbleInfo_darabar .head {text-align: right; text-transform: none; padding-bottom: 5px;} .megrendelo .bubbleInfo_darabar .head .gomb { float: right; margin-left: 10px; margin-top: -5px; color: #FFF; width: 200px;} .megrendelo .bubbleInfo_darabar .head .ikon_sziv { float: left; margin-top: 4px;} .megrendelo .bubbleInfo_darabar .head span {font-style: italic; padding: 0 5px; color: #000;} .megrendelo .bubbleInfo_darabar .tulajdonsag_elem {width: 100%;} .megrendelo .bubbleInfo_darabar input {width: 40px; border-width: 1px;} .megrendelo .bubbleInfo_osszesen {border: 1px solid #008359; min-height: 1px;background: #8dcfb1; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px;} .megrendelo .bubbleInfo_osszesen .head {text-align: left; border-width: 0px; margin: 5px;} .megrendelo .bubbleInfo_osszesen .head span {float: right;} .megrendelo .bubbleInfo_osszesen .head button {float: right; display: block; color: #02392d; height: 28px; margin-top: -5px; margin-right: -5px; width: 111px; margin-left: 15px; text-align: center; border-width: 0px; cursor: pointer; text-transform: uppercase; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px;background: #b9e1c6; border: 1px solid #76b188;-moz-box-shadow: inset 0 0 10px #9ec7ab; -webkit-box-shadow: inset 0 0 10px #9ec7ab; box-shadow: inset 0 0 10px #9ec7ab;} .megrendelo .bubbleInfo_osszesen .head button:hover {background: #02392d; color: #b9e1c6;} .megrendelo .sziluettek_box, .megrendelo .szinek_box {width: 50%; float: left; border-top-width: 1px; height: 80px;} .megrendelo .szinek_box {border-left-width: 0px; position: relative; text-align: right;} .megrendelo .galeria_box {height: 118px; float: none; overflow: hidden; } .megrendelo .galeria_box img {height: 70px; cursor: pointer;} .megrendelo .galeriakepbox {display: block; float: left; margin-right: 0px; visibility: hidden; text-align: center; font-size: 12px; line-height: 18px; width: 0px; height: 95px;} .megrendelo .galeriakepbox_lathato {width: 110px;margin-right: 5px; visibility: visible;} #galeria_kepek {height: 95px; max-height: 95px; width: auto;} .megrendelo .alakok_box {height: 110px; overflow: auto;} .InfoBox {padding: 20px;}/* font-size: 14px;*/ #EgyediSzinElnevezes {position: absolute; left: 0px; bottom: 0px;font-size: 11px; display: none;} #EgyediSzinElnevezes span {padding-left: 5px; font-style: italic;} .mCSB_inside>.mCSB_container {margin-right: 0px;} .megrendelo .bubbleInfo_darabar .head {height: 30px;} .megrendelo .bubbleInfo .head .social {float: left; width: 24px; height: 24px; margin-left: 5px; padding: 0px;} .megrendelo .bubbleInfo .social_facebook {background: url('../images/social_facebook.png') no-repeat;} .megrendelo .bubbleInfo .social_google {background: url('../images/social_google.png') no-repeat;} .megrendelo .bubbleInfo .social_pinterest {background: url('../images/social_pinterest.png') no-repeat;} .megrendelo .bubbleInfo .social_twitter {background: url('../images/social_twitter.png') no-repeat;} .megrendelo .bubbleInfo .social_email {background: url('../images/social_email.png') no-repeat;} .kosar_tetelek_felirat {border-bottom: 1px dotted #008359; color: #008359; font-style: italic;} .kosar_tetelek_felirat a.reszletes_kosar {float: right; display: block; color: #02392d; height: 17px; width: 109px; font-size: 12px; margin-left: 15px; text-align: center; cursor: pointer;background: #b9e1c6; border: 1px dotted #76b188;-moz-box-shadow: inset 0 0 10px #9ec7ab; -webkit-box-shadow: inset 0 0 10px #9ec7ab; box-shadow: inset 0 0 10px #9ec7ab; font-style: normal; margin-bottom: 1px; } .kosar_sor {border-top: 1px dotted #008359; color: #008359; font-style: italic; font-weight: bold; text-align: right;} .kosar_sor span {float: left;} .kosar_sor_info {font-style: italic; opacity: 0.6; filter: alpha(opacity=60); font-size: 11px; margin-bottom: 10px;} #KosarTetelek table {width: 100%;} #KosarTetelek .kep {width: 75px;} #KosarTetelek .kep img {max-height: 48px; max-width: 80px; } #KosarTetelek .elnevezes {color: #02392d; text-transform: uppercase; width: 410px;} #KosarTetelek .egysegar {text-align: right; font-weight: bold; width: 120px;} #KosarTetelek .mennyiseg {width: 50px;} #KosarTetelek .muveletek {text-align: left; padding-left: 160px;} #KosarTetelek .muveletek a {line-height: 24px; font-size: 11px; text-decoration: underline; font-style: italic;} .megrendelo .bubbleInfo .head .igen_nem_valaszto {float: right;} .megrendelo .bubbleInfo .head .igen_nem_valaszto span, .megrendelo .bubbleInfo .head .igen_nem_valaszto input {float: left; padding-left: 5px; padding-right: 5px;} #SzemelyreSzabasUzenet {width: 100%;} .visszalepes {border-top: 1px dotted #008359; padding: 10px; text-align: center;} .visszalepes a { text-align: center; text-transform: uppercase; text-decoration: none; color: #008359;} .visszalepes a:hover { font-weight: bold;} .icon_info {background: url('../images/icon_info11.png') top no-repeat; width: 39px; height: 14px; display: inline-block; cursor: pointer; margin-bottom: -2px; margin-left: 3px;position: relative; cursor: pointer;} .icon_info:hover {background: url('../images/icon_info11.png') bottom no-repeat;} .head {line-height: 18px; height: 18px; font-weight: bold;} .tulajdonsag_elem {float: left; line-height: 18px; width: 230px; padding-left: 0px; } .tulajdonsag_elem input[type="radio"] {float: left;} .tulajdonsag_elem:hover {color: #054436;} .nagykep {width: 100%; float: left; height: auto; border: 1px solid #008359; margin-bottom: 10px; position: relative;} .nagykep img {display: none; width: 100%; height: auto; z-index: 1; position: relative; } .nagykep .lathato {display: block;} .nagykep .nagyito {background: url('../images/ikon_nagyitas3.png') no-repeat; width: 24px; height: 24px; display: block; cursor: pointer; position: absolute; z-index:2; bottom: 2px; left: 2px; opacity: 0.4; filter: alpha(opacity=40); } .nagykep:hover .nagyito {opacity: 1.0; filter: alpha(opacity=100);} .szinkocka {float: none; display: inline-block; margin-left: 8px; width: 25px; height: 25px; margin-top: 14px; cursor: pointer; border: 2px solid #cee2d4;} .szinkocka:hover, .szinkocka_aktiv {border-color: #FFF;} .szinkocka_szin_egyedi {background: url('../images/szinkocka_szin_egyedi2.jpg') no-repeat; } .sziluett {float: left; height: 52px; margin-right: 10px; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); } .sziluett:hover, .sziluett_aktiv { opacity: 1.0; filter: alpha(opacity=100); } .tul_27_sziluettek_28 {background: url('../images/tul_27_sziluettek_28.png') no-repeat; width: 39px;} .tul_27_sziluettek_29 {background: url('../images/tul_27_sziluettek_31.png') no-repeat; width: 37px;} .tul_27_sziluettek_30 {background: url('../images/tul_27_sziluettek_30.png') no-repeat; width: 38px;} .tul_27_sziluettek_31 {background: url('../images/tul_27_sziluettek_29.png') no-repeat; width: 37px;} .tul_27_sziluettek_28_fekvo {background: url('../images/tul_27_sziluettek_28_fekvo.png') no-repeat; width: 48px; margin-top: 10px;} .tul_27_sziluettek_29_fekvo {background: url('../images/tul_27_sziluettek_29_fekvo.png') no-repeat; width: 48px; margin-top: 10px;} .tul_27_sziluettek_30_fekvo {background: url('../images/tul_27_sziluettek_30_fekvo2.png') no-repeat; width: 48px; margin-top: 10px;} .tul_27_sziluettek_31_fekvo {background: url('../images/tul_27_sziluettek_31_fekvo.png') no-repeat; width: 48px; margin-top: 10px;} .GaleriaKepek img {height: 80px; margin-right: 5px;} .alakok_box .alakbox:first-child {margin-left: -15px;} .alakbox {display: block; float: left; height: 85px; width: 70px; text-align: center; font-size: 12px; line-height: 12px;} .alak {display: block; height: 58px; margin-bottom: 3px; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); margin-left: auto; margin-right: auto; background-position: bottom; } .alak:hover, .alak_aktiv { opacity: 1.0; filter: alpha(opacity=100); } .tul_33_alakok_34 {background: url('../images/tul_33_alakok_34.png') bottom center no-repeat; width: 37px;} .tul_33_alakok_35 {background: url('../images/tul_33_alakok_35.png') bottom center no-repeat;} .tul_33_alakok_36 {background: url('../images/tul_33_alakok_36.png') bottom center no-repeat;} .tul_33_alakok_37 {background: url('../images/tul_33_alakok_37.png') bottom center no-repeat; width: 37px;} .tul_33_alakok_38 {background: url('../images/tul_33_alakok_38.png') bottom center no-repeat; width: 41px;} .tul_33_alakok_39 {background: url('../images/tul_33_alakok_39.png') bottom center no-repeat;} .tul_33_alakok_40 {background: url('../images/tul_33_alakok_40.png') bottom center no-repeat;} .tul_33_alakok_41 {background: url('../images/tul_33_alakok_41.png') bottom center no-repeat; width: 57px;} .tul_33_alakok_42 {background: url('../images/tul_33_alakok_42.png') bottom center no-repeat; width: 49px;} .tul_33_alakok_43 {background: url('../images/tul_33_alakok_43.png') bottom center no-repeat;} .tul_33_alakok_44 {background: url('../images/tul_33_alakok_44.png') bottom center no-repeat; width: 49px;} .tul_33_alakok_45 {background: url('../images/tul_33_alakok_45.png') bottom center no-repeat;} .tul_33_alakok_46 {background: url('../images/tul_33_alakok_46.png') bottom center no-repeat;} .tul_33_alakok_47 {background: url('../images/tul_33_alakok_47.png') bottom center no-repeat;} .tul_33_alakok_48 {background: url('../images/tul_33_alakok_48.png') bottom center no-repeat;} .tul_33_alakok_49 {background: url('../images/tul_33_alakok_49.png') bottom center no-repeat;} .tul_33_alakok_95 {background: url('../images/tul_33_alakok_95.png') bottom center no-repeat;} .tul_33_alakok_97 {background: url('../images/tul_33_alakok_97.png') bottom center no-repeat;} .tul_33_alakok_99 {background: url('../images/tul_33_alakok_99.png') bottom center no-repeat;} .tul_33_alakok_114 {background: url('../images/tul_33_alakok_114.png') bottom center no-repeat;} .tul_33_alakok_115 {background: url('../images/tul_33_alakok_115.png') bottom center no-repeat;} .tul_33_alakok_116 {background: url('../images/tul_33_alakok_116.png') bottom center no-repeat;} .tul_33_alakok_117 {background: url('../images/tul_33_alakok_117.png') bottom center no-repeat;} .tul_33_alakok_118 {background: url('../images/tul_33_alakok_118.png') bottom center no-repeat;} .tul_33_alakok_119 {background: url('../images/tul_33_alakok_119.png') bottom center no-repeat;} .tul_33_alakok_120 {background: url('../images/tul_33_alakok_120.png') bottom center no-repeat;} .tul_33_alakok_121 {background: url('../images/tul_33_alakok_121.png') bottom center no-repeat;} .tul_33_alakok_122 {background: url('../images/tul_33_alakok_122.png') bottom center no-repeat;} .tul_33_alakok_123 {background: url('../images/tul_33_alakok_123.png') bottom center no-repeat;} .tul_33_alakok_124 {background: url('../images/tul_33_alakok_124.png') bottom center no-repeat;} .tul_33_alakok_125 {background: url('../images/tul_33_alakok_125.png') bottom center no-repeat;} .tul_33_alakok_126 {background: url('../images/tul_33_alakok_126.png') bottom center no-repeat;} .tul_33_alakok_131 {background: url('../images/tul_33_alakok_131.png') bottom center no-repeat;} .tul_33_alakok_132 {background: url('../images/tul_33_alakok_132.png') bottom center no-repeat;} .tul_33_alakok_133 {background: url('../images/tul_33_alakok_133.png') bottom center no-repeat;} .tul_33_alakok_134 {background: url('../images/tul_33_alakok_134.png') bottom center no-repeat;} .tul_33_alakok_135 {background: url('../images/tul_33_alakok_135.png') bottom center no-repeat;} .tul_33_alakok_144 {background: url('../images/tul_33_alakok_144.png') bottom center no-repeat;} .tul_33_alakok_145 {background: url('../images/tul_33_alakok_145.png') bottom center no-repeat;} .tul_33_alakok_146 {background: url('../images/tul_33_alakok_146.png') bottom center no-repeat;} .tul_33_alakok_169 {background: url('../images/tul_33_alakok_120.png') bottom center no-repeat;} .tul_33_alakok_185 {background: url('../images/tul_33_alakok_185.png') bottom center no-repeat;} .tul_33_alakok_186 {background: url('../images/tul_33_alakok_186.png') bottom center no-repeat;} .tul_33_alakok_187 {background: url('../images/tul_33_alakok_187.png') bottom center no-repeat;} .tul_33_alakok_189 {background: url('../images/tul_33_alakok_189.png') bottom center no-repeat;} .tul_33_alakok_188 {background: url('../images/tul_33_alakok_188.png') bottom center no-repeat;} .ui-dialog {text-align: justify;} .ui-dialog .szinkocka {margin-top: 0px; margin-bottom: 10px;} .akcio {background: url('../images/ikon_akcio.png') no-repeat; width: 33px; height: 33px; position: absolute; top: 0px; right: 0px; display: block; z-index: 1000;} .nagykep .akcio {top: -10px; right: -10px;} #EgyediSzinKepFelirat {display: none; background: url('../images/hatter_menu7.png') repeat; position: absolute; left: 0px; top: 50%; margin-top: -27px; height: 55px; width: 100%; color: #000; padding: 5px 10px; text-align: justify; z-index: 100;} #GaleriaKepFelirat {display: none; background: url('../images/galeria_kepek.png') no-repeat; position: absolute; width: 150px; height: 63px; right: -21px; top: 5px; z-index: 10000; } #GaleriaKepFelirat {display: none; background: url('../images/galeria_kepek2.png') no-repeat; position: absolute; width: 100px; height: 42px; right: -14px; top: 5px; z-index: 10000; } #tartalom div.hatter .tabs, #tartalom div.hatter .tabs .ui-widget-header {border-color: #008359; background: url('../images/hatter_menu7.png') repeat; background: transparent; border-width: 0px; padding: 0px;} #tartalom div.hatter .tabs .ui-tabs-nav li {background: #b9e1c6; border-width: 0px;} #tartalom div.hatter .tabs .ui-widget-header {-moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; border-bottom: 1px solid #8dcfb1; padding: 0px;} #tartalom div.hatter .tabs .ui-tabs-nav li.ui-state-active {background: #8dcfb1;border-color: #008359;} #tartalom div.hatter .tabs .ui-tabs-nav a, #tartalom div.hatter .tabs .ui-tabs-nav a:hover {font-size: 14px; font-weight: normal; padding: 4px 17px; text-decoration: none;} #tartalom div.hatter .szelesebb_li .ui-tabs-nav a, #tartalom div.hatter .szelesebb_li .ui-tabs-nav a:hover {padding: 4px 44px;} #tartalom div.hatter .tabs .ui-tabs-nav li:last-child a {padding: 4px 18px;} #tartalom div.hatter .tabs .ui-tabs-nav li:last-child a {padding-right: 18px;} #tartalom div.hatter .tabs .ui-tabs-nav li:last-child {margin-right: 0px;} #tartalom div.hatter .szelesebb_li .ui-tabs-nav li:last-child a {padding: 4px 45px;} #tartalom div.hatter .tabs p {margin-top: 0px;line-height: 14px; font-size: 12px; color: #008359;} #tartalom div.hatter .tabs .ui-tabs-panel {padding: 5px;} #tartalom div.hatter .tabs textarea {width: 465px; height: 120px; margin-top: 5px; margin-bottom: 5px;} #tartalom div.hatter .tabs #TextCounted {text-align: right; font-weight: bold;} #tartalom div.hatter .tabs p.piros {color: red;} #tartalom div.hatter .tabs p.ajanlott {font-weight: bold; line-height: 20px; margin: 0px;} #tartalom div.hatter .tabs .ui-tabs .ui-tabs-nav {margin: -4px; margin-right: -5px; margin-bottom: 5px;-moz-border-radius-bottomright: 0px;-webkit-border-bottom-right-radius: 0px;-khtml-border-bottom-right-radius: 0px;border-bottom-right-radius: 0px;-moz-border-radius-bottomleft: 0px;-webkit-border-bottom-left-radius: 0px;-khtml-border-bottom-left-radius: 0px;border-bottom-left-radius: 0px;} .loading {background: url('../images/loading.gif') no-repeat; width: 32px; height: 32px; display: block; margin: 20px;} .muveletek {vertical-align: top; padding-left: 10px;} .muveletek form {margin: 0px;} .muveletek button {display: block; float: right; margin: 4px; width: 12px; height: 12px; border-width: 0px; cursor: pointer; margin-top: 6px; } .muveletek button.torol {background: url('../images/ikon_kosar_torles.png') no-repeat;} .muveletek button.hozzaad {background: url('../images/ikon_kosar_hozzaad.png') no-repeat;} .muveletek button.elvesz {background: url('../images/ikon_kosar_elvesz.png') no-repeat;} .kapcsolt_termek_box {display: block;float: left;text-align: center;font-size: 12px;line-height: 12px; height: 135px; margin-right: 25px;} .kapcsolt_termek_box a {height: 110px;display: table-cell; vertical-align: middle; margin-bottom: 5px; } .kapcsolt_termek_box img {max-width: 110px; max-height: 110px;moz-box-shadow: 1px 1px 8px #888;-webkit-box-shadow: 1px 1px 8px #888;box-shadow: 1px 1px 8px #888;} .kapcsolt_termek_box img.keptipus_png {-moz-box-shadow: 0px 0px 0px #888;-webkit-box-shadow: 0px 0px 0px #888;box-shadow: 0px 0px 0px #888; max-height: 116px; margin-top: -2px; } button.torol_sima {border-width: 0px; background: transparent; color: red; width: inherit; height: 12px; font-size: 12px;} #ScrollTopDown {position: fixed; right: 40px; bottom: 40px; z-index: 100; width: 42px;} #ScrollTopDown img {opacity: 0.8; cursor: pointer;} #ScrollTopDown img:hover {opacity: 1;} /* Arrow Navigator Skin /* jssor slider arrow navigator skin 11 css */ /* .jssora11l (normal) .jssora11r (normal) .jssora11l:hover (normal mouseover) .jssora11r:hover (normal mouseover) .jssora11ldn (mousedown) .jssora11rdn (mousedown) */ .jssora11l, .jssora11r, .jssora11ldn, .jssora11rdn { position: absolute; cursor: pointer; display: block; background: url('../images/a20.png') no-repeat; overflow: hidden; } .jssora11l { background-position: -4px -35px; } .jssora11r { background-position: -65px -35px; } .jssora11l:hover { background-position: -124px -35px; } .jssora11r:hover { background-position: -185px -35px; } .jssora11ldn { background-position: -251px -35px; } .jssora11rdn { background-position: -311px -35px; } /* jssor slider thumbnail navigator skin 07 css */ /* .jssort07 .p (normal) .jssort07 .p:hover (normal mouseover) .jssort07 .pav (active) .jssort07 .pav:hover (active mouseover) .jssort07 .pdn (mousedown) */ .jssort07 .i { position: absolute; top: 0px; left: 0px; width: 158px; height: 60px; filter: alpha(opacity=100); opacity: 1.0; } .jssort07 .p:hover .i, .jssort07 .pav .i { filter: alpha(opacity=100); opacity: 1; } .jssort07 .o { position: absolute; top: 0px; left: 0px; width: 156px; height: 58px; border: 1px solid #daece0; transition: border-color .6s; -moz-transition: border-color .6s; -webkit-transition: border-color .6s; -o-transition: border-color .6s; } * html .jssort07 .o { /* ie quirks mode adjust */ width /**/: 158px; height /**/: 60px; } .jssort07 .pav .o, .jssort07 .p:hover .o { border-color: #346e62; } .jssort07 .pav:hover .o { border-color: #346e62; } .jssort07 .p:hover .o { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; } .ws_shadow { background: url('../images/w.slider/bg_shadow.png') bottom center no-repeat; background-size: 100%; filter: ""; } .ws_shadow { position: absolute; z-index: -1; left: -1.56%; top: -6.89%; width: 103.12%; height: 120.55%; margin-top: -16px; } .visszalepes {border-top: 1px solid #9cc8bb; padding: 5px; margin-top: 10px; } .visszalepes a {display: table; margin-left: auto; margin-right: auto; font-size: 14px; color: #84b5a7;} .visszalepes a:hover {text-decoration: none; color: #1f5347;} .kapcsolat_box {padding: 10px;} .kapcsolat_box label {float: left; width: 100px; line-height: 34px;} .kapcsolat_box input[type="text"] {float: left; width: 240px;} .kapcsolat_box textarea {float: left; width: 985px; height: 180px} .kapcsolat_box .col-xs-12 {margin-bottom: 10px;} /* --------------------------------------------------------------------------------- */ .view { overflow: hidden; position: relative; text-align: center; cursor: default; } .view .mask,.view .content { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; } .view img { display: block; position: relative; } .view h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; padding: 10px; background: rgba(0, 0, 0, 0.8); margin: 20px 0 0 0; } .view p { position: relative; color: #02392d;/*#448777*/ padding: 10px 20px 20px; text-align: center; } .view a.info { display: inline-block; text-decoration: none; padding: 7px 14px; background: #000; color: #fff; text-transform: uppercase; -webkit-box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000; } .view a.info: hover { -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; } .view-tenth img { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; } .view-tenth .mask { background-color: rgba(133, 104, 186, 0.7); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .view-tenth h2 { border-bottom: 1px solid rgba(0, 0, 0, 0.3); background: transparent; margin: 20px 40px 0px 40px; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); color: #333; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .view-tenth p { color: #333; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; } .view-tenth a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; } .view-tenth:hover img { -webkit-transform: scale(10); -moz-transform: scale(10); -o-transform: scale(10); -ms-transform: scale(10); transform: scale(10); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .view-tenth:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } /* --------------------------------------------------------------------------------- */ .view-first img { -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; } .view-first .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; background-color: rgba(141,207,177, 0.9); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .view-first h2 { -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -o-transform: translateY(-40px); -ms-transform: translateY(-40px); transform: translateY(-40px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .view-first p { font-size: 13px; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; } .view-first:hover img { -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1); } .view-first a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .view-first:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .view-first:hover h2, .view-first:hover p, .view-first:hover a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .view-first:hover p { -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -ms-transition-delay: 0.1s; transition-delay: 0.1s; } .view-first:hover a.info { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s; } /* --------------------------------------------------------------------------------- */ #tartalom .boxtarto { padding: 5px;} #tartalom .box a .mask h2 { border-bottom: 0px; margin-top: 13%; border-bottom: 1px solid #02392d; background: transparent; width: 80%; padding: 10px; color: #02392d; margin-left: auto; margin-right: auto; } #tartalom .boxtarto2 {padding-bottom: 15px;} #tartalom .boxtarto2 .box a .mask h2 { margin-top: 16%; font-size: 18px; } #tartalom .boxtarto2 .box a .mask p { font-size: 18px; font-style: normal; text-transform: uppercase;} #tartalom .boxtarto3 .box a .mask p { font-size: 13px; font-style: normal; text-transform: none;} #tartalom div.hatter .boxtarto3 h2 { min-height: 10px; line-height: initial;} #tartalom .box a .mask2 h2 { margin-top: 18%; } .blog_box_tarto {padding: 15px 0px;} .blog_box {border: 1px solid #9cc8bb; background:#f7fcfa;} .blog_box .szoveg {-webkit-box-shadow: inset 0px 0px 10px 5px rgba(210,238,225,1);-moz-box-shadow: inset 0px 0px 10px 5px rgba(210,238,225,1);box-shadow: inset 0px 0px 10px 5px rgba(210,238,225,1); border-top: 1px solid #9cc8bb; } .blog_box img {} .blog_box .szoveg h2 {font-weight: bold; margin-top: 0px; text-transform: uppercase; margin-bottom: 5px; font-size: 22px; color: #02392d; line-height: 24px; font-family: "Caviar"; } .blog_box .szoveg {padding: 15px; color: #02392d; text-align: justify; line-height: 20px; font-size: 16px;} .blog_box .szoveg a {color: #02392d;} .blog_box .szoveg .datum {display: block;text-align: right;} .blog_box a, .blog_box a:hover {text-decoration: none;} .effect2 { position: relative; } .effect2:before, .effect2:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: #777; box-shadow: 0 15px 10px #777; transform: rotate(-3deg); } .effect2:after { transform: rotate(3deg); right: 10px; left: auto; } #tartalom div.box {height: auto; border: 1px solid #8dcfb1; padding: 0px; position: relative; display: table-cell;} #tartalom div.boxtarto .tovabb_url a {text-decoration: none;} #tartalom div.boxtarto .tovabb_url h2 {margin: 0px; font-size: 14px; line-height: 14px; text-align: center; padding: 0px; text-transform: uppercase; color: #02392d; display: block; clear: both; height: 26px; width: 100%;} #tartalom div.box a {text-decoration: none; font-size: 12px; margin: 0px; } #tartalom div.box h2 {margin: 0px;} #tartalom div.box a h2 {color: #02392d; text-transform: uppercase; font-size: 16px; margin-bottom: 10px;} #tartalom div.box div.kep { padding: 0px; } /*#tartalom div.box div.kep img {height: 180px; width: 180px;}*/ #tartalom div.box div.szoveg {padding: 0px; padding-left: 5px;} #tartalom div.box div.szoveg p {margin: 0px; line-height: 18px; font-size: 14px; color: #02392d; text-align: justify;} #tartalom div.masodik_box {margin-right: 0px;} #tartalom div.box a.bovebben {position: absolute; bottom: 5px; right: 5px; color: #920271; } #tartalom div.bovebben a {float: right;} #tartalom a.kep_box {display: block; background: url('../images/hatter_box.png') repeat; height: 222px; padding: 5px; border: 1px solid #8dcfb1; margin-right: 0px; margin-bottom: 20px; text-align: center; text-decoration: none; position: relative;text-align: center; overflow: hidden;} /*#tartalom a.masodik_box {margin-right: 0px;}*/ #tartalom a.kep_box h2 {position: relative; text-align: center; z-index: 2; display: block; margin-top: 80px;background: url('../images/hatter_menu.png') repeat; color: #4d327f; text-transform: uppercase; padding: 5px; margin-left: 40px; margin-right: 40px; border: 1px solid #b9a0dc; font-weight: normal; -moz-border-radius: 5px; -webkit-border-radius: 5px; radius: 5px;-moz-box-shadow: 2px 2px 10px #888;-webkit-box-shadow: 2px 2px 10px #888;box-shadow: 2px 2px 10px #888; text-shadow: 1px 1px #ecdffe; } #tartalom a.kep_box img {top: 0px; left: 0px; z-index: 1; position: absolute; opacity:0.5; filter:alpha(opacity=50); width: 100%; height: 222px; } #tartalom a.kep_box:hover img,#tartalom a.kep_box_hover img {opacity:1.0; filter:alpha(opacity=100);} #tartalom div.hatter p img { -moz-border-radius: 6px; -webkit-border-radius: 6px; radius: 6px; margin-left: auto; margin-right: auto;} @media (min-width:480px){ /* styles for mobile browsers smaller than 480px; (iPhone) */ } @media (min-width:768px){ /* default iPad screens */ .blog_box .szoveg h2 {font-size: 14px; line-height: 16px;} .blog_box .szoveg {font-size: 12px; line-height: 16px;} } @media (max-width:768px){ /* default iPad screens */ #footer .kulcsszavak, #footer .kapcsolat, #footer .menu {border: none;} } @media (max-width:480px){ /* styles for browsers max width 480px; */ } @media (min-width:960px){ /* styles for browsers larger than 960px; */ } @media (max-width:991px){ /* styles for browsers max width 991px; */ } @media (min-width:991px){ /* styles for browsers larger than 960px; */ .blog_box .szoveg h2 {font-size: 18px; line-height: 20px;} .blog_box .szoveg {font-size: 14px; line-height: 18px;} } @media (min-width:1200px){ /* styles for browsers larger than 1440px; */ .blog_box .szoveg h2 {font-size: 20px; line-height: 22px;} .megrendelo {float: left; width: 50%;} } @media (max-width:1200px){ /* styles for browsers larger than 1440px; */ } @media (min-width:1440px){ /* styles for browsers larger than 1440px; */ .blog_box .szoveg h2 {font-size: 22px; line-height: 24px;} .blog_box .szoveg {font-size: 16px; line-height: 20px;} } #head .navbar-nav>li {float: left;}