@charset "utf-8";

body{
	margin: 0px;
	color: #FFFFFF;
	}
	

/* top początek */
	
.top_color{
	width: 100%;
	height: 90px;
	position: relative;
	margin: auto;
	background-color: #013252;
	}

.line_top{
	width: 910px;
	margin: auto;
	position: relative;
	}
	
.logo{
	width: 325px;
	height: 45px;
	position: absolute;
	background-image: url(img/logo.jpg);
	top: 15px;
	left: 20px;
	}
	
.menu{
	width: 390px;
	height: 60px;
	position: absolute;
	top: 0px;
	right: 20px;
	}
	
.top_stripe{
	width: 100%;
	height: 220px;
	position: relative;
	margin: auto;
	background-image: url(img/stripe.jpg);
	background-repeat: repeat;
	}

.top_ani{
	width: 910px;
	height: 270px;
	position: relative;
	margin: auto;
	top: -25px;
	}
	
.words{
	width: 910px;
	height: 20px;
	position: absolute;
	left: 0px;
	top: 15px;
	}
	
/* top koniec */



/* home początek */

.line_txt_home{
	width: 910px;
	height: 645px;
	margin: auto;
	position: relative
	}
	
.home_txt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	line-height: 25px;
	font-size: 12px;
	color: #000000;
	width: 620px;
	height: 560px;
	position: absolute;
	left: 25px;
	top: 60px;
	}
	
.separator{
	width: 1px;
	height: 545px;
	position: absolute;
	top: 60px;
	right: 245px;
	background-color: #EEEEEE;
	}

.tsi_img a, .tsi_img a:hover{
	background-image: url(img/tsi_off.jpg);
	width: 205px;
	height: 105px;
	position: absolute;
	right: 25px;
	top: 60px;
	}	
	
.tsi_img a:hover{
	background-image: url(img/tsi_on.jpg);
	}
	
.tsi_txt a, .tsi_txt a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	color: #999999;
	width: 205px;
	height: 20px;
	position: absolute;
	right: 25px;
	top: 165px;
	}
	
.tsi_txt a:hover{
	color: #000000;
	}

.seo_img a, .seo_img a:hover{
	background-image: url(img/seo_off.jpg);
	width: 205px;
	height: 105px;
	position: absolute;
	right: 25px;
	top: 200px;
	}	
	
.seo_img a:hover{
	background-image: url(img/seo_on.jpg);
	}	
	
.seo_txt a, .seo_txt a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	color: #999999;
	width: 205px;
	height: 20px;
	position: absolute;
	right: 25px;
	top: 305px;
	}
	
.seo_txt a:hover{
	color: #000000;
	}
	
.dynamic_ani{
	width: 205px;
	height: 105px;
	position: absolute;
	right: 25px;
	top: 340px;
	}	

	
.dynamic_txt a, .dynamic_txt a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	color: #999999;
	width: 205px;
	height: 20px;
	position: absolute;
	right: 25px;
	top: 445px;
	}
	
.dynamic_txt a:hover{
	color: #000000;
	}

.znak_img a, .znak_img a:hover{
	background-image: url(img/znak_off.jpg);
	width: 205px;
	height: 105px;
	position: absolute;
	right: 25px;
	top: 480px;
	}	
	
.znak_img a:hover{
	background-image: url(img/znak_on.jpg);
	}	
	
.znak_txt a, .znak_txt a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	color: #999999;
	width: 205px;
	height: 20px;
	position: absolute;
	right: 25px;
	top: 585px;
	}	
	
.znak_txt a:hover{
	color: #000000;
	}	

/* home koniec */


/* oferta początek */

.line_txt_oferta{
	width: 910px;
	height: 450px;
	margin: auto;
	position: relative
	}

.oferta_txt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	line-height: 20px;
	font-size: 10px;
	color: #000000;
	width: 860px;
	height: 200px;
	position: absolute;
	left: 25px;
	top: 60px;
	}
	
.webdesign_title{
	width: 200px;
	height: 20px;
	position: absolute;
	text-align: center;
	font-size: 12px;
	color: #013252;
	left: 0px;
	}
	
.webdesign_img a, .webdesign_img a:hover{
	width: 200px;
	height: 150px;
	position: absolute;
	top: 25px;
	left: 0px;
	background-image:url(img/tworzenie_stron.jpg);
	border: 1px solid #CCCCCC;
	}

