body{
margin:0;
padding:0;
line-height: 1.3em;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #432E69;
}
.clear { /* float clear */	
    clear:both;
    height:1px;
    overflow:hidden;
	 font-size: 1px;
  }
p{	margin: 6px 0;}
#HomePage p {	margin: 8px 0; font-size:12px; line-height: 16px;}
p.txt_justify{	text-align: justify;}
b{font-size: 110%;}
em{color: red;}
img {	behavior:	url("pngbehavior.htc");} /* IE png hack */
a {color: #3B285D;}
#MainContainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}
#HeaderMain,
#HeaderSzklo,
#HeaderLustra{
background: #FFF;
height: 160px; 
}
#HeaderMain{
/*
background-image: url(../img/bg_header.jpg);
background-repeat: no-repeat;
background-position: 180px 8px;
*/
}
#HeaderSzklo{
/*
background-image: url(../img/bg_header_szklo.jpg);
background-repeat: no-repeat;
background-position: 180px 10px;
*/
}
#HeaderLustra{
/*
background-image: url(../img/bg_header_lustra.jpg);
background-repeat: no-repeat;
background-position: 180px 13px;
*/
}
.winieta_pustak{
	margin:8px 0 0 180px;
}
.winieta_lustra{
	margin:13px 0 0 180px;
}
.winieta_szklo{
	margin:10px 0 0 180px;
}

#MenuBar {height: 37px; }

#Logotyp {float: left; width: 180px;}
#Logotyp a.srollover{
   display: block;
	width: 173px;
   height: 37px;
	background: url("../img/marglass_logo.gif") 0 0 no-repeat;
	text-decoration: none;

}
#Logotyp a:hover.srollover{
	background-repeat: no-repeat;
	background-position: 0px -37px;
}	
#SubMenu{
	padding-left: 180px;
}


#Content{
float: left;
width: 100%;
}

#LeftColumnFirma,
#LeftColumnSzklo,
#LeftColumnPustaki,
#LeftColumnLustra
{min-height: 320px; margin-top: 8px;}
#RightColumn,
#ContentColumn,
#ContentColumnLustra,
#ContentColumnSzklo
{min-height: 320px; margin-top: 8px;}


#ContentColumn{
margin: 8px 180px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
border-top:3px solid #CCCCCC;
background-image: url(../img/bg_middle.jpg);
background-repeat: repeat-x;
}
#ContentColumnLustra{
margin: 8px 180px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
border-top:3px solid #CCCCCC;
background-image: url(../img/bg_middle_lustra.jpg);
background-repeat: repeat-x;
}
#ContentColumnSzklo{
margin: 8px 180px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
border-top:3px solid #CCCCCC;
background-image: url(../img/bg_middle_szklo.jpg);
background-repeat: repeat-x;
}


#LeftColumnFirma,
#LeftColumnSzklo,
#LeftColumnLustra,
#LeftColumnPustaki
{
float: left;
width: 170px; /*Width of left column in pixel*/
margin-left: -840px; /*Set margin to that of -(MainContainerWidth)*/
background: #FFF;
}
#LeftColumnFirma{
border-top:3px solid #CCCCCC;
background-image: url(../img/bg_column.gif);
background-repeat: repeat-x;
}
#LeftColumnSzklo{
border-top:3px solid #CCCCCC;
background-image: url(../img/bg_szklo.jpg);
background-repeat: no-repeat;
}
#LeftColumnLustra{
border-top:3px solid #CCCCCC;
background-image: url(../img/bg_lustra.jpg);
background-repeat: no-repeat;
}
#LeftColumnPustaki{
border-top:3px solid #CCCCCC;
background-image: url(../img/bg_pustaki.jpg);
background-repeat: no-repeat;
}	

#RightColumn{
float: left;
width: 170px; /*Width of right column*/
margin-left: -170px; /*Set left margin to -(RightColumnWidth)*/
background: #FFF;
border-top:3px solid #CCCCCC;
background-image: url(../img/bg_column.gif);
background-repeat: repeat-x;
}

