/* Ranikng sklepów strona główna - Start */
#kategorie_all {
	width: 800px;
}

#kategorie_left {
	float: left;
	width: 50%;
}

#kategorie_right {
	float: right;
	width: 50%;
}

.kategoria_header {
	border-bottom: 1px solid #BABABA;
	width: 300px;
	height: 35px;
	vertical-align: middle;
}

.kategoria_nazwa {
	float: left; 
	margin-top: 10px; 
	color: #888888; 
	font-size: 10pt;
}

.kategoria_wiecej {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	text-decoration: underline;
	color: #872B8B;
}

.kategoria_logo {
	margin-top: 10px;
	margin-left: 60px;
	margin-bottom: 10px;
}

.podkategoria_header {
	border-bottom:1px solid #BABABA;
	color:#888888;
	font-size:16pt;
	padding-bottom:10px;
	padding-left:15px;
	font-family: Geneva, Verdana, Arial;
	text-transform:uppercase;
}
/* Ranikng sklepów strona główna - Koniec */

/* Ranikng sklepów strona kategorii - Start */
.table_sklepy td {
border-bottom:1px solid #BABABA;
color:#888888;
padding:5px;
height: 68px;
}

.ranking_numer {
	font-size: 11pt;
	font-weight: bold;
	width: 40px;
	text-align: center;
}

.ranking_logo {
	text-align:center;
	width: 160px;
	vertical-align: middle;
}

.ranking_odznaka {
text-align:center;
width:133px;
}

.span_bigger {
	font-size: 10pt;
}

.statystyki_left {
	float: left;
	line-height: 25px;
	padding-top: 5px;
}

.statystyki_opinie {
float:right;
font-weight:bold;
line-height:25px;
padding-left:5px;
padding-top:5px;
}

.statystyki_right {
float:right;
font-size:10pt;
line-height:25px;
padding-top:10px;
}

.moja_klasa{
	opacity: .20;
	filter: alpha(opacity=20), gray;
	
}
<!-- ################################################################################ -->
<!-- ######################## Tu się zaczyna czukowski dziwoląg ##################### -->
<!-- ################################################################################ -->

#top_categories_shop { margin: 0px; padding: 0px; list-style: none; }
#top_categories_shop li { display: block, width: 300px; height: 70px; background: white url('../gfx/category_bg.png') no-repeat top left; float: left; margin: 5px 29px; }
#top_categories_shop dl { width: 300px; text-align: center; padding: 0px 4px 0px 6px; }
#top_categories_shop dd.icon { height:55px; width: 60px; float: left; padding: 0px; margin: 0px; }
#top_categories_shop dd.shop { height:55px; width: 190px; float: left; padding: 0px; margin: 0px; }
#top_categories_shop dd.vote { height:55px; padding: 0px; margin: 0px; }
#top_categories_shop .link { margin-top: 12px; color: #333; }
#top_categories_shop .shop_link { margin-top: 12px; }
#top_categories_shop .shop_link strong { font-size: 12pt; font-weight: bold;  }
#top_categories_shop .shop_link span {  }
#top_categories_shop .shop_link a { font-weight: normal; }

#last_surveys { margin: 0px; padding: 0px; list-style: none; }
#last_surveys li { display: block; width: 300px; height: 65px; float: left; margin: 5px 28px; }
#last_surveys li table { width: 300px; height: 65px; background: white url('../gfx/bg-category2.png') no-repeat top left; }
#last_surveys dl { width: 300px; text-align: center; padding: 0px 4px 0px 6px; }
#last_surveys .icon { height: 50px; width: 70px; float: left; padding: 0px; margin: 0px; text-align: center; }
#last_surveys .shop { height: 50px; text-align: justify; }

//.shop { opacity: 0.2; filter:alpha(opacity=20); }
//.shop:hover { opacity: 1.0 }

#category_list { list-style: none; height: 120px; }
#category_list li { display: inline; }
#category_list li a { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
#category_list li a:hover { filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; }

