@width:990px;

@color_1:#666;
@color_1_hov:#000;
@color_foot:#fff;
@color_foot_hov:#000;
@orange:#ff5a00;
@blue:#166897;

@border:#e2e2e2;

@menu_sub_bg:#f8f8f8;
@menu:#166897;
@menu_on:#ff5a00;

@x:20px;

.round(@i: 5px) {
-moz-border-radius:@i;
-webkit-border-radius:@i;
-o-border-radius:@i;
border-radius:@i;
}
.shadow(@i1: 2px, @i2: 2px, @i3: 2px, @i4: 0, @c: #eeeeee) {
-moz-box-shadow:@i1 @i2 @i3 @i4 @c;
-webkit-box-shadow:@i1 @i2 @i3 @i4 @c;
-o-box-shadow:@i1 @i2 @i3 @i4 @c;
box-shadow:@i1 @i2 @i3 @i4 @c;
}
.linearGradient(@i: #fff, @j: #000) {
background: -webkit-gradient(linear, left top, left bottom, from(@i), to(@j));
background: -moz-linear-gradient(top, @i, @j);
background: -o-linear-gradient(top, @i, @j);
background: linear-gradient(top, @i, @j);
}

.clear {
clear:both;
width:0;
}
.hidden {
display:none;
}
h1, h2, h3, p, ul, li {
padding:0;
margin:0;
}
h1 {
padding:20px 0;
font-weight:bold;
font-size:32px;
color:@orange;
}
#regulamin_nask h1 {
font-size:32px!important;
font-family:Arial, Helvetica, sans-serif!important;
}
#regulamin_nask table h1 {
font-size:22px!important;
font-family:Arial, Helvetica, sans-serif!important;
}

h2 {
padding:10px 0;
font-weight:normal;
font-size:24px;
color:@orange;
}
h3 {
margin:10px 0 0 0;
padding:0;
font-weight:bold;
font-size:14px;
color:@blue;
line-height:20px;
text-align:justify;
	a {
	color:@blue;
	}
	a:hover {
	color:@orange;
	}
}
h3.punkt {
padding:0 0 0 12px;
background:transparent url('img/point_blue.png') 0 7px no-repeat;
}

p {
padding:5px 0px 5px 0;
color:@color_1;
text-align:justify;
}
p.nasze_sklepy {
font-weight:bold;
font-size:16px;
color:@color_1;
padding:10px 0;
border-top:1px solid @border;
}
.pom {
color:@orange;
}
.sz {
color:#aaaaaa;
}
a {
color:@color_1;
}
a.blua {
display:inline-block;
background:#ffffff url("img/gradient.png") left -332px repeat-x;
border-top:1px solid #c4d4dd;
border-bottom:1px solid #5f8ca6;
line-height:31px;
font-weight:bold;
font-size:17px;
color:#fff;
padding:0 20px;
margin:0 auto;
}
a.blua:hover {
background:#ffffff url("img/gradient.png") left -37px repeat-x;
border-top:1px solid transparent;
border-bottom:1px solid transparent;
}
.zamow_bigblue {

}

ul {
list-style-type:disc;
padding:0 0 0 25px;
	li {
	color:@orange;
	}
}
.ind_g {
font-size:12px;
vertical-align:90%;
}
.left {
float:left;
}
.right {
float:right;
}
img {
/*display:block;*/
border:none;
}

html {
background:#606060;
}
body {
background:#ffffff url('img/body_bg.png') left top repeat-x;
font-family:Arial, Helvetica, sans-serif;
margin:0;
font-weight:normal;
font-size:12px;
color:@color_1;
}
#container {
width:@width;
margin:0 auto;
padding:0;
}

#header {
height:131px;
width:@width;
margin:0 auto;
	.top {
	height:93px;
		.logo {
		float:left;
		margin:50px 0 0 0;
		}
		.ikony {
		float:right;
		margin:37px 0 0 0;
			a {
			float:left;
			width:60px;
			background-image:url('img/head_ikony.png');
			background-repeat:no-repeat;
			font-size:10px;
			color:@color_1;
			text-decoration:none;
			line-height:20px;
			padding:30px 0 0 0;
			text-align:center;
			}
			a:hover {
			color:@color_1_hov;
			}
			a.sklep {
			background-position:50% 0px;
			}
			a.poczta {
			background-position:50% -50px;
			}
			a.panel {
			background-position:50% -100px;
			}
			a.zapytaj {
			background-position:50% -150px;
			}
		}
	}
}


