@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,700|Oswald:300,400,700'; /* font-family: 'Open Sans', sans-serif; font-family: 'Oswald', sans-serif; */ /* MAIN */ @color1: #E94E1B; @color2: #64A846; @colorbg1: #f4f4f4; @colorbg2: #222; @colorbg3: fefefe; body { /* background: url("../images/bg.jpg"); background-position: 0% 0%; background-size: cover; background-attachment:fixed; */ background: @colorbg3; position: relative; font-size: 14px; line-height: 28px; font-family: 'Open Sans', sans-serif; font-weight:400; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { /* width: 1140px; */} a{ color: @color1; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; outline: none !important; } a:hover{ text-decoration:none; color: darken(@color1, 20%);} p { margin: 10px 0; } .item p, .items-leading p{ margin: 0px 0px 0px 0px; } /* HEADERS */ .page-header{ margin:10px auto;} h1{ font-size: 36px; text-align: center; color: @color2; text-transform:uppercase; margin-top: 8px; font-weight:bolder; } h1:before { /* content: url("../images/smile-ico.png");} */ } h2, h2 a{ padding:2px 0px; color: @color1; font-size: 22px; text-transform:uppercase; font-weight:700; margin:15px 0px; text-align:left; clear:both; border:none; } .page-header { margin:2px 0; padding:2px 0;} .page-header h2, .page-header h2a{ margin: 2px 0px; } h3{ font-size: 18px; text-transform:uppercase; line-height: 28px; color: #111; font-weight:700; clear:both; } .moduletable h3{ text-align:center; font-size: 20px; } article ul li{ padding:6px; line-height:14px;} .article-info-term{ display:none;} /* Header */ #header { background-color: @colorbg1; padding: 0px 0 0px; top: 0; left: 0; width: 100%; border-bottom: 1px solid #d7d7d7; } #header p{ padding:0; margin:0;} .logo{ -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; padding:0px; margin:5px 0px;} .detached img { max-width: 80%; } nav{ width:100%; text-align:right; color:#FFFFFF; font-size:16px; overflow:hidden;} .dodatki{ width:100%; padding:2px; text-align:right; color:#FFFFFF; font-size:16px;} .social{ color:#bbb; width:100%; text-align:right; } .social .btn-default{ padding:5px;} .detached .social .btn-default{ padding:5px;} .social a{ padding:2px; font-size:18px;} .social img{ max-width:50px; padding-left:5px; margin-top:5px; margin-bottom:0px; transition: all 0.2s ease-out 0s;} .social img:hover{ margin-top:0px; margin-bottom:5px;} nav ul { float: right; margin: 10px 0 0; padding:0px; } .menu { li { list-style-type: none; float: left;} li a { font-weight:300; color:#333; font-size: 18px; text-transform: uppercase; margin-top:3px; margin-bottom:0px; padding:10px;} li a:hover{ background-color: @color1; color:#FFF; margin-top:0px; margin-bottom:3px;} li a:active{ background-color: @color2; color:#F00; margin-top:0px; margin-bottom:3px;} li.current a{ color: @color1; } li.current a:hover{ color:#fff;} } .detached .menu li a{ font-size: 14px; } /* SLIDER */ #slider { /* background: url("../images/sliderbg.jpg");*/ min-height:20px; overflow:hidden; } #slider .moduletable{ padding-bottom:10px; } /* LOGASY */ #logasy { background-color: #EFEFEF; min-height:10px; overflow:hidden; } #slider .moduletable{ margin-bottom:0px; } /* SRODEK */ article p { text-align:justify; } .item{ overflow:hidden;} .published { font-size:80%;} .readmore { float:left;} .readmore a{ background-color: @color1; border-radius: 0px; color: #fff !important; font-size: 12px; margin-top: 5px; padding: 3px 6px; border-radius:5px; text-transform:uppercase; } .readmore a:hover{ background-color: darken(@color1, 10%); color: #fff !important; } /* FOOTER */ #footer { background-color: @colorbg1; color: #555; padding:10px 0px; } #footer p { text-align:center; margin: 10px 0;} /* zdjęcia */ img { border: 0 none; height: auto; max-width: 100%; vertical-align: middle; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } article img:hover{ opacity:0.7; } .item-page img{ margin-right:15px; margin-bottom:5px; } .item-image{ overflow:hidden; margin-right:12px; margin-bottom:12px; width:25%; } .items-leading { border:1px solid @color1; border-radius:5px; padding:10px;} .item:hover .item-image img{ transform: scale(1.2) rotate(5deg); } .item{ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; padding:10px; border:1px solid #eee; margin:10px 0px; border-radius:5px; } .item:hover { background:@colorbg1; border:1px solid #ccc; } /* media queries */ @media (min-width: 1140px) { .menu a:link, .menu a:visited{ } .zatr-menu-opener{ display:none;} #header nav ul { margin-left: 25px; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 1170px; } } @media (min-width: 980px) and (max-width: 1139px) { .menu li a{ font-size: 15px; } .zatr-menu-opener{ display:none;} .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 970px; } #header nav ul{ float:right;} } @media (min-width: 768px) and (max-width: 979px) { .menu li a{ font-size: 15px; } h1{ font-size:25px;} .zatr-menu-opener{ display:none;} #header nav ul { margin-left: 20px; } #header .logo{ display:block; margin-left:auto; margin-right:auto; text-align:center;} #header nav ul{ float:left;} } @media (max-width: 767px) { #pwebfblikebox107{ display:none;} .blog .item img, .blog-featured img{ width:100%; } h1{ font-size:26px;} .social{ text-align:center; font-size:15px;} body { padding: 0; } #header { position: relative; padding-bottom:10px; } #header .logo{ display:block; margin-left:auto; margin-right:auto; text-align:center;} #header nav { display: none; } .container { margin: 0 20px; } #copyright p span{ float:left;} #scrollToTop{ display:none;} } @media (max-width: 480px) { #pwebfblikebox107{ display:none;} .blog .item img, .blog-featured img{ width:100%;} #slider { display:none;} #header { padding-bottom: 15px; padding-top: 10px; } .container { margin: 0 10px; } #scrollToTop{ display:none;} #copyright p span{ float:left; width:100%;} .custom-copyrigt{ margin:0 auto; text-align:center;} #scrollToTop{ display:none;} .item img{ } .position-2 img{ display:none; } } .table td{ vertical-align: top !important;} .zatr-menu-opener { } tp-caption large_text{ border-style: none; border-width: 0; color: #34a2d0; font-size: 50px; letter-spacing: -1.5px; line-height: 36px; margin: 0; padding: 1px 4px 0; position: absolute; text-shadow: 5px 5px 10px #000000;} .nn_tooltips-link{ border:none;} #ca_banner h2{ text-align:center;} .categories-list a{ font-size:140%; } small, .small { font-size: 120%; } dl { margin-bottom: 5px !important; margin-top: 5px !important; } /*.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border-top: 0px solid #ddd;}*/ .item-page ul, .iteam-page table{ clear:both;} /* BOX */ .box{ /* background-color:#f4f4f4; border:solid 1px #ddd; box-shadow: 0 0 5px 2px #eee;*/ margin:20px 0px; padding:5px; } a .box h2 { text-align:center; margin:2px; font-size:18px; color:@color1; font-weight:700; height:50px; } .box ul { margin:0px; } a .box p, a .box ul li{ font-size:14px; line-height:18px; text-align:left; color:#7E7E7E; -webkit-transition: all 2s ease-out 0s; -moz-transition: all 2s ease-out 0s; -ms-transition: all 2s ease-out 0s; -o-transition: all 2s ease-out 0s; transition: all 2s ease-out 0s} .box img{ border-radius:0px; margin:0px; -webkit-transition: all 2s ease-out 0s; -moz-transition: all 2s ease-out 0s; -ms-transition: all 2s ease-out 0s; -o-transition: all 2s ease-out 0s; transition: all 2s ease-out 0s } .maska{ position:absolute; width:100%; height:100%; background: url("http://strefagps.pl/images/kafelki/maska.png"); background-position: 0% 0%; background-size: cover; z-index:15;} .zoom { position:relative; border-radius:0px; overflow: hidden; z-index: 10;} .box:hover{ /* background-color:#fafafa; */ box-shadow: 0 0 5px 2px #eee;} .box:hover img{ transform: scale(1.20); opacity:0.7; } .box:hover .maska{ } .box:hover h2 a{ color:@color1; } a .box:hover p, a .box:hover ul li{ font-size:14px; line-height:18px; text-align:left; color:#444;} .sticky { z-index: 20; } /* FORMULARZE I BUTTONY */ .wyslijsrodek{ text-align:right; padding-right:15px;} .btn{ transition: all .3s ease-out; background-color: @color1; border-color:darken(@color1, 20%); color: #fff; } .btn:hover{ background-color: darken(@color1, 10%); color: #fff; } .form-horizontal .control-label { margin-bottom: 0; padding-top: 7px; text-align: left; } .mapprint{ display:none;} label { display: inline-block; font-weight: 300; margin-bottom: 5px; max-width: 100%; } .form-horizontal .control-label { margin-bottom: 0; padding-top: 7px; text-align: right; } .g-recaptcha{ text-align:right;} #section1, #section2{ padding-top:50px;} .wizweb-popup .wizweb-popup-main{ height: 300px }