body
{
	background: url(../images/bodyBg.jpg) repeat-x 0 0 #efefef;
}

body, p, td, th, li
{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size:.825em;

}

#mainContainer
{
	width:990px;
	margin: 13px auto 0 auto; 
	background: #ffffff;
	
}

p
{

}

/*--- Link Styles ---*/
a:link, a:visited
{

}


h1
{

}

h2
{

}

h3
{

}

h4
{

}

h5
{

}

h6
{

}

ul
{
	list-style-type:none;
}

ol
{
	margin-left:25px;
	
}

blockquote	{}
strong		{font-weight:bold;}
em		{font-style:italic;}

/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.clearThis 	{clear:both;}
.small		{font-size:.625em;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}




/* Header
----------------------------------------*/
#header
{
	width:990px;
	height:110px;
	z-index:1; position: relative;
	
	
	
}

#logoImage a {
	float: left; display: inline;
	width: 412px; height: 72px;
	margin: 5px 0 0 3px;
}


.link {color:#F14C0A;}

#logoWrap h2 a {
	float: left; display: inline;
	width: 412px; height: 72px;
	margin: 5px 0 0 3px;
	background: url(../images/logo.gif) no-repeat;
	text-indent: -9999px; }



#iconsNavWraper {
float: left; margin: 10px 0 0 10px;
}
ul#iconsNav li {float: left; list-style-type:none; margin-left:10px; text-align: center;}
ul#iconsNav li a {height: 15px; display: block; text-decoration:none; outline: none; text-align: center; color:#6f4327; font-size: 9px; padding-top: 45px;}
	li#homeIco a {background-image: url(../images/navT/homeIco.gif);  background-repeat: no-repeat; width: 66px;}
	li#catalogIco a {background-image: url(../images/navT/catalogIco.gif);  background-repeat: no-repeat; width: 68px;}
	li#productsIco a {background: url(../images/navT/productsIco.gif) no-repeat 2px 0; width: 66px;}
	li#joinIco a {background: url(../images/navT/joinIco.gif) no-repeat; background-repeat: no-repeat; width: 66px;}
	li#advertIco a {background-image: url(../images/navT/advertIco.gif); width: 66px;}
	li#contactIco a {background: url(../images/navT/contactIco.gif) 2px 0 no-repeat; width: 66px;}
	li#loginIco a {background-image: url(../images/navT/loginIco.gif); width: 66px;}
	li#accountIco a {background-image: url(../images/navT/accountIco.gif); width: 66px;}
	li#logoutIco a {background-image: url(../images/navT/logoutIco.gif); width: 66px;}
	li#adminIco a {background-image: url(../images/navT/adminIco.gif); width: 66px;}
	li#homeIco a:hover, li#catalogIco a:hover, li#logoutIco a:hover, li#accountIco a:hover, li#adminIco a:hover, li#productsIco a:hover, li#advertIco a:hover, li#contactIco a:hover, li#loginIco a:hover, li#joinIco a:hover {background-position:1px -60px;
	color:#F14C0A;}
		

#loginContainer {float: left; position: relative; width: 390px; background: #f8f8f8 url(../images/icoLock.jpg) 95% 15px no-repeat; border: 1px solid #d9d9d9; margin: 5px 0 0 5px; padding: 5px 10px; }
#loginContainer h2 {font-size: 14px; color:#6D6D6D; font-weight: bold; margin: 0 0 10px 0;}
.loginMessage {color:#6D6D6D; font-size: 11px; display: block; padding: 5px 10px 5px 5px;}
.loginMessage a, .myProductOptions a, .showMore {color:#ff7e00; font-size: 11px;}
.showMore {float: left; margin: 0 0 20px 3px;}
#authMessage {color: #e80000; }
#topNavWraper {
z-index:1;
float: left;
width: 990px; height: 30px;
background: url(../images/topNavBg.gif) repeat-x 0 100%;
position: relative;
}
#tabKonWrap {width:540px; color:#666666; border: 1px solid #ebebeb; padding: 20px; margin: 30px 0 0 120px; float: left;}

#userAccount td, #userAccount th  {padding:5px 10px; min-width: 130px;}
#userAccount th {font-weight: bold;}
#userHd {float: left; width:500px;  background:#eeeeee; padding: 5px;}
#userHd img {float: left}
#userHd h3 {display: block; clear: both; padding: 3px 0 3px 0;}
#userInfo {width:340px; float:right;}
#userInfo span {float: left; font-weight: bold;}
#userInfo img {margin: 0 0 0 5px;}
.teest {height: 1000px; float: left;}
#tabelaKont {width:540px; float: left; margin: 0 0 15px 0;}
#tabelaKont td {vertical-align: middle; text-align:center; height:60px; border-bottom: 1px solid #e2e2e2; padding: 0 0 0 15px;}
#tabelaKont th {width:110px; height:40px; border-bottom: 1px solid #e2e2e2; text-align:center;}
#tabelaKont th strong {clear: both;}
#tabelaKont .first {border-right: 1px solid #e2e2e2; padding: 0px;}
#tabelaKont .mainColumn {width:210px;}

ul#topNav {margin: 6px 0 0 14px; z-index:1;}
ul#topNav li {
	float: left; 
	margin: 0 20px 0 0; z-index:1;
	color: #ffcdac;
	font-weight: bold;

}
ul#topNav a {color: #ffffff;
	font-size: 0.9em; 
	font-weight: normal;
	text-decoration: none; z-index:1; 
}


.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.input {margin: 0 0 10px 0;}
		
/* Main Content
----------------------------------------*/
#mainContent, .mainContent
{
	width:798px; 
	padding: 0 0 20px 10px;
	float: left;
}

#sidebar {
width: 180px;
float: right; z-index:5;
}


#mainNews {
	width: 300px;
	height: 215px; 
	float: left;
}

#mainNews h2 {
float: left; display: inline;
background: url(../images/hdNewsy.gif);
width: 49px; height: 19px;
margin: 3px 43px 0 0px;
text-indent: -9000px;
}

#newsTabs img {
float: left; margin: 0 10px 5px 0;}
#newsTabs p {
font-size: 1em;}

/*TABS news*/
.firstTab {padding: 0 0 0 60px;}


#mainProducts {
width: 490px;
height: 142px;
float: right;
	}

#mainProducts dt {
float: left;
width: 87px; height: 19px; margin: 7px 0 1px 0;
}
#mainProducts dd a {
float: left; 
margin: 9px 0 0 10px; padding: 0 0 0 10px;
color: #4d4d4d; 
font-size: 0.8em;
background: url(../images/bullet.gif) no-repeat 0 80%;
text-decoration: none;


}
#mainProductsDisplay {
width: 490px;
height: 117px;
float: left;
position: relative;
overflow:hidden;
}
	
	
#mainCatalog {
width: 785px;
margin: 0 0 25px 0;
float: left;

}

#mainCatalog h1 {
display: inline;
margin: 0 0 0 4px;
height: 22px;
width:200px;
display: block;
}

#mainCatalog h3 {
float: left;
margin: 0 0 0 25px; display: inline;
width: 234px; height: 62px;
background: transparent url(../images/hdFirmaSlogan.gif) no-repeat 0 0;
text-indent: -9999px;

}

.col-left {
float: left; width: 300px;}



