/* Layout Stylesheet 
*   
*  Tu znajduja sie podstawoe funcje odpowiedzialne za 
*  rozmieszczenie podstawowych elementów strony
*
*/ 



body {
 margin:0px;
 background:#E6E6E6 ;
 color: #000;
 text-align:center;
 line-height:150%;
 font-size:11px;
 height: 100%; 
 background:url(../images/bcg-repeat.jpg) repeat center;
 font-family:Arial, Helvetica, sans-serif;
 padding:0;
 }
 
#bcg-body{
  background:url(../images/bcg-main.jpg) repeat-x top center;
	display:block;
	height:auto !important;
	height:100%;
	left:0;
	min-height:100%;
	position:absolute;
	top:0;
	width:100%;
	z-index:2;
	}
 
/* USTAWIENIA GLOBALNE */

/* usuwa ramke w brazkach wewnatrzlinku */
a img{border:0px;}

/* Ustawienia linkow */
a {color:#034364;}
a:hover{	color:#FF0000;	}

/* div emulujacy podkreslenie dolne (hr) */
.hr{
	display:block;
	height:5px;
	margin-top:5px;
	border-top:1px solid #d9d9d9;
	}

/* poprawioa wyswietlanie divow pod firefoxem */
.clear{ clear:both;}

/* Usuwa formatowanie komorek tabeli */
table td{border-collapse:collapse; vertical-align:top;}
table { margin:0px; }

/* szerokosc strony */
#page, #main, #header-inner, #footer {
	width:894px;
	}

/* ustawienia formatowania textu */	
.left {	text-align: left;}
.right { text-align:right;}

/* button settings */
.button {
	height:21px;
	display:block;
	background: no-repeat top left;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	font-size:11px;
	padding-top:2px;
	}



/* COLORS */
.blue { color:#034364;}



/* USTAWIENIA NAGLOWKA STRONY */
#header{
	text-align:center;
	}

#header-inner {
 text-align:left;
 height:374px;
 background:url(../images/bcg-header.jpg) top center no-repeat;
 margin:0 auto;
 }



/* USTAWIENIA GlOWNE CZESCI STRONY */
#page-bcg{
	background:url(../images/bcg-page.jpg) center 25px no-repeat;
	margin-top:-25px;
	}
	
.small #page-bcg{
	background-image:url(../images/bcg-small.jpg);
}
	
#page {
 text-align:left;
 margin:auto;
 }



 /* MENU GLOWNE */
#menu{
 	background:repeat-x top left #FF0000;
	height:37px;
	padding-left:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	}

/* Menu item (including mouseover) */	
#menu a{
	float:left; 
	background:no-repeat left top;
	width:125px;
	text-decoration:none;
	color:#FFFFFF;
	font-size:14px;
}

#menu a:hover, #menu a.active{
	color:#000000;
	background-position: left bottom;
}


/* MAIN MENU */

#main-menu {
	padding-top:0; 
	padding:1px;
	}

#main-menu div{
	margin-left:40px;
	margin-bottom:8px;
	
	}

#main-menu a:hover{

}

/* USTAWIENIA LOGOTYPU */
#logo {
 float:left;
 color: #333333;
 }
 
#logo a{
	display:block;
	}



/* GLOWNY DIV PRZECHOWUJACY KOLUMNY */
#main {
 position:relative;
 padding:0;
 }



/* LEWA KOLUMNA */
#sidebar-left {
	float:left;
	text-align:left;
	width:375px;
	padding-top:35px;
 }
 
#sidebar-inner{
	margin-right:20px;
	}



/* GLOWNA KOLUMNA */
#content {
 width:519px;
 margin-left:375px;
 padding-top:10px;
 text-align:left;
 }
 
 
#content p{
	margin:0px;
	padding:6px 0;
	}
 
.fornt #content{
	height:235px;
	overflow:hidden;
	padding-top:0px;
	}

.no-bottom #content{
	height:445px;
	background:url(../images/content-bcg2.jpg) no-repeat top left;
	}

#content .block{
	padding:0px 15px;
	}
	
	
/* CONTENT BOTTOM */

#content-bottom{
margin:0 auto;
height:238px;
overflow:hidden;
}

.front #content-bottom{
	padding-top:0px;
}

#content-bottom-inner{
padding-top:25px;
	margin:0 auto;
	width:910px;
	text-align:left;
	}
	
.small #content-bottom-inner {
padding-top:5px;
}
	
.front #content-bottom-inner{
	padding-top:10px;
}
	
#content-bottom .bar{
	text-align:right;
	}

.content-bottom{
	padding-left:210px;
	padding-right:10px;
	}

