@import url(stala/default.css);



.body {

	padding: 0px;

	margin: 0px;

	text-align: center;

	background: url(bg.jpg) top center no-repeat;

	background-size: cover;

}

hr, .hr {

	border: 0; height: 1px; 

    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));       

    background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 

    background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 

    background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));

    background-image: linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));

    width:100%; 

	margin: 20px 0 20px 0;

}

ul, ol {

	list-style-position: outside;

	margin-left: 25px;

	margin-bottom: 0px;

	padding: 0px;

    vertical-align:middle;

}



.text {

	line-height: 140%;

	width:100%;

	clear:both;

	padding-top: 10px;

	padding-right: 0px;

	padding-bottom: 20px;

	padding-left: 0px;

	float: left;

}



.main {

	width: 1200px;

	position: relative;

	text-align: left;

	margin: auto;

	clear:both;

}



/*START html*/



#logo{

	width: 129px;

	height: 94px;

	float:left;

	font-size: 30px;

	text-align: center;

	position:absolute;

	top:20px;

	left: 0;

    z-index: 10;

}



#logo span{

	width: 129px;

	height: 94px;

	position:absolute;

	top:0;

	text-indent: -999px;
color:#fff;

	left:0;

	background:url(logo.png) center center no-repeat;

}





header {

	clear: both;

	float: left;

	height: 130px;

	width: 100%;

	position: relative;

}





#top{

    display: inline-block;

    float: right;

    text-align: right;

    margin-top: 20px;

    margin-bottom: 60px;

}



#top a{

    display: inline-block;

    font-size: 18px;

    color: #000;

    height: 14px;

    line-height: 14px;

    padding-left: 28px;

}



#top .mail{

    background: url(mail.gif) left center no-repeat;

    margin-left: 50px;

}



#top .tel{

    background: url(tel.gif) left center no-repeat;

}



#top a:hover{

    text-decoration: none;

    color: #929292

}





#home{

    display: inline-block;

    background: url(home.gif) no-repeat;

    height: 15px;

    width: 15px;

    border-right: 1px solid #c1c1c1;

    padding-right: 30px;

    margin: 0px;

    padding-left: 0px;

	cursor: pointer;

}





nav {

	clear: both;

	float: left;

	width: 100%;

    text-align: right;

}



nav li {

	display: inline-block;

	position:relative;

    padding-left: 15px;

    margin-left: 15px;

}



nav li a {

	font-size: 15px;

	color: #555555; 

	display: inline-block;

	position:relative;

    text-transform: uppercase;

    font-weight: bold;

}



nav li.s a, nav li:hover a, nav li.act a {

	color:#929292;

	text-decoration:none;

}



nav li.s menu a, nav li.act menu a, nav li:hover menu a {

	color:#fff;

}



nav li menu {               

	display:none;

	position:absolute;

	text-align:left;

	background-color: #000000;

	padding: 10px 10px 10px 10px;

	z-index:2;

	min-width:150px;

	border-bottom: solid 3px #eaf044;

}



nav li menu a {

	color:#fff;

	display:block;

	padding: 7px 10px 7px 10px;

	white-space: nowrap;

	font-size: 12px;

	background:none !important;

	line-height: 100% !important;

	height:auto !important;

	margin-bottom: 2px;

}



nav li menu a { 

	color:#ffffff;

}



nav li menu a:hover, nav li menu a.s { 

	color:#454545;

	background:#eaf044 !important;

	text-decoration:none;

}





/*CONTENT*/