.allProd {float: left; width: 385px; background:#F8F8F8; margin: 0 10px 10px 0; border:1px solid #D9D9D9;}
.allProd p {font-size:10px; color:#666666;}
.allProdMore {float: left; margin: 2px 0 0 10px; width: 230px;}
.allProdMore a {color:#ff6600; display: block; margin-top: 10px;}
#hdAllProd {color:#6D6D6D; font-size: 14px; margin: 5px 0 10px 0;}
#goBack {clear: both; color: #ff6600; float: left; margin: 35px 10px 10px 0; font-size: 11px;}
#aboutUs {float: left; width: 480px; padding-right: 15px;}	
#aboutUs h1 {display: block; text-indent: -9997px; background: url(../images/hdKilkaSlow.gif); width: 231px; height: 30px;}
#aboutUs p {display: block; line-height: 18px; font-size: 11px; color: #333333; margin: 0 0 5px 0;}
#advContent h1 {display: block; height: 37px; background: url(../images/hdReklama.gif) no-repeat; text-indent: -9999px;}
#advContent p {clear: both; font-size: 12px; color: #222222; line-height: 18px; float: left;}
blockquote {float: left; font-size: 12px; font-family: georgia; width: 300px; background: #f1f1f1; padding: 10px; margin: 0 5px;}

#advContent a {color:#ff6600;}
#advContent dl {line-height: 18px; margin: 5px 0 15px 0; letter-spacing: 0px;}
#advContent dt {color:#111111;}
#advContent dd {font-size: 12px; color: #222222;}
#advContent em {display: block; float: right; margin: 10px 20px 0 0;}
#aboutUs strong {color: #ff6600;}
.signature {float: right; font-style: italic; font-size: 11px; color:#555555; margin-right: 5px; }
#aboutEcommerce {float: left; position: relative; overflow:hidden; width: 300px; height:250px; font-family: Arial;}
#aboutEcommerce h1 {display: block; text-indent: -9997px; background: url(../images/hdEcommerce.gif); width: 284px; height: 30px;}
#aboutEcommerce td {vertical-align: middle; font-family: Arial;}
#aboutEcommerce td img {margin: 5px 0 0 5px;}
#aboutEcommerce td p {width:200px; float: left;}
#eco1 {position: absolute; top: 30px; left: 0;background: #fff;}
#eco2 {position: absolute; top: 30px; left: 0;background: #fff; display: none;}
#ecoMore {position: absolute; top:230px; color:#ff6600; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
#mainPolandMap h4 {
color:#6D6D6D;
font-size:14px;
font-weight:bold;
margin: 0 0 10px 5px;
}

#mainCatalogCategories table {
    float: left;
    width: 235px;
    
    
}

#mainCatalogCategories h4 {
color:#6D6D6D;
font-size:14px;
font-weight:bold;
margin: 0 0 0 5px;
}

#mainCatalogCategories {
float: right; 
width: 475px;
margin-right: 10px;
display: inline;
margin-bottom: 10px;
}
.catalogCatPage {border: 1px solid #EFEFEF; background:#F8F8F8; padding: 10px 0 0 0; margin-top: 10px;}
.mapCatalogPage {padding: 20px 0 0 0;}
#mainCatalogCategories th a, #mainCatalogCategories td a{
text-decoration: none;
}
#mainCatalogCategories th {font-weight: bold;}
#mainCatalogCategories .count {text-align: right;}
#mainCatalogCategories .categoryName {width: 210px; padding: 2px 0 0 20px;}
#mainCatalogCategories th.categoryName {padding: 10px 0 0 15px; color: #fd6a08;}
#mainCatalogCategories td a {color: #151515;}
#mainCatalogCategories th  a {color: #fd6a08;}



#articlesH a#btnRoundGo 
{padding: 3px 5px;
background: transparent url(../images/rdnCzytelnia.gif) no-repeat 0 0;
 color:#878787;
 width:62px; float: left; margin:0 0 3px 200px; display:inline; 
 color:#fff;
 }


#article a#roundBtn, #roundBtn {float: left; padding: 3px 5px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;

 background:#d1d1d1; color:#878787; font-size:9px; margin:10px 0 0 0px; text-decoration: none;}


#mainPolandMap {
width: 290px;
margin-right:10px; height: 285px; 
float: left; 
}
#dodajBtn {
float: right; width: 94px; height: 35px; display: inline;
margin: 0 30px 0 0;
background: transparent url(../images/btnDodaj.gif) no-repeat 0 0;
text-indent: -9999px;
}



#mainCatalogCategories2 table {
    float: left;
    width: 235px;
    
    
}

#mainCatalogCategories2 h4 {
color:#6D6D6D;
font-size:14px;
font-weight:bold;
margin: 0 0 0 5px;
}

#mainCatalogCategories2 {
float: right; 
width: 475px;
height: 290px;
margin-right: 19px;
display: inline;
margin-bottom: 10px;
overflow: hidden;
position: relative;
}
.catalogCatPage {border: 1px solid #EFEFEF; background:#F8F8F8; padding: 6px 0 0 0; margin-top: 5px;}
.mapCatalogPage {padding: 10px 0 0 0; background:#f3fbf6; border: 1px solid #e1f2e7; margin-top: 5px; }
#mainCatalogCategories2 th a, #mainCatalogCategories2 td a{
text-decoration: none;
}
#mainCatalogCategories2 th {font-weight: bold;}
#mainCatalogCategories2 .count {text-align: right;}
#mainCatalogCategories2 .categoryName {width: 210px; padding: 2px 0 0 20px;}
#mainCatalogCategories2 th.categoryName {padding: 10px 0 0 15px; color: #fd6a08;}
#mainCatalogCategories2 td a {color: #151515;}
#mainCatalogCategories2 th  a {color: #fd6a08;}
#showCat, #showCat2 {position: absolute; bottom: 10px; right: 10px; text-decoration:none; color:#fd6a08}
#showCat2 {display: none;}
#showCat3 {position: absolute; top: 9px; right: 140px; color:#fd6a08; font-size: 9px;}

#newAnnoucements {border:1px solid #eaeaea; width:790px; margin:0 0 5px 0; float: left; clear:both; padding:1px 0 1px 0; height:17px; background:#f1f1f1; font-size:9px; color:#cbcbcb; outline: none;}
#annocuementsTitle {float: left;}
#newAnnoucements .spacer {margin:0 15px; color:#e79116; float:left;}
#newAnnoucements p {float: left;}
#newAnnoucements a {color:#787878; text-decoration:none; font-size:9px; border-right:1px solid #d49d4d; padding: 0 10px;}
#newAnnoucements span {color:#818181; float: left; margin: 2px 5px 0 5px;}
.long	{width:250px;}
.short {width:150px;}


	#slider {margin: 10px 0 0 30px; position: relative;}
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:420px;
		height:105px;
		overflow:hidden; 
		}	
	
	#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
		display:block;
		width:24px;
		height:100px;
		position:absolute;
		left:0px;
		top:5px;
		z-index:1000;
		text-indent: -9999px;
		}	
	#nextBtn, #slider1next{ 
		left:450px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:24px;
		height:100px;
		background:url(../images/prevBtn.gif) no-repeat 0 60%;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/nextBtn.gif) no-repeat 0 60%;	
		}		
.myPhotoPanel {float: left; width: 132px; height: 102px; position: relative; margin: 3px 10px 7px 3px;}
.myPhotoPanel img {width: 130px; height: 100px; border: 1px solid #dddddd; padding:3px; z-index: 2;}

.brakProduktu {float: left; text-indent:-9999px; border:1px solid #333333; width: 132px; height: 102px; margin:3px; background: url(../images/noProduct.gif) no-repeat 0 0;}
.brakZdjecia{float: left; padding:3px; text-indent:-9999px; border:1px solid #dddddd; width: 132px; height: 100px; background: url(../images/noPhoto.gif) no-repeat 50% 50%;}


.product {float: left; width: 132px; height: 100px; position: relative; margin: 3px 3px; text-align: center; background: url(../images/productBg.jpg) no-repeat 0 0;}
.product img {max-width:130px; max-height:98px; border: 1px solid #333333; z-index: 2;}
.productDescription {position: absolute; width: 121px; text-decoration: none; padding: 2px 5px; z-index:20; bottom: 0; left: 0; background:transparent url(../images/trans.png); color:#ffffff; font-size: 11px; line-height: 12px;}
#productDetails {width: 565px; float: left;}


	
#searchBar {
display: inline;
width: 563px;
height: 57px;
margin: 13px 20px 7px 0;
float: left;
background: transparent url(../images/searchBg.gif) no-repeat 0 0;
}
#searchBar #q {
	outline: none; background: transparent; width: 300px;  float: left;
margin: 21px 0 0 19px;
border: 0;
}
#mainSearchBar {
display: inline;
width: 473px;
height: 57px;
margin: 13px 20px 7px 0;
float: right;
background: transparent url(../images/searchBg.gif) no-repeat 0 0;
}

#questionBlock {
	background: transparent url(../images/questionBlockBg.png) no-repeat 0 0;
	float: left;
	width: 473px;
	min-height: 157px;
	color:#3b3b3b;
	margin: 0 0 0 7px;
	
}


.artGallery {
	display: block; margin: 10px auto;
	padding:10px;
	background:#f6f6f6;
	float: left;
	text-align:center;
	width:740px;
}



#questionBlock legend {margin: 10px 0 5px 50px; float: left; width: 300px; display: inline;}
#questionBlock label {display: none;}
#questionBlock textarea {width:270px; height: 105px;float: left; margin: 5px 10px 0 10px;}
#questionBlock input {
	width:140px; float: right; margin: 5px 30px 0 0; height: 20px;
}

