@charset "utf-8";
/* CSS Document */

/* ================= Fonts ================= */
@font-face {
				font-family: 'Calibri1';
				src: url('http://strony7.pl/css/fonts/calibri.eot');
				src: url('http://strony7.pl/css/fonts/calibri.eot?#iefix') format('embedded-opentype'),
						 url('http://strony7.pl/css/fonts/calibri.woff') format('woff'),
						 url('http://strony7.pl/css/fonts/calibri.ttf') format('truetype'),
						 url('http://strony7.pl/css/fonts/calibri.svg#calibri') format('svg');
				font-weight: normal;
				font-style: normal;
		}	


/* ================= Reset & Basics (Inspired by E. Meyers) ================= */
html, body {
    height: 100%;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ================= Basic Styles ================= */
body{
	color: #5d5d5d;
	font-size: .75em; /* 12px */
	font-family: Calibri, Calibri1, Arial, Helvetica, sans-serif;
	line-height: 1;
	font-weight: normal;
	width: 100%;
	
	
}

	/*~~~~~~~~~~  Links  ~~~~~~~~~~~~*/
a, a:link, a:visited, a:hover, a:active, a:focus, a:hover {
	text-decoration: none;
	outline: none;
}
	/*~~~~~~~~~~  Heading  ~~~~~~~~~~~~*/
h1, h2, h3, h4, h5, h6, #form form label,
section#form form label span, section#form form input, textarea{
	font-family: Signika, Arial, Helvetica, sans-serif;
	font-weight: normal;
}


/* ================= Common ================= */
img {
    border-style: none;
    height: auto;	
    max-width: 100%;
    vertical-align: top;
}
.align-left{
	float: left;
	display: inline-block;	
}
.align-right{
	float: right;
	display: inline-block;		
}
.full-width{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;		
}
hide{
	text-indent: -998em;
	height: 0px;
	margin: 0px;	
}