#nav {
position:absolute;
top:93px;
width:@width;
background:url('img/gradient.png') left -72px repeat-x;
height:36px;
	ul {
	padding:0;
	}
	.item {
	float:left;
	display:block;
	border-top:1px solid transparent;
	border-left:1px solid #666666;
	border-right:1px solid #8d8d8d;
	border-bottom:1px solid transparent;
		.sub {
		display:none;
		z-index:999;
		position:absolute;
		margin-left:-1px;
		background:@menu_sub_bg;
		border:1px solid #c5c5c5;
		border-top:none;
		width:auto;
		.shadow(2px, 2px, 2px, 0, #f0f0f0);
			li {
			list-style:none;
			border-top:1px solid #d8d8d8;
			margin:0 10px;
			}
			li.first {
			border:none;
			}
			a {
			font-weight:bold;
			color:@menu;
			padding:0 30px 0 5px;
			line-height:30px;
			text-decoration:none;
			}
			a:hover {
			color:@menu_on;
			}
		}
		> span, > a {
		display:block;
		background:url('img/arrow_menu.png') 100% 50% no-repeat;
		font-size:12px;
		line-height:34px;
		padding:0 15px 0 10px;
		margin:0 10px 0 0;
		font-weight:bold;
		color:#fff;
		text-decoration:none;
		}
		> span:hover, > a:hover {
		background:url('img/arrow_menu_on.png') 100% 50% no-repeat;
		color:@menu;
		}
	}
	.item.on {
	background:url('img/gradient.png') left -36px repeat-x;
	border:none;
	border-left:1px solid transparent;
	border-right:1px solid transparent;
		> span, > a {
		background:url('img/arrow_menu.png') 100% 50% no-repeat;
		color:#fff;
		line-height:36px;
		}
	}
	.item.right {
	float:right;
		> span, > a {
		background:none;
		padding:0 10px 0 10px;
		}
		> span:hover, > a:hover {
		background:none;
		}
	}
	.item:hover {
	background:@menu_sub_bg;
	border:1px solid #c5c5c5;
	border-bottom:none;
		> span, > a {
		background:url('img/arrow_menu_on.png') 100% 50% no-repeat;
		color:@menu;
		line-height:35px;
		}
		.sub {
		display:block;
		}
	}
	li.clear {
	list-style:none;
	width:0;
	height:0;
	}
}
#nav_pasek {
font-weight:bold;
font-size:11px;
color:@blue;
line-height:25px;
	a {
	font-weight:normal;
	font-size:11px;
	color:@color_1;
	}
}


#mainBottom {
padding:@x 0;
margin:0;
	.item {
	float:left;
	width:224px;
	padding:0 15px 0 0;
	margin:0 15px 0 0;
	border-right:1px solid @border;
	text-align:right;
		a.head {
		display:block;
		text-align:right;
		border-bottom:1px solid @border;
		height:auto;
		text-decoration:none;
		font-size: 26px;
		font-weight: bold;
		line-height: 23px;
		margin: 0;
		text-transform: uppercase;
			span {
			font-size:13px;
			color:#858585;
	 		}
		}
		.content {
		text-align:left;
		margin:10px 0 0 0;
		min-height:110px;
			ul {
			margin:0;
			padding:0 0 0 20px;
			}
			p {
			padding:0;
			text-align:left;
			}
		}
		a.more {
		background:url('img/arrow_right.png') 100% 50% no-repeat;
		padding:0 10px 0 0;
		color:#8e8e8e;
		}
	}
	.item.last {
	border:none;
	padding:0;
	margin:0;
	}
	.item.id1 a.head {
	background:url('img/home/frame1-bg.png') left top no-repeat;
	color:#ff0000;
	}
	.item.id2 a.head {
	background:url('img/home/frame2-bg.png') left top no-repeat;
	color:#135faa;
	}
	.item.id3 a.head {
	background:url('img/home/frame3-bg.png') left top no-repeat;
	color:#8bb800;
	}
	.item.id4 a.head {
	background:url('img/home/frame4-bg.png') left top no-repeat;
	color:#464747;
	}
}



#footer_100 {
width:100%;
height:240px;
background:url("img/footer_bg.png") left top repeat-x;
	#footer {
	width:@width;
	margin:0 auto;
		.logo {
		float:left;
		margin:32px 0 0 0;
		}
		.menu {
		float:right;
		margin:30px 0 0 0;
			ul {
			float:left;
			margin:0 0 0 20px;
				li {
				list-style:none;
					a {
					color:@color_foot;
					text-decoration:none;
					line-height:20px;
					}
					a:hover {
					color:@color_foot_hov;
					}
				}
			}
		}
	}
}






@width_baner:740px;
@height_baner:314px;
#mainWrapper {
overflow:hidden;
height:auto;
margin:0;
	#mainNew1 {
	xxfloat:left;
	float:right;
	position:relative;
	width:750px;
	height:@height_baner;
		.mainNew1Cont {
		position:absolute;
		left:0;
		top:0;
			> div {
			width:@width_baner;
			height:@height_baner;
			position:relative;
			}
			.zamow-button {
			width:167px;
			height:42px;
			display:inline-block;
			background:url('/img5/zamow-bg.png') no-repeat left top;
			text-align:center;
			font-size:20px;
			line-height:42px;
			text-decoration:underline;
			color:#fff;
			font-weight:bold;
			text-transform:uppercase;
			opacity:1;
/*			#zoom:1; */
			}
		}
	}
}








.mainNew1Cont {
display:none;
}