.mainSearchBarFormInput {
outline: none; margin: 20px 0 0 18px; width: 280px;  float: left; height: 20px; position: relative; z-index: 400;
border: 0;}
.mainSearchBarBtn {
margin: 13px 0 0 5px;}

#tabTop {float: left; width:951px; margin: 0 0 0 8px; padding:41px 0 0 0;  background: url(../images/tablicaTop.jpg) no-repeat 0 0 ; }
#tabMiddle {float: left; width:951px; min-height:400px;  background: url(../images/tablicaBg.jpg) 0 0 ; }
#tabBottom {float: left; width:951px; padding:0 0 16px 0;  background: url(../images/tablicaBottom.jpg) no-repeat 0 100%;  }
#tab-col-left {float: left; left; width:500px; margin: 10px 0 10px 15px; overflow:auto;}
#tab-col-right {float: left;  width:430px; margin: 0 0 10px 0;  }
#tabTop .blad {text-align:center; color:#d92525; background:#c7aeae; min-width: 180px; float: left; padding:10px 15px; border:1px solid #d49191;}
#tabTop .dodano {text-align:center; color:#466f42; background:#aec7ae; min-width: 180px; float: left; padding:10px 15px; border:1px solid #97d491;}
#tabTop .sendingOgloszenie img {display:block;}

#tablicaOgloszen tr {background:#e5e5e5;}

#tabFormularz { position:relative; padding:60px 0 0 15px;  background: url(../images/arrow.png) no-repeat 0 5px;}

#tablicaOgloszen {color:#7d7d7d; font-size:11px;}
#btnDodajOgloszenie {width:169px;

border:0; padding:0; 
height:37px; text-indent:-8520px;  background: url(../images/dodaj.gif) transparent no-repeat 0 0;}
#tab-col-right legend {text-indent: -5215px; }
#dodajOgloszenie {text-indent: -9999px;}
#tabFormMessage {width:223px; float: left; min-height:30px; margin:0 15px 0 0;}
#tab-col-right #dodajInfo {position:absolute; top:27px; left:33px; color:#9f9f9f; font-weight:normal; font-size:9px;}
#tablicaOgloszen td {padding:5px 10px; border-bottom: 1px solid #dddddd;}
#tab-col-right textarea {border:1px solid #cbcbcb; padding:10px; color:#7a7a7a; margin: 0 0 7px 0; width:380px; background:#f4f4f4; float: left; text-align:left;}
#tablicaOgloszen span {color:#ababab; display:block;}


.odd {background:black;}

#tab-col-right label {display:block; font-size:10px; color:#5c5c5c; margin: 0 0 3px 0;}
#tabMessage {}
#tabName {float: left; width:200px;}
#tabName input {width:165px; margin: 0 0 7px 0; padding:6px; border:1px solid #cbcbcb; color:#7a7a7a; background:#f4f4f4; }
#tabWhere {float: left; width:210px; }
#tabWhere input {width:186px; margin: 0 0 7px 0; padding:6px; border:1px solid #cbcbcb; color:#7a7a7a; background:#f4f4f4; }


#btnWyslij {float: left; width: 116px; height: 32px; margin: 5px 0 0 0; background: url(../images/btnSend.png) no-repeat;
text-indent: -9999px; }

#captchaBlock {float: left; width: 461px; padding: 5px; font-size: 10px; background: #c5d6e4;}

#captchaBlock img {float: left; margin: 0 20px 0 0;}
#captchaBlock label {float:left; width: 200px; display: block; margin: 5px 0 0 0;}
#captchaBlock input {float:left; width: 130px; height: 20px;  margin: 0 0 5px 0;}
#questionForm .error  {font-size: 10px; display: block;}

#questionForm {float: left; margin: 0 0 10px 0;}

#questionNaSzybko {
	background: #e9e9e9;
	margin: 10px auto;
	padding: 20px; float; left; width: 700px;
	height: 500px;
	
	
}
#questionNaSzybko fieldset {float: left; width: 600px;}
#questionNaSzybko label {display: block; width: 200px; float: left;}
#questionNaSzybko input {display: block; width: 200px; float: left;}
#questionNaSzybko #ccode2 {display: none;}
#questionNaSzybko textarea {display: block; width: 300px; float: left; height:200px;}

#redirect input {border:solid 0 #fff; width:8px; margin:0; padding: 4px 0; display: block; margin: 0 auto;}
#redirect {font-weight: normal; padding: 20px; text-align: center;}
#callUs {
display: block; z-index:20; position: relative;
width: 179px; height: 91px;
margin: -40px 0 5px 0;
background: url(../images/callUsNow.png) no-repeat;
text-indent: -9999px;)

}
a.adCompany:hover {height: 140px;}
.adCompany {width: 153px; height:75px; background:#f4f4f4; text-decoration:none; line-height:12px; float: left; margin:0 0 5px 7px; 
padding:4px 3px 4px 5px;}
.adCompany img {float: left; border:1px solid #e8e8e8;}
.adSkyscraper img {width: 160px; margin: 0 0 0 7px; float: left; display: inline;}
.adCompany span {font-size: 10px; color:#333333; margin-top: 5px; float: left;}
.dodaj {display: block;}
.usun {display: none;}

/* Footer
----------------------------------------*/
#footer
{ 
margin: 0 auto;
	width:990px;
	height:20px;
	font-size: 0.8em;
	background: #ffffff;
	float: left;
}
#footerNav {margin: 0 auto; width: 780px;}
#footerNav li  {float: left; color:#7e7e7e; }
#footerNav a {color:#7e7e7e;  margin: 0 5px; text-decoration: none;
}
#copyrights {color:#9e9e9e; margin: 30px auto 20px auto; width: 500px; font-size: 10px;  display: block;}
#copyrights a {color:#9e9e9e; text-decoration: none;}
#footer p 
{
	font-size:.625em;
}


/* ---- [ country's map - css only ] ---- */
.poland-map{
	position: relative;
	padding: 0;
	margin: 0 0 0 10px;
	list-style: none;
	width: 260px;
	height: 250px;
	background: url(../images/poland-map.png) no-repeat 0 0;
	font-size:0.75em;
}
.poland-map li{
	margin: 0;
	padding: 0;
	position: absolute;
}
.poland-map li a{
	display: block;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
}
.poland-map li a:hover,
.poland-map li a:focus{
	color: #773810;
}
/* ---- [ Hide focus in worldmap ] ---- */
.poland-map li a:active,
.poland-map li a:focus {
	-moz-outline: none;
	outline: none;
}
.poland-map li a span{
	position:absolute;
	font-size:0.83em;
}
/* ---- [ Zachodniopomorskie ] ---- */
#zachodniopomorskie {
	top: 14px;
	left: 0;
	width: 74px;
	height: 86px;
}
#zachodniopomorskie a{
	height: 86px;
}
#zachodniopomorskie a:hover,
#zachodniopomorskie a:focus{
	background: url(../images/poland-map.png) no-repeat 0 -267px;
}

