/* RESET STYLI */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd,
fieldset, form, label, legend {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
vertical-align: baseline;
}
:focus {
outline: 0;
}
body {
line-height: 28px;
color:#343434;
background-color:white;
font-size:15px;
font-family: 'Montserrat', sans-serif;
font-weight:400;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
div, nav, header, footer, input, textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#nav3 {
display:none !important;
}
.rozwin {
display:none;
}
.min-kat {
float:left;
width:33.3%;
height:300px;
outline:1px solid red;
}
.min-kat img {
max-width:100%;
}
.sciezkadiv {
width: 100%;
float:left;
}
.strona {
width: 100%;
border: 0px;
margin:0 auto;
min-width:300px;
max-width: 1510px;
padding: 0px 4%;
}
.menu .strona {
width: 100%;
border: 0px;
margin:0 auto;
min-width:300px;
max-width: 1580px;
padding: 0px 2%;
}
@media screen and (min-width: 0px) and (max-width: 1380px)
{
.menu .strona {
max-width: 1200px;
}
}
.strona2 {
width: 100%;
border: 0px;
margin:0 auto;
min-width:300px;
max-width:1340px;
}
.middle2 .strona2 {
width: 100%;
border: 0px;
margin:0 auto;
min-width:300px;
max-width:1380px;
}
@media screen and (min-width: 0px) and (max-width: 1390px)
{
.strona2 {
width: 100%;
padding: 0px 4%;
}
}
.ramka {
width: 100%;
border: 0px;
float:left;
}
header {
width: 100%;
border: 0px;
text-align:center;
position:fixed;
z-index:999;
top: 0px;
left: 0px;
right: 0px;
max-width: 100%;
margin: 0px auto;
z-index: 200000000;
transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;
}
@media screen and (min-width: 1161px) and (max-width: 99160px)
{
header {
max-height: auto !important;
}
}
header .ramka {
padding: 0px 3%;
}
header .top {
width: 100%;
border: 0px;
float:left;
padding-top:10px;
padding-bottom:10px;
border-bottom:1px solid rgba(255,255,255,0.2);
padding-top:10px;
padding-bottom:10px;
position:realative;
}
@media screen and (min-width: 1200px) and (max-width: 9999px)
{
.box-szukaj-rwd {display:none;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: white;
}
::-moz-placeholder { /* Firefox 19+ */
color: white;
}
:-ms-input-placeholder { /* IE 10+ */
color: white;
}
:-moz-placeholder { /* Firefox 18- */
color: white;
}
}
.box-szukaj img {vertical-align:middle}
.box-szukaj form {display:none;}
@media screen and (min-width: 0px) and (max-width: 1200px)
{
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: black;
}
::-moz-placeholder { /* Firefox 19+ */
color: black;
}
:-ms-input-placeholder { /* IE 10+ */
color: black;
}
:-moz-placeholder { /* Firefox 18- */
color: black;
}
.box-szukaj {display:none;}
header .top {
border-bottom:0px solid rgba(255,255,255,0.2);
}
header {
width: 100% !important;
background-color: #000 !important;
height: 80px !important;
}
}
.box-szukaj-rwd {
padding-top:15px;
padding-bottom:15px;
}
.box-szukaj-rwd .szukaj {
color:black;
}
header .top .logo {
display:inline-block;
float:none;
transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;
}
header .top .logo {
display:inline-block;
float:none;
max-width: 150px;
}
header .top .logo img{
max-width: 200px;
}
header .top .box-social {
position:absolute;
right:0%;
top:16px;
transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;
}
header .top .box-szukaj {
position:absolute;
left:0%;
top:16px;
transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;
}
.button_szukaj {
border:0px;
padding:5px 10px;
font-family: 'Montserrat', sans-serif;
background-color:#C4AA72;
color:white;
font-size:13px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.button_szukaj:hover {
background-color:black;
}
.szukaj {
border:0px;
padding:5px 10px;
font-family: 'Montserrat', sans-serif;
background-color:transparent;
color:white;
font-size:13px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #494847;
width:120px;
}
@media screen and (min-width: 0px) and (max-width: 1200px)
{
header .top .box-social {
right:1%;
}
}
header .top .box-social .link_szary {
display:inline-block;
padding:5px 5px 0px 5px;
}
header .top .box-social .link_szary.active {
color:white;
border-top:2px solid white;
}
header .top .box-social img{
vertical-align:middle;
margin-right:10px;
margin-left:10px;
}
@media screen and (min-width: 0px) and (max-width: 940px)
{
header .top .box-social a:nth-of-type(4) {
display: none;
}
header .top .box-social a:nth-of-type(5) {
display: none;
}
header .top .box-social img {
display: none;
}
}
@media screen and (min-width: 0px) and (max-width: 420px)
{
header .top .box-social .link_szary {
display:inline-block;
padding:5px 1px 0px 1px;
}
header .top .box-social .link_szary {
font-size: 11px;
}
}
@media screen and (min-width: 0px) and (max-width: 620px)
{
header .top .logo img{
max-width: 100px !important;
}
header {
height: 70px !important;
}
header .top .box-social {
top:7px !important;
}
}
.middleszczegoly .strona2:first-of-type {
display:none;
}
.middle_oferta {
width: 90%;
float: left;
border:1px solid #333333;
z-index: 1000;
position: relative;
margin-bottom: 90px;
padding-bottom: 60px;
margin-top:60px;
margin-left:5%;
margin-right:5%;
}
.middle_middle {
width: 100%;
float: left;
overflow: hidden;
}
@media screen and (min-width: 0px) and (max-width: 1200px)
{
.middle_oferta {
margin-top:130px;
}
}
.oferta_kom {
margin-left: -3.8%;
margin-top: 60px;
width: 50%;
float: left;
height: 560px;
position: relative;
}
.oferta_kom div.imgoferta {
width: 100%;
float: left;
overflow: hidden;
height: 380px;
position: relative;
background-repeat : no-repeat;
background-position:center center;
background-size: cover;
}
.oferta_kom div.imgoferta:hover {
-webkit-box-shadow: inset 5px 4px 219px -13px rgba(0,0,0,0.75);
-moz-box-shadow: inset 5px 4px 219px -13px rgba(0,0,0,0.75);
box-shadow: inset 5px 4px 219px -13px rgba(0,0,0,0.75);
}
@media screen and (min-width: 0px) and (max-width: 1380px)
{
.oferta_kom div.imgoferta {
height: 340px;
}
}
.linkwiecej {
width: 100%;
height: 60%;
left: 0px;
top: 0px;
position: absolute;
z-index: 100;
}
.oferta_kom div.imgoferta span{
width: 100%;
height: 111%;
background-image:url('../grafika/cien_foto.png');
background-repeat : no-repeat;
background-position:center bottom;
background-size: 100% 100%;
position: absolute;
bottom:0px;
}
.oferta_kom div.imgoferta span a{
width: 100%;
height: 100%;
position: absolute;
bottom:0px;
display: block;
}
.oferta_kom div.imgoferta img{
width: auto;
vertical-align: middle;
min-height: 400px;
}
.min-kat-img {
width: 100%;
height: 370px;
background-repeat : no-repeat;
background-position:center center;
background-size: cover;
}
.min-kat-img a img{
max-width: 100%;
vertical-align: middle;
min-height: 400px;
}
.oferta_kom:nth-of-type(2n) {
margin-right: -4%;
margin-top: -100px;
width: 50%;
float: right;
height: 720px;
}
.oferta_kom span{
padding: 0px 15%;
margin-top: 50px;
line-height: 60px;
font-size: 50px;
color: #FFF;
top: -65px;
position: relative;
font-weight: 200;
display: block;
width: 50%;
}
.oferta_kom:nth-of-type(2n) span{
padding: 0px 10%;
}
.oferta_kom:nth-of-type(2n) a span{
width: 100%;
height: 111%;
background-image:url('../grafika/cien_foto.png');
background-repeat : no-repeat;
background-position:center bottom;
background-size: 100% 100%;
position: absolute;
bottom:0px;
}
@media screen and (min-width: 0px) and (max-width: 1380px)
{
.oferta_kom:nth-of-type(2n) span {
padding: 0px 10%;
margin-top: 30px;
line-height: 60px;
font-size: 40px;
color: #FFF;
top: -65px;
position: relative;
font-weight: 200;
display: block;
width: 50%;
}
.oferta_kom span{
padding: 0px 15%;
margin-top: 50px;
line-height: 60px;
font-size: 40px;
color: #FFF;
top: -65px;
position: relative;
font-weight: 200;
display: block;
width: 50%;
}
.oferta_kom {
height: 500px;
}
}
@media screen and (min-width: 0px) and (max-width: 1180px)
{
.oferta_kom div.imgoferta {
height: 300px;
}
.oferta_kom div.imgoferta span{
width: 100%;
height: 112%;
}
}
@media screen and (min-width: 0px) and (max-width: 980px)
{
.oferta_kom {
margin-left: auto;
width: 90%;
float: none;
height: 560px;
position: relative;
margin: 0 auto;
margin-top: -80px;
margin-bottom: 90px;
}
.oferta_kom:nth-of-type(2n) {
margin-left: auto;
width: 90%;
float: none;
height: 560px;
position: relative;
margin: 0 auto;
margin-top: -80px;
margin-bottom: 90px;
}
.oferta_kom {
height: 500px;
}
.oferta_kom:nth-of-type(2n) {
height: 500px;
}
}
@media screen and (min-width: 0px) and (max-width: 680px)
{
.oferta_kom div.imgoferta {
height: 250px;
}
.oferta_kom div.imgoferta span{
width: 100%;
height: 116%;
}
.oferta_kom span{
line-height: 60px;
font-size: 30px;
width: 80%;
}
a.link_wiecej {
margin-top: -60px;
}
}
@media screen and (min-width: 0px) and (max-width: 480px)
{
.middle_oferta {
width: 100%;
margin-left: 0%;
margin-right: 0%;
}
.oferta_kom:nth-of-type(2n) {
height: 490px;
margin-bottom: 0px;
}
}
a.link_wiecej {
margin-left: 15%;
padding: 15px 20px;
background-color: #C3A972;
color: #FFF !important;
text-decoration: none;
display: inline-block;
position: relative;
height: auto;
width: auto;
margin-top: -30px;
}
a.link_wiecej:hover {
background-color:#967e4b !important;
}
.oferta_kom:nth-of-type(2n) a.link_wiecej {
margin-left: 10%;
padding: 15px 20px;
background-color: #C3A972;
color: #FFF;
text-decoration: none;
display: inline-block;
position: relative;
height: auto;
width: auto;
margin-top: -30px;
}
.szczegoly_produkt {
float: left;
width: 100%;
margin-top: -200px;
padding-left: 2%;
padding-right: 2%;
}
.bezwizualizacji .szczegoly_produkt {
margin-top: 240px;
}
.foto_szczegoly {
width: 100%;
margin: 0 auto;
max-width: 1620px;
display: block;
position: relative;
top: -65px;
max-height: 790px;
overflow: hidden;
}
.foto_szczegoly.bezwizualizacji {
display: none;
}
.foto_szczegoly2 {
width: 50%;
display: block;
position: relative;
float: right;
margin-left: 5%;
margin-bottom: 50px;
}
.bezwizualizacji .foto_szczegoly2 {
width: 45%;
display: block;
position: relative;
float: right;
margin-left: 5%;
margin-bottom: 50px;
background-color: #FFF;
padding: 5%;
}
.foto_szczegoly2 img{
width: 100%;
}
.foto_szczegoly2 img:hover{
filter: brightness(70%);
-webkit-filter: brightness(70%);
-moz-filter: brightness(70%);
-o-filter: brightness(70%);
-ms-filter: brightness(70%);
}
.foto_szczegoly span{
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
background-image:url('../grafika/cien.png');
background-size: 100% 100%;
background-repeat: no-repeat;
}
.foto_szczegoly img{
width: 100%;
vertical-align: middle;
margin-top: -10%;
}
@media screen and (min-width: 0px) and (max-width:900px)
{
.bezwizualizacji .foto_szczegoly2 {
width: 90%;
display: block;
position: relative;
float: right;
margin-left: 5%;
margin-bottom: 50px;
background-color: #FFF;
padding: 5%;
margin-top: -90px;
}
}
@media screen and (min-width: 0px) and (max-width:840px)
{
.foto_szczegoly {
margin-top: 50px;
min-height: 200px;
}
.foto_szczegoly img {
width: 100%;
vertical-align: middle;
margin-top: 0%;
}
}
.nazwa_a {
float: left;
width: 50%;
z-index: 1000;
position: relative;
color: #E6E6E6;
font-weight: 300;
}
.nazwa_a h2{
font-size: 60px;
line-height: 100px;
color: #C3AA73;
font-weight: 200;
display: inline-block;
padding-bottom: 20px;
position: relative;
padding-top: 20px;
max-width:100%;
}
@media screen and (min-width: 0px) and (max-width: 1260px)
{
.nazwa_a {
float: left;
width: 100%;
z-index: 1000;
position: relative;
color: #E6E6E6;
font-weight: 300;
top: 50px;
}
.nazwa_a h2{
font-size: 60px;
line-height: 100px;
color: #C3AA73;
font-weight: 200;
display: inline-block;
padding-bottom: 20px;
position: relative;
padding-top: 20px;
max-width:100%;
}
}
.nazwa_a h2 span{
top: 0px;
background-color: #CAAF76;
position: absolute;
width: 50%;
height: 2px;
left: 0px;
}
.strzalka {
position: absolute;
left: -35px;
bottom: -30px;
width: 70px !important;
}
@media screen and (min-width: 0px) and (max-width: 900px)
{
.foto_szczegoly2 {
width: 100%;
display: block;
position: relative;
float: right;
margin-left: 0%;
margin-bottom: 50px;
}
.foto_szczegoly2 img{
width: 80%;
margin: 0px 10%;
}
.strzalka {
position: absolute;
left: 0 !important;
right: 0 !important;
margin: 0 auto !important;
bottom: -30px;
width: 70px !important;
display: block;
}
.nazwa_a h2 {
font-size: 40px;
line-height: 50px;
color: #C3AA73;
font-weight: 200;
display: inline-block;
padding-bottom: 20px;
position: relative;
padding-top: 20px;
max-width: 100%;
text-align: center;
width: 100%;
display: block;
float: left;
}
.nazwa_a h2 span {
top: 0px;
background-color: #CAAF76;
position: absolute;
width: 180px;
height: 2px;
left: 0px;
right: 0px;
display: block;
margin: 0 auto;
}
}
@media screen and (min-width: 0px) and (max-width: 420px)
{
.foto_szczegoly2 {
margin-top: 120px;
}
}
.prozmiar {
border: 1px solid #C0A670;
width: 90%;
display: block;
margin: 110px 0px;
position: relative;
padding: 0px 5%;
}
.rozmiaramka {
position: absolute;
left: -100%;
width: 300%;
background-color: #FFF;
height: 120%;
top: 90px;
z-index: -1;
}
.rozmiaramka img{
max-width: 100% !important;
width: 100% !important;
}
.prozmiar span{
font-size: 20px;
font-weight: 300;
padding: 25px 5%;
display: block;
text-align: center;
}
.prozmiar img:first-of-type{
width: 100% !important;
max-width: 1000px !important;
margin:30px auto 60px auto!important;
display: block !important;
height: auto !important;
}
.prozmiar a:last-of-type img{
width:70px !important;
max-width: 70px !important;
margin:0px auto -5px auto !important;
display: block !important;
height: auto !important;
left: 0px;
right: 0px;
}
.prozmiar1 .rozmiaramka {
top: 0px;
}
.prozmiar1 span {
display:none;
}
.prozmiar2 .rozmiaramka {
top: 0px;
}
.prozmiar2 span {
display:none;
}
.prozmiar3 .rozmiaramka {
top: 0px;
}
.prozmiar3 span {
display:none;
}
.galeria {
width: 98%;
float: left;
margin: 90px 1% 120px 1%;
position: relative;
z-index: 5000;
}
.galeria_middle {
width: 100%;
float: left;
padding: 50px 0px 0px 0px;
}
.galeria h2 {
font-weight: 300;
font-size: 80px;
font-weight: 200;
line-height: 90px;
color: #C3AA73;
}
.galeria span {
font-weight: 300;
font-size: 20px;
line-height: 30px;
color: #FFF;
}
.galeria_middle .komorka {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.strona2.bezwizualizacji .galeria_middle .komorka{
background-size: contain;
outline:10px solid white;
background-color:white;
}
.galeria_middle .komorka:hover {
filter: brightness(70%);
-webkit-filter: brightness(70%);
-moz-filter: brightness(70%);
-o-filter: brightness(70%);
-ms-filter: brightness(70%);
}
.strona2.bezwizualizacji .foto_szczegoly2 {
outline:10px solid white;
}
.strona2.bezwizualizacji .foto_szczegoly2:hover {
filter: brightness(70%);
-webkit-filter: brightness(70%);
-moz-filter: brightness(70%);
-o-filter: brightness(70%);
-ms-filter: brightness(70%);
}
.strona2.bezwizualizacji .foto_szczegoly2 img:hover {
filter: brightness(100%);
-webkit-filter: brightness(100%);
-moz-filter: brightness(100%);
-o-filter: brightness(100%);
-ms-filter: brightness(100%);
}
.galeria_middle .komorka:nth-of-type(1) {
width: 50%;
height: 540px;
float: left;
background-size: cover;
}
.galeria_middle .komorka:nth-of-type(2) {
width: 47%;
height: 500px;
float: left;
margin-left: 3%;
margin-bottom: 30px;
margin-top: -280px;
background-size: cover;
}
.galeria_middle .komorka:nth-of-type(3) {
width: 47%;
height: 290px;
float: left;
margin-left: 3%;
margin-bottom: 30px;
background-size: cover;
}
.galeria_middle .komorka:nth-of-type(4) {
width: 50%;
height: 540px;
float: left;
background-size: cover;
margin-bottom: 30px;
}
.galeria_middle .komorka:nth-of-type(5) {
width: 47%;
height: 540px;
float: left;
background-size: cover;
margin-bottom: 30px;
margin-left: 3%;
}
.galeria_middle .komorka:nth-of-type(6) {
width: 47%;
height: 540px;
float: left;
background-size: cover;
margin-bottom: 30px;
margin-left: 3%;
}
.galeria_middle .komorka:nth-of-type(7) {
width: 47%;
height: 540px;
float: left;
background-size: cover;
margin-bottom: 30px;
margin-left: 3%;
}
.galeria_middle .komorka:nth-of-type(8) {
width: 47%;
height: 540px;
float: left;
background-size: cover;
margin-bottom: 30px;
margin-left: 3%;
}
.galeria_middle .komorka:nth-of-type(9) {
width: 47%;
height: 540px;
float: left;
background-size: cover;
margin-bottom: 30px;
margin-left: 3%;
}
.galeria_middle .komorka:nth-of-type(10) {
width: 47%;
height: 540px;
float: left;
background-size: cover;
margin-bottom: 30px;
margin-left: 3%;
}
.galeria_middle .komorka:nth-of-type(11) {
width: 47%;
height: 540px;
float: left;
background-size: cover;
margin-bottom: 30px;
margin-left: 3%;
}
@media screen and (min-width: 0px) and (max-width: 1320px)
{
.galeria_middle .komorka:nth-of-type(1) {
width: 50%;
height: 440px;
float: left;
background-size: cover;
}
.galeria_middle .komorka:nth-of-type(2) {
width: 47%;
height: 400px;
float: left;
margin-left: 3%;
margin-bottom: 30px;
margin-top: -280px;
background-size: cover;
}
.galeria_middle .komorka:nth-of-type(3) {
width: 47%;
height: 290px;
float: left;
margin-left: 3%;
margin-bottom: 30px;
background-size: cover;
}
.galeria_middle .komorka:nth-of-type(4) {
width: 50%;
height: 440px;
float: left;
background-size: cover;
margin-bottom: 30px;
}
.galeria_middle .komorka:nth-of-type(5) {
width: 47%;
height: 440px;
float: left;
background-size: cover;
margin-bottom: 30px;
margin-left: 3%;
}
.galeria_middle .komorka:nth-of-type(6) {
width: 47%;
height: 440px;
float: left;
background-size: cover;
margin-bottom: 30px;
margin-left: 3%;
}
.galeria_middle .komorka:nth-of-type(7) {
width: 47%;
height: 440px;
float: left;
background-size: cover;
margin-bottom: 30px;
margin-left: 3%;
}
.galeria_middle .komorka:nth-of-type(8) {
width: 47%;
height: 440px;
float: left;
background-size: cover;
margin-bottom: 30px;
margin-left: 3%;
}
.galeria_middle .komorka:nth-of-type(9) {
width: 47%;
height: 440px;
float: left;
background-size: cover;
margin-bottom: 30px;
margin-left: 3%;
}
.galeria_middle .komorka:nth-of-type(10) {
width: 47%;
height: 440px;
float: left;
background-size: cover;
margin-bottom: 30px;
margin-left: 3%;
}
.galeria_middle .komorka:nth-of-type(11) {
width: 47%;
height: 440px;
float: left;
background-size: cover;
margin-bottom: 30px;
margin-left: 3%;
}
}
@media screen and (min-width: 0px) and (max-width: 1200px)
{
.galeria_middle .komorka:nth-of-type(1) {
width: 50%;
height: 340px;
float: left;
background-size: cover;
}
.galeria_middle .komorka:nth-of-type(2) {
width: 47%;
height: 300px;
float: left;
margin-left: 3%;
margin-bottom: 30px;
margin-top: -280px;
background-size: cover;
}
.galeria_middle .komorka:nth-of-type(3) {
width: 47%;
height: 290px;
float: left;
margin-left: 3%;
margin-bottom: 30px;
background-size: cover;
}
.galeria_middle .komorka:nth-of-type(4) {
width: 50%;
height: 340px;
float: left;
background-size: cover;
margin-bottom: 30px;
}
.galeria_middle .komorka:nth-of-type(5) {
width: 47%;
height: 340px;
float: left;
background-size: cover;
margin-bottom: 30px;
margin-left: 3%;
}
.galeria_middle .komorka:nth-of-type(6) {
width: 47%;
height: 340px;
float: left;
background-size: cover;
margin-bottom: 30px;
margin-left: 3%;
}
.galeria_middle .komorka:nth-of-type(7) {
width: 47%;
height: 340px;
float: left;
background-size: cover;
margin-bottom: 30px;
margin-left: 3%;
}
.galeria_middle .komorka:nth-of-type(8) {
width: 47%;
height: 340px;
float: left;
background-size: cover;
margin-bottom: 30px;
margin-left: 3%;
}
.galeria_middle .komorka:nth-of-type(9) {
width: 47%;
height: 340px;
float: left;
background-size: cover;
margin-bottom: 30px;
margin-left: 3%;
}
.galeria_middle .komorka:nth-of-type(10) {
width: 47%;
height: 340px;
float: left;
background-size: cover;
margin-bottom: 30px;
margin-left: 3%;
}
.galeria_middle .komorka:nth-of-type(11) {
width: 47%;
height: 340px;
float: left;
background-size: cover;
margin-bottom: 30px;
margin-left: 3%;
}
}
@media screen and (min-width: 0px) and (max-width: 1000px)
{
.galeria_middle .komorka:nth-of-type(1) {
width: 50%;
height: 240px;
float: left;
background-size: cover;
}
.galeria_middle .komorka:nth-of-type(2) {
width: 47%;
height: 240px;
float: left;
margin-left: 3%;
margin-bottom: 30px;
margin-top: 0px;
background-size: cover;
}
.galeria_middle .komorka:nth-of-type(3) {
width: 47%;
height: 240px;
float: left;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 30px;
background-size: cover;
}
.galeria_middle .komorka:nth-of-type(4) {
width: 50%;
height: 240px;
float: left;
background-size: cover;
margin-bottom: 30px;
}
.galeria_middle .komorka:nth-of-type(5) {
width: 50%;
height: 240px;
float: left;
background-size: cover;
margin-bottom: 30px;
margin-left: 0%;
}
.galeria_middle .komorka:nth-of-type(6) {
width: 47%;
height: 240px;
float: left;
background-size: cover;
margin-bottom: 30px;
margin-left: 3%;
}
.galeria_middle .komorka:nth-of-type(7) {
width: 47%;
height: 240px;
float: left;
background-size: cover;
margin-bottom: 30px;
margin-left: 0%;
}
.galeria_middle .komorka:nth-of-type(8) {
width: 47%;
height: 240px;
float: left;
background-size: cover;
margin-bottom: 30px;
margin-left: 0%;
}
.galeria_middle .komorka:nth-of-type(9) {
width: 47%;
height: 240px;
float: left;
background-size: cover;
margin-bottom: 30px;
margin-left: 0%;
}
.galeria_middle .komorka:nth-of-type(10) {
width: 47%;
height: 240px;
float: left;
background-size: cover;
margin-bottom: 30px;
margin-left: 0%;
}
.galeria_middle .komorka:nth-of-type(11) {
width: 47%;
height: 240px;
float: left;
background-size: cover;
margin-bottom: 30px;
margin-left: 0%;
}
}
@media screen and (min-width: 0px) and (max-width: 780px)
{
.galeria_middle .komorka:nth-of-type(1) {
width: 50%;
height: 190px;
float: left;
background-size: cover;
}
.galeria_middle .komorka:nth-of-type(2) {
width: 47%;
height: 190px;
float: left;
margin-left: 3%;
margin-bottom: 30px;
margin-top: 0px;
background-size: cover;
}
.galeria_middle .komorka:nth-of-type(3) {
width: 47%;
height: 190px;
float: left;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 30px;
background-size: cover;
}
.galeria_middle .komorka:nth-of-type(4) {
width: 50%;
height: 190px;
float: left;
background-size: cover;
margin-bottom: 30px;
}
.galeria_middle .komorka:nth-of-type(5) {
width: 50%;
height: 190px;
float: left;
background-size: cover;
margin-bottom: 30px;
margin-left: 0%;
}
.galeria_middle .komorka:nth-of-type(6) {
width: 47%;
height: 190px;
float: left;
background-size: cover;
margin-bottom: 30px;
margin-left: 3%;
}
.galeria_middle .komorka:nth-of-type(7) {
width: 47%;
height: 190px;
float: left;
background-size: cover;
margin-bottom: 30px;
margin-left: 0%;
}
.galeria_middle .komorka:nth-of-type(8) {
width: 47%;
height: 190px;
float: left;
background-size: cover;
margin-bottom: 30px;
margin-left: 0%;
}
.galeria_middle .komorka:nth-of-type(9) {
width: 47%;
height: 190px;
float: left;
background-size: cover;
margin-bottom: 30px;
margin-left: 0%;
}
.galeria_middle .komorka:nth-of-type(10) {
width: 47%;
height: 190px;
float: left;
background-size: cover;
margin-bottom: 30px;
margin-left: 0%;
}
.galeria_middle .komorka:nth-of-type(11) {
width: 47%;
height: 190px;
float: left;
background-size: cover;
margin-bottom: 30px;
margin-left: 0%;
}
}
@media screen and (min-width: 0px) and (max-width: 680px)
{
.galeria_middle .komorka {
width: 100% !important;
height: 210px !important;
float: left !important;
background-size: cover !important;
margin-bottom: 30px !important;
margin-left: 0% !important;
margin-right: 0% !important;
}
}
.powrot {
display: block;
margin: 0 auto;
width: 180px;
padding: 15px 20px;
background-color: #C3AA73;
text-decoration: none;
font-weight: 700;
font-size: 13px;
height: 27px;
text-align: center;
color: #FFF;
float:left;
}
.powrot:hover, .wylogujsie a:hover {
filter: brightness(70%);
-webkit-filter: brightness(70%);
-moz-filter: brightness(70%);
-o-filter: brightness(70%);
-ms-filter: brightness(70%);
}
@media screen and (min-width: 1201px) and (max-width: 99380px)
{
#nawigacja-menu{
list-style: none;
margin: 0px 0px 0px 0px;
display:table;
padding:0px;
width: 100%;
}
#nawigacja-menu li{
display:table-cell;
margin:0px;
padding:0px;
position:relative;
border-top: 2px solid rgba(196, 168, 114, 0.0);
transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;
}
#nawigacja-menu li:first-of-type a{
padding:20px 10px 20px 0px;
text-align: left;
}
#nawigacja-menu li:last-of-type a{
padding:20px 0px 20px 10px;
text-align: right;
}
#nawigacja-menu li a{
color:white;
text-decoration:none;
font-size:15px;
text-transform:uppercase;
padding:17px 0px 20px 0px;
display:inline-block;
font-weight:bold;
font-weight:400;
}
#nawigacja-menu li a:hover{
color:#C4A872;
}
#nawigacja-menu li.menubold {
border-top:2px solid #C4A872;
}
#nawigacja-menu li:hover{
color:#C3A871;
transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;
}
#nawigacja-menu > li.menubold > a {
color:#C3A871;
font-weight:400;
}
#nawigacja-menu .rozwin li.menubold a {
color:#C3A871;
font-weight:400;
}
#nawigacja-menu li .rozwin{
display: none;
}
#nawigacja-menu li:hover .rozwin {
display: block;
top: 60px;
background-color: #000;
left: -10%;
width: 120% !important;
position: absolute;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0px 0px !important;
padding: 0px 0px !important;
}
#nawigacja-menu li .rozwin li{
display: block !important;
width: 100% !important;
clear: both;
padding: 0px 0px !important;
margin: 0px 0px !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#nawigacja-menu li .rozwin li a{
display: block !important;
width: 100% !important;
clear: both;
padding: 10px 20px !important;
margin: 0px 0px !important;
border-top: 1px solid #242424;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center !important;
font-size:12px;
line-height: 18px;
}
#nawigacja-menu li .rozwin li:first-of-type a{
border-top: 0px solid #242424;
}
}
@media screen and (min-width: 0px) and (max-width: 1380px)
{
#nawigacja-menu li a{
font-size:13px;
}
}
@media screen and (min-width: 1200px) and (max-width: 1290px)
{
#nawigacja-menu > li:first-of-type{
display:none !important;
}
}
.cycle-slideshow22 {
float:left;
width:100%;
position:absolute;
left:0px;
top:0px;
z-index:0;
height:100%;
overflow: hidden;
}
.cycle-slideshow22 .sekwencja22 span{
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
position: absolute;
left: 0px;
top: 0px;
}
.cycle-slideshow22 .sekwencja22 i{
background-image: url('../grafika/cien2.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 30%;
}
.sekwencja22 {
float:left;
width:100%;
height:100%;
background-repeat : no-repeat;
background-position:center top;
text-align:center;
background-size: cover;
text-align: center;
}
.sekwencja22 .box-txt22 {
float:none;
top:0;
bottom: 0;
left: 0;
right: 0;
max-width:50%;
width: 1200px;
margin: auto auto;
color:white;
font-weight:1000;
position: absolute;
height: 300px;
display: inline-block;
text-align:center;
}
.sekwencja22 .box-txt22 h1,h2,h3{
font-weight:1000;
font-size:30px;
line-height:40px;
display: inline-block;
max-width: 1200px;
width: 100%;
}
.cycle-slideshow {
float:left;
width:100%;
position:absolute;
left:0px;
top:0px;
z-index:0;
height:100%;
overflow: hidden;
}
.cycle-slideshow .sekwencja span{
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
position: absolute;
left: 0px;
top: 0px;
}
.cycle-slideshow .sekwencja i{
background-image: url('../grafika/cien2.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 30%;
}
.sekwencja {
float:left;
width:100%;
height:100%;
background-repeat : no-repeat;
background-position:center top;
text-align:center;
background-size: cover;
text-align: center;
}
.sekwencja .box-txt {
float:none;
top:0;
bottom: 0;
left: 0;
right: 0;
max-width:50%;
width: 800px;
margin: auto auto;
color:white;
font-weight:600;
position: absolute;
height: 400px;
display: inline-block;
text-align:center;
}
.sekwencja .box-txt h1,h2,h3{
font-weight:200;
font-size:100px;
line-height:110px;
display: inline-block;
max-width: 1200px;
width: 100%;
}
.sekwencja .box-txt h1,h2,h3::first-line{
font-size:70px;
line-height:80px;
font-weight:600;
}
@media screen and (min-width: 0px) and (max-height: 600px)
{
.sekwencja .box-txt {
line-height: 16px;
}
.sekwencja .box-txt h1,h2,h3{
font-weight:200;
font-size:60px;
line-height:70px;
display: inline-block;
max-width: 1200px;
}
.sekwencja .box-txt h1,h2,h3::first-line{
font-size:40px;
line-height:50px;
font-weight:100;
}
}
@media screen and (min-width: 0px) and (max-height: 700px)
{
.sekwencja .box-txt h1,h2,h3{
font-weight:200;
font-size:80px;
line-height:90px;
display: inline-block;
max-width:1200px;
}
.sekwencja .box-txt h1,h2,h3::first-line{
font-size:50px;
line-height:60px;
font-weight:100;
}
}
@media screen and (min-width: 0px) and (max-height: 580px)
{
.sekwencja .box-txt > p{
display: none;
}
.sekwencja .box-txt {
height: 150px;
}
}
@media screen and (min-width: 0px) and (max-width: 1340px)
{
.sekwencja .box-txt h1,h2,h3{
font-weight:200;
font-size:80px;
line-height:90px;
display: inline-block;
max-width: 700px;
}
.sekwencja .box-txt h1,h2,h3::first-line{
font-size:50px;
line-height:60px;
font-weight:100;
}
}
@media screen and (min-width: 0px) and (max-width: 1080px)
{
.sekwencja .box-txt h1,h2,h3{
font-weight:200;
font-size:60px;
line-height:70px;
display: inline-block;
max-width: 400px;
}
.sekwencja .box-txt h1,h2,h3::first-line{
font-size:30px;
line-height:40px;
font-weight:100;
}
.sekwencja .box-txt {
max-width:80%;
}
}
@media screen and (min-width: 0px) and (max-width: 860px)
{
.sekwencja .box-txt {
max-width:50%;
}
.sekwencja .box-txt h1,h2,h3{
font-weight:200;
font-size:50px;
line-height:60px;
display: inline-block;
max-width: 350px;
}
.sekwencja .box-txt {
line-height: 21px;
}
}
@media screen and (min-width: 0px) and (max-width: 600px)
{
.sekwencja .box-txt {
max-width:50%;
}
.sekwencja .box-txt h1,h2,h3{
font-weight:200;
font-size:40px;
line-height:50px;
display: inline-block;
max-width: 500px;
}
}
@media screen and (min-width: 0px) and (max-width: 520px)
{
.sekwencja .box-txt {
max-width:90%;
}
.sekwencja .box-txt h1,h2,h3{
font-weight:200;
font-size:40px;
line-height:50px;
display: inline-block;
max-width: 300px;
}
}
.cycle-pager {position:absolute;left:0px;bottom:40px;width:100%;z-index:999;text-align:center;}
.cycle-pager span {background-color:#fff; margin: 0px 8px 0px 8px; padding:10px;font-size:0px; cursor: pointer;-webkit-border-radius: 10px;
-moz-border-radius: 10px;border-radius: 10px;}
.cycle-pager span.cycle-pager-active { cursor: pointer;background-color:#C3A871;}
.middlehome {
position:absolute;
top:100%;
left:0px;
width:100%;
overflow: hidden;
}
.boxkolekcje {
float:left;
width:100%;
background-color:#1C1A19;
padding-bottom:150px;
}
.boxkolekcje .ramka{
float:left;
width:100%;
padding-top:50px;
padding-bottom:50px;
color:white;
font-weight:300;
max-width:40%;
padding-left:10%;
}
.boxkolekcje .ramka span{
color:#C3A871;
font-size:50px;
line-height:60px;
font-weight:100;
width: 250%;
display: inline-block;
}
.boxkolekcje .ramka2{
float:left;
width:90%;
border:1px solid #403F3E;
margin-left:5%;
margin-right:5%;
padding-bottom:50px;
}
.boxkolekcje .ramka2 .box{
float:left;
width:50%;
}
.boxkolekcje .ramka2 .box:hover img{
filter: brightness(70%);
-webkit-filter: brightness(70%);
-moz-filter: brightness(70%);
-o-filter: brightness(70%);
-ms-filter: brightness(70%);
}
.boxy .ramka .box .img:hover {
-webkit-box-shadow: 2px 2px 14px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 14px 0px rgba(0,0,0,0.75);
box-shadow: 2px 2px 14px 0px rgba(0,0,0,0.75);
filter: brightness(80%);
-webkit-filter: brightness(80%);
-moz-filter: brightness(80%);
-o-filter: brightness(80%);
-ms-filter: brightness(80%);
}
.boxkolekcje .ramka2 .box .box-txt {
color:white;
font-weight:300;
padding-left:10%;
padding-right:20%;
float:left;
width:100%;
margin-top:-115px;
text-decoration:none;
display:block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.boxkolekcje .ramka2 .box.box2 .box-txt {
padding-left:20%;
text-decoration:none;
}
.boxkolekcje .ramka2 .box .box-txt p:first-child{
color:#C9AE76;
font-size:50px;
line-height:60px;
font-weight:100;
max-width:60%;
position:relative;
z-index:100;
}
.boxkolekcje .ramka2 .box .box-txt p:first-child::first-line{
color:white;
}
.boxkolekcje .ramka2 .box .box-txt p:last-child{
margin-top:-20px;
color:#acaaa3;
}
.boxkolekcje .ramka2 .box.box1{
float:right;
width:50%;
margin-right:-50px;
margin-top:-100px;
}
.boxkolekcje .ramka2 .box.box2{
float:left;
width:50%;
margin-left:-50px;
margin-top:100px;
}
.boxkolekcje .ramka2 .box.box3{
float:right;
width:50%;
margin-right:-50px;
margin-top:50px;
}
.boxkolekcje .ramka2 .box.box4{
float:left;
width:50%;
color:#1C1A19;
font-size:5px;
}
.boxkolekcje .ramka2 .box .box-img{
float:left;
width:100%;
}
.boxkolekcje .ramka2 .box .box-img img{
float:left;
width:100%;
}
.boxkolekcje .box-katalog {
background-color:#C4AA72;
padding:50px;
color:white;
margin-top:50px;
float:right;
width:60%;
margin-right:10%;
margin-bottom:-150px;
font-weight:300;
}
.boxkolekcje .box-katalog span{
font-weight:300;
font-size:40px;
line-height:50px;
}
.boxkolekcje .box-katalog img{
vertical-align:middle;
margin-right:10px;
}
.boxkolekcje .box-katalog a{
font-weight:bold;
font-size:16px;
}
@media screen and (min-width: 0px) and (max-width: 980px)
{
.boxkolekcje .ramka2 .box .box-txt p:first-child{
font-size:40px;
line-height:70px;
}
}
@media screen and (min-width: 0px) and (max-width: 1240px)
{
.boxkolekcje .box-katalog {
padding:30px 30px 30px 30px;
line-height: 22px;
min-height: 370px;
}
}
@media screen and (min-width: 0px) and (max-width: 940px)
{
.boxkolekcje .box-katalog {
background-color:#C4AA72;
padding:50px 30px;
color:white;
margin-top: 70px;
float:left;
width:180%;
margin-right:10%;
margin-left:10%;
margin-bottom:-130px;
font-weight:300;
min-height: 350px;
text-align: center;
}
.boxkolekcje .ramka2 .box.box1 {
float: left;
width: 90%;
margin-right: 0px;
margin-top: -100px;
margin-left: 5%;
}
.boxkolekcje .ramka {
float: left;
width: 100%;
padding-top: 50px;
padding-bottom: 150px;
color: white;
font-weight: 300;
max-width: 90%;
padding-left: 10%;
}
.boxkolekcje .ramka2 .box.box2 {
float: left;
width: 90%;
margin-left: 5%;
margin-top: 60px;
}
.boxkolekcje .ramka2 .box.box3 {
float: left;
width: 90%;
margin-left: 5%;
margin-top: 60px;
}
.boxkolekcje .ramka2 .box .box-txt {
padding-left: 10%;
padding-right: 10%;
}
.boxkolekcje .ramka2 .box.box2 .box-txt {
padding-left: 10%;
}
}
@media screen and (min-width: 0px) and (max-width: 520px)
{
.boxkolekcje .ramka2 .box .box-txt p:first-child {
font-size: 30px;
line-height: 50px;
margin-top: 63px;
}
.boxkolekcje .ramka span {
color: #C3A871;
font-size: 40px;
line-height: 50px;
font-weight: 100;
width: 100%;
display: inline-block;
}
}
.boxpoznajnas {
float:left;
width:100%;
padding-top:150px;
padding-bottom:100px;
}
.boxpoznajnas .ramka{
float:left;
width:100%;
}
.boxpoznajnas .ramka span{
color:#BCA061;
font-weight:100;
font-size:60px;
line-height:120px;
}
.boxpoznajnas .ramka2{
float:left;
width:100%;
border:1px solid #D6D6D6;
padding:3%;
position:relative;
font-weight:300;
padding-right:60%;
font-size:16px;
padding-bottom:50px;
}
.boxpoznajnas .ramka2 img.poznajnas{
position:absolute;
right:0px;
top:-200px;
margin-right:0px;
}
.boxpoznajnas .ramka2 img{
vertical-align:middle;
margin-right:10px;
}
.boxpoznajnas .ramka2 a{
font-weight:400;
}
.boxpoznajnas .ramka2 img.poznajnas {
position: absolute;
right: 0px;
top: -66%;
margin-right: 0px;
max-width: 55%;
}
@media screen and (min-width: 0px) and (max-width: 1280px)
{
.boxpoznajnas .ramka2 img.poznajnas {
position: absolute;
right: 0px;
top: -67%;
margin-right: 0px;
max-width: 55%;
}
}
@media screen and (min-width: 0px) and (max-width: 1190px)
{
.boxpoznajnas .ramka2 img.poznajnas {
position: absolute;
right: 0px;
top: -45%;
margin-right: 0px;
max-width: 53%;
}
}
@media screen and (min-width: 0px) and (max-width: 1080px)
{
.boxpoznajnas .ramka2 img.poznajnas {
position: absolute;
right: 0px;
top: -33%;
margin-right: 0px;
max-width: 55%;
}
}
@media screen and (min-width: 0px) and (max-width: 1020px)
{
.boxpoznajnas .ramka2 img.poznajnas {
top: -24%;
}
}
@media screen and (min-width: 0px) and (max-width: 940px)
{
.boxpoznajnas {
float:left;
width:100%;
padding-top:70px;
padding-bottom:100px;
}
.boxpoznajnas .ramka2 img.poznajnas {
top: -90px;
margin: 0 auto;
width: 90%;
max-width: 400px;
left: 0;
right: 0;
}
.boxpoznajnas .ramka span{
color:#BCA061;
font-weight:100;
font-size:50px;
line-height:70px;
display: block;
width: 100%;
padding-bottom: 110px;
text-align: center;
}
.boxpoznajnas .ramka2 {
float: left;
width: 100%;
border: 1px solid #D6D6D6;
padding: 5%;
padding-top: 5%;
padding-right: 5%;
padding-bottom: 5%;
position: relative;
font-weight: 300;
padding-right: 5%;
font-size: 16px;
padding-bottom: 50px;
padding-top: 300px;
text-align: center;
}
}
@media screen and (min-width: 0px) and (max-width: 430px)
{
.boxpoznajnas .ramka2 {
padding-top: 60%;
}
}
.boxy {
float:left;
width:100%;
margin-top:200px;
}
.boxy .ramka{
float:left;
width:100%;
border:1px solid #DFDFDF;
}
.boxy .ramka .box{
float:left;
width:33.3%;
height:570px;
position:relative;
padding-top:250px;
padding-left:4%;
padding-right:4%;
}
.boxy .ramka .box span{
color:#C4AA72;
font-size:35px;
line-height:40px;
font-weight:300;
}
.boxy .ramka .box1{
border-right:1px solid #DFDFDF;
}
.boxy .ramka .box2{
border-right:1px solid #DFDFDF;
}
.boxy .ramka .box .img{
position:absolute;
left:0px;
right:0px;
top:-50px;
margin:0 auto;
}
.boxy .ramka .box3 b{
font-weight:700;
font-size:16px;
letter-spacing:2px;
}
.boxy .ramka br{
display: block;
margin-top: 4px;
line-height: 4px;
}
@media screen and (min-width: 0px) and (max-width: 1180px)
{
.boxy {
margin-top:130px;
}
}
@media screen and (min-width: 0px) and (max-width: 1000px)
{
.boxy .ramka .box .img {
position: absolute;
left: 0px;
right: 0px;
top: -50px;
margin: 0 auto;
width: 80%;
}
}
@media screen and (min-width: 0px) and (max-width: 940px)
{
.boxy .ramka .box span {
color: #C4AA72;
font-size: 25px;
line-height: 30px;
font-weight: 300;
}
}
@media screen and (min-width: 0px) and (max-width: 840px)
{
.boxy .ramka .box{
float:left;
width:100%;
height:auto;
position:relative;
padding-top:250px;
padding-bottom: 100px;
padding-left:5%;
padding-right:5%;
text-align: center;
}
.boxy .ramka .box .img {
position: absolute;
left: 0px;
right: 0px;
top: -50px;
margin: 0 auto;
width: 80%;
max-width: 280px;
}
.boxy .ramka .box span {
color: #C4AA72;
font-size: 30px;
line-height: 38px;
font-weight: 300;
}
}
@media screen and (min-width: 0px) and (max-width: 360px)
{
.boxy .ramka .box{
padding-top:220px;
}
}
@media screen and (min-width: 0px) and (max-width: 340px)
{
.boxy .ramka .box{
padding-top:190px;
}
}
.boxkategorie {
float:left;
width:100%;
background-color:#1C1A19;
padding-top:50px;
padding-bottom:50px;
margin-top:100px;
}
.boxkategorie .box {
float:left;
width:27.3%;
height:220px;
border:1px solid #C4AA72;
margin:3%;
padding:3%;
position:relative;
color:white;
padding-top:100px;
}
.boxkategorie .box a img{
top:-140px;
left:-20px;
position:absolute;
}
.boxkategorie .box span{
color:white;
font-weight:300;
font-size:32px;
line-height:10px;
}
.boxkategorie .box img.img{
vertical-align:middle;
margin-right:10px;
}
.boxkategorie .box a {
font-weight:bold;
font-size:16px;
letter-spacing:1px;
}
.boxkategorie .img2:hover {
-webkit-box-shadow: 2px 2px 14px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 14px 0px rgba(0,0,0,0.75);
box-shadow: 2px 2px 14px 0px rgba(0,0,0,0.75);
filter: brightness(80%);
-webkit-filter: brightness(80%);
-moz-filter: brightness(80%);
-o-filter: brightness(80%);
-ms-filter: brightness(80%);
}
@media screen and (min-width: 0px) and (max-width: 1380px)
{
.boxkategorie .box a img{
width: 90%;
}
.boxkategorie .box span {
color: white;
font-weight: 300;
font-size: 26px;
line-height: 30px;
}
.boxkategorie .box {
float: left;
width: 27.3%;
height: 280px;
border: 1px solid #C4AA72;
margin: 3%;
padding: 3%;
padding-top: 3%;
position: relative;
color: white;
padding-top: 120px;
}
}
@media screen and (min-width: 0px) and (max-width: 1120px)
{
.boxkategorie .box a img{
top:-90px;
}
}
@media screen and (min-width: 0px) and (max-width: 950px)
{
.boxkategorie .box a {
font-weight:bold;
font-size:12px;
letter-spacing:1px;
}
}
@media screen and (min-width: 0px) and (max-width: 840px)
{
.boxkategorie .box {
float:left;
width:94%;
height:auto;
border:1px solid #C4AA72;
margin:3%;
padding:3%;
position:relative;
color:white;
padding-top:140px;
padding-bottom: 50px;
text-align: center;
margin-bottom: 60px;
}
.boxkategorie .box a img{
top:-30px;
left:0;
right:0;
position:absolute;
width: 100%;
max-width: 300px;
margin: 0 auto;
}
}
@media screen and (min-width: 0px) and (max-width: 840px)
{
.boxkategorie .box a img{
width: 80%;
}
}
.boxsalony {
float:left;
width:100%;
background-image:url('../grafika/boxsalony.jpg');
background-repeat : no-repeat;
background-position:center top;
height:668px;
}
.boxsalony .box {
float:right;
width:60%;
margin-top:120px;
}
.boxsalony .box span{
color:#C4AA72;
font-size:60px;
line-height:70px;
font-weight:300;
}
.boxsalony .box table{
float:left;
width:100%;
border:1px solid #C4AA72;
margin-top:30px;
font-size:17px;
border-bottom:0px;
}
.boxsalony .box table td{
padding:15px;
padding-left:30px;
padding-right:30px;
font-weight:300;
border-bottom:1px solid #C4AA72;
}
.boxsalony .box table td strong{
font-weight:700;
}
@media screen and (min-width: 0px) and (max-width: 1240px)
{
.boxsalony .box table{
font-size:13px;
}
.boxsalony {
background-position:35% top;
}
}
@media screen and (min-width: 0px) and (max-width: 940px)
{
.boxsalony {
background-position:0% -80px;
background-size: 1200px;
background-color: #F2EEE3;
}
.boxsalony .box {
float:left;
width:100%;
margin-top:240px;
}
.boxsalony {
padding-bottom: 60px;
height:auto;
}
}
@media screen and (min-width: 0px) and (max-width: 620px)
{
.boxsalony {
background-position:-120px -80px;
background-size: 1200px;
background-color: #F2EEE3;
}
}
@media screen and (min-width: 0px) and (max-width: 580px)
{
.boxsalony .box table td:nth-of-type(2) {
display: none;
}
.boxsalony .box span{
font-size:40px;
line-height:50px;
}
}
@media screen and (min-width: 0px) and (max-width: 420px)
{
.boxsalony .box table{
font-size:13px;
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.boxsalony .box tbody{
font-size:13px;
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.boxsalony .box table tr{
font-size:13px;
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.boxsalony .box table td{
font-size:13px;
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
}
.cennik {
float:left;
width:100%;
height:700px;
background-repeat : no-repeat;
background-position:center top;
background-size:cover;
}
.baner-podstrona {
float:left;
width:100%;
height:500px;
background-repeat : no-repeat;
background-position:center top;
background-size:cover;
}
.glowna2 .baner-podstrona {
display: none;
}
.glowna3 .baner-podstrona {
display: none;
}
.glowna9 .baner-podstrona {
display: none;
}
.glowna4 .baner-podstrona {
display: none;
}
@media screen and (min-width: 0px) and (max-width: 1180px)
{
.baner-podstrona {
float:left;
width:100%;
height:400px;
background-repeat : no-repeat;
background-position:center top;
background-size:cover;
}
}
@media screen and (min-width: 0px) and (max-width: 920px)
{
.baner-podstrona {
float:left;
width:100%;
height:300px;
background-repeat : no-repeat;
background-position:center top;
background-size:cover;
}
}
@media screen and (min-width: 0px) and (max-width: 520px)
{
.baner-podstrona {
float:left;
width:100%;
height:240px;
background-repeat : no-repeat;
background-position:center top;
background-size:cover;
}
}
.middle2 {
background-color: #1C1A19;
float: left;
width: 100%;
}
.sciezka {
float:left;
width:100%;
background-color: #1C1A19;
padding-bottom: 40px;
}
.glowna9 .sciezka {
display: none;
}
.sciezka .ramka{
float:left;
width:100%;
background-color: #1C1A19;
padding-bottom: 40px;
background-image:url('../grafika/linia.gif');
background-repeat : no-repeat;
background-position:left bottom 10px;
}
.tresc-kontakt-middle table{
width: 100%;
}
.tresc-kontakt-middle {
width: 100%;
color: #FFF;
}
.tresc-kontakt-middle a{
color: #C3AA73;
text-decoration: none;
}
.tresc-kontakt-middle table h1{
font-size: 30px;
line-height: 40px;
color: #FFF;
}
.tresc-kontakt-middle table tr:nth-of-type(2){
padding-top: 80px;
}
.tresc-kontakt-middle table tr:nth-of-type(2) td{
color: #FFF;
}
.tresc-kontakt-middle table tr:nth-of-type(2) td div{
color: #FFF;
border: 1px solid #4D4D4D;
padding: 50px 5%;
width: 31.3%;
margin: 30px 1%;
float: left;
vertical-align: top;
height: 270px;
}
.kontakt_kom p:first-of-type{
background-image:url('../grafika/linia_naglowek.png');
background-repeat : no-repeat;
background-position:left bottom 0px;
padding-bottom: 10px;
}
@media screen and (min-width: 0px) and (max-width: 1000px)
{
.tresc-kontakt-middle table tr:nth-of-type(2) td div{
color: #FFF;
border: 1px solid #4D4D4D;
padding: 50px 5%;
width: 48%;
margin: 30px 1%;
float: left;
vertical-align: top;
height: 270px;
}
}
@media screen and (min-width: 0px) and (max-width: 580px)
{
.tresc-kontakt-middle table tr:nth-of-type(2) td div{
color: #FFF;
border: 1px solid #4D4D4D;
padding: 50px 5%;
width: 98%;
margin: 30px 1%;
float: left;
vertical-align: top;
height: auto;
}
}
.sciezka a{
color: #6B6967;
text-decoration: none;
font-weight: 300;
}
.sciezka img{
vertical-align: middle;
margin: 0px 10px;
}
.middle2 {
width: 100%;
float: left;
background-color: #1C1A19;
margin-top:0px;
}
.middle2.middleszczegoly {
margin-top:0px;
}
.middle {
width: 100%;
float: left;
background-color: #1C1A19;
}
.naglowek {
padding: 120px 0px 30px 0px;
padding-top: 220px;
width: 100%;
background-color: #1C1A19;
float: left;
}
.glowna5 .naglowek {
padding: 60px 0px 60px 0px;
padding-top: 60px;
width: 100%;
background-color: #1C1A19;
float: left;
}
.glowna7 .naglowek {
padding: 60px 0px 60px 0px;
padding-top: 60px;
width: 100%;
background-color: #1C1A19;
float: left;
}
.naglowek h1{
font-size: 60px;
line-height: 70px;
font-weight: 200;
color: #FFF;
background-image:url('../grafika/linia_naglowek.png');
background-repeat : no-repeat;
background-position:left 38px;
display: block;
padding-left: 120px;
float: left;
}
.glowna9 .naglowek {
display: none;
}
.tresc-kontakt-middle {
width: 100%;
background-color: #1C1A19;
float: left;
position: relative;
overflow: hidden;
padding-bottom: 90px;
}
.tresc-kontakt {
width: 40%;
position: relative;
margin: 220px 0px 90px 0px;
z-index: 300;
background-color: #1C1A19;
min-height: 600px;
}
.tresc-kontakt-nagl {
background-color: #FFF;
font-size: 40px;
line-height: 50px;
color: #000;
font-weight: 200;
padding: 30px 10%;
}
.tresc-kontakt-tresc {
color: #FFF;
font-weight: 300;
padding: 30px 10% 50px 10%;
position: relative;
}
.tresc-kontakt-tresc a{
color: #000;
padding: 8px 15px;
background-color: #C4A872;
text-decoration: none;
}
.mapka {
width: 100%;
height: 90%;
position: absolute;
margin: 0 auto;
max-width: 1620px;
top: 0px;
left: 0;
right: 0;
overflow: hidden;
min-height: 875px;
}
.mapka iframe{
width: 250%;
height: 300%;
top: -100%;
left: -50%;
position: absolute;
-webkit-filter: brightness(0.65) grayscale(100%);
-moz-filter: brightness(0.65) grayscale(100%);
-o-filter: brightness(0.65) grayscale(100%);
-ms-filter: brightness(0.65) grayscale(100%);
filter: brightness(0.65) grayscale(100%);
}
.mapka1 iframe{
width: 63%;
height: 100%;
top: 0%;
right: 0%;
position: absolute;
-webkit-filter: brightness(0.65) grayscale(100%);
-moz-filter: brightness(0.65) grayscale(100%);
-o-filter: brightness(0.65) grayscale(100%);
-ms-filter: brightness(0.65) grayscale(100%);
filter: brightness(0.65) grayscale(100%);
}
.mapka span{
width: 100%;
height: 30%;
position: absolute;
top: 0px;
left: 0px;
background-image:url('../grafika/cien2.png');
background-size: 100% 100%;
background-repeat: no-repeat;
z-index:100;
}
@media screen and (min-width: 0px) and (max-width: 1200px)
{
.mapka span{
width: 100%;
height: 15%;
}
.mapka iframe{
width: 250%;
height: 300%;
top: -120%;
left: -80%;
}
.mapka1 iframe{
width: 48%;
height: 100%;
top: 0%;
right: 0%;}
.tresc-kontakt {
min-height: 500px;
}
}
.tresc-kontakt-tresc em{
width: 80%;
left: 10%;
top: 19px;
height: 1px;
position: absolute;
background-color: #3B3B3B;
}
.tresc-kontakt {
float:left;
width:33.3%;
}
@media screen and (min-width: 0px) and (max-width: 1200px)
{
.tresc-kontakt {
width: 100%;
position: relative;
margin: 320px auto 90px auto;
z-index: 300;
background-color: #1C1A19;
min-height: 500px;
max-width:500px;
}
.tresc-kontakt {
float: none;
width: 100%;
max-width:500px;
display: block;
}
.tresc-kontakt-nagl {
font-size: 30px;
line-height: 40px;
}
}
@media screen and (min-width: 0px) and (max-width: 480px)
{
.tresc-kontakt-nagl {
font-size: 20px;
line-height: 30px;
}
}
.formularz {
float:left;
width:100%;
margin: 140px 0px 0px 0px;
border: 1px solid #E8E8E8;
position: relative;
}
.formularz a{
color:#C4A872;
font-weight: 700;
}
.formularz_online {
float: left;
width: 60%;
padding: 60px 10%;
font-weight: 300;
}
.formularz_online h3 {
font-size: 35px;
line-height: 50px;
}
.formularz_online_img {
position: absolute;
right: -4%;
top: -10%;
height: 100%;
width: 45%;
background-color: #000;
height: 95%;
background-image:url('../grafika/call.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
@media screen and (min-width: 0px) and (max-width: 860px)
{
.formularz_online {
float: left;
width: 100%;
padding: 260px 10% 60px 10%;
font-weight: 300;
}
.formularz_online_img {
position: absolute;
right: 5%;
top: -10%;
height: 300px;
width: 90%;
background-color: #000;
height: 300px;
}
}
.pole {
width: 100%;
float: left;
padding: 5px 0px;
position: relative;
}
.pole input{
width: 70%;
float: left;
padding: 10px 5%;
font-size:14px;
font-family: 'Montserrat', sans-serif;
border: 2px solid #E5E5E5;
}
.pole img{
position: absolute;
left: 55%;
top: 13px;
}
.pole2 {
width: 100%;
float: left;
padding: 5px 0px;
}
.pole2 textarea{
width: 100%;
float: left;
padding: 10px 5%;
font-size:14px;
font-family: 'Montserrat', sans-serif;
border: 2px solid #E5E5E5;
}
.formbutton {
padding: 15px 30px 15px 70px;
background-color: #C4A872;
border: 0px solid #E5E5E5;
color: #000;
font-size:18px;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
}
@media screen and (min-width: 0px) and (max-width: 560px)
{
.formbutton {
padding: 15px 21px 15px 70px;
background-color: #C4A872;
border: 0px solid #E5E5E5;
color: #000;
font-size: 13px;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
}
}
.logowanie_projektant {
width: 100%;
background-color: #1C1A19;
padding: 0px 0px 100px 0px;
float: left;
color: #FFF;
}
.logowanie_projektant_img {
float: right;
margin-left: 5%;
margin-bottom: 30px;
width: 50%;
margin-bottom: -100px;
}
@media screen and (min-width: 0px) and (max-width: 1190px)
{
.logowanie_projektant_img {
float: none;
margin-left: auto;
margin-right: auto;
max-width: 500px;
margin-bottom: 30px;
width: 80%;
margin-bottom: 40px;
display: block;
}
.logowanie_projektant {
text-align: center;
}
}
.mapa {
float:left;
width:33.3%;
}
.tresc {
float:left;
width:100%;
font-weight: 300;
padding-bottom:100px;
}
.tresc p a{
color:#C4A872;
}
.tresc strong{
font-weight: 700;
}
#strona2 .tresc > h2:first-of-type {
float:left;
width:45%;
position: relative;
z-index: 10;
color: #FFF;
padding: 60px 0% 90px 0px;
margin-top: -30px;
margin-bottom: 70px;
font-size: 28px;
line-height: 38px;
color: #CAAC74;
}
.middle .tresc {
color:white;
}
/*
.tresc > p:first-of-type {
float:left;
width:45%;
position: relative;
z-index: 10;
color: #FFF;
padding: 60px 0% 120px 0px;
margin-top: -30px;
margin-bottom: 70px;
}
.tresc > p:first-of-type div{
width:450%;
height: 100%;
position: absolute;
z-index: 1000;
top: 0px;
left: -100%;
background-color: #1C1A19;
z-index: -1;
}
.tresc > h2:first-of-type div{
width:450%;
height: 100%;
position: absolute;
z-index: 1000;
top: 0px;
left: -100%;
background-color: #1C1A19;
z-index: -1;
}
*/
.wraptable {
background-color: #FFF;
width: 200%;
float: left;
margin-left: -50%;
margin-right: -50%;
top: -50px;
position: relative;
padding-top: 50px;
}
.tresc p a {
color: #B59451;
}
.tresc p a:hover {
text-decoration:none;
}
.tresc table a {
color: #B59451;
}
.tresc table a:hover {
text-decoration:none;
}
.tresc2 p a {
color: #B59451;
}
.tresc2 p a:hover {
text-decoration:none;
}
.tresc-kontakt-tresc a:hover {
background-color:#a28954;
}
.tresc-kontakt-middle a:hover {
color:black;
}
.formularz a {
text-decoration:none;
}
.formularz a:hover {
color:black;
}
.tresc table {max-width:100% !important;}
.tresc2 table {max-width:100% !important;}
.tresc-kontakt table {max-width:100% !important;}
.tresc img {max-width:100% !important;}
.tresc2 img {max-width:100% !important;}
.tresc-kontakt img {max-width:100% !important;}
.tresc iframe {max-width:100% !important;}
.tresc2 iframe {max-width:100% !important;}
.tresc-kontakt iframe {max-width:100% !important;}
#strona2 .tresc table {
border: 1px solid #E8E8E8;
margin-bottom: 110px;
margin-top: 40px;
z-index: 100000;
position: relative;
background-color:white;
color:#343434;
margin-left:auto;
margin-right:auto;
width:100% !important;
max-width: 1273px !important;
}
@media screen and (min-width: 0px) and (max-width: 1420px)
{
#strona2 .tresc table {
border: 1px solid #E8E8E8;
margin-bottom: 110px;
margin-top: 40px;
z-index: 100000;
position: relative;
background-color:white;
color:#343434;
margin-left:auto;
margin-right:auto;
width:100% !important;
padding: 0px 4%;
}
}
@media screen and (min-width: 0px) and (max-width: 1200px)
{
#strona2 .tresc table {
max-width: 1100px !important;
}
#strona2 .tresc > h2:first-of-type {
width: 90%;
padding: 60px 5% 90px 5%;
}
.naglowek {
padding: 80px 0px 30px 0px;
padding-top: 90px;
padding-top: 120px;
width: 100%;
background-color: #1C1A19;
float: left;
}
.glowna3 .naglowek {
padding-top: 220px;
}
.glowna4 .naglowek {
padding-top: 220px;
}
}
@media screen and (min-width: 0px) and (max-width: 1200px)
{
#strona2 .tresc table {
max-width: 1020px;
}
.glowna3 .naglowek {
padding-top: 180px;
}
.glowna4 .naglowek {
padding-top: 180px;
}
}
@media screen and (min-width: 0px) and (max-width: 800px)
{
.glowna3 .naglowek {
padding-top: 150px;
}
.glowna4 .naglowek {
padding-top: 150px;
}
}
@media screen and (min-width: 0px) and (max-width: 1140px)
{
#strona2 .tresc table {
max-width: 720px !important;
}
#strona2 .tresc table {
padding: 0px 2%;
}
}
@media screen and (min-width: 0px) and (max-width: 840px)
{
.naglowek h1 {
font-size: 40px;
line-height: 50px;
background-position: left 28px;
}
#strona2 .tresc > h2:first-of-type {
width: 90%;
padding: 60px 5% 90px 5%;
font-size: 20px;
}
}
@media screen and (min-width: 0px) and (max-width: 450px)
{
.naglowek h1 {
font-size: 40px;
line-height: 50px;
background-position: -30px 28px;
}
.naglowek h1 {
padding-left: 80px;
}
}
@media screen and (min-width: 0px) and (max-width: 400px)
{
.naglowek h1 {
font-size: 30px;
line-height: 52px;
}
}
#strona2 .tresc table td{
padding: 30px 5% 90px 5%;
width: 50%;
position: relative;
}
#strona2 .tresc table td:nth-of-type(1){
padding: 30px 5% 90px 5%;
width: 50%;
position: relative;
float: right;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#strona2 .tresc table td:nth-of-type(2){
padding: 30px 5% 90px 5%;
width: 50%;
position: relative;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#strona2 .tresc table tr:nth-of-type(even) td:nth-of-type(1){
padding: 30px 5% 90px 5%;
width: 50%;
position: relative;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#strona2 .tresc table tr:nth-of-type(even) td:nth-of-type(2){
padding: 30px 5% 90px 5%;
width: 50%;
position: relative;
float: right;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#strona2 .tresc table tr:nth-of-type(1) td img{
width: 120% !important;
right: -2.5%;
margin-top: -72%;
position: relative;
max-width: 520% !important;
}
#strona2 .tresc table tr:nth-of-type(2) td img{
width: 120% !important;
left: -22.3%;
margin-top: -12%;
position: relative;
max-width: 520% !important;
}
@media screen and (min-width: 0px) and (max-width: 1140px)
{
#strona2 .tresc table td:nth-of-type(1){
padding: 30px 5% 30px 5%;
width: 100%;
position: relative;
float: right;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#strona2 .tresc table td:nth-of-type(2){
padding: 30px 5% 50px 5%;
width: 100%;
position: relative;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#strona2 .tresc table tr:nth-of-type(even) td:nth-of-type(1){
padding: 30px 5% 10px 5%;
width: 100%;
position: relative;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#strona2 .tresc table tr:nth-of-type(even) td:nth-of-type(2){
padding: 10px 5% 40px 5%;
width: 100%;
position: relative;
float: right;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#strona2 .tresc table tr:nth-of-type(1) td img {
width: 90% !important;
max-width: 400px !important;
left: 0;
right: 0;
margin: 0 auto;
margin-top: 0px;
margin-top: -60px;
position: relative;
display: block;
}
#strona2 .tresc table tr:nth-of-type(2) td img {
width: 90% !important;
max-width: 400px !important;
left: 0;
right: 0;
margin: 0 auto;
margin-top: 0px;
margin-top: -60px;
position: relative;
display: block;
}
}
@media screen and (min-width: 0px) and (max-width: 800px)
{
#strona2 .tresc table {
max-width: 520px !important;;
}
}
@media screen and (min-width: 0px) and (max-width: 580px)
{
#strona2 .tresc table {
max-width: 380px !important;;
}
}
@media screen and (min-width: 0px) and (max-width: 420px)
{
#strona2 .tresc table {
max-width: 310px !important;;
}
}
.tresc2 {
float:left;
width:70%;
}
.lewa {
float:left;
width:105%;
margin: -60px -2.5% 20px -2.5%;
border: 1px solid #494847;
display: flex;
flex-wrap: wrap;
}
.glowna3 .lewa {
float:left;
width:100%;
margin: 0px 0% 130px 0%;
border: 0px solid #494847;
border-bottom: 1px solid #494847;
display: flex;
flex-wrap: wrap;
}
@media screen and (min-width: 0px) and (max-width: 1200px)
{
.lewa {
display: none;
}
.glowna3 .lewa {
display: none;
}
}
.komorka-menu {
flex: 1 0 6% !important;
padding: 20px 2%;
text-align: center;
text-transform: uppercase;
border-bottom: 2px solid rgba(196, 168, 114, 0.0);
}
.komorka-menu:hover {
border-bottom: 2px solid rgba(196, 168, 114, 1.0);
}
.komorka-menu-bold {
flex: 1 0 6% !important;
padding: 20px 2%;
text-align: center;
text-transform: uppercase;
border-bottom: 2px solid rgba(196, 168, 114, 1.0);
}
.komorka-menu a{
color: #FFF;
text-decoration: none;
font-size: 12px;
}
.komorka-menu-bold a{
color: #FFF;
text-decoration: none;
font-size: 12px;
}
.komorka-menu-menu {
display: none;
}
.glowna3 .lewa .komorka-menu{
display: none;
}
.glowna3 .lewa .komorka-menu-bold{
display: none;
}
.glowna3 .komorka-menu-menu {
flex: 1 0 12% !important;
text-align: center;
text-transform: uppercase;
border-bottom: 2px solid rgba(196, 168, 114, 0.0);
display: block;
transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;
padding: 20px 2%;
}
.glowna3 .komorka-menu-menu:hover {
border-bottom: 2px solid rgba(196, 168, 114, 1.0);
}
.glowna3 .komorka-menu-menu-bold {
flex: 1 0 12% !important;
text-align: center;
text-transform: uppercase;
border-bottom: 2px solid rgba(196, 168, 114, 1.0);
display: block;
transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;
padding: 20px 2%;
}
.glowna3 .komorka-menu-menu a{
color: #FFF;
text-decoration: none;
font-size: 12px;
padding: 30px 10%;
}
.glowna3 .komorka-menu-menu a:hover{
color: #C4A872;
}
.glowna3 .komorka-menu-menu-bold a{
color: #C4A872;
text-decoration: none;
font-size: 12px;
padding: 30px 10%;
font-weight:bold;
}
.logowanie_projektant_left {
width: 40%;
float: left;
margin-right: -20%;
font-size: 60px;
line-height: 75px;
color: #C4A872;
font-weight: 200;
padding: 20px 0px;
margin-top: 100px;
position: relative;
z-index: 20000;
}
.logowanie_projektant_right {
width: 80%;
float: left;
margin-right: 0%;
border: 1px solid #ECECEC;
margin-top: 70px;
padding: 90px 5% 90px 15%;
}
.logowanie_projektant_right table{
width: 100%;
}
.logowanie_projektant_right .zaloguj {
padding: 15px 30px 15px 70px;
background-color: #C4A872;
border: 0px solid #E5E5E5;
color: #000;
font-size:18px;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
}
.logowanie_projektant_right input {
padding: 15px 20px;
width: 100%;
border: 2px solid #EAEAEA;
}
@media screen and (min-width: 0px) and (max-width: 1250px)
{
.logowanie_projektant_left {
font-size: 45px;
line-height: 60px;
}
.logowanie_projektant_left {
padding: 40px 0px;
}
}
@media screen and (min-width: 0px) and (max-width: 890px)
{
.logowanie_projektant_left {
width: 100%;
float: left;
margin-right: 0%;
font-size: 40px;
line-height: 55px;
color: #C4A872;
font-weight: 200;
padding: 20px 0px;
margin-top: 100px;
position: relative;
z-index: 20000;
text-align: center;
}
.logowanie_projektant_right {
width: 100%;
float: left;
margin-right: 0%;
border: 1px solid #ECECEC;
margin-top: 70px;
padding: 90px 5% 90px 5%;
}
}
@media screen and (min-width: 0px) and (max-width: 890px)
{
.logowanie_projektant_left {
width: 100%;
float: left;
margin-right: 0%;
font-size: 30px;
line-height: 45px;
color: #C4A872;
font-weight: 200;
padding: 20px 0px;
margin-top: 50px;
position: relative;
z-index: 20000;
text-align: center;
}
.logowanie_projektant_right {
width: 100%;
float: left;
margin-right: 0%;
border: 1px solid #ECECEC;
margin-top: 10px;
padding: 40px 5% 40px 5%;
}
}
.zaloguj {cursor:pointer}
.zaloguj:hover {filter: brightness(70%);
-webkit-filter: brightness(70%);
-moz-filter: brightness(70%);
-o-filter: brightness(70%);
-ms-filter: brightness(70%);}
.wylogujsie {
border: 1px solid #666666;
padding: 30px 50px;
width: 100%;
float: left;
color: #CCCCCC;
margin-bottom:60px;
}
.wylogujsie a{
border: 1px solid #C4A872;
background-color: #C4A872;
padding: 10px 20px;
color: #FFF;
text-decoration: none;
}
footer {
border-top:1px solid #EFB786;
float:left;
width:100%;
background-color:black;
color:white;
color:#ABABAA;
}
footer .ramka {
float:left;
width:100%;
border:1px solid #333333;
margin-top:50px;
padding-right:100px;
position:relative;
}
footer .ramka a{
float:left;
width:45%;
display:block;
padding-right:5%;
}
footer .ramka strong{
color:white;
}
footer .strona {
position:relative;
}
footer .ramka .naskroty {
float:left;
width:40%;
padding:80px 30px;
border-right:1px solid #333333;
}
footer .ramka .social {
position: absolute;
right: 3px;
top: 0px;
border-left: 1px solid #333333;
width: 81px;
height: 100%;
}
footer .ramka .social a{
position:absolute;
left:0px;
top:0px;
border-bottom:1px solid #333333;
width:100%;
height:33.3%;
display:block;
text-align:center;
}
footer .ramka .social a:nth-child(2){
position:absolute;
left:0px;
top:33.3%;
border-bottom:1px solid #333333;
width:100%;
height:33.3%;
display:block;
}
footer .ramka .social a:nth-child(3){
position:absolute;
left:0px;
top:66.6%;
border-bottom:1px solid #333333;
width:100%;
height:33.3%;
display:block;
}
footer .ramka .social a img{
position:absolute;
left:0px;
top:0px;
bottom:0px;
right:0px;
margin:auto;
}
footer .ramka2 .social {
position:absolute;
right:0px;
top:0px;
border-left:1px solid #333333;
width:84px;
height:100%;
}
footer .ramka2 .social a{
position:absolute;
left:0px;
top:0px;
border-bottom:1px solid #333333;
width:100%;
height:100%;
display:block;
text-align:center;
}
footer .ramka2 .social a img{
position:absolute;
left:0px;
top:0px;
bottom:0px;
right:0px;
margin:auto;
}
footer .ramka .newsletter {
float:left;
width:60%;
padding:80px 30px;
position:relative;
}
footer .ramka .newsletter input[type="text"] {
float:left;
width:100%;
border:1px solid #414141;
padding:20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color:transparent;
color:white;
font-size:16px;
font-weight:300;
font-family: 'Roboto', sans-serif;
}
footer .ramka .newsletter input[type="submit"] {
font-family: 'Roboto', sans-serif;
color:white;
font-weight:bold;
padding:20px;
background-color:#414141;
border:0px;
font-size:17px;
position:absolute;
right:30px;
top: 136px;
cursor:pointer;
}
footer .ramka .newsletter input[type="submit"]:hover {
background-color:#C4AA72;
}
footer .ramka2 {
float:left;
width:100%;
border:1px solid #333333;
margin-bottom:50px;
margin-top:-1px;
padding:40px 120px 30px 30px;
position:relative;
}
footer .ramka2 a{
margin-right:30px;
}
footer .ramka2 img{
vertical-align:middle;
margin-right:30px;
margin-top: -10px;
}
@media screen and (min-width: 0px) and (max-width: 1080px)
{
footer .ramka2 {
font-size: 12px;
}
}
@media screen and (min-width: 0px) and (max-width: 960px)
{
footer .ramka .naskroty {
float:left;
width:100%;
padding:50px 30px;
border-right:0px solid #333333;
border-bottom:1px solid #333333;
}
footer .ramka {
padding-right: 83px;
}
footer .ramka .newsletter {
float: left;
width: 100%;
padding: 80px 30px;
position: relative;
}
}
@media screen and (min-width: 0px) and (max-width: 930px)
{
footer .ramka2 .social {
position:absolute;
right:0px;
top:0px;
border-left:1px solid #333333;
width:64px;
height:100%;
}
footer .ramka .social {
position: absolute;
right: auto;
left: 0px;
top: auto;
border-left: 0px solid #333333;
width: 75%;
height:40px;
bottom: 0px;
}
footer .ramka .social a {
position: relative;
left: auto;
top: auto;
bottom: 21px;
border-bottom: 0px solid #333333;
border-right: 1px solid #333333;
width: 33.3%;
height: 60px;
display: block;
text-align: center;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-top: 1px solid #333333;
}
footer .ramka .social a:nth-child(2) {
position: relative;
left: auto;
top: auto;
bottom: 21px;
border-bottom: 0px solid #333333;
border-right: 1px solid #333333;
border-top: 1px solid #333333;
width: 33.3%;
height: 60px;
display: block;
text-align: center;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
footer .ramka .social a:nth-child(3) {
position: relative;
left: auto;
top: auto;
bottom: 21px;
border-bottom: 0px solid #333333;
border-right: 1px solid #333333;
width: 33.3%;
height: 60px;
display: block;
text-align: center;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-top: 1px solid #333333;
}
footer .ramka a {
padding-right: 0%;
}
footer .ramka2 .social {
position: absolute;
right: 0px;
top: -62px;
border-left: 0px solid #333333;
border-top: 1px solid #333333;
border-bottom: 0px;
width: 25%;
height: 60px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
footer .ramka2 a {
margin-right: 0px;
}
footer .ramka2 .social a {
border-bottom:0px solid #333333;
}
footer .ramka {
padding-right: 0px;
}
footer .ramka .newsletter {
float: left;
width: 100%;
padding: 30px 30px 120px 30px;
}
footer .ramka .newsletter input[type="submit"] {
top: 86px;
}
footer .ramka2 {
padding: 40px 30px 30px 30px;
}
}
footer .ramka .social a {
border-bottom:0px !important;
}
@media screen and (min-width: 940px) and (max-width: 99999px)
{
footer .ramka2 .social a {
border-top:1px solid black;
margin-top:-1px;
}
}
@media screen and (min-width: 0px) and (max-width: 930px)
{
footer .ramka2 a {
margin-right: 0px;
width: 100%;
display: block;
text-align: center;
}
footer .ramka2 {
text-align: center;
}
footer .ramka2 img {
vertical-align: middle;
margin-right: 0px;
margin-top: -10px;
}
}
@media screen and (min-width: 0px) and (max-width: 450px)
{
footer .ramka .newsletter input[type="text"] {
padding: 22px 20px;
font-size: 12px;
}
footer .ramka .newsletter input[type="submit"] {
font-family: 'Roboto', sans-serif;
color: white;
font-weight: bold;
padding: 23px 12px;
background-color: #414141;
border: 0px;
font-size: 12px;
}
}
.boxy .box.box3 b {
font-size:17px;
letter-spacing: 0px;
line-height:60px;
}
.boxy .box.box3 b img {
vertical-align:middle;
margin-right:5px;
}
.link_szary {color:#797574;text-decoration: none;}
.link_szary:hover {color:#C3A871;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}
.link_stopka {color:#ABABAA;text-decoration: none;}
.link_stopka:hover {color:#C3A871;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}
.link_stopka2 {color:#C4AA72;text-decoration: none;font-weight:700;}
.link_stopka3 {color:white;text-decoration: none;font-weight:700;}
.link_stopka2:hover {color:white;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}
.link_bialy {color:white;text-decoration: none;}
.link_bialy:hover {color:black;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}
.link_bialy2 {color:white;text-decoration: none;}
.link_bialy2:hover {color:#C4AA72;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}
.link_czarny {color:black;text-decoration: none;}
.link_czarny:hover {color:#C3A871;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}
.przycisk {clear:both;color:white;text-decoration: none;padding:20px 30px;background-color:#C4AA72;padding-right:30px;letter-spacing: 1px;text-transform: uppercase;font-size: 12px;margin-top: 60px;display: inline-block;}
.przycisk:hover {background-color:black;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}
.przycisk img {vertical-align:middle;margin-right:10px;}
@media screen and (min-width: 841px) and (max-width: 99960px)
{
.przycisk {color:white;position: absolute;bottom: 50px;left: 10%;text-decoration: none;padding:20px 30px;background-color:#C4AA72;padding-right:30px;letter-spacing: 1px;text-transform: uppercase;font-size: 12px;margin-top: 60px;display: inline-block;}
.przycisk:hover {background-color:black;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}
.przycisk img {vertical-align:middle;margin-right:10px;}
}
@media screen and (min-width: 0px) and (max-width: 960px)
{
.przycisk {color:white;text-decoration: none;padding:20px 20px;background-color:#C4AA72;padding-right:20px;letter-spacing: 1px;text-transform: uppercase;font-size: 11px;margin-top: 60px;display: inline-block;}
}
/* hide the link until viewport size is reached */
a.meanmenu-reveal {
display: none;
}
/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
width: 100%;
position:fixed;
padding: 0px 0;
top: 0px;
padding: 0px 0% 0px 0%;
z-index: 22224000000000000000000000;
}
.mean-container a.meanmenu-reveal {
width: 30px;
height: 21px;
padding: 15px 5px;
position: absolute;
z-index: 999 !important;
top: 12px;
left: 3% !important;
margin: -1px 0px;
cursor: pointer;
color: #FFF;
text-decoration: none;
font-size: 16px;
text-indent: -9999em;
line-height: 30px;
font-size: 1px;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
cursor: pointer;
}
@media screen and (min-width: 0px) and (max-width: 420px)
{
.mean-container a.meanmenu-reveal {
top: 7px;
}
}
.mean-container a.meanmenu-reveal span {
display: block;
background: #FFF;
height: 2px;
margin-top: 6px;
transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;
}
.mean-container a.meanmenu-reveal span:nth-of-type(1) {
width: 55%;
transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;
}
.mean-container a.meanmenu-reveal span:nth-of-type(2) {
width: 75%;
transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;
}
.mean-container a.meanmenu-reveal:hover span {
width: 100% !important;
transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;
}
.mean-container .mean-nav {
float: left;
width: 100%;
margin-top: 0px;
margin-left: 0%;
margin-right: 0%;
background-color: #FFF;
}
.mean-container .mean-nav ul {
padding: 10px 0px 530px 0px !important;
width: 100% !important;
list-style: none;
position: absolute;
z-index: 0 !important;
right: 0%;
background-color: #FFF;
position:absolute;
top: 55px;
min-height:300px !important;
max-height:320px !important;
overflow-y: scroll;
-webkit-box-shadow: inset 0px 200px 106px -118px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0px 200px 106px -118px rgba(0,0,0,0.1);
box-shadow: inset 0px 200px 106px -118px rgba(0,0,0,0.1);
}
.mean-container .mean-nav ul ul{
padding: 20px 0px 20px 0px !important;
width: 100% !important;
list-style-type: none;
position: relative !important;
z-index: 0 !important;
left: 0%;
top:0px !important;
background-color:#FFF !important;
float: left;
position:relative;
min-height:50px !important;
max-height:auto !important;
}
.mean-container .mean-nav ul li a {
font-weight: 400 !important;
color: #000 !important;
}
.mean-container .mean-nav ul ul li a {
font-weight: 400 !important;
color: #000 !important;
}
.mean-container .mean-nav ul li {
position: relative;
float: left;
width: 90% !important;
box-sizing: border-box;
border-right: 0px solid #EBEBEB;
padding: 0px !important;
margin: 0px 5% !important;
background-repeat: no-repeat !important;
background-position: center bottom !important;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid #E6E6E6;
text-align: center;
}
.mean-container .mean-nav ul ul li {
position: relative;
float: left;
width: 100% !important;
box-sizing: border-box;
border-bottom: 0px solid #E0E0E0 !important;
border-right: 0px solid #EBEBEB !important;
padding: 0px !important;
margin: 0px 0% !important;
font-weight: 400;
}
.mean-container .mean-nav ul ul li a{
font-weight: 400 !important;
color: #333333 !important;
}
.mean-container .mean-nav ul li a.menubold{
font-weight: 700 !important;
color: 700 !important;
background-color: #E41723;
}
.mean-container .mean-nav ul ul {
position: relative;
float: left;
width: 100% !important;
box-sizing: border-box;
border-bottom: 0px solid #E0E0E0;
border-right: 0px solid #EBEBEB;
padding: 0px !important;
margin: 0px 0% !important;
background-color: #FFF !important;
}
.mean-container .mean-nav ul ul ul{
position: relative;
float: left;
width: 100% !important;
box-sizing: border-box;
border-bottom: 0px solid #E0E0E0;
border-right: 0px solid #EBEBEB;
padding: 0px !important;
margin: 0px 0% !important;
border: 0px solid #949494;
background-color: #FFF !important;
}
.mean-container .mean-nav ul li a {
display: inline-block;
float: none;
padding: 7px 9% 7px 9% !important;
margin: 0;
color: #000 !important;
text-transform: uppercase;
text-decoration: none;
font-weight: 400 !important;
font-size: 14px !important;
text-align: center;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mean-container .mean-nav ul ul li a {
padding: 3px 9% 3px 9% !important;
}
.mean-container .mean-nav ul li a:hover {
color: #C4A872 !important;
z-index: 100;
}
.mean-container .mean-nav ul li a img{
display: none;
}
.mean-container .mean-nav ul li img{
display: none;
}
.mean-container .mean-nav ul li li a {
width: 90%;
padding: 0.2em 5%;
text-shadow: none !important;
visibility: visible;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 13px !important;
}
.mean-container .mean-nav ul li.mean-last a {
margin-bottom: 0;
}
.mean-container .mean-nav ul li li li a {
width: 100%;
padding: 0.5em 5%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mean-container .mean-nav ul li li li li a {
width: 60%;
padding: 1em 20%;
}
.mean-container .mean-nav ul li li li li li a {
width: 50%;
padding: 1em 25%;
}
.mean-container .mean-nav ul li a.mean-expand {
margin-top: 1px;
width: 26px !important;
height: 30px !important;
text-align: center;
position: absolute;
right: 20px;
top: -1px;
z-index: 2000;
font-weight: 300 !important;
border: none !important;
color: #000 !important;
padding: 12px 10px !important;
font-size: 25px !important;
padding:10px;
text-align:center;
background-color: transparent;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
color: #E41723 !important;
}
.mean-container .mean-push {
float: left;
width: 0%;
padding: 0;
margin: 0;
}
.mean-nav .wrapper {
width: 100%;
padding: 0;
margin: 0;
}
/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.mean-remove {
display: none !important;
}
.mean-container .mean-nav > ul > li.menubold > a {
color:#FFF !important;
}
.slider_header {
font-size: 70px;
line-height: 80px;
font-weight: 600;
}
.slider_header h1,h2,h3{
font-size: 70px;
line-height: 80px;
font-weight: 600;
}
.slider_header22{
font-size: 50px;
line-height: 10px;
font-weight: 600;
}
@import url(http://fonts.googleapis.com/css?family=Ubuntu+Condensed&subset=latin,latin-ext);
#tabelka {
display: inline-table;
float:none;
top: 20%;
left: 10%;
right: 0;
max-width:100%;
width: 100%;
margin: auto auto;
color:black;
font-weight:1000;
position: absolute;
height: 10%;
text-align:center;
}
#tabelka1 {
display: inline-table;
float:none;
top: 77%;
left: 0;
right: 0;
max-width:100%;
width: 100%;
margin: auto auto;
color:black;
font-weight:1000;
position: absolute;
height: 10%;
text-align:center;
}
.cena1 {
width: 100%;
height: 10%;
text-align: center;
color: #C4AA72;
line-height: 20px;
font-family: 'Ubuntu Condensed';
font-size: 0.7em;
margin: 0 auto;
}
.cena1 .FV {
font-size: 1.8em;
}
.produkt {width: 25%; float: left; background: ; }
.produkt .nazwa h3 {
font-family: 'Ubuntu Condensed';
background: #2a2a2a;
padding: 1px;
text-align: center;
color: #fff;
font-size: 3.9em;
}
.produkt .cena {
width: 80%;
height: 80%;
border-radius: 60px;
background: #fff;
text-align: center;
line-height: 70px;
border: 10px solid #C4AA72;
box-shadow: 3px 3px 5px gray inset, 0 0 1px black;
font-family: 'Ubuntu Condensed';
font-size: 2em;
margin: 0 auto;
}
.produkt .parametry {
list-style: none;
padding: 0;
margin: 0px 0 0px;
font-family: 'Ubuntu Condensed';
color: #000;
font-size: 1.5em;
text-align: center;
}
.produkt .parametry li {padding: 1px; color: #C4AA72;}
.produkt .parametry li:nth-child(odd) {
background: ;
}
.produkt .parametry li:nth-child(even) {
background: ;
}
.produkt .kup {
background: #C4AA72;
background: -moz-linear-gradient(top, #C4AA72 0%, #998559 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C4AA72), color-stop(100%,#998559));
background: -webkit-linear-gradient(top, #C4AA72 0%,#998559 100%);
background: -o-linear-gradient(top, #C4AA72 0%,#998559 100%);
background: -ms-linear-gradient(top, #C4AA72 0%,#998559 100%);
background: linear-gradient(to bottom, #C4AA72 0%,#998559 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C4AA72', endColorstr='#998559',GradientType=0 );
display: inline-table;
margin: 0 auto;
margin-bottom: 10px;
padding: 20px;
border: 1px solid gray;
font-family: 'Ubuntu Condensed';
cursor: pointer;
box-shadow: 0 0 1px black;
color: #fff;
text-shadow: 0 0 30px #000;
border: 1px solid #998559;
position: absolute;
float: right;
font-size: 1em;
left: 0;
right: 0;
}
.produkt .kup:hover {
background: #6b5e41;
background: -moz-linear-gradient(top, #6b5e41 0%, #6b5e41 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b5e41), color-stop(100%,#6b5e41));
background: -webkit-linear-gradient(top, #6b5e41 0%,#6b5e41 100%);
background: -o-linear-gradient(top, #6b5e41 0%,#6b5e41 100%);
background: -ms-linear-gradient(top, #6b5e41 0%,#6b5e41 100%);
background: linear-gradient(to bottom, #6b5e41 0%,#6b5e41 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b5e41', endColorstr='#6b5e41',GradientType=0 );
}
.produkt:hover {background: #111; box-shadow: 0 0 50px #000;}
.produkt:hover .parametry li:nth-child(odd) {
background: #111;
}
.produkt:hover .parametry li:nth-child(even) {
background: black;
}
.produkt:hover .parametry {color: white;}
.produkt:hover h3 {background: #eee; color: #000; text-shadow: 0 0 3px silver;}
.produkt, .produkt * {-moz-transition: 0.1s ease-in; -webkit-transition: 0.1s ease-in; -o-transition: 0.1s ease-in; transition: 0.1s ease-in;}
@media screen and (min-width: 470px) and (max-width: 2048px)
{
#tabelka {
display: inline-table;
float:none;
top: 22%;
left: 0;
right: 0;
max-width:60%;
width: 100%;
margin: auto auto;
color:black;
font-weight:1000;
position: absolute;
height: 10%;
text-align:center;
}
#tabelka1 {
display: inline-table;
float:none;
top: 77%;
left: 0;
right: 0;
max-width:10%;
width: 1200px;
margin: auto auto;
color:black;
font-weight:1000;
position: absolute;
height: 100px;
text-align:center;
}
.cena1 {
width: 1000px;
height: 70px;
text-align: center;
color: #C4AA72;
font-family: 'Ubuntu Condensed';
font-size: 1em;
margin: 0 auto;
}
.cena1 .FV {
font-size: 1.4em;
}
.produkt {width: 33%; float: left; background: ; }
.produkt .nazwa h3 {
font-family: 'Ubuntu Condensed';
background: #2a2a2a;
padding: 1px;
text-align: center;
color: #fff;
font-size: 3.9em;
}
.produkt .cena {
width: 35%;
height: 35%;
border-radius: 60px;
background: #fff;
text-align: center;
line-height: 80px;
border: 10px solid #C4AA72;
box-shadow: 3px 3px 5px gray inset, 0 0 1px black;
font-family: 'Ubuntu Condensed';
font-size: 2em;
margin: 0 auto;
}
.produkt .kup {
background: #C4AA72;
background: -moz-linear-gradient(top, #C4AA72 0%, #998559 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C4AA72), color-stop(100%,#998559));
background: -webkit-linear-gradient(top, #C4AA72 0%,#998559 100%);
background: -o-linear-gradient(top, #C4AA72 0%,#998559 100%);
background: -ms-linear-gradient(top, #C4AA72 0%,#998559 100%);
background: linear-gradient(to bottom, #C4AA72 0%,#998559 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C4AA72', endColorstr='#998559',GradientType=0 );
display: inline-table;
margin: 0 auto;
margin-bottom: 10px;
padding: 20px;
border: 1px solid gray;
font-family: 'Ubuntu Condensed';
cursor: pointer;
box-shadow: 0 0 1px black;
color: #fff;
text-shadow: 0 0 30px #000;
border: 1px solid #998559;
position: absolute;
float: right;
font-size: 1.5em;
left: 0;
right: 0;
}
}