.main_baner {
float:left;
width:730px;
height:314px;
padding:0 10px 0 0;
margin:0;
overflow:hidden;
}
.main_baner h1 {
margin:0;
padding:0;
font-weight:bold;
font-size:48px;
color:#505050;
}
.main_baner h2 {
font-weight:bold;
font-size:21px;
color:#8f8f8f;
}
.main_baner .wiecej {
height:36px;
background:url('img/gradient.png') left -296px repeat-x;
padding:0 10px;
}
.main_baner .wiecej a {
background:url('img/arrow_white.png') 100% 50% no-repeat;
padding:0 10px 0 0;
font-weight:normal;
font-size:18px;
line-height:36px;
color:#fff;
}
.main_baner .grenke {
background:url('img/grenke.png') left top no-repeat;
width:148px;
height:78px;
}


#baner_1 {
background:url('img/baner/baner_1_bg.jpg') no-repeat right bottom;
text-align:right;
padding:0 12px 0 0;
}

#baner_1 h1 {
	font-size:34px;
}

#baner_1 h2 {
padding:0;
font-size:28px;
color:#ff5a00;
}
#baner_1 .price {
text-align:right;
margin:10px 0 0 0;
font-weight:bold;
font-size:42px;
color:#676767;
padding:0;
}
#baner_1 .price_old {
position:relative;
float:right;
width:82px;
font-weight:normal;
font-size:25px;
color:#8c8c8c;
}
#baner_1 .price_old .skreslenie {
position:absolute;
width:100%;
height:4px;
left:0;
top:15px;
background:url('img/gradient.png') left -226px repeat-x;
}
#baner_1 .oszczedzasz, #baner_1 .wiecej {
float:right;
clear:right;
width:180px;
text-align:center;
padding:0 10px;
}
#baner_1 .oszczedzasz {
background:url('img/gradient.png') left -230px repeat-x;
height:66px;
line-height:33px;
margin:15px 0 1px 0;
font-weight:bold;
font-size:23px;
text-shadow:1px 1px 2px #000;
color:#fff;
}
#baner_1 .gwiazdka {
float:right;
clear:right;
}


#baner_2 {
background:url('img/baner/baner_2_bg.jpg') no-repeat right bottom;
text-align:right;
}
#baner_2 h1 {
font-size:40px;
}
#baner_2 h2 {
font-size:20px;
color:#0057a7;
}
#baner_2 .grenke {
position:absolute;
top:156px;
left:395px;
}
#baner_2 .wiecej {
position:absolute;
top:256px;
left:555px;
}

#baner_3 {
background:url('img/baner/baner_3_bg.jpg') no-repeat right bottom;
text-align:right;
}
#baner_3 h2 {
color:#0057a7;
}
#baner_3 .grenke {
position:absolute;
top:140px;
left:270px;
}
#baner_3 .wiecej {
position:absolute;
top:120px;
left:280px;
}













#baner-wybierajka {
position:absolute;
top:288px;
left:10px;
	#baner-lewo, #baner-prawo {
	display:none;
	float:left;
	}

	#baner-lista {
	float:left;
		span {
		display:inline-block;
		/*  #zoom:1; */
		width:20px;
		height:23px;
		padding:0 1px;
		background:url(img/banner-led.png) no-repeat left -23px;
		cursor:pointer;
		}
		span:hover, span.podswietl {
		background-position:left top;
		}
	}
}



#main_sklep, #main_demo, #main_kontakt {
xxfloat:right;
float:left;
xxclear:right;
clear:left;
width:204px;
}
a#main_sklep {
display:block;
background:url('img/gradient2.png') left 100% repeat-x;
border:1px solid #dddddd;
height:57px;
padding:0 15px;
text-align:center;
margin:0 0 5px 0;
font-weight:bold;
font-size:20px;
color:@blue;
line-height:59px;
text-transform:uppercase;
}
a#main_demo {
display:block;
background:url('img/gradient2.png') left 100% repeat-x;
border:1px solid #dddddd;
height:57px;
padding:0 15px;
text-align:center;
margin:0 0 8px 0;
font-weight:bold;
font-size:20px;
color:#8bb800;
line-height:59px;
text-transform:uppercase;
}

a#zobacz_demo {
display:block;
position:absolute;
top:150px;
right:90px;
background:url('img/gradient.png') left -108px repeat-x;
xxborder:1px solid #dddddd;
height:59px;
padding:0 20px;
text-align:center;
margin:0 0 8px 0;

	font-weight:bold;
	font-size:20px;
	color:#fff;

	line-height:59px;
	text-transform:uppercase;

}

.zamow {
display:block;
background:url('img/gradient.png') left -422px repeat-x;
height:59px;
padding:0 20px;
text-align:center;
margin:0;
font-weight:bold;
font-size:20px;
color:#fff;
line-height:59px;
text-transform:uppercase;
}

#cse {
float:left;
width:300px;
xxmargin:0 auto;

	.gsc-control-cse {
	background:transparent;
	border:none;
	padding:0;
	}
}