#zachodniopomorskie a span{
	left:24px;
	top:34px;
}
#zachodniopomorskie-details{
	top:-2em;
	left:-28em;
}
/* ---- [ Pomorskie ] ---- */
#pomorskie {
	top: 1px;
	left: 67px;
	width: 83px;
	height: 60px;
}
#pomorskie a{
	height: 60px;
}
#pomorskie a:hover,
#pomorskie a:focus{
	background: url(../images/poland-map.png) no-repeat -67px -353px;
}

#pomorskie a span{
	left:8px;
	top:25px;
}
#pomorskie-details{
	top:-2em;
	left:-28em;
}
/* ---- [ Warminsko-Mazurskie ] ---- */
#warminsko-mazurskie {
	top: 21px;
	left: 134px;
	width: 96px;
	height: 57px;
}
#warminsko-mazurskie a{
	height: 57px;
}
#warminsko-mazurskie a:hover,
#warminsko-mazurskie a:focus{
	background: url(../images/poland-map.png) no-repeat -134px -413px;
}

#warminsko-mazurskie a span{
	left:13px;
	top:11px;
}
#warminsko-mazurskie-details{
	top:-2em;
	left:-28em;
}
/* ---- [ Podlaskie ] ---- */
#podlaskie {
	top: 23px;
	left: 195px;
	width: 60px;
	height: 91px;
}
#podlaskie a{
	height: 91px;
}
#podlaskie a:hover,
#podlaskie a:focus{
	background: url(../images/poland-map.png) no-repeat -195px -493px;
}

#podlaskie a span{
	left:10px;
	top:42px;
}
#podlaskie-details{
	top:-2em;
	left:-28em;
}
/* ---- [ Lubuskie ] ---- */
#lubuskie {
	top: 77px;
	left: 11px;
	width: 51px;
	height: 77px;
}
#lubuskie a{
	height: 77px;
}
#lubuskie a:hover,
#lubuskie a:focus{
	background: url(../images/poland-map.png) no-repeat -11px -584px;
}

#lubuskie a span{
	left:12px;
	top:30px;
}
#lubuskie-details{
	top:-2em;
	left:-28em;
}
/* ---- [ Wielkopolskie ] ---- */
#wielkopolskie {
	top: 54px;
	left: 43px;
	width: 93px;
	height: 110px;
}
#wielkopolskie a{
	height: 110px;
}
#wielkopolskie a:hover,
#wielkopolskie a:focus{
	background: url(../images/poland-map.png) no-repeat -43px -661px;
}

#wielkopolskie a span{
	left:6px;
	top:56px;
}
#wielkopolskie-details{
	top:-2em;
	left:-28em;
}
/* ---- [ Kujawsko-Pomorskie ] ---- */
#kujawsko-pomorskie {
	top: 50px;
	left: 83px;
	width: 69px;
	height: 63px;
}
#kujawsko-pomorskie a{
	height: 63px;
}
#kujawsko-pomorskie a:hover,
#kujawsko-pomorskie a:focus{
	background: url(../images/poland-map.png) no-repeat -83px -771px;
}

#kujawsko-pomorskie a span{
	left:13px;
	top:35px;
}
#kujawsko-pomorskie-details{
	top:-2em;
	left:-28em;
}
/* ---- [ Mazowieckie ] ---- */
#mazowieckie {
	top: 64px;
	left: 138px;
	width: 97px;
	height: 103px;
}
#mazowieckie a{
	height: 103px;
}
#mazowieckie a:hover,
#mazowieckie a:focus{
	background: url(../images/poland-map.png) no-repeat -138px -834px;
}

#mazowieckie a span{
	left:15px;
	top:28px;
}
#mazowieckie-details{
	top:-2em;
	left:-28em;
}
/* ---- [ Lodzkie ] ---- */
#lodzkie {
	top: 109px;
	left: 107px;
	width: 68px;
	height: 65px;
}
#lodzkie a{
	height: 65px;
}
#lodzkie a:hover,
#lodzkie a:focus{
	background: url(../images/poland-map.png) no-repeat -107px -937px;
}

#lodzkie a span{
	left:18px;
	top:28px;
}
#lodzkie-details{
	top:-2em;
	left:-28em;
}
/* ---- [ Dolnoslaskie ] ---- */
#dolnoslaskie {
	top: 135px;
	left: 17px;
	width: 83px;
	height: 74px;
}
#dolnoslaskie a{
	height: 74px;
}
#dolnoslaskie a:hover,
#dolnoslaskie a:focus{
	background: url(../images/poland-map.png) no-repeat -17px -1002px;
}

#dolnoslaskie a span{
	left:12px;
	top:16px;
}
#dolnoslaskie-details{
	top:-2em;
	left:-28em;
}
/* ---- [ Opolskie ] ---- */
#opolskie {
	top: 160px;
	left: 75px;
	width: 48px;
	height: 52px;
}
#opolskie a{
	height: 52px;
}
#opolskie a:hover,
#opolskie a:focus{
	background: url(../images/poland-map.png) no-repeat -75px -1076px;
}

#opolskie a span{
	left:18px;
	top:5px;
}
#opolskie-details{
	top:-2em;
	left:-28em;
}
/* ---- [ Slaskie ] ---- */
#slaskie {
	top: 163px;
	left: 106px;
	width: 51px;
	height: 71px;
}
#slaskie a{
	height: 71px;
}
#slaskie a:hover,
#slaskie a:focus{
	background: url(../images/poland-map.png) no-repeat -106px -1128px;
}

#slaskie a span{
	left:13px;
	top:12px;
}
#slaskie-details{
	top:-2em;
	left:-28em;
}
/* ---- [ Swietokrzyskie ] ---- */
#swietokrzyskie {
	top: 153px;
	left: 150px;
	width: 53px;
	height: 48px;
}
#swietokrzyskie a{
	height: 48px;
}
#swietokrzyskie a:hover,
#swietokrzyskie a:focus{
	background: url(../images/poland-map.png) no-repeat -150px -1199px;
}

#swietokrzyskie a span{
	left:13px;
	top:20px;
}
#swietokrzyskie-details{
	top:-2em;
	left:-28em;
}
/* ---- [ Malopolskie ] ---- */
#malopolskie {
	top: 186px;
	left: 135px;
	width: 59px;
	height: 58px;
}
#malopolskie a{
	height: 58px;
}
#malopolskie a:hover,
#malopolskie a:focus{
	background: url(../images/poland-map.png) no-repeat -135px -1247px;
}

#malopolskie a span{
	left:5px;
	top:19px;
}
#malopolskie-details{
	top:-2em;
	left:-28em;
}
/* ---- [ Lubelskie ] ---- */
#lubelskie {
	top: 113px;
	left: 197px;
	width: 62px;
	height: 82px;
}
#lubelskie a{
	height: 82px;
}
#lubelskie a:hover,
#lubelskie a:focus{
	background: url(../images/poland-map.png) no-repeat -197px -1305px;
}

#lubelskie a span{
	left:8px;
	top:47px;
}
#lubelskie-details{
	top:-2em;
	left:-28em;
}
/* ---- [ Podkarpackie ] ---- */
#podkarpackie {
	top: 173px;
	left: 185px;
	width: 62px;
	height: 77px;
}
#podkarpackie a{
	height: 77px;
}
#podkarpackie a:hover,
#podkarpackie a:focus{
	background: url(../images/poland-map.png) no-repeat -185px -1387px;
}

#podkarpackie a span{
	left:3px;
	top:20px;
}
#podkarpackie-details{
	top:-2em;
	left:-28em;
}




/*  STRONA FIRMY - WIZYT�WKA */

.company-col-left {
width: 440px; float: left; 

}

.company-col-right {
width: 325px; float: right;}

