@import url('stopka.css');
body
{
   margin: 0 5px;
   background-color: white;
}
a
{
   color: black;
   text-decoration: none;
}
a:hover
{
   color: black;
   text-decoration: underline;
}
li
{
   padding-bottom: 5px;
}

.bold { font-weight: bold; }

.malaSiwa
{
   font-family: verdana;
   color: #666666;
   font-size: 10px;
}
.siwa
{
   font-family: verdana;
   color: #444444;
}

.s_dostawa
{
   border: 0px;
   margin: 5px 0px 0px 6px;
}
.s_notes
{
   font-family: verdana;
   font-size: 11px;
   background-image: url('http://www.projekty.ign.com.pl/gfx/notes_1.jpg');
   background-repeat: no-repeat;
   width: 185px;
   height: 69px;
   margin-left: 2px;
   margin-top: 4px;
}
.s_notes_2
{
   font-family: verdana;
   font-size: 11px;
   background-image: url('http://www.projekty.ign.com.pl/gfx/notes_2.jpg');
   background-repeat: repeat-y;
   width: 185px;
   margin-left: 3px;
   padding-top: 10px;
}
.s_notes_2 .dodaj_do_notesu { padding: 5px 5px 3px 14px; }
.s_notes_2 .dodaj_do_notesu a {color: green; }
.s_notes_3
{
   font-family: verdana;
   font-size: 11px;
   background-image: url('http://www.projekty.ign.com.pl/gfx/notes_3.jpg');
   background-repeat: no-repeat;
   width: 185px;
   height: 14px;
   margin-left: 2px;
}
.mtable
{
   width: 980px;
   margin: auto;
}
.upMenuSeparate
{
   border-right: 1px solid #E2DFF2;
}
.upSubMenu
{
   font-family: verdana;
   font-size: 11px;
   color: black;
}
.upMenuImg
{
   margin: 1px;
   border: 1px solid white;
}
.domyUpMenu
{
   width: 140px;
   height: 30px;
   font-family: verdana;
   font-size: 11px;
   text-align: center;
   vertical-align: middle;
   background-color: #e1eaf3;
}
.dropSelect
{
   width: 95%;
   font-family: verdana;
   font-size: 10px;
}
.dropOrderBy
{
   font-family: verdana;
   font-size: 10px;
}
.szkbtn
{
   font-family: verdana;
   font-size: 12px;
}
.rightMenuTitle
{
   font-family: verdana;
   font-size: 11px;
   text-align: center;
   font-weight: bold;
   padding: 4px 4px 4px 0px;
   color: black;
   background-color: #e1eaf3;
   background-image: url('http://www.projekty.ign.com.pl/gfx/tcn.gif');
}
.rightMenuContainer
{
   font-family: verdana;
   font-size: 11px;
   margin: 3px 5px;
   padding: 3px 5px;
   border: 1px solid #FFF1BF;
}
.leftMenuTitle
{
   font-family: verdana;
   font-size: 11px;
   text-align: right;
   font-weight: bold;
   padding: 4px 7px 4px 0px;
   color: black;
   background-color: #e1eaf3;
   background-image: url('http://www.projekty.ign.com.pl/gfx/tcn.gif');
}
.leftMenuContainer
{
   font-family: verdana;
   font-size: 11px;
   padding: 5px;
}
.rightMenuTitle
{
   font-family: verdana;
   font-size: 11px;
   text-align: right;
   font-weight: bold;
   padding: 4px 7px 4px 0px;
   color: black;
   background-color: #e1eaf3;
   background-image: url('http://www.projekty.ign.com.pl/gfx/tcn.gif');
}
.leftMenuTitleOrange
{
   font-family: verdana;
   font-size: 11px;
   text-align: right;
   font-weight: bold;
   color: white;
   padding: 4px 7px 4px 0px;
   background-color: #d80000;
   background-image: url('http://www.projekty.ign.com.pl/gfx/trc.gif');
}
.leftMenuContainerOrange
{
   font-family: verdana;
   font-size: 11px;
   padding: 3px;
   border: 1px solid #d80000;
}

