/* $ css/master.css | 2014/05/19 22:32 | 2014/07/08 08:19 $ $ http://www.kaszakft.hu/ $ $ $ ---------------------------------------------------------$ $ colors: $ ---------------------------------------------------------$ $ blue 1(bg) - #064d89 $ blue 2(h2|h3) - #003e69 $ blue 3(footer) - #9bb5c8 $ grey 1(text) - #6c6f73 $ red 1(menu actual) - #b21818 $ red 2(a:hover) - #ef9999 $ ---------------------------------------------------------$ */ /* GENERAL ----------------------------------------------------------------------------------------------------------------------------- */ @import url(http://fonts.googleapis.com/css?family=Roboto|Roboto+Slab:400,700); *{margin:0;padding:0} a{text-decoration:none;outline:none} html{float:left;width:100%;height:100%;background:#064d89 url(/media/images/bg.jpg) no-repeat center 0} body{float:left;width:100%;height:100%;color:#fff;font:normal 400 14px/20px 'Roboto',sans-serif} .last a{padding-right:0!important;border:none!important;background:none!important} .first{padding-left:0!important} input,textarea,select{outline:none!important;resize:none!important} .container{width:960px;margin:0 auto} /* HEADER ----------------------------------------------------------------------------------------------------------------------------- */ .header{float:left;width:960px;height:557px;padding-top:40px;position:relative;overflow:hidden} .menu{float:left;width:960px;height:50px;background-color:#fff;list-style-type:none} .menu li{float:left;font-size:16px} .menu a{display:block;padding:15px 25px;color:#000;background:url(/media/images/menu.gif) no-repeat right center} .menu .actual,.menu a:hover{color:#b21818!important} .header form{width:230px;height:47px;padding:13px 0 0 50px;background:url(/media/images/sprite.png) no-repeat 0 0;position:absolute;top:30px;right:0} #search{float:left;width:143px;padding:8px 10px;color:#b21818;font-family:'Roboto';background:url(/media/images/sprite.png) no-repeat 0 -60px;border:none} #btnSearch{float:left;width:57px;height:34px;background:url(/media/images/sprite.png) no-repeat -163px -60px;border:none;cursor:pointer} #btnSearch:hover{background:url(/media/images/sprite.png) no-repeat -220px -60px} .wrapperSlider{float:left;width:960px;position:relative} .wrapperSlider img{float:left;width:960px;height:440px;position:absolute;top:0;left:0;z-index:1} .topLine{width:960px;height:85px;background-color:rgba(178,24,24,.75);position:absolute;top:0;left:0;z-index:200} .logo{float:left;display:block;width:121px;height:85px;background:url(/media/images/sprite.png) no-repeat -280px 0;text-indent:-50000px} /*.logo:hover{background:url(/media/images/sprite.png) no-repeat -401px 0}*/ h1{float:left;width:270px;padding:12px 0;font-size:22px;font-family:'Roboto Slab',sans-serif;font-weight:700} h1 a{display:block;color:#fff} h1 a:hover{color:#ef9999} h1 span{font-size:14px;line-height:12px;font-weight:400} .contact{float:right;width:220px;height:65px;padding:20px 20px 0 0;color:#fff;line-height:22px;font-family:'Roboto Slab',sans-serif;font-size:24px;font-weight:700;text-align:right;background:url(/media/images/contact.png) no-repeat 0 18px} .contact a{color:#fff;font-size:16px;font-weight:400} .contact a:hover{color:#ef9999} .wrapperSlider h2{padding:6px;font-size:34px;font-family:'Roboto Slab',sans-serif;line-height:30px;background-color:#003e69;text-transform:uppercase} .wrapperSlider h3{float:left;padding:6px;font-size:25px;margin-top:2px;font-weight:400;background-color:#003e69;text-transform:none} .nivo-directionNav{width:60px;height:49px;padding:38px 60px 0 60px;background:url(/media/images/sprite.png) no-repeat -522px 0;position:absolute;top:366px;left:390px;z-index:200} .nivo-directionNav a{float:left;display:block;width:30px;height:27px;text-indent:-50000px;cursor:pointer} .nivo-prevNav{background:url(/media/images/sprite.png) no-repeat -702px 0} .nivo-prevNav:hover{background:url(/media/images/sprite.png) no-repeat -702px -27px} .nivo-nextNav{background:url(/media/images/sprite.png) no-repeat -732px 0} .nivo-nextNav:hover{background:url(/media/images/sprite.png) no-repeat -732px -27px} .breadcrumbs{width:720px;padding-bottom:6px;list-style-type:none;position:absolute;bottom:10px;right:0;border-bottom:1px solid #6fa1c0} .breadcrumbs li{float:left;padding-right:15px} .breadcrumbs a{color:#fff} .breadcrumbs a:hover{color:#6eabd3} .separator{float:left;width:17px;background:url(/media/images/breadcrumbs.gif) no-repeat 0 8px} .nivoSlider{position:relative;width:100%;height:auto} .nivoSlider img{position:absolute;top:0;left:0;max-width:none} .nivo-main-image{display:block !important;position:relative !important;width:100% !important} .nivoSlider a.nivo-imageLink{position:absolute;top:0;left:0;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;background:white;filter:alpha(opacity=0);opacity:0} .nivo-slice{display:block;position:absolute;z-index:5;height:100%;top:0} .nivo-box{display:block;position:absolute;z-index:5;overflow:hidden} .nivo-box img{display:block} .nivo-html-caption{display:none} .nivo-prevNav{left:0} .nivo-nextNav{right:0} .nivo-controlNav{width:121px;height:27px;padding:9px 0 0 9px;background:url(/media/images/sprite.png) no-repeat -822px -58px;position:absolute;left:0;bottom:0;z-index:2000} .nivo-controlNav a{float:left;display:block;width:18px;height:19px;margin-right:2px;cursor:pointer;background:url(/media/images/sprite.png) no-repeat -882px 0;text-indent:-50000px} .nivo-controlNav a.active{background:url(/media/images/sprite.png) no-repeat -900px 0;} .nivo-caption{color:#fff;position:absolute;left:10px;top:235px;z-index:200} /* CONTENT ----------------------------------------------------------------------------------------------------------------------------- */ .content{float:left;width:960px} .left h2{display:block;margin-bottom:15px;padding-bottom:10px;color:#fff;font-size:20px;font-family:'Roboto Slab',sans-serif;background:url(/media/images/h2.gif) no-repeat 0 bottom} .content .left{float:left;width:220px;padding:0 10px} .content .right{float:right;width:720px} .content p{padding-bottom:10px} .services ul{float:left;width:220px;margin:0 10px;list-style-type:none} .services li{float:left;width:195px;padding:0 0 10px 25px;background:url(/media/images/list.gif) no-repeat 0 10px} .block{float:left;width:960px;margin-bottom:40px} .bxSlider{float:left;width:720px;height:448px} .bxSlider ul,.products ul{float:left;width:720px;list-style-type:none} .bxSlider li,.products li{float:left;width:240px!important;height:448px;padding:0;color:#6c6f73;text-align:justify} .products li{margin-bottom:30px} /*.bxSlider li img,.products img{float:left;width:240px;height:145px}*/ .bxSlider li h3,.products h3{color:#003e69;font-size:16px;font-family:'Roboto Slab',sans-serif;text-align:left} h3 a{color:#003e69} .productDetails{float:left;width:220px;height:149px;padding:30px 10px 10px 10px;background-color:#fff;position:relative;background:#fff url(/media/images/product.gif) no-repeat right 0} .btnDetails{display:block;width:150px;height:31px;padding:10px 30px 0 0;color:#fff;background:#b21818 url(/media/images/btnDetails.gif) no-repeat 125px 0;text-align:center;position:absolute;bottom:-20px;left:30px} .btnDetails:hover{color:#ef9999;background:#b21818 url(/media/images/btnDetails.gif) no-repeat 125px -38px} #slider-prev,#slider-next{float:left;display:block;width:30px;height:29px} #slider-prev{background:url(/media/images/sprite.png) no-repeat -822px 0} #slider-prev:hover{background:url(/media/images/sprite.png) no-repeat -822px -29px} #slider-next{background:url(/media/images/sprite.png) no-repeat -852px 0} #slider-prev a,#slider-next a{display:block;width:220px;height:40px} #slider-next:hover{background:url(/media/images/sprite.png) no-repeat -852px -29px} .bx-wrapper{width:720px;position:relative;padding:0;*zoom:1} .bx-viewport{float:left;width:720px;height:448px;list-style-type:none} .bx-wrapper .bx-loading{min-height:50px;background:url(/media/images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000} .category{list-style-type:none} .category a{display:block;padding:5px 0;color:#a2c3d9;font-family:'Roboto Slab',sans-serif} .category a:hover,.category .actual{color:#fff} .category .actual{font-weight:700} .category ul{display:block;margin-top:4px;padding:6px 0 10px 20px;list-style-type:none;border-top:1px solid #4785ae} .category ul a{padding:4px 0 4px 25px;font-size:13px} .category ul .actual{background:url(/media/images/subActual.gif) no-repeat 0 center} .category li{position:relative} .category li.almenus > ul{display:none} .category .after{display:block;position:absolute;right:5px;top:0;overflow:hidden;color:#a2c3d9} .category .after.nyitva:before{content:'-'} .category .after.zarva:before{content:'+'} .textContent,.contactContent{width:700px!important;padding:10px;color:#6c6f73;background-color:#fff;text-align:justify} .right h2,.right h3{color:#003e69;font-family:'Roboto Slab',sans-serif} .right h2{padding:0 0 10px 0;font-size:16px} .right h3{padding:15px 0 6px 0;font-size:14px} .textContent ul{margin-bottom:30px;list-style-type:none} .textContent li{padding-left:30px;background:url(/media/images/list2.gif) no-repeat 15px 8px} .textContent a,.contactContent a{color:#b21818;font-weight:600} .textContent a:hover,.contactContent a:hover{text-decoration:underline} #gmap{float:right;width:380px;height:260px} .contactContent p,.contactContent h2{float:left;width:300px} .right form{margin-top:30px} .right form h2{color:#fff} .formLeft{float:left;width:310px} .formRight{float:right;width:390px} .formRight p{float:left;width:100%} form p{float:left;padding-bottom:6px!important;position:relative} form label{color:#6c6f73;position:absolute;top:6px;left:10px} .inputbox{float:left;width:290px;padding:6px 10px;color:#b21818;background-color:#fff;border:none;font-family:'Roboto',sans-serif;font-size:14px} textarea{float:left;width:370px;height:130px;padding:6px 10px;color:#b21818;font-family:'Roboto',sans-serif;font-size:14px;border:none} .btnSubmit{float:right!important;width:180px;height:38px;padding-right:40px;color:#fff;font-family:'Roboto',sans-serif;font-size:13px;background:url(/media/images/sprite.png) no-repeat 0 -94px;cursor:pointer;border:none} .btnSubmit:hover{color:#ef9999;background:url(/media/images/sprite.png) no-repeat -180px -94px} .preBlock{float:left;width:710px;margin-bottom:20px;padding-right:10px;color:#555;background-color:#fff} .preBlock h2{margin-top:10px} .preBlock .kep{float:left;width:240px;height:240px;margin-right:10px;border-right:1px solid #eee; position: relative;} .preBlock .kep img{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);} .datasheet table{float:left;width:100%;margin-bottom:30px;border-collapse:collapse} .tables{float:right;width:700px;padding:10px;background-color:#fff;color:#555} .tables>ul {padding:6px 0 0 40px;margin-bottom:20px} .tables ul ul{list-style-type:disc;margin:10px 0 0 29px;padding:0} .tables ul>li{padding-bottom:6px} .tables table{font-size:12px;line-height:14px} thead th{color:#fff} tbody td,thead th{border:1px solid #ccc} tbody th{background:transparent;border:1px solid #ccc} tbody th div{-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)} tbody th{width:50px} thead{font-family:'Roboto Slab',sans-serif;font-weight:400} th{padding:10px 0;background-color:#166497} td{padding:13px 0;color:#555;text-align:center} td strong{color:#003e69} .gallery{float:left;width:720px;margin:20px 0 0 0} .gallery a{display:inline-block;margin:0 0 10px 0} .gallery a:nth-child(5n+1){margin-left:4px} .document{float:left;width:700px;margin:20px 10px 0 0} .right.alert{margin-top:20px} .right.alert .alert-success{color:#008000} .right.alert .alert-danger{color:#800000} .captcha input {width:140px;margin-right:5px} /* FOOTER ----------------------------------------------------------------------------------------------------------------------------- */ .footer{float:left;width:960px;padding:20px 0 40px 0;color:#9bb5c8;font-size:13px;border-top:2px solid #377196} .footer p{float:left} .footer a{color:#9bb5c8} .footer a:hover{text-decoration:underline} .logoWebline{float:right;display:block;width:120px;height:29px;background:url(/media/images/sprite.png) no-repeat -702px -60px;text-indent:-50000px} .bxSlider .product_a, .products .product_a { display: block; width: 240px; height: 240px; background: #fff; position: relative; } .bxSlider .product_a img, .products .product_a img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }