@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
	outline:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:12px;
	text-decoration:none;
	list-style:none;
	line-height:20px;
}
a, img {border:none;}
html {
	background:url(../gfx/bg-1.png) top center repeat #f2f2f2;
	height:100%;
	min-width:996px;
}
body {
	height:auto !important;
	min-height:100%;
	background:url(../gfx/bg-gunner.jpg) center top no-repeat;
	position:relative;
}
table{
	border:none;
	/*border-collapse:collapse;*/
	}
.container {
	position:relative;
	padding-bottom:400px;
}
.holder-content {
	margin:0 auto;
	padding:120px 0 0px;
	position:relative;
	width:996px;
}
.logo {
	background:url(../gfx/webgunner.png) no-repeat;
	display:block;
	width:193px;
	height:87px;
	position:absolute;
	top:9px;
	left:8px;
	text-indent:-1000px;
}
.wawe {
	background:url(../gfx/bg-2.png) center top repeat-x;
	height:16px;
}
.holder-content-3 {
	background:url(../gfx/bg-3.png) center top repeat #dedede;
	height:220px;
	cursor:default;
}
.holder-content-4 {
	background:url(../gfx/bg-4.jpg) right top repeat-x #18242a;
	height:125px;
	position:relative;
}
.copyright {
	position:absolute;
	top:0;
	right:0px;
	width:84px;
	height:121px;
	background:url(../gfx/copyright.jpg) no-repeat;
}
.send-card {
	position:absolute;
	top:23px;
	left:0;
	width:125px;
	height:72px;
	background:url(../gfx/send-card.jpg) no-repeat;
}
.card-holder {
	width:222px;
	position:absolute;
	bottom:45px;
	left:0;
	filter:alpha(opacity=0);
	opacity:0;
	height:2px;
	display:none;
}
.card-content {
	border-left:solid 1px #d8d8d8;
	border-right:solid 1px #d8d8d8;
	border-top:solid 1px #d8d8d8;
	background:url(../gfx/card/webgunner.png) no-repeat 5px 5px #eee;
	height:210px;
	padding:5px;
}
.card-contact {
	border-bottom:dashed 1px #d4d4d7;
	border-top:dashed 1px #d4d4d7;
	margin:60px 0 10px;
	padding:5px 10px;
	text-align:center;
}
.card-contact#send-card-wait, .card-contact#send-card-error, .card-contact#send-card-done {
	display:none;
	margin-top:80px;
}
#askFormMessage{
	background:#bd3244;
	color:#fff;
	font-weight:bold;
	padding:25px 0;
	position:absolute;
	text-align:center;
	top:72px;
	width:210px;
	}
.card-contact p, .card-contact p span, .card-contact p a {
	color:#333;
	font-family:Tahoma, Geneva, sans-serif;
	letter-spacing:1px;
	font-style:normal;
	line-height:12px;
	font-size:11px;
}
.card-contact p span {color:#d4122e;}
#card-close {
	background:url(../gfx/card/close-btn.png) no-repeat top;
	width:12px;
	height:12px;
	display:block;
	float:right;
}
#card-close:hover {background-position:center bottom;}
#card-mail {
	color:#888;
	margin:2px 0 2px 6px;
	padding:3px;
	width:190px;
}
#card-send-btn {
	background:url(../gfx/card/btn-send.png) top no-repeat;
	display:block;
	height:32px;
	margin:0 0 0 44px;
	width:160px;
}
#card-send-btn:hover {background-position:bottom;}
.card-tail {
	background:url(../gfx/card/tail.gif) no-repeat center;
	height:14px;
}
.footer-main {
	bottom:0;
	left:0;
	position:absolute;
	width:100%;
}
.holder-btm {
	width:996px;
	margin:0 auto;
	padding-top:26px;
}
.main-why, .main-mission {
	background:url(../gfx/sep.png) repeat-y top right;
	float:left;
	margin:0 15px 0 0;
	padding:0 25px 0 3px;
	width:260px;
}
.main-mission {
	padding-left:20px;
	width:370px;
}
.main-why-header {
	background:url(../gfx/header-why.png) no-repeat;
	display:block;
	width:132px;
	height:45px;
}
.main-mission-header {
	background:url(../gfx/header-mission.png) no-repeat;
	width:122px;
	height:45px;
}
.main-why ul li, .main-contact ul li {
	background:url(../gfx/cross.png) 0 4px no-repeat;
	line-height:16px;
	padding:3px 0 4px 16px;
}
.main-contact ul li {
	background:none;
	text-align:right;
	padding-left:0;
}
.main-contact {
	background:url(../gfx/main-phone.png) no-repeat right 10px;
	float:left;
	height:162px;
	padding:10px 110px 0 15px;
	position:relative;
	width:130px;
}
/* ---------------------------------- btns ---------------------------------- */