.company-col-left h1 {
display: block;  width: 450px; float: left; margin: 0 0 12px 0;
font-size: 1.2em; color: #1a1a1a; font-weight: bold;}


.company-col-left h1 img {
float: left;
width: 150px; height: 75px;
margin: 0 12px 0 0;
}

.company-col-left dt {
float: left; width: 150px; margin: 0 0 0 0; text-align: right; clear: both; font-size: 0.8em;}
.company-col-left dd {float:right; padding: 0; margin: 0 0 0 10px; width: 260px; font-size: 0.8em;}
.company-col-left a { text-decoration: none; color:#441e09; }
#companyCategories {line-height: 1.4em; color: #222222; width: 280px; }
#companyDescription dt {font-weight: bold;}
#companyDescription dd {display: block; width: 280px;}
#companyContact dd { width: 280px; right: left; line-height: 1.8em; }
#companyContact dt {line-height: 2em; min-height: 100px;}
#compCatList dt {font-weight: bold;}

.emptyProducts {
 position: absolute; color: #333333; top: -3px; left: 0; font-size: 10px; padding: 3px; background: #f4f4f4; border: 1px solid #eeeeee;
 display: block;
}
#companyProducts {
float: left; width: 300px; 
}
#companyProducts .product{
margin: 0 15px 15px 0; 
}
#companyProducts .add {font-size: 11px; color: #FF7E00; float: left; background: url(../images/bulletStone.gif) 0 0 no-repeat; padding: 3px 0 0 23px; height: 18px;}
#otherProducts .add {font-size: 11px; color: #FF7E00; margin:3px 0 0 22px; width:130px; float: left; background: url(../images/bulletStone.gif) 0 50% no-repeat; padding: 0 0 0 25px;}
#companyProducts dt, #companyTranslate dt, #messageCompany dt {margin: 0 0 5px 0; font-size: 11px; font-weight: bold; color:#000;}
#companyPhotos {float: left;}
#companyPhotos a {position: relative; float: left; margin: 0 6px 3px 0;}
#companyPhotos a img {border: 1px solid #eeeeee; padding: 2px;}
#companyPhotos a:hover img {border: 1px solid #fd6a08;}
.clickHere {display: block; width: 47px; height: 50px; position: absolute; float: left; z-index: 5000; top: 20%; left:35%; background: url(../images/lupa.png) no-repeat 0 0; text-indent: -9999px;}
.seeProduct {display: block; width: 48px; height: 48px; position: absolute; float: left; z-index: 5000; top: 10%; left:35%; background: url(../images/strzalki.gif) no-repeat 0 0; text-indent: -9999px;}


/*  

////////////////////////////////////
STRONA PRODUKTU 
////////////////////////////////////

*/
.productColRight {width: 580px; float: right; margin: 0 0 0 10px;}
.productColLeft {width: 201px; float: left;}

#companyInfoShadow {
background: url(../images/companyInfoShadow.gif) 0 0 no-repeat;
padding: 10px 0 0 9px; float: left;
}


.contactInfo li {font-size: 11px; color:#666666; line-height: 16px;}
.contactInfo {float: left; width: 180px; font-size: 11px; margin: 0 0 0 7px; }
.contactInfo a {color:#fd6a08;}
.companyInfo .product {margin: 3px 3px 6px 26px;}
.logoProductPage {margin: 0 0 5px 5px; float: left;}
.companyInfo{
border: 1px solid #e7e7e7; background:#f9f9f9;
width: 190px; margin: 0 0 10px 0; padding: 6px 3px;
font-size: 11px; float: left;
}
#visitCompanyBox a, #sendEmailBox a {padding: 7px 0 7px 32px; color:#fd6a08}
#visitCompanyBox, #sendEmailBox {border: 1px solid #e7e7e7;
width: 190px; margin: 0 0 10px 0; padding: 6px 3px;
font-size: 11px; float: left;}
#sendEmailBox {background:#f9f9f9 url(../images/sendEmail.gif) 0 0 no-repeat;}
#visitCompanyBox {background:#f9f9f9 url(../images/visitCompany.gif) 0 0 no-repeat;}

#otherProducts {width: 178px; float: left; color:#666666;}
#otherProducts dt {margin: 0 0 5px 24px;}

#ProductDescp {width: 245px; height: 160px;}
.hdLarge {
font-size: 1.2em;
font-weight: bold;
}

#productContent {
padding: 5px;
float: left;
font-size: 0.9em;
color: #515151;
line-height: 1.6em;
}
#productContent .gallery {width: 450px; float: left; margin:10px 0 0 0; padding: 20px 60px 10px 60px; background:#f5f5f5;}
#productContent .gallery img {float: left; margin: 0 5px 0 0;}
#productTabs {float: right; margin: 13px 0 0 0; width: 350px;}
#productTabs p {font-size: 0.9em;}
#productContent h1{
font-size: 1.3em;
font-weight: bold;
}

.catalogPosition {
margin: 5px 0 0 0;
color: #6e6e6e;
font-weight: bold;
font-size: 0.9em;

}

.catalogPosition a  {
color: #6e6e6e;
font-weight: normal;
text-decoration: none;

}

#formAddNewProduct label {width: 75px; padding: 2px 0; float: left; }
#formAddNewProduct	input.error { border: 1px solid red; width: 140; height: 20px }
#formAddNewProduct	select.error { border: 1px solid red;  }
#formAddNewProduct	label.error {
		background: url('../images/unchecked.gif') no-repeat;
		padding-left: 16px;
		margin-left: .3em;
}
#formAddNewProduct	label.valid {
		background: url('../images/checked.gif') no-repeat;
		display: block;
		width: 16px;
		height: 16px;
}

/*  

////////////////////////////////////
KATALOG - WYNIKI 
////////////////////////////////////

*/

#breadcrumbs {
float: left; background: url(../images/breadcrumbsBg.gif) repeat-x 0 0; width:977px; height:24px; font-size: 0.7em;
margin: -10px 0 0 0; padding: 3px 0 0 13px; z-index: 9; position: relative; color: #2f2f2f;
}

#breadcrumbs a {color:#2f2f2f;}

.searchHeader {
	float: left; width: 800px; padding: 5px 0 5px;
	
}
.searchHeader span {margin: 3px 0 0 0; float: left; font-size: 14px; color: #6D6D6D;}
#hdKatalogFirm  {
float: left; display: inline;
background: transparent url(../images/hdKatalogFirm.gif) no-repeat 0 0;
width:100px; height: 20px;
margin: 0 20px 0 4px;
text-indent: -2220px;
}

#hdKatalogProduktow  {
float: left; display: inline;
background: transparent url(../images/hdKatalogProduktow.gif) no-repeat 0 0;
width:154px; height: 20px;
margin: 0 20px 0 4px;
text-indent: -2220px;
}

.catalogItem {
float: left;
height: 90px; width: 775px;
border-top: 1px solid #b3b3b3;
font-size: 0.8em;
margin-left: 4px;

}

