* { box-sizing: border-box;} html { font-size: 1em; font-family: 'Oswald'; background-color: #fff; color: #d9d9d9;} h1 { color:#fff; text-shadow: 0 0 20px #000; font-size:50px; margin:5px 0; } h2.naglowek, h3.naglowek{font-size:50px;} .naglow2, h2.naglow2, h3.naglow2 {font-size:33px;} .r_lewo{ text-align:left; padding-left:20px; } body { margin: 0; } h2 {margin: 0; font-size: 3em;} .usluga{float:left;width:690px;margin:0 0 20px 0;padding:2px 15px 2px 5px;font-size:14px; text-align:justify;} .cena {float:left;width:60px;margin:0 0 10px 0;padding:2px 0px 2px 0px;text-align:right;font-size:14px;color:#DD4C39;text-shadow:none;} .cena a{color:#DD4C39;} .bcgnieb{background-color:#4EAFD7;} .bcgsz{background: #333;} header {text-align: center; height: auto; padding: 20px 0 20px;} header img {max-width: 400px;} .separator { font-size: 1.6em; padding: 2.6em 0; text-align: center; background: #333; } .kursywa{font-style:italic;} .form_brief textarea{height:150px;max-width:768px;width:85%} .bg1 { background-color: #4EAFD7; padding-top:10px; } .bg2 { background-color: #4EAFD7; padding-top:50px; } .bg3 { background-color: #4EAFD7; padding-top:10px; } .bg4 { background-color: #fff; background-image: url("/layout/img/bg4.jpg"); } .content { color: #fff; min-height: 650px; height:auto; text-align: center; text-shadow: 0 0 20px #000; font-size: 1.8em; } .content p{ margin:0; padding:10px 0; } .tlsz{ width:100%; background: #333; color: #fff; min-height:100px; text-align: center; text-shadow: 0 0 20px #000; font-size: 1.8em; padding:15px; height:auto; } .tlnieb{ background-color: #4EAFD7; color: #fff; min-height:100px; height:auto; text-align: center; text-shadow: 0 0 20px #000; font-size: 1.8em; padding:15px; } .gora { padding:0px 50px; width:100%; background-color:#4EAFD7; z-index:999999; position:relative; height:95px; } .head_menu { padding-top:0px;margin-top:0px; height:95px; } .logo { float:left; display:inline; height:50px; padding:20px 35px 0 0; position:relative; display:block;z-index:999999999; } .logo a{ height:50px; color:#fdfdfd; text-decoration:none; } .logo a:hover{ text-decoration:underline; } .logo a img { margin-right:25px; float:left; } .logo a p{ margin:0; vertical-align:middle; float:left; } .logrej{ float:right; background-color:#4EAFD7; height:50px; padding:0 15px; } .logrej ul li{ display:inline; float:left; } .logrej ul li a{ color:#fdfdfd; text-decoration:none; } .logrej ul li a:hover{ color:#fdfdfd; text-decoration:underline; } .menu_gorne{ display:inline; float:left; text-align: left; overflow: hidden; } .logowanie_rejestracja{ margin:0; padding:0; } .logowanie_rejestracja li{ margin:12px auto auto auto; } ul.menu_gorne li { list-style-type: none; float: left; margin-left: 3px; } ul.menu_gorne li:hover { list-style-type: none; float: left; background: #4EAFD7; margin-left: 3px; } ul.menu_gorne li a { display : block; padding : 4pt; text-decoration : none; color:#fdfdfd; } ul.menu_gorne li li a { width: 160px; } ul.menu_gorne li li:hover { background: white; } ul.menu_gorne li li:hover a { color:#333; } ul.menu_gorne li ul { overflow: hidden; display: none; } ul.menu_gorne li:hover ul { position: absolute; background: #4EAFD7; padding: 0; display: block; width: 160px; } .box_all{ margin:40px auto 25px auto !important; color:#333; margin:0 auto; width:902px; border:1px solid #4EAFD7; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; min-height:480px; height:auto;} .box_all h1{ color:#fff; background:#4EAFD7; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:0; padding:0 25px; } .lewa_pol{ float:left; margin:10px 25px 10px 25px; width:300px; } .prawa_pol{ float:left; margin:10px 25px 10px 25px; width:500px; } .lewa_pol2{ float:left; margin:10px 25px 10px 0px; width:400px; display:inline; } .lewa_pol3{ width:400px; color:#fff; display:inline; float:left; } .prawa_pol2{ float:left; margin:10px 0px 10px 0px; padding:35px 0 0 0; width:300px; display:inline; } /*.prawa_pol3{ float:none; margin:10px 0px 10px 0px; padding:0; width:auto; display:block; }*/ .prawa_pol3{ float:left; margin:10px 0px 10px 0px; padding:15px 0 0 0; width:300px; display:inline; } .mapa_g{width:300px; height:300px;} h3.info { background:#4EAFD7; color:#fff; padding:5px 25px; margin:0; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .info_box { border:1px solid #4EAFD7; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .resp_rozw { top:-15px; margin-left:15px; position:relative; } div.error{ padding:5px 15px; } .error_border { border:1px solid #ff0000; } .error_border:focus { border:1px solid #ff0000 !important; } .error_color { color:#ff0000; } img.kolo { border-radius:100px; border:6px solid #fff; margin-right:45px; } img.kolo_duze{ border-radius:150px; border:6px solid #fff; margin-right:45px; } img.kolo_male{ border-radius:60px; border:6px solid #fff; margin-right:45px; background-color:#fff; } .okolo{ display:inline; float:left; width:250px;} .okolo p{ margin-right:45px; } .center{ text-align:center; margin:0 auto; width:791px; display:block; } .lista{ font-size:14px; list-style-type:disc; display:block; text-align:left; width:400px; margin-right:35px; } .nomargin {margin-top:0; } .f_kontakt input { display:block; width:700px; font-size:22px; line-height:48px; font-family:Oswald; border-top:none; border-left:none; border-right:none; border-bottom:1px solid #E2E3EA; background-color: #4EAFD7; color:#fff; } .f_kontakt textarea{ width:700px; height:235px; font-size:22px; line-height:48px; font-family:Oswald; background-color: #4EAFD7; border-top:none; border-left:none; border-right:none; border-bottom:1px solid #E2E3EA; margin-top:0; margin-left:-6px; color:#fff; } .f_kontakt{ width:710px; margin:10px auto; font-family:Oswald; background-color: #4EAFD7; } .but_wyslij { width:170px !important; height:46px !important; background-color: #4EAFD7 !important; color:#ddd !important; text-align:center; margin:5px auto 0px auto; border:1px solid #ddd !important; border-radius:15px; } .but_wyslij:hover { color:#fff !important; border:1px solid #fff !important; } .footer{ background-color:#333333; margin:0px auto; padding:15px 0; width:100%} .copy{ width:710px; margin:0px auto; } ::-webkit-input-placeholder { color: #ddd; } :-moz-placeholder { color: #ddd; } ::-moz-placeholder { color: #ddd; } :-ms-input-placeholder { color: #ddd; } .clr { clear:both; } .bbord{ border:5px solid #fff; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:110px 0 0 55px; display:block; } iframe{ border:5px solid #fff; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:15px 0 0 55px; display:block; } .txtj { text-align:justify; font-size:22px; } .txtj h4{ font-size:29px; } .marz{ margin:0; padding:0; } .mt0{margin-top:0;} .mt10{margin-top:10px;} .linktxt { color:#fff; } .linktxt:hover { color:#ccc; } .srodek { text-align:center; vertical-align:center; margin:0 auto; } .srodek .kolo_male, .srodek .kolo_duze { margin:0; } .bezpodkr { text-decoration:none; } .bezpodkr:hover { text-decoration:underline; } .f_lew{float:left; display:inline;} .imgfaq{margin:30px 25px 10px 0; float:left; display:inline;} .mb10{margin-bottom:10px;} .container { width:960px; margin:10px auto; } nav {margin:0px 0; padding-top:25px; background:#4EAFD7;} nav.show {display:block;} .btn { display: block; float:left; position:relative; padding:5px 8px; margin-right: 5px; border-radius:5px; color:white; text-align: center; text-decoration: none; } /*.btn:hover {box-shadow:2px 2px 15px rgba(50, 50, 50, 0.47) inset;}*/ .btn:active {top:2px;} .btn.hide {display:none;} .btn.open-menu {display:none;} /* .btn2 { } .btn2:hover {} .btn2:active {} */ .btn2.hide {display:none;} .btn2.open-menu {display:none;} article { background:#fff; border-radius:5px; padding:10px; margin:10px 0; box-shadow:1px 1px 13px rgba(245, 201, 196, 0.58); } h1 {padding:10px 0;} p + p {padding-top:10px;} .clearfix:after { content: ""; display: table; clear: both; } .logrej{ background:#4EAFD7; } .logrej .btn{ float:right; background:#4EAFD7; } .komentarze{font-size:12px;} .komentarze input{width:600px; margin-bottom:5px;} .komentarze select{margin-bottom:5px} .komentarze textarea{width:600px; height:150px;resize: none;} .ZgodaMarketingowa{font-size:12px; text-align:left;} .ZgodaMarketingowa input, .ZgodaMarketingowa label{display:inline; width:auto;} .error{color:#990000;font-size:12px;text-shadow:none;} /*@MEDIA*/ @media only screen and (max-width: 960px) { .container {width:100%;} nav { display:none; position:absolute; margin:0; top:0; width:150px; right:10px; background:#fff; padding:0px 0; border:3px solid #fff; z-index:999999999; } .usluga{float:none;width:auto;margin:0 0 20px 0;padding:2px 15px 2px 5px; text-align:justify; font-size:20px;} .cena {float:none;width:auto;margin:0 5px 10px 0;padding:2px 0px 2px 0px;text-align:right;font-size:14px;color:#DD4C39;text-shadow:none; font-size:20px;} .cena a{color:#DD4C39; font-size:25px;} .bcgnieb{background-color:#4EAFD7;} .bcgsz{background: #333;} .mapa_g{width:auto; height:300px; margin:0;border:none;} .pad0{padding:15px 0;} .btn { width:100%; float:none; padding:20px 0; margin:0px 0px 5px 0; border-radius:0; font-size:16px; display: block; position:relative; color:white; text-align: center; text-decoration: none; background: #4EAFD7; /* Old browsers */ background: -moz-linear-gradient(top, #4EAFD7 0%, #4EAFD7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4EAFD7), color-stop(100%,#4EAFD7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4EAFD7 0%,#4EAFD7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4EAFD7 0%,#4EAFD7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4EAFD7 0%,#4EAFD7 100%); /* IE10+ */ background: linear-gradient(to bottom, #4EAFD7 0%,#4EAFD7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4EAFD7 ', endColorstr='#4EAFD7',GradientType=0 ); /* IE6-9 */ } .btn.hide {display:block;} .btn.open-menu {display:block; margin-left:20px;} .btn3 { width:100%; float:none; padding:20px 0; margin:0px 0px 5px 0; border-radius:0; display: block; position:relative; color:white; text-align: center; text-decoration: none; background: #4EAFD7; /* Old browsers */ background: -moz-linear-gradient(top, #4EAFD7 0%, #4EAFD7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4EAFD7), color-stop(100%,#4EAFD7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4EAFD7 0%,#4EAFD7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4EAFD7 0%,#4EAFD7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4EAFD7 0%,#4EAFD7 100%); /* IE10+ */ background: linear-gradient(to bottom, #4EAFD7 0%,#4EAFD7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4EAFD7 ', endColorstr='#4EAFD7',GradientType=0 ); /* IE6-9 */ } .btn3.hide {display:block;} .btn3.open-menu {display:block; margin-left:20px;} h2 { font-size:30px; } .okolo{ display:inline; margin-right:20px; text-align:center; width:200px; } .kolo{!important; width:200px;margin:0 auto;} .center{ width:auto;margin:0 auto;text-align:center;display:block;min-width:300px; } .lewa_pol2 { float:none; display:block; width:auto; } .prawa_pol { float:none; display:block; width:auto; } .lista { width:auto; font-size:20px; } .copy { width:auto; } .kolo_duze { float:none; display:block; } .f_kontakt { width:auto; margin:0 auto; } .f_kontakt input { width:auto; min-width:250px; margin:0 auto; } .f_kontakt textarea{ width:auto; min-width:250px; } .bbord{ margin:5px auto; } .komentarze input{width:100%; margin-bottom:5px;} .komentarze textarea{width:100%; height:50px;resize: none;} .postBImg img{max-width:100%;} /*table.tabelaSr tr td{font-size:13px;}*/ } /* koniec mobilnej wersji */ .btn2 { width:100%; float:none; padding:20px 0; margin:5px 0; border-radius:0; } .btn2.hide {display:block;} .btn2.open-menu {display:block;} .logrej{ width:100%; float:none; /*background:#fff; */ margin:0; padding:0; } a.kotwicacelhx, a.kotwicacelhx:hover{color:#000;text-decoration:none;} /*.blogart .contentBlog h4 a.kotwicacelhx, .blogart .contentBlog h4 a.kotwicacelhx:hover{color:#000;text-decoration:none;} .kotwicacelhx, .kotwicacelhx:hover{color:#000 !important;text-decoration:none !important;}*/ .titlePost a{display:block;text-align:left;margin:10px auto;color:#fff;border-bottom:1px solid #ccc;padding-bottom:10px;} .titlePost a:hover{color:#ccc;} .postImg{float:left;margin-right:30px;width:300px;} .postBImg img{display:block;margin:15px auto;} .postDesc{float:left:margin:0;width:auto;text-align:justify;} .post{border-bottom:1px solid #ccc;} .postFull{text-align:justify;} .tabelaSr{margin:0 auto;border:1px solid #ccc;} .tabelaSr tr td{text-align:center;padding:2px auto;border:1px solid #ccc;} .legenda, .tabelaSr tr:hover{color:#000;background:#fff;} .tabelaSr tr:hover .linktxt{color:#000;} .dataPubl{text-align:right;font-size:12px;} /* artykuł na blogu */ .blogart{width:1024px; background-color:#fff;color:#000;margin:0px auto;display:block; padding:15px 30px;word-wrap:break-word;} .blogart{text-align:justify;} .blogart a{text-decoration:underline;color:#333;} .blogart a:hover{color:#666;} .blogart .headerBlog h1 {color:#000;text-shadow:none;} .blogart .contentBlog h2, .blogart .contentBlog h3, .blogart .contentBlog h4, .blogart .contentBlog h5, .blogart .contentBlog h6{font-size:48px; font-family:Oswald;padding:5px 0; margin:0;} .blogart .contentBlog, .komentarze{line-height:1.5; font-family:arial;} .blogart .dataPubl{text-align:left;font-size:12px;font-family:arial;} .blogart .contentBlog .komentarze input{width:100%; margin-bottom:5px; color:#333;} .blogart .contentBlog .komentarze textarea{width:100%; height:50px;resize: none; color:#333;} .blogart .contentBlog .komentarze ::placeholder, .blogart .contentBlog .komentarze ::-webkit-input-placeholder{color:#333;} .blogart .komentarze form{max-width:600px;} .blogart .message {font-weight:bold; font-size: 14px;} .blogart .legenda, .blogart .tabelaSr tr:hover{color:#ccc;background:#333;} .blogart .contentBlog div table.tabelaSr tr:hover td a, table.tabelaSr tr:hover td a{color:#fff !important;} .blogart .ciekawostka{background-color:#4EAFD7; padding: 15px 15px 15px 30px; color:#fff;} .code{font-family:consolas;} .blogart .contentBlog img{border: 1px solid #333;} h2 .linkKotwica, h3 .linkKotwica, h4 .linkKotwica, h5 .linkKotwica, h6 .linkKotwica, h2 .linkKotwica:hover, h3 .linkKotwica:hover, h4 .linkKotwica:hover, h5 .linkKotwica:hover, h6 .linkKotwica:hover{text-decoration:none;color:#000;} .postBlog{margin:0;padding:0;} .google-auto-placed iframe{margin-left:0;} .bcgWh{background:#fff;} .bcgGr{background:#ccc;} @media only screen and (max-width: 1023px) { .blogart{width:auto;} .foto_mobile{width: calc(100% - 100px); min-width:300px;} } @media only screen and (max-width: 685px) { h1, h2, h3, h4, h5, h6 {text-align:left;} } @media only screen and (max-width: 650px) { th.legenda td{writing-mode: vertical-lr; text-orientation: upright; overflow-x:auto;} /*word-wrap:break-word; width:14px;line-height:20px; text-align:center; padding:5px;display:block;*/ } .greentxt{font-weight:bold;color:green !important;} /* koniec artykuł na blogu */