/* global */
body { font-family: Candara, 'Trebuchet MS', Arial, Tahoma, Helvetica, sans-serif; font-size: 12px; color: #414141; margin:0; text-align: center; background: #FFFFFF;}

#okienko{
	position: absolute;
	visibility:hidden;
	text-align:justify;
	
}
#okienko p{
		color:#000;
	font-size:12px;
	padding: 0px 5px 0px 5px;
	margin: 0;
}
#okienko2 {
	z-index:3;
	width: 300px;
	height: 150px;
	position: absolute;

}
#okienko_gora{
	background: #CCC;
	width: 278px;
	left: 11px;
	position: absolute;
	height: 11px;
}
#okienko_dol{
	background: #CCC;
	width: 278px;
	left: 11px;
	position: absolute;
	height: 11px;
	top: 139px;
}
#okienko_srodek{
	background: #CCC;
	position: absolute;
	top: 11px;
	width: 100%;
	height: 128px;
}
#okienko_cien_gora{
	background: url(../pics/cien_tlo.png) repeat;
	width: 278px;
	left: 11px;
	position: absolute;
	height: 11px;
}
#okienko_cien_dol{
	background: url(../pics/cien_tlo.png) repeat;
	width: 278px;
	left: 11px;
	position: absolute;
	height: 11px;
	top: 139px;
}
#okienko_cien_srodek{
	background: url(../pics/cien_tlo.png) repeat;
	position: absolute;
	top: 11px;
	width: 100%;
	height: 128px;
}
#okienko_cien {
	z-index:2;
	width: 300px;
	height: 150px;
	position: relative;
	color: white;
	font-size: 0.8em;
	font-family: Verdana, sans-serif;
	text-align:center;
	top: 5px;
	left: 5px;
}

.gora_l {
	position: absolute;
	top: 0;
	left: 0
}

.gora_p {
	position: absolute;
	top: 0;
	right: 0
}

.dol_l {
	position: absolute;
	bottom: 0;
	left: 0
}

.dol_p {
	position: absolute;
	bottom: 0;
	right: 0
}