.wwl {

  background: #eaf044;

  background-image: -webkit-linear-gradient(top, #eaf044, #f7ff00);

  background-image: -moz-linear-gradient(top, #eaf044, #f7ff00);

  background-image: -ms-linear-gradient(top, #eaf044, #f7ff00);

  background-image: -o-linear-gradient(top, #eaf044, #f7ff00);

  background-image: linear-gradient(to bottom, #eaf044, #f7ff00);

  color: #211e21;

  font-size: 14px;

  padding: 10px 20px 10px 20px;

  text-decoration: none;

  display: inline-block;

  margin: 10px 0px;

}



.wwl:hover {

  background: #000000;

  text-decoration: none;

  color: #fff;

}



#content {

	text-align: left;

	clear: both;

	float: left;

	width: 100%;

	padding: 20px 0;

	background: url(fotka.png) left bottom no-repeat;

}



h1, h2{

	font-size: 35px;

	color: #717171;

	font-weight: 300;

	text-transform: uppercase;

	margin-bottom: 40px;

}



h3{

	color: #454545;

	font-size: 18px;

	font-weight: 700;

	text-transform: uppercase;

}



#kols {

	clear: both;

	float: left;

	width: 100%;

}



aside {

	clear: both;

	float: left;

	width: 100%;

	position: relative;

	height: 600px;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 0;

	margin-bottom: 20px;

}



blockquote {

	float: left;

	height: 480px;

	width: 100%;

	position: relative;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 0;

}

.slajd {

	height: 600px;

	width: 100%;

	position: absolute;

	left: 0px;

	top: 0px;

	display:none;

	text-align: left;

	border: none;

}



.slajd img{

    float: left;

    width: 100%;

    height: auto;

}



aside small{

    position: absolute;

    left: 0;

    bottom: -10px;

    width: 100%;

    text-align: center;

}



aside small a{

    display: inline-block;

    width: 20px;

    height: 20px;

    background: #788b99;

    border-radius: 100%;

    border: 4px solid #fff;

    margin: 0 3px;

    cursor: pointer;

}



aside small a:hover, aside small a.s{

    background: #eaf044;

}



.nakl{

    position: absolute;

    left: 0;

    bottom: 30px;

    width: 100%;

    text-align: center;

}



.nakl h1{

    font-size: 36px;

    color: #fff;

    text-transform: uppercase;

    font-weight: bold;

    text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);

}



.nakl h1 a{

    color: #fff;

}



.nakl h1 a:hover{

    text-decoration: none;

    color: #eaf044;

}



.opis_animki{

    clear: both;

    width: 1000px;

    margin:  0 auto;

    background: rgba(255, 255, 255, .5);

    padding: 20px;

}



.opis_karta ul li{

	list-style-image: url(pk.png);

}





/*FOOTER*/

footer {

	clear: both;

	float: left;

	width: 100%;

	padding-top: 20px;

	padding-bottom: 20px;

}

#copy {

	float: left;

	color:#b0b0b0;

	font-size:12px;

}



#projekt {

	float: right;

	color:#b0b0b0;

	font-size:12px;

}



#projekt a, #copy a {

	color:#b0b0b0;

}



#projekt a:hover:nth-child(1){

	text-decoration: none;

	color: #94b700;

}



#projekt a:hover:nth-child(2){

	text-decoration: none;

	color: #ff0000;

}





/*boxy male*/



#boxy_gl{

    clear: both;

    float: left;

	text-align: center;

    width: 100%;

	margin-bottom: 70px;

}



.b_maly{

    width: 390px;

    height: 153px;

    float: left;

    position: relative;

	margin: 0 10px 10px 0px;

}



.b_maly a{

    display: inline-block;

}



.b_maly img{

	float: left;

}



.b_maly span{

    position: absolute;

    top: 0px;

    right: 0px;

    background: #515153;

    height: 100%;

    width: 220px;

    text-align: center;

    font-size: 30px;

    padding-top: 50px;

    color: #fff;

    font-family: 'Open Sans', sans-serif;

    padding-right: 20px;

}



.b_maly span small{

    font-size: 30px;

    color: #eaf044;

}



.b_maly span:before {

    content: "";

	display: block;

	width: 83px;

	height: 153px;

	background: url(nakl.png) no-repeat;

    position: absolute;

    top: 0;

    left: -83px;

}



.b_maly.col2{

	margin-right: 0px;

}



/*boxy duze*/



.b_duzy{

    width: 390px;

    float: left;

	margin: 0 10px 20px 0px;

	min-height: 333px;

}



.b_duzy img{

    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .4);

    border: 10px solid #fff;

    float: left;

    margin-bottom: 10px;

}



.b_duzy:hover img{

	border-color: #eaf044;

}



.b_duzy h6{

    font-size: 18px;

    color: #000;

    text-transform: uppercase;

    text-align: left;

    font-weight: bold;

}



.b_duzy h6 a{

    color: #000;

}



.b_duzy:hover h6 a{

	text-decoration: none;

	color: #929292;

}



.b_duzy .opis{

    clear: both;

    float: left;

    width: 100%;

    font-size: 14px;

    color: #808080;

	text-align: left;

}





.pod .b_duzy.opis{

	height: 340px;

}





.pod .b_duzy{

	height: 290px;

	min-height: auto;

}





/*duzy footer*/



#duzy_footer{

    clear: both;

    float: left;

    width: 100%;

    height: 437px;

}



#mapa{

    width: 60%;

    float: left;

	overflow: hidden;

}



#mapa iframe{

	border: 0px !important;

	width: 100% !important;

	height: 437px !important;

}



#kform{

    width: 40%;

    float: right;

    background: #979797 url(wzorek.png) right -118px no-repeat;

    height: 437px;

    position: relative;

    padding-right: 20px;

}



