/* ustawienia główne */

html,body {
background-color: #759fcf;	
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
}
#container {
	background-color: #ffffff;
	width: 1100px;
	padding: 0px;
	margin: auto;
}
img{
	border: none;
}
#clear{
	clear: both;
}

/* ustawienia formatowania tekstu */

p{
	font-family: Verdana;
	font-size: 11px;
}
#right li {
	font-family: Verdana;
	font-size: 11px;
}
h1{
	font-family: Verdana;
	font-size: 16px;
	text-align: justify;
	font: bolder;
	text-transform: uppercase;
}
h2{
	font-family: Verdana;
	font-size: 15px;
	text-align: justify;
	font: bold;
	text-transform: uppercase;
}
h3{
	font-family: Verdana;
	font-size: 14px;
	text-align: justify;
	font: bold;
	text-transform: uppercase;
}
h4{
	font-family: Verdana;
	font-size: 13px;
	text-align: justify;
	font: bold;
	text-transform: uppercase;
}
h5{
font-family: Verdana;
	font-size: 14px;
	text-align: justify;
	font: bold;
	border-left: 7px solid;
	padding-left: 5px;
	margin-left: 10px;
}
h6{
	font-family: Verdana;
	font-size: 15px;
	text-align: justify;
	font-style: italic;
	font-weight: bold;
	padding-left: 5px;
	margin-left: 10px;
	color: #ff0000;
}
hr.glowna{
	border-top: 1px #e6e6e6 solid;
	margin: 10px 10px 10px 10px;
}
/* ustawienia wspólne */

#logo{
	width: 180px;
	height: 100px;
	padding-top: 20px;
	float: left;
}
#baner{
	width: 920px;
	height: 120px;
	background-image: url(../images/domena1.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	float: left;
}
#promo1{
	clear: both;
	width: 1100px;
	height: 39px;
}
#menu{
	width: 1100px;
	height: 30px;
}
#promo2{
	clear: both;
	width: 1100px;
	height: 50px;
}
#stopka{
	width: 1085px;
	height: 50px;
	padding-left: 5px;
	padding-top: 25px;
	padding-right: 10px;
	text-align: right;
}

/* kolorowanie formularzy */

#rg input {
	background-color: #759fcf;
	border: solid 1px #ffffff;
}
#reklama input {
	background-color: #ffffff;
	border: solid 1px #759fcf;
} 
#k2 input {
	border: solid 1px #759fcf;
}
#k2 textarea {
	border: solid 1px #759fcf;
}
 {
	border: solid 1px #759fcf;
}

/* kolorowanie wierszy tabeli */

table {
	width: 100%;
	font-family: Verdana;
	font-size: 11px;
	border-collapse: separate;
	table-layout:auto;
	vertical-align:top;
	margin-bottom: 20px;
}

caption {
	font-style: italic;
	text-align: left;
	font-weight: bold;
	padding: 10px 5px 10px 5px;
}


table thead th {
	background-color: #759fcf;
	color: #ffffff;
}
table thead th {
	padding:5px;
	border-collapse:separate;
	}
table tbody td{
	padding:5px;
	border-collapse:separate;
	text-align: justify;
	}
.rowTint {
  background-color: #dcdcdc;
}

/* menu */


.preload1 {background: url(../images/three_0a.gif);}
.preload2 {background: url(../images/three_1a.gif);}

#nav {padding:0; margin:0; list-style:none; height:35px; background:#fff url(../images/three_0.gif) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left;}
#nav li.top2 {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#fff; text-decoration:none; font-size:11px; font-weight:bold; padding: 0 0 0 5px; cursor:pointer;background: url(../images/three_0.gif);}
#nav li a.top2_link2 {display:block; float:left; height:35px; line-height:33px; color:#000; text-decoration:none; font-size:11px; font-weight:bold; padding: 0 0 0 5px; cursor:pointer;background: url(../images/three_2.gif);}
#nav li a.top_link span {float:left; display:block; padding: 0 10px 0 5px; height:35px; background: url(../images/three_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 25px 0 5px; height:35px; background: url(../images/three_0a.gif) no-repeat right top;}
#nav li a.top2_link2 span {float:left; display:block; padding: 0 10px 0 5px; height:35px; background: url(../images/three_2.gif) right top no-repeat;}

