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

/*wyzerowanie domyślnych wartości*/
*{
	margin: 0;
	padding: 0;
}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0;
	padding: 0;
	border: 0;
	outline: none;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
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;
}
hr{
	display: none;
}
img{
	border: 0;
}

/* ustawienia ogólne */

body{
	/* background:#fff url('../design_img/bg15.jpg');*/
	background-color: #0c415c;
	color: #1C4259;
	background-attachment: fixed;
	font: 0.625em/1.5em Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding:0;
}
.menuBar{
	display: block;
	float: left;
	height: 50px;
	width: 100%;
	background-color: #04bdd9;
	margin-bottom: 10px;
}
.menuBarTx{
	width: 985px;
	margin: 0 auto;
}
p.txTop{
	margin:0;
	padding:0;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	position: relative;
	top: 2px;
	right: 15px;
	display: block;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height:30px;
}
p.txTop a{
	color: #fff;
	text-decoration: underline;
	outline: none;
	font-size: 14px;
	font-family: 'Trebuchet MS';
}
p.txTop a:visited{
	color: #fff;
	text-decoration: underline;
	outline: none;
	font-size: 14px;
	font-family: 'Trebuchet MS';
}
p.txTop a:hover{
	color: #fff;
	text-decoration: none;
	outline: none;
	font-size: 14px;
	font-family: 'Trebuchet MS';
}
p.txTop a:active{
	color: #fff;
	text-decoration: underline;
	outline: none;
	font-size: 14px;
	font-family: 'Trebuchet MS';
}
img.icons{
	position: relative;
	top: 10px;
}
/* kontener */
.all{
	width: 985px;
	margin: 0 auto;
}
/*Link do projektów górny*/
p.txTop a.pink{
	color: #fff;
	font-weight: normal;
	background: #FF99FF;
	padding: 5px;
	border: 1px solid #fff;
	font-family: 'Trebuchet MS';
	font-size: 15px;
}
p.txTop a.pink:visited{
	color: #fff;
	font-weight: normal;
	background: #FF99FF;
	padding: 5px;
	border: 1px solid #fff;
	font-family: 'Trebuchet MS';
	font-size: 15px;
}
p.txTop a.pink:hover{
	color: #FF99FF;
	font-weight: normal;
	background: #fff;
	padding: 5px;
	border: 1px solid #FF99FF;
	font-family: 'Trebuchet MS';
	font-size: 15px;
}
p.txTop a.pink:active{
	color: #fff;
	font-weight: normal;
	background: #FF99FF;
	padding: 5px;
	border: 1px solid #fff;
	font-family: 'Trebuchet MS';
	font-size: 15px;
}
/* menu*/
.menu{
	width: 985px;
	height: 31px;
}
.menu ul{
	list-style: none;
	width: 985px;
	height: 31px;
	margin: 0;
	padding:0;
}
.menu ul li{
	float: left;
	display: block;
	margin-right: 5px;
}
.menu ul li.lastLi{
	float: left;
	display: block;
	margin-right: 0;
}
a.butMenu{
	height: 31px; 
	width: 160px;
	margin-top:0;
	background:#1C4259 url('../design_img/btnBg.gif') no-repeat left center;
	display: block;
	float: left;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	font-family: Tahoma;
	text-align: center;
	outline: none;
}
a.butMenu:visited{
	height: 31px; 
	width: 160px;
	margin-top:0;
	background:#1C4259 url('../design_img/btnBg.gif') no-repeat left center;
	display: block;
	float: left;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	font-family: Tahoma;
	text-align: center;
	outline: none;
}
a.butMenu:hover{
	color: #29a2b9;
	outline: none;
}
a.butMenu:active{
	height: 31px; 
	width: 160px;
	margin-top:0;
	background:#1C4259 url('../design_img/btnBg.gif') no-repeat left center;
	display: block;
	float: left;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	font-family: Tahoma;
	text-align: center;
	outline: none;
	font-weight: normal;
}
span.butMenuAct{
	height: 31px; 
	width: 160px;
	margin-top:0;
	background:#1C4259 url('../design_img/btnBgActive.jpg') no-repeat left center;
	display: block;
	float: left;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	font-family: Tahoma;
	text-align: center;
}
span.butMenuActLast{
	height: 31px; 
	width: 160px;
	margin-top:0;
	background:#1C4259 url('../design_img/btnBgActive.jpg') no-repeat left center;
	display: block;
	float: left;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	font-family: Tahoma;
	text-align: center;
}
a.butMenuLast{
	height: 31px; 
	width: 160px;
	margin-top:0;
	background:#1C4259 url('../design_img/btnBg.gif') no-repeat left center;
	display: block;
	float: left;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	font-family: Tahoma;
	text-align: center;
	outline: none;
}
a.butMenuLast:visited{
	height: 31px; 
	width: 160px;
	margin-top:0;
	background:#1C4259 url('../design_img/btnBg.gif') no-repeat left center;
	display: block;
	float: left;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	font-family: Tahoma;
	text-align: center;
	outline: none;
}
a.butMenuLast:hover{
	color: #29a2b9;
	outline: none;
}
a.butMenuLast:active{
	height: 31px; 
	width: 160px;
	margin-top:0;
	background:#1C4259 url('../design_img/btnBg.gif') no-repeat left center;
	display: block;
	float: left;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	font-family: Tahoma;
	text-align: center;
	outline: none;
}
span.textMenu{
	font-weight: normal;
	position: relative;
	top: 8px;
}
/* górna belka */
.top{
	width: 985px;
	height: 211px;
	background:#13242e url('../design_img/serwis_stron2.jpg') no-repeat left top;
	display: block;
	float: left;
	position: relative;
}
h1.motto{
	color: #04bdd9;
	font-family: 'Trebuchet MS';
	font-weight: normal;
	font-size: 16px;
	position: absolute;
	top: 175px;
	left: 490px;
}
a#logo{
	width: 207px;
	height: 206px;
	display: block;
	float: left;
	position: relative;
	top: 10px;
	left: 30px;
	outline: none;
}
a#logo:visited, a#logo:hover, a#logo:active{
	width: 207px;
	height: 206px;
	display: block;
	float: left;
	position: relative;
	top: 10px;
	left: 30px;
	outline: none;
}

