body { 
	font-family: Arial, Helvetica, sans-serif;
	font-size : 13px;
	color: #777;
	background: url(../grafika/back.jpg);
	margin-bottom: 0px; 
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top: 0px; 
	padding:0px;
	}

@font-face {
    font-family: 'bariol_bold';
    src: url('../fonts/bariol_bold-webfont.eot');
    src: url('../fonts/bariol_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bariol_bold-webfont.woff') format('woff'),
         url('../fonts/bariol_bold-webfont.ttf') format('truetype'),
         url('../fonts/bariol_bold-webfont.svg#bariol_boldbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bariol_light';
    src: url('../fonts/bariol_light-webfont.eot');
    src: url('../fonts/bariol_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bariol_light-webfont.woff') format('woff'),
         url('../fonts/bariol_light-webfont.ttf') format('truetype'),
         url('../fonts/bariol_light-webfont.svg#bariol_lightlight') format('svg');
    font-weight: normal;
    font-style: normal;
}


		@font-face {
				font-family: 'FontLight';
				src: url('../fonts/light.eot');
				src: url('../fonts/light.eot?#iefix') format('embedded-opentype'),
						 url('../fonts/light.woff') format('woff'),
						 url('../fonts/light.ttf') format('truetype'),
						 url('../fonts/light.svg#light') format('svg');
				font-weight: normal;
				font-style: normal;
		}
		
		@font-face {
				font-family: 'FontMedium';
				src: url('../fonts/fontmedium.eot');
				src: url('../fonts/fontmedium.eot?#iefix') format('embedded-opentype'),
						 url('../fonts/fontmedium.woff') format('woff'),
						 url('../fonts/fontmedium.ttf') format('truetype'),
						 url('../fonts/fontmedium.svg#fontmedium') format('svg');
				font-weight: normal;
				font-style: normal;
		}
		
*::-moz-selection { background-color:#ec3900; color:#fff; }
*::selection { background-color:#ec3900; color:#fff; }

p {margin: 0; padding: 0;}
ul{ margin-bottom:0px; margin-top:0px;}
.clear{clear:both;}
.kolor{color:#ec3900;}
.kolor2{color:#ff2069; font-size:7pt; padding-left:5px; padding-top:3px;}

.dzial { text-transform:uppercase; font-family:'bariol_light', Arial, Helvetica, sans-serif; font-size:21px; color:#FFFFFF; background:#dc2a0d; letter-spacing:1px; padding:0 7px; display:inline;}
.dzial2 { font-family:'bariol_light', Arial, Helvetica, sans-serif; font-size:21px; color:#FFFFFF; background:#dc2a0d; letter-spacing:1px; padding:0 7px; display:inline;}
.dzial2 h1{ font-size:21px; display:inline; font-weight:normal; text-transform:uppercase;}
.linia{ margin-left:10px; border-bottom:1px solid #dc2a0d;}

#top_container{ width:100%; height:128px; background:url(../grafika/top_back.png) repeat-x; position:relative; margin-bottom:50px;}
#top{ width:970px; margin:auto; position:relative; height:128px;}
#logo{ position:absolute; top:40px; left:14px;}
#facebook{ position:absolute; top:10px; right:23px;}
#menu{ position:absolute; bottom:45px; right:20px; font-size:17px; font-family:'bariol_bold', Arial, Helvetica, sans-serif;}
#menu_klik, #menu_klik_active{ height:25px; padding:0 10px; color:#eaeaea; margin-left:20px; display:inline; float:left; cursor:pointer; border-bottom:2px solid transparent; line-height:1.5; letter-spacing:1.3px;
	-webkit-transition-property: border;
	-webkit-transition-duration: .5s;
	-webkit-transition-timing: ease-in;
	-moz-transition-property: border;
	-moz-transition-duration: .5s;
	-moz-transition-timing: ease-in;
	-o-transition-property: border;
	-o-transition-duration: .5s;
	-o-transition-timing: ease-in;
	transition-property: border;
	transition-duration: .5s;
	transition-timing: ease-in;}
#menu_klik:hover{ border-bottom: 1px solid #bebebe;}
#menu_klik_active{background:#dc2a0d; color:#FFFFFF;}

#content{ width:970px; margin:auto; position:relative;}


#home_container{ height:340px; width:970px; position:relative;}
#home_haslo1{ position:absolute; left:30px; top:0px; font-size:48px; letter-spacing:2px; overflow:hidden; font-family:'FontLight', Arial, Helvetica, sans-serif; height:52px; line-height:1; padding:0px 20px; background:#dc2a0d; color:#FFFFFF;}
#home_haslo2{ position:absolute; left:89px; top:65px; font-size:58px; letter-spacing:2px; overflow:hidden; font-family:'FontLight', Arial, Helvetica, sans-serif; height:63px; line-height:1; padding:0px 20px; background:#dc2a0d; color:#FFFFFF;}
#home_haslo2 span{ font-size:45px;}
#czym{ width:128px; height:95px; background:url(../grafika/czym.png) no-repeat; position:absolute; right:180px; top:45px;}
#ikony_main{ width:170px; height:140px; position:absolute; text-align:center; font-family:'bariol_bold', Arial, Helvetica, sans-serif; color:#a1a1a1; font-size:19px; letter-spacing:1px; line-height:1.2;
	-webkit-transition-property: color, background;
	-webkit-transition-duration: .5s;
	-webkit-transition-timing: ease-in;
	-moz-transition-property: color, background;
	-moz-transition-duration: .5s;
	-moz-transition-timing: ease-in;
	-o-transition-property: color, background;
	-o-transition-duration: .5s;
	-o-transition-timing: ease-in;
	transition-property: color, background;
	transition-duration: .5s;
	transition-timing: ease-in;
}
#ikony_main:hover{ color:#dc2a0d}
#ikony_main div{ margin-top:110px;}

.stronywww { background:url(../grafika/main/stronywww.png) 40px 15px no-repeat; bottom:20px;}
.stronywww:hover { background:url(../grafika/main/stronywww2.png) 40px 20px no-repeat;}
.sklepy { background:url(../grafika/main/sklepinternetowy.png) 40px 16px no-repeat; left:200px; bottom:20px;}
.sklepy:hover {background:url(../grafika/main/sklepinternetowy2.png) 40px 21px no-repeat; }
.pozycjonowanie { background:url(../grafika/main/pozycjonowanie.png) 28px 10px no-repeat; left:400px; bottom:20px;}
.pozycjonowanie:hover {background:url(../grafika/main/pozycjonowanie2.png) 28px 15px no-repeat; }
.poligrafia { background:url(../grafika/main/poligrafia.png) 50px 5px no-repeat; left:600px; bottom:20px;}
.poligrafia:hover {background:url(../grafika/main/poligrafia2.png) 50px 10px no-repeat; }
.fotografia { background:url(../grafika/main/fotografia.png) 30px 15px no-repeat; left:800px; bottom:20px;}
.fotografia:hover {background:url(../grafika/main/fotografia2.png) 30px 20px no-repeat; }

#belka_main{ height:356px; width:100%; background:url(../grafika/main_back.png) repeat-x; margin-top:40px; margin-bottom:30px;}
#belka_main_content{ width:970px; margin:auto;}
#belka_content{ width:290px; float:left; margin-top:40px; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:12px; line-height:1.7; margin-left:7px; margin-right:30px;}
#belka_content span { text-transform:uppercase; line-height:1.6; font-family:'bariol_light', Arial, Helvetica, sans-serif; font-size:21px; color:#FFFFFF; background:#dc2a0d; letter-spacing:1px; padding:0 7px; display:inline; margin:0px;}
#belka_content div { margin-top:17px;}


#last_container{ width:278px; height:184px;  float:left; margin-left:10px; margin-right:52px; margin-top:30px; overflow:hidden; background: url(../grafika/shadow.png) bottom center no-repeat;}
#last_inner{ width:278px; height:178px; background:#FFFFFF; position:relative; cursor:pointer;}
#last_foto{ width:260px; height:161px; overflow:hidden; position:absolute; top:9px; left:9px;}
#last_name{ color:#FFFFFF; background:#dc2a0d; max-width:247px; padding:0 8px 2px 8px; line-height:1.3; letter-spacing:1px; text-transform:uppercase; font-family:'bariol_light', Arial, Helvetica, sans-serif; font-size:24px; position:absolute; top:20px; left:-278px;}




#ofirmie_left{ width:386px; height:350px; background:url(../grafika/drzewo.png) center top no-repeat; float:left; position:relative;}
.ofirmie_names{ position:absolute; bottom:0px; left:0px;}
.ofirmie_name{ font-size:36px; text-transform:uppercase; font-family:'bariol_light', Arial, Helvetica, sans-serif; color:#FFFFFF; background:#dc2a0d; letter-spacing:1px; line-height:1.4; padding:0 7px; display:inline-block; margin-bottom:10px;}
.ofirmie_name2{ font-size:40px;}
#ofirmie_right{ margin-left:30px; width:490px; height:350px; font-size:15px; color:#222;  
text-shadow: 1px 1px 2px #ffffff;
filter: dropshadow(color=#ffffff, offx=1, offy=1);
line-height:1.5;
 float:left; margin-bottom:80px; position:relative;}
.ofirmie_content{ position:absolute; bottom:10px;}





#oferta{ color:#e3553d; font-size:36px; text-transform:uppercase; font-family:'bariol_bold', Arial, Helvetica, sans-serif; margin-left:20px; line-height:1;}
#oferta_linki{ text-align:right; margin-right:20px; line-height:1.6;}
#oferta_linki a{ margin-left:20px; color:#666666; font-size:12px;
text-shadow: 1px 1px 2px #ffffff;
filter: dropshadow(color=#ffffff, offx=1, offy=1);
}
#oferta_left{ width:668px; float:left; margin-left:20px; margin-bottom:80px;}
#oferta_name{ height:55px; width:600px; padding-left:60px; position:relative; margin-bottom:10px;}
#oferta_name_tekst{font-family:'bariol_light', Arial, Helvetica, sans-serif; font-size:23px; color:#777; position:absolute; bottom:3px; text-transform:uppercase; line-height:1.1; letter-spacing:.5px;}
#oferta_content{ line-height:1.7; color:#333; font-size:13px;

}
#oferta_right{ width:225px; float:left; margin-left:50px;  margin-bottom:80px;}
#oferta_name2{ height:55px; width:200px; position:relative; margin-bottom:10px;}
#oferta_name_tekst2{font-family:'bariol_bold', Arial, Helvetica, sans-serif; font-size:16px; color:#e3553d; position:absolute; bottom:3px; text-transform:uppercase; line-height:1.1; letter-spacing:.5px;}
#oferta_zakres{ line-height:1.7; color:#777; font-size:13px;}
#oferta_link{ height:20px; width:144px; margin-top:10px; font-size:17px; font-family:'bariol_bold', Arial, Helvetica, sans-serif; color:#dc2a0d; cursor:pointer; background:url(../grafika/back_link.png) no-repeat -145px; padding:0 0 0 6px; line-height:1.1;
	-webkit-transition-property: color, background;
	-webkit-transition-duration: .5s;
	-webkit-transition-timing: ease-in;
	-moz-transition-property: color, background;
	-moz-transition-duration: .5s;
	-moz-transition-timing: ease-in;
	-o-transition-property: color, background;
	-o-transition-duration: .5s;
	-o-transition-timing: ease-in;
	transition-property: color, background;
	transition-duration: .5s;
	transition-timing: ease-in;}
#oferta_link:hover{background:url(../grafika/back_link.png) no-repeat 0px; color:#FFFFFF;}
#oferta_link img{ margin-right:6px; vertical-align:1px;}




#realizacje{color:#e3553d; font-size:36px; text-transform:uppercase; font-family:'bariol_light', Arial, Helvetica, sans-serif; margin-left:20px; line-height:1;}
#realizacje2{color:#e3553d; font-size:21px; font-family:'bariol_light', Arial, Helvetica, sans-serif; margin-left:20px; line-height:1; margin-bottom:40px;}
#realizacje_ikona{ width:235px; float:left; height:140px; color:#999999; margin-bottom:50px; margin-top:10px;
text-align:center; font-family:'bariol_light', Arial, Helvetica, sans-serif; color:#777; font-size:29px; letter-spacing:.5px; line-height:1.2;
cursor:pointer;
	-webkit-transition-property: color, background;
	-webkit-transition-duration: .5s;
	-webkit-transition-timing: ease-in;
	-moz-transition-property: color, background;
	-moz-transition-duration: .5s;
	-moz-transition-timing: ease-in;
	-o-transition-property: color, background;
	-o-transition-duration: .5s;
	-o-transition-timing: ease-in;
	transition-property: color, background;
	transition-duration: .5s;
	transition-timing: ease-in;}
#realizacje_ikona:hover{ color:#e3553d;}
#realizacje_ikona img {margin-bottom:5px;}
#realizacje_ikona h2{font-size:21px; padding:0px; margin:0px; font-weight:normal;}

#realizacje_ikona2{ width:235px; float:left; height:40px; color:#999999; margin-bottom:20px; margin-top:30px;
text-align:center; font-family:'bariol_light', Arial, Helvetica, sans-serif; color:#fff; font-size:29px; letter-spacing:.5px; line-height:1.2;
cursor:pointer;}
#realizacje_ikona2 h2{font-size:21px; padding:0px; margin:0px; font-weight:normal;}
#realizacje_wybierz{ height:20px; float:right; font-size:11px; color:#FFFFFF; background: url(../grafika/realizacje/arrow.png) right no-repeat #dc2a0d; padding:0 0px 0 10px; width:100px; line-height:1.8; cursor:pointer; border-right:7px solid #dc2a0d; opacity:0.5;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: .5s;
	-webkit-transition-timing: ease-in;
	-moz-transition-property: opacity;
	-moz-transition-duration: .5s;
	-moz-transition-timing: ease-in;
	-o-transition-property: opacity;
	-o-transition-duration: .5s;
	-o-transition-timing: ease-in;
	transition-property: opacity;
	transition-duration: .5s;
	transition-timing: ease-in;
}
#realizacje_wybierz:hover{ opacity:1;}
#realizacje_wybierz2{ position:absolute; bottom:0px; right:0px; height:20px; float:right; font-size:11px; color:#FFFFFF; background: url(../grafika/realizacje/arrow2.png) right no-repeat #e68d7f; padding:0 0px 0 10px; width:100px; line-height:1.8; cursor:pointer; border-right:7px solid #e68d7f;}
#realizacje_wybierz_plansza{ width:960px; margin-left:10px; height:0px; background:#e3553d; overflow:hidden; position:relative;}

#portfolio_show{ width:100%; height:0px; background:#FFFFFF; margin-top:35px; margin-bottom:10px; overflow:hidden;}
#portfolio_content{ width:970px; height:490px; margin:auto; position:relative;}
#portfolio_opis{ width:220px; height:445px; position:absolute; top:30px; right:10px; }
#portfolio_name{ font-size:30px; font-family:'bariol_bold', Arial, Helvetica, sans-serif; color:#dc2a0d; text-transform:uppercase; line-height:1; margin-bottom:20px;}
#portfolio_text{ color:#747474; font-size:13px; line-height:1.6;}
#portfolio_close{ width:18px; height:18px; background:url(../grafika/x.png) no-repeat; cursor:pointer; position:absolute; top:0px; right:0px; opacity:0.7;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: .5s;
	-webkit-transition-timing: ease-in;
	-moz-transition-property: opacity;
	-moz-transition-duration: .5s;
	-moz-transition-timing: ease-in;
	-o-transition-property: opacity;
	-o-transition-duration: .5s;
	-o-transition-timing: ease-in;
	transition-property: opacity;
	transition-duration: .5s;
	transition-timing: ease-in;}
#portfolio_close:hover{ opacity:1;}
#portfolio_link{ height:20px; width:120px; margin-top:15px; font-size:17px; font-family:'bariol_bold', Arial, Helvetica, sans-serif; color:#dc2a0d; cursor:pointer; background:url(../grafika/back_link.png) no-repeat -145px; padding:0 0 0 6px; line-height:1.1;
	-webkit-transition-property: color, background;
	-webkit-transition-duration: .5s;
	-webkit-transition-timing: ease-in;
	-moz-transition-property: color, background;
	-moz-transition-duration: .5s;
	-moz-transition-timing: ease-in;
	-o-transition-property: color, background;
	-o-transition-duration: .5s;
	-o-transition-timing: ease-in;
	transition-property: color, background;
	transition-duration: .5s;
	transition-timing: ease-in;}