.main-why .btn-more {
	background:url(../gfx/btn-more.png) no-repeat top;
	display:block;
	height:30px;
	margin:5px 0 0 175px;
	width:67px;
}
.main-contact .btn-contact {
	background:url(../gfx/btn-contact.png) no-repeat top;
	bottom:10px;
	display:block;
	height:42px;
	position:absolute;
	right:4px;
	width:163px;
}
.main-why .btn-more:hover, .main-contact .btn-contact:hover {background-position:bottom;}
.main-why .btn-more {
	background:url(../gfx/btn-more.png) no-repeat top;
	display:block;
	height:30px;
	margin:5px 0 0 175px;
	width:67px;
}
/* -------------------------------- btns end --------------------------------- */
/* ---------------------------------- menus ---------------------------------- */

.holder-menu {
	position:absolute;
	right:0;
	top:20px;
	height:65px;
	width:600px;
}
.holder-menu li {
	background:url(../gfx/menu-top.png) center 32px no-repeat;
	font-weight:bold;
	display:block;
	float:left;
	text-align:center;
	height:60px;
	margin:0 0 0 45px;
	position:relative;
}
.m-item {
	background:url(../gfx/menu-top-active.png) no-repeat center 34px;
	position:absolute;
	width:100%;
	height:65px;
	top:1px;
	/*filter:alpha(opacity=0);
	opacity:0;*/
	z-index:1;
}
.m-item.active {
	/*filter:alpha(opacity=100);
	opacity:100;*/
}
.holder-menu .item {padding-bottom:45px;}
.holder-menu .item span {
	display:block;
	margin-top:-5px;
}
.holder-menu .item:hover, .holder-menu .item.active {background:url(../gfx/menu-top-active.png) no-repeat center 33px;}
.holder-menu .item.active:hover {background:url(../gfx/menu-top-active.png) no-repeat center -118px;}/**/
.holder-menu .item {
	color:#242424;
	font-size:17px;
	display:block;
	z-index:10000;
}
.holder-menu .item:hover {color:#606060;}
.holder-menu .item:hover span {color:#000;}
.holder-menu span {
	color:#7d7d7d;
	font-size:11px;
	font-weight:normal;
}
.holder-menu-btm {
	margin:0 auto;
	padding:55px 0 0 150px;
	cursor:default;
	position:relative;
	width:850px;
}
.holder-menu-btm .item {
	color:#8e8b7a;
	font-size:14px;
	padding:2px;
	margin:0 5px;
}
.holder-menu-btm .item:hover, .holder-menu-btm .item.active {
	background:url(../gfx/btm-menu.jpg) no-repeat center bottom;
	color:#bd3244;
}
.holder-menu-btm .item:hover {color:#e4e3df;}
.holder-menu-btm .item.active:hover {color:#bd3244;}
/* -------------------------------- menus end -------------------------------- */
/* --------------------------------- contents -------------------------------- */
.main-l {
	width:415px;
	float:left;
	margin:10px 50px 0 0;
	text-align:justify;/*border:solid 1px #999;*/
	}
.contact{}
.contact p span{font-family:Tahoma, Geneva, sans-serif; font-style:normal;}
.contact-l{
	width:360px;
	float:left;
	margin:10px 100px 0 0;
	}
.contact-p {
	width:520px;
	float:left;
	margin:10px 0 0;
	text-align:center;
	}
/* ------------------------------ contents end ------------------------------- */
/* ---------------------------------- typo ----------------------------------- */
h1 {
	color:#d30721;
	font-size:17px;
	font-weight:normal;
	padding:0 0 5px;/*letter-spacing:-1px;*/
	
	/*font-family:'Philosopher', arial, serif;
	font-style:normal;
	font-style:italic;
	color:#d30721;
	font-size:17px;
	font-weight:normal;
	padding:0 0 5px;
	font-size: 24px;
  	font-family: 'Lobster', 'Tinos', 'Merriweather', 'Arvo', 'Cabin Sketch';*/
	
	}
h2{color:#3c4349;}	
.main-why ul li:first-letter, .main-mission p:first-letter, 
.main-contact ul li:first-letter, .main-l p:first-letter, 
.pf-menu-holder a.link:first-letter, .why-mission p:first-letter/*, .why li:first-letter*/ {
	color:#3c4349;
	font-size:18px;
}
p {
	cursor:default;
	padding:0 0 5px 0;
}
a {color:#3c4349;}
a:hover {color:#d30721;}
.holder-content .main-l a {	border-bottom:dashed 1px #999c9f;}
.holder-content .main-l p, .holder-content .contact-l p, .holder-content .contact-p p, .why li{font-style:normal;}
.why{
	list-style:decimal;
	list-style:outside;
	margin-top:20px;
	counter-reset:licznik;
	list-style:none;
	text-align:left;
	}
.why li{
	list-style:none outside;
	margin-bottom:5px;
	clear:left;
	}
/*.why li:first-letter{margin-left:-10px}*/
.why li:before {
	color:#D30721/*#3C4349*/;
	content:counter(licznik) ". ";
	counter-increment:licznik;
	display:block;
	float:left;
	font-weight:bold;
	font-size:13px;
	font-family:Tahoma, Geneva, sans-serif;
	height:25px;
	margin:0 10px 0 -18px;
	width:20px;
	text-align:right;
	}
.why-mission{
	background:url(../gfx/sep-vert.png) repeat-x 0 160px;
	margin:70px auto 0;
	width:400px;
	}
.why-mission .contact-us{
	background:url(../gfx/phone.png) no-repeat 260px 0;
	margin-top:30px;
	padding:5px 0 0 30px;
	}
.why-mission .contact-us ul li{
	background:url("../gfx/cross-2.png") no-repeat 0 4px;
	line-height:16px;
	padding:3px 0 4px 16px;
	}
.why-mission .contact-us a.btn{
	background:url(../gfx/btn-contact-us.png) no-repeat top;
	display:block;
	margin:3px 0 0 160px;
	width:146px;
	height:29px;
	}
.why-mission .contact-us a.btn:hover{background-position:bottom;}
.fix {clear:both;}
#slider-wrapper {
	background:url(../gfx/slider-bg.png) no-repeat;
	float:left;
	height:274px;
	padding:12px 0 0 12px;
	width:502px;
}
#slider {
	position:relative;
	width:490px;
	height:246px;
	background:url(../gfx/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}
.nivo-controlNav {
	position:absolute;
	left:187px;
	bottom:-42px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../gfx/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
	border:solid 2px #900;
}
.nivo-controlNav a.active {	background-position:0 -22px;}
.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../gfx/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:-15px;
}
a.nivo-prevNav {left:-15px;}
.nivo-caption {
	text-shadow:none;
	font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a {
	color:#efe9d1;
	text-decoration:underline;
}
/******************/
.tip {
	color: #2a333a;
	background:#ccc;
	display:none;
	padding:5px;
	position:absolute;
	z-index:1000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.pf {
	background:url(../gfx/bg-pf.png) repeat-y 142px 45px;
	width:100%;
	
	padding-bottom:120px;
}
.pf-menu-holder {
	position:relative;
	width:177px;
}
.pf-menu-holder a.link {
	background:url(../gfx/border-pf-menu.png) repeat-x bottom;
	color:#696C6F;
	display:block;
	font-size:13px;
	margin:0 0 0 17px;
	padding:5px 0;
	width:130px;
}
.pf-menu-holder a.link.active, .pf-menu-holder a.link.active:hover, .pf-menu-holder a.link.active:hover:first-letter {color:#3C4349;}
.pf-menu-holder a.link:hover {color:#3C4349;}
.pf-menu-holder a.link:hover:first-letter, .pf-menu-holder a.link.active:first-letter {color:#d30721;}
#pf-menu {
	background:url(../gfx/menu-pf.png) no-repeat 0 0px;
	height:212px;
	padding:43px 5px 0;
	position:absolute;
	text-align:center;
	width:167px;
}
.pf-item-odd{padding:0 0 20px 190px;}
.pf-item-even {padding:0 30px 20px 160px;}
.pf-item {
	background:url(../gfx/pf-bg.png) no-repeat center top;
	float:left;
	height:332px;
	position:relative;
	width:519px;
}
.pf-item-content {
	height:290px;
	left:14px;
	position:absolute;
	top:13px;
	width:490px;
}
.pf-item-desc {
	float:left;
	margin:40px 0 0 10px;
	width:250px;
}
.pf-item-even .pf-item, .pf-item-even .pf-item-desc{
	float:right;
	}
.pf-item-desc p.title {
	color:#b1112a;
	font-size:15px;
}
.pf-item-desc li {
	list-style:none;
	padding:0 0 0 10px;
	text-indent:-8px;
	}
.pf-item-desc li:before {
	content: "› ";
	font-weight:bold;
	color:#900;
}
.pf-item-desc a.link {
	color:#696c6f;
	margin-left:10px;
	font-size:11px;
}
.pf-item-desc a.link:hover {text-decoration:underline;}
.pf-item-desc a.link:before {content: "{ ";}
.pf-item-desc a.link:after {content: " } ";}
.pf-icos {
	position:absolute;
	right:15px;
	top:305px;
}
.ico-pf, .ico-css, .ico-xhtml, .ico-js, .ico-flash, .ico-php, .ico-ai, .ico-ajax, .ico-dotnet, .ico-flex {
	background:url(../gfx/icos.png) no-repeat;
	height:27px;
	float:right;
	width:73px;
	text-indent:-5000px;
}
.ico-css, .ico-php {
	background-position:-73px;
	width:33px;
}
.ico-xhtml {
	background-position:-106px;
	width:49px;
}
.ico-js {background-position:-155px;}
.ico-flash {
	background-position:-228px;
	width:43px;
}
.ico-php {background-position:-271px;}
.ico-ai {background-position:-304px;}
.ico-ajax, .ico-dotnet, .ico-flex {
	background-position:-377px;
	width:37px;
}
.ico-dotnet {background-position:-414px;}
.ico-flex {background-position:-451px;}
.back {
	background:url(../gfx/btn-up.png) no-repeat;
	position:absolute;
	/*bottom:0;
	right:100px;*/
	display:block;
	width:74px;
	height:61px;
	
	bottom:10px;
	right:505px;
}
.back.even{left:115px;}
.fade{
	background:url(../gfx/bg-pf-btm.png) repeat-x;
	position:absolute;
	bottom:0;
	width:990px;
	height:100px;
	}
.client-left, .client-right{
	background:url(../gfx/klienci/klamra.jpg) no-repeat 40px 55px;
	float:left;
	height:462px;
	width:100px;
	}
.client-right{background-position:-70px 55px;}
.client-holder{
	background:url(../gfx/klienci/title.jpg) no-repeat center top;
	float:left;
	margin:20px 0;
	padding:30px 0 0;
	}
.client{
	border-spacing:11px;
	border-collapse:separate;
	}
.client td{
	width:125px;
	height:70px;
	background:url(../gfx/klienci-loga.jpg) no-repeat;
	border:dashed 1px #c0c0c0;
	empty-cells:hide;
	text-indent:-2000px;
	}
.client td:hover{border:dashed 1px #919191;}
.client .c2{background-position:-140px 0;}.client .c3{background-position:-325px 0;}.client .c4{background-position:-465px 0;}.client .c5{background-position:-605px 0;}
.client .c6{background-position:0 -160px;}.client .c7{background-position:-140px -160px;}.client .c8{background-position:-325px -160px;}.client .c9{background-position:-465px -160px;}.client .c10{background-position:-605px -160px;}
.client .c11{background-position:0 -320px;}.client .c12{background-position:-140px -320px;}.client .c13{background-position:-325px -320px;}.client .c14{background-position:-465px -320px;}.client .c15{background-position:-605px -320px;}
.client .c16{background-position:0 -480px;}.client .c17{background-position:-140px -480px;}.client .c18{background-position:-325px -480px;}.client .c19{background-position:-465px -480px;}.client .c20{background-position:-605px -480px;}
.client .c21{background-position:0 -640px;}.client .c22{background-position:-140px -640px;}.client .c23{background-position:-325px -640px;}
.client .c2, .client .c7, .client .c12{width:170px;}

.client .c1:hover{background-position:0 -80px;}.client .c2:hover{background-position:-140px -80px;}.client .c3:hover{background-position:-325px -80px;}.client .c4:hover{background-position:-465px -80px;}.client .c5:hover{background-position:-605px -80px;}
.client .c6:hover{background-position:0 -240px;}.client .c7:hover{background-position:-140px -240px;}.client .c8:hover{background-position:-325px -240px;}.client .c9:hover{background-position:-465px -240px;}.client .c10:hover{background-position:-605px -240px;}
.client .c11:hover{background-position:0 -400px;}.client .c12:hover{background-position:-140px -400px;}.client .c13:hover{background-position:-325px -400px;}.client .c14:hover{background-position:-465px -400px;}.client .c15:hover{background-position:-605px -400px;}
.client .c16:hover{background-position:0 -560px;}.client .c17:hover{background-position:-140px -560px;}.client .c18:hover{background-position:-325px -560px;}.client .c19:hover{background-position:-465px -560px;}.client .c20:hover{background-position:-605px -560px;}
.client .c21:hover{background-position:0 -720px;}.client .c22:hover{background-position:-140px -720px;}.client .c23:hover{background-position:-325px -720px;}

.offer-holder{
	background:url(../gfx/site-oferta.png) no-repeat 0 0;
	margin-top:35px;
	padding-top:30px;
	}
.offer-holder .www, .offer-holder .graf, .offer-holder .aps, .offer-holder .flash{
	float:left;
	margin:10px 0 0 20px;
	width:220px;
	}
.offer-holder .www{width:260px; margin-left:0;}
.offer-holder .www li, .offer-holder .graf li, .offer-holder .aps li, .offer-holder .flash li{
	background:url(../gfx/offer-cross.png) no-repeat 0 5px; 
	color:#2a383d; 
	padding:2px 0 2px 20px;}
.offer-holder .graf li{background-position:0 -45px;}
.offer-holder .aps li{background-position:0 -95px;}
.offer-holder .flash li{background-position:0 -145px;}

.contact-form{margin:20px 0 0 10px;}
.contact-form .inp-1-bg, .contact-form .inp-2-bg{
	background:url(../gfx/contact-inp.png) no-repeat top left;
	height:24px;
	/*margin:1px 0 5px;*/
	padding:10px 0 10px 10px;
	width:315px;
	}
.contact-form .inp-2-bg{background-position:bottom;}
.contact-form label{
	border-top:1px dashed #999C9F;
	display:block;
	font-style:normal;
	margin:10px 0 0;
	padding-top:1px;
	position:relative;
	width:324px;
	}
.contact-form label span{
	color:#d30721;
	font-size:25px;
	font-weight:bold;
	position:absolute;
	right:5px;
	top:6px;
	}
.contact-form .area-bg{
	background:url(../gfx/contact-area.png) #c3c9ce top left no-repeat;
	margin:1px 0 5px;
	width:319px;
	padding-top:10px;
	}
.contact-form .area-bg-btm{
	background:url(../gfx/contact-area-btm.png) bottom left no-repeat;
	padding:0 0 10px 10px;
	}
.contact-form input, .contact-form textarea{
	background:#f2f2f2;
	border:solid 1px #fff;
	padding:1px 2px 2px;
	width:295px;
	max-width:295px;
	max-height:250px;
	}
.contact-form #message {
	background:url(../gfx/btn-send-form.png) top no-repeat;
	border:none;
	display:block;
	height:32px;
	margin:8px 0 0 20px;/* 183px;*/
	width:137px;
	
	float:left;
	}
/*.contact-form #message:hover {background-position:bottom;}*/
.contact-form #message.message-hover {background-position:bottom;}
/*.contact-form textarea{height:100px;max-width:295px;}*/
.contact-message {
	border:dashed 1px #d30721;
	color:#d30721;
	font-weight:bold;
	padding:5px 10px;
	text-align:center;
	width:300px;
	}
.contact-message p{font-style:normal; font-weight:normal;font-size:11px;}
.contact-message#send-message-wait, .contact-message#send-message-error, .contact-message#send-message-done {
	display:none;
	/*margin-top:80px;*/
}
.suwak-area{
	color:#6d6d6d;
	float:left;
	font-size:11px;
	margin:3px 0 0;
	width:162px;
	}
#suwak{margin:3px 10px 5px 6px;}
#blocked, #unblocked{
	background:url(../gfx/lock.png) no-repeat 95px 5px;
	color:#D30721;
	font-size:11px;
	text-align:center;
	padding:0 30px 0 0;
	}
#unblocked{
	background-position:105px -25px;
	color:#9fba0c;
	}
div.grippie {
	background:#EEEEEE url(../gfx/grippie.png) no-repeat scroll center 2px;
	/*border-color:#DDDDDD;
	border-style:solid;
	border-width:0pt 1px 1px;*/
	cursor:s-resize;
	height:9px;
	overflow:hidden;
	}
.resizable-textarea textarea {
	display:block;
	width:95%;
	height: 20%;
	min-height:100px;
	}
.google{
	background:url(../gfx/google-bg.png) no-repeat;
	margin-top:10px;
	padding:14px;
	width:488px;
	}