.leftlinks
{
   margin: 6px 5px 6px 0;
   font-family: verdana;
   font-size: 12px;
}
#facebooklikebox {
	margin: 20px 0 0 15px;
}
.mnuSeparator
{
   clear: both;
   float: left;
   padding: 0px 3px;
   color: #699CC6;
   font-weight: bold;
}
.main_linki
{
   padding: 10px;
   background-image: url('http://www.projekty.ign.com.pl/gfx/main_tlo.gif');
   border: 1px solid white;
}
.main_linki a:hover {
	text-decoration: none;
}
a.mnu
{
   display: block;
   font-family: verdana;
   font-size: 11px;
   color: black;
   text-decoration: none;
}
a.mnu:hover
{
   text-decoration: underline;
}
a.lnk
{
   color: #C0000C;
}
a.lnkred
{
   font-family: verdana;
   font-size: 11px;
   color: red;
   text-decoration: none;
}
a.lnkred:hover
{
   text-decoration: underline;
}
a.lnkwidok
{
   font-family: verdana;
   font-size: 11px;
   color: red;
   background-color: white;
   text-decoration: none;
}
a.lnkwidok:hover
{
   text-decoration: none;
   color: white;
   background-color: red;
}
a.lnkblue
{
   font-family: verdana;
   font-size: 11px;
   color: #066990;
   text-decoration: none;
}
a.lnkblue:hover
{
   text-decoration: underline;
}
a.szczegoly
{
   font-family: verdana;
   font-size: 12px;
   font-weight: bold;
   color: red;
   text-decoration: none;
}
a.szczegoly:hover
{
   text-decoration: underline;
}
a.malaSiwa
{
   font-family: verdana;
   font-size: 10px;
   color: #666666;
   text-decoration: none;
}
a.malaSiwa:hover
{
   color: #979797;
   text-decoration: none;
}
a.lnkb
{
   font-family: verdana;
   font-size: 11px;
   color: #000066;
   text-decoration: none;
}
a.lnkb:hover
{
   text-decoration: underline;
}
a.lnkzamow
{
   font-family: verdana;
   font-size: 13px;
   color: #009200;
   padding: 2px;
   text-decoration: none;
}
a.lnkzamow:hover
{
   color: white;
   background-color: #009200;
   text-decoration: none;
   padding: 2px;
}
a.mainall
{
   font-family: verdana;
   font-size: 13px;
   color: red;
   text-decoration: none;
}
a.mainall:hover
{
   text-decoration: underline;
}
a.wstecz
{
   font-family: verdana;
   font-size: 10px;
   color: black;
   text-decoration: none;
}
a.wstecz:hover
{
   text-decoration: underline;
}
.reklama_center
{
  text-align: center;
  margin: auto;
}
.textOverBanner
{
  color: #000000;
  font-family: Tahoma;
  font-size: 10px;
  letter-spacing: 2px;
  margin: 6px 0px 2px 0px;
  text-align: center;
}
.reklama
{
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 10px 0 10px 0;
  margin-bottom: 5px;
}
.itemTable
{
   margin: 0px 0px 2px 10px;
   border-top: 1px solid #dee4f0;
}
.itemFoto
{
   width: 180px;
   height: 116px;
   border: 0px;
}
.itemOpis
{
   width: 240px;
   vertical-align: top;
}
.itemNazwa
{
   line-height: 14px;
}
a.itemNazwaLnk
{
   font-size: 13px;
   font-weight: bold;
   color: red;
   text-decoration: none;
}
a.itemNazwaLnk:hover
{
   text-decoration: underline;
}
.itemNazwa a.dom
{
   color: red;
}
.itemNazwa a.dom:hover
{
   text-decoration: none;
}
.itemNazwa span.energooszczedny
{
   color: green;
}
.itemNazwa span.pakiet
{
   color: #FF8D00;
}
.itemNazwa span.charakterystyka
{
   color: green;
}
span.energooszczedny
{
   color: green;
}
span.pakiet
{
   color: #FF8D00;
}
span.charakterystyka
{
   color: green;
}
a.energooszczedny
{
   color: green;
}
a.energooszczedny:hover
{
   text-decoration:none;
}
a.pakiet
{
   color: #FF8D00;
}
a.pakiet:hover
{
   text-decoration:none;
}
a.charakterystyka
{
   color: green;
}
a.charakterystyka:hover
{
   text-decoration:none;
}
.itemCena
{
   width: 160px;
   text-align: center;
   vertical-align: top;
}
.itemPromo
{
   color: green;
   font-size: 10px;
   font-weight: bold;
   padding: 2px 0;
}