/* box z życzeniami na święta */

.easter{
	width: 983px;
	height: 80px;
	display: block;
	float: left;
	margin-top: 5px;
	border: 1px solid #92d50d;
}
/* kontener */
.content{
 	width: 985px;
	display: block;
	float: left;
}
/*belka z banerem flash */
.flash{
	display: block;
	float: left;
	width: 983px;
	border: 1px solid #90B3BD;
	height: 227px;
	margin-top: 5px;
	background: #0C415C;
}
.flashLink{
	width: 318px;
	height: 227px;
	display: block;
	float: left;
}
a#flashBtn, a#flashBtn:visited{
	width: 318px;
	height: 227px;
	background:transparent url('../design_img/flashLinkBg.gif') no-repeat left top;
	display: block;
	float: left;
	outline: none;
}
a#flashBtn:hover{
	width: 318px;
	height: 227px;
	background:transparent url('../design_img/flashLinkBgHover.gif') no-repeat left top;
	display: block;
	float: left;
	outline: none;
}
a#flashBtn:active{
	width: 318px;
	height: 227px;
	background:transparent url('../design_img/flashLinkBg.gif') no-repeat left top;
	display: block;
	float: left;
	outline: none;
}
.flashBaner{
	background:transparent url('../design_img/flashBanerBg.gif') repeat-x left top;
	display: block;
	float: left;
	height:197px;
	padding:15px;
	width:635px;
}
/* boxy z ofertą */
.boxLeft{
	width: 323px;
	height: 450px;
	float: left;
	border: 1px solid #90b3bd;
	margin-top: 5px;
	margin-right: 5px;
	background:#04BDD9 url('../design_img/leftBg.gif') repeat-x left top;
}
#lastBox{
	margin-right: 0;
}
p.shrtTxt{
	width: 300px;
	padding: 11px;
	display: block;
	float: left;
	position: relative;
	top: 30px;
	text-align: center;
	font-size: 15px;
	line-height: 1.4;
	color: #fff;
	font-family: 'Trebuchet MS', Arial, sans-serif;
}
span.title{
	width: 300px;
	padding: 11px;
	text-align: center;
	font-size: 20px;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	color: #0ad6f5;
	font-weight: normal;
}
p.techno{
	width: 300px;
	padding: 11px;	
	display: block;
	float: left;
	position: relative;
	top: 20px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-weight: normal;
	line-height: 1.2;
}
span.price{
	font-size: 20px;
	font-weight: normal;
	color: #f1e909;
	font-family: 'Trebuchet MS', Arial, sans-serif;
}
p.descrip{
	width: 260px;
	padding: 0 31px;
	display: block;
	float: left;
	position: relative;
	top: 30px;
	font-size: 13px;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	color: #115c71;
	text-align: justify;
	line-height: 1.2;

}
p.desc{
	width: 550px;
	position: relative;
	left: 30px;
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
	color: #115c71;
	text-align: justify;
	line-height: 1.2;

}
p.smallTitle{
	width: 300px;
	padding: 11px;
	display: block;
	float: left;
	position: relative;
	top: 30px;
	font-size: 16px;
	color: #115c71;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	text-align: center;
	font-weight: bold;
}