#main_kontakt {
background:url('img/kontakt_bg.png') left bottom repeat-x;
border:1px solid #dddddd;
padding:10px 15px;
height:161px;
text-align:left;
	h2 {
	font-weight:bold;
	font-size:24px;
	color:#c3c3c3;
	xxcolor:@blue;
	margin:0 0 5px 0;
	padding:0;
	text-transform:uppercase;
	xxtext-shadow: 1px 1px 1px #888;
	}
	p, a {
	font-weight:bold;
	font-size:18px;
	color:#676767;
	xxcolor:@blue;
	padding:0;
	line-height:22px;
	xxtext-shadow: 1px 1px 1px #888;
	}
	#live-chat-button {
	margin:10px 0 0 0;
		a {
		display:inline-block;
		background:url('img/live_chat.png') left 50% no-repeat;
		padding:0 0 0 50px;
		line-height:31px;
		font-weight:normal;
		color:@blue;
		}
	}
}






.formularz {
	.item {
	float:left;
	clear:left;
	margin:0 0 5px 0;
		label {
		float:left;
		width:400px;
		padding:0 10px 0 0;
		text-align:right;
		line-height:26px;
		color:#888;
		}
		input, select, textarea {
		float:left;
		width:300px;
		height:auto;
		border:1px solid @border;
		padding:3px;
		}
		input, select, textarea {
		.round(5px);
		.shadow(2px, 2px, 4px, 0);
		}
		select {
		width:308px;
		}
		input.submit {
		float:left;
		width:auto;
		padding-left:20px;
		padding-right:20px;
		margin-left:410px;
		border:none;
		.linearGradient(lighten(@orange, 30%), @orange);
		font-weight:bold;
		color:#fff;
		}
		.mand {
		float:left;
		padding:0 0 0 10px;
		line-height:26px;
		font-weight:bold;
		color:red;
		}
	}
}
#sote_demo_online .formularz {
	.item {
		label {
		width:200px;
		}
	}
	.f1 {
	float:left;
	}
	.f2 {
	float:left;
	margin:50px 0 0 50px;
		.item {
		margin:0;
			input.submit {
			margin:0;
			padding:0 20px;
			height:90px;
			width:auto;
			font-weight:bold;
			font-size:24px;
			text-decoration:underline;
			}
		}
	}
}

#loader {
height:50px;
}
#komunikat {
font-size:12px;
}
.error {
background-color:#ff0000;
}
.success {
background-color:#390;
}
.error, .success {
border:1px solid #000000;
margin:0 0 10px 0;
padding:10px;
font-weight:bold;
color:#fff;
}

.page {
position:relative;
background:#ffffff url('img/bg1.png') right top no-repeat;
padding:0;
margin:0 0 30px 0;
	.head {
	height:140px;
	padding:20px 0 0 0;
		h1 {
		font-weight:bold;
		font-size:48px;
		color:@orange;
		padding:0;
		}
		h2 {
		font-weight:normal;
		font-size:30px;
		color:@blue;
		}
		.pytanie {
		position:absolute;
		background:transparent url('img/zapytaj_bg.png') right top no-repeat;
		width:289px;
		height:136px;
		top:0;
		right:0;
			p {
			padding:12px 0 0 20px;
			font-weight:bold;
			font-size:15px;
			color:#fff;
			text-align:center;
			line-height:22px;
				span {
				font-size:22px;
				}
			}
		}
	}
}
.page_domena {
background:#ffffff;
}

.tlo {
}
#home.page {
background:#fff;
}

#co_to_jest_soteshop {
	.item1 {
		h2 {
		font-weight:bold;
		font-size:48px;
		color:@orange;
		padding:0;
		}
		h3 {
		font-weight:normal;
		font-size:30px;
		color:@blue;
		}
	}
	.item2 {
	background:transparent url('img/box_sote.png') left 50% no-repeat;
	padding:0 200px 0 180px;
	margin:0;
		p.title {
		font-weight:bold;
		font-size:16px;
		color:@orange;
		padding:20px 0 0 0;
		}
	}
	.item3 {
	background:transparent url('img/print_screen.png') right top no-repeat;
	padding:0 200px 0 0;
	margin:20px 0 20px 0;
		p.title {
		background:none;
		font-weight:bold;
		font-size:16px;
		color:@orange;
		padding:0;
		}
		p {
		background:transparent url('img/orange_circle.png') left 50% no-repeat;
		padding:0 0 0 20px;
		line-height:20px;
		}
	}
	.item4 {
	width:@width;
	background:@blue;
	padding:0;
	margin:25px 0;
		p {
		font-weight:bold;
		font-size:16px;
		line-height:50px;
		color:#fff;
		padding:0 0 0 15px;
		}
	}

	.funkcjonalnosc {
		.kolumna {
		width:470px;
			.ikona {
			margin:0 0 20px 20px;
			}
			h3 {
			margin:3px 0 0 0;
			padding:0 0 0 12px;
			background:transparent url('img/point_blue.png') 0 7px no-repeat;
			}
			p {
			padding:0;
			}
		}
	}
}

a.zobacz_wszystkie {
float:right;
padding:0 10px 0 0;
background:transparent url('img/arrow_right_orange.png') right 50% no-repeat;
}