.nosurveys { color: grey; background: #EEE; }

//#top_categories_shop a img { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; zoom: 1; display: block; }

.bg { background: white url('../gfx/bg-content2.png') no-repeat top left;
border: 1px solid #DDDDDD;
 }
.bg h3 { padding-bottom: 20px; }

#legenda { margin-top: 20px; color: gray; }
#legenda dt { float: left; width: 20px; display: block; height: 20px; margin-top: 2px; }
#legenda dd { line-height: 24px; }

#logo { float: left; display: block; width: 250px; }

#szczegoly { display: block; }
#szczegoly dt { float: left; display: block; width: 30px; margin-top: 2px; }
#szczegoly dd { line-height: 24px; }

#opinie td { vertical-align: top; }
#opinie .date { text-align: center; width: 100px; }
#opinie .user { text-align: center; width: 100px; }
#opinie .comment { text-align: left; width: 300px; padding-right: 20px; }
#opinie .comment i { color: grey; }
#opinie .product { text-align: left; }
#opinie .grade { text-align: right; margin-right: 10px; width: 50px; }
#opinie td.grade { font-size: 12px; font-weight: bold; }

#pozycja { }
#pozycja dt span { font-size: 26pt; font-weight: bold; color: gray; float: left; width: 60px; display: block; }
#pozycja dt { float: left; display: block; width: 120px; margin-top: 2px; height: 48px; }
#pozycja dd { line-height: 52px; clear: right; }

#sklepy { width: 100%; }
#sklepy .banner {height: 60px; width: 200px; text-align: center; float: left;}

#shop_ranking { font-size: 26pt; font-weight: bold; margin: 0px 0px; }
#logo .card { width: 160px; height: 40px; text-align: center; }
#logo .card div { padding: 10px 0px; }

#criteria { width: 600px; font-size: 10pt; margin-left: 20px; margin-bottom: 40px;}
#criteria .c1 { width: 240px; padding: 3px; text-align: left; }
#criteria .c2 { width: 20px; text-align: right; }
#criteria .c3 { width: 300px;}
#criteria td { padding: 3px; color: Black;}

.ma_18_lat { margin: 10px; padding: 5px; border: 1px solid green; width: 300px; background: white; text-align: center; }
.nie_ma_18_lat { margin: 10px; padding: 5px; border: 1px solid red; width: 100px; background: white; text-align: center; }

.category_articles { border: 0px solid #999; margin: 15px 5px; }
.category_articles h1 { font-size: 10pt; border-width: 0px; padding: 0px; margin: 0px; }
.category_articles dl { margin-left: 10px; }
.category_articles dt { float: left; width: 140px; }

.place_list { margin-left: 20px; margin-bottom: 10px; }

.user_comment { margin: 5px; }
.user_comment hr { border: 1px solid #ccc; }
.user_comment .user_comment_id a { color: white; background: #777; width: 40px; float: left; padding: 0px 5px; font-weight: bold; }
.user_comment .user_comment_date { background: #eee; padding: 0px 5px; margin-left: 50px; color: #444; }
.user_comment .bottom { border: 1px solid #777; }
.user_comment .date { color: #999; }
.user_comment .user { width: 180px; float: left; padding: 10px; }
.user_comment .user em { font-weight: bold; }
.user_comment .user .points { text-align: left; color: #0A5F83; font-weight: bold; }
.user_comment .details { padding: 10px; margin-left: 200px; }
.user_comment .details .products { font-weight: bold; margin: 0px 0px 2px 0px; color: #448800; }
.odd .details { background: #eee; }
.even .details { background: #fbf2fb; }  

.products_table { width: 100%; }
.products_table td { padding: 5px; border-bottom: 1px solid #999; vertical-align: top; text-align: justify}

.bg-moj{
font-family: Verdana, Arial;
font-size: 10pt;
padding:7px 0px;
border-bottom: 1px solid #BABABA;
font-weight:bold;
margin-bottom: 5px;
}

table.prod-skl{
background-color:#FFFFFF;
border:1px solid #DDDDDD;
border-collapse:collapse;
border-spacing:0;
margin:0;
padding:0;
width:100%;
}

.prod-skl th{
background-image:url(../../../templates/supersklepy/gfx/background.jpg);
padding:7px;
font-weight:bold;
}

.prod-skl td{
padding:13px;
text-align:center;
border-bottom:1px solid #DDDDDD;
}

.sklep-title{
background-image:url(../../../templates/supersklepy/gfx/top-bar.gif);
background-repeat:repeat-x;
padding:7px;
font-size:13px;
font-weight:bold;
border:1px solid #DDDDDD;
}
.sklep-big{
font-size:22px;
}

.place_list{
list-style:none;
}

.places{
width:100%;
border:1px solid #DDDDDD;
}
 
/* Profil sklepu - część wspólna dla wszystkich zakładek (góra) */
.banner_sklepu {
text-align: center; 
margin: 20px 0px 20px
}

.osklepie_left {
margin-top: 10px;
width: 200px;
float: left;
text-align: center;
margin-bottom: 20px;
border-right: 1px solid #BABABA;
}

.notka_wlasciciela {
width: 580px;
float: left;
margin-top: 10px;
padding-left: 10px;
margin-bottom: 20px;
}

.przejdz_do_sklepu {
width: 170px;
float: right;
margin-top: 10px;
margin-bottom: 20px;
padding-left: 10px;
padding-top: 30px;
}

.punkty_calosc {
color:#888888;
font-size:9pt;
font-weight:inherit;
}

/* Profil sklepu - zakładka 'informacje' */
#div_dostawa {
float:left;
width:210px;
margin-left: 40px;
display: inline;
}

#div_platnosci {
float:left;
width:230px;
margin-left: 40px;
display: inline;
}


.table_sposob td{
	border-bottom: 1px dotted #BABABA;
	line-height: 20px;
	padding-left: 10px;
}

#div_dane {
width: 440px;
float: left;
margin-bottom: 20px;
}

.label {
	color: Black;
	padding-right: 10px;
	width: 200px;
	padding-top: 8px;
	padding-bottom: 2px;
}

#ranking_kategorii {
width: 440px;
clear: both;
float: left;
margin-top: 10px;
}

.tabela_ranking th {
	color: Black;
	padding: 10px;
	text-align: left;
}

.tabela_ranking td {
	padding: 10px;
}

.tabela_ranking {
width: 100%;
}

.kategoria_miejsce {
font-size: 15px;
font-weight: bold;
width: 20%;
font-family: Trebuchet MS, Helvetica, sans-serif;
text-align: center;
}

.kategoria_punkty {
color: #650670;
font-size: 13px;
font-weight: bold;
width: 20%;
}

/* Wyniki wyszukiwania */
.produkt_nazwa a {
color: Black;
font-weight: bold;
}

.produkt_foto {
width: 150px;
text-align: center;
}

.produkt_nazwa {
width: 500px;
}

.bez_banera {
width:160px; 
height:20px; 
text-align:center; 
margin-bottom:10px;
margin-left:60px; 
margin-top:10px;
padding:10px;
}

/* Dane techniczne - Start */
.ul_opinie {
	list-style: none;
	text-align: left;
}

#tbl_szczegoly {
	width: 80%;
	text-align: left;
}

#tbl_szczegoly tr {
	height: 30px;
}

.td_param_name {
	width: 40%;
	padding-left: 20px;
}

.td_param_value {
	font-weight: bold;
	padding-left: 5px;
}
/* Dane techniczne - End */


/* Szczegóły produktu */
.best_products{
	font-family:arial,helvetica,sans-serif;
	font-weight:bold;
	font-size:15px;
}

.bold-name{
	font-weight:bold;
}

#show_product {
	width: 800px;
}
.show_product_img {
float:left;
width: 200px;
margin-top: 20px;
text-align: center;

}
.show_product_cont {
float:right;
width:550px;
padding-left: 50px;
padding-bottom: 20px;
color: #888888;
}

.srednia_ocena {
	padding-right: 50px;
}

.s_p_t {
	color: Black;
}

.opis_produktu {
	color: #888888;
	padding-top: 5px;
	width: 300px;
	float: left;
}

#produkt_menu {
	float: right;
	width: 200px;
	padding-right: 20px;
}

#show_product hr{
color:#82b4cd;
 border-top: 1px dashed #4d4d4d;
 border-bottom:none;
 border-left:none;
 border-right:none;
}

.show_product_title{
}

.show_shops{

}
.show_shops table td{
border-bottom:1px solid #E1E1E1;
padding: 10px;
padding-top: 20px;
text-align: center;
}

#div_sort select {
 font-size: 9pt;
}

.produkt_cena {
	border-bottom:1px solid #BABABA;
	color:#888888;
	font-size:11pt;
	font-weight: bold;
	padding-bottom:5px;
}

.cena_zielona {
	color: #49982C;
	font-size: 11pt;
	font-weight: bold;
}

#grid_mode {
	float: left;
	padding-bottom: 10px;
}

.paginacja {
	text-align: center;
	float: left;
	margin-left: 20px;
	margin-top: 6px;
}

#liczba_produktow {
	float: left;
	margin-top: 11px;
	color: #888888;
	margin-right: 20px;
}