#Footer{
clear: left;
width: 100%;
background: #FFF;
color: #999;
text-align: left;
padding: 4px 0 4px 10px;
 font: normal 11px/22px Tahoma, Verdana, Arial, Helvetica, sans-serif;
 letter-spacing: 1px;
}
#Contact {
	width: 14px;
	float: left;
	margin: 0 10px 0 0;
	padding-top: 4px;
}
#Contact a.srollover{
   display: block;
	width: 14px;
   height: 13px;
	background: url("../img/koperta.gif") 0 0 no-repeat;
	text-decoration: none;
	overflow: hidden;

}
#Contact a:hover.srollover{
	background-repeat: no-repeat;
	background-position: 0px -13px;
}	

/*Margins for inner DIV inside each column (to provide padding)*/
.InnerContent{margin: 8px; margin-top: 0; }

/* Removing dotted 'active/focus' borders from inline links */
/* for browsers that understand */
.InnerContent a {outline:0;}
.InnerContent a:focus, .InnerContent a:active {background: none;}
/* lewa mapka */
#lokalizacja{margin: 20px 0 0 6px;}
#LeftColumnFirma span{	margin: 0 0 0 10px;}
#LeftColumnFirma a{	text-decoration:none;  color: #4B759E;}
#LeftColumnFirma a:hover{	text-decoration:underline;  color: #41688D;}

/* menu horizontal */
#NavContainer {
	width:660px;
	float: left;
	border-bottom:11px solid #B3B3B3;
	overflow: hidden;
	padding: 0 0 2px 0;
}
#NavContainer ul
{
padding: 0 0 0 0px;
margin: 0;
background-color: #38137A;
color: White;
float: left;
width: 100%;
 font-size: 12px;
font-family: arial, helvetica, sans-serif;
}

#NavContainer ul li { display: inline; }

#NavContainer ul li a
{
padding: 0.2em 1.0em;
background-color: #38137A;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #036;
}
#NavContainer ul li a#current
{
	color: #64B1AA;
	font-weight: bold;
}
#NavContainer ul li a:hover
{
background-color: #004D97;
color: #fff;
}

/* sub menu horuzontal  */
#SubMenu ul#BrandTypes {
	margin-bottom: 3px;
}
#SubMenu ul#Movies {
	margin-top: 3px;
}
#SubMenu ul#Movies img{
	margin-right: 2px;
}
ul.SubNavlist{
margin: 0;
padding: 0;
white-space: nowrap;
}

ul.SubNavlist li{
display: inline;
list-style-type: none;

}

.SubNavlist a { padding: 0px 10px 0px 0px; }
.SubNavlist a:link, .SubNavlist a:visited{
color: #432E69;
background-color: #FFF;
text-decoration: none;
}

.SubNavlist a:hover, .SubNavlist #CurrentSub{
color: #432E69;
background-color: #FFF;
text-decoration: underline;
}
/* lewa kolumna reklama */
#left_col_baner{
 margin: 0 0 10px 10px;
}
h4.nowosc{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#3A275C;
	margin: 20px 0 3px 10px;
	letter-spacing: 1px;
}
#url_show{margin: 0 0 3px 10px;}
#url_show a{	color: #707070; text-decoration: none; font-size: 12px;}
#url_show a:hover{	color: #432E69; text-decoration: underline;}

#movie_show{margin: 0 0 3px 0px;}
#movie_show a{	color: #707070; text-decoration: none; font-size: 12px;}
#movie_show a:hover{	color: #432E69; text-decoration: underline;}


/* pobierz pliki */
.download{
	font-size: 9px;
	margin: 0 0 14px 0;
}
#LeftColumnFirma .download a{
	font-size: 11px;
	color: #38137A;
	text-decoration: underline;
}
#LeftColumnFirma .download a:hover{
	color: #737373;
	text-decoration: none;
}
#LeftColumnFirma h4, #RightColumn h4, {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 10px 0 8px 0;
}
.download span{
	color: #828282;
	font-size: 9px;
}
.download img{
	margin-right: 3px;
}
.download div{
	line-height: 11px;
	margin: 3px 0 0 0;
}