#products-main-page-container {
position:relative;
padding:0 45px;
margin:0 0 5px 0;
	div#move-left,div#move-right {
		background-image: url(img/banner_slider.png);
		cursor: pointer;
		height: 41px;
		position: absolute;
		width: 41px;
		display:inline-block;
		top:50%;
		margin-top:-41px;

		&.disabled {
			cursor:default;
			opacity:0.3;
			-moz-opacity:0.3;
		}
	}
	#move-left{
		left:0;
	}
	#move-right{
		right:0;
		background-position:left -41px;
	}
	#products-inner-container
	{
		overflow:hidden;
		position:relative;

		#products-scroller{
			white-space: nowrap;
			position:relative;
			left:0;

			div.portfolio {
			display:inline-block;
			margin:0 19px;
			text-align:center;
			width:150px;
			min-width:150px;
			vertical-align:top;
				a {
				font-family:Tahoma;
				font-weight:normal;
				font-size:11px;
				color:#666;
				white-space:normal;
				}
			}
		}
	}
}


#kontakt {
	p {
	padding:14px 0;
	}
}


#foto_portfolio {
	.thumbs {
		.item {
		float:left;
		margin:15px;
		}
	}
}

.komunikat {
padding:20px 0;
}

#host_centrum {
	.content {
	background:url('img/hosting_bg.png') 95% 100px no-repeat;
	padding:0 375px 0 0;
	}
	.netia {
	position:absolute;
	top:350px;
	right:84px;
	}
}

#host_sprzet {
}

@m:60px;
#sote_portfolio {
	.marg {
	margin:0 0 0 -@m;
		.portfolio {
		float:left;
		width:150px;
		height:170px;
		margin:0 0 0 @m;
		text-align:center;
		}
	}
}

#strony_www_portfolio {
	.portfolio {
	float:left;
	width:165px;
	height:130px;
	margin:0;
	text-align:center;
	}
}

