/* --------------- MEDIA SCREEN --------------- */
/* -------------------------------------------- */
@media screen {


.print {
	display:none; 
	}
	
body {
	margin: 0px; 
	padding: 0px; 
	font-family: sans-serif, serif, tahoma, monotype Corsiva, arial, helvetica, trebuchet MS, Courier New; 
	font-size: 15px; 
	color: #d4d4d4; 
	line-height: 140%;
	background: url('../images/bg.gif') repeat-x #404649; 
	}

strong {
	color: #6ec3da;
	}

	
/* APLY DEFAULT ELEMENTS */
h1, h2, h3, h4 {
	margin: 1.286em 0;
	font-weight: bold;
	}
	
p {
	line-height: 1.4em;	
	margin: 1.3em 0;
	}
	
ol, ul {
	margin: 0.6em 0 0.6em 3em;
	}	
	
ol {
	list-style: decimal;	
	}
	
ul {
	list-style: disc;
	}	
	
li	{
	line-height: 1.4em;	
	padding: 0.6em 0;
	}
	
em {
	font-weight: bold;
	font-style: normal;
	color: #fbfcb5;
	}
	

/* APLY DEFAULT ELEMENTS */

	
	
img {
	border: 0px;
	}
	
div {
	overflow: hidden; 
	}
			
a:link, a:active, a:visited {
	color: #76d8f1; 
	text-decoration: underline;
	outline: none;
	}
a:hover {
	text-decoration: none;
	} 
	
		

	
acronym {
	font-style: italic;
	border-bottom: 1px dashed #808080;
	cursor: help;
	}

li {
	padding-bottom: 5px;
	}

	
.ad1 {
	color: #ffb400;
	font-weight: bold;
	}	

a.ad2 {
	font-weight: bold; 
	color: #ffbc00; 
	font-size: 22px;
	}




/* ---------- LAYOUT ---------------- */
/* ---------------------------------- */

.clear {
	display: block;
	clear: both;
	float: none;
	}

.boxMax {
	width: 960px;
	margin: 0px auto;
	}
	
.boxTop img {
	float: left;
	}

	
	
.boxIndexCenter div {
	float: left;
	background-repeat: no-repeat;
	}
	
.boxIndexCenter ul {
	list-style: none;
	margin: 6px 12px 0 0;
	padding-left: 25px;
	}
	
.boxIndexCenter li {
	padding: 5px 0;
	border-bottom: 1px solid #717678;
	}
	
.boxIndexCenter li a {
	text-decoration: none;
	color: #e0dfdb;
	}
	
.boxIndexCenter a:hover {
	color: #76d8f1; 
	}	
	
div.content, div.contentwide, div.contentnarrow {
	font-size: 12px;
	}

div.contentnarrow {
	width: 570px;
	}
	
div.content3col {
	line-height: 140%;
	width: 525px;
	padding: 0px 10px;
	margin: 0px 10px;
	float: left;	
	border-left: 1px solid #6c7174;
	border-right: 1px solid #6c7174;
	color: #d4d4d3;
	}
	
div.content2col {
	line-height: 140%;
	width: 718px;
	padding: 0px 10px;
	margin: 0px 10px;
	float: left;	
	border-left: 1px solid #6c7174;
	color: #d4d4d3;
	}
	 
	
div.sidebarLeft {
	width: 160px;  
	float: left; 
	}
	
	
	
	
/* ICO SEIDEBAR */
div.sidebarRight { 
	width: 190px; 
	float: left; 
	}
	
div.boxIco {
	padding-bottom: 10px; 
	margin-bottom: 10px;
	text-align: center;
	}
	
div.boxIco p {
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
	}
			
div.boxIco img {
	clear: both;
	display: block;
	margin: 2px auto 0px auto;
	padding: 3px;
	border: 1px solid #32383b;
	}
	
div.boxIco a {
	font-size: 11px;
	color: #76d8f1;
	padding: 0px 2px 0px 2px;
	}	
	
	
	
	
.alignCenter {
	display: block;
	margin: auto;
	}

.txtCenter {
	text-align: center;
	}
	
.alignRight {
	float: right;
	}
	
	

h1 {
	color: #76d8f1; 
	font-size: 24px; 
	font-weight: bold;
	}
	
h2 {
	color: #dc49b3;
	font-size: 14px; 
	}

h3 {
	color: #0099be; 
	font-size: 14px; 
	}
	
			

#breadcrumbs{
	color: #AAABB0; 
	font-size: 10px;
	}
	
#breadcrumbs a{
	text-decoration: none;
	}
			
			
		
		
		

/* MENU SIDEBAR */
/* 1 POZIOM */
div.nmenu {
	margin: 0px 0px 10px 0px;
	color: #fe8206;
	font-weight: bold;
	text-transform: uppercase;
	}

div#menusbar > ul {
	margin: 0px;
	padding: 0px;
	}
div#menusbar > ul > li {
	margin: 0px;
	}

/* 2 POZIOM */
div#menusbar > ul > li > ul {
	padding: 0px 0px 0px 30px;
	}	
div#menusbar > ul > ul > li {
	}	
	
/* 3 POZIOM */
div#menusbar > ul > ul > ul {
	padding: 0px 0px 0px 20px;
	}	
div#menusbar > ul > ul > ul a:hover {
	font-weight: bold;
	}	
	
/* MENU SIDEBAR */
div#menusbar {
	clear: both; 
	}
		