.webdesign_txt{
	width: 200px;
	height: 170px;
	position: absolute;
	top: 185px;
	left: 0px;
	}

.webdesign_more a, .webdesign_more a:hover{
	width: 200px;
	height: 20px;
	position: absolute;
	top: 360px;
	left: 0px;
	text-align: right;
	color: #013252;
	}
	
.webdesign_more a:hover{
	color: #000000;
	}

.line1{
	width: 1px;
	height: 380px;
	position: absolute;
	top: 0px;
	left: 210px;
	background-color: #EEEEEE;
	}
	
.pozycjonowanie_title{
	width: 200px;
	height: 20px;
	position: absolute;
	text-align: center;
	font-size: 12px;
	color: #013252;
	left: 220px;
	}
	
.pozycjonowanie_img a, .pozycjonowanie_img a:hover{
	width: 200px;
	height: 150px;
	position: absolute;
	top: 25px;
	left: 220px;
	background-image:url(img/pozycjonowanie.jpg);
	border: 1px solid #CCCCCC;
	}

.pozycjonowanie_txt{
	width: 200px;
	height: 170px;
	position: absolute;
	top: 185px;
	left: 220px;
	}

.pozycjonowanie_more a, .pozycjonowanie_more a:hover{
	width: 200px;
	height: 20px;
	position: absolute;
	top: 360px;
	left: 220px;
	text-align: right;
	color: #013252;
	}
	
.pozycjonowanie_more a:hover{
	color: #000000;
	}
	
.line2{
	width: 1px;
	height: 380px;
	position: absolute;
	top: 0px;
	left: 430px;
	background-color: #EEEEEE;
	}
	
.animacje_title{
	width: 200px;
	height: 20px;
	position: absolute;
	text-align: center;
	font-size: 12px;
	color: #013252;
	right: 220px;
	}
	
.animacje_img a, .animacje_img a:hover{
	width: 200px;
	height: 150px;
	position: absolute;
	top: 25px;
	right: 220px;
	background-image:url(img/animacje.jpg);
	border: 1px solid #CCCCCC;
	}

.animacje_txt{
	width: 200px;
	height: 170px;
	position: absolute;
	top: 185px;
	right: 220px;
	}

.animacje_more a, .animacje_more a:hover{
	width: 200px;
	height: 20px;
	position: absolute;
	top: 360px;
	right: 220px;
	text-align: right;
	color: #013252;
	}
	
.line3{
	width: 1px;
	height: 380px;
	position: absolute;
	top: 0px;
	right: 210px;
	background-color: #EEEEEE;
	}
	
.logo_title{
	width: 200px;
	height: 20px;
	position: absolute;
	text-align: center;
	font-size: 12px;
	color: #013252;
	right: 0px;
	}
	
.logo_img a, .logo_img a:hover{
	width: 200px;
	height: 150px;
	position: absolute;
	top: 25px;
	right: 0px;
	background-image:url(img/logo1.jpg);
	border: 1px solid #CCCCCC;
	}

.logo_txt{
	width: 200px;
	height: 170px;
	position: absolute;
	top: 185px;
	right: 0px;
	}

.logo_more a, .logo_more a:hover{
	width: 200px;
	height: 20px;
	position: absolute;
	top: 360px;
	right: 0px;
	text-align: right;
	color: #013252;
	}
	
.logo_more a:hover{
	color: #000000;
	}

/* oferta koniec */


/* tworzeniestron początek */

.line_txt_tworzeniestron{
	width: 910px;
	height: 1120px;
	margin: auto;
	position: relative
	}
	
.tworzeniestron_txt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #000000;
	width: 890px;
	height: 1030px;
	position: absolute;
	left: 10px;
	top: 60px;
	text-align: justify;
	}

/* tworzeniestron koniec */


/* seo_sem początek */

.line_txt_seo_sem{
	width: 910px;
	height: 880px;
	margin: auto;
	position: relative
	}
	
.seo_sem_txt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #000000;
	width: 890px;
	height: 790px;
	position: absolute;
	left: 10px;
	top: 60px;
	text-align: justify;
	}

/* seo_sem koniec */


/* animacjeflash początek */

.line_txt_animacjeflash{
	width: 910px;
	height: 450px;
	margin: auto;
	position: relative
	}
	
.animacjeflash_txt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #000000;
	width: 890px;
	height: 390px;
	position: absolute;
	left: 10px;
	top: 60px;
	text-align: justify;
	}