#sote_demo_online {
position:relative;
	.content {
	background:transparent url("img/demo_online_bg.png") 100% 50px no-repeat;
	padding:0 400px 0 0;
	}
	a#link_prawa {
	display: block;
	position: absolute;
	width: 308px;
	height: 346px;
	right:20px;
	bottom:20px;
	}
}
#sote_serwis {
position:relative;
	.content {
	background:transparent url("img/serwis_bg.png") 95% 100px no-repeat;
	padding:0 400px 0 0;
	}
}
#sote_grafika {
	.banery {
		.item {
		background:#ffffff url("img/ban4_bg.png") 100% 0% no-repeat;
		border:1px solid @border;
		width:@width/2 - @x/2 - @x;
		padding:@x/2;
		margin:0 0 @x 0;
		text-align:center;


		.t {
		background:transparent url("img/grafika_t_bg.png") left 100% repeat-x;
		margin:0 -9px -9px -9px;
		padding:0 10px;
			p.bold {
			font-weight:bold;
			}
			.ceny {
			width:100%;
			}
		}
		.t1, .t2 {
		width:231px;
			.h {
			height:170px;
			}
			p {
			text-align:center;
			}
		}
		.t1 {
			.cena {
			padding:50px 0 0 0;
			}
		}
		.t2 {
		border-left:1px solid @border;
			.cena {
			padding:20px 0 0 0;
			}
		}



			h3 {
			margin:0 0 15px 0;
			padding:0;
			line-height:40px;
			font-weight:bold;
			font-size:36px;
			color:@orange;
			text-align:left;
			}
			p {
			text-align:left;
			}
			.obrazek {
			height:150px;
			}
			.linia {
			height:2px;
			margin:0 0px;
			border-top:1px solid @border;
			}
			.cena {
			font-weight:bold;
			font-size:36px;
			color:#494949;
			}
			.netto {
			font-weight:normal;
			font-size:9px;
			color:#999;
			padding:10px 0 0 0;
			}
			.oszcz {
			font-weight:bold;
			font-size:13px;
			color:#ff0000;
			padding:0;
			}
			.przyklady {
				a {
				color:@blue;
				}
			}
			a.realiz {
			display:block;
			text-align:right;
			color:@orange;
			text-decoration:none;
			padding:5px 0;
			}
			.lewy {
			text-align:left;
			padding:0 0 0 20px;
			}
			ul {
				li {
					p {
					padding:2px 0;
					font-weight:bold;
					font-size:13px;
					}
				}
			}
		}
		.ban1 {
			.h {
			height:460px;
			}
			.p1 {
			padding:0 0 40px 0;
			}
			.obrazek {
			background:transparent url("img/grafika_bg1.png") 50% top no-repeat;
			}
		}
		.ban2 {
			.h {
			height:460px;
			}
			.p1 {
			padding:0 0 10px 0;
			}
			.obrazek {
			background:transparent url("img/grafika_bg2.png") 50% top no-repeat;
			}
		}

		.ban3, .ban4 {
		height:654px;
		}
		.item.ban3 {
			.t {
			margin:0 -9px -9px -9px;
			padding:0 10px;
			height:663px;
			}
			h3 {
			padding:0;
				span {
				text-align:left;
				font-weight:bold;
				font-size:25px;
				color:@orange;
				margin:0;
				padding:0 0 20px 0;
				}
			}
			.obrazek {
			background:transparent url("img/grafika_bg3.png") 50% top no-repeat;
			height:250px;
			}
			p {
			padding:0 0 20px 0;
			}
			a.blua {
			margin:0 0 20px 0;
			}
		}
		.item.ban4 {
			.h {
			height:405px;
			}
			h3 {
			padding:0;
				span {
				text-align:left;
				font-weight:bold;
				font-size:25px;
				color:@orange;
				margin:0;
				padding:0 0 20px 0;
				}
			}
			h5 {
			text-align:left;
			font-weight:normal;
			font-size:18px;
			color:@blue;
			margin:0;
			}
			.obrazek {
			background:transparent url("img/grafika_bg4.png") 50% top no-repeat;
			height:110px;
			}
			p {
			padding:0 0 10px 0;
			}
			.t1, .t2 {
				.h {
				height:190px;
				}
			}
			.t2 {
				.cena {
				padding:10px 0 0 0;
				}
			}
		}
	}
}
#sote_zamow_sklep, #hosting_zamow, #seo_adwords, #seo_adwords2 {
padding-bottom:100px;
	select {
	float:left;
	border:1px solid @border;
	width:540px;
	height:30px;
	font-weight:bold;
	font-size:18px;
	color:@blue;
	margin-bottom:10px;
		option {
		font-weight:normal;
		font-size:16px;
		color:@color_1;
		}
	}
	.p0 {
	background-image:url("img/123.png");
	background-repeat:no-repeat;
	padding:0 0 0 40px;
	line-height:30px;
	font-weight:normal;
	font-size:18px;
	margin:15px 0;
	}
	.p1 {
	background-position:0px 0px;
	}
	.p2 {
	background-position:0px -30px;
	margin-top:50px;
	}
	.p3 {
	background-position:0px -60px;
	margin-top:50px;
	}
	.kwoty {
	background:#fff;
	width:100px;
	margin:60px 20px 0 0;
	padding:10px;
	}
	#cena_s, #cena_h, .zl_netto {
	float:left;
	font-weight:bold;
	font-size:18px;
	color:@blue;
	line-height:28px;
	}
	#cena_s {
	margin:0 0 0 10px;
	}
	#cena_h {
	margin:0 0 0 10px;
	}
	.kwota {
	text-align:right;
	font-weight:bold;
	font-size:18px;
	padding:0;
	}
	.zl_netto {
	margin:0 0 0 10px;
	}
	#opis_s, #opis_h {
	height:auto;
		.opis {
		background:#f6f6f6;
		margin-top:20px;
		padding:20px;
		width:500px;
		}
	}
	.middle {
	padding-bottom:20px;
	}
	.razem {
	border-bottom:1px solid @border;
	text-align:right;
	padding:0 20px 10px 0;
		p {
		font-weight:bold;
		font-size:20px;
		color:@blue;
		}
		#zamow_razem {
		font-weight:bold;
		font-size:28px;
		color:@color_1;
		}
	}
}

#hosting_zamow {
	ul {
		li {
			p {
			font-size:16px;
				span {
				font-weight:bold;
				color:@blue;
				}
			}
		}
	}
	h2 {
	font-weight:normal;
	font-size:30px;
	color:@blue;
	}


	#s_skl {
	display:block;
	}
	#s_str {
	display:none;
	}
	#akceptuj {
	float:left;
	width:20px;
	height:20px;
	}
	span.akceptuj {
	float:left;
	padding-left:10px;
	line-height:22px;
	}
	a#hostingSubmit {
	display:none;
	}
}

#sote_modyfikacje {
background:url(img/modyfikacje_bg.png) 100% 0 no-repeat;
	.content {
	padding-right:375px;
	}
	#form_modyfikacje {
	margin-top:30px;
	}
}
#sote_dla_agencji {
background:url(img/partner_bg.png) 100% 0 no-repeat;
	.content {
	padding-right:375px;
	}
}




#www_strony {
	.content {
	background:url(img/strony_www.png) 98% 10px no-repeat;
	padding-right:375px;
	}
}




#seo_adwords {
	.content {
	background:url(img/google_bg.png) 100% 20px no-repeat;
	padding-right:375px;

		select  {
		width:100%;
		}

		p#ga_1, p#ga_2 {
		width:368px;
		padding:30px 0 0 172px;
		height:120px;
		font-weight:bold;
		font-size:14px;
		color:#767676;
		line-height:16px;
		}
		p#ga_1 {
		background:url(img/ga_efektywna.png) left 0px no-repeat;
		}
		p#ga_2 {
		background:url(img/ga_optymalna.png) left 0px no-repeat;
		}
		.razem {
			.txt {
			text-align:right;
			width:240px;
			padding:0 10px 0 0;
			}
			.txt, .zl {
			font-weight:bold;
			font-size:14px;
			}
			.txt {
			color:@blue;
			xxpadding:0;
			}
			.zl {
			color:@orange;
			}
		}
		p.wazne {
		xxbackground:#cc0000;
		background:@orange;
		padding:30px;
		font-weight:bold;
		font-size:15px;
		color:#fff;
		}
		#opis_zl h3 {
		text-align:justify;
		}
	}
}