.freeInfo {color:#b9b9b9; display: block; width: 170px; float: left;}

.catFreeItem {
	float: left; height:10px; width:775px;
	border-top: 1px solid #b3b3b3;
	font-size: 11px;
	margin-left: 4px;
	padding: 5px 0;
	height:40px;
}
.catFreeItem p {font-size:11px;}
.catFreeItem td {vertical-align: top;}
.catFreeItem strong {font-weight: bold;}
.catFreeItem a {color:#000000; text-decoration: none;}
.freeInfo {padding: 10px 0 0 0;}

.catFreeDetails {
	float: left; width:300px; 
	
}


.productsPagination {float: right; margin: 20px 20px 0 0; width: 700px; font-size: 10px; text-align:right;}
.productsPagination a {color: #333333;}
.pagesDetails {float: right; color:#474747; margin: 0 0 0 20px;}
.pagination {
float: right; height: 25px; width: 500px;
}

.pagination a {
text-decoration: none;
color: #404040;
padding: 4px 0 0 0;
float: left;
}

.pagination li {float: left; margin: 0 0 0 10px; }

.pagination span {float: left; font-weight: bold; margin: 2px 0 0 0;}

.chooseRegionForm {
float: left; 
}

.catalogItem h2 {
float: left; width: 600px;
font-size: 1.1em; font-weight: bold; margin: 2px 0 0 0;
}

.catalogItem h2 a {
font-size: 1.1em; font-weight: bold; margin: 2px 0 0 0;
text-decoration: none; color: #222222;
}

.catalogItem dl {color: #585858;
float: left; width:250px; line-height: 1.5em; }
.catalogItem a {color: #777777;}
.phoneNumber {background: url(../images/lilPhoneIcon.gif) no-repeat 0 50%; padding: 0 0 0 10px;}
.emailAdress {background: url(../images/lilEmailIcon.gif) no-repeat 0 50%; padding: 0 0 0 10px;}

.catalogItem .logo img {
float: left; margin: 8px 15px 0 0; width:150px; height: 75px;
}

.prodMinWrap {text-align:center; width: 111px; background: url(../images/prodMin.jpg) no-repeat 0 2px; float: left;}
.catalogItem .productMin img {
max-height:86px; margin: 2px 0 0 0;
max-width:115px;
}
.catalogItemDetails {float: right;  width:610px;}
.catItemDetProd {float: right;  width:650px;}
.catalogItem p {width: 350px; float: left; color: #444444;}
.catalogItem p a {color: #444444;}
.wizytowkaLink a {color:#e54b18; background: url(../images/lilWizytowkaIcon.gif) no-repeat 0 50%; padding: 0 0 0 15px; }
.featured {background: #fff8d9;}
#noCompanies {
	margin: 5px 0 5px 10px; border: 1px solid #efefef; color:#6d6d6d;
	float: left; width: 675px; background:#f8f8f8 url(../images/warningIcon.jpg) no-repeat 0 0; padding: 15px 17px 15px 80px;
}
#noCompanies span {
	padding: 5px 0 0 0;
	display: block; font-size: 0.8em; color:#b1b1b1;	
}

#catalogTop {float: left; min-height: 30px; padding: 10px 0 0 0; width: 780px; color:#333333; }
#catalogTop span {float: left; margin: 3px 5px 0 0;}
.sortingOptions {float: right; font-size:10px; width:370px;}
.sortingOptions2 {float: right; font-size:10px; width:370px; margin: 0 16px 5px 0;}
.sortingOptions2 span {margin: 3px 0 0 0; float: left;}
/*  

////////////////////////////////////
encyklopedia kamienia
////////////////////////////////////

*/
.rodzajKamienia {float: left; width: 309px; padding: 2px; background: #f0f0f0; margin: 0 10px 8px 0; font-size: 10px; color:#333333; line-height: 17px; solid #cecece;}
.rodzajKamienia dt {float: left; margin: 0 5px 0 0; color:#373737; font-weight: bold;}
.rki {float: left; background:#fff; margin: 0 5px 0 0; width:150px; height: 150px; position: relative; border: 1px solid #dbdbdb; padding:2px;}
.rodzajKamienia h3 a {float: left; font-size: 11px; text-decoration:none; color:#fff; background: url(../images/trans.png); position: absolute; bottom:2px; left:2px; width:140px; padding: 2px 5px;}
.rodzajKamienia .sel {display: none;}
.rk em {font-size:9px;}
.rk h2 {font-weight: bold; color:#444444; margin: 0 0 5px 0; display: block; width: 700px; float: left;}


pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}





/*  */

#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

#articlesH {
	float: left;
	width: 280px; 
	padding: 2px 0 3px 3px;	
	margin: 0 0 20px 0;
	border: 1px solid #efefef; -moz-border-radius: 4px;
-webkit-border-radius: 4px;
 -webkit-border-radius: RADIUS;    
    -moz-border-radius: RADIUS;

}
#articlesH img {float: left; margin:0 3px 3px 0;}
#articlesH a {
	display: block;
	padding: 0 0 0 13px;
	margin: 5px 0 5px 6px;
	clear: both;
	color: #585858; text-decoration: none;
	background: url(/../images/icoArticleLink.gif) 2px 50% no-repeat;
	font-size: 10px;
	width:250px;
	float: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#articlesH h1 a {
	padding:0; margin:0; background:none; 	
}


.date {float: right; color:#fe6b09; margin: 10px 0 0 0;}


#preg {float: left; border:1px solid #e6e6e6; padding:10px; width:450px; margin: 15px 0 0 0;
font-size:10px; color:#8b8b8b;
}
#preg a {color:#cc8702;}



#articlesH a:hover {
	background: url(/../images/icoArticleLink.gif) 0px 50% no-repeat;

}

#polecamy {
	float: left; height:10px; 
	font-size:10px;
	margin: 0 0 0 20px; 
	width: 430px;
}
#polecamy a {margin: 0 0 0 3px; color: #f14c0a; text-decoration: none;}
#polecamyLi {float: right;}
#polecamyLi li {float:left;}
/*  

////////////////////////////////////
STRONA ARTYKU�U 
////////////////////////////////////

*/
.art { color:#444444; float: left;}
.art p {
	margin: 0 0 10px 0;
	line-height: 19px;
	font-size: 12px; 
	
	
}

#artIndex {
float: left;	
	
}

.artSingle {float: left; width: 780px; padding: 5px; margin: 0 0 10px 0; border-bottom: 1px solid #efefef;}
.artSingle img {float: left; width: 130px; height: 90px; padding: 2px; border: 1px solid #efefef;}
.artSingle a {color: #fd6a08;}
.artSinWrap {float: left; width: 620px; margin-left: 15px;}
.artSingle h2 a {float: left; font-family: Georgia; font-size: 13px; margin: 0 0 10px 0; width: 550px; font-weight: bold;}
.artSingle span {float: right; font-size: 9px; color:#e7650e}
.artSingle p {display: block; float: left; width:620px; }
.tags {float: left; font-size: 10px; margin:10px 0 0 0; color:#747474; font-size:9px; min-width: 500px;}

#articleEv {float: left; width: 780px;}
.artGallery img {max-width:200px;}
.firstArtImage {max-width:220px; 0 15px 3px 0}
#articleEv p {
	float: left;
	font-size: 13px; line-height: 21px;
	color:#434343;
	margin: 0 0 10px 0;
}
#articleEv img {
     padding: 5px; margin: 15px 15px 15px 0; background:#dfdfdf; border:1px solid #cdcdcd;
}

#articleEV table {border: none;}
#articleEv td {}

#articleEv h1 {
	font-size: 22px; margin-top: 5px; font-family: Georgia;;
}
#articleEv h2 {
	font-size: 16px; font-weight: bold; float: left; width:740px; margin: 10px 0 5px 0; color:#f14c0a; font-family: Georgia;
}
#articleEv h3 {font-size:15px; font-weight: bold; margin: 10px 0 5px 0; color:#f14c0a; font-family: Georgia; }

#artMenu {float: left; width: 640px; height:47px; background: url(../images/tabCorner.png) no-repeat 100% 8px;}

#artMenu ul {float:left;}
#artMenu li {float: left;}
#artMenu li a {
float: left; width:133px; height:26px;
background: url(../images/tabO.png) no-repeat 0 0;
padding: 17px 0 0 10px; text-decoration: none; color:#727272;
}
#artMenu li a:hover {
background: url(../images/tabH.png) no-repeat 0 0; color:#444444;
}
#artMenu .hovered {background: url(../images/tabH.png) no-repeat 0 0; color:#444444;}

.art dl {margin: 0;}
#article a {color:#f14c0a;}
.linki {display:block; float:left; min-width:400px; clear:left; margin: 10px 0 0 0; }
#article dt {font-weight: bold; color:#444444;}
#heading h1 {font-size: 20px; font-weight:normal; margin-top: 5px; letter-spacing:0.3px; font-family: Georgia; color:#555555; float: left;}
.art h2 {font-size: 16px; font-weight: bold; float: left; width:740px; margin: 10px 0 5px 0; color:#f14c0a; font-family: Georgia;}
.art p {float: left; width: 740px;}
.art .linki {float: left; width: 750px;}
.art .galleryRight {float: right; width: 330px;}
.art em {font-size:9px; color:#c5c5c5; float: left;}
#article {float: left; width: 750px; margin: 0 0 0 15px;}
#article img {padding: 5px; margin: 0 15px 3px 0; background:#dfdfdf; border:1px solid #cdcdcd;}
#article .right {margin: 0 0 10px 15px;}
#heading {float: left; margin: 0 0 5px 0; width: 750px;}
.resized {height: 110px; padding: 5px; margin: 0 15px 3px 0; background:#dfdfdf; border:1px solid #cdcdcd;}
.firstImage {float: left; width: 200px;}
.firstImagePadding {padding: 10px; margin:0 10px 10px 0;  background:#dfdfdf; border:1px solid #cecece}
#firstArt {background: none; line-height: 14px; padding-top: 2px;}
#firstArt img {float: left; width: 70px; margin: 0 5px 0 0; padding: 2px; background:#dfdfdf; border:1px solid #cdcdcd;}
#articlesH #firstArt {
background: none; padding-left:0; margin-bottom: 0;
!important;
}

.art .image {float: left; padding: 5px; background:#333; border:1px solid #444;}
.art .gallery {display: block; float: right; width:700px;}
.pshort p {float: left; width:400px;}

.products-1-col {
width:130px; float: right; margin: 0 15px 0 0;}
#article .logo img {margin: 0 30px 0 30px; display: inline;}
#articleSignature {float: right; width: 200px; font-size: 0.8em; margin: 0 0 15px 0;}
#articleSignature h6 {font-style: italic;}
#articleSignature a {text-decoration: none; color:#777777;}
#articleAds { float: left; width: 100%}


/*  
////////////////////////////////////////////////////////////////////////
////////////////////////////////////
ADMIN 
////////////////////////////////////
////////////////////////////////////////////////////////////////////////
*/

/*adminMenu*/
.topmenuul{
	list-style-type:none;
	margin:0;
	padding:0;
}

.topmenuli{
	list-style-type:none;
	float:left;
}

.topmenutitle{
	display:block;
	width:100px;
     color:#404040;
}

#logoutLink {float: right; margin: 0 20px 0 0;}

.submenuul{
	list-style-type:none;
	position:absolute;
	margin: 0;
	padding:0;
	display:none;
}

.submenuli a{
	display:block;
	width:180px;
    color:#f75e1b;
}

li:hover ul , li.over ul{ 
	display: block;
}

#dmenu li>ul { 
	top: auto;
	left: auto;
}

#content {
	clear: left;

}



#dmenu {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:12px;
}

.topmenuul {
	
}

.topmenutitle {
	text-indent:3px;
	text-decoration: none;
	border:1px solid #c7c7c7;
	padding:3px;
	line-height:14px;
    margin: 0 0 0 20px;
}

.submenuul {
	margin-top:-1px;
    margin-left: 20px;
	background-color:#f5f5f5;
	background-position: top left;
	background-repeat: repeat-x;
	border-top:1px solid #c7c7c7;
	border-bottom:2px solid #ff7e00;
	border-right:2px solid #ff7e00;
	border-left:6px solid #ff7e00;

}

.submenuli a{
	padding:3px;
	text-decoration: none;
	color: #000000;

}

.submenuli a:hover{
	text-decoration: none;
	background:#f75e1b;
	color: #FFFFFF;
}


/* koniec adminMenu*/


#wideContent {
width: 970px;
padding:0 0 20px 10px;
float: left;
    
}


#editMenu {height: 30px; background: #f5f5f5; margin: 10px auto; border-bottom: 1px solid #ff7e00;  width: 95%; text-align: center; padding: 10px 0 0 0; }
#adminPanel a {color:#404040; margin: 0 0 0 6px;}


#adminPanel th {
    font-weight: bold;
    padding: 0 0 10px 10px;
       
}
#adminPanel {margin: 0 auto 100px auto; width: 90%; font-size: 0.9em;}
#adminPanel tr {border-bottom: 1px solid #e5e5e5;}
#adminPanel td {
    padding:3px 0 3px 10px;
    
}

#ccode2 {display: none;}


#adminPanel .userName {
    width: 200px;   
}

.row {float: left; margin: 0 0 10px 0; width: 100%;}
.rowBlock {display: block; float: left; width: 450px; margin: 0 0 10px 0; padding: 3px; border: 1px solid #dadada; background: #eeeeee;}

.formWraper {width: 460px;  display: block; margin: 25px 0 30px 50px; font-size: 0.8em; float: left; }
.formWraper input {float: right; width: 250px;}
.formWraper #CompanyDescp {width: 250px;}

#companyPhotos {
margin: 3px 0 20px 0;
}

#formAddNewCompany input, #formAddNewCompany select, #formAddNewCompany textarea {
    float: right;
}

#formAddNewCompany .opisFirmy textarea {
width: 350px;
}

.companyOptionsWraper {
float: left; width: 200px; height: 700px; margin: 0 0 0 20px; 
}
.companyOptionsWraper a {float: left; width: 150px; height: 20px; padding: 10px; background: #f3f3f3; border: 1px solid #dfdfdf; 
color: #252525; font-weight: bold; margin: 0 0 10px 10px;}
.companyOptionsWraper a:hover {background: #d8d8d8;}
.adminTitle {display: block; height: 20px; margin: 0 0 5px 25px; font-weight: bold; }

.errorText {
display: block; clear: both; color: red; font-weight: bold; border-top: 1px solid #cf0000; border-bottom: 1px solid #cf0000;  background: #f2cece; width: 85%; padding: 10px; margin: 0 auto 20px auto; text-align: center;
}
.okText {
  display: block; clear: both; color: green; font-weight: bold; border-top: 1px solid #a8a8a8; border-bottom: 1px solid #a8a8a8;  background: #d8f2ce; width: 85%; padding: 10px; margin: 0 auto 20px auto; text-align: center;
}
.error-message {font-size: 10px; color:#ec0000; padding: 10px 0 0 0;}


#formChangePassword label {width: 75px; padding: 2px 0; float: left; }
#formChangePassword	input.error { border: 1px solid red; width: 140; height: 20px }
#formChangePassword	label.error {
		background: url('../images/unchecked.gif') no-repeat;
		padding-left: 16px;
		margin-left: .3em;
	}
#formChangePassword	label.valid {
		background: url('../images/checked.gif') no-repeat;
		display: block;
		width: 16px;
		height: 16px;
	}



#UserLoginForm {width: 390px; float: left; color:#6D6D6D; margin-top:10px; }
#UserLoginForm label {width: 75px; padding: 2px 0; float: left;}
#UserLoginForm input {width: 170px; padding: 2px 0; float: left;}
#UserLoginForm .btnLogIn {width:96px; margin: 0 0 0 155px; clear: both;}
#UserLoginForm .rememberChb {width: 10px; float: right; margin: 0 190px 0 0;}
#UserLoginForm .rememberMe label {float: left; width:180px; font-size: 11px;}
#UserLoginForm .remindMe a {color:#FF7E00; font-size: 11px; bottom:20px; position: absolute}
#loginLogos {float: left; margin: 5px 0 0 10px; width: 540px; }
.randomLogos .logo {float: left; margin: 0 10px 5px 0;}
#registerContentTop {
   background: url(../images/registerTop.jpg) no-repeat 0 0;
   height: 221px;
   }
.registerInfo {color: #6F6F6F; font-size: 1em; line-height:1.5em; padding: 0 0 0 10px;}
.registerInfo ul {padding: 0 0 30px 10px;}
.registerInfo strong {font-weight: normal;font-size:11px;}
#contactContent {
    width: 784px; 
    float: left;   
}

#contactContentTop {
   background: url(../images/contactTop.jpg) no-repeat 0 0;
   height: 221px;
   }