/* box z ofertą na pakiety */
.boxLeft h2#pages{
	display: block;
	float: left;
	width: 273px;
	height:39px;
	background: transparent url('../design_img/leftBtnBg.gif') no-repeat left top;	
	position: relative;
	top: 20px;
	left: 23px;
}
.boxLeft h2#pages a, .boxLeft h2#pages a:visited{
	font-size: 17px;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-weight: normal;
	color: #fff;
	text-align: center;
	text-decoration: none;
	position: relative;
	top: 10px;
	left: 80px;
	outline: none;
}
.boxLeft h2#pages a:hover{
	font-size: 17px;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-weight: normal;
	color: #09f3e0;
	text-align: center;
	text-decoration: none;
	outline: none;
}
.boxLeft h2#pages a:active{
	font-size: 17px;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-weight: normal;
	color: #fff;
	text-align: center;
	text-decoration: none;
	position: relative;
	top: 10px;
	left: 80px;
	outline: none;
}
ul.wwwList{
	width: 280px;
	font-size: 13px;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	color: #115c71;
	text-align: left;
	list-style-type: disc;
	list-style-position: outside;
	display: block;
	float: left;
	position: relative;
	top: 30px;
	left: 40px;
	line-height: 1.4;
}
a#pagesBot, a#pagesBot:visited{
	width: 273px;
	height:39px;
	background: transparent url('../design_img/leftBtnBg.gif') no-repeat left top;
	display: block;
	float: left;
	position: relative;
	bottom: -50px;
	left: 23px;
	font-size: 18px;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-align: center;
	padding-top: 9px;
	outline: none;
}
a#pagesBot:hover{
	color: #09f3e0;
	outline: none;
}
a#pagesBot:active{
	display: block;
	float: left;
	width: 273px;
	height:39px;
	background: transparent url('../design_img/leftBtnBg.gif') no-repeat left top;
	position: relative;
	bottom: -50px;
	left: 23px;
	font-size: 18px;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-align: center;
	padding-top: 9px;
	outline: none;
}

/* box z ofertą na obsługę */
.boxLeft h2#serwis{
	display: block;
	float: left;
	width: 273px;
	height:39px;
	background: transparent url('../design_img/centerBtnBg.gif') no-repeat left top;	
	position: relative;
	top: 20px;
	left: 23px;
}
.boxLeft h2#serwis a, .boxLeft h2#serwis a:visited{
	font-size: 17px;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-weight: normal;
	color: #fff;
	text-align: center;
	text-decoration: none;
	position: relative;
	top: 10px;
	left: 50px;
	outline: none;
}
.boxLeft h2#serwis a:hover{
	font-size: 17px;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-weight: normal;
	color: #09f3e0;
	text-align: center;
	text-decoration: none;
	outline: none;
}
.boxLeft h2#serwis a:active{
	font-size: 17px;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-weight: normal;
	color: #fff;
	text-align: center;
	text-decoration: none;
	position: relative;
	top: 10px;
	left: 50px;
	outline: none;
}
a#serwisBot, a#serwisBot:visited{
	width: 273px;
	height:39px;
	background: transparent url('../design_img/centerBtnBg.gif') no-repeat left top;
	display: block;
	float: left;
	position: relative;
	bottom: -50px;
	left: 23px;
	font-size: 18px;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-align: center;
	padding-top: 9px;
	outline: none;
}
a#serwisBot:hover{
	color: #09f3e0;
	outline: none;
}
a#serwisBot:active{
	width: 273px;
	height:39px;
	background: transparent url('../design_img/centerBtnBg.gif') no-repeat left top;
	display: block;
	float: left;
	position: relative;
	bottom: -50px;
	left: 23px;
	font-size: 18px;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-align: center;
	padding-top: 9px;
	outline: none;
}

/* box z ofertą na reklamę */
.boxLeft h2#reklama{
	display: block;
	float: left;
	width: 273px;
	height:39px;
	background: transparent url('../design_img/rightBtnBg.gif') no-repeat left top;	
	position: relative;
	top: 20px;
	left: 23px;
}
.boxLeft h2#reklama a, .boxLeft h2#reklama a:visited{
	font-size: 17px;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-weight: normal;
	color: #fff;
	text-align: center;
	text-decoration: none;
	position: relative;
	top: 10px;
	left: 50px;
	outline: none;
}
.boxLeft h2#reklama a:hover{
	font-size: 17px;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-weight: normal;
	color: #09f3e0;
	text-align: center;
	text-decoration: none;
	outline: none;
}
.boxLeft h2#reklama a:active{
	font-size: 17px;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-weight: normal;
	color: #fff;
	text-align: center;
	text-decoration: none;
	position: relative;
	top: 10px;
	left: 50px;
	outline: none;
}
a#reklBot, a#reklBot:visited{
	width: 273px;
	height:39px;
	background: transparent url('../design_img/rightBtnBg.gif') no-repeat left top;
	display: block;
	float: left;
	position: relative;
	bottom: -50px;
	left: 23px;
	font-size: 18px;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-align: center;
	padding-top: 9px;
	outline: none;
}
a#reklBot:hover{
	color: #09f3e0;
	outline: none;
}
a#reklBot:active{
	width: 273px;
	height:39px;
	background: transparent url('../design_img/rightBtnBg.gif') no-repeat left top;
	display: block;
	float: left;
	position: relative;
	bottom: -50px;
	left: 23px;
	font-size: 18px;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-align: center;
	padding-top: 9px;
	outline: none;
}