div#menusbar ul {
	list-style: none;
	padding: 0px;
	}		
	
div#menusbar a {
	border-bottom: 1px solid #5e6366; 
	padding: 2px 2px 3px 10px;
	color: #76d8f1;
	text-decoration: none;
	display: block;
	}
	
div#menusbar a {
	font-weight: normal;
	}	
	
div#menusbar a:hover { 
	background-color: #6a6f72;
	}
	
div#menusbar a.mlactive {
	background-color: #6a6f72;
	color: #edf2f5;
	}	
	
div#menusbar a.mlactiveb {
	font-weight: bold;
	}		
	
	
	
			
			
		
		
/* E-BACKUP */	

.menuBackup {
	float: right; 
	width: 150px; 
	border: 1px solid #bfbfbf; 
	margin: 0px 0px 10px 10px; 
	padding: 0px 8px;
	}
			
.alertGreen, .alertRed {
	background-color: #d3ffab;
	text-align: center;
	font-weight: bold;
	width: 350px;
	margin: 20px auto;
	padding: 8px;
	}			
	
.alertRed {
	background-color: #ff0004;
	color: #ffffff;
	} 


 


/* ------------------ REALIZACJE ----------------- */
/* ----------------------------------------------- */			
div.boxRealizacje {
	width: 280px;
	float: left;
	padding-bottom: 10px; 
	margin-bottom: 10px;
	text-align: center; 
	}
	
div.boxRealizacje img {
	width: 240px;
	height: 180px;
	}
	
div.boxRealizacje p {
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
	}
			
div.boxRealizacje img {
	clear: both;
	display: block;
	margin: 2px auto 0px auto;
	padding: 3px;
	border: 1px solid #32383b;
	}
	
div.boxRealizacje a {
	font-size: 11px;
	color: #76d8f1;
	padding: 0px 2px 0px 2px;
	}
	
div.reimg {
	width: 510px;
	float: left;
	margin-left: 30px;
	}
	
div.reimg img {
	padding: 3px;
	border: 1px solid #32383b;
	}	
	
div.reop {
	float: left;
	width: 350px;
	}
	
div.reop p.renag {
	font-weight: bold;
	}
	
div.reop ul {
	list-style-image: url('../images/pright.gif');
	padding-left: 15px;
	}
 
 
 
/* REFERENCJE */ 
.refStopka {
	font-weight: bold;
	text-align: right;
	font-style: italic;
	}
.refImg {
	float: left; 
	margin: 0px 15px 15px 0px;
	}
 
 
 
/* OFERTA */
table.tabOferta td {
	padding: 10px;
	border-left: 1px solid #5c5c5c;
	vertical-align: top;
	}
	
table.tabOferta ul {
	margin-left: 0px;
	padding-left: 15px;
	}
	
table.tabOferta h2 {
	margin: 0px;
	padding: 0px;
	}
	
	
	
/* DEFINITION LIST */
dl {
	margin: 0px 20px;
	}

dt {
	font-weight: bold;
	color: #fe8206;
	}
	
dd {
	border-bottom: 1px solid #5c5c5c;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 15px 0px;
	}
	
	
	

	
	
	
	
/* ------------------ HOSTING ----------------- */

table#tabela {
	border-collapse: collapse;
	margin: auto;
	}
table#tabela td , table#tabela th {
	border: 1px solid #949494;
	padding: 6px;
	}
 	
	
	
/* FACEBOOK */
div#facebookIndex {
	background-color: #ffffff;
	padding: 10px;
	margin: 0 auto;
	width: 180px;
	clear: both;
	display: block;
	float: none;
	}
	
	
	
/* PORADNIKI INDEX */

ul#porIndex {
	font-size: 12px;
	line-height: normal;
	text-align: left;
	}
	
ul#porIndex li a {
	color: #76d8f1; 
	text-decoration: underline;
	float: none;
	clear: both;
	display: block;
	}	
	
ul#porIndex li {
	width: 270px;
	float: left;
	margin: 0 10px;
	border: none;
	}
	
	
	
/* KLIENCI */
div#boxKli {
	border: 0px solid;
	padding: 0 40px;
	}

div#boxKli img {
	float: left;
	margin: 1px;
	}
	
	
	
	
	
	
/* FACEBOOK */	
/* 
#divfcb { 
	width: 388px; 
	height: 386px; 
	background: url(../obrazki/bgfcb.png) no-repeat; 
	position: fixed; 
	top: 150px; 
	right: 360px; 
	border: none;
	z-index: 900; 
	} 
	
#divfcbram { 
	width: 190px;
	margin: 2px 0 0 35px;
	background-color: #ffffff;
	border: none;
	}	
*/

#divfcb { 
	width: 388px; 
	height: 386px; 
	position: fixed; 
	top: 150px; 
	right: -348px; 
	border: none;
	z-index: 900; 
	} 
	
#divfcb iframe {
	left:-5px;
	overflow:hidden;
	position:relative;
	top:-1px;
	}
	
.uiLinkSubtle {
	display: none;
	}	
	
img#fcblogo {
	float: left;
	}	
	
#divfcbram { 
	width: 200px;
	margin: 0 0 0 0px;
	background-color: #ffffff;
	border: none;
	}	


 
	
	
	
}



/* --------- MEDIA PRINT SCREEN ------------------ */
/* ----------------------------------------------- */
@media screen, print { }