@piros: #ff344e; @sarga: #f8f100; @kek: #18d2f2; @zold: #bce6a7; body { font-family: Arial; margin:0; padding:0; color:#d9d9d9; font-size:12px; width:100%; background-color: #000; -moz-background-size:cover; -webkit-background-size:cover; background-size:cover; } img {border:0px } a { outline:none; color:#d9d9d9; font-size:12px; text-decoration:none } a:hover { text-decoration:underline } #wrap { width:924px; position:relative; padding-top:20px; margin:0 auto; } #top_wrap { position:absolute; left:0px; top:0px; height:20px; width:924px; z-index:200; } #logo { padding:0px 0px 62px 0px; width:309px; height:55px; float:left; } .clear { font-size:0px; height:0px; clear:both; } .cc_menu{ width:924px; /*231px * 4*/ height:590px; position:relative; overflow:hidden; } .cc_item{ width:230px; height:590px; float:left; margin-right:1px; /* background:url(../images/item_bg.png) repeat; */ position:relative; border: 1px silver; } .cc_item img{ position:absolute; width:230px; height:590px; top:-600px; left:0px; } span.cc_title{ cursor: default; font-weight: 900; font-size:18px; top:270px; text-align: center; left:0px; position:absolute; width:196px; padding:0 17px; height:40px; line-height:40px; display:block; z-index:11; } .cc_submenu ul{ font-weight: 900; list-style:none; width:230px; margin:0; padding:0; height:0px; /*increase to 83px to slide up*/ overflow:hidden; background:#000; position:absolute; left:0px; bottom:0px; z-index:13; } .cc_submenu ul li{ color:#ccc; cursor:pointer; padding:4px 10px 0; font-size:16px; line-height:23px; } .cc_submenu a{ background-color: #FFFFFF; color: #000000; display: block; font-size: 16px; font-variant: small-caps; line-height: 18px; margin: 0 0 0 -10px; padding: 1px 12px 0 5px; text-align: left; text-decoration: none; width: 230px; word-spacing: 0; } .cc_submenu a.current, .cc_submenu a:hover { background-color: #FFFFFF; color: #000000; display: block; font-size: 16px; font-variant: small-caps; line-height: 18px; margin: 0 0 0 30px; padding: 1px 12px 0 2px; text-align: left; text-decoration: none; width: 175px; word-spacing: 0; } #footer_text { float:left; padding:38px 0 28px 17px; color:#f6f6f6; width:640px; } #social { float:right; padding:31px 17px 0 0 } #social ul { padding:0px; margin:0px } #social li { padding:0; margin:0 0 0 9px; list-style:none; float:left; } #social a { background:url(../images/icons.png) no-repeat left top; background-position:0 0; width:14px; height:19px; display:block; text-indent:-9999px; text-decoration:none; } #social a:hover { background-position:0 -19px; text-decoration:none; } #social a.facebook { background:url(../images/icons.png) no-repeat left top; background-position:-14px 0; width:11px; height:19px; display:block; text-indent:-9999px; text-decoration:none; } #social a.facebook:hover { background-position:-14px -19px; text-decoration:none; } #social a.in { background:url(../images/icons.png) no-repeat left top; background-position:-25px 0; width:18px; height:19px; display:block; text-indent:-9999px; text-decoration:none; } #social a.in:hover { background-position:-25px -19px; text-decoration:none; } .cc_content{ padding-top:28px; /* új -------------------- */ width:692px; height:532px; position:absolute; left:-693px; background:url(../images/content_bg.png) repeat; overflow:hidden; font-size:13px; color:#FFFFFF; text-transform:none; } .cc_back{ color: #000000; cursor: pointer; display: block; font-size: 18px; font-weight: bold; height: 23px; background:url(../images/x_.png) repeat; position: absolute; right: 0; top: 0; width: 23px; } .cc_content div.block { margin:0px; padding:5px 17px 0 17px; } .cc_content h1{ display: none; font-family: Georgia; background-color: #fff; font-size:54px; line-height:24px; color:#999; padding:0 100px 0 0; /* text-transform:uppercase; */ margin:0 0 40px 0; } .cc_content_1_1 p{ color: #000000; font-family: Georgia; font-size: 1.2em; letter-spacing: 1px; line-height: 1.8em; text-align: center; text-decoration: none; word-spacing: 2px; } .cc_content_2_1 p { color: #000000; font-family: Lucida Console, Monaco, monospace; font-size: 16px; letter-spacing: 0; line-height: 20px; padding: 0 10px 5px; text-align: center; text-decoration: none; word-spacing: 1px; } .cc_content_2_2 p { color: #000000; font-family: Courier New,Courier New,monospace; font-size: 16px; letter-spacing: 1px; line-height: 23px; padding: 0 45px 0 10px; text-align: center; text-decoration: none; word-spacing: 0; } .kisebb, .nagyobb { font-weight: bold; letter-spacing: 3px; line-height: 20px; } .cc_content_2_2 p{ color: #000000; font-family: Courier New, Courier New, monospace; font-size: 16px; letter-spacing: 1px; line-height: 22px; padding: 0 44px 0 10px; text-align: center; text-decoration: none; word-spacing: 5px; font-weight: bold; } .cc_content_2_3 p { color: #000000; font-family: Trebuchet MS,Trebuchet MS,sans-serif; font-size: 14px; letter-spacing: 0; line-height: 20px; overflow: hidden; text-align: right; text-decoration: none; word-spacing: 4px; } .cc_content_3_1 p{ color: #000000; font-family: Trebuchet MS,sans-serif; font-size: 16px; letter-spacing: 0; line-height: 26px; padding: 0 36px 0 101px; text-align: center; word-spacing: 5px; } #media_kep { display: block; width: 89px; height: 227px; float: left; position: relative; top: 0px; left: 0px; } .cc_content_4_1 p{ color: #000000; font-family: Trebuchet MS,sans-serif; font-size: 25px; letter-spacing: 0; line-height: 1px; padding: 0 2px 0 8px; text-align: left; word-spacing: 2px; } .cc_content_4_2 p{ color: #000000; font-family: Trebuchet MS,sans-serif; font-size: 17px; letter-spacing: 0; line-height: 26px; padding: 0 4px 0 10px; text-align: justify; word-spacing: 0; } .kapcs_eleje { color: #AAAAAA; font-family: Trebuchet MS,sans-serif; font-size: 15px; letter-spacing: 0; line-height: 16px; text-align: left; text-decoration: none; word-spacing: normal; } .cc_content a { color:#74af26; font-size:13px; text-transform:none; } .scroll-wrap { width:658px; overflow:auto; height:499px; } .scroll-pane{ width:627px; } /* .scroll-pane p{ text-align: center; } */ .team { float:right; margin:0 0 20px 34px; } .team_title { font-size:14px; text-transform:uppercase; color:#f6f6f6; padding:1px 0 11px 0; } .testimons { font-size:14px; text-transform:uppercase; color:#d9d9d9; padding:3px 0 26px 0; } .left { float:left; } .right { float:right; } .serv_l_t { background:url(../images/3szog_kicsi.png) no-repeat left center; } .list { color: #000; font-family: Georgia,Georgia,serif; font-size: 16px; line-height: 23px; padding: 0 10px 10px 0; text-align: left; } a.read { color: #18D2F2; cursor: pointer; font-size: 2em; letter-spacing: -5px; padding: 0 10px 0 14px; text-decoration: none; text-transform: uppercase; } .recent { margin:16px 0; } .recent_t { font-size:13px; text-transform:uppercase; color:#74af26; line-height:20px; } /* -----------------------blokkok hátterei------------------- */ #hello { color: black; background-color: @piros; } #marketing { color:black; background-color: @sarga; } #media { color:black; background-color: @kek; } #kapcsolat { color:black; background-color: @zold; } .piros { font-color: #ff0000; } .kiemeles01 { font-size: 1.6em; letter-spacing: -1px; line-height: 1.2em; text-align: left; text-decoration: none; word-spacing: normal;} .kiemeles02 { font-family: Impact; font-size: 1em; letter-spacing: 0px; line-height: 1em; color: #fff; background-color: #fF00ab; text-align: left; text-decoration: none; word-spacing: normal;} .kiemeles03 { font-size: 1.6em; font-family: Georgia, serif; letter-spacing: -1px; line-height: 1.2em; text-align: left; text-decoration: none; word-spacing: normal; color: #ff343e; } #referencia { margin: -35px 0 0 0; text-align: center; word-spacing: normal; } .k1 { border: 2px solid #ededed; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; } .k2 { background:#000 url(../images/3szog_kicsi_f.png) no-repeat left center; font-family: Lucida Console,Monaco,monospace; font-weight: bold; font-size: 15px; margin: -1px 6px 0 1px; padding: 3px 2px 0 9px; color: #fff; } .k3 { background-color: @sarga; font-family: Times serif; font-size: 1.3em; padding: 0 ; } .k4 { color: @sarga; margin: -54px 0 0 500px; float: left; font-family: Verdana serif; font-size: 150px; margin: -54px 0 0 500px; } .k5 { background-color: @sarga; font-family: Trebuchet MS, Trebuchet MS, sans-serif; font-size: 1em; padding: 0 ; } .k6 { font-family: Courier New,Courier New,monospace; font-size: 30px; padding: 0; z-index: 99; } .k7 { color: #F8F100; font-size: 54px; height: 10px; margin: -12px; width: 10px; z-index: 1; opacity: 0.6; } .cc_content_2_3 div.scroll-wrap { display: block; height: 448px; overflow: hidden; } #eu0 { background: url("../images/eucsillag.png") no-repeat scroll 142px -64px transparent; display: block; height: 563px; } #eu1 { overflow: hidden; padding: 0 225px 0 0; } #eu2 { overflow: hidden; padding: 179px 225px 0 0; } .kiemeles_felsorolas ul { margin: -15px 0; text-align: center; } .kiemeles_felsorolas li{ list-style-type: none; color: #000; font-size: 0.9em; letter-spacing: 0px; line-height: 1.2em; text-decoration: none; word-spacing: normal; float: left; padding: 2px; text-align: center; } .kiemeles_felsorolas li:nth-child(even) { color: #999; } .kiemeles_cim_h { background-color: @piros; color: #FFFFFF; font-family: Impact; font-size: 1.5em; line-height: 2.2em; letter-spacing: 0; padding: 4px 6px 2px; text-align: left; text-decoration: none; text-transform: uppercase; word-spacing: normal; } .kiemeles_cim_ma { background-color: #F8F100; border-bottom: 1px solid #999999; color: #000000; font-family: Lucida Console,Monaco,monospace; font-size: 18px; letter-spacing: 1px; line-height: 35px; padding: 4px 7px 4px 12px; text-transform: lowercase; word-spacing: -4px; } .kiemeles_cim_web { background-color: @kek; border-bottom: 1px solid #999999; color: #000000; font-family: Lucida Console,Monaco,monospace; font-size: 18px; letter-spacing: 2px; line-height: 39px; margin: 6px 0 -19px; padding: 3px 4px 3px 12px; text-align: right; text-decoration: none; text-transform: lowercase; word-spacing: 0; } .kiemeles_cim_me_ssz { background-color: @kek; color: #FFFFFF; font-family: Impact; font-size: 25px; letter-spacing: 0; padding: 0 20px 2px; } .kiemeles_cim_me_1 { color: @kek; font-family: Trebuchet MS, sans-serif; font-size: 1.3em; font-weight: bold; } .kiemeles_cim_me_2 { background-color: @kek; color: #000; font-family: Georgia; font-size: 1.1em; letter-spacing: 0; line-height: 0em; padding:0 5px 0px 5px; } .kiemeles_cim_me_3 { background-color: @kek; color: #000; font-family: Georgia; font-size: 1.3em; letter-spacing: 0; line-height: 0em; padding:0 5px 0px 5px; font-weight: bold; } p.celcsoport { color: #414141; font-size: 1.1em; line-height: 22px; padding: 0 14px 17px 0; text-align: left; } .utso { display: block; height: 15px; clear: both; margin-bottom: 97px; } .idezet{ font-family:georgia; position:relative; /* background:#faf8f8; border:2px solid #77b538; -moz-border-radius: 15px; -webkit-border-radius: 15px;*/ font-size: 1em; padding:13px 55px; color:#000; } /*--------------- contact form ----------------- */ #kapcs { background: none repeat scroll 0 0 #E7F3D2; height: 288px; margin: 8px 0 52px 35px; padding: 18px 0 9px 18px; width: 328px; } *:focus {outline: none;} #contform label { background-color: @zold; border-bottom: 1px solid #999999; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; color: #000000; display: block; float: left; height: 30px; width: 31px; } #contform input { background: none repeat scroll 0 0 transparent; border-top: none; border-bottom: 1px solid #999999; border-right: 1px solid #999999; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset; display: block; font-family: trebuchet MS; font-size: 16px; height: 30px; margin: 0 0 4px 31px; padding: 0 0 0 10px; width: 263px; } #contform textarea { background: none repeat scroll 0 0 transparent; border-top: none; border-bottom: 1px solid #999999; border-right: 1px solid #999999; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset; display: block; font-family: trebuchet MS; font-size: 16px; height: 128px; margin: 0 0 4px 31px; padding: 7px 0 0 10px; width: 263px; } #contform input[type="image"]{ background: none repeat scroll 0 0 #BCE6A7; border-bottom: 1px solid #999999; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; color: #000000; float: left; font-size: 16px; font-weight: bold; height: 30px; margin: 10px 12px 0; padding: 0; width: 31px; } #contform input[type="reset"] { background:url(../images/torol.png) no-repeat @zold; border-bottom: 1px solid #999999; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; color: #000000; float: left; font-size: 16px; font-weight: bold; height: 30px; margin: 10px 12px 0; padding: 0; width: 31px; text-indent: 50px; } #fulke { background: url(../images/postalada.png) no-repeat scroll 0 0 transparent; display: block; float: right; height: 221px; left: 460px; position: absolute; top: 35px; width: 170px; } /* #telform input[type="reset"] { background:url(../images/torol.png) no-repeat @zold; border-bottom: 1px solid #999999; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; color: #000000; float: left; font-size: 16px; font-weight: bold; height: 30px; margin: 0 0 0 3px; padding: 0; width: 31px; text-indent: 50px; } */ /* #telform input[type="image"]{ height: 86px; left: 258px; padding: 0; position: relative; top: -149px; width: 83px; } */ #gombok2 { background: none repeat scroll 0 0 #FF344E; height: 25px; left: 251px; padding: 3px; position: absolute; top: 60px; width: 70px; } #tel_gomb { width: 70px; } #mikor { color: #000000; display: block; font-family: sans-serif; font-size: 35px; font-weight: 900; left: 25px; line-height: 27px; position: absolute; top: 302px; } #terkep { height: 469px; left: 359px; position: absolute; top: 42px; width: 320px; border: 1px solid #999; } #telform label { background-color: @zold; border-bottom: 1px solid #999999; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; color: #000000; display: block; float: left; height: 30px; width: 31px; } #telform label.error { display: none; visibility: hidden; background-color: transparent; border-bottom: 0px solid #999999; box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1) inset; color: red; float: none; position: relative; top:-23px; left: 60px; height: 0px; width: 200px; } input#t1.error { border-color:red; border-style:solid; border-width:2px; position: relative; height: 27px; width: 218px; left: -31px; padding: 0 0 0 41px; } label.error2 { visibility: hidden; } input#t2.error { border-color:red; border-style:solid; border-width:2px; position: relative; height: 27px; left: -31px; padding: 0 0 0 41px; } .tel_nev { background: none repeat scroll 0 0 transparent; border-bottom: 1px solid #999999; border-right: 1px solid #999999; border-top: medium none; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset; display: block; font-family: trebuchet MS; font-size: 16px; height: 30px; margin: 0 0 0px 0px; padding: 0 0 0 10px; width: 220px; } .tel_szam { background: none repeat scroll 0 0 transparent; border-bottom: 1px solid #999999; border-right: 1px solid #999999; border-top: medium none; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset; display: block; font-family: trebuchet MS; font-size: 16px; height: 30px; margin: 0 0 0px 0px; padding: 0 0 0 10px; width: 150px; } #gombok { display: block; height: 53px; left: 209px; margin: 0; position: relative; top: 0; width: 125px; } #tel { float: left; height: 178px; left: 18px; padding: 14px 0 0 17px; position: absolute; top: 332px; width: 305px; } /* #telform { height: 180px; } */ #radiobutton { height: 85px; } #radiobutton label { height: 2px; } #idopont, #munkanap, #napok { display: block; height: 27px; margin: 0 0 0 7px; width: 328px; } #idopont input { background: none repeat scroll 0 0 transparent; border-bottom: 0 none; border-right: 0 none; display: inline; float: left; height: 16px; margin: 0 4px 0 0; width: 16px; } #idopont label { background: none repeat scroll 0 0 transparent; border: 0 none; box-shadow: 0 0 0 transparent; color: #000000; line-height: 16px; margin: 0 20px 0 0; width: 38px; } #munkanap input { background: none repeat scroll 0 0 transparent; border-bottom: 0 none; border-right: 0 none; display: inline; float: left; height: 16px; margin: 0 4px 0 0; width: 16px; } #munkanap label { background: none repeat scroll 0 0 transparent; border: 0 none; box-shadow: 0 0 0 transparent; color: #000000; margin: 0 20px 0 0; line-height: 16px; } #napok input { background: none repeat scroll 0 0 transparent; border-bottom: 0 none; border-right: 0 none; display: inline; float: left; height: 16px; margin: 0 4px 0 0; width: 16px; } #napok label { background: none repeat scroll 0 0 transparent; border: 0 none; box-shadow: 0 0 0 transparent; color: #000000; margin: 0 1px 0 0; line-height: 16px; width: 25px; } /* ---------------- contanct form vége --------------- */ #negyzet_ma{ position:relative; top: 0px; left: 5px; display: block; width: 26px; height: 26px; background-color: @sarga; } /* ******************************************************************************************************* */ .kwicks { /* recommended styles for kwicks ul container */ list-style: none; position: relative; margin: 0; padding: 0; } .kwicks li{ /* these are required, but the values are up to you (must be pixel) */ width: 120px; height: 250px; /*do not change these */ display: block; overflow: hidden; padding: 0; /* if you need padding, do so with an inner div (or implement your own box-model hack) */ } .kwicks.horizontal li { /* This is optional and will be disregarded by the script. However, it should be provided for non-JS enabled browsers. */ margin-right: 5px; /*Set to same as spacing option. */ float: left; } .kwicks.vertical li{ /* This is optional and will be disregarded by the script. However, it should be provided for non-JS enabled browsers. */ margin-bottom: 5px; /*Set to same as spacing option. */ } .kwicksA { /* recommended styles for kwicks ul container */ list-style: none; position: relative; margin: 0; padding: 0; } .kwicksA li{ /* these are required, but the values are up to you (must be pixel) */ width: 550px; height: 30px; /*do not change these */ display: block; overflow: hidden; padding: 0; /* if you need padding, do so with an inner div (or implement your own box-model hack) */ } .kwicksA.horizontal li { /* This is optional and will be disregarded by the script. However, it should be provided for non-JS enabled browsers. */ margin-right: 15px; /*Set to same as spacing option. */ float: left; } .kwicksA.vertical li{ /* This is optional and will be disregarded by the script. However, it should be provided for non-JS enabled browsers. */ margin-bottom: 10px; /*Set to same as spacing option. */ } #kwick_1 { background-color: #53b388; } #kwick_2 { background-color: #5a69a9; } #kwick_3 { background-color: #c26468; } #kwick_4 { background-color: #bf7cc7; } #kwick_5 { background-color: #999; } .kwicks.horizontal #kwick_5 { margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */ } .kwicks.vertical #kwick_5 { margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */ } #kwick_11 { background-color: #53b388; } #kwick_12 { background-color: #5a69a9; } #kwick_13 { background-color: #c26468; } #kwick_14 { background-color: #bf7cc7; } #kwick_15 { background-color: #999; } .kwicksA.horizontal #kwick_15 { margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */ } .kwicksA.vertical #kwick_15 { margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */ } .khover { color:white; width: 263px; display: block; } .khover:hover { color:black; } .media_text { font-family: Trebuchet MS,sans-serif; font-size: 14px; line-height: 19px; padding: 2px 0 0; text-align: justify; } #kwick_cont { display: block; height: 216px; margin: 0 0 0 22px; overflow: hidden; width: 620px; } .sajtoszolg { background:url(../images/sajtoszolg.png) no-repeat; } .no-scroll { overflow: hidden; } .lila { color:#8f097f; } .kek { color: #1504a3; } .barna { color: #a75f1f; } .indent1 { margin-left: 15px; } .indent2 { margin-left: 30px; } .lila, .kek, .barna { font-family: Courier New, Courier New, monospace; font-weight: bold; font-size: 15px; } .sz { font-family: Courier New,Courier New,monospace; font-size: 17px; font-weight: normal; letter-spacing: -1px; line-height: 27px; } #kukac { color: #000000; display: block; font-family: Arial Black,Arial Black,Gadget,sans-serif; font-size: 382px; font-weight: bold; left: 439px; position: absolute; top: 215px; }