#seo_adwords2 {
	.content {
	background:url(img/google_bg.png) 100% 50px no-repeat;
		.kol1 {
		width:@width - 375px;
		}
		.kol2 {
		width:375px;
		padding:400px 0 0 0;

			p.wazne {
			background:@orange;
			margin:0 0 0 10px;
			padding:20px;
			font-weight:bold;
			font-size:15px;
			color:#fff;
			}

		}

		select  {
		width:100%;
		}
		#akceptuj {
		float:left;
		width:20px;
		height:20px;
		}
		span.akceptuj {
		width:90%;
		line-height:22px;
		padding-left:10px;
		font-weight:bold;
		font-size:14px;
		color:@blue;
		}

		p#ga_1, p#ga_2 {
		width:368px;
		padding:30px 0 0 172px;
		height:120px;
		font-weight:bold;
		font-size:14px;
		color:#767676;
		line-height:16px;
		}
		p#ga_1 {
		background:url(img/ga_efektywna.png) left 0px no-repeat;
		}
		p#ga_2 {
		background:url(img/ga_optymalna.png) left 0px no-repeat;
		}
		.razem {
			.txt {
			text-align:right;
			width:240px;
			padding:0 10px 0 0;
			}
			.txt, .zl {
			font-weight:bold;
			font-size:14px;
			}
			.txt {
			color:@blue;
			xxpadding:0;
			}
			.zl {
			color:@orange;
			}
		}
		p.wazne {
		xxbackground:#cc0000;
		background:@orange;
		padding:30px;
		font-weight:bold;
		font-size:15px;
		color:#fff;
		}
		#opis_zl h3 {
		text-align:justify;
		}



	}
}




#seo_maps {
	.content {
	background:url(img/googlemaps_bg.png) 98% 80px no-repeat;
	padding-right:375px;

		p.gm_cena {
		padding:20px 0 0 0;
			span {
			float:left;
			font-weight:bold;
			font-size:30px;
			color:@orange;
			line-height:33px;
			padding:0 20px 0 0;
			}
		}
	}
}
#seo_seo {
	.content {
	background:url(img/seo_bg.png) 98% 15px no-repeat;
	padding-right:375px;
	}
}
#seo_social {
	.content {
	background:url(img/social_media_bg.png) 98% 75px no-repeat;
	padding-right:375px;
	}
}
#seo_fotografia {
	.content {
	background:url(img/fotografia_bg.png) 98% 75px no-repeat;
	padding-right:375px;
	}
}




#host_panel {
	.page_content {
	background:url(img/hosting_panel.jpg) 100% 100% no-repeat;
	}
}
#host_sklepy {
	.content {
	background:url(img/hosting_sklep_bg.png) 98% 50px no-repeat;
	padding-right:375px;
	}
	a#a_hosting_sklep {
	position:absolute;
	top:320px;
	right:35px;
	}
}
#host_www {
	.content {
	background:url(img/hosting_strona_bg.png) 98% 50px no-repeat;
	padding-right:375px;
	}
	a#a_hosting_www {
	position:absolute;
	top:320px;
	right:35px;
	}
}





#b2b {

}




#fbBox {
position:fixed;
width:327px;
left:-310px;
top:40%;
height:290px;
padding:5px;
/* margin-top:-295px; */
background:url(img/fb/fbbox.png) left top no-repeat;
}
#fbBox iframe {
background:#fff;
}
#fbVisible {
position:absolute;
right:0;
top:0;
}

.gplus {
/* float:left; */
/* position:relative; */
width:@width;
margin:0 auto;
}
/* tooltips */
/*
.tooltip {
display:none;
background:transparent url(/img/tooltip/white_arrow_big.png);
font-size:13px;
height:136px;
width:320px;
padding:25px 25px 55px 25px;
color:#333;
text-align:justify;
}
.tooltip.bottom {
background:transparent url(/img/tooltip/white_arrow_big_bottom.png);
padding:55px 25px 25px 25px;
}
*/

