﻿body { 
	margin: 0px 0px 10px 0px;
   	padding: 0px;
   	text-align:center;
   	background: #333333;
	/*background: #1C789F url(imgs/back.jpg) top left repeat-x;*/
	color: #ffffff;
    }
body, th, td { 
	font: 11px verdana, arial, sans-serif;
    }
div, td { 
    } 
p {
   	text-align:left;
}
a {
	text-decoration: underline;
	color: #ffffff;
}
a:hover{
	color: #330000;
	text-decoration: underline;
}
h1 {
	color: #ffffff;
	display: block;
	font: lighter 22px "Century Gothic", Arial, sans-serif;
	text-transform:uppercase;
}
h1 img {
	vertical-align:middle;
	margin:0 10px 0 0;
}
h2 {
	color: #ffffff;
	font: lighter 22px "trebuchet ms", Arial,sans-serif;
	padding:0px;
	margin:0px;
	
}
h3 {
	color: #ffffff;
	display: block;
	font: 16px "trebuchet ms", Arial,sans-serif;
	text-transform: uppercase;
}
h4 {
	color: #ffffff;
	display: block;
	font: bold 14px Verdana, Arial,sans-serif;
}
ul {
	margin:0;
	padding: 0;
}
/**********   struktura strony  ***********/
#main {
    margin: 0 auto;
    width: 1000px;
	background: url(imgs/mtab_back.gif) 200px top repeat;
}
#mtab_up, 
#mtab, 
#mtab_dn {
	margin:0px;
	padding:0px;
	width: 1000px;
}
#mtab{	
	background: url(imgs/cont_back.gif) left top repeat-y;
}
#mtab_dn{
	height:20px;
}
.content { 
	clear:both;  
    padding: 0; margin: 0; width:1000px;
	
}
div#menu {
    clear:both; padding: 0; margin: 0; height:30px; width:1000px;
	background: url(imgs/menu_back.jpg) right bottom repeat-x;
}
div#menu_prod {
    clear:both; padding: 0; margin: 0; min-height:107px; width:1000px;
	background: url(imgs/mprod_back.jpg) right top repeat;
}
div#bottom {
    clear:both;  padding: 0px; margin: 0; height:35px; width:1000px;
	background: url(imgs/bottom_back.jpg) left top repeat-x;color:#62ACD0;
}

#h_1, #h_2 , #h_3{
	height:184px;
	position:relative;
}
#h_1{  
    float:left;
	background: url(imgs/h_1.jpg) left top no-repeat;
	width:280px;
}
#h_1 img{  
    position:absolute;
	left:10px;top:20px;
}
#h_2{  
    float:left;
	background: url(imgs/h_2.jpg) left top no-repeat;
	width:470px;
}
#h_2 img{  
    position:absolute;
	left:10px;top:30px;
}
#h_3{  
    float:right;
	width:250px;
	background: url(imgs/h_3.jpg) left top no-repeat;
}
#lang_box {
	position:absolute;
	top:10px;
	left:160px;
}
#page_nav_left {
	float: left;
	width:200px;
	text-align:left;
	padding:0px 0px 40px 0px;
}
div#cont_tfield {
	float: right;
	width: 800px; 
	text-align: left;
    padding: 0px 0px 10px 0px; 
	background: url(imgs/cont_l_up.jpg) left top repeat-x;
}
/********** lewy pasek ***********/
.srchbox {
	padding: 0;
	margin: 0px;
	min-height:100px;
	width:200px;
	background:url(imgs/srchbox_back.jpg) left top repeat-y;
	text-align:left;
}
.srchbox form {
	padding: 10px 0px 0px 15px; 
	color:#333333;
}
.srchbox input.mp_inpt, .srchbox select.mp_inpt {
	height: 18px; 
	color:#333333;
	width:150px;
}
.srchbox input.btn {
	height: 18px; 
	background:url(imgs/btn_srch_b.gif) left no-repeat;
	font-size:12px;
	width:56px;
	border:0px;
	margin:6px;
	text-align:right;
}