#nav li:hover a.top_link {color:#fff; background: url(../images/three_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(../images/three_1.gif) no-repeat right top;}
#nav li:hover a.top2_link2 span {background:url(../images/three_2a.gif) no-repeat right top; color: #fff;}
#nav li:hover a.top_link span.down {background:url(../images/three_1a.gif) no-repeat right top; padding-bottom:3px;}

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:38px; background: #2a71b4; padding:2px; border:1px solid #0b4d97; white-space:nowrap; width:145px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:25px; position:relative; float:left; width:145px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:143px; line-height:18px; text-indent:5px; color:#fff; text-decoration:none;border:1px solid #50b5d0;}
#nav li ul.sub li a.fly
{background:#2a71b4 url(../images/arrow.gif) 125px 6px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#759fcf; color:#fff; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#2a71b4 url(../images/arrow_over.gif) 125px 6px no-repeat; color:#fff;}

#nav li b {display:block; font-size:11px; height:18px; width:143px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}

#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:145px; top:-4px; background: #2a71b4; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:145px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#3f96a9 url(../images/arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#50b5d0 url(../images/arrow.gif) 80px 6px no-repeat; color:#000; border-color:#50b5d0;} 

/* strona główna */

#b1{
   clear: both;
	width: 274px;
	height: 260px;
	float: left;
	border-right: solid #000000 1px;
	border-bottom:  solid #000000 1px;
	padding-bottom: 10px;
	color: #d10013;
}
#b2{
	width: 274px;
height: 260px;
	float: left;
	border-right: solid #000000 1px;
	border-bottom:  solid #000000 1px;
	padding-bottom: 10px;
	color: #0036ff;
}
#b3{
	width: 275px;
height: 260px;
	float: left;
	border-bottom:  solid #000000 1px;
	padding-bottom: 10px;
	color: #f6a304;
}
#b4{
	width: 275px;
	height: 260px;
	float: left;
	border-bottom:  solid #000000 1px;
	padding-bottom: 10px;
	color: #00ff24;
	background-color: #2a71b4;
}
#reklama{
	clear: both;
	width: 259px;
	border-right:  solid #000000 1px;
	float: left;
	padding-left: 5px;
	padding-right: 10px;
}
#centrum{
	width: 550px;
	float: left;
}
#c1{
	width: 100%;
}
#c2{
clear: both;
	width: 100%;
	text-align: center;
}
#c3{
clear: both;
	width: 100%;
	float: left;
}
#kontakt{
	width: 275px;
	float: left;
	background-color: #2a71b4;
	color: #ffffff;
}
#kontakt p{
	color: #ffffff;
	text-align: center;
}

/* wyświetlanie boksów strony głównej */

#bic{
	width: 264px;
	float: left;
}
#bit{
	font-family: Verdana;
	font-size: 12px;
	text-align: justify;
	padding: 0 5px 0 5px;
	color: black;
}
a.box_index, a.box_index:link, a.box_index:hover, a.box_index:visited, a.box_index:active {
	text-decoration: none;
	color: #000000;
}

a.box_index2, a.box_index2:link, a.box_index2:hover, a.box_index2:visited, a.box_index2:active {
	text-decoration: none;
	color: #ffffff;
}

a.box_index3, a.box_index3:link, a.box_index3:hover, a.box_index3:visited, a.box_index3:active {
	text-decoration: underline;
	color: #ffffff;
}

/* wyświetlanie tekstów strony głównej */

#stgl{
	
	padding: 0 10px 0 10px;
}

/* wyświetlanie promocji strony głównej */

#stglprom{
	width: 540px;
	padding: 0 5px 10px 5px;
}
#stglprom h4 a{
	
	color: #000000;	
}
#stglprom a{
	color: #2a71b4;
}
#stglprom a:hover {
	color: #759fcf;
}

/* podstrony */

#serwispromo{
	clear: both;
	width: 825px;
	height: 260px;
	float: left;
}
#rg{
	width: 265px;
	height: 260px;
	float: left;
	padding: 0 5px 0 5px;
	background-color:#2a71b4;
	color: #ffffff;
}
#left{
	clear: both;
	width: 275px;
	float: left;
}
#right{
	width: 810px;
	float: left;
	text-align: justify;
	padding: 12px 10px 5px 5px;
}
#boxportfolio{
	clear: both;
	width: 1100px;
}

/* kontakt */

#k1{
	width: 275px;
	float: left;
}
#k1 a{
	color: blue;
	text-decoration: none;
}
#k1 a:hover{
	color: red;
	text-decoration: none;
}
#k2{
	width: 535px;
	float: left;
	font-family: Verdana;
	font-size: 11px;
}
.k21{
	width: 267px;
	float: left;
}
.k22{
	width: 534px;
	float: left;
}
#k3{
	clear: both;
	width: 100%;
}

/* wyświetlanie tekstów na podstronach */