.ui-tooltip, .ui-tooltip-top, .ui-tooltip-right, .ui-tooltip-bottom, .ui-tooltip-left, .tooltip {
  color:#ffffff;
  cursor:normal;
  display:-moz-inline-stack;
  display:inline-block;
  font-size:12px;
  font-family:arial;
  padding:.5em 1em;
  position:relative;
  text-align:center;
  text-shadow:0 -1px 1px #111111;
  -webkit-border-top-left-radius:4px ;
  -webkit-border-top-right-radius:4px ;
  -webkit-border-bottom-right-radius:4px ;
  -webkit-border-bottom-left-radius:4px ;
  -khtml-border-top-left-radius:4px ;
  -khtml-border-top-right-radius:4px ;
  -khtml-border-bottom-right-radius:4px ;
  -khtml-border-bottom-left-radius:4px ;
  -moz-border-radius-topleft:4px ;
  -moz-border-radius-topright:4px ;
  -moz-border-radius-bottomright:4px ;
  -moz-border-radius-bottomleft:4px ;
  border-top-left-radius:4px ;
  border-top-right-radius:4px ;
  border-bottom-right-radius:4px ;
  border-bottom-left-radius:4px ;
  -o-box-shadow:0 1px 2px #000000, inset 0 0 0 1px #222222, inset 0 2px #666666, inset 0 -2px 2px #444444;
  -moz-box-shadow:0 1px 2px #000000, inset 0 0 0 1px #222222, inset 0 2px #666666, inset 0 -2px 2px #444444;
  -khtml-box-shadow:0 1px 2px #000000, inset 0 0 0 1px #222222, inset 0 2px #666666, inset 0 -2px 2px #444444;
  -webkit-box-shadow:0 1px 2px #000000, inset 0 0 0 1px #222222, inset 0 2px #666666, inset 0 -2px 2px #444444;
  box-shadow:0 1px 2px #000000, inset 0 0 0 1px #222222, inset 0 2px #666666, inset 0 -2px 2px #444444;
  background-color:#3b3b3b;
  background-image:-moz-linear-gradient(top,#555555,#222222);
  background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#555555),color-stop(1,#222222));
  filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#555555,EndColorStr=#222222);
  -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#555555,EndColorStr=#222222);
}
.ui-tooltip:after, .ui-tooltip-top:after, .ui-tooltip-right:after, .ui-tooltip-bottom:after, .ui-tooltip-left:after, .tooltip:after {
  content:"\25B8";
  display:block;
  font-size:2em;
  height:0;
  line-height:0;
  position:absolute;
}

.ui-tooltip:after, .ui-tooltip-bottom:after, .tooltip:after {
  color:#2a2a2a;
  bottom:0;
  left:1px;
  text-align:center;
  text-shadow:1px 0 2px #000000;
  -o-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -khtml-transform:rotate(90deg);
  -webkit-transform:rotate(90deg);
  width:100%;
}
.ui-tooltip-top:after, .tooltip.bottom:after {
  bottom:auto;
  color:#4f4f4f;
  left:-2px;
  top:0;
  text-align:center;
  text-shadow:none;
  -o-transform:rotate(-90deg);
  -moz-transform:rotate(-90deg);
  -khtml-transform:rotate(-90deg);
  -webkit-transform:rotate(-90deg);
  width:100%;
}
.ui-tooltip-right:after {
  color:#222222;
  right:-0.375em;
  top:50%;
  margin-top:-.05em;
  text-shadow:0 1px 2px #000000;
  -o-transform:rotate(0);
  -moz-transform:rotate(0);
  -khtml-transform:rotate(0);
  -webkit-transform:rotate(0);
}
.ui-tooltip-left:after {
  color:#222222;
  left:-0.375em;
  top:50%;
  margin-top:.1em;
  text-shadow:0 -1px 2px #000000;
  -o-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -khtml-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
}
.tooltip{
margin-top:-.5em;
}
.tooltip.bottom{
margin-top:.5em;
}
.tooltip p{
text-align:left;
margin:0;
color:#fff;
max-width:300px;
}
/*
.tooltip{

.ui-tooltip-top;
}
.tooltip.bottom{
.ui-tooltip-bottom;
}
*/
div.item div.ui-buttonset{
position:relative;
}
span.toolt{
background:url(/img/pleh.png) no-repeat left top;
display:block;
height:15px;
width:15px;
position:absolute;
right:10px;
}
#grafika_identyfikacja .conten {
margin-top: -80px;
width: 615px;
}
#grafika_identyfikacja .item_ {
border-top: 1px solid #e3e3e3;
padding: 11px 0 0 0;
margin: 10px 0 0 0;
}
#grafika_identyfikacja .left_cont, #grafika_identyfikacja .right_cont {
display: inline-block;
float:left;
width:45%;
margin: 0;
margin: 10px 0;
}
#grafika_identyfikacja .left_cont {
margin: 0 30px;
}
#grafika_identyfikacja .item_ h3, #grafika_identyfikacja .adres{
width: 50%;
display:inline-block;
float:left;
line-height: 20px;
margin: 30px 0;
}
#grafika_identyfikacja .item_ h3 {
color: #FF5A00;
}
#grafika_identyfikacja .adres {
text-align:right;
}
#grafika_identyfikacja .descript {
text-align:justify;
}
#grafika_identyfikacja .gallery {
margin-left: -21px;
padding: 20px 0;
text-align: center;
}
#grafika_identyfikacja .gallery .small_img {
display:inline-block;
padding-left: 30px;
}
#grafika_identyfikacja h1 {
color: #FF5A00;
font-size: 32px;
font-weight: bold;
padding: 0;
}
#seo_social .content {
width: 615px;
}