.container{
	margin: 0 auto;
	width: 904px;	
	padding: 0px;	
}
.row{
	clear: both;	
}
/* ~~~~~~~~~~  HEADER  ~~~~~~~~~~~~ */
header{	
	
	/*height: 719px;*/
	border-top: solid 8px #2b6eaf;	
	background-image: url(../images/bg.png);
	background-repeat: no-repeat;
	background-position: center top;
}
	header .container{
		position: relative;
	}
	/* ~~~~~~~~~~  logo  ~~~~~~~~~~~~ */
    #logo, footer .align-right p.logo{
		margin: 0px 0px 0px 30px;
		height: 152px;
		width: 248px;
		display: inline-block;
		background-image: url(../images/logo.png);
		background-repeat: no-repeat;
	}	
		#logo a, footer p.logo a{
			height: 152px;
			width: 248px;
			float: left;
			text-indent: -998em;
		}
    /* ~~~~~~~~~~  top  ~~~~~~~~~~~~ */
    #top{
		width: 626px;
		display: inline-block;
		float: right;	
		z-index: 900;
		position: absolute;
	}
		#contact-box, nav#menu{
			float: right;
			width: 100%;	
			display: block;	
		}
		/* ~~~~~~~~~~  contact  ~~~~~~~~~~~~ */
		#contact-box{
			padding: 14px 13px 15px 0px; 
			height: 32px;
			width: 390px;
			overflow: hidden;
		}
			#contact-box ul{
				width: 390px;
				float: left;	
			}
				#contact-box ul li{
					display: inline-block;
					float: left;
					height: 100%;
					margin-left: 28px;
					width: 167px;
					list-style: none;				
				}
					#contact-box ul li h5, #contact-box ul li h6, #contact-box ul li a{
						color: #fff;
						font-family: Signika, Arial, Helvetica, sans-serif;
					}
					#contact-box ul li h5{
						font-size: 1.33em; /* 16px */	
					}
					#contact-box ul li h6{
						margin-top: 2px;
					}
					#contact-box ul li a{
						line-height: 16px;
						font-size: 1.33em; /* 16px */
					}
					#contact-box ul li a:hover, #contact-box ul li h6{
						color: #d3e9ff;
					}
					#contact-box ul li .icon{
						background-position: 0 0;
						display: inline-block;
						background-image: url(../images/elements.png);
						background-repeat: no-repeat;
						float: left;
						background-position: left center;	
					}
					#contact-box ul li.first .icon{
						background-position: 0 0;
						height: 28px;
						width: 19px;
						margin-right: 6px;
					}
				#contact-box ul li.last{
					padding-top: 7px;	
				}
					#contact-box ul li.last .icon{
						background-position: -23px 0;
						height: 16px;
						width: 21px;
						margin-right: 10px;
					}
					
    	/* ~~~~~~~~~~  nav  ~~~~~~~~~~~~ */
    	nav#menu ul{
			width: 100%;
			float: right;
			height: 51px;
			overflow: hidden;
		}
			nav#menu ul li{
				background-image: url(../images/bgMenuCenter.png);
				background-repeat: repeat-x;
				height: 28px;	
				float: left;
				padding: 12px 0px;
				display: inline-block;				
			}
			nav#menu ul li.first{
				padding-left: 27px;
			}

			nav#menu ul li.left, nav#menu ul li.right{
				background-repeat: no-repeat;
				width: 6px;		
				padding: 0px;
				height: 51px;		
			}
			nav#menu ul li.left{
				background-image: url(../images/bgMenuLeft.png);
			}
			nav#menu ul li.right{
				background-image: url(../images/bgMenuRight.png);
			}
				nav#menu ul li a{
					display: inline-block;
					margin: 0 auto;
					width: 116px;
					height: 12px;
					line-height: 12px;
					font-size: 1.17em; /* 14px */
					color: #375a86;
					text-align: center;
					padding: 7px 0 9px;
				}
				nav#menu ul li a:hover, nav#menu ul li a.current, nav#menu ul li a:focus{
					background-image: url(../images/bgMenuItem.png);
					background-repeat: no-repeat;		
					color: #fff;				
				}
    
    /* ~~~~~~~~~~  Price Box  ~~~~~~~~~~~~ */
    .over-line{
		width: 573px;
		border-bottom: solid 1px #71ade6;
		height: 56px;
		position: absolute;
		top: 115px;
	}
		.price-box{
			width: 250px;
			right: -5px;
			top: 3px;
			color: #fff;
			z-index: 700;
			position: absolute;
			background-image: url(../images/bgPrice.png);
			height: 47px;	
			overflow: hidden;			
		}
			.price-box p{
				margin: 10px 0px 0px 29px;
				width: 210px;
				float: left;
			}
				.price-box p span{
					display: inline-block;
					float: left;
				}
				.price-box p span.first, .price-box p span.last{
					line-height: 15px;
					font-size: 1.17em;  /*14px*/
				}
				.price-box p span.first{
					text-align: right;
					width: 74px;
					margin-right: 6px;
				}
				.price-box p span.second{
					width: 100px;
					line-height: 30px;
					text-align: center;
					font-weight: 600;
					font-size: 3.33em;  /*40px*/
				}
				.price-box p span.last{
					width: 29px;
					padding-top: 18px;
				}
	/* ~~~~~~~~~~  slider  ~~~~~~~~~~~~ */
    #box-slider{
		position: absolute;
		width: 526px;
		height: 385px;
		float: left;
		z-index: 120; 
		top: 177px;
	}
	#box-slider h1 {
				font-family:Signika, Arial, Helvetica, sans-serif;
				font-size:3em;
				color:#304e7b;
				position:absolute;
				top:310px;
		}

		#slideshow, #slideshow .slider{
			width: 526px;
			height: 385px;
			z-index: 1200;
			float: left;
		}
		#slideshow{			
			position: relative;	
		}
			
			#slideshow .slider{
				position: absolute;
				top: 0px;
				right: 0px;
			}
				#slideshow .slider img{
					position: absolute;
					/*top: 0px;*/
					float: right;
					right: 23px;
					z-index: 900;
				}
				#slideshow .slider .desc a {
					background:#eb3136;
					color:white;
					padding:3px 10px;
				}

			#slideshow h2, #slideshow .desc{
				font-family: Signika, Arial, Helvetica, sans-serif;
				position: absolute;
				width:486px;

				left: 17px;	
				float: left;
			}
			#slideshow h2{				
				top: 17px;
				color: #304e7b;
				text-shadow: #8bc1ed 1px 1px 0px;
				height: 36px;	
				margin-bottom: 9px;	
				font-size: 3em; /*36px;*/
			}
			#slideshow .desc{
				top: 61px;				
				z-index: 1000;
				/*height: 43px;*/
				line-height: 20px;
				color: #fff;
				font-size: 1.17em; /* 14px */
			}
			#slideshow .desc strong {font-weight:bold}
		
		#buttons{
			bottom: 100px;
			float: left;
			height: 15px;
			left: 0;
			list-style: none outside none;
			overflow: hidden;
			padding: 8px 13px 0;
			position: absolute;
			width: 112px;
			z-index: 1300;
			background-image: url(../images/bgPagination.png);		
		}
			#buttons a{
				color: #a5a5a5;
				font-size: .92em; /* 11px */
				height: 14px;
				width: 16px;
				float: left;	
				padding-top: 1px;
				text-align: center;	
				margin-right:6px;
				font-family: Arial, Helvetica, sans-serif;		
			}
			#buttons a.activeSlide{
				background-image: url(../images/elements.png);
				background-repeat: no-repeat;
				color: #fff;
				background-position: -71px -51px;	
			}
			
    /* ~~~~~~~~~~  Form  ~~~~~~~~~~~~ */
	section#form{
		height: 442px;
		width: 329px;
		padding: 8px 1px 0px 0px;
		float: right;
		position: absolute;
		right: 3px;
		
		top: 109px;
		z-index: 800;
		background-image: url(../images/bgForm.png);
		background-repeat: no-repeat;		
	}
		section#form h3, section#form h4, section#form h5{
			text-align: center;
			text-shadow: #2f6793 1px 1px 0px;
			color: #d3e9ff;
			margin-bottom:10px;
		}
		section#form h3{
			font-size: 2em; /* 24px */			
		}
		section#form h3.first, section#form h4 span{
			color: #fff;
		}
		section#form h4{
			font-size: 1.5em; /* 18px */
			margin: 28px 0px 10px;		
		}
		section#form h5{
			font-size: 1em; /* 12px */	
			margin-bottom: 17px;	
		}
		section#form form{
			margin-top: 10px;	
		}
			section#form form p{
				margin-bottom: 6px;
				width: 313px;
				float: left;
				clear: both;
				position:relative
			}
				section#form form label{
					color: #fff;
					width: 127px;
					display: inline-block;
					float: left;
					padding-top: 7px;
					text-align: right;
					
				}
					section#form form label span{
						color: #ffb5b7;
					}
				section#form form input[type='text'],
				section#form form input[type='email'],
				section#form form input[type='tel'],
				section#form form textarea{
					background-repeat: no-repeat;
					border: medium none;
					display: inline-block;
					float: right;
					font-size: 1em;
					height: 9px;
					padding: 8px 9px 7px;
					width: 154px;
					background-image: url(../images/formInput.jpg);				
				}
				section#form form textarea{
					background-image: url(../images/formTextarea.jpg);	
					height: 81px;	
					padding: 9px;	
				}
				section#form form p.submit{
					display: table;
					margin: 14px auto 0px;	
					position:absolute;
					right:40px;
					bottom:0px;
					z-index:802;
					float:right;
					width:120px;
				}
				section#form form input[type='submit']{
					background-color: transparent;
					background-image: url("../images/formButton.png");
					background-repeat: no-repeat;
					border: medium none;
					color: #FFFFFF;
					display: block;
					font-size: 1.5em;
					height: 41px;
					line-height: 20px;
					margin-right:25px;
					float:right;
					padding: 8px 0 11px;
					text-align: center;
					text-shadow: 1px 1px 0 #CB3235;
					width: 119px;
					cursor: pointer;
				}
	/* ~~~~~~~~~~  Read  ~~~~~~~~~~~~ */
    header .row{
		padding: 36px 4px 34px 0px;
		/*position: absolute;
		top: 563px;*/
		margin-top:410px;
	}
		section.read{
			background-image: url(../images/bgArrow.jpg);
			height: 42px;
			width: 423px;	
			overflow: hidden;	
			padding: 17px 0px 27px 0px;	
		}
		.odstep section.read{
			background-image: url(../images/bgArrow.jpg);
			height: 42px;
			width: 423px;	
			overflow: hidden;	
			padding: 17px 0px 27px 0px;	
			margin-right:250px;;
			margin-bottom:30px;
		}
			section.read .icon{
				display: inline-block;
				float: left;
				height: 42px;
				background-image: url(../images/elements.png);
				background-repeat: no-repeat;
			}
			section.read.align-left .icon{
				width: 37px;
				margin-right: 35px;
				margin-left: 39px;
				background-position: -106px 0;
			}
			section.read.align-right .icon{
				width: 44px;
				margin-left: 32px;
				background-position: -54px 0;
				margin-right: 24px;
			}
			section.read h4{
				width: 274px;
				float: left;
				color: #fff;
				
			}
				section.read h4 a{
					color: #fff;
					line-height: 20px;
					font-size: 1.33em; /* 16px */
					text-shadow: #1d629b 1px 1px 0;
				}
				section.read h4 a:hover{
					text-shadow: none;
				}
				
