* {
	margin: 0;
	padding: 0;
	border: 0 none;
}

body {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	line-height: 21px;
	background: center top no-repeat;
}

body#home {
	background-image: url(img/bg-home.jpg);
}

body#zamow {
	background-image: url(img/bg-zamow.jpg);
}

body#korzysci,
body#gdzie {
	background-image: url(img/bg-korzysci.jpg);
}

body#koszt {
	background-image: url(img/bg-korzysci.jpg);
}


.floatL {
	float: left;
}

.width {
	width: 100%;
}
a {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 15px;
	color: #FFC906;
	text-decoration: none;
	line-height: 21px;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
}

a.strzalka {
	padding-right: 17px;
	background: url(img/link-strzalka.gif) right center no-repeat;
}

p {
	width: 100%;
	float: left;
}

.floatL {
	float: left;
}
.floatR {
	float: right;
}
.width {
	width: 100%;
}

.body {
	width: 970px;
	margin: 0 auto;
}

ul.thick {
	float: left;
	list-style-type: none;
	width: 100%;
}

ul.thick li {
	background: url(img/tick.gif) 0 7px no-repeat;
	padding-left: 22px;
	float: left;
	line-height: 22px;  
	padding-bottom: 10px;
}

.top {
	width: 100%;
	float: left;
	height: 115px;
	position: relative;
}

.top .logo {
	float: left;
	margin-top: 19px;
	margin-left: 10px;
	cursor: pointer;
}

.top ul {
	float: right;
	list-style-type: none;
	height: 44px;
	margin-top: 32px;
}

.top ul li {
	float: left;
	background: url(img/menu.gif) no-repeat;
	height: 44px;
	margin-left: 10px;
}

.top ul li.home {
	background-position: 0 0;
	width: 49px;
}

.top ul li.home.choosen {
	background-position: -49px 0;
}

.top ul li.korzysci {
	background-position: 0 -44px;
	width: 125px;
}

.top ul li.korzysci.choosen {
	background-position: -125px -44px;
}

.top ul li.koszt {
	background-position: 0 -88px;
	width: 120px;
}

.top ul li.koszt.choosen {
	background-position: -120px -88px;
}

.top ul li.instalacja {
	background-position: 0 -176px;
	width: 150px;
}

.top ul li.instalacja.choosen {
	background-position: -150px -176px;
}

.top ul li.gdzie {
	background-position: 0 -220px;
	width: 141px;
}

.top ul li.gdzie.choosen {
	background-position: -141px -220px;
}

.top ul li.zamow {
	background-position: 0 -132px;
	width: 124px;
}

.top ul li.zamow.choosen {
	background-position: -124px -132px;
}



.top ul li a {
	float: left;
	width: 100%;
	height: 44px;
	font-size: 0;
	line-height: 0;
	outline: none;
}

.line {
	font-size: 0;
	line-height: 0;
	width: 100%;
	border-top: 1px solid #656565;
	padding-bottom: 12px;
	margin-top: 12px;
	float: left;
}

.object {
	float: left;
}
.column-left {
	float: left;
	margin-top: 36px;
}

.column-right {
	float: right;
	margin-top: 36px;
}

#home .column-left {
	width: 405px;
}

#home .column-right {
	width: 425px;
	margin-top: 35px;
	
}

#home .kosmiczna {
	float: left;
	padding-bottom: 15px;
}

#home .fun-pack {
	float: left;
	width: 100%;
	padding-bottom: 10px;
}

#home .fun-pack b {
	float: left;
	margin-top: 10px;
	font-size: 16px;
	margin-left: 4px;
}

#home .icons {
	float: left;
	margin-top: 15px;
}

#home .chcesz {
	float: left;
	padding-bottom: 5px;
}

#home .megaszybki {
	float: left;
	padding-bottom: 15px;
}

.footer {
	width: 100%;
	float: left;
	height: 70px;
	margin-top: 80px;
	font-size: 11px;
	color: #0D1112;
	line-height: 17px;
	
}

.footer a {
	font-size: 11px;
	color: #0D1112;
	line-height: 17px;
	font-weight: normal;
	text-decoration: underline;
}

iframe {
	float: left;
	width: 190px;
	overflow: hidden;
	border: 0 none;
	height: 20px;
}

#home iframe {
	margin-top: 20px;
}

#zamow .column-left{
	width: 525px;
}

#zamow .column-right{
	width: 413px;
}
	
#zamow img.zamow {
	float: left;
	padding-bottom: 15px;
}
#zamow .same {
	float: left;
	padding-bottom: 15px;
}

#zamow form {
	float: left;
	width: 100%;
	--padding-top: 15px;
}

#zamow form .row {
	float: left;
	width: 100%;
	--padding-bottom: 15px;
}

#zamow form .error-row {
	width: 100%;
	float: left;
	padding-top: 15px;
}

#zamow form .error-row span {
	float: left;
	width: 100%; 
	line-height: 0;
	font-size: 0;
}