/*portfolio */
.boxLeftPort{
	width: 323px;
	height: 500px;
	display: block;
	float: left;
	border: 1px solid #90b3bd;
	position: relative;
	margin-top: 5px;
	margin-right: 5px;
	background:#04BDD9 url('../design_img/leftBg.gif') repeat-x left top;
}
span.leftTitle{
	width: 273px;
	height:39px;
	display: block;
	float: left;
	position: relative;
	top: 20px;
	left: 23px;
	font-size: 20px;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-align: center;
	padding-top: 9px;
	margin-bottom: 20px;
}
a.linkImg, a.linkImg:visited{
	width: 80px;
	height:64px;
	background:transparent;
	display: block;
	float: left;
	position: relative;
	top: 10px;
	left: 30px;
	border: 1px solid #04BDD9;
	margin-right: 10px;
	margin-top:10px;
	outline: none;
}
a.linkImg:hover{
	width: 80px;
	height:64px;
	background:transparent;
	display: block;
	float: left;
	position: relative;
	top: 10px;
	left: 30px;
	border: 1px solid transparent;
	margin-right: 10px;
	margin-top:10px;
	outline: none;
}
a.linkImg:active{
	width: 80px;
	height:64px;
	background:transparent;
	display: block;
	float: left;
	position: relative;
	top: 10px;
	left: 30px;
	border: 1px solid #04BDD9;
	margin-right: 10px;
	margin-top:10px;
	outline: none;
}
.boxBigRight{
	width: 650px;
	height: 500px;
	display: block;
	float: right;
	border: 1px solid #90b3bd;
	margin-top: 5px;
	background: #fff url('../design_img/bigBoxBg.gif') no-repeat left bottom;
}
span.titlePage{
	position: relative;
	top: 20px;
	left: 25px;
	font-size: 18px;
	font-family: 'Trebuchet MS';
	color: #0b94bb;
	text-align: left;
	font-weight: normal;
}
p.descripPage{
	font-size: 13px;
	font-family: Verdana;
	color: #666;
	text-align: left;
	width: 280px;
	position: relative;
	top: 60px;
	left: 25px;
	line-height: 1.4;
	display: block;
	float: left;
}
a.linkPage, a.linkPage:visited{
	float: left;
	font-size: 14px;
	font-family: 'Trebuchet MS';
	color: #0b94bb;
	text-decoration: underline;
	font-weight: normal;
	position: relative;
	top: 0;
	right: 0;
	display: block;
	outline: none;
}
a.linkPage:hover{
	float: left;
	font-size: 14px;
	font-family: 'Trebuchet MS';
	color: #0b94bb;
	text-decoration: none;
	font-weight: normal;
	position: relative;
	top: 0;
	right: 0;
	display: block;
	outline: none;
}
a.linkPage:active{
	float: left;
	font-size: 14px;
	font-family: 'Trebuchet MS';
	color: #0b94bb;
	text-decoration: underline;
	font-weight: normal;
	position: relative;
	top: 0;
	right: 0;
	display: block;
	outline: none;
}
img.imgRight{
	display: block;
	float: right;
	width: 304px;
	position: relative;
	top: 20px;
	right: 20px;
}
/* referencje */
.boxBigRightWhite{
	width: 650px;
	height: 500px;
	display: block;
	float: left;
	border: 1px solid #90b3bd;
	margin-top: 5px;
	background: #fff;
}
.boxBigRightProj{
	width: 983px;
	height: 500px;
	display: block;
	float: left;
	border: 1px solid #90b3bd;
	margin-top: 5px;
	background: #fff;
}
a.linkImgRef, a.linkImgRef:visited{
	width: 77px;
	height:95px;
	background:transparent;
	display: block;
	float: left;
	position: relative;
	top: 10px;
	left: 25px;
	border: 1px solid #fff;
	margin-right: 17px;
	margin-bottom: 20px;
	outline: none;
}
a.linkImgRef:hover{
	width: 77px;
	height:95px;
	background:transparent;
	display: block;
	float: left;
	position: relative;
	top: 10px;
	left: 25px;
	border: 1px solid transparent;
	outline: none;
}
a.linkImgRef:active{
	width: 77px;
	height:95px;
	background:transparent;
	display: block;
	float: left;
	position: relative;
	top: 10px;
	left: 25px;
	border: 1px solid #fff;
	margin-right: 17px;
	margin-bottom: 20px;
	outline: none;
}
img.ref{
	position: relative;
	top: 40px;
	left: 40px;
}
a.linkPageRef, a.linkPageRef:visited{
	float: left;
	font-size: 14px;
	font-family: Verdana;
	color: #0b94bb;
	text-decoration: underline;
	font-weight: normal;
	position: relative;
	top: 60px;
	right: 35px;
	display: block;
	float: right;
	outline: none;
}
a.linkPageRef:hover{
	float: left;
	font-size: 14px;
	font-family: Verdana;
	color: #0b94bb;
	text-decoration: none;
	font-weight: normal;
	position: relative;
	top: 60px;
	right: 35px;
	display: block;
	float: right;
	outline: none;
}
a.linkPageRef:active{
	float: left;
	font-size: 14px;
	font-family: Verdana;
	color: #0b94bb;
	text-decoration: underline;
	font-weight: normal;
	position: relative;
	top: 60px;
	right: 35px;
	display: block;
	float: right;
	outline: none;
}

