/* ---------------------------------------------------------------- */
/* ----------------------- BASIC CSS STYLES ----------------------- */
/* ---------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, thead, tbody, tfoot, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}
table {background: #ececec}
table td {border: 1px solid black; padding: 2px 5px}
.contact table {background: inherit}
.contact table td {border: inherit}
h1 {font-size: 18px}
h2 {font-size: 16px; font-weight: normal}
h3 {font-size: 14px}
h4 {font-size: 12px}

ul {}
li {list-style: none; padding: 0 0 0 24px}
body {
	font-family: "Microsoft Sans Serif", Sans-Serif, Arial, Verdana, "Trebuchet MS", Tahoma;
	font-size: 14px;
	color: #595252;
}
dfn {font-style: normal}
a {color: #45696a; text-decoration: none}
a:hover {text-decoration: underline}

object, a:active {outline: none}
object, a:focus {-moz-outline-style: none; outline-style: none;}

.clear {clear: both; display: block}
.fR {float: right}
/***************************************************************
Common backgrounds
***************************************************************/
#webSiteTop,
.sideBarNavigation h2,
.sideBarNavigation h2 span,
.sideBarNavigation h2 b,
.sideBarNavigation .bottom,
.sideBarNavigation .bottom span,
.sideBarNavigation .bottom b,
.c01 .top,
.c01 .top .tytul,
.c01 .top b,
.c01 .bottom,
.c01 .bottom .h,
.c01 .bottom b {
	background-image: url(/_szablon/grafika/horizontalBGs.png);
*	background-image: url(/_szablon/grafika/horizontalBGs.gif);
	background-repeat: no-repeat;
}
* html #webSiteTop {background-position: -6px top}


/*****  Body  *******/
#webSiteBody {background-color: #ddd;}

/*****  TOP   ******/
#webSiteTop {
	width: 100%;
	height: 190px;
	overflow: hidden;
	background-repeat: repeat-x;
}
#webSiteTop #mainTheme {
	position: relative;
	width: 1230px;
	height: 175px;
	margin: 0 auto;
	background: transparent url(/_szablon/grafika/mainThemeTop.jpg) no-repeat top center;
}
#webSiteTop #mainTheme a {
	position: absolute;
	width: 430px;
	height: 70px;
	top: 10px;
	left: 170px;
}


#webSiteWelcome {
	width: 950px;
	margin: 0 auto;
}


/*****  MainContent  *****/
#mainContent {
	position: relative;
	float: right;
	width: 730px;
	background: #fafafa url(/_szablon/grafika/mCtopBG.gif) repeat-x 0 top;
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
	zoom: 1;
}
#mainContent .innerS {
	background: transparent url(/_szablon/grafika/shadowRight.gif) repeat-y right top;
	border-left: 1px solid #e6e6e6;
	padding: 10px 10px 0 10px;
	_margin-left: -1px;
	zoom: 1;
} 

#mainContent .round {
	position: absolute;
	width: 10px;
	height: 10px;
	background-image: url(/_szablon/grafika/mCroundsBG.gif);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	zoom: 1;
	overflow: hidden;
}
#mainContent .tL{
	top: 0px;
	left: 0px;
	background-position: left top;
}
#mainContent .tR{
	top: 0px;
	right: 0px;
	background-position: right top;
}
#mainContent .mainContentBottom {
	height: 10px;
	overflow: hidden;
	padding: 0 10px 0 0;
	background: transparent url(/_szablon/grafika/mCroundsBG.gif) no-repeat right -20px;
}
#mainContent .mainContentBottom span {
	display: block;
	height: 100%;
	background: transparent url(/_szablon/grafika/mCroundsBG.gif) repeat-x 0 -30px;
}
#mainContent .mainContentBottom b {
	float: left;
	width: 10px;
	height: 100%;
	_margin: 0 -3px 0 0;
	background: transparent url(/_szablon/grafika/mCroundsBG.gif) no-repeat left -10px;
}

#mainContent .announcments {
	overflow: hidden;
}
#mainContent .announcments .left {
	width: 350px;
	float: left;
}
#mainContent .announcments .right {
	width: 350px;
	float: right;
}