#zamow form .error-row .field-validation-error {
	width: 300px;
	padding-left: 172px;
	line-height: 19px;
	font-size: 14px;
	height: auto;
	background: url(img/error.gif) 150px 12px no-repeat;
	padding-top: 10px;
	padding-bottom: 4px;
	font-weight: bold;
}


#zamow form .check-row .error-row .field-validation-error  {
	padding-left: 22px;
	width: 450px;
	background-position: 0 12px;
}

#zamow form label {
	float: left;
	width: 150px;
	height: 26px;
	line-height: 26px;
	
}

#zamow form .input {
	float: left;
	background: url(img/input.gif) no-repeat;
	padding: 3px 4px;
	height: 20px;
}

#zamow form .input input {
	background: #FFFFFF;
	float: left;
	height: 20px;
	line-height: 20px;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 15px;
	color: #000000;
	width: 100%;
	outline: none;
}

#zamow form .input.big {
	width: 305px;
	background-position: 0 0; 
}

#zamow form .input.big.error {
	background-position: -313px 0; 
}

#zamow form .input.small {
	width: 98px;
	background-position: 0 -26px;
}

#zamow form .input.small.error {
	background-position: -106px -26px;
}

#zamow form .miasto-whole {
	float: left;
	width: 179px;
	margin-left: 28px;
}

#zamow form .miasto-whole label {
	width: 63px;
}

#zamow form .input.miasto {
	width: 108px;
	background-position: 0 -52px; 
}

#zamow form .input.miasto.error {
	background-position: -116px -52px; 
}

#zamow form .input.kod {
	width: 106px;
	padding:4px 0;
	background-position: 0 -78px;
}

#zamow form .input.kod input.first {
	margin: 0 3px;
	width: 28px;
}

#zamow form .input.kod input.second {
	float: right;
	margin: 0 3px;
	width: 58px;
}

#zamow form .check-row {
	
}

#zamow form .check-row .check {
	float: left;
	margin-right: 11px;
	border: 1px solid #444748;
	border-bottom-color: #FFFFFF;
	background: #C0C0C0;
	margin-top: 2px;
	
}

#zamow form .check-row .check.error {
	border-color: #FF4300;
}

#zamow form .check-row .check input {
	float: left;
	border: 0 none;
	width: 14px;
	height: 13px;
	outline: none;
	background: #FFFFFF;
}

#zamow form .check-row label {
	width: 495px;
	line-height: 16px;
	font-size: 12px;
	height: auto;
}

#zamow form .submit input {
	float: right;
	background: url(img/button-wyslij.gif) 0 0 no-repeat;
	font-size: 0;
	line-height: 0;
	text-indent: 100%;
	outline: none;
	height: 42px;
	width: 93px;
	margin-right: 58px;
	cursor: pointer;
}
#zamow form .row.border-top {
	border-top: 1px solid #656565; 
	margin-top: 5px;
	padding-top: 5px;
}
#zamow form .row.border-bottom {
	border-bottom: 1px solid #656565; 
	padding-bottom: 5px;
}
#zamow form .radio-row {
	float: left;
	width: 375px;
}

#zamow form .radio-row input {
	float: left;
	margin-top: 7px;
}

#zamow form .radio-row .checked label {
	font-weight: bold;
	margin-top: 1px;
}

#zamow form .radio-row label {
	width: auto;
	margin: 0 40px 0 4px;
}

#zamow .footer {
	margin-top: 28px;
	height: 50px;
	text-align: center;
	color: #FFFFFF;
}

#zamow .footer a {
	color: #FFFFFF;
}

#korzysci .column-left {
	width: 530px;
}

#korzysci .column-right {
	width: 379px;
}

#korzysci .dzieki {
	float: left;
	padding-bottom: 15px;
}

#korzysci ul.thick li {
	width: 450px;
}

#korzysci .footer {
	margin-top: 75px;
	height: 35px;
}

#koszt .column-left {
	width: 411px;
	margin-top: 46px;
}

#koszt .column-right {
	width: 430px;
	margin-top: -20px;
	position: relative;
}

#koszt .column-right .zobacz-funpack{
	float: left;
	width: 100%;
	height: 172px;
	background: url(img/mozg-tabliczka.gif) right top no-repeat;
}

#koszt .column-right .zobacz-funpack a {
	float: right;
	height: 34px;
	width: 248px;
	margin-top: 91px;
}


#koszt .ile {
	float: left;
	padding-bottom: 10px;
}

#koszt .neo {
	float: left;
	padding-top: 30px;
}

#koszt .form {
	float: left;
	width: 100%;
}

#koszt .form .row {
	width: 100%;
	float:left;
	padding-bottom: 20px;
}

#koszt .form .row.radios span {
	float: left;
	margin-right: 33px;
}

#koszt .form .row.radios input{
	float: left;
	margin: 4px 4px 0 0;
	_margin-top: 0;
	border: 0 none;
	font-size: 0;
	line-height: 0;
}

#koszt .form .row.radios label {
	float: left;
}

#koszt .form ul.thick {
	height: 88px;
	padding-bottom: 5px;
}

#koszt .form ul.thick li {
	padding-bottom: 0;
}

#koszt .column-left .form ul.thick li {
	width: 389px;
}