/* ~~~~~~~~~~  CONTENT  ~~~~~~~~~~~~ */
#content{
	background-image: url(../images/bgBoxes.jpg);
	background-repeat: repeat-x;	
	background-color: #fbfbfb;	
	line-height: 18px;				
}
	#content .row{
		padding: 25px 4px 56px 0px;
	}
		/* ~~~~~~~~~~  head  ~~~~~~~~~~~~ */
		#content h3{
			font-size: 2em; /*24px*/
			color: #2671b8;	
			text-align: center;
		}
		
    	/* ~~~~~~~~~~  boxes  ~~~~~~~~~~~~ */

        	/* ~~~~~~~~~~  box  ~~~~~~~~~~~~ */
            #content #boxes .box{
				width: 156px;
				margin-top: 35px;
				margin-right: 28px;
				/*display: inline-block;*/	
				float:left
			}
			#content #boxes .box.last{
				margin-right: 0px; 
			}
				#boxes .box .head{
					display: table;
					height: 54px;
					margin-bottom: 12px;
					overflow: hidden;
					background-image: url(../images/boxesLine.jpg);
					background-repeat: no-repeat;
					background-position: bottom;						
				}
				#boxes .box .head, #boxes .box .desc{
					width: 100%;	
				}
				#boxes .box .desc {
					height:108px;
				}
					#boxes .box .head .icon{
						display: inline-block;
						width: 40px;
						height: 37px;
						float: left;
						background-image: url(../images/elements.png);
						background-repeat: no-repeat;
					}
					#boxes .box .head .icon.stage-1{
						background-position: 0px -42px;
						height: 30px;
					}
					#boxes .box .head .icon.stage-2{
						background-position: 0px -86px;
					}
					#boxes .box .head .icon.stage-3{
						background-position: 0px -137px;
					}
					#boxes .box .head .icon.stage-4{
						background-position: 0px -177px;
						height: 32px;
					}
					#boxes .box .head .icon.stage-5{
						background-position: 0px -217px;
						height: 31px;
					}
					#content #boxes .box .head h4{
						display: inline-block;
						width: 108px;
						margin-left: 5px;
						float: left;
						line-height: 15px;
						font-weight: bold;
						font-size: 1.17em; /* 14px */
					}

