/*
pomarańcz	#FF7700
szary		#999999
c.szary		#666666
j.szary		#DDDDDD
b.j.szary	#EEEEEE
*/


body {
 margin:0px; 
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
/* font-size: 62.5%;	Odpowiada 1em = 10px */
 font-size: 76.95%;
 font-weight: normal;
 color: #666666;
 line-height: 1.4em;
 background: none;
}

p {
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 font-size: 1.2em;
 font-weight: normal;
 color: #666666;
 line-height: 1.4em;
 margin: 2px 0px;
}

h1 {
 margin: 0px 0px 10px 0px;	/* top right bottom left */
 font-size: 1.4em;
 font-weight: normal;
 color: #FF7F00;
}

h2 {
 margin: 0px 0px 5px 0px;	/* top right bottom left */
 font-size: 1.2em;
 font-weight: normal;
 color: #FF7F00;
}

h3 {
 margin: 0px;
 font-size: 1.2em;
 font-weight: normal;
 color: #FF7F00;
}

h4 {
 margin: 0px;
 font-size: 1.2em;
 font-weight: normal;
 color: #999999;
}

td {
 font-size: 1.2em;	
}

td label {
 font-size: 0.83em;
}

li {
 font-size: 1.2em;
 line-height: 1.4em;
}

.small {
 font-size: 1em;
}

.customer_colour {
 color: #FF7F00;
}

.h4_colour {
 color: #999999;
}



#contentpage {
 margin: 0 auto; 
 width: 100%;
}

#content {
 width: 100%;
 float: left;
 background-color: white;
}


.search	{
 color: #AAAAAA;
 background: url(/images/lupa.gif) no-repeat right;
}
.searchon{
 color: #666666;
}

.formfield	{ font-family: Verdana; border: 1px solid #666666; padding: 2px; background-color: #FFFFFF; color: #666666; vertical-align: bottom; }
.formbutton	{ font-family: Verdana; border: 1px solid #666666; padding: 2px; background-color: #DDDDDD; color: #666666; vertical-align: bottom; }
.calcvalue	{ width:89px; text-align:right; border:0px; padding:1px 2px; vertical-align: baseline; }


.hline {
 margin: 15px 0px; 
 width: 100%; 
 height:1px;
 text-align:center;
}



/* Header */

#header {
 width: 100%;
 background-color: #FFFFFF;
 text-align: left;
 height: 90px;
}

#headerflags {
 height: 15px;
 padding: 10px 10px 15px 0px;
}

#headerflags a { color: #FF7F00; text-decoration: none; font-weight: bold; }

#headerflags img {
	width: 1.75em;
	height: 1.2em;
}

#headermenu {
 padding: 0px 10px 10px 0px;
 font-size: 1.4em;
 font-weight: normal;
 color: #999999;
}

#headermenu a:link		{ color: #666666; text-decoration: none; padding: 2px 4px; }
#headermenu a:visited	{ color: #666666; text-decoration: none; padding: 2px 4px; }
#headermenu a:active	{ color: #666666; text-decoration: none;  }
#headermenu a:hover		{ color: #FFFFFF; text-decoration: none; background-color: #FF7F00; }

#login_menu {
 padding: 0px 10px 10px 5px;
 font-size: 1.4em;
 font-weight: normal;
 color: #999999;
 margin-bottom:8px;
}

#login_menu a { color: #FFFFFF; text-decoration: none; padding: 2px 10px; background-color: #FF7F00; }




/* Footer */

#footer {
 width: 100%;
 height: 25px;
 background-color: #FFFFFF;
}




/* Home page */

#baner {
 background-color: #FFFFFF;
 width:100%;
}

.kolumna {
 text-align: left;
 padding: 5px 10px 5px 10px;
}

.kolumna ul {
 margin: 0px 0px 0px 15px;
 padding: 0px;
}

.kolumna ol {
 margin: 0px 0px 0px 7px;
 padding: 0px;
 list-style-type: none;
}

.kolumna li {
 margin: 0px;
}

.kolumna li.selected {
 color: #FF7F00;
}

.kolumna li.selected a {
 color: #FF7F00;
}