#kform:before {

    content: "";

	display: block;

	width: 260px;

	height: 437px;

	background: url(nakl_footer.gif) no-repeat;

	position: absolute;

    left: -260px;

    bottom: 0;

}



#adres {

    clear: both;

    float: right;

    width: 480px;

    text-align: left;

    padding: 40px 0px;

}



.adr{

	width: 150px;

	float: left;

}



#adres div{

    color: #fff;

    font-size: 14px;

}



.zadzwon small{

    font-size: 14px;

    color: #fff;

    display: block;

}



.zadzwon{

	border-left: 1px solid #aaaaaa;

	padding-left: 50px;

	float: right;

}



.zadzwon .tl{

    font-size: 30px;

    color: #fff;

}



.zadzwon .ml{

    color: #4c4c4c;

}



.zadzwon a:hover{

    text-decoration: none;

    color: #eaf044;

}



#logo_stopka{

    display: block;

    width: 129px;

    height: 94px;

    background: url(logo_stopka.png) no-repeat;

    position: absolute;

    top: 15px;

    left: -175px;

}



#form{

    clear: both;

    float: left;

    width: 100%;

}



.inp_f, .textarea{

    font-size: 13px;

    color: #fff;

    border: none;

    background: none;

    border-bottom: 2px solid #fff;

    height: 30px;

    width: 100%;

}



.inp_f{

    width: 46%;

    float: left;

    margin-right: 50px;

}



.textarea{

    height: 150px;

    padding-top: 10px;

    resize: none;

}



.inp_f:focus, .textarea:focus{

    border-color: #eaf044;

}



#kform ::-webkit-input-placeholder {color: #ffffff; opacity: 1 !important;}

#kform :-moz-placeholder {color: #ffffff; opacity: 1 !important;}

#kform ::-moz-placeholder {color: #ffffff; opacity: 1 !important;}

#kform :-ms-input-placeholder {color: #ffffff; opacity: 1 !important;}

#kform :placeholder-shown {color: #ffffff; opacity: 1 !important;}



.btn_f{

    clear: both;

    float: right;

    border: none;

    font-size: 14px;

    color: #fff;

    background: #000000;

    cursor: pointer;

    width: 130px;

    height: 32px;

}



.btn_f:hover{

    background: #eaf044;

    color: #000;

}



.nomg{

    margin-right: 0px !important;

}



#kform h5{

    font-size: 24px;

    margin-bottom: 20px;

    text-align: left;

    color: #fff;

}



/*glowna style w edytorze*/





.pk1{

	background: url(one.png) left top no-repeat;

}



.pk2{

	background: url(two.png) left top no-repeat;

}



.pk3{

	background: url(three.png) left top no-repeat;

}



.pk1, .pk2, .pk3 {

    line-height: 22px;

    padding-bottom: 20px;

	padding-left: 125px;

}



.opis.naglowek{

	clear: both;

	float: left;

	width:100%;

	font-size: 27px;

	color: #000000;

	text-align: center;

	padding-top: 20px;

	padding-bottom: 40px;

}



#lang{

	display: inline-block;

	margin-left: 20px;

}



#lang a{

	display: inline-block;

	padding: 0px;

	opacity: .2;

	height: 12px;

	line-height: 12px;

}



#lang img{

	float: left;

}



#lang a.s, #lang a:hover{

	opacity: 1;

}



/*podstrony*/



.pod #content{

	background: none;

}



.pod h1, .pod h2{

	font-size: 26px;

	margin-bottom: 10px;

	border-bottom: 1px dashed #c1c1c1;

	padding-bottom: 5px;

	margin-bottom: 10px;

	font-weight: bold;

}



/*produkt*/



.produkt{

	float: left;

	text-align: center;

	margin: 0 10px 10px 0px;

	position: relative;

	width: 290px;

	min-height: 250px;

}



.produkt.col3{

	margin-right: 0px;

}



.produkt:nth-child(4n){

	margin-right: 0px;

}



.produkt img{

	width: 100%;

	height: auto;

	float: left;

}



.produkt:hover img{

	opacity: .3;

}



.produkt:hover h4 a{

	color: #929292

}



.produkt h4 a:hover{

	text-decoration: none;

}



.produkt h4{

	font-size: 16px;

	color: #000;

	font-weight: bold;

	text-transform: uppercase;

}



.produkt h4 a{

	color: #000;

}



.fota{

	float: left;

	background: #fff;

	padding: 10px;

	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .4);

	margin-bottom: 10px;

}



.produkt a:hover:before{

    content: "kliknij aby powiększyć";

	display: block;

	width: 100%;

	position: absolute;

	top: 38%;

	left: 0px;

	z-index: 10;

}