/*****  SideBar  *****/
#sideBar {
	float: left;
	width: 214px;
	height: 100%;
}
.sideBarNavigation {position: relative;}
.sideBarNavigation h2 {
	position: relative;
	height: 39px;
	line-height: 39px;
	overflow: hidden;
	padding: 0 10px 0 0;
	font-size: 16px;
	color: #595252;
	font-weight: normal;
	background-position: right -229px;
}
.sideBarNavigation h2 span {
	display: block;
	height: 39px;
	background-position: 0 -268px;
	background-repeat: repeat-x;
	padding: 0 0 0 45px;
}
.sideBarNavigation h2 span dfn {
	display: block;
	left: 10px;
	top: 5px;
	height: 30px;
	width: 33px;
	position: absolute;
	background: transparent url(/_szablon/grafika/icons.gif) no-repeat 0 0;
}
.sideBarNavigation h2 b{
	float: left;
	width: 9px !important;
	margin: 0;
	height:100%;
	background-position: left -190px;
	font-size: 0px;
}
* html .sideBarNavigation h2 b {margin-right: -3px;}
.sideBarNavigation li {
	padding: 0;
	border-top: 1px solid #e2dddd;
}
.sideBarNavigation li li {border: none}
.sideBarNavigation li a {
	display: block;
	padding: 6px 0 6px 24px;
	height: 100%;
	margin: 0 0 0 1px;
	background: transparent url(/_szablon/grafika/sBbullet.gif) no-repeat 14px 13px;
}
.sideBarNavigation li a:hover {
	background: #d8e8f2 url(/_szablon/grafika/sBbullet.gif) no-repeat 10px 13px;
	> background: #d8e8f2 url(/_szablon/grafika/sBbullet.gif) no-repeat 14px 13px;
	_background: transparent url(/_szablon/grafika/sBbullet.gif) no-repeat 14px 13px;
	color: #595252;
}

.sideBarNavigation li a.parent {
	background-position: 13px -64px;
}
* html .sideBarNavigation li a.parent:hover {
	background-position: 13px -64px;
}
.sideBarNavigation li li a {
	padding: 4px 0 4px 34px;
	background-position: 24px 11px;
}
.sideBarNavigation li li a:hover {
	background: transparent url(/_szablon/grafika/sBbullet.gif) no-repeat 24px 11px;
}

.sideBarNavigation .content{
	border-left: 1px solid #d9d9d9;
	background: white url(/_szablon/grafika/shadowRight.gif) repeat-y right 0;
	padding: 0 4px 5px 0;
}
.sideBarNavigation .bottom {
	height: 10px;
	overflow: hidden;
	padding: 0 10px 0 0;
	background-position: right -317px;
}
.sideBarNavigation .bottom span {
	display: block;
	height: 100%;
	background-position: 0 -327px;
	background-repeat: repeat-x;
}
.sideBarNavigation .bottom b {
	float: left;
	width: 10px;
	height: 100%;
	background-position: left -307px;
}
* html .sideBarNavigation .bottom b {margin: 0 -3px 0 2px}
/*****  Footer  *****/
#footer {
	clear: both;
	border-top: 1px solid #d5d5d5;
	background: #d5d5d5 url(/_szablon/grafika/footerBG.gif) repeat-x;
	height: 100px;
}
#footer .content {
	width: 950px;
	margin: 0 auto;
	font-size: 11px;
}
#footer .content img {
	margin: 0 10px;
}
#footer .left {
	float: left;
	width: 50%;
}
#footer .right {
	float: right;
	width: 50%;
}

