/* subsite */
.subsite {
	padding:2vw 10%;
}
.subsite table {
	width:100%;
}
.subsite tr td {
	padding:5px;
	border:1px solid #EEE;
}

/* end subsite */


/* ******************************************************************************* */

.pasek_kat_galeria {
	text-align:center;
	padding:3vw 0;	
}

.pasek_kat_galeria a {
	text-align:center;
	padding:15px 25px;
	margin:3px;
	display:inline;
	text-decoration:none;
	background:#FFF;
	color:#666;
	border:1px solid #999;
}
.pasek_kat_galeria a:hover, .pasek_kat_galeria .on {
	
	
	color:#F30;
	border:1px solid #F30;
}

.kat_galeria {	
	width:100%;
}

.kat_galeria, kat_galeria li {
	margin:0;
	padding:0;
	list-style:none;
}
.kat_galeria li, .kat_galeria li a, .kat_galeria li span {	
	/* width:25%; width:33.3%; */
}
.kat_galeria li a, .kat_galeria li span {
	/* padding:7px 10px;
	background:#333;
	text-decoration:none;
	color:#fff;
	margin:0 5px 0 0; */
	/* width:100%; */
	text-align:center;
	border:1px solid #fff;
	padding:5px 10px;
	margin:2px;
	background:#F8F8F8;
	border:1px solid #E8E8E8;
}
.kat_galeria li span {
	background:#FFF;
	color:#000;
}

.kat_galeria li a:hover, .kat_galeria li .on {
	background:#E9E9E9;	
}

.tlo_referencje .kat_galeria li a {
	background:#333;
	border:1px solid #666;
}
.tlo_referencje .kat_galeria li a:hover, .tlo_referencje .kat_galeria li .on {
	background:#171717;
}



.kat_galeria li a .img {
	width:150px;
	height:150px;
	
	margin:0 auto;
	
	line-height:0;
	overflow:hidden;
	
	-webkit-border-radius:50%;
	-khtml-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	
	border:4px solid #D8D8D8;
	
	
}

.kat_galeria li a .img img {
	height:150px;
	line-height:0;
	
	
	margin-left:-37px;
}

.kat_galeria li a .txt {
	float:inherit;
	text-align:center;
	width:100%;
	/* padding:2px 0 0 0;
	font-size:1.2em;
	*/
}


/* ******************************************************************************* */





.link_gallery {
	padding:2vw 0%;
	text-align:center;
}
.link_gallery a {
	display:block;
	width:auto;
	padding:25px 0 0 0;
	margin:0 auto;
	color:#000;
	text-decoration:none;
	
	background-image:url(../graphics/link_gallery.png);
	background-position:top;
	background-repeat:no-repeat;
}
.link_gallery a:hover {
	color:#F60;
}


/* home */
.home .pod_slider {
	padding:10px;
	background:#48494B;
	text-align:center;
	border-bottom:1px solid #333;
}
.home .under_slider h1 {
	font-size:1.4em;
	color:#FFF;
}
.home .txt {
	padding:2vw 10%;
}