.projInfoOn
{
   font-family: verdana;
   padding: 0px 5px;
   height: 20px;
   border-left: 1px solid #999999;
   border-top: 1px solid #999999;
   border-right: 1px solid #999999;
   text-align: center;
   font-weight: bold;
   color: red;
}
.projInfoOff
{
   font-family: verdana;
   padding: 0px 3px;
   height: 20px;
   border: 1px solid #999999;
   background-color: #E2DFF2;
   text-align: center;
}


a.zielZamow
{
   padding: 4px;
   color: white;
   font-weight: bold;
   font-size: 13px;
   border: 1px solid #0e7d0e;
   background-color: #009200;
   text-decoration: none;
}
a.zielZamow:hover
{
   color: white;
   text-decoration: underline;
}


.searchTableLeft
{
   width: 40%;
   text-align: right;
   background-color: #f9f9f9;
}
.searchTableRight
{
   width: 60%;
   background-color: #f9f9f9;
}
.szukajBigTitle
{
   padding: 15px 0px;
   font-size: 13px;
   font-weight: bold;
   background-color: #f9f9f9;
}

.szkZakladkaOn
{
   width: 221px;
   height: 20px;
   border-left: 1px solid #999999;
   border-top: 1px solid #999999;
   border-right: 1px solid #999999;
}
.szkZakladkaOff
{
   width: 221px;
   height: 20px;
   border-left: 1px solid #999999;
   border-top: 1px solid #999999;
   border-right: 1px solid #999999;
   background-color: #dee4f0;
}

.slctd
{
   color: red;
   font-weight: bold;
}