#ptekst{
	width: 100%;
}
#ptytul{
	margin: 5px 0 0 5px;
	border-bottom: solid 1px #759fcf;
}
#ptresc{
	text-align: justify;
	padding: 10px 0 0 0;
}
#ptresc a{
	color: #2a71b4;
}
#ptresc a:hover {
	color: #759fcf;
}

/* wyświetlanie tekstów w boksach promocyjnych */

#boxpromo{
	width: 310px;
}


/* boksy promocyjne na podstronach */

#featured_slide {
	position:relative;
	margin:0 auto 0;
	display:block;
	width:725px;
	height:220px;
	padding:20px 50px;
	overflow:hidden;
	font-size:12px;
	font-family:Verdana;
	color:#fff;
	background-color:#2a71b4;
	}

#featured_slide a{
	color:#FFFF00;
	text-decoration: underline;
	}

#featured_slide a, #featured_slide ul, #featured_slide img{
	margin:0;
	padding:0;
	border:none;
	outline:none;
	list-style:none;
	text-decoration:none;
	}

#featured_slide h1, #featured_slide h2, #featured_slide h3, #featured_slide h4, #featured_slide h5, #featured_slide h6{
	margin:15px 0 10px 0;
	padding:0;
	line-height:normal;
	font-size:16px;
	font-weight: bold;
	font-family:Verdana;
	}

#featured_content, #featured_content ul{
	display:block;
	width:725px;
	height:220px;
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	}

#featured_content li{
	display:block;
	position:relative;
	width:725px;
	height:220px;
	overflow:hidden;
	}

#featured_content img{
	display:block;
	float:right;
	width:350px;
	height:210px;
	margin: 0 10px 0 10px;
	padding:4px;
	border:1px solid #FFFFFF;
	}

#featured_content .floater{
	display:block;
	float:left;
	width:310px;
	height:210px;
	margin:0 0 0 10px;
	padding:0;
	overflow:hidden;
	}

#featured_content p{
	margin:0 0 20px 0;
	padding:0;
	line-height:1.6em;
	}

#featured_content p.readmore{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	text-align:right;
	line-height:normal;
	font-weight:bold;
	}

#featured_content p.readmore a{
	padding:8px 15px 10px;
	color:#2a71b4;
	background-color:#fff;
	}


#featured-item-prev, #featured-item-next{
	display:block;
	position:absolute;
	top:100px;
	width:36px;
	height:64px;
	}

#featured-item-prev {left:5px;}

#featured-item-next {right:5px;}

.jcarousel-container{position: relative;}

.jcarousel-clip{
	z-index:2;
	padding:0;
	margin:0;
	overflow:hidden;
	position:relative;
	}

.jcarousel-list{
	z-index:1;
	overflow:hidden;
	position:relative;
	top:0;
	left:0;
	margin:0;
	padding:0;
	}

.jcarousel-list li, .jcarousel-item{
	float:left;
	list-style:none;
	width:75px;
	height:75px;
	}

.jcarousel-next{
	z-index:3;
	display:none;
	}

.jcarousel-prev{
	z-index:3;
	display:none;
	}
	
/* boksy promocyjne portfolio na podstronach */

#afeatured_slide {
	position:relative;
	margin:0 auto 0;
	display:block;
	width:950px;
	height:138px;
	padding:30px 55px;
	overflow:hidden;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#ffffff;
	}

#afeatured_slide a, #afeatured_slide ul, #afeatured_slide img{
	margin:0;
	padding:0;
	border:none;
	outline:none;
	list-style:none;
	text-decoration:none;
	}

#afeatured_content, #afeatured_content ul{
	display:block;
	width:950px;
	height:138px;
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	}

#afeatured_content li{
	display:block;
	position:relative;
	float:left;
	width:150px;
	height:130px;
	margin:0 15px 0 0;
	padding:3px;
	color:#999999;
	background-color:#ffffff;
	border:1px solid #232323;
	overflow:hidden;
	}

#afeatured_content li.last{
	margin-right:0;
	}

#afeatured_content img{
	display:block;
	width:150px;
	height:130px;
	}

#afeatured-item-prev, #afeatured-item-next{
	display:block;
	position:absolute;
	top:67px;
	width:36px;
	height:64px;
	}

#afeatured-item-prev {left:0;}

#afeatured-item-next {right:0;}

.ajcarousel-container{position: relative;}

.ajcarousel-clip{
	z-index:2;
	padding:0;
	margin:0;
	overflow:hidden;
	position:relative;
	}