a {color: #CC0000; text-decoration: underline;}
a:hover {color: #FF6600; text-decoration: underline;}

h2 {font-family: Candara,'Trebuchet MS', arial; color: #C42622;}
h3 {font-family: Candara,'Trebuchet MS', arial; color: #C42622}
h4 {font-family: Candara,'Trebuchet MS', arial; color: #C42622}

.toLeft {float: left;}
.toRight {float: right;}
.verMiddle {vertical-align: middle;}

.txtLeft {text-align: left;}

.lista1 {padding: 0; list-style: none; font-size:14px; margin-left: 40px;}
.lista1 li {background: url('../pics/bullet1.gif') top left no-repeat; padding-left: 17px;}

/* background */
#backgroundContainer {width: 100%; height: auto; overflow: hidden; background: url('../pics/bg.png') bottom repeat-x; padding-bottom: 60px;}

/* top*/
#kreseczka {background: #DA251C; height: 20px; width: 100%; margin: auto;}
#menu-gora{width: 1000px; margin: auto; text-align: left; color: white; font-size:10px; padding-top: 2px; }
#menu-gora a{ color: white; text-decoration:none; text-transform: capitalize}
#menu-gora a:hover{color: #FFF; text-decoration:underline}

#nazwa p{ font-size: 30px; text-align:left; word-spacing:8px; letter-spacing:1px; line-height:50px; font-weight: normal; font-family: Verdana, Geneva, sans-serif}
#top {width: 1000px; overflow: hidden; background: #FFF; margin: auto; margin-top: 17px; text-align: left; margin-bottom: 20px;}
#top img{padding-right: 10px;}
#top p {margin: 0;}
#topCopy {width: 660px; height: 56px; overflow: hidden; margin-right: 20px; float: right;}
#top ul {margin: 0; padding: 0; list-style: none; float: right;}
#top li {display: inline;}
#top li img {vertical-align: middle;}
#top a {color: #CC0000; text-decoration: none;}
#top a:hover {color: #cccccc; text-decoration: none;}

#tlo_menu{ background:url(../pics/tlo_menu.png) repeat-x  white bottom; width:100%; height: 96px;}
#menu { margin: auto; margin-top: 0px;padding: 0; list-style: none; width: 1000px; height: 60px; clear: both; }
#menu li { float: left; display: inline; }

#m1 { display: block; width: 100px; height:96px; background:   url(../pics/m1a.gif);}
#m1:hover { background:   url(../pics/m1b.gif);}

#m2 { display: block; width: 100px; height:96px; background:   url(../pics/m2a.gif);}
#m2:hover { background:   url(../pics/m2b.gif);}

#m3 { display: block;width: 100px; height:96px; background:   url(../pics/m3a.gif);}
#m3:hover { background:   url(../pics/m3b.gif);}

#m4 { display: block; width: 100px; height:96px; background:   url(../pics/m4a.gif);}
#m4:hover { background:   url(../pics/m4b.gif);}

#m5 { display: block; width: 100px; height:96px; background:   url(../pics/m5a.gif);}
#m5:hover { background:   url(../pics/m5b.gif);}

#m6 { display: block; width: 100px; height:96px; background:   url(../pics/m6a.gif);}
#m6:hover { background:   url(../pics/m6b.gif);}

#cien{background: url(../pics/menu_cien.png) repeat-x #FFF; height:47px;}
/* main txt */
#mainTxtBg {width: 100%; height: 216px; margin: auto; background: url('../pics/main_txt_bg.gif') top right no-repeat;  margin-bottom: 0px;}
#mainTxt {width: 1000px; height: 216px; text-align: left; margin: auto; background-color: #F3F3F3; text-align:justify }
#mainTxt p{color: #000000; font-size:18px; padding-top: 10px;}

/* main boksy*/
#mainBoxs {width: 1000px; height: auto; overflow: hidden; margin: auto; }
#mainBoxs h1{background-color: #CCC; border-left: 5px solid white; padding: 5px 5px 0px 10px; height: 34px; font-variant:small-caps; letter-spacing:1px; font-weight: bold; font-size:24px}
#mainBoxs div.naglowek{background-color: #D70000; padding-left: 25px; }
#boxKontakt, #boxPartnerzy{width: 290px; height: auto; overflow: hidden; float: left;  text-align:left}
#boxProjekty {width: 650px; height: auto; overflow: hidden; float: right; text-align:left}

#boxKontakt p, #boxPartnerzy p{line-height: 25px; font-size: 14px; padding: 0px 28px 20px 28px;}
#boxProjekty  p{line-height: 25px; font-size: 14px; padding-left: 28px;}

/* main content*/
#mainContentBg {width: 100%; margin: auto; margin-bottom: 20px;}
#mainContent {width: 850px; text-align: left; margin: auto;padding: 30px; color: #000000; font-size:14px; }
#mainContent h1{text-transform: capitalize; font-variant:small-caps}

/* footer */
#footer {width: 1000px; height: 40px; margin: auto; margin-top: 10px; }
#footerCopy {float: left; width: 400px; border-right: 3px white solid}
#footerCopy p{color: #FFFFFF; font-size: 14px; margin: 1px; padding: 1px 5px 1px 1px;}
#footerMenu {float: right; width: 590px; height: 40px; margin: 0; padding-top: 10px; color: white;}
#footerMenu a {font-size: 13px; color: #CCC; text-decoration: underline; margin: 2px 10px 2px 10px; letter-spacing:0px; }
#footerMenu a:hover {color: #FFF; text-decoration: none}
#footerSzlaczek {background: url(../pics/tlo_czarno_siwe.gif) repeat;  } 


/* sifr */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
.sIFR-hasFlash h1 { visibility: hidden; margin: 0 0 15px 0; padding: 0; font-size: 23px; color: #333333; letter-spacing: 0; line-height: 23px; height: 23px;}

.ramkaDuza {border: 5px solid #DB241C;}
.doPrawej {float:right; margin-left:20px;}
div.gallery  {
 float:left;
 display: inline;
 margin-right: 8px;
 width:260px;
 height:380px;
 font-size:95%;
 color: gray;
}
div.gallery img {border:3px solid #DB241C}
.realizacje {float:left; width:45%;}

#image_nagroda{
	border: 1px black solid;
}