#sortowanie_and_gridmode {
height:35px;
margin-bottom:10px;
margin-top:25px;
margin-left: 50px;
text-align:center;
}


/* Kolumny w liscie produktow */
.td_checkbox {
	width: 5%;
	text-align: center;
	vertical-align: top;
	padding-top: 25px;
}



/* Informacja o produkcie */
.prod_opis {
	float: left;
	width: 66%;
}

.prod_button {
	float: right;
	text-align:right;
}

.cena {
	color: #49982C;
	float: right;
	font-size: 9pt;
	font-weight: bold;
}

.prod_link {
	color: #872B8B;
	text-decoration: underline;
}

.prod_wiecej {
	color: #872B8B;
	text-decoration: underline;
	margin-left: 200px;
}

.prod_linki {
	margin-top: 5px;
	float: left;
	width: 24%;
	text-align: center;
	border-left: 1px solid #BABABA;
}

.prod_linki_ocena {
	margin-top: 5px;
	float: left;
	width: 24%;
	text-align: center;
	border-left: 1px solid #BABABA;
	padding-top: 6px; border-left: none;
}

.prod_gwiazdki {
	margin-top: 5px;
}

.small-name{
	color:#A2A2A2;
	font-size:11px;
	line-height:18px;
}

.check_porownaj {
	clear: both;
	padding-top:5px;
	margin-bottom: 20px;
}