.ajcarousel-list{
	z-index:1;
	overflow:hidden;
	position:relative;
	top:0;
	left:0;
	margin:0;
	padding:0;
	}

.ajcarousel-list li, .ajcarousel-item{
	float:left;
	list-style:none;
	width:75px;
	height:75px;
	}

.ajcarousel-next{
	z-index:3;
	display:none;
	}

.ajcarousel-prev{
	z-index:3;
	display:none;
	}
	
	/* portfolio */

#bfeatured_slide {
	position:relative;
	margin:0 auto 0;
	display:block;
	width:725px;
	height:390px;
	overflow:hidden;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background:url("../images/trans_top.png") top left no-repeat #E3E5E5;
	}

#bfeatured_slide a, #bfeatured_slide ul, #bfeatured_slide img, #bfeatured_slide p{
	margin:0;
	padding:0;
	border:none;
	outline:none;
	list-style:none;
	text-decoration:none;
	line-height:normal;
	}

#bfeatured_slide h1, #bfeatured_slide h2, #bfeatured_slide h3, #bfeatured_slide h4, #bfeatured_slide h5, #bfeatured_slide h6{
	margin:0 0 8px 0;
	padding:0;
	line-height:normal;
	font-size:14px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom:none;
	}

/* ----------------------------------------------Content-------------------------------------*/

.bfeatured_box{
	position:relative;
	display:block;
	width:700px;
	height:375px;
	margin:15px 0 0 15px;
	}

.bfeatured_box img{
	width:700px;
	height:375px;
	}

.bfeatured_box .floater{
	position:absolute;
	bottom:30px;
	width:390px;
	height:60px;
	margin:0 0 0 30px;
	padding:3px 5px;
	overflow:hidden;
	background:url("../images/fs_txt_trans_bg.png");
	}

#bfeatured_slide p.readmore{
	position:absolute;
	bottom:30px;
	right:30px;
	margin:0 0 25px 0;
	}

#bfeatured_slide p.readmore a{
	color:#FFFF00;
	background:url("../images/fs_txt_trans_bg.png");
	padding:25px;
	}

/* ----------------------------------------------Navigation Buttons-------------------------------------*/

/*

Navigation dynamically created using: jquery.cycle.setup.js and jquery.cycle.min.js

HTML Output:

<div id="fsn">
  <ul id="fs_pagination">
    <li><a href="javascript:void()">1</a></li>
    <li><a href="javascript:void()">2</a></li>
    <li><a href="javascript:void()">3</a></li>
    <li><a href="javascript:void()">4</a></li>
    <li><a href="javascript:void()">5</a></li>
  </ul>
</div>

*/

#bfsn{
	position:relative;
	margin:0 auto 0;
	display:block;
	width:725px;
	height:44px;
	text-align:center;
	color:#666666;
	background:url("../images/trans.png") #E3E5E5;
	z-index:1000;
	}

#bfsn ul{
	position:relative;
	margin:0 auto 0;
	display:block;
	width:200px;
	height:20px;
	padding:12px 0 0 0;
	overflow:hidden;
	list-style:none;
	}

#bfsn ul li, #bfsn ul li a{
	display:block;
	float:left;
	width:20px;
	height:20px;
	margin:0 20px 0 0;
	padding:0;
	}

#bfsn ul li a{
	float:none;
	border:none;
	margin:0;
	outline:none;
	text-indent:-5000px;
	text-decoration:none;
	background:url("../images/slide.png") 50% 50% no-repeat;
	}

#bfsn .activeSlide{
	background:url("../images/slide.png") 0% 50% no-repeat;
	}
	
	
	/* menu boczne */	

.subnav{display:block; width:225px; padding: 50px 20px 0 25px; margin-bottom:30px; font-family: Verdana; font-size: 13px;}

.subnav ul{
	margin:0;
	padding:0;
	list-style:none;
	}

.subnav li{
	margin:0 0 3px 0;
	padding:0;
	}

.subnav ul ul, .subnav ul ul ul, .subnav ul ul ul ul, .subnav ul ul ul ul ul{border-top:none; padding-top:0;}

.subnav a{
	display:block;
	margin:0;
	padding: 5px 20px 5px 25px;
	color:#000000;
	background: #F9F9F9 url(../images/arrow.gif) no-repeat 10px center;
	text-decoration:none;
	border-bottom:1px dotted #000000;
	}
	
.subnav a:hover{
	display:block;
	margin:0;
	padding: 5px 20px 5px 25px;
	color:#ffffff;
	background: #759fcf url(../images/arrow.gif) no-repeat 10px center;
	text-decoration:none;
	border-bottom:1px dotted #000000;
	}