/* STOPKA STRONY */ 
#footer-bcg{
  text-align:center;
	padding-top:0px;
}

.no-bottom #footer-bcg{
	padding-top:0px;
	margin-top:-17px;
}

#footer {
 color: #010101;
 text-align:left;
 margin-top:25px;
 margin:0 auto;
 }
#footer .line{
 background:transparent url(../images/footer-line.png) no-repeat scroll center ;
clear:both;
height:10px;
 }
 
#footer a{
  color: #010101;
  text-decoration:none;
}

#footer-inner{
	padding:0px;
	padding-right:15px;
	}
	
#footer-inner table{
	margin-top:0px;
	}



/* UL, LI SETTINGS */
/* LIST STYLE */

ul{
	padding:0px;
	padding-left:15px;
	margin:0px;
	padding-top:5px;
	padding-bottom:2px;
	}
	
ul a{
	text-decoration:none;
}

ul a:hover{
	text-decoration:underline;
}
	
ul li{
  list-style:none;
	list-style-image:none;
  padding-left:15px;
	margin:10px 25px 10px 0px;
	background:url(../images/li-dot.gif) no-repeat left 3px;
	}
	

ul li.active li{ font-weight:normal;}

ul li ul{
	padding-left:15px;
	padding-top:5px;
	}
	
ul li ul li{
	list-style-image:none;
	list-style:none;
	background:none;
	}

ul.dots li{
	list-style-image:none;
	list-style:square;
	}


/* BLOCK SETTINGS */

.block{
	padding:1px; /* Fixys collapsing div */
  padding-left:0px;
	}	 
	
	
/* INPUT STYLES */

input.submit{
}

input.intput{
}

textArea{
}


/* NEWS SECTION */

.news {
	height:100px;
	background:url(../images/line.jpg) center bottom no-repeat;
	font-style:italic;
	}
	
.news.last{
	background:none;
	margin-bottom:10px;
	}
	
.news .title{ font-size:13px; float:left; margin-top:15px;}
.news .date { color:#FFFFFF; float:right; margin-top:15px; }
.news .news-content{	clear:right; }
.news .more a{float:right; color:#FFFFFF; font-style:italic; font-weight:bold; text-decoration:none; }
	
/* FLASH */

#flash{
  /*background:url(../images/bcg-main.jpg) repeat-x top center;*/
	height:100%;
	overflow:hidden;
	position:absolute;
	top:0px;
	width:100%;
	z-index:1;
	text-align:center;

}

#flashcontent {
	height:100%;
	width:100%;
  top:334px;
	position:absolute;
  width:1920px;
}

#flash_alt {
  min-height: 100%;
  height: auto !important;
  height: 100%;
	width: 100%;
}

/* BLOCK KONTAKT */

.block.kontakt table{
	margin-left:25px;
	margin-right:10px;
	width:320px;
	margin:0px;
	padding:0px;
	}
	
.block.kontakt table td{
	padding:8px 0px;
	}
	
#sidebar-inner .block.kontakt table{
	margin-left:30px;
	}
	

/* COTNENT BLOCK */	

#content.mycontact{
	background-image:url(../images/bcg-contact1.jpg);
	background-position:2px top;
	}

#content .block.kontakt table{
	width:97%;
	font-style:italic;
	height:375px;
	}
	
#content .block.kontakt table td{
	padding:2px 0px;
}
	
input.input, textarea.textarea{
	background:url(../images/input-text.jpg) no-repeat top left;
	border:none;
	width:276px;
	font-size:11px;

	height:25px;
	}
	
textarea.textarea{
	height:50px;
	}
	
/* LEED */
ul.leed{
	padding-left:25px;
	}
	
ul.leed li{
	background-position:left 3px;
	padding-left:25px;
	margin-top:10px;
	font-size:14px;
	}
	
/* TABLE PROJEKTY */
table.projekty { margin:20px 20px; margin-left:50px; font-size:14px; }
table.projekty td, table.projekty img{
	vertical-align:middle;
	}
	
table.projekty img{	margin-right:10px; }

.dots_menu{
	float:right;
	height:20px;
	}

/* DOTS MENU */
a.dot-menu{
	margin-left:10px;
	/* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
}

a.dot-menu.active, a.dot-menu:hover{
		/* for IE */
  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1;
}

.krok{
	height:73px;
	color:#FFFFFF;
	padding-left:26px;
	background-color:#CAD0DE;
	
}

.krok h3{
	padding-top:25px;
	margin:0px;
	font-size:18px;
	}
	
 img, div, input { behavior: url("iepngfix.htc"); }
 
 #content-bottom-inner p{
 	padding:5px 0;
	margin:0px;
	}