/**************************************************
*				KONTENERY                         *
***************************************************/
.c01 {margin: 10px 0 0 0; clear: both}
.c01 .top {
	height: 41px;
	overflow: hidden;
	padding: 0 10px 0 0;
	background-position: right -337px;
}
.c01 .top .tytul {
	height: 100%;
	overflow: hidden;
	background-repeat: repeat-x;
	background-position: 0 -419px;
	color: white;
}
.c01 .top .tytul span {
	display: block;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	margin: 6px 0 0 0;
	padding: 0 0 0 40px;
}
.c01 .top b {
	float: left;
	width: 10px;
	height: 100%;	
	background-position: left -378px;
	_margin: 0 -3px 0 0;
}
.c01 .content {
	border-left: 1px solid #f6f6f6;
	background: white url(/_szablon/grafika/shadowRight2.gif) repeat-y right 0;
}
.c01 .opis {
	padding: 5px 15px 0px 10px;
}
.c01 .opis p {
	margin: 10px 0 0 0;
	line-height: 150%;
}
.c01 .opis ul, .c01 .opis ol {
	padding: 5px 5px 5px 20px;
	margin: 10px 0 0 10px;
}
.c01 .opis li {
	list-style: inherit;
	padding: inhrit;
}
.c01 .opis img {
	border: 4px solid #eeeded;
	margin: 10px 10px 5px 0;
}
.c01 .bottom {
	height: 10px;
	overflow: hidden;
	padding: 0 10px 0 0;
	background-position: right -460px;
}
.c01 .bottom .h {
	display: block;
	height: 100%;
	background-repeat: repeat-x;
	background-position: 0 -480px;
}
.c01 .bottom b {
	float: left;
	width: 10px;
	height: 10px;
	_margin: 0 -3px 0 0;
	background-position: left -470px;
}

/*************  Ikonki   ***************/

h2.ogloszenia{
	height: 30px;
	overflow: hidden;
	background: url(/_szablon/grafika/icons.gif) no-repeat 5px -30px;
	line-height: 30px;
	padding: 0 0 0 40px;
}
.c01 .top .tytul .informatyka {
	background: url(/_szablon/grafika/icons.gif) no-repeat left -60px;
}
.c01 .top .tytul .budownictwo {
	background: url(/_szablon/grafika/icons.gif) no-repeat left -90px;
}
.c01 .top .tytul .aktualnosci {
	background: url(/_szablon/grafika/icons.gif) no-repeat 5px -120px;
}
.c01 .top .tytul .opisowa {
	background: url(/_szablon/grafika/icons.gif) no-repeat 5px -150px;
}