/********** menu hor ***********/
#mhor {
	text-align:right;
	float:right;
	padding: 5px 50px 0px 1px;
}
#mhor li {
	float:left;
	list-style-image: none;
	list-style-type: none;
	padding: 1px 1px 1px 5px;
	margin: 0px 0px 2px 6px;
	text-align:center;
}
#mhor a, #mhor a:active {
	color:#ffffff;
	text-deroration:none;
}
#mhor a:hover {
	color:#ffffff;
	text-deroration:underline;
}
/***** menu produktów ****************/
.mprod_cont {
	width:780px;
	float:left;
	text-align:left;
	padding: 0;
	margin: 0;
}
.mprod_bottom {
	clear:both;
	background: url(imgs/mprod_back_dn.jpg) left top repeat-x;
	height:9px;
}
#mprod {
	width:780px;
	vertical-align:middle;
	text-align:left;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}
#mprod li {
	float:left;
	/*background: url(imgs/mprod_line.gif) left top no-repeat;*/
	height:30px;
	list-style-type:none;
	list-style-image:none;
	vertical-align:middle;
	/*margin: 0px 5px 0px 5px;*/
	margin: 10px 10px 5px 10px;
	/**/
	color: #f3f5f8;
	display: block;
	font: 14px Arial, sans-serif;
	text-transform:uppercase;
}
#mprod li h1 {
	font: 14px Arial, sans-serif;
	text-transform:uppercase;
	padding:0;margin:0;
}
#mprod li a {
	color: #ffffff;
	text-decoration:none;

}
#mprod img {
	border:0px;
	margin: 25px 0px 25px 0px;
}
#mprod a:hover {
	color: #cccccc;
	text-decoration:none;
}
/********** logowanie - nagłówek ***********/
.login_box {
	text-align:left;
	position:absolute; left:40px; top:60px;
	width: 170px;
	height: 130px;
	color:#ffffff;
}
.login_box p, .login_box form {
	padding: 0; margin:0;
}
.login_box p {
	margin:0px 0px 0px 6px;
}
.login_box form, .login_box p.logout {
	background: url(imgs/login_line.gif) left bottom no-repeat;
	height: 66px;	
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 6px;
}
.login_box img {
	margin:0px 0px 0px 4px;
	border:0px;
}

.mp_inpt {
	width: 125px;
	height: 20px;
	background: #fff;
	border: 0;
	margin:5px 0px 0px 8px;
}
/*************************************/
.big_img { 
	border: 5px solid #F0F0F0;
	}
	
/************ style tekstu *****************/
.cont_item {
	width: 780px;
	margin: 20px 10px 0px 10px;
}
/**************/
#mvert {
	margin:0 8px 20px 8px;
	background: #88201d url(imgs/mvert_back_up.jpg) left top no-repeat;
}
.mvert {
	list-style-type:none;
	padding:20px 0 0 0;
	margin:0 0 0 0;
	display:block;
	background:url(imgs/mvert_back_dn.jpg) left bottom no-repeat;
}
.mvert li {
	list-style-image:url(imgs/arrow_menu.gif);
	list-style-position:inside;
	padding:4px;
	margin:1px 10px 0 10px;
	border-bottom:1px solid #8D5652;
}
.mvert a {
	color:#D59B80;
	text-decoration:none;
}
.mvert  a:hover {
	color:#C26E11;
	text-decoration:none;
}
.mvert li.end {
	padding:0;
	list-style-image:none;
	margin:26px 0px 0px 0px;
	background:url(imgs/mvert_back_dn.jpg) left bottom no-repeat;
	border-bottom:0px;
}
.left_block {
	text-align:center;
	margin:30px 0px 20px 20px;
	width:150px;
}

/******lista produktów***/
.prod_list_tab {
	width:100%;
	table-layout:fixed;
	border:0px;
}
.left_block .prod_list_tab {
	text-align:center;
	width:120px;
}
.prod_list_tab td {
	width:16%;
	text-align:center;
	vertical-align:top;
}
.prod_list_tab p {
	border:0px;
	padding:0px;
	text-align:center;
}
.prod_list_tab a {
	color:#ffffff;text-decoration:none;
}
.prod_list_tab a:hover {
	color:#cccccc;text-decoration:underline;
}
.prod_list_tab .price {
	font: bold 12px Verdana;
	color:#f2f3f5;
}

.prod_list_tab td.prod_img  {
	height:140px;
	background:#fff;
	text-align:center;
	vertical-align:middle;
}

.prod_list_tab td.prod_img  img {
	border:0px;
}