#koszt .column-right .form ul.thick li {
	width: 406px;
}

#koszt .column-right .form {
	width: 418px;
}
#koszt .form .submit a {
	width: 108px;
	height: 42px;
	float: left;
	background: url(img/button-zamow.gif) 0 0 no-repeat;
	font-size: 0;
	line-height: 0;
	outline: none;
	text-indent: 100%;
	_text-indent: 0;
}

#koszt .form .comment {
	font-size: 10px;
	line-height: 13px;
}

#koszt .form .comment a {
	font-size: 10px;
	line-height: 13px;
	text-decoration: underline;
	color: #FFFFFF;
}

#koszt .column-right .zobacz-neofiber{
	float: left;
	width: 100%;
	height: 132px;
	background: url(img/mozg-zobacz.gif) right top no-repeat;
	padding-bottom: 29px;
}

#koszt .column-right .zobacz-neofiber a {
	float: right;
	height: 34px;
	width: 308px;
	margin-top: 76px;
	margin-left: 30px;
}

#koszt .ceny {
	width: 100%;
	float: left;
}

#koszt .ceny img {
	float: left;
	margin-right: 58px;
}

#koszt .head {
	width: 100%;
	float: left;
	padding: 3px 0;
}

#koszt .column-left .head {
	margin-top: 19px;
} 

#koszt .head img{
	float: left;
	margin-top: 6px;
}

#koszt .under-head{
	position: relative; 
}
#koszt .under-head b {
	float: left;
}

#koszt span.likeLink {
	color: #FFC906;
	padding-right: 17px;
	background: url(img/link-strzalka.gif) right center no-repeat;
	font-weight: bold;
	margin-left: 10px;
	cursor: pointer;
	line-height: 21px;
	float: right;
}

#koszt .head span.likeLink:hover {
	text-decoration: underline;
}

#koszt .small-icon {
	width: 100%;
	float: left;
}

#koszt .small-icon img {
	float: left;
	margin-right: 10px;
}

#koszt .small-icon .likeLink {
	float: left;
	margin-top: 2px;
}

#koszt .small-icon .likeLink.nka {
	margin-top: 4px;
}

#funpack-serce {
	 position: relative; float: right; right: 50%; margin-top: -960px; margin-right: 60px;
}

#transparentLayer {
	width: 100%; 
	background: rgba(0,0,0,0.5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000); 
	height: 100%; 
	position: absolute; 
	z-index: 10; 
	left: 0; 
	top: 0;
	display: none;
}

#popup {
	width: 700px;
	height: 596px;
	float: left;
	position: absolute;
	top: 100px;
	left: 50%;
	margin-left: -350px;
	background: url(img/popup.gif) 0 0 no-repeat;
	z-index: 20;
	display: none;
}

#popup .close {
	width: 26px;
	height: 26px;
	float: right;
	margin: 15px 20px 0 0;
	cursor: pointer;
}

#popup-nka {
	width: 561px;
	height: 713px;
	float: left;
	position: absolute;
	top: 100px;
	left: 50%;
	margin-left: -280px;
	background: url(img/witajHD-pop.gif) 0 0 no-repeat;
	z-index: 20;
	display: none;
}

#popup-nka .close {
	width: 26px;
	height: 26px;
	float: right;
	 margin: 32px 60px 0 0;
	cursor: pointer;
}

#popup-nka a {
	float: left;
	margin: 552px 0 0 62px;
}

#gdzie .column-left {
	width: 440px;
}

#gdzie .piknik {
	float: left;
	
}

#gdzie .data {
	float: left;
	margin-top:10px;
	
}

#gdzie .konferencja {
	float: left;
	
}

#gdzie .city {
	width: 176px;
	float: left;
}

#gdzie .city.wide {
	width: 243px;
}

#gdzie .city img {
	float: left;
}

#gdzie .city b {
	float: left;
	width: 100%;
	font-size: 15px;
	height: 60px;
	line-height: 20px;
	margin-top: 6px;
}

#gdzie .column-right {
	width: 429px;
}

#gdzie span.likeLink {
	color: #FFC906;
	padding-right: 17px;
	background: url(img/link-strzalka.gif) right center no-repeat;
	font-weight: bold;
	cursor: pointer;
	line-height: 21px;
	float: left;
}

#gdzie .row {
	width: 100%;
	float: left;
}

#gdzie .player {
	float: right; 
	width: 429px; 
	height: 242px;
	margin-top: 10px;
}

#gdzie .popup {
	display: none;
	float: left;
	width: 769px;
	height: 492px;
	position: absolute;
	left: 50%;
	margin-left: -385px;
	top: 100px;
	background: url(img/gdzie-popup.gif) 0 0 no-repeat;
	z-index: 12;
}

#gdzie .popup .close {
	float: right;
	width: 30px;
	height: 25px;
	cursor: pointer;
}

#gdzie .popup .mapa {
	float: left;
	width: 728px;
	height: 453px;
	margin-left: 15px;
}

#gdzie .popup .mapa iframe {
	float: left;
	width: 728px;
	height: 453px;
}