#contactContentMiddle {
      background: url(../images/contactMiddle.gif) repeat-y 0 0;
   min-height: 300px;  
 
} 
#contactContentBottom {
      background: url(../images/contactBottom.gif) no-repeat 0 0;
   height: 24px;   
}   

#contactColLeft { width: 300px; margin: -140px 0 0 20px; min-height: 300px; float: left; }
#contactColRight {width: 400px; margin: -110px 0 0 30px; float: left; display: inline;}
#contactForm .row, #registerForm .row {
	margin:0;
	padding: 8px 0 10px 10px;
}
#registerForm span {color:#939393; font-size:10px;}
#CompanyDescp {width: 400px;}

.error {color:#e73c00;}
.highlight {background: #e8e8e8;}
.dataContact {
  width: 290px; float: left;   
}

.dataContact a {
  color: #6f6f6f;   
}
.dataContact table {
font-size: 1em; color: #6f6f6f;   
line-height: 15px;  
}   
.dataContact td {
padding: 0 0 10px 10px;   
} 
#userPanelTop a {float: right; color:#FD6A08; font-size: 10px; font-weight: bold; margin: 15px 20px 0 0;}
#userPanelTop {float: left; background: url(../images/userPanelTop.jpg) no-repeat 0 0; height:68px; width: 787px;}
#userPanelMiddle {float: left; background: url(../images/userPanelMiddle.gif) repeat-y 0 0; min-height:268px; width: 787px; padding: 0 0 0 2px;}
#userPanelBottom {float: left; background: url(../images/userPanelBottom.gif) no-repeat 0 0; height:11px; width: 787px;}
#userPanelTop strong {float: left; margin:25px 0 0 80px; color: #ffffff; font-size: 11px;}
#userMenu {float: left;}
#userMenu a {display: block; width: 163px; height: 25px; margin:5px 0; color:#666666; padding: 15px 0 0 50px;}
#userMenu a:hover {background: #f4f4f4; padding: 15px 0 0 50px;}
#userMenu .current {background: #fff; }
#userContent {width: 550px; float: right; margin: 0 10px 0 0; color:#666666; position: relative;}
#buyProduct a, #tabKonWrap a {color:#FD6A08;}
#buyProduct p, #tabKonWrap p {margin: 0 0 15px 0; display: block;}
#buyProduct span, #tabKonWrap span {font-size:10px; color:#818181;} 
#myProducts {display: block;}
#myProducts .add {float: right; margin: 0 210px 0 0; color:#FF7E00; font-size:11px;}
#myProducts dt {margin: 0 0 10px 0; display: block;}
.myProduct {width:250px; float: left; background:#f8f8f8; border: 1px solid #d9d9d9; margin: 0 10px 10px 0; padding: 5px;}
.myProductOptions {font-size: 11px;}
.myProductOptions .addNew {color:#FF7E00; text-decoration: underline}
.loadingPhoto {float: left; background: url(../images/ajax-loader.gif) 0 20% no-repeat; padding: 0 0 0 25px;}
.myProductOptions a {display: block; padding: 0 0 10px 5px; float: left; width:100px;}
.myProductOptions p {padding: 0 0 0 5px; font-size: 10px; float: left; width: 90px;}
.myProductOptions p a {display: inline; padding: 0; font-size:10px; font-weight: bold; float: none; color:#666666; text-decoration: none;}
#companyTranslate {float: left; margin: 0 0 10px 0; background: #F9F9F9; border:1px solid #E7E7E7; padding: 5px; width: 310px;}
#companyTranslate input {float: left; margin: 0 5px 0 0;}
#messageCompany {}
#messageCompany #contactForm {width:300px;}
#messageCompany, #messageContact { font-size: 0.8em; color: #6f6f6f; float: left;}
#messageCompany a {color:#FD6A08; display: block; padding: 5px 0;}
#messageCompany {background: #F9F9F9; border:1px solid #E7E7E7; padding: 5px; width: 310px; margin: 0 0 10px 0; }

#messageCompany dd {display: none;
}
#messageCompany dt {margin:0;}
#messageCompany label {
width: 270px; float: left;
}
#messageCompany input{
width: 210px; float: left; margin: 5px 0 0 0;
}
#messageCompany .btnSend {
width: 100px; height: 34px; margin: 0 0 0 127px;
}
#messageCompany legend {
display: none;
}
#messageCompany textarea{
float: left; width: 270px; height: 90px; overflow: auto;
}
#messageContact  textarea{
float: left; width: 270px; height: 90px; overflow: auto;
}