/* prawa kolumn */
img#HeadSklep{	margin: 10px 0 0 0;}
#RightColumn h1 {
	font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0 10px 2px;
}
#BrickType {margin: 0 0 0 3px;}
#BrickType a{	color: #707070; text-decoration: none; font-size: 12px;}
#BrickType a:hover{	color: #432E69; text-decoration: underline;}
#BrickType span.producent{font-size: 9px; color: #A5A5A5; }
span.more{font-size: 13px;color: #432E69; font-weight: bold;}



#ContentColumn h1,
#ContentColumnLustra h1,
#ContentColumnSzklo h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #666;
	letter-spacing: 2px;
	margin-top: 8px;
	margin-bottom: 10px;
}
#ContentColumn h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 0.3em;
	margin-top:  0.9em;
	clear:both;
}
/* listy produktow*/
ul#ProductList a.underline{text-decoration: underline;}
ul#ProductList a.underline:hover{text-decoration: none; color: #616161;}

ul#ProductList {list-style-type: none;
margin-left: 0;
padding-left: 0;}

ul#ProductList li {font-weight: bold;
background-image: url(../img/square.gif);
background-repeat: no-repeat;
background-position: 0 .45em;
padding-left: 15px;
}

ul#ProductList li span  {	margin: 0 0 0 15px;}
ul#ProductList li span,
ul#ProductList ul.SubList li {	font-weight: normal; padding-left:0; background-image:none;}
ul#ProductList ul.SubList li {	margin: 0 0 0 15px;}
ul#ProductList ul.SubList{list-style-type: none;  margin: 0; padding: 0;}
ul#ProductList a{	text-decoration:  none;}
ul#ProductList a:hover{	text-decoration: underline;}

/* kontakt */
/* spam hide e-mail */
.backwards {unicode-bidi:bidi-override; direction: rtl;}
.adress, .phones {line-height: 1.4em;}
.adress {font-weight:bold;margin: 20px 0 0px 0; }
.phones{	margin: 9px 0 0px 0; }
.phones a{text-decoration: none;}
.phones a:hover{text-decoration: underline;}
img#lokalizacja_mapa{float: right; margin-top: 10px;}

/* galeria aranzacji*/
#GalleryNav {
	font-size: 10px;
	margin: 0 0 8px 0;
}
img.full_img{ border: 2px solid #CCC;}
img.th_img{ border: 1px solid #999;}
/* wiersz */
.GalleryRow{
padding: 0px;
margin: 0px;
}
.GalleryRow	li
{
display: inline;
list-style-type: none;
padding: 0px;
margin: 0px 8px 6px 0px;
float:left;
}
.GalleryRow	li img{
	width: 100px;
	height: 100px;
}
.kolor{
	margin: 6px 0 0 2px;
}
.kolor_title{
	font-size: 9px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #585858;
	margin-bottom: 6px;
}

/* baner na home page */
#dropin
{
	position:absolute;
	visibility:hidden;
	left:200px;
	top:80px;
	width:494px;
	height:334px;

}

#dropin a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #1B0A40;
	 letter-spacing: 1px;
	 font-weight: bold;
}

#dropin a:hover{
	color: #CC0000;
}
#dropin a span{
	color: #38137A;
	letter-spacing: 1px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
#dropin{
		/* background-color:#FFF; White background color for the message */
	
	/*border-bottom: 2px solid #666;
	border-right: 2px solid #666;	
	border-top: 2px solid #999;
	border-left: 2px solid #999;	
	*/
}
#x_cose{
	 text-align: right;
	 margin-top: 2px;
	 margin-bottom: 2px;
	 padding-right: 2px;
}