.nagl_products{

	clear: both;

	float: left;

	width: 100%;

	margin-bottom: 20px;

}



.nagl_sort{

	display: inline-block;

	float: right;

	margin-top: -32px;

}



/*karta*/



#fotki{

	width: 640px;

	float: left;

	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .4);

	min-height: 313px;

	text-align: center;

}



#fotogl{

	padding: 10px;

	position: relative;

	float: left;

	overflow: hidden;

	overflow: hidden;

}



#fotogl a:hover:before {

	display: block;

    content: "";

	width: 80px;

	text-align: center;

    height: 80px;

    position: absolute;

    top: 50%;

    left: 50%;

	color: #000;

	font-size: 22px;

    margin-top: -40px;

	margin-left: -40px;

    background: url(lupa2.png) center center no-repeat;

	z-index: 100;

	background-size: 100% auto;

}





#fotogl img{

	float: left;

	width: 100%;

	height: auto;

}



#fotodod{

	clear: both;

	float: left;

	width: 100%;

	text-align: center;

	padding: 10px;

}



#fotodod a{

	position: relative;

	float: left;

}



#fotodod a:hover:before{

	content: "kliknij aby powiększyć";

	position: absolute;

	left: 0px;

	top: 40%;

	width: 100%;

	text-align: center;

	font-size: 9px;

	color: #000;

}



#fotodod img:hover{

	opacity: .3;

}



#fotodod img{

	float: left;

}



#fotogl img:hover{

    -webkit-transform:scale(1.1);

    -moz-transform:scale(1.1); 

    -ms-transform:scale(1.1); 

    -o-transform:scale(1.1); 

     transform:scale(1.1);

	 	    -webkit-transition: all 0.5s ease; 

  	-moz-transition: all 0.5s ease; 

  	-o-transition: all 0.5s ease; 

  	-ms-transition: all 0.5s ease; 

  	transition: all 0.5s ease;

}



#fotodod a{

	float: left;

	display: inline-block;

	margin: 0 5px 5px 0px;

}



#fotodod a:last-child{

	margin-right: 0px;

}



.opis_karta{

	width: 520px;

	float: right;

	font-size: 14px;

	color: #373737;

}



#do_pobrania{

	clear: both;

	float: left;

	width: 100%;

	margin: 20px 0;

}



#karta h3{

	font-style: normal;

	border-bottom: 1px solid #d4d4d4;

	padding-bottom: 5px;

	margin-bottom: 10px;

}



#karta ul li{

	line-height: 26px;

}



#do_pobrania a{

	color: #929292;

	display: block;

	float: left;

	min-width: 320px;

	background: url(pdf.png) left center no-repeat;

	padding: 5px 0 5px 28px;

}



#do_pobrania a:hover{

	text-decoration: none;

	color: #000;

}



.w100 #fotki{

	display: none;

}



.w100 .opis_karta{

	width: 100%;

}



.gallery div:hover img{

	opacity: .6;

}



.gallery a, .gallery img{

	float: left;

	position: relative;

}



.gallery a:hover:before{

    content: "";

	display: block;

	width: 50px;

	height: 50px;

	background: url(lupa.png) no-repeat;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-top: -25px;

	margin-left: -25px;

	z-index: 10;

}



.gallery img{

	box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);

}



.s404 #logo{

	top: 0px;

}



.s404 header{

	height: 136px;

}



.s404 #content{

	text-align: center;

	background: #f3f3f3;

}



.s404 #content h1{

	font-size: 48px;

	margin: 0px;

	line-height: 86px;

}



.s404 #content  span{

	display: block;

	font-size: 26px;

	color: #484848;

	margin-bottom: 10px;

}

.powrot{

	display: inline-block;

	font-size: 16px;

	color: #fff;

	background: #ff0000;

	padding: 10px 20px;

}



.powrot:hover{

	text-decoration: none;

	background: #454545;

}



.listing{

	clear: both;

	float: left;

	width: 100%;

	margin: 20px 0px;

}



.pod header{

	box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, .2);

}







#facebook-connect-container {

    background-color: #3A5896;

    border: 1px solid #3A5896;

}

#facebook-connect-container {

    height: 300px;

    left: 0;

    margin-left: -306px;

    padding: 4px 4px 4px 0;

    position: fixed;

    top: 150px;

    width: 300px;

    z-index: 500;

}

#facebook-connect-button {

    cursor: pointer;

    height: 143px;

    margin: -150px -55px 0 0;

    position: absolute;

    right: 0;

    top: 50%;

	width:55px;

}