#portfolio_link:hover{background:url(../grafika/back_link.png) no-repeat 0px; color:#FFFFFF;}
#portfolio_link img{ margin-right:6px; vertical-align:1px;}
#portfolio_slider{ width:704px; height:440px; top:20px; left:10px; position:absolute;}

/* NIVO SLIDER */



.theme-light.slider-wrapper {
    background: #fff;
    padding: 10px;
}
.theme-light .nivoSlider {
	position:relative;
	background:#fff url(../grafika/loading.gif) no-repeat 50% 50%;
    margin-bottom:10px;
    overflow: visible;
}
.theme-light .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-light .nivoSlider a {
	border:0;
	display:block;
}

.theme-light .nivo-controlNav {
	text-align: center;
	width:704px;
	padding: 0;
	position:absolute;
	bottom:-12px;
	z-index: 10;
}
.theme-light .nivo-controlNav a {
	display:inline-block;
	width:13px;
	height:13px;
	background:url(../grafika/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 3px 5px;
}
.theme-light .nivo-controlNav a.active {
	background-position:0 100%;
}

.theme-light .nivo-directionNav a {
	display:block;
	width:37px;
	height:37px;
	text-indent:-9999px;
	background:#e3553d;
	border:0;
	top: auto;
	bottom: -47px;
	z-index: 11;
	-webkit-transition-property: color, background;
	-webkit-transition-duration: .5s;
	-webkit-transition-timing: ease-in;
	-moz-transition-property: color, background;
	-moz-transition-duration: .5s;
	-moz-transition-timing: ease-in;
	-o-transition-property: color, background;
	-o-transition-duration: .5s;
	-o-transition-timing: ease-in;
	transition-property: color, background;
	transition-duration: .5s;
	transition-timing: ease-in;
}
.theme-light .nivo-directionNav a:hover {
    background-color: #dc2a0d;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.theme-light a.nivo-nextNav {
	background: url(../grafika/arrow_right.png) no-repeat #e3553d;
	background-position:11px 12px;
	right:0px;
}
.theme-light a.nivo-prevNav {
	background: url(../grafika/arrow_left.png) no-repeat #e3553d;
	background-position:11px 12px;
    left: auto;
	left: 0px;
}






/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:704px;
	height:400px;
	background:#999999;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}







#kontakt_left{ width:316px; height:350px; float:left; position:relative; color:#333333; line-height:1.6}
#kontakt_left p{ font-size:19px; font-family:'bariol_bold', Arial, Helvetica, sans-serif; color:#dc2a0d;  line-height:1.2;}
#kontakt_left span{ font-size:27px;}

#kontakt_right{ margin-left:30px; width:600px; height:400px; font-size:15px; color:#222;  
 float:left; margin-bottom:80px; position:relative;}



#footer_container{ width:100%; height:201px; background:url(../grafika/footer_back.png) repeat-x; margin-top:50px;}
#footer{ width:970px; margin:auto; position:relative; height:201px;}
#footer_left{ position:absolute; left:10px; top:25px; color:#efefef; line-height:1.5;}
#footer_left a{ color:#FFFFFF;}
#footer_right{ position:absolute; right:10px; top:25px; text-align:right;  color:#efefef;}
#footer_right a{ color:#efefef; margin-left:20px; line-height:2.9; font-size:11px;}




		.scrollup{
			width:40px;
			height:40px;			
			text-indent:-9999px;
			opacity:0.3;
			position:fixed;
			bottom:50px;
			right:50px;
			display:none;			
			background: url('../grafika/icon_top.png') no-repeat;
		}

  
  A:link {COLOR: #ce2408; TEXT-DECORATION: none;}
  A:visited {COLOR: #ce2408; TEXT-DECORATION: none;}
  A:active {COLOR: #ce2408; TEXT-DECORATION: none;}
  A:hover {COLOR: #ce2408; TEXT-DECORATION: none;}