/******************************************************************************
 MODUŁY i BLOKI                                                               *
******************************************************************************/
.komunikat {
	padding: 30px 30px;
	text-align: center;
}
.komunikat p {
	border: 1px solid #a1bdce;
	background: #fce7ed;
	line-height: 150%;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 20px 10px;
}
.info p {background: #D0E7FF}
.error p {background: #FF4040}

.listaAktualnosci li, .listaAktualnosciBig li {
	padding: 1px 0 1px 0; 
	margin: 0px 4px 0 2px;
	position: relative;
}
.listaAktualnosci a, .listaAktualnosciBig a {
	display: block;
	position: relative;
	padding: 3px;
	background: url(/_szablon/grafika/aktualnosciBG.gif) repeat-x 0 bottom;
}
.listaAktualnosciBig a {padding: 0 0 3px 0}
.listaAktualnosciBig li {position: relative}
.listaAktualnosci a:hover, .listaAktualnosciBig a:hover {background: #d8e8f2; text-decoration: none}
.listaAktualnosci .header, .listaAktualnosciBig .header {
	font-size: 14px;
	font-weight: bold;
}
.listaAktualnosci .header {
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #595252;
	padding: 3px 5px 8px 20px;
	background: transparent url(/_szablon/grafika/aktualnsciBullet.gif) no-repeat 4px 7px;
}
.listaAktualnosci img, .listaAktualnosciBig img {
	float: left;
	position: relative;
	border: 4px solid #eeeded;
	margin: 3px 10px 5px 0px;
}
.listaAktualnosci .aInfo, .listaAktualnosciBig .aInfo {display: block}
.listaAktualnosci .aInfo {
	padding: 2px 5px 0px 20px;
	font-size: 10px;
}
.listaAktualnosci .aInfo span {
}
.listaAktualnosci .aInfo var, .listaAktualnosciBig .aInfo var {
	font-style: normal;
	float: right;
	margin: 0 5px 0 5px;
}
.listaAktualnosciBig .header {
	display: block;
	background: #d8e8f2;
	padding: 6px 115px 6px 10px;
	border-bottom: 1px solid #c5d2db;
	margin: 0 0 5px 0;
}
.listaAktualnosciBig .header .data {
	font-size: 10px;
	font-weight: normal;
	float: right;
	_margin: 0 15px 0 0;
}
.listaAktualnosciBig a:hover .header {
	background: #a1bdce;
	border-bottom: 1px solid #2e5770;
}
.listaAktualnosciBig .data {
	position: absolute;
	top: 7px;
	right: 10px;
	font-size: 10px;
}
.listaAktualnosciBig .splash {display: block}
.listaAktualnosciBig var {
	float: right;
	font-style: normal;
	font-size: 11px;
}
.aktualnosc .header {position: relative}
.aktualnosc h3, .contactPreContent h3 {
	margin: 0 4px 0 2px;
	background: #d8e8f2;
	border-bottom: 1px solid #c5d2db;
	padding: 3px 140px 3px 10px;
}
.aktualnosc .header span {
	display: block;
	position: absolute;
	top: 7px;
	right: 10px;
	font-size: 11px;
	font-weight: normal;
	_margin: 0 10px 0 0;
}
.aktualnosc .kernel {
	margin: 5px 15px 0 12px;
	line-height: 150%;
}
.aktualnosc img {
	border: 4px solid #EEEDED;
	margin: 0 10px 5px 0;
	float: left;
}
.aktualnosc .aInfo {
	font-size: 11px;
	margin: 10px 0 0 12px;
	float: left;
} 
.aktualnosc .rButton {float: right}

.c01 .ilosc {
	margin: 10px 5px 5px 5px;
	float: left;
}

.contact .etykieta {
	width: 175px;
	text-align: right;
	padding: 3px 10px 0 0;
}
.contact td {
	padding: 5px 0;
}
.contact input[type="text"], .contact textarea {
	border: 1px solid #c9bebe;
	background: #f6fbfe;
}
.contact .input_blad input[type="text"], .contact .input_blad textarea {
	border: 1px solid red;
}
.contact input[type="text"] {
	width: 200px;
	padding: 3px 0;
}
.contact label strong {color: red}
.contactPreContent {border-bottom: 1px solid #e2dddd; margin: 0 4px 0 1px}
.contactPreContent h3 {margin: 0;}
.contactPreContent p{
	margin: 10px;
}

.btn {
	display: inline-block;
	height: 24px;
	padding: 0 0 0 8px;
	background: url(/_szablon/grafika/rButton.gif) no-repeat;
}
.btn input {
	border: none;
	background: url(/_szablon/grafika/rButton.gif) repeat-x right -24px;
	padding: 1px 8px 0 0;
	height: 24px;
	overflow: hidden;
}



.breadCrumb li {
	float: left;
	padding: 0;
	color: #595252;
}
.breadCrumb li a {
	margin: 0 0 0 5px;
	color: #595252;
}
.rButton {
	display: inline-block;
	height: 24px;
	overflow: hidden;
	line-height: 24px;
	font-size: 11px;
	padding: 0 0 0 8px;
	background: url(/_szablon/grafika/rButton.gif) no-repeat;
	margin: 10px 10px 0 5px;
}
.rButton:hover {text-decoration: none}
.rButton span {
	display: inline-block;
	height: 100%;
	background: url(/_szablon/grafika/rButton.gif) repeat-x right -24px;
	padding: 0 8px 0 0;
	cursor: pointer;
}

/* NYROMODAL */
div#nyroModalFull {
	font-size: 12px;
	color: #777;
}
div#nyroModalLoading {
	border: 4px solid #777;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(/_szablon/grafika/ajaxLoader.gif) no-repeat;
	background-position: center;
}
div#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalWrapper {
	background: #fff;
	border: 4px solid #777;
}

a#closeBut {
	position: absolute;
	display: block;
	top: -3px;
	right: -3px;
	width: 20px;
	height: 20px;
	text-indent: -9999em;
	background: url(/_szablon/grafika/nm_close.gif) no-repeat;
	outline: 0;
	z-index:1000;
}
h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 14px;
	color: #ddd;
}
div.wrapper div#nyroModalContent {
	padding: 5px;
}
div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div.wrapperImg img {
	vertical-align: baseline;
}
div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a {
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	cursor: pointer;
	text-indent: -9999em;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}

div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalPrev {
	left: 0;
	width: 40%;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalPrev:hover {
	background: url(/_szablon/grafika/nm_prev.gif) left 20% no-repeat;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalNext {
	right: 0;
	width: 40%;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalNext:hover {
	background: url(/_szablon/grafika/nm_next.gif) right 20% no-repeat;
}