/* ~~~~~~~~~~  FOOTER  ~~~~~~~~~~~~ */
footer{
	background-color: #3e3e3e;
	background-image: url(../images/bgFooter.jpg);
	background-repeat: repeat-x;
	color: #a8a8a8;	
	padding-top: 12px;
	padding-bottom: 16px;
}
	footer .container{
		
	}
		footer nav{
			display: inline-block;
			width: 514px;
			margin-top: 17px;
			margin-left: 12px;
		}
			footer nav ul{
				float: left;
				width: 100%;					
			}
				footer nav ul li{
					float: left;
					list-style: none;
				}
					footer nav ul li a{
						float: left;	
					}
					footer a, footer a:link{
						color: #a8a8a8;	
						
					}
					footer a:hover, footer a:focus{
						color: #f3f2f2;	
					}
						footer nav ul li span{
							padding: 0px 12px;
							width: 1px;
							float: left;
							display: inline-block;
							height: 100%;	
						}
		footer .align-right{
			width: 350px;	
		}
			footer .align-right p.contact{
				line-height: 18px;
				text-align: right;
				float: right;
				margin-top: 10px;
				margin-right: 44px;	
			}
			footer .align-right p.logo{
				margin: 0px;
				width: 104px;
				float: right;
				height: 44px;	
				margin-right: 12px;
			}
				footer .align-right p.logo a{
					width: 104px;
					height: 44px;
					background-image: url(../images/footerLogo.png);					
				}