/* Sciezka na gorze strony */
#path{
	font-size: 8pt;
	color: #888888;
	margin-bottom: 10px;
}

#path a {
	color: #888888;
}

/* Box view */
.box_table {
	width: 95%;
}

.box_table td {
	padding-bottom: 15px;
	padding-top: 15px;
	text-align: left;
	padding-left: 40px;
}

.box_foto {
	height: 100px;
}

.box_opis {
	font-weight:bold;
	font-size:10pt;
	margin-bottom: 10px;
}

.box_cena {
	color: #49982C;
	font-size: 9pt;
	font-weight: bold;
}

.box_powieksz {
	padding-top: 20px;
}

.box_icon {
	border-left: 1px solid #B7B7B7;
	margin-left: 3px;
	padding-left: 5px;
}

/* Ranking produktów */
.superprod_wiecej {
	height: 10px;
	clear: both;
	color: #872B8B;
	margin-left: 150px;
	width: 250px;
	margin-top: -15px;
	text-align: right;
	float: left;
}

.ranking_numer {
	font-size:50px;
	font-weight:bold;
	text-align:center;
	width:40px;
	color: #888888;
}

.prod_wiecej2 {
	color: #872B8B;
	text-decoration: underline;
}

.superprod_kategoria {
	float: right;
	font-size: 9pt;
	font-weight: normal;
	color: #888888;
}

/* Zakładka sklepy */
.tabela_punkty {
	font-size: 11pt;
}

.tabela_wynik {
	font-size: 11pt;
	color: Black;
	font-weight: bold;
	width: 100%;
	text-align: center;
	display: block;
}

/* Zakładka opinie */
.opinie_cont {
	background-color: #F5F5F5;
	background-image: url('../images/opinie-tlo.png');
	background-repeat: repeat-x;
	width: 800px;
}

.opinie_top_left {
	clear: both;
	float: left;
	width: 390px;
	border-bottom: 1px solid #BABABA;
	padding: 10px 0px 10px 10px;
	color: Black;
}

.opinie_middle_left {
	clear: both;
	float: left;
	width: 390px;
	padding: 10px 0px 10px 10px;
	color: Black;
}

.opinie_top_right {
	float: right;
	width: 390px;
	text-align: right;
	border-bottom: 1px solid #BABABA;
	padding: 10px 0px 10px 10px;
}

.opinie_middle_right {
	float: right;
	width: 390px;
	text-align: right;
	padding: 4px 0px 10px 10px;
}

.opinie_tresc {
	clear: both;
	padding: 10px 0px 20px 10px;
}

.opinia_fiolet {
	color: #670A72;
	font-weight: bold;
}

#ukryj-op {
display: none;
position:absolute;
float: right;
margin-left: 40px;
width:210px;
height:135px;
padding:20px;
margin-top:30px;
background-image:url(../../../templates/supersklepy/gfx/shadow.png);
}

#age_warning {
text-align: center;
}

#age_confirm {
margin 0px auto
}

#product_list {
float:left;
}

.submitbutton {
border: 0; background: none; cursor:pointer;
}

.statystyki_arrow {
	background-image: url('../../../templates/supersklepy/gfx/ranking-sklepow/strzalka.gif');
	width: 3px;
	height: 8px;
	display: inline-block;
}

.notka_header {
	color: #760075;
}

#zakl_sklep {
	margin-top: 25px;
}

#map {
	width: 330px; height: 330px; border: 1px solid silver; 
}

#map_places {
	width: 300px; float: right; 
}

.ranking_front_header {
	background-image: url('../../../images/components/ranking_front_header.gif');
	background-repeat: no-repeat;
	background-position: bottom;
	width: 308px;
	height: 25px;
}

#oferta_brak {
	margin-left: 40px;
	margin-top: 20px;
}

#alfabet {
	text-align: center;
	margin: 20px 0px 10px 0px;
	padding: 5px;
	border: 1px solid #e8e8e8; font-weight: bold;
}
