/* CSS Document */
body { margin:0px; padding:0px 10px 20px 0px; background:#ffffff url("images/bg_main.gif"/*tpa=http://promostars.com/images/bg_main.gif*/) repeat-x top }
body, input, textarea, select,div {  font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#898888; line-height:14px; }
a { color:#ff4a43; text-decoration:none }
a:hover { text-decoration:underline; }
ul { padding:0px; margin:0px;list-style-type:none;}
p { padding:8px 0px 8px 0px; margin:0;}
img {border:none; }
h2 { font-size:13px;color:#2f559f; }
table { border-collapse:collapse; }
hr { border:none; height:1px; border-bottom:1px solid #dcdcdc; }
form { margin:0px; padding:0px; }

div:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div {display:inline-table;}

/* Hides from IE-mac \*/
* html div{height: 1%;}
div {display: block;}
/* End hide from IE-mac */




#kontener { width:898px; margin:auto; }
#top { width:898px; height:61px; }
#top img { float:left; }

#lang { float:right; margin:28px 5px 0px 0px; }
#lang a { color:#2f559f; }
#lang li { display:inline;padding-right:10px; }

.przerwa { color:#b8d0ef; }

#menu { width:888px;height:38px;padding:10px 0px 0px 10px; background:#2f559f; }
#menu img { float:left;}

#flash_main { width:898px;height:361px; }
#flash2 { width:898px;height:157px; }

#bottom { width:898px;padding-top:5px; background:url("images/bottom_bg.gif"/*tpa=http://promostars.com/images/bottom_bg.gif*/) no-repeat bottom }
#b1 { width:346px; float:left; padding:10px 10px 0px 10px;}
#b2 { width:335px; float:left; padding:18px 10px 0px 10px;}
#b3 { width:147px; float:left;padding:10px 10px 10px 20px;}
#b1 img { float:left;margin-right:10px;}
#b3 img { text-align:center; margin-top:20px; }
#b1, #b2, #b3 { min-height:70px;}

#stopka { width:898px; height:37px;border-top:1px solid #e7e7e7;clear:both; }
#stopka img { float:left; }


/*------------------------- podstrona ----------------- */
#podstrona { background:url("images/bg_main2.gif"/*tpa=http://promostars.com/images/bg_main2.gif*/) repeat-x top; }
#katalog_menu { width:161px; height:266px; background:#2f559f;float:left;color:#CCCCCC; }
#katalog_menu a { color:#FFFFFF;padding-left:5px; }
#katalog_menu li { padding:5px 0px 5px 15px; background:url("images/li_1.gif"/*tpa=http://promostars.com/images/li_1.gif*/) no-repeat bottom left;width:130px; }
#katalog_menu #level1_selected { background:#244189 url("images/li_1.gif"/*tpa=http://promostars.com/images/li_1.gif*/) no-repeat bottom left;}

#title { width:898px; height:60px; }

#content { width:898px; }
#kat_title { width:141px; height:35px; margin:0px; float:left; background:url("images/t1_bg.gif"/*tpa=http://promostars.com/images/t1_bg.gif*/) no-repeat; font-size:12px; color:#ff4c46;padding:25px 0px 0px 20px; text-transform:uppercase;}
#page_name { width:683px; height:36px; margin:0px; float:left; background:url("images/t2_bg.jpg"/*tpa=http://promostars.com/images/t2_bg.jpg*/) no-repeat; font-size:18px; font-weight:normal;color:#ffffff;padding:24px 0px 0px 54px;}

#text { width:687px;background:url("images/sphere.jpg"/*tpa=http://promostars.com/images/sphere.jpg*/) no-repeat right top;float:right;padding:20px 30px 10px 20px; color:#707070; min-height:246px; }
*html #text { height:246px; }
.left { margin:0px 10px 10px 0px; float:left; }
.right { margin:0px 0px 10px 10px; float:right; }


#pasek { width:687px; height:24px; border-top:1px solid #e4e4e4;margin:20px 0px 20px 0px;float:right;}
.button { height:19px; padding:5px 10px 0px 10px; background:url("images/button_bg.gif"/*tpa=http://promostars.com/images/button_bg.gif*/);float:left;font-weight:bold; text-transform:uppercase; text-align:center;margin-right:1px;float:left; font-family:tahoma; font-size:9px; }
.button a { color:#6b6b6b; }
.button a:hover { color:#ff2c23; }

#kontakt_table { border-collapse;collapse; width:100%; }

#left_column { width:496px; float:left;}
#right_column { width:179px; float:right;}


/* -------------------- katalog ----------------------- */
#ciuchy { width:496px; border-collapse:collapse;margin-top:10px; }
#ciuchy td { height:109px;text-align:center; }
#line td { border-top:1px solid #e4e4e4; }
.grey { font-size:13px;font-weight:bold;color:#838383; }
#box_right {margin-top:10px;background:#ededed;}
#box_basket {margin-top:10px;background:#ededed;padding-bottom:5px;  }
#box_basket li { padding:4px 5px 4px 10px;background:url("images/li_2.gif"/*tpa=http://promostars.com/images/li_2.gif*/) no-repeat right; }
#box_right li { padding:13px 5px 13px 38px;background:url("images/grey_arr.gif"/*tpa=http://promostars.com/images/grey_arr.gif*/) no-repeat left; }
#box_right li a { color:#4b4b4b; }
.ramka { border-top:1px solid #dadada;}

.produkt { width:496px; background:url("images/produkt_bg.gif"/*tpa=http://promostars.com/images/produkt_bg.gif*/) repeat-y;border-top:3px solid #ededed;padding-bottom:10px; }
.produkt_foto { width:121px; float:left;padding-top:14px;text-align:center; }
.produkt_details { width:375px; float:right; }
.p_details { padding:10px 5px 0px 10px; }
.produkt_header { width:365px; height:31px; background:#ededed;padding:0px 0px 0px 10px; }
.p_name {float:left;padding-top:8px; }
.produkt_header img { float:right;margin:5px 5px 0px 0px;}
.produkt_name { font-size:14px;font-weight:bold;padding-right:5px; }
.produkt_name a { color:#2f559f; }
#zawartosc { background:#ffffff;padding:10px 5px 10px 5px;height:15px; }
#zawartosc div { font-size:12px;font-weight:bold; }

.p_basket { font-size:18px; font-weight:bold;margin:0px; padding:0px; }
.blue_button { float:right; margin-top:15px; }
.blue_button td { padding:5px; background:#3865bc;color:#ffffff; text-transform:uppercase; }
.blue_button td a { color:#ffffff; }

.red_button { float:left; margin-top:15px; }
.red_button td { padding:5px; background:#dc3d38;color:#ffffff; text-transform:uppercase; }
.red_button td a { color:#ffffff; }

.basket_table td { padding:10px 15px 10px 15px;width:100%;border-bottom:1px solid #e7e7e7; }
.basket_table th { padding:10px 15px 10px 15px;text-align:left;border-bottom:1px solid #e7e7e7; }

.form_table { width:500px; }
.form_table td { padding:3px; }
.form_table input { border:1px solid #d1d1d1; padding:1px 3px 1px 3px; }

#newsletter_box { width:300px; margin:auto; border:1px solid #e7e7e7;border-bottom:4px solid #e7e7e7;padding:20px 30px 20px 30px;margin-top:40px; background:#fafafa; }
#email { border:1px solid #d1d1d1; padding:5px;width:250px;}

/* ---------------------- kolory -------------------------- */
div.kolory      {
		width:300px;
		float:right;
		}
div.kolory div	{
		margin-bottom:5px;
		float:left;
		}

.kolor1 {
	width:35px;
	height:20px;
	font-size:0px;
	margin-right:5px;
	border:1px solid #D8D8D8;
	}

.kolor1t {
	width:35px;
	height:20px;
	font-size:0px;
	margin-right:5px;
	border:1px solid #D8D8D8;
	}

.kolor21t {
	width:35px;
	height:20px;
	font-size:0px;
	margin-right:0px;
	border:1px solid #D8D8D8;
	border-right:none;
	}
.kolor21 {
	width:35px;
	height:20px;
	font-size:0px;
	margin:0px;
	border:1px solid #D8D8D8;
	border-right:none;
	}

.kolor22t {
	width:20px;
	height:20px;
	font-size:0px;
	margin-right:5px;
	border:1px solid #D8D8D8;
	}
.kolor22 {
	width:20px;
	height:20px;
	font-size:0px;
	margin-right:5px;
	border:1px solid #D8D8D8;
	}
	
.kolory .kolor_nr { height:9px;padding:1px;float:left;text-align:center;font-family:tahoma; font-size:9px; background:#ffffff; line-height:11px;border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;  }
.kolor_nr { display:inline;float:left;height:9px;text-align:center;padding:1px;font-family:tahoma; font-size:9px; background:#ffffff; line-height:11px;border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; }
.tabela_zamowienia th { height:20px;padding:5px; }
.tabela_zamowienia td { padding:3px 5px 3px 5px;}


.tip, .kolory .tip { position:absolute; width:60px; height:30px;margin:-50px 0px 0px -1px; text-align:center; font-weight:bold; font-size:12px; padding-top:15px; color:#676767;border:1px solid #d8d8d8; }
.tip span { background:#ffffff;padding:0px 2px 0px 2px; }

.tip1, .kolory .tip1 { position:absolute; width:60px; height:30px;margin:-50px 0px 0px -1px; text-align:center; font-weight:bold; font-size:12px; padding-top:15px; color:#676767;border:1px solid #d8d8d8; }
.tip1 span { background:#ffffff;padding:0px 2px 0px 2px; }


.tip2, .kolory .tip2 { position:absolute; width:30px; height:30px;margin:-50px 20px 0px 21px; text-align:center; font-weight:bold; font-size:12px; padding-top:15px; color:#676767;border:1px solid #d8d8d8; display:none;}
.tip2 span { background:#ffffff;padding:0px 2px 0px 2px; }

/* -------------------- tabela ---------------------- */

.PrettyTable {  margin:10px auto 10px auto }
.PrettyTable th { padding:5px;font-weight:bold;border:1px solid #d5d5d5; background:#f4f4f4; }
.PrettyTable td { padding:5px;border:1px solid #d5d5d5; }