/* animacjeflash koniec */


/* logofirmy początek */

.line_txt_logofirmy{
	width: 910px;
	height: 600px;
	margin: auto;
	position: relative
	}
	
.logofirmy_txt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 24px;
	font-size: 12px;
	color: #000000;
	width: 890px;
	height: 540px;
	position: absolute;
	left: 10px;
	top: 60px;
	text-align: justify;
	}
	
.l1 a, .l1 a:hover {
	width: 290px;
	height: 145px;
	position: absolute;
	top: 30px;
	background-image: url(logo/mini1.jpg);
	}

.l2 a, .l2 a:hover {
	width: 290px;
	height: 77px;
	position: absolute;
	top: 200px;
	background-image: url(logo/mini2.jpg);
	}

.l3 a, .l3 a:hover {
	width: 290px;
	height: 180px;
	position: absolute;
	top: 300px;
	background-image: url(logo/mini3.jpg);
	}

/* logofirmy koniec */


/* portfolio początek */

.line_txt_portfolio{
	width: 910px;
	height: 1120px;
	margin: auto;
	position: relative
	}
	
.portfolio_txt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	line-height: 20px;
	font-size: 10px;
	color: #000000;
	width: 890px;
	height: 1040px;
	position: absolute;
	left: 10px;
	top: 60px;
	}
	
.opinie{
	text-align: center;
	font-size: 12px;
	color: #013252;
	width: 280px;
	height: 20px;
	position: absolute;
	right: 0px;
	top: 0px;
	}

.opinie_txt{
	width: 280px;
	height: 270px;
	position: absolute;
	right: 0px;
	top: 30px;
	}

.separator_portfolio{
	width: 1px;
	height: 1040px;
	position: absolute;
	top: 0px;
	right: 305px;
	background-color: #EEEEEE;
	}

.portfolio{
	text-align: center;
	font-size: 12px;
	color: #013252;
	width: 560px;
	height: 20px;
	position: absolute;
	left: 0px;
	top: 0px;
	}

.webside1 a, .webside1 a:hover{
	width: 270px;
	height: 230px;
	position: absolute;
	left: 0px;
	top: 30px;
	background-image: url(img/maximus.jpg);
	}

.webside2 a, .webside2 a:hover{
	width: 270px;
	height: 230px;
	position: absolute;
	left: 290px;
	top: 30px;
	background-image: url(img/artpol.jpg);
	}

.webside3 a, .webside3 a:hover{
	width: 270px;
	height: 230px;
	position: absolute;
	left: 0px;
	top: 290px;
	background-image: url(img/wanat.jpg);
	}

.webside4 a, .webside4 a:hover{
	width: 270px;
	height: 230px;
	position: absolute;
	left: 290px;
	top: 290px;
	background-image: url(img/forum.jpg);
	}

.webside5 a, .webside5 a:hover{
	width: 270px;
	height: 230px;
	position: absolute;
	left: 0px;
	top: 550px;
	background-image: url(img/frontal.jpg);
	}

.webside6 a, .webside6 a:hover{
	width: 270px;
	height: 230px;
	position: absolute;
	left: 290px;
	top: 550px;
	background-image: url(img/iventor.jpg);
	}

.webside7 a, .webside7 a:hover{
	width: 270px;
	height: 230px;
	position: absolute;
	left: 0px;
	top: 810px;
	background-image: url(img/cermont.jpg);
	}

.webside8 a, .webside8 a:hover{
	width: 270px;
	height: 230px;
	position: absolute;
	left: 290px;
	top: 810px;
	background-image: url(img/mtsled.jpg);
	}

/* portfolio koniec */



/* f.a.q. początek */

.line_txt_faq{
	width: 910px;
	height: 1180px;
	margin: auto;
	position: relative
	}
	
.faq_txt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #000000;
	width: 890px;
	height: 1000px;
	position: absolute;
	left: 10px;
	top: 60px;
	text-align: justify;
	}

/* f.a.q. koniec */


/* kontakt początek */

.line_txt_kontakt{
	width: 910px;
	height: 500px;
	margin: auto;
	position: relative
	}
	
.kontakt_txt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	line-height: 20px;
	font-size: 10px;
	color: #000000;
	width: 700px;
	height: 430px;
	position: absolute;
	left: 105px;
	top: 60px;
	}
	
.member1{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 100px;
	line-height: 25px;
	}
	