/* cennik */

table{
	margin-left: 20px;
	margin-top: 0;
	width: 600px;
}
tr{
	color: #13414f;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	height: 20px;
}
tr.trTitle{
	color: #fff;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	height: 30px;
}
tr.trTitle td{
	background:#04b3d9 url('../design_img/trBg.jpg') repeat-y left top;
}
tr.trTitle td span{
	position: relative;
	top: 5px;
	font-weight: normal;
}
tr td, tr.trTitle td{
	padding-left: 20px;
}
tr.empty{
	height: 5px;
}
p.cennik{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #fff;
	line-height: 1.66;
	margin-left: 25px;
	margin-right: 20px;
	margin-top: 10px;
	text-align: center;
}
/* kontakt */
a.mail, a.mail:visited{
	color: #fff;
	text-decoration: underline;
	outline: none;
}
a.mail:hover{
	color: #fff;
	text-decoration: none;
	outline: none;
}
a.mail:active{
	color: #fff;
	text-decoration: underline;
	outline: none;
}
span.daneTitle{
	width: 273px;
	height:39px;
	display: block;
	float: left;
	position: relative;
	top: 20px;
	left: 23px;
	font-size: 18px;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	color: #1a7f92;
	text-align: center;
	text-decoration: none;
	text-align: center;
	padding-top: 9px;
	margin-bottom: 20px;
}
p.dane{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #1a7f92;
	line-height: 1.66;
	margin-left: 25px;
	margin-right: 20px;
	margin-top: 10px;
	text-align: center;
}
p.kontTxt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000;
	line-height: 1.66;
	margin-left: 35px;
	margin-right: 35px;
	margin-top: 40px;
	text-align: left;
}
a.mailDark, a.mailDark:visited{
	color: #0B94BB;
	text-decoration: underline;
	outline: none;
}
a.mailDark:hover{
	color: #0B94BB;
	text-decoration: none;
	outline: none;
}
a.mailDark:active{
	color: #0B94BB;
	text-decoration: underline;
	outline: none;
}
/* polecamy */
p.polecam{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #fff;
	line-height: 1.66;
	margin-left: 25px;
	margin-right: 20px;
	margin-top: 70px;
	text-align: center;
}
a.recom, a.recom:visited{
	font-size: 13px;
	font-family: Verdana;
	color: #0b94bb;
	text-decoration: underline;
	font-weight: normal;
	outline: none;
}
a.recom:hover{
	font-size: 13px;
	font-family: Verdana;
	color: #0b94bb;
	text-decoration: none;
	font-weight: normal;
	outline: none;
}
a.recom:active{
	font-size: 13px;
	font-family: Verdana;
	color: #0b94bb;
	text-decoration: underline;
	font-weight: normal;
	outline: none;
}

/* strona z pakietami www */
.smallBoxLeft{
	width: 303px;
	height: 340px;
	float: left;
	padding: 10px;
	background:#28415a;
	border: 1px solid #90B3BD;
	margin-right: 5px;
	margin-top: 5px;
}
h2.titlePakiet{	
	font-size: 18px;	
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	margin-top: 20px;
	line-height: 1.4;
	margin-left: 10px;
	width: 300px;
}
span.green{
	color: #00FF00;
}
span.orange{
	color: #e56cf3;
}
span.blue{
	color: #0ef1ee;
}
p.shrtTxtPages{
	width: 300px;
	padding: 11px;
	display: block;
	float: left;
	position: relative;
	top: 20px;
	text-align: center;
	font-size: 13px;
	line-height: 1.4;
	color: #fff;
	font-family: Verdana, Arial, sans-serif;
}
ul.strList{
	color:#FFFFFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
	left:25px;
	line-height:1.4;
	list-style-position: outside;
	list-style-type:disc;
	position:relative;
	width:260px;
}
a.real, a.reali:visited{
	font-size: 13px;
	font-family: Verdana;
	color: #3BE7D7;
	text-decoration: underline;
	font-weight: bold;
	margin-left: 25px;
	line-height: 1.66;
	outline: none;
}
a.real:hover{
	text-decoration: none;
	outline: none;
}
a.real:active{
	font-size: 13px;
	font-family: Verdana;
	color: #3BE7D7;
	text-decoration: underline;
	font-weight: bold;
	margin-left: 25px;
	line-height: 1.66;
	outline: none;
}
p.slogan{
	font-size: 14px;
	font-family: Verdana;
	color: #fff;
	font-weight: bold;
	margin-top: 15px;
	line-height: 1.4;
	text-align: center;
}