.home .parallax {
	background-image:url(../graphics/home/jablko.jpg);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
.home .mask_parallax {
	background-image:url(../graphics/home/maska-parallax.png);
	background-position:top;
	background-repeat:repeat-x;
}

.home .parallax .in_parallax {
	padding:2vw 8%;
	background-image:url(../graphics/home/trojkaty.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:110%;
}

.home .parallax .box_parallax {
	position:relative;
	
	float:left;
	text-align:center;
	width:25.3%;
	padding:2vw 2%;
	margin:2vw 2%;
	background:#136980;
	color:#FFF;	
}

.home .parallax .box_parallax .box_link {
	position:absolute;
	bottom:0px;
	right:0;
	margin:0px;
	width:60px;
	height:30px;
	font-size:2px;
}
.home .parallax .box_parallax .box_link a {
	display:block;
	float:left;
	margin:0;
	padding:0;
	text-decoration:none;
	line-height:normal;
}

.home .parallax .box_parallax img {
	max-width:100px;
}

.home .parallax .b1 {
}
.home .parallax .b2 {
	background:#1D726B;
}
.home .parallax .b3 {
	background:#E45C0E;
}
.home .parallax .b4 {
	background:#8E265A;
}
.home .parallax .b5 {
	background:#16529B;
}
.home .parallax .b6 {
	background:#573F4C;
}



.home .parallax h1, .home .parallax h2, .home .parallax h3, .home .parallax p {
	color:#FFF;
}
.home .parallax h3 {
	font-size:1.4em;
}

.clear_1000 {
	display:none;
}
@media only screen and (max-width:1000px) {
	.home .parallax .in_parallax {
		padding:2vw 2%;
	}
	
	.home .parallax .box_parallax {	
		width:42%;
	}
	.clear_1000 {
		display:block;
		clear:both;
		height:0;
		font-size:0;
	}
	
}
@media only screen and (max-width:640px) {
	.home .parallax .box_parallax {	
		width:92%;
	}
}


/* ************************************* FOTO ******************************* */
.txt_white {
	color:#FFF;
}
ul li {
	list-style:square;
}
.left_50, .right_50 {
	float:left; width:40%;
	padding:4vw 5%;
	
}
.width_30 {
	width:20%;
}
.width_70 {
	width:60%;
}

.img_50 {
	background-image:url(../graphics/foto/od-matrycy.jpg);
	background-position:center;
	background-size:cover;
	
	min-height:22vw;
	
}
.img_50, .img_50 h1, .img_50 h2, .img_50 h3 {
	 color:#FFF;
}

.img_100 {
	background-image:url(../graphics/foto/woda.jpg);
	background-position:center;
	background-size:100%;
}
.img_100_padding {
	padding:3vw 3%;
}
.img_padding {
	margin:0;
	padding:0;
	line-height:0;
}

.no_margin {
	width:50%;
	margin:0;
	padding:0;
	line-height:0;
}



.foto {
}
.foto .txt_color {
	color:#1D726D;
	background:#FFF;
}
.foto .bg_color {
	background:#1D726D;
	color:#FFF;
}
.foto .bg_color h3 {
	color:#FFF;
}


.foto .head, .projekty .head, .galeria .head {
	padding:0.5vw 0; text-align:center;
}
.foto .head h3 {
	color:#FFF;
}

.od_matrycy {
	
}

.foto .fotografia-studyjna {
	background-image:url(../graphics/foto/fotografia-sudyjna.jpg);
}
.foto .fotografia-plenerowa {
	background-image:url(../graphics/foto/fotografia-plenerowa.jpg);
}
.foto .koloryzacje {
	background-image:url(../graphics/foto/koloryzacje.jpg);
}
.foto .trzy-3d {
	background-image:url(../graphics/foto/3d.jpg);
}

.padding_mobile {
	display:none;
}
@media only screen and (max-width:1000px) {
	.left_50, .right_50 {
		width:90%;		
	}
	.right_50 {
		/* border-bottom:4px solid #333; */
	}
	.padding_mobile {
		clear:both;
		display:block;
		height:5vw;
	
		background-image:url(../graphics/padding_mobile.png);
		
		
		background-repeat:repeat;
		background-attachment: fixed;
		background-position: top right;
		padding: 0px;
		position: relative;
		/* background-size: cover; */
	}
	
	.width_30 {
		width:90%;
	}
	.width_70 {
		width:90%;
	}
	.no_margin {
		width:100%;
	}
	
	.img_50 {
		min-height:150px;
		min-height:50vw;
	}
}




/* laser */
.laser .txt_color {
	color:#94205D;
	background:#FFF;
}
.laser .bg_color {
	background:#94205D;
	color:#FFF;
}
.laser .bg_color h3 {
	color:#FFF;
}

.laser .swiatlem-wiazka {
	background-image:url(../graphics/laser/swiatlem-wiazka.jpg);
}
.laser .ciecie {
	background-image:url(../graphics/laser/ciecie.jpg);
}
.laser .pieczatki {
	background-image:url(../graphics/laser/pieczatki.jpg);
}
.laser .formy-szablony {
	background-image:url(../graphics/laser/formy-szablony.jpg);
}
.laser .eco-reklama {
	background-image:url(../graphics/laser/eco-reklama.jpg);
}




/* outdoor */
.outdoor .lodka {
	padding:1vw 10%;
}

.outdoor .txt_color {
	color:#16529B;
	background:#FFF;
}
.outdoor .bg_color {
	background:#16529B;
	color:#FFF;
}
.outdoor .bg_color h3 {
	color:#FFF;
}

.outdoor .reklama-zewnetrzna {
	background-image:url(../graphics/outdoor/reklama-zewnetrzna.jpg);
}
.outdoor .projekt-targowy {
	background-image:url(../graphics/outdoor/projekt-targowy.jpg);
}
.outdoor .mapa-swiata {
	background-image:url(../graphics/outdoor/mapa-swiata.jpg);
}
.outdoor .aluminiowe-kolki {
	background-image:url(../graphics/outdoor/aluminiowe-kolki.jpg);
	background-position:right;
	background-repeat:no-repeat;
	background-size:30%;
}
.outdoor .eco-reklama {
	background-image:url(../graphics/outdoor/eco-reklama.jpg);
}
.outdoor .oklejanie-samochodow {
	background-image:url(../graphics/outdoor/oklejanie-samochodow.jpg);
}

@media only screen and (max-width:1000px) {
	.outdoor .lodka {
		padding:0;
	}
}




/* design */
.designe .txt_color {
	color:#573F4C;
	background:#FFF;
}
.designe .bg_color {
	background:#573F4C;
	color:#FFF;
}

.designe .ships {
	padding:5vw 10%;
	text-align:center;
}
.designe .ships img {
	max-width:40%;
}

.designe .bg_color h3 {
	color:#FFF;
}

.designe .malarstwo-olejne {
	background-image:url(../graphics/designe/malarstwo-olejne.jpg);
}
.designe .malowanie-drewnem {
	background-image:url(../graphics/designe/malowanie-drewnem.jpg);
}



/* projekty */
.projekty .txt_color {
	color:#136980;
	background:#FFF;
}
.projekty .bg_color {
	background:#136980;
	color:#FFF;
}
.projekty .bg_color h3 {
	color:#FFF;
}
.projekty .szkice {
	background-image:url(../graphics/projekty/szkice.jpg);
}



/* galeria */

.galeria {
}


.galeria .box { 
	padding:10px 0;
	border-bottom:1px solid #E5E5E5;
}

.galeria .box .left {
	width:50%;
	padding:2vw 0;
	float:left;
	background:#CCC;
	text-align:center;
	color:#FFF;
	
	cursor:pointer;	
}
.galeria .box .left img {
	max-width:120px;
	
}
.galeria .box .left:hover {
	color:#FF0;
}



.galeria .box .icon_1 {	background:#146B7F; }
.galeria #gal_box_1 { color:#146B7F; }

.galeria .box .icon_2 {	background:#1D726B; }
.galeria #gal_box_2 { color:#1D726B; }

.galeria .box .icon_3 {	background:#961F5D; }
.galeria #gal_box_3 { color:#961F5D; }

.galeria .box .icon_4 {	background:#16539B; }
.galeria #gal_box_4 { color:#16539B; }

.galeria .box .icon_5 {	background:#57414C; }
.galeria #gal_box_5 { color:#57414C; }






.galeria .box .right {
	width:50%;
	float:left;
	font-size:1.3em;
	line-height:1.3em;
}
.galeria .box .right .in_40 {
	float:left;
	width:30%;
	padding:10px 5%;
}

@media only screen and (max-width:1000px) {
	.galeria .box .right {
		font-size:1em;
	}
	.galeria .box .left {
		width:40%;
	}
	.galeria .box .right {
		width:60%;
	}
	.galeria .box .left img {
		max-width:90px;	
	}
}