.member2{
	position: absolute;
	top: 120px;
	left: 0px;
	width: 230px;
	height: 100px;
	line-height: 25px;
	}

.neednet{
	position: absolute;
	top: 324px;
	left: 1px;
	width: 230px;
	height: 100px;
	line-height: 25px;
	}
	
.separator_kontakt{
	width: 1px;
	height: 435px;
	position: absolute;
	top: 0px;
	right: 450px;
	background-color: #EEEEEE;
	}
	
.mail_form_title{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: 25px;
	font-size: 12px;
	color: #013252;
	line-height: 15px;
	font-weight: bold;
	position: absolute;
	width: 400px;
	top: 0px;
	right: 3px;
	height: 35px;
	}
	
.mail_form{
	position: absolute;
	width: 400px;
	top: 30px;
	right: 0px;
	height: 400px;
	}
	
.nazwisko{
	position: absolute;
	top: 16px;
	line-height: 17px;
	right: 3px;
	width: 400px;
	}
	
.pole_nazwisko{
	position: absolute;
	right: 0px;
	width: 400px;
	height: 17px;
	top: 35px;
	border: 1px solid #013252;
	background-color: #FBFBFB;
	}

.mail{
	position: absolute;
	top: 61px;
	line-height: 17px;
	right: 3px;
	width: 400px;
	}
	
.pole_mail{
	position: absolute;
	right: 0px;
	width: 400px;
	height: 17px;
	top: 80px;
	border: 1px solid #013252;
	background-color: #FBFBFB;
	}

.temat{
	position: absolute;
	top: 106px;
	line-height: 17px;
	right: 3px;
	width: 400px;
	}
	
.pole_temat{
	position: absolute;
	right: 0px;
	width: 400px;
	height: 17px;
	top: 125px;
	border: 1px solid #013252;
	background-color: #FBFBFB;
	}

.pytanie{
	position: absolute;
	top: 151px;
	line-height: 17px;
	right: 3px;
	width: 400px;
	}
	
.pole_pytanie{
	position: absolute;
	right: 0px;
	width: 400px;
	height: 160px;
	top: 170px;
	border: 1px solid #013252;
	background-image: url(img/form.jpg);
	}

.send{
	width: 100px;
	position: absolute;
	right: 0px;
	top: 345px;
	background-color: #FFFFFF;
	color: #013252;
	font-weight: bold;
	border: none;
	cursor: pointer;
	}
	
.clear{
	width: 100px;
	position: absolute;
	right: 303px;
	top: 345px;
	background-color: #FFFFFF;
	color: #013252;
	font-weight: bold;
	border: none;
	cursor: pointer;
	}

.note{
	position: absolute;
	width: 400px;
	top: 375px;
	right: 3px;
	}

.komunikat{
	position: absolute;
	top: 20px;
	line-height: 12px;
	}

.link a, .link a:hover{
	position: absolute;
	top: 25px;
	line-height: 12px;
	color: #013252;
	text-decoration: none;
	font-weight:bold;
	}

/* kontakt koniec */


/* oferta początek */

.line_txt_sitemap{
	width: 910px;
	height: 450px;
	margin: auto;
	position: relative
	}

.sitemap_txt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	line-height: 20px;
	font-size: 12px;
	color: #000000;
	width: 860px;
	height: 380px;
	position: absolute;
	left: 25px;
	top: 60px;
	}

.sitemap_list{
	position: absolute;
	left: 100px;
	top: 45px;
	}

.compass_img{
	position: absolute;
	background-image:url(img/compass.jpg);
	top: 0px;
	left: 1px;
	width: 460px;
	height: 380px;
	}

.compass_ani{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 400px;
	height: 380px;
	}

/* sitemap koniec */


/* fotter początek */
	
.fotter{
	width: 900px;
	height: 1px;
	margin: auto;
	position: relative;
	top: 5px;
	background-color: #013252;
	}
	
.fotter_menu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	line-height: 20px;
	font-size: 10px;
	color: #013252;
	width: 400px;
	height: 20px;
	position: absolute;
	right: 0px;
	top: 0px;
	}
		
.copyright{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	line-height: 20px;
	font-size: 10px;
	color: #013252;
	width: 400px;
	height: 20px;
	position: absolute;
	left: 0px;
	top: 0px;
	}
	
.bottom{
	width: 900px;
	margin: auto;
	position: relative;
	top: 20px;
	}
	
/* fotter koniec */