/* wstecz */
a.wstecz, a.wstecz:visited{
	position: absolute;
	left: 30px;
	bottom: 25px;
	width: 156px;
	height: 56px;
	background: transparent url('../design_img/wsteczBg.jpg') top left no-repeat;
	display: block;
	float: left;
	outline: none;
}
a.wstecz:hover{
	position: absolute;
	left: 30px;
	bottom: 25px;
	width: 156px;
	height: 56px;
	background: transparent url('../design_img/wsteczBgHover.jpg') top left no-repeat;
	display: block;
	float: left;
	outline: none;
}
a.wstecz:active{
	position: absolute;
	left: 30px;
	bottom: 25px;
	width: 156px;
	height: 56px;
	background: transparent url('../design_img/wsteczBg.jpg') top left no-repeat;
	display: block;
	float: left;
	outline: none;
}

/* obsługa stron www */
h2.strTitle, p.strTitle{
	width: 280px;
	padding: 11px;
	font-size: 13px;
	line-height: 1.4;
	letter-spacing: 0.2ex;
	font-family: Verdana, Arial, sans-serif;
	color: #0dbdbb;
	text-align: center;
	font-weight: bold;
}
p.shrtTxtObs{
	width: 280px;
	padding: 11px;
	display: block;
	float: left;
	position: relative;
	top: 10px;
	left: 10px;
	text-align: center;
	font-size: 13px;
	line-height: 1.4;
	color: #fff;
	font-family: Verdana, Arial, sans-serif;
}
p.strText{
	width: 280px;
	padding: 11px;
	display: block;
	float: left;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	line-height: 1.4;
}

/* strona z reklamą */
h2.reklTitle{	
	font-size: 20px;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	color: #0C415C;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 25px;
	font-weight: normal;
}
p.rekTxt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	line-height: 1.2;
	margin-left: 25px;
	margin-right: 35px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}
ul.reklList{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4;
	list-style-type: disc;
	list-style-position: outside;
	color: #000;
	text-align: left;
	width: 550px;
	font-weight: normal;
	margin-left: 40px;
}
a.banerLink, a.banerLink:visited{
	font-size: 14px;
	font-family: Verdana;
	color: #10e6de;
	text-decoration: underline;
	font-weight: bold;
	outline: none;
}
a.banerLink:hover{
	text-decoration: none;
	outline: none;
}
a.banerLink:active{
	font-size: 14px;
	font-family: Verdana;
	color: #10e6de;
	text-decoration: underline;
	font-weight: bold;
	outline: none;
}
p.kuponLeft{
	width: 300px;
	display: block;
	float: left;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #1a7f92;
	line-height: 1.2;
	position: relative;
	top: 30px;
	left: 25px;
	text-align: left;	
}
a#kupon, a#kupon:visited{
	display: block;
	float: left;
	background: transparent url('../design_img/kupon.jpg') top left no-repeat;
	width: 118px;
	height: 89px;
	margin-right: 5px;
	outline: none;
}
a#kupon:hover{
	display: block;
	float: left;
	background: transparent url('../design_img/kuponHover.jpg') top left no-repeat;
	width: 118px;
	height: 89px;
	margin-right: 5px;
	outline: none;
}
a#kupon, a#kupon:active{
	display: block;
	float: left;
	background: transparent url('../design_img/kupon.jpg') top left no-repeat;
	width: 118px;
	height: 89px;
	margin-right: 5px;
	outline: none;
}
a.kuponLink, a.kuponLink:visited{
	font-size: 13px;
	font-family: Verdana;
	color: #0b94bb;
	text-decoration: underline;
	font-weight: bold;
	margin-left: 25px;
	outline: none;
}
a.kuponLink:hover{
	text-decoration: none;
	outline: none;
}
a.kuponLink:active{
	font-size: 13px;
	font-family: Verdana;
	color: #0b94bb;
	text-decoration: underline;
	font-weight: bold;
	margin-left: 25px;
	outline: none;
}