section#form form label.error {position:absolute;top:2px;right:-146px;background:#eb3136;color:white;padding:3px 7px;width:132px;text-align:left}

#zloz {position:absolute;bottom:-10px;z-index:1201}
section#form form p#czyz {margin-top:-5px;}
section#form form label#cc {float:none;text-align:left;margin-left:5px;}
section#form form input#czyzamowienie {margin-top:10px;float:left;margin-left:20px}

.clr {clear:both}



/* SaaS Pricing Chart CSS: */
	
	.attr-col { margin: 110px 0 0; float: left; width: 200px; }
	.attr-col ul { background: #f4f4f4; font-weight: bold; font-size: 13px; border: 1px solid #d6d6d6; border-width: 1px 0px 1px 1px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
	.attr-col ul li { text-align: right; padding: 0 10px; border-bottom: 1px solid #d6d6d6; line-height: 45px; display: block; }
	.attr-col ul li.last { border-bottom: none; }
	.pt-table { padding-left: 200px; display: block; position: relative; }
	.pt-body { padding: 10px 0 0; }
	.pt-rows li { display: block; overflow: hidden;background: #fff; border-left: 2px solid #ccc; border-right: 2px solid #ccc; border-bottom: 1px solid #d9d9d9;  }
	.pt-rows li span { width: 24%; text-align: center; float: left; border-right: 1px solid #d9d9d9; display: block; line-height: 45px; height: 45px; }
	.pt-rows li.title { background: #666; font-size: 22px; color: #fff; font-weight: bold; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; border-bottom: 2px solid #555; border-width: 0 0 2px; }
	.pt-rows li.title span { line-height: 50px; height: 50px; border: none; padding: 0 1px; text-shadow: 2px 2px #444; }
	.pt-rows li.fees { border-bottom: 1px solid #ccc; }
	.pt-rows li.fees span { line-height: 48px; height: 48px; background: #f7f7f7; font-size: 34px; font-weight: 700; font-family: Georgia, Arial, sans-serif; color: #4172a5; text-shadow: 2px 2px #fff; }
	.pt-rows li span.pt-yes { background: url(yes-no.gif) no-repeat center 12px; }
	.pt-rows li span.pt-no { background: url(yes-no.gif) no-repeat center -38px; }
	.pt-rows li.fin { border-bottom: 2px solid #d9d9d9; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; height: 85px; }
	.pt-rows li span.pt-3x { width: 72%; float: left; text-align: center; border: none; }
	.pt-special { width: 23%; position: absolute; right: 0; top: 0; }
	.pt-special .pt-rows { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #a2b7ca; background: #f4faff; 	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); padding-bottom: 10px; }
	.pt-special .pt-rows li { border-width: 0 0 1px; background: transparent; }
	.pt-special .pt-rows li.title { height: 58px; margin: 1px; background: #d0ebfe; color: #2a719d; font-size: 30px; line-height: 65px; text-align: center; border-bottom: 1px solid #bfd4e6; border-width: 0 0 1px; text-shadow: 2px 2px #e6f5ff; }
	.pt-special .pt-rows li.fees { border-bottom: 1px solid #bcd8ec; }
	.pt-special .pt-rows li.fees span { background: #ecf6fe; }
	.pt-special .pt-rows li.fin { border: none; text-align: center; }
	.pt-special .pt-rows li span { border: none; width: 100%; }
	.pt-special .pt-rows li.fin .big-button { background: #3a8bd0; top: 22px; }
	.pt-special .pt-rows li.fin .big-button:hover { background: #50a6ef; }

	/* Simple Button CSS: */
	.big-button { font-size: 24px; line-height: 50px; font-weight: 700; color: #fff; padding: 10px 20px; background: #4a980d; text-shadow: 2px 2px rgba(0, 0, 0, 0.3); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #407718; text-decoration: none; position: relative; top: 18px; }
	.big-button:hover { color: #fff; -moz-box-shadow: 0 0 20px #fffc00; -webkit-box-shadow: 0 0 20px #fffc00; box-shadow: 0 0 20px #fffc00; background: #6fbb2f; }
	.big-button:active { position: relative; top: 1px; }




	/*
	Table Styling
	*/
	#oferta {
		font-size:14px;
		line-height:19px;
	}
	#oferta a {color:#eb3136}
	#oferta ul {margin-left:20px;}
	#oferta h2 {font-size:19px;color:#eb3136;margin-bottom:15px;}
	#oferta h3 {font-size:16px;color:#eb3136;margin-bottom:15px;}
	#oferta p {text-align:justify;margin-bottom:15px;}
	#oferta table {
		overflow:hidden;
		border:1px solid #d3d3d3;
		background:#fefefe;
		width:100%;
		margin:auto 0;
		-moz-border-radius:5px; /* FF1+ */
		-webkit-border-radius:5px; /* Saf3-4 */
		border-radius:5px;
		-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	}
	
	#oferta th, #oferta td {padding:18px 28px 18px; text-align:center; }
	
	#oferta th {padding-top:22px; text-shadow: 1px 1px 1px #000;color:white;font-size:16px; background:#2668a9;}
	#oferta th.start {font-size:22px;color:#aeceec;text-shadow:none;font-weight:bold;font-family:Signika, Arial, Helvetica, sans-serif}
	
	#oferta td {border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
	#oferta td.webpc {background:#ddecff !important;}
	
	#oferta tr.odd-row td {background:#f6f6f6;}
	
	#oferta td.first, #oferta th.first {text-align:left}
	
	#oferta td.last {border-right:none;}
	
	/*
	Background gradients are completely unnecessary but a neat effect.
	*/
	
	#oferta td {
		background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);
		background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));
	}
	
	#oferta tr.odd-row td {
		background: -moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1);
		background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6));
	}
	
	#oferta th {
		background: -moz-linear-gradient(100% 20% 90deg, #304e7b, #2668a9);
		background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#304e7b), to(#2668a9));
	}
	
	
	#oferta tr:first-child th.first {
		-moz-border-radius-topleft:5px;
		-webkit-border-top-left-radius:5px; /* Saf3-4 */
	}
	
	#oferta tr:first-child th.last {
		-moz-border-radius-topright:5px;
		-webkit-border-top-right-radius:5px; /* Saf3-4 */
	}
	
	#oferta tr:last-child td.first {
		-moz-border-radius-bottomleft:5px;
		-webkit-border-bottom-left-radius:5px; /* Saf3-4 */
	}
	
	#oferta tr:last-child td.last {
		-moz-border-radius-bottomright:5px;
		-webkit-border-bottom-right-radius:5px; /* Saf3-4 */
	}


.opis {display:none;font-size:1.2em}
.opis strong {font-weight:strong}
#oferta .b2 {float:left;width:435px;margin-right:30px;}
#oferta .b3 {float:left;width:287px;margin-right:20px;}
#oferta .ostatni {margin-right:0px;}

#oferta .fotka img {margin:0;padding:0}
#oferta .fotka {float:left;width:440px;height:340px;overflow:hidden;margin-right:10px;margin-bottom:30px;text-align:center}

#oferta .porownanie tr td {padding:18px 10px;text-align:justify}
#oferta .porownanie tr td ul {text-align:left}
#oferta .info, #oferta .success, #oferta .warning, #oferta .error, #oferta .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
#oferta .info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('info.png');
}
#oferta .success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../tak.png');
}
#oferta .warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('warning.png');
}
#oferta .error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('nie.png');
}




