/*--------------------------------------------------------
	css theme name: despolnet
	author: bartosz mediger (http://mediger.net)

	created: apr 25, 2008


*/


* { margin: 0px; padding: 0px; }


address {
	float: left;
	font-style: normal; }


blockquote {
	float: left;
	line-height: 18px;
	 }
	
	blockquote p { font-size: 14px; }


body, html { width: 100%;  height: 100%; }



body { background: #0c2a4c url(../images/back.jpg) no-repeat center top; }



fieldset { border: none; }




	
html {
	overflow: auto;
	overflow-x: hidden;
	line-height: 16px;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0c2a4c; }



img { border: none; }



ins { text-decoration: none; }




p {
	padding-bottom: 15px;
	 }



textarea {
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
	overflow: auto; }


ul, ol { margin: 0 0 15px 20px; }

ul { list-style: none; 
      line-height: 22px;}

	#left ul li {
		background:url(../images/arrow2.gif) no-repeat left 7px;
		padding: 0 0 0 10px; }







/*	naglowki */

h1 { width: 470px; height: 40px; margin-bottom: 20px;}

	h1.aktualnosci { background: url(../images/h_aktualnosci.gif); }
	h1.ofirmie { background: url(../images/h_ofirmie.gif); }
	h1.oferta { background: url(../images/h_oferta.gif); }
	h1.uprawnienia { background: url(../images/h_uprawnienia.gif); }
	h1.realizacje { background: url(../images/h_realizacje.gif); }
	h1.polecamy { background: url(../images/h_polecamy.gif); }
	h1.kontakt { background: url(../images/h_kontakt.gif); }



h2 {
	background: url(../images/arrow.gif) no-repeat left 5px;
	margin-top: -5px;
	padding: 0 0 10px 15px;
	font-size: 12px;
	font-weight: bold; }


h3 {
	float: right;
	position: relative; z-index: 20;
	width: 154px; height: 39px;
	margin: -15px 0 0 0; }

	h3.aktualnosci { background: url(../images/h_aktualnosci2.gif); }
	h3.zobacz { background: url(../images/h_zobacz.gif); }


h4 {
	font-size: 14px;
	font-weight: bold; }

h6 {
	font-weight: normal; 
	font-size: 10px; }












/*	nawigacja */

a {
	text-decoration: none;
	color: #0c2a4c; }
	
	a:hover { text-decoration: underline; }



















#bans {
	float: left;
	width: 836px;
	padding: 0 0 11px 11px; }
	
	#bans a {
		float: left;
		margin: 0 6px 0 0;
		border: 0px solid #607481; }

	#bans a:hover,
	#bans-vert a:hover { 
		_filter:alpha(opacity=80);
		-moz-opacity: .8;
		opacity: .8; }






#bans-vert {
	float: left;
	width: 228px; }
	
	#bans-vert a {
		float: right;
		border: 0px solid #607481; 
		margin: 0 0 10px 0; }














#center {
	width: 847px;
	margin: 0 auto; }



#cennik {
	border : 0px;
	width : 100%;
	border: 0px solid #ccc;
	border-right: none;
	border-bottom: none;
	border-collapse: collapse;
}

#cennik td {
	border: 1px solid #ccc;
	border-spacing: 0px;
	color : #191919;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	padding: 1px;
	text-align: center;
	vertical-align: middle;
}

#cennik td div {
	color : #191919;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	text-align: center;
}







#container {
	float: left; 
	width: 847px;
	background: url(../images/backc.gif) repeat-y; }
	












#foot {
	clear: both;
	background: url(../images/foot.gif);
	width: 845px; height: 26px; }







#keywords {
	position: absolute; top: 117px; left: 33px; z-index: 20;
	width: 180px; }

	#keywords a {
		display: block;
		padding: 0 0 4px 0;
		font-size: 11px;
		font-weight: bold;
		color: #fff; }





/* formularz kontaktowy */

#kontakt fieldset {
    border: 1px solid #666;
    padding: 2em 0em 2em 1em; }


#kontakt input { line-height: 14px; }



#kontakt input, select,
#kontakt textarea {
    float: left;
    width: 30%;
    padding: 1px 2px 1px 2px; }



#kontakt label {
    float: left;
    width: 90%;
    margin: 1px;
    display: block;
    padding: .3em 0 .3em 0;
    cursor: pointer; }

   #kontakt  label span {
        float: left;
        width: 20%;
        margin: 1px;
        padding: 0 3px 0 0;
        text-align: right;
        color: #111; }