/* realizacja WWW */
ol.reklList{
	color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	left:40px;
	line-height:1.4;
	list-style-position: outside;
	position:relative;
	text-align:left;
	top:0;
	width:600px;
}
a.sendMail, a.sendMail:visited{
	color: #0b94bb;
	text-decoration: underline;
	outline: none;
}
a.sendMail:hover{
	color: #0b94bb;
	text-decoration: none;
	outline: none;
}
a.sendMail:active{
	color: #0b94bb;
	text-decoration: underline;
	outline: none;
}
a.mini, a.mini:visited{
	width: 100px;
	height: 93px;
	border: 1px solid #666;
	position: relative;
	top: 10px;
	left: 20px;
	margin-left: 15px;
	margin-bottom: 10px;
	display: block;
	float: left;
	outline: none;
}
a.mini:hover{
	border: 1px solid #fff;
	outline: none;
}
a.mini:active{
	width: 100px;
	height: 93px;
	border: 1px solid #666;
	position: relative;
	top:10px;
	left: 20px;
	margin-left: 15px;
	margin-bottom: 10px;
	display: block;
	float: left;
	outline: none;
}

/*realizacja aktualizacji */
ol#rekListAkt li{
	margin-bottom: 10px;
}

/* realizacja reklamy */
ol.reklListKamp{
	color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	left:40px;
	line-height:1.6;
	list-style-position: outside;
	position:relative;
	text-align:left;
	top:0;
	width:600px;
	}

/*słownik*/
.slownik{
	display: block;
	float: left;
	width: 983px;
	background-color: #fff;
	border: 1px solid #90b3bd;
	height: 100%;
	margin-top: 3px;
}
h3.gold{
	margin-left: 50px;
	margin-top: 20px;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 870px;
	color: #0C415C;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.slownik p{
	margin-left: 50px;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 880px;
	color: #000;
	line-height: 1.6;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 15px;
}
a.wstecz2, a.wstecz2:visited{
	padding-bottom: 20px;
	width: 56px;
	height: 56px;
	background: transparent url('../design_img/wsteczBg.jpg') top left no-repeat;
	display: block;
	float: left;
	outline: none;
}
a.wstecz2:hover{
	width: 56px;
	height: 56px;
	background: transparent url('../design_img/wsteczBgHover.jpg') top left no-repeat;
	display: block;
	float: left;
	padding-bottom: 20px;
	outline: none;
}
a.wstecz2:active{
	padding-bottom: 20px;
	width: 56px;
	height: 56px;
	background: transparent url('../design_img/wsteczBg.jpg') top left no-repeat;
	display: block;
	float: left;
	outline: none;
}

/* kupon */
h2.kuponTitle{	
	font-size: 20px;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	color: #0C415C;
	text-align: center;
	margin-top: 35px;
}
p.kuponText{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal; 
	color: #000;
	line-height: 1.66;
	margin-left: 25px;
	margin-right: 35px;
	margin-top: 30px;
	text-align: left;
	width: 590px;
}
/* strona błędu 404 */
.err{
	display: block;
	float: left;
	width: 983px;
	background-color: #fff;
	border: 1px solid #90B3BD;
	height: 350px;
	margin-top: 3px;
	padding-bottom: 30px;
}
img.pingwin{
	display: block;
	float: left;
	width: 202px;
	height: 295px;
	position: relative;
	top: 30px;
	left: 70px;
}
p.errTxt{
	font-size: 18px;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	color: #115c71;
	text-align: left;
	width: 600px;
	position: relative;
	top: 50px;
	left: 150px;
	line-height: 1.66;
}
span.errTxtLeft{
	position: relative;
	top: 30px;
	left: 400px;
	line-height: 1.66;
}

/*mapa strony*/
.mapa{
	display: block;
	float: left;
	width: 983px;
	background-color: #fff;
	border: 1px solid #90B3BD;
	height: 470px;
	margin-top: 3px;
}
img.pingwin2{
	display: block;
	float: left;
	width: 202px;
	height: 295px;
	position: relative;
	top: 90px;
	left: 130px;
}
ul.mapLinks{
	display: block;
	float: left;
	position: relative;
	left: 250px;
	top: 0;
	list-style-type: disc;
	list-style-position: outside;
}
ul.mapLinks li{
	line-height: 1.66;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style-type: disc;
	color: #0B94BB;
}
/* blok break */

span.break{
	width: 100%; 
	height: 30px; 
	display: block; 
	float: left;
}

/* div white */

div.white{
	display: block;
	float: left;
	width: 100%;
	/*background:#fff url('../design_img/bg16.jpg');*/
	background-color:#fff;
	padding-bottom: 5px;
}
span.old{
	text-decoration: line-through;
}

