* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%; /* Required */
  margin:0;
  padding:0;
}

body {
	background-color: #fff;
	color: #505050;
	font: 12px "Trebuchet MS",Tahoma, Verdana, sans-serif;	
	line-height:12px;
}

#wrapper {	 width:1100px; margin:0 auto; padding: 0; background: url(img/top.jpg) no-repeat; }
#top { position:relative; width:1100px; height:537px; margin-bottom:0px; }

.stopka { position:relative; float:left; width:100%; height:auto; margin:40px 0 10px 0; font-size:13px; font-style:italic; line-height:14px;}
.stopka-lewa { position:relative; float:left; width:350px; color:#aaa; }
.stopka-prawa { position:relative; float:right; width:160px; padding-top:25px;}
.stopka-prawa img {opacity:0.6;filter:alpha(opacity=60);}
.stopka-prawa img:hover {opacity:1.0;filter:alpha(opacity=100);}


.logo { position:absolute; top:20px; left:3px; z-index:1;}
.content { position:relative; margin-top:-220px; width:1100px; height:auto; z-index:3;  }
.imgsd { float:left; margin-right:15px;}
#piecemaker {text-align:center; margin-left:63px; margin-top:-50px;}
.na-pol-lewa {float:left; width:543px; height:auto; border-right:1px dotted #ccc; margin-right:15px;}
.na-pol-prawa1 {float:left; width:260px; min-height:168px; border-right:1px dotted #ccc; margin-right:15px;}
.na-pol-prawa2 {float:left; width:260px; min-height:50px; }
.ostatnio-tlo {margin-left: -15px; width:245px; height:146px; background: url(img/ostatnio-tlo.png) no-repeat; }
.ostatnio-tlo img {margin:14px 0 0 17px;}
.systemyCMS {float:left; width:537px; margin-top:15px; line-height:15px;}

.na-pol-cms1 {float:left; width:280px; min-height:168px; margin:15px 15px 0 0; font-size:10px; color:#999; line-height:14px;}
.na-pol-cms1 img {margin-bottom:15px;}
.na-pol-cms2 {float:left; width:230px; min-height:168px; margin: 15px 0 0 0; font-size:10px; color:#999; line-height:14px;}
.na-pol-cms2 img {margin-bottom:15px;}

.aktualnosci-pozostale {float:left; width:100%; height:auto; margin:25px 15px 0 0;}
.aktualnosci-pozostale .news-item {float:left; display:block; width:543px; height:auto; margin:0;}

.news-item {float:left; position:relative; display:block; width:543px; height:auto; margin-bottom:15px; }
.news-nr {display:block; float:left; width:70px; height:auto;}
.news-tresc {float:left; display:block; width:470px; height:auto;}

.aktualnosci {float:left; width:750px; height:auto; border-right:1px dotted #ccc; margin:25px 15px 0 0; }
.aktualnosci .news-item {float:left; position:relative; display:block; width:750px; height:auto; margin-bottom:15px; }
.aktualnosci .news-nr {display:block; float:left; width:70px; height:auto;}
.aktualnosci .news-tresc {float:left; display:block; width:650px; height:auto;}

.tekst-na-glownej {float:left; display:block; width:537px; margin:10px 0; color:#999; font-size:11px;}

.kontakt, .uslugi-rozwiniecie {float:left; width:750px; height:auto; border-right:1px dotted #ccc; margin:25px 15px 0 0; line-height:15px;}
.kontakt-l1 {float:left; width:350px; height:auto; border-right:1px dotted #ccc; margin-right:15px; line-height:15px;}
.kontakt-l2 {float:left; width:350px; height:auto; line-height:15px; color:#999; font-size:10px; line-height:13px;}
.tabulacja {margin:0 0 15px 30px;}
.kontakt-prawa, .ciekawostki, .dodaj-do  {float:left; width:300px; margin-top:0px; color:#999; line-height:20px;}
.dodaj-do a {display:block-inline; float:left; margin-right:4px;}

.ciekawostki  {font-size:11px; line-height:13px;}
.dodaj-do {margin-top:20px !important;}
.dodaj-do-portfolio {float:left; }
.uslugi-prawa  {float:left; width:300px; margin-top:0px; color:#999; font-size:11px; line-height:13px; }
.opis-blok {float:left; display:block; width:460px; height:auto; }
.hydra {width:450px !important;}
.joom {width:470px !important;}

.kontakt-form {border:0;}
div.form-l {margin-bottom:5px;}
fieldset {border:0 !important;}
input, div.form-l-popr input, textarea {border:1px solid #cdcdcd;}
input.wyslij {background: url(img/wyslij.png) no-repeat; width:141px; height:31px; border:0; cursor:pointer;}

.portfolio {float:left; width:100%; height:auto; margin:25px 15px 0 0; }
.port-item {float:left; position:relative; display:block; width:100%; height:auto; margin-bottom:15px; }
.port-item-szczegoly {float:left; position:relative; display:block; width:530px; height:auto; margin-bottom:30px; }
.port-nr {display:block; float:left; width:70px; height:auto;}
.port-tresc {float:left; display:block; width:470px; height:auto;}
.zdj-tlo-port {float:left; display:block; margin-top: -27px; width:482px; height:196px; background: url(img/aktual_graf-trans.png) no-repeat; }
.zdj-tlo-port img {margin:33px 0 0 33px;}
.zakres-uslug {float:left; display:block; width:450px; height:auto; margin:-15px 40px 0 0; line-height:13px; color:#ababab; text-align:right; line-height:25px; font-size:10px; }
.zakres-uslug img {float:right;}
.port-opis {clear:left; font-size:11px; color:#999; margin:10px 0;}

.propozycja-uslug {float:left; width:543px; height:auto; border-right:1px dotted #ccc; margin:25px 15px 0 0;}
.usl-box {float:left; width:92px; height:35px; font-size:9px; color:#888; padding:70px 5px 0 5px; text-align:center; line-height:10px; margin-right:5px;}
.si {background: url(img/uslugi-si-trans.png) no-repeat;}
.eco {background: url(img/uslugi-eco-trans.png) no-repeat;}
.ci {background: url(img/uslugi-ci-trans.png) no-repeat;}
.kz {background: url(img/uslugi-kz-trans.png) no-repeat;}
.dtp {background: url(img/uslugi-dtp-trans.png) no-repeat;}
.sem {background: url(img/uslugi-sem-trans.png) no-repeat;}
.apl {background: url(img/uslugi-apl-trans.png) no-repeat;}
.frp {background: url(img/uslugi-frp-trans.png) no-repeat;}
.pm {background: url(img/uslugi-pm-trans.png) no-repeat;}

.joomla {float:left; margin-right:10px; width:213px; height:auto; color:#999; font-size:9px; line-height:10px; text-align:center; margin-right:20px;}
.joomla img {margin-bottom:20px;}
.hydraportal {margin-right:20px !important;}

a.a-usl-box {position:absolute; display:block; width:92px; height:95px; margin-top:-70px; }

img {border:0;}
img.left { float:left; margin-right:10px; }
img.right { float:right; margin-left:10px; }
img.kleks {float:left; margin-left:-30px; }
.group img {margin-right:4px;}
img.middle {vertical-align:middle;}
img.dziubek {margin-bottom:-4px; }

b {font-weight:bold; color:black;}

a {text-decoration:none; border:0; color:#f5821f; font-weight:bold; font-style:italic;}
a:hover, .tabulacja a:hover {color:black; text-decoration:underline; border:0;}
a.czytajdalej {display:block; clear:both; text-decoration:none; font-style:italic; color:#f5821f; font-weight:normal; font-size:13px;}
a.czytajdalej:hover {text-decoration:none; color:black;}
a.back {float:left; display:block; width:38px; height:16px; border:0; margin:10px; background:url(img/do-gory.png) no-repeat left top;}

.tabulacja a {text-decoration:none; border:0; color:#f5821f; font-weight:bold; font-style:italic; font-size:12px; }

.odstep {float:left; display:block; width:100px; height:20px;  }

.stopka-lewa a {font-size:13px; font-style:italic; font-weight:normal; color:#ababab;}
.stopka-lewa a:hover {color:#f58220;}

/*
///////// MENU gorne
*/
ul#topIcons { position:absolute; top:30px; left:950px; list-style:none; margin:0; padding:0; }
ul#topIcons li { display:block; float:left; list-style:none; height:30px; margin-right:0px; padding:0;}
ul#topIcons li.HOME { width:38px; background:url(img/icon_home.png) no-repeat left top; }
ul#topIcons li.MAIL { width:38px; background:url(img/icon_mail.png) no-repeat left top; }
ul#topIcons li.HOME:hover, ul#topIcons li.MAIL:hover {
	background-position: left -30px; 
}
ul#topIcons li a { display:block; width:100%; height:100%; }
ul#topIcons li a span {	display:none; }



ul#topMenu { position:absolute; top:75px; left:500px; list-style:none; margin:0; padding:0; border-top:1px dotted #f6f3e5;}
ul#topMenu li { display:block; float:left; list-style:none; height:50px; margin:0; padding:0;}

ul#topMenu li.ONAS { width:79px; background:url(img/m_onas-trans.png) no-repeat left top; }

ul#topMenu li.AKTUALNOSCI { width:155px; background:url(img/m_aktualnosci-trans.png) no-repeat left top; }

ul#topMenu li.USLUGI { width:93px; background:url(img/m_uslugi-trans.png) no-repeat left top; }

ul#topMenu li.PORTFOLIO { width:128px; background:url(img/m_portfolio-trans.png) no-repeat left top; }

ul#topMenu li.KONTAKT { width:112px; background:url(img/m_kontakt-trans.png) no-repeat left top; }

ul#topMenu li.ONAS:hover, ul#topMenu li.AKTUALNOSCI:hover, ul#topMenu li.USLUGI:hover, ul#topMenu li.PORTFOLIO:hover, ul#topMenu li.KONTAKT:hover {
	background-position: left -50px; 
}

ul#topMenu li a { display:block; width:100%; height:100%; }
ul#topMenu li a span {	display:none; }


/*
///////// koniec - MENU gorne
*/


#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid white;
	background-color: #efefef;
	padding: 5px;
	opacity: 0.8;
	filter:alpha(opacity=80);
}
#tooltip h3 { font-size:10px; font-weight:normal; color:#505050; line-height:12px; margin-bottom:0 !important;}





ol, ul {margin:5px 0 5px 10px; color:#858585;}
ol li {
	margin-left:15px;
	}
ul li {		
	margin-left:15px;	
	}
ul.publikacje li {margin:0 0 10px 15px;  }
ul.widget {border:0 !important;}
ul.widget li.title {display:block; width:150px; height:18px; background-color:#bcbcbc !important; 
			color:#fff; font-size: 14px; padding:3px 0 0 6px;text-transform:lowercase !important;
			font-style:italic; font-weight:normal !important; margin:5px 0 10px 0; line-height:19px;}
ul.widget li a{color: #505050; font: 12px "Trebuchet MS",Tahoma, Verdana, sans-serif;	line-height:12px;}
			
h1 {font-size: 21px; color:#3b7bb1; margin-bottom:15px; line-height:21px;}

h2, .na-pol-lewa h2, 
.na-pol-prawa h2, 
.na-pol-prawa1 h2, 
.na-pol-prawa2 h2, 
.ciekawostki  h2  {font-size:21px; font-style:italic; font-weight:normal; margin:5px 0 20px 0; line-height:19px; }

.ciekawostki  h2  {color:#ababab; font-weight:normal;}
.kontakt-prawa h2 {display:block; width:150px; height:21px; background-color:#bcbcbc; color:#fff; font-size: 14px; padding:0 0 0 6px;}

.ciekawostki h2,
.uslugi-prawa h2  {display:block; width:150px; height:18px; background-color:#bcbcbc; color:#fff; font-size: 14px; padding:3px 0 0 6px;}


h3 {font-size:17px; color:#3b7bb1; font-style:italic; font-weight:normal; margin-bottom:20px; }
h3.tabs {clear:both; cursor:pointer; font-size:15px; color:#404040; font-style:normal; font-weight:normal; margin:0 0 5px 0; }
h4 {font-size:15px; color:#666; font-style:normal; font-weight:normal; margin:20px 0 10px 0; }
.kontakt-l2 h4 {font-size:15px; color:#666; font-style:normal; font-weight:normal; margin:0px 0 10px 0; }

.panel-show, .panel {display:block; margin:5px 0 10px 0; font-style:italic;}
.h2-dopisek {font-size:13px !important; color:#888;}

.orange {color:#f5821f !important;}
.metal {color:#505050;}
.jasniejszy {color:#888;}
.cls {position:relative; clear:both; }
.odstep-maly {position:relative; clear:both; display:block; width:100px; height:10px;}
.black {color:black;}
.stopka-opis, .stopka-opis a {color:#ababab; font-size:11px; line-height:11px; font-style:normal;}
.center {text-align:center;}
.icon {margin:0 2px 0 2px;}