.kolumna a:link		{ color: #666666; text-decoration: none; font-weight: normal}
.kolumna a:visited	{ color: #666666; text-decoration: none; font-weight: normal}
.kolumna a:active	{ color: #666666; text-decoration: none; font-weight: normal}
.kolumna a:hover	{ color: #FF7F00; text-decoration: none; font-weight: normal}

.kolumna a.h1_box { 
 color: #FF7F00;
}




/* Oferta */

#main {
 width: 100%;
 background: none;
}

.kolumna_main {
 padding: 5px 10px 5px 10px;
}

.kolumna_main a:link	{ color: #FF7F00; text-decoration: none; font-weight: normal}
.kolumna_main a:visited	{ color: #FF7F00; text-decoration: none; font-weight: normal}
.kolumna_main a:active	{ color: #FF7F00; text-decoration: none; font-weight: normal}
.kolumna_main a:hover	{ color: #FF7F00; text-decoration: underline; font-weight: normal}

.special_offer {  
	margin: 0px 0px 15px 10px;
	float:right;
}
.special_offer a {
	padding: 2px 10px; 
	background-color: #FF7F00; 
	background-color: #EE0000; 
}
.special_offer a:link 		{ color: #FFFFFF; text-decoration: none; font-weight: bold; }
.special_offer a:visited 	{ color: #FFFFFF; text-decoration: none; font-weight: bold; }
.special_offer a:active 	{ color: #FFFFFF; text-decoration: none; font-weight: bold; }
.special_offer a:hover 		{ color: #FFFFFF; text-decoration: none; font-weight: bold; }


/* Produkty */

#produkty_main {
 margin: 15px 0px;
}

.produkty_main_img {
 width: 65px;
 height: 65px;
 border: 1px solid #EEEEEE;
 margin: 0px;
}

.produkt_main {
 float: left;
 margin: 0px 5px 5px 0px;
}



/* Produkt detail */

#product_main {
 width: 100%;
}

#product_main .kolumna {
/* width: 400px;*/
}

#product_main .kolumna_main {
 padding: 0px 0px 0px 110px;
}

#product_main .colours_img {
 cursor: hand;
 cursor: pointer;
 margin:5px 0px;
}


#product_main .product_img {
 width: 100px;
 height: 100px;
 border: 1px solid #DDDDDD;
}


#product_td td {
 padding-right: 10px;
}

/*.product_prices {
 width: 56px; 
 overflow: hidden; 
 padding: 0px 2px 2px 2px; 
 text-align: center;
 font-size: 10px;
}*/

#product_main .package_img {
 width: 60px;
 height: 60px;
 border: 1px solid #DDDDDD;
}

#product_main .a_packages {
 color: #666666;
}

.logistic_tr_out {
 background-color: #FFFFFF;
}
.logistic_tr_over {
 background-color: #F0F0F0;
}



/* Kalkulator */

#kalkulator_header_main {
/* min-height: 40px; */
}















/* Promotions */

.promotions_main {
 margin: 5px 0px;
}

.promotions_main a:link		{ color: #666666; text-decoration: none; font-weight: normal}
.promotions_main a:visited	{ color: #666666; text-decoration: none; font-weight: normal}
.promotions_main a:active	{ color: #666666; text-decoration: none; font-weight: normal}
.promotions_main a:hover	{ color: #FF7F00; text-decoration: none; font-weight: normal}

.promotions_main a:hover h2	{ text-decoration: underline; }

.promotions_main a.selected {
	color: #FF7F00;
}

#promotions_main .product_img {
 border: 1px solid #DDDDDD;
}

#promotions_main .hline {
 margin: 20px 0px; 
 width: 100%; 
 height:1px;
 text-align:center;
}

.promo_title {
	border: 1px solid #ccc;
	background: #f6f6f6;
	padding: 10px;
	margin-bottom: 10px;
}





/* Kontakt */

.contact_main {
 width: 100%;
 margin: 0px;
 float: left;
 line-height: 1.4em;
}

.contact_main img {
 border: 0px;
 padding: 0px;
 margin: 0px;
}

.contact_main a:hover h2	{ text-decoration: underline; } 







.active {
	border: 1px dashed red;
}

.hidden {
 visibility: hidden;
 height: 0px;
}

.none {
 display: none;
}