#messageContact label {
width: 250px; float: left;
}
#messageContact input{
width: 290px; float: left; margin: 5px 0 0 0;
}
#messageContact .btnSend {
width: 100px; height: 34px; margin: 0 0 0 177px;
}
#messageContact legend {
display: none;
}

#messageContact  textarea{
float: left; width: 290px; height: 90px; overflow: auto;
}

#aboutPortal  {
float: left; width: 279px; height: 150px; padding: 60px 10px 0 0;
background: url(../images/aboutPortal.jpg) no-repeat 0 0;
color: #777777; font-size: 10px;
}
#aboutPortal p {
 font-size: 10px; padding: 5px 0 0 15px;
}
#aboutPortal dl {padding: 2px 15px;}
#aboutPortal dd {padding: 0 0 0 5px;}
#aboutPortal a {
float: right; font-size: 10px; color: #fd6a08; padding: 4px 4px 0 0;
 }
#companyEditForm {margin: 0 0 0 25px;}
#companyEditForm label, #companyEditForm input {width: 300px; display: block;}
#companyEditForm label {font-size: 0.8em;}
#companyEditForm .btnSave, #btnSave {width: 96px;}

.googlemapBIG {
	width: 800px; 
	height: 600px;
	background: url('../images/loader.gif');
	background-repeat: no-repeat; 
	background-position: center;
}

.googlemapCompany{
	width: 420px; 
	height: 300px;
	background: url('../images/loader.gif');
	background-repeat: no-repeat; 
	background-position: center;
	float: left;
	margin: 0 0 0 10px;
}
.hdMap {font-size:11px; float: left; margin: 0 0 10px 50px; display: inline;}
.companyLoc {
	float: left; background: url('../images/logoMini.gif') 0 0 no-repeat; padding: 16px 0 0 3px;
}  
.companyLoc h4 {font-weight: bold;}
 
 
 /*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../cbImages/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../cbImages/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../cbImages/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../cbImages/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../cbImages/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../cbImages/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../cbImages/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../cbImages/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../cbImages/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../cbImages/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../cbImages/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../cbImages/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../cbImages/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../cbImages/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../cbImages/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../cbImages/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../cbImages/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../cbImages/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../cbImages/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../cbImages/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../cbImages/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../cbImages/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}



/**************************************************************

	SlideShow
	v 1.3

**************************************************************/

.slideshowContainer {
	width: 440px;
	height: 332px;
	position: relative;
	margin-bottom: 6px;
	background: url(../images/galleryBg.jpg) 0 0 no-repeat;
}
.slideshowContainer img {
top: 5px; left: 5px; position: absolute;
border: 1px solid #fff;
float: left;
}

.loading {
	background: url(../images/loading.gif) center no-repeat;
}

.slideshowThumbnail {
	outline: none;
}

.slideshowThumbnail img {
	border: 1px solid white;
	padding: 4px;
}

a:hover.slideshowThumbnail img {
	border: 1px solid #ccc;
	padding: 4px;
}

.current img {
	border: 1px solid red;
	padding: 5px;
}

.outline {
	border: 1px solid #ffa800;
	z-index: 0;
	position: absolute;
}

#thumbnails {
	/*width: 130px;
	float: left;*/
}

/*************************************************************/

#fileQueue {
	width: 400px;
	height: 300px;
	overflow: auto;
	border: 1px solid #E5E5E5;
	margin-bottom: 10px;
}

.uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-top: 5px;
	padding: 10px;
	width: 350px;
}
.uploadifyError {
	border: 2px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	width: 1px;
	height: 3px;
}