#kontakt legend {
    padding: 0 1em 1em 1em;
    font-weight: bold; }


#kontakt textarea {
    float: left;
    overflow: hidden;
    overflow: auto;
    width: 70%; height: 100px; }


#kontakt .button {
    float: right;
    width: 100px;
    border: 1px !important;
    padding: 4px;
    text-align: center;
    _filter:alpha(opacity=70); -moz-opacity: .7; opacity: .7; }

    #kontakt .button:hover { _filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; }















#left {
	float: left;
	width: 570px;
	padding: 0 14px 10px 25px; }
















#logo {
	position: absolute; top: 29px; left: 10px;
	width: 200px; height: 55px;
	background: url(../images/empty.gif);
	text-indent: -10000px; }











#menu {
	position: absolute; top: 249px; left: 49px; }

	#menu { list-style: none; }
	
	#menu li { display: inline; }
	
	#menu li a {
		float: left;
		line-height: 44px;
		padding: 0 16px 0 16px;
		color: #fff; }

	#menu li a:hover {
		background: url(../images/m_back.gif) repeat-x;
		text-decoration: none;
		cursor: pointer; }













#menu-top { position: absolute; top: 60px; right: 0; z-index: 20; }

	#menu-top, #menu-top a {
		font-size: 10px;
		color: #d1dce2; }

	#menu-top a {
		padding: 0 14px 0 14px; }

















#page {
	float: left;
	position: relative;
	width: 847px; min-height: 326px; _height: 326px;
	background: url(../images/top.jpg) no-repeat;
	padding: 344px 0 0 0; }









#realizacja {
	float: left;
	width: 836px;
	padding: 0 0 11px 11px; }
	
	#realizacja a {
		font-size: 10px;
		color: #8695a6; }














#right {
	float: left;
	width: 228px; }
	
	
	









/* classess */

.anim {
	position: absolute; top: 90px; left: 11px; z-index: 10;
	width: 826px; height: 158px; }

.button {
	border: none;
	cursor: pointer; }

.button:hover {
	_filter:alpha(opacity=80);
	-moz-opacity: .8;
	opacity: .8; }
	
	
	
	
.news-item {
	padding: 0 0 20px 0; }
	
#right .news-item {
	float: left;
	width: 228px;
	background: url(../images/news_back.gif) repeat-y;
	margin: 0 0 35px 0; }
	
	#right .news-item, #right .news-item * { color: #fff; }
	
	.news-item h4 { padding: 0 0 5px 0; }
	
	.news-item a {
		display: block;
		text-align: justify; }
	
	#right .news-item a:hover {
		text-decoration: none;
		color: #a5c7ec; }
	
	.news-item p {
		padding: 0;
		font-size: 11px; }
	
	#right .news-item-top {
		width: 200px; min-height: 67px; _height: 67px;
		background: url(../images/news_top.jpg) no-repeat top;
		padding: 10px 14px 20px 14px; }
		
	.news-item .more {
		float: right;
		width: 23px; height: 7px;
		background: url(../images/arrow4.gif); }

	#right .news-item .more { background: url(../images/arrow3.gif) no-repeat; }








.pozostale {
	float: right;
	font-size: 11px;
	font-weight: bold;
	color: #fff; }





	
.transMenu {
	position: absolute; left: -1000px; top: -1000px;
	overflow: hidden;
	margin-top: 1px;
	color: #fff; }

.transMenu .content { position: absolute; color: #fff; }

.transMenu .items { position:relative; left: 0; top: 0; z-index: 2; }
	
.transMenu .top .items { border-top: none; }

.transMenu .item {
	color: #494949;
	font-size: 12px;
	text-decoration:none;
	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	border: none;
	cursor: pointer; }

.transMenu .background {
	position: absolute; left: 0; top: 0; z-index: 1;
	-moz-opacity:.90; }

.transMenu .shadowRight {
	position:absolute; z-index: 3; top:3px; width: 2px;
	-moz-opacity:.4; }

.transMenu .shadowBottom {
	position: absolute; z-index: 1; left: 3px; height: 2px;
	-moz-opacity: .4; }

.transMenu .item.hover {
	background: #4d595e/*f7f7e9*/;
	color: #fff; }

.transMenu .item img {
	margin-left: 10px; }