.opisLeft1 { font-size: 10px; color: #666666; width: 120px; height: 18px; padding: 0px; border-bottom: 1px solid #dee4f0; vertical-align: middle; }
.opisRight1 { width: 70px; padding: 0px; border-bottom: 1px solid #dee4f0; vertical-align: middle; }
.opisLeft2 { font-size: 10px; color: #666666; width: 120px; height: 18px; padding: 0px; background-color: #f9f9f9; border-bottom: 1px solid #dee4f0; vertical-align: middle; }
.opisRight2 { width: 70px; padding: 0px; background-color: #f9f9f9; border-bottom: 1px solid #dee4f0; vertical-align: middle; }
.opisDef1 { font-size: 10px; color: #666666; width: 15px; height: 18px; padding: 0px; border-bottom: 1px solid #dee4f0; vertical-align: middle; }
.opisDef2 { font-size: 10px; color: #666666; width: 15px; height: 18px; padding: 0px; background-color: #f9f9f9; border-bottom: 1px solid #dee4f0; vertical-align: middle; }

.dodatki_zamow_potwierdz 
{
   font-style: italic;
}

.cennikLeft
{
   width: 200px;
   text-align: right;
}
.cennikLeftNeed
{
   width: 200px;
   color: red;
   text-align: right;
}
.cennikRight
{
   width: 260px;
}

.cennikTytul
{
   border-bottom: 1px solid #dee4f0;
   border-right: 1px solid #dee4f0;
}
.cennikInner
{
   text-align: center;
   border-bottom: 1px solid #dee4f0;
}
.cennikInnerSpc
{
   text-align: center;
   border-bottom: 1px solid #dee4f0;
   border-right: 1px solid #dee4f0;
}
.cennik_dodatki
{
   text-align: right;
   font-weight: bold;
}
.txt_dodatki
{
   
}
.cena_cennik
{
   font-weight: bold;
   color: red;
   font-size: 12px;
}
.cena_netto_cennik
{
   font-weight: bold;
   font-size: 12px;
}
.stopka
{
   font-family: verdana;
   font-size: 11px;
   color: black;
   text-align: center;
}
.stopka-linia
{
  margin: 0 auto; 
  padding-top: 5px;
  border-top: 1px solid #dee4f0;
}
.stopka-braklinii
{
  margin: 0 auto; 
  padding-top: 5px;
}
a:link.szf, a:active.szf, a:visited.szf
{
   font-family: verdana;
   font-size: 11px;
   color: #969696;
   text-decoration: none;
   font-weight: normal;
}
a:hover.szf
{
   color: #646464;
   text-decoration: underline;
}
.opinieLeft1
{
   font-size: 10px;
   color: #666666;
   height: 18px;
   padding: 0px;
   border-bottom: 1px solid #dee4f0;
   vertical-align: middle;
}
.opinieKlient
{
   padding: 10px 0 10px 10px;
   border-top: 1px solid #dee4f0;
   vertical-align: middle;
}
.opinieMain
{
   font-size: 10px;
   color: #666666;
   height: 30px;
   padding-top: 10px;
   background-color: #f9f9f9;
   vertical-align: middle;
}
.opiniePracownik
{
   padding: 10px 0 10px 10px;
   background-color: #f9f9f9;
   border-top: 1px solid #dee4f0;
   vertical-align: middle;
}
.opinieOddzielenie
{
   background-image: url('http://www.projekty.ign.com.pl/gfx/przerywana.gif');
   background-repeat: repeat;
   height: 1px;
}
.opinieTytul
{
   font-size: 10px;
   font-weight: bold;
   color: #000000;
   height: 20px;
   padding: 0px;
   background-color: #f9f9f9;
   vertical-align: middle;
}
.opinieLeftNeed
{
   width: 50px;
   color: red;
   text-align: right;
}
.opinieRight
{
   width: 410px;
   text-align: left;
}
.opiniedropSelect
{
   width: 40px;
   font-family: verdana;
   font-size: 10px;
}
.statusgreen
{
   color: green;
   font-weight: bold;
}
.statusred
{
   color: red;
}
.ZamNumOn
{
   color: green;
   font-weight: bold;
   border: 1px solid #D2D2D2;
}
.ZamNumOff
{
   color: gray;
   border: none;
   border: 1px solid #D2D2D2;
}
.ZamTekstOn
{
   color: green;
   font-weight: bold;
}
.ZamTekstOff
{
   color: gray;
   font-weight: normal;
   font-size: 10px;
}
.krokpokroku
{
   margin: auto;
   text-align: center;
   width: 80%
}
.krokpokroku td
{
   text-align: center;
   border: 1px solid #cccccc;
   background-color: #f2f3ff;
}
.krokpokroku_strzalka
{
   margin: auto;
}
a.kontakt
{
   padding: 5px;
   color: white;
   font-weight: bold;
   border: 1px solid black;
   background-color: #000990;
   text-decoration: none;
}
a.kontakt:hover
{
   color: white;
   text-decoration: underline;
}
.dropSelect_kontakt
{
   font-family: verdana;
   font-size: 10px;
}
.required
{
  color: red;
}
.required_text
{
  color: #000990;
}
.blog
{
  clear: both;
  padding: 20px 0 0 10px;
}
.blog a
{
  color: #565656;
}
.blog a:hover
{
  color: red;
  text-decoration: none;
}
.silka
{
  padding: 10px;
  width: 97%;
}
.silka a
{
  font-weight: bold;
}
.silka a:hover
{
  text-decoration: none;
}
.silka span
{
  font-weight: normal;
}
.silka span.czytaj
{
  color: #033990;
  font-size: 10px;
}
.lista_blogow
{
  clear: both;
  width: 500px;
  margin: 5px;
  padding: 5px;
  border-bottom: 1px solid #C8C8C8;
}
a.listablogow
{
  color: red;
  font-weight: bold;
}
.bezpieczenstwo
{
  margin: 10px 20px;
}
.bezpieczenstwo a
{
  color: red;
}

.border_preview{
	position:absolute; 
	background: #fff;
	border: 1px solid #444;
}
.preview_temp_load {
	vertical-align:middle;
	text-align:center;
	padding: 1px 1px 1px 1px;
}
.preview_temp_load img{	
	vertical-align:middle;
	text-align:center;
}
.promo_sw {
	font-size: 13px;
}
.menu_naglowek { font-size: 13px; font-weight: bold; color: black; margin: 6px 0 6px 0; }

.naglowek { margin-left: 10px; width: 570px; height: 70px; }
.naglowek td h2 { display: inline; font-size: 18px; color: red; font-family: verdana; font-weight: normal; }

a:link.sze, a:visited.sze { font-family: verdana; font-size: 10px; color: #969696; text-decoration: none; font-weight: normal; }
a:hover.sze { font-family: verdana; font-size: 10px; color: #969696; text-decoration: none; font-weight: normal; }

/* kosztorysy */
h1.title {
	height: 34px;
	width: 330px;
	font-size: 26px;
	font-weight: normal;
	text-align: right;
	color: #f57663;
	background: transparent url(../images/psystem/default/title_bg.gif) bottom left repeat-x;
}
div#form_content {
	clear: both;
	padding: 20px 20px 50px 20px;
	border: 1px solid #cccccc;
	margin: 20px 0 20px 70px;
	width: 330px;
	font: 10px arial ce, arial, Verdana, geneva ce, geneva, Helvetica, sans-serif;
	color: #444444;
}
div#form_content img {
	margin: 10px 0px;
	float: right;
}
div#form_content .form {
	margin: 30px 0 0 0;
	color: #666666;
	font-size: 12px;
}
div#form_content .row input {
	float: left;
	display: inline;
}
div#form_content .row {
	height: 35px;
}
div#form_content .row label {
	margin: 4px 8px 0 0;
	padding: 0;
	width: 200px;
	float: left;
	text-align: right;
}
label.error {
	color: #cc0000;
}
div#form_content .row input.wersjainput {
	width: 40px;
	float: left;
	text-align: right;
}
div#form_content .row input.input {
	width: 116px;
	float: left;
}
div#form_content .row select.select {
	width: 120px;
	float: left;
}
div#form_content .row .submit {
	width: 120px;
	margin: 0 0 0 208px;
}
div#form_content .row label.accept {
	margin-top: 2px;
	padding: 0;
	width: 200px;
	font-size: 10px;
	float: left;
}
div#form_content .row input.accept {
	float: left;
}
div#form_content img {
	border: 0;
}
div#form_content form {
	margin: 0;
	padding: 0;
	text-align: left;
}
/* kosztorysy - koniec */