/* podstrona z portfolio */
.www{
	width: 943px;
	display: block;
	float: left;
	position: relative;
	top: 10px;
	border: 1px solid #04bdd9;
	padding: 20px;
	margin-bottom: 10px;
}
img.logo{
	display: block;
	float: left;
	padding-right: 10px;
	width: 93px;
	height: 89px;
}
h2.wwwTitle{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #29a2b9;
	font-weight: normal;
}
p.descLong{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	margin-top: 20px;
	margin-bottom: 5px;
	line-height: 1.4;
}
.example{
	display: block;
	float: left;
	width: 925px;
	margin-top: 20px;
	margin-left: 10px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #29a2b9;
}
.noBorderExample{
	border-bottom: none;
}
img.exampleBig{
	display: block;
	float: left;
	border: 1px solid #29a2b9;
	width: 405px;
	height: 198px;
	margin-right: 40px;
}
.exampleDesc{
	display: block;
	float: left;
	width: 470px;
}
ul.exampleList{
	margin-left: 15px;
	margin-bottom: 15px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	line-height: 1.4;
}
.exampleDesc p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	line-height: 1.4;
}
a.exampleAdr, a.exampleAdr:link, a.exampleAdr:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #29a2b9;
	text-decoration: underline;
}
a.exampleAdr:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #04bdd9;
	text-decoration: none;
}
p.exampleTime{
	display: block;
	float: left;
}
a.exampleLink, a.exampleLink:link, a.exampleLink:active{
	display: block;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.6;
	color: #29a2b9;
	text-decoration: underline;
	background: transparent url('../design_img/grot.jpg') 100px 3px no-repeat;
	padding-right: 20px;
}
a.exampleLink:hover{
	display: block;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.6;
	color: #04bdd9;
	text-decoration: none;
	background: transparent url('../design_img/grotHover.jpg') 100px 3px no-repeat;
	padding-right: 20px;
}
a.projLink, a.projLink:link, a.projLink:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.6;
	color: #29a2b9;
	text-decoration: underline;
	padding-right: 20px;
}
a.projLink:hover{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.6;
	color: #04bdd9;
	text-decoration: none;
	padding-right: 20px;
}

/*strona z projektami */
.projekty{
	display: block;
	float: left;
	width: 925px;
	margin-left: 10px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #29a2b9;
}
.projektyLast{
	display: block;
	float: left;
	width: 925px;
	margin-left: 10px;
	padding-bottom: 20px;
	border-bottom: none;
}
.projektWWW{
	display: block;
	float: left;
	width: 404px;
	padding-bottom: 20px;
	margin-top: 20px;
	_margin-right: 30px;
}
html>body .projektWWW{
	margin-right: 100px;
}
.projektWWWRight{
	display: block;
	float: left;
	width: 404px;
	margin-top: 20px;
	padding-bottom: 20px;
}
.titleBlueProj{
	color:#29a2b9;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align: left;
}
p.descProj{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	margin-bottom: 5px;
	width: 404px;
}
a.projektyLink, a.projektyLink:link, a.projektyLink:active{
	display: block;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.6;
	color: #29a2b9;
	text-decoration: underline;
	background: transparent url('../design_img/grot.jpg') 110px 3px no-repeat;
	padding-right: 25px;
	position: relative;
	top: 20px;
}
a.projektyLink:hover{
	display: block;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.6;
	color: #04bdd9;
	text-decoration: none;
	background: transparent url('../design_img/grotHover.jpg') 110px 3px no-repeat;
	padding-right: 25px;
	position: relative;
	top: 20px;
}
a.bigLink, a.bigLink:link, a.bigLink:active{
	display: block;
	float: left;
	border: 1px solid #29a2b9;
	width: 404px;
	height: 329px;
	margin-right: 40px;
}
a.bigLink:hover{
	display: block;
	float: left;
	border: 1px solid #FF00FF;
	width: 404px;
	height: 329px;
	margin-right: 40px;
}

/*STOPKA*/
.footer{
	display: block;
	float: left;
	width: 100%;
	height:60px;
	/*position: relative;
	top: 3px;
	 background-color: #0c415c; */
}
.footCentr{
	margin: 0 auto;
	width: 981px;
	height: 30px;
	margin-bottom: 10px;
	position: relative;
	top: 5px;
	background-color: #0c415c;
}
p.foot{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin-left: 10px;
	margin-top: 4px;
}
a.butMenuDown, a.butMenuDown:visited{
	color: #fff;
	text-decoration: none;
	outline: none;
}
a.butMenuDown:hover{
	color: #fff;
	text-decoration: underline;
	outline: none;
}
a.butMenuDown:active{
	color: #fff;
	text-decoration: none;
	outline: none;
}
a.serwis, a.serwis:visited{
	text-decoration: underline;
	color: #fff;
	margin-right: 320px;
	outline: none;
}
a.serwis:hover{
	text-decoration: none;
	color: #fff;
	outline: none;
}
a.serwis:active{
	text-decoration: underline;
	color: #fff;
	margin-right: 320px;
	outline: none;
}