/********* produkt **************/
.prod_tab {
	width:100%;
	border:0px;
}
.prod_tab .price {
	font: 18px Verdana;
	color:#f0f3f8;
}
.prod_tab .producer {
	font: 10px Verdana;
	color:#f0f3f8;
}
.prod_tab .price_x {
	font: 12px Verdana;
	color:#f0f3f8;
	text-decoration: line-through;
}
.prod_tab .prod_img {
	height:300px;
	width:300px;
	text-align:center;
	vertical-align:middle;
	background:#ffffff;
	padding: 0;
	margin: 0;
}
.prod_tab .prod_info {
	/*background-color:#71B3E3;*/
	padding: 20px 20px 20px 20px;
	width:480px;
}
.prod_tab .prod_desc {
	border-top:1px solid #71B3E3;
}
.prod_tab .prod_desc  h3 {
	border-bottom:1px dotted #71B3E3;
}
/********* konetarz **************/
.comment_tab {
	width:100%;
	border:0px;
}
.comment_tab .prod_desc  h3 {
	border-bottom:1px dotted #71B3E3;
}
.comment_tab tab_header {
}
/********* kategoria **************/
.cat_tab {
	width:100%;
	border:0px;
}
.cat_tab td {
	width:120px;
	text-align:center;
	font: 11px Verdana;
	color:#7E8A79;
	background:#ffffff;
}
.cat_img {
	height:140px;
}
.cat_info td {
	height:30px;
	font-weight:bold;
}
.cat_tab a, .cat_tab p {
	color:#ff0000; 
	text-decoration:none;
	text-align:center;
}
.cat_tab a:hover {
	color:#ff0000; 
	text-decoration:underline;
}
/****************************/
.paging {
	border-bottom: 1px solid #f3f5f8;
	border-top: 1px solid #f3f5f8;
	padding: 1px 10px 1px 10px;
	margin: 10px 0px 10px 0px;
	font: 11px verdana,arial,sans-serif;
	text-align:left;
	vertical-align:middle;
	background-color:#71B3E3;
}
.paging a {
	color:#444444;
	text-decoration:none;
}
.paging a:hover {
	color:#777777;
	text-decoration:none;
}
/****************************/
.path {
	border-bottom: 1px solid #f3f5f8;
	border-top: 1px solid #f3f5f8;
	padding: 1px 10px 1px 10px;
	margin: 10px 0px 10px 0px;
	font: 11px verdana,arial,sans-serif;
	text-align:left;
	vertical-align:middle;
	color:#444444;
	background:#71B3E3;
}
.path a {
	color:#333333;
	text-decoration:none;
}
.path a:hover {
	color:#ff0000;
	text-decoration:none;
}
.path img {
	vertical-align:middle;
}
/******************************/
.tab_header, .tab_footer {
	text-align: left;
	background: #dc5e09 url(imgs/tab_header_back.jpg) top left repeat-x;
	height:30px;
	margin:2px 0 2px 0;
	padding:0 10px 0 10px;
}
.tab_header img, .tab_footer img {
	vertical-align: middle;
	border:0px;
}
.tab_footer a {
	text-decoration:none;
	padding: 2px 8px 2px 8px;
	color: #ffffff;
	font: bold 11px Verdana ,sans-serif;
	margin:0px;
}
.tab_footer a:hover {
	text-decoration:none;
	color: #333333;
}
/********* basket, checkout ************/
.tab_basket {
	width:100%
}
.tab_basket td  {
	font: 11px Verdana, Arial, sans-serif;
	padding: 2px 8px 2px 8px;
	vertical-align:middle;
	height:22px;
}
.tab_basket tr.header_row td {
	background-color: #71B3E3;
	color:#333333;
	text-align:center;
}
.tab_basket tr.normal_row {
	background-color:#BBDAEA;
	color:#333333;
	text-align:center;
}
.tab_basket tr.normal_row a {
	font-weigh:bold;
	color:#ff0000;
}
.tab_basket tr.normal_row input {
	height:20px;
}
.tab_basket tr.total_row {
	background-color:#BBDAEA;
	color:#ff0000;
	text-align:right;
}
.tab_basket tr.options_row {
	background-color:#DEEDF5;
	color:#333333;
	text-align:right;
}
.tab_basket tr.options_row  a{
	color:#ff3300;
	font-weigh:bold;
	text-decoration:none;
}
.tab_checkout {
	width:100%;
	margin:10px 0px 0px 0px;
}
.tab_checkout td {
	padding: 2px 8px 2px 8px;
}
.tab_checkout tr.options_row   {
	font: 11px Verdana, Arial, sans-serif;
	padding: 2px 8px 2px 8px;
	vertical-align:middle;
	height:22px;
	background-color:#DEEDF5;
	color:#333333;
}
.tab_checkout input {
	height:100px; width:360px;
}
.tab_basket td.tab_header, .tab_basket td.tab_footer, .tab_checkout td.tab_header, .tab_checkout td.tab_footer   {
	height:40px;
}
.options_list {
	padding: 10px 5px 10px 5px;
}
/********* login ************/
.login {
	background-color:#71B3E3;
	font: 11px Verdana, sans-serif;
}
.login hr {
	border: 1px solid #136C93;
}
.login table {
	padding: 20px 100px 20px 100px;
}
/***********************************/
#bottom a {
    color:#62ACD0;
}
#bottom p {
	text-align:center;
	padding:10px 0px 0px 0px;
}