<!-- galeria.php -->
/* basic */

.thumb p, .thumb li {
	line-height: 1.8em;
}

div#page {
	width: 570px;
	background-color: #fff;
	margin: 0 auto;
	text-align: left;
	
	border-bottom: 1px dashed #555555;
    border-left: 1px dashed #555555;
    border-right: 1px dashed #555555;
}
div#container {
	padding: 0px 10px 0px 10px;
	overflow: hidden;
}
div#ads {
	clear: both;
	padding: 12px 0 12px 66px;
}

/* galleriffic */

div.content {
	display: none;
	clear: both;
}

div.content a, div.navigation a {
	text-decoration: none;
}
div.content a:hover, div.content a:active {
	text-decoration: underline;
}

div.controls {
	margin: 5px 10px 0px 58px;
	height: 15px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: left;
}

div.slideshow-container,
div.loader,
div.slideshow a.advance-link {
	width: 560px; /* This should be set to be at least the width of the largest image in the slideshow with padding */

	overflow-x: hidden;
    overflow-y: auto;
}

div.slideshow a.advance-link img {

	width: 520px;
	height: auto;

}

div.caption-container {
	height: 20px; /* This should be set to be at least the height of the largest image in the slideshow with padding */	
}

div.slideshow-container {
	position: relative;
	clear: both;
	float: left;
	height: 430px;
}