/* tabele z danymi*/
table.TableData{	border-collapse: collapse;	 color: #0B0B0B; width:100%;}	
table.TableData td{
padding:3px 3px 2px 3px; border: 1px solid #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.12em;
}	
td.Head {
	border: 1px solid #666;
	background-color: #D2D2D2;
	color: #444;
	padding:3px 3px 2px 3px;
	font-weight: bold;
	font-size: 10px;
}
dl {
	margin: 0; padding: 0;
}

img.LeftFloat{
	float: left;
	margin: 0 6px 2px 0;
	border: 1px solid #999;
}
img.ImgBorder{border: 1px solid #999; margin: 3px 0 0 0;}
.ReadMore{
	margin: 3px 0 6px 0;
}
.ReadMore a{
	color: #CC0000;
}
#ContentColumn ol 
{
padding-left:25px;
margin-left: 5px;
}
#ContentColumn ol li, #ContentColumn ol li.justify
{
margin-top: 6px;
}
#ContentColumn ol li.justify{
	text-align: justify;
}
#ContentColumn ol span{
	font-weight: bold;
	font-size: 12px;
	font-family:  Arial, Helvetica, sans-serif;
}
/* algorytm montażu*/
ul.Montaz{list-style-type: none;
margin-left: 0;
padding-left: 0;}
ul.Montaz li{
	clear: left;
	padding-bottom: 6px;
}
ul.Montaz li img
{
	float: left;
	margin: 0 6px 12px 0;
	border: 1px solid #999;
}
/*pustaki*/
/*lista*/
ul.ImagesCol{
	list-style-type: none;
	margin: 0; padding: 0;
}
ul.ImagesCol li{
	margin: 0 0 2px 0; padding: 0;
}
/*macierz*/
ul.pustaki, ul.pustaki_symbol {
	margin: 0; padding: 0;
}
ul.pustaki li{ 
list-style: none;
margin-right: 12px;
padding: 3px 0px 10px 0px; 
display: inline;
list-style-type: none; 
float:left; 
text-align:center;
display: inline;
color: #686868;
}
ul.pustaki li.netplus{ 
list-style: none;
margin-right: 16px;
padding: 3px 0px 5px 0px; 
display: inline;
list-style-type: none; 
float:left; 
text-align:center;
display: inline;
color: #333;
}
ul.pustaki li.netplus img{
	 border: 1px solid #999;
}
#content_netplus p{
	text-align: justify;
	 padding-right: 12px;
}
ul.pustaki li span{
	font-size: 9px;
}
#download img{
	margin: 0 3px 0 0;
}
#download a:hover{	 text-decoration: none;}
#download span{font-size: 9px;}
#download div{
	margin: 6px 0 0 0;
	font-size: 10px;
	line-height: 12px;
}

#show_licznik {
	margin: 10px 0 0 8px;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	color: #B7B7B7;
	 letter-spacing: 1px;
}


/* menu prawe filmy */
#rightmenu
{
padding-left: 0;
margin-left: 0;
padding-top: 0;
margin-top: 0;
border-bottom: 1px solid #CCC;
width: 152px;
}

#rightmenu li
{
list-style: none;
margin: 0;
padding: 0.25em 0;
border-top: 1px solid #CCC;
}

#rightmenu li a { text-decoration: none; }
#rightmenu li a:hover { text-decoration: underline; }

/* pustaki baza danych*/
.pustaki_thumb
{
padding: 0px;
margin: 0px;
clear: left;
}
.pustaki_thumb	li
{
display: inline;
list-style-type: none;
margin: 0px 10px 10px 0px;
float:left;
}
.pustaki_thumb	li div.image{
	padding: 6px;
background-color: White;
border: 1px solid #CCC;
width: 130px;
height:130px;
text-align: center;
}
.pustaki_thumb	li img{
 border: none;
}
.symbol{
	margin: 2px 0 2px 0;
}
.symbol span{
	font-size: 9px;
}
.kolor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin: 0;
	padding: 0;
	
	color: #787878;
}
.faktura{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
		margin: 0;
	padding: 0;
	letter-spacing: 1px;
}
select.type_select{
	width: 160px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:1px 0px;
	margin: 3px 4px 0 0;
}
input.show_items{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
span#set_faktura,
span#set_wymiar{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 168px;
	display: block;
	float: left;
}
form{
	margin: 0;
	padding: 0;
}
#ShowBar, #ShowBar span#wzor_pustaka{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-top: 16px;
}
#ShowBar span#wzor_pustaka{
	margin-right: 25px;
}
#ShowBar span,
#ShowBar span#faktura_pustaka{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}
#pustraki_tools{
	margin-bottom: 20px;
}
/* stronicowanie w pustakach */
.pageswitcher ul
{
padding: 0;
margin: 6px 0 16px 0;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
font-size:11px
}

.pageswitcher ul li { display: inline; }

.pageswitcher ul li a
{
padding: 0.2em 0.5em;
background-color: #38137A;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

.pageswitcher ul li a:hover,
.pageswitcher ul li.activepage a
{
background-color: #8F8F8F;
color: #fff;
}
.pageswitcher ul li.activepage a{
	font-weight: bold;
}