.logform{
	height:20px;
	width:200px;
}
.regform{
	height:20px;
	width:360px;
}
/**********************************/
button { padding:0;margin:0;border:0;background:none;}

button .btn {
	background:url(imgs/btn_tbskt_b.gif);
	color:#fff;
	font-family:Arial;
	font-weight:bold;
	white-space:nowrap;
	cursor:pointer;
	display:block;
	height:22px;
	line-height:180%;
	padding:0 0 0 6px;
	vertical-align:middle;
}
button .btn .btn {
	padding:0 20px 0 14px;
}
.tobasket .btn .btn {
	background:url(imgs/btn_tbskt_b.gif) right no-repeat;
	background-position:100% 0;
	}



/************* pt *******************/
#pt_tab {
	width:100%;border:1px solid #3896bf;
}
#pt_tab td {
	background: #1184b5 url("imgs/pt_back.jpg") top left repeat-x;
}
#pt_tab .img_td {
	width:33%;
}
#pt_tab .text_td {
	width:67%;
	vertical-align:top;
}
#pt_tab img {
	margin:6px;
	border:1px solid #3896bf;
}
#pt_tab p  {
	margin: 0px 10px 0px 10px;
	padding:0px;
}
#pt_tab p.opis a  {
	color:#fff;
	text-decoration:none;
}
#pt_tab p.opis a:hover  {
	color:#f2f5f8;
	text-decoration:none;
}
#pt_tab h1 {
	color: #B6E3F8;
	font: 22px Arial, sans-serif;
	margin: 5px 10px 5px 10px;
	padding:0px;
	border-bottom:1px solid #1698CF;
}
#pt_tab h1 a  {
	color: #B6E3F8;
	text-decoration:none;
}
#pt_tab h1 a:hover  {
	color: #1698CF;
	text-decoration:none;
}
#pt_tab h2 {
	color: #B6E3F8;
	font-size: 16px;
	margin: 10px 10px 0px 10px;
	padding:0px;
}
#pt_tab h3 {
	color: #FFCC66;
	font-size: 18px;
	margin: 5px 10px 5px 10px;
	padding:0px;
}
/*****************************/
marquee {
	padding: 2px;
	margin: 0px 10px 10px 10px;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	background:#336699;
	color:#fff;
	text-align:center;
}
.cards {
	padding: 2px;
	margin: 30px 10px 10px 10px;
	background:#ffffff;
	color:#fff;
	text-align:center;
}
.cards img {
	padding: 2px;
	text-align:center;
}
.prod_td h1, .prod_td h2 {
	font: 11px Verdana, Arial, sans-serif;
	color:#FFCC66;
}
.prod_td h1 a, .prod_td h2 a {
	color:#FFCC66;
}


.home_bottom_info {
	padding:15px;
}
.home_bottom_info h1 {
	text-transform:none;
	padding:5px 0 5px 0;
	margin:0;
	font-size:18px;
}
.home_bottom_info h1 a {
	text-decoration: none;
}.style1 {	height: 148px;}.style2 {	border: 0px;}.style3 {	vertical-align: bottom;}.style4 {	float: left; 	margin: 5px 0 0 20px;}.style5 {	vertical-align: middle;}.style6 {	float: left;}.style7 {	text-align: center;}