div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('gfx/galeria/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 30px;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	/* line-height: 502px;  This should be set to be at least the height of the largest image in the slideshow with padding */
	text-align: center;
}

div.slideshow a.advance-link:hover,
div.slideshow a.advance-link:active,
div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow a.advance-link:focus {
	outline: none;
}

div.slideshow img {
	border-style: solid;
	border-width: 1px;
}
div.caption-container {
	float: right;
	position: relative;
	margin: 10px 13px 0px 0px;
}

span.image-caption {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

div.caption-container, span.image-caption {
	width: 334px;
}

div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.download {
	margin-top: 0px;
}
div.photo-index {
	text-align:right;
	padding-right:15p;
}
div.navigation-container {
	float: left;
	position: relative;
	left: 50%;
}
div.navigation {
	float: left;
	position: relative;
	left: -50%;
}
div.navigation a.pageLink {
	display: block;
	position: relative;
	float: left;
	margin: 2px;
	width: 16px;
	background-position:center center;
	background-repeat:no-repeat;

	padding-top: 20px;	
	height: 77px;
}

div.navigation a.pageLink:hover {
	outline: none;
	opacity: 0;
}

ul.thumbs {
	position: relative;
	float: left;
	margin-bottom: 25px;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 2px;
	list-style: none;
}
a.thumb {
	padding: 1px;
	display: block;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
	position: relative;
	left: -50%;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	position: relative;
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}

div.gallery-gutter {
	clear: both;
	padding-bottom: 20px;
}

/* white */

div#page {
	background-color: #fff;
	border-color: #ddd;
}
div#footer {
	color: #777;
}
div.caption-container {
	color: #111;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.download {
	margin-top: 0px;
}
div.photo-index {
	color: #777;
}

div.loader {
	background-image: url(gfx/galeria/loader.gif);
}
div.slideshow img {
	border-color: #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
div.pagination a:hover {
	background-color: #eee;
}
div.pagination span.current {
	background-color: #000;
	border-color: #000;
	color: #fff;
}

.play {
	color:#FF5900;
}

.prev {
	color:#FF5900;
}

.next {
	color:#FF5900;
}
#sug_div {
  position: absolute;
  margin-left: 42px;
  z-index: 100;
  width: 250px;
  border-top: 1px solid #bbbbbb;
  border-left: 1px solid #bbbbbb;
  border-right: 1px solid #bbbbbb;
  display: none;
}
#sug_div .projekt {
  cursor: pointer;
  background-color: #ececec;
  width: 250px;
  font-size: 11px;
  font-family: verdana;
  border-bottom: 1px solid #bbbbbb; 
}
#sug_div .miniatura {
  width: 70px;
}
#sug_div .projektid {
  font-size: 10px;
}
#sug_div .dane {
  font-size: 10px;
}
#sug_div .projekt .over {
  background-color: white;
}
#sug_div .projekt .out {
  background-color: #ececec;
}