.layer{position:fixed;top:0;bottom:0;left:0;right:0;background:#000;opacity:0.7;filter:alpha(opacity=70);z-index:9998;display:none;}
.promo{width:320px;height:220px;position:fixed;top:50%;left:50%;margin:-110px 0 0 -160px;background:#fff;z-index:9999;padding:20px;display:none;}
.promo p{font-family:Signika, Arial, Helvetica, sans-serif;text-shadow:1px 1px 1px #fff;font-size:20px;line-height:24px;color:#304e7b;text-align:center;}
.promo .red{font-size:38px;color:red;margin:20px 0;}
.promo .close{display:block;height:22px;width:108px;background:url('../images/close.png');position:absolute;top:50%;left:50%;margin:-152px 0 0 72px;z-index:10000}
.promo .close:hover{opacity:0.7;filter:alpha(opacity=70);}
.promo small {font-size:13px;line-height:18px;}



.full-width h2 {
font-family: Signika, Arial, Helvetica, sans-serif;
font-size: 2em;
line-height:1.15em;
color: #2671b8;
margin-bottom:20px;
}

.tlo1a {background:#eeeeee;padding:20px;border:1px solid #bbb;margin-bottom:20px;border-radius:15px;box-shadow:2px 2px 10px #ccc;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjZmNmY2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg,  #f6f6f6 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f6f6f6), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #f6f6f6 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #f6f6f6 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #f6f6f6 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(135deg,  #f6f6f6 0%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#eeeeee',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

.tlo1 {background:url('../images/reklama.png') no-repeat right top;height:500px;}

#film {width:550px;height:431px;background:url('../images/facet.jpg') no-repeat bottom left;margin-left:-120px;padding-bottom:69px;}
#film h2 {padding: 30px 0 0 115px;font-size: 2.3em;height: 40px;text-align: center;width: 340px;margin:0;}
#film p {color:#333;padding: 10px 0 0 115px;text-align: center;width: 340px;font-size:15px;line-height:18px;height:100px;}
#film p#napistv {color:#000;font-size:24px;line-height:26px;height:40px;width: 350px;padding-left:115px;}
#film iframe {padding:28px 0 0 120px;}
#film #play {display:block;padding:20px 0 0 225px;}

.ui-widget-overlay ui-front {z-index: 9999 !important;}
.YouTubeDialog {z-index:10000 !important;}
.ui-widget-overlay { background: #000 !important; opacity: .7 !important; filter: Alpha(Opacity=70);z-index:9999 !important }
.ui-dialog .ui-dialog-content {overflow:hidden !important}

#play2 {display:block;width:34px;height:166px;position:fixed;left:0px;bottom:50px;}

#pomozemy {width:390px;height:400px;position:absolute;}

.okienko {border:1px solid #2671b8;background:#b4cfed;padding:10px 20px}
.okienko p:last-child {margin-bottom:0px !important;color:black}