BODY {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: justify;
	background-image:url(images/tlo_cale_1.jpg);
	background-color: #434963;
	background-repeat: repeat-x;
	color: #777;
	margin: 0px;
	line-height: 150%;
}

IMG {
    border: 0px;
}

IMG:hover {
	border: 0px;
}

A {
	color: #5c6f7e;
	text-decoration: none;
	outline: none;
}

A:hover { 
	color: black;
	text-decoration: none;
	outline: none;
}
hr {
height: 0 !important;
height: 1px; /* wysokosc pod ie */
color: rgb(237, 237, 237); /* kolor pod ie */
background: transparent;
border-width: 1px 0 0 0;
border-color: rgb(237, 237, 237);
border-style: solid; 
}

TD{
	text-align: justify;
}

.gora_2 a{
	color: white;
	text-decoration: none;
}

.gora_2 a:hover{
	color: white;
	text-decoration: underline;
}
.gora_2 a span:hover{
	text-decoration:underline;
}


.tab_c{
	border: 1px solid #fff; 
	clear: left;
}

.menu2{
  color: white;
  text-decoration: none;
}

.menu2:hover{
  color: white;
  text-decoration: underline;
}

.menu2button {
  background: transparent;
  font-weight: bold;
  color: white;
  cursor: pointer;
  margin: 0;
  padding: 0;
}
form.inline input.menu2button:hover {
  border-bottom: 1px solid white;
}


.menu_z{
	width: 901px;
	height: 104px;
	margin: auto;
}


.menu_cz{
	width: 179px;
	height: 104px;
	float: left;
	margin-right: 1px;
}

.menu_r{
	width: 179px; 
	height: 104px;
	float: left;
	margin-right: 1px;
}

.menu_sz{
	width: 179px;
	height: 104px;
	float: left;
	margin-right: 1px;
}
	
.menu_sk{
	width: 179px;
	height: 104px;
	float: left;
	margin-right: 1px;
}

.menu_sj{
	width: 179px;
	height: 104px;
	float: left;
}

.menu_cz_s{
	width: 225px;
	height: 104px;
	float: left;
	margin-right: 1px;
}

.menu_r_s{
	width: 224px; 
	height: 104px;
	float: left;
	margin-right: 1px;
}

.menu_sz_s{
	width: 223px;
	height: 104px;
	float: left;
	margin-right: 1px;
}
	



.gora{
	width: 901px; 
	height: 21px;
	margin: auto; 
	margin-top: 3px;
}

.gora_1{
	color: white;
	float: left;
	width: 300px;
	padding-top: 5px;
	height: 21px;
}

.gora_2{
	font: 10px Verdana; 
	color: white; 
	float: left; 
	width: 597px; 
	text-align: right;
	height: 21px;
}

.naglowek_1{
	width: 901px; 
	height: 178px; 
	margin: auto; 
	overflow: hidden;
	/*background-image: url(images/naglowek_1.jpg); 
	background-repeat: no-repeat;*/
}

.naglowek_2{
	width: 270px;
	padding-top: 1px;
	padding-left: 5px;
}

.pasek_or{
	width: 901px; 
	height: 24px; 
	margin: auto; 
	margin-top: 0px; 
	margin-bottom: 0px; 
	background-image: url(images/teak_glowny.jpg); 
	background-repeat: no-repeat;
}

.pasek_or2 {
	text-align: right; color: white; font: 10px Verdana; font-weight: bold; padding-right: 6px; padding-top: 3px;
}

.rezer_1{
	padding-top: 52px;
	padding-left: 12px;
}

.rezer_2{
	padding: 24px; 
	text-align: center;
}

.rezer_3{
	float: left; 
	width: 126px; 
	margin-left: 2px;
}

.rezer_4{
	clear: left;
	float: none; 
	width: 450px;
	padding-top: 5px;
}

.rezer_5{
	float: left;
	width: 12px;
	width: 12px;
	padding-top: 5px;
}

.tytul{
	font-family: Verdana;
	font-size: 16px;
	color: #666;
	font-weight: bold;
}


.r_column{
	width: 195px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: justify;
	background-color: white; 
	color: #777;
	margin-bottom: 10px;
}

.ramka1{
	border: 1px solid #b8bcc9;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: white; 
	color: #8a8a8a;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

.bot{
	border-top: 1px solid #8f8f8f;
	height: 1px;
	width: 200px;
	font-size: 1px;
}

.inp1{
	height: 14px; 
	width: 105px; 
	background-color: #e6e9ea; 
	border: 1px solid #c4c4c4;
	color: black;
	font: 10px Tahoma;
}

.subt{
	height: 19px;
	border: 1px solid #999;
	font-weight: bold;
	width: 40px; 
	background-color: #666; 
	font: 10px Tahoma;
	color: white;
}

.subt2{
	padding-top: 9px;
	padding-left: 12px;
	border: 0px;
}


SELECT { width: 110px; height: 20px; font: 10px Verdana; color: #888888; }




.pres td {
	vertical-align: top;
}


/* zajawka prezentacji */
table.pres_thumb {
	height: 110px;
	width: 130px;
	margin: 15px;
}
.pres_thumb td {
	text-align: center;
	vertical-align: middle;
}
.pres_thumb th {
	text-align: center;
	vertical-align: bottom;
}

h1, td h1 {
	/*width: 450px;*/
	height: 33px;
	background-image: url(http://www.sail-info.pl/images/tlo_nagl.jpg);
	background-repeat: no-repeat;
   font-family: Verdana; 
   font-style: normal;
   font-variant: normal; 
   font-size: 10px; 
   line-height: normal;
   color: white; 
   font-weight: bold; 
   padding: 6px 6px 0 6px; 
   margin: 0 0 -6px 0;
}
h1 a { color: white }

h2, td h2 {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 1px;
}

.product {
}
.product td {
	vertical-align: top;
}
.product .price, product .sale {
	text-align: right;
}
.prod_thumb {
	border: 1px solid gray;
	margin: 0 10px 5px 0;
}
table.thumb td{
	text-align: left;
	vertical-align: top;
}

/* informacje na stronie produktu */
#err_model, #err_colour, #err_size {
	color: red;
}




.link_menu{
  position:absolute;
  visibility: hidden;
  z-index: 100;
  line-height: 14px;
  font: normal 10px Verdana;
  color: white;
  margin-left: 0px;
  margin-top: 0px;
}

.link_menu a{
  font: normal 10px Verdana;
  color: white;
  width: 100%;
  display: block;
  text-indent: 3px;
  line-height: 14px;
  padding: 4px 0;
  text-decoration: none;
  margin-left: 0px; 
  margin-top: 0px;
}

.link_menu a:hover{
  font: normal 10px Verdana;
  color: white;
  text-decoration: none;
  margin-left: 0px;
}

.more {
	color: #8392bb;
	text-decoration: none;
	font-weight: bold;
}
.more:hover {
	color: #8392bb;
	text-decoration: underline;
}

.tyt {
	font: 10px Verdana;
	color: #777;
	text-decoration: none;
}
.tyt:hover {
	font: 10px Verdana;
	color: #8392bb;
	text-decoration: underline;
}



/* rozwijalne menu po lewej */
#menu_rozw {
	width: 198px;
}

#menu_rozw ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu_rozw li {
	position: relative;
	background-image: url(images/button_gora.jpg);
	background-repeat: no-repeat;
	display: block;
	vertical-align: middle;
	margin:0;
	padding:0;
	height: 30px;
	width: 198px;
	z-index:99;
}

#menu_rozw a {
	font-family: Verdana;
	font-size: 10px;
	color: #fff;
	font-weight: bold;
	display: block;
	text-align: left;
	text-decoration: none;
	margin: 0;
	padding-top: 7px;
	padding-left: 3px;
}

#menu_rozw li:hover {
	background-image: url(images/button_dol.jpg);
	background-repeat: no-repeat;
}

#menu_rozw ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
}
#menu_rozw ul ul,
#menu_rozw ul li:hover ul ul {
	display: none;
}

#menu_rozw ul li:hover ul,
#menu_rozw ul ul li:hover ul {
	display: block;
}


/* koszyk */
table.basket {
	width: 100%;
	border-collapse: collapse;
}
table.basket td {
	text-align: center;
	border: 1px solid #cecece;
	padding: 3px;
}
table.basket th {
	text-align: center;
	color: #8392bb;
	font-weight: normal;
	border: 1px solid #cecece;
	padding: 3px;
}
/* tabelki liczebności */
table.basket table {
	margin: auto;
	border-collapse: collapse;
	border: 0;
}
table.basket table td {
	border: 0;
}
table.basket table .nagl {
	border-right: 1px dotted #ccc;
}
table.basket .spacer {
	border: 0;
}
form.mikro {
	margin: 0;
	padding:0;
}

table.basket strong {
	color: #8392bb;
}


input.button {
	background-image: url(images/button_gora.jpg);
	background-repeat: no-repeat;
	vertical-align: middle;
	height: 30px;
	width: 198px;
	color: white;
	font-size: 11px;
	font-weight: bold;
	border:0;
}
input.button:hover {
	background-image: url(images/button_dol.jpg);
}
a.button {
	display: block;
	/*float:left;*/
	padding-top: 7px;
	text-align: center;
	background-image: url(images/button_gora.jpg);
	background-repeat: no-repeat;
	vertical-align: middle;
	height: 30px;
	width: 198px;
	color: white;
	font-size: 10px;
	font-weight: bold;
}
a.button:hover {
	background-image: url(images/button_dol.jpg);
}

input.button_y {
	background-image: url(images/button_gora.jpg);
	background-repeat: no-repeat;
	vertical-align: middle;
	height: 29px;
	width: 97px;
	color: white;
	font: 10px Verdana;
	font-weight: bold;
	border:0;
}
input.button_y:hover {
	background-image: url(images/button_dol.jpg);
}
a.button_y {
	display: block;
	/*float:left;*/
	padding-top: 7px;
	text-align: center;
	background-image: url(images/button_gora.jpg);
	background-repeat: no-repeat;
	vertical-align: middle;
	height: 29px;
	width: 97px;
	color: white;
	font: 10px Verdana;
	font-weight: bold;
}
a.button_y:hover {
	background-image: url(images/button_dol.jpg);
}


.button_x {
	background-image: url(images/button_x.jpg);
	background-repeat: no-repeat;
	vertical-align: middle;
	height: 31px;
	width: 97px;
	color: white;
	font: 10px Verdana;
	font-weight: bold;
	border:0;
}
.button_x:hover {
	background-image: url(images/button_y.jpg);
}
a.button_x {
	display: block;
	/*float:left;*/
	padding-top: 7px;
	text-align: center;
	background-image: url(images/button_x.jpg);
	background-repeat: no-repeat;
	vertical-align: middle;
	height: 31px;
	width: 97px;
	color: white;
	font: 10px Verdana;
	font-weight: bold;
}
a.button_x:hover {
	background-image: url(images/button_y.jpg);
}

.inp3{ 
  width: 230px;
  border: solid #ccc;
  border-width: 1px 0 0 1px;  
  background-color: #eaeaea;
}

td.kartka_szeroka_top {
	width: 684px;
	background-image: url(http://www.sail-info.pl/images/gora_dlugi.jpg);
	background-repeat: no-repeat; 
	background-position: bottom;
	height: 14px; 
	margin: 0px;
}

td.kartka_waska_top {
	width: 485px;
	background-image: url(http://www.sail-info.pl/images/gora_srodek.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 14px;
	margin: 0px;
}
td.kartka_szeroka {
	vertical-align: top;
	width: 684px;
	background-image: url(http://www.sail-info.pl/images/srodek_dlugi.jpg);
	background-repeat: repeat-y;
	margin: 0px;
}
td.kartka_waska {
	vertical-align: top;
	width: 485px;
	background-image: url(http://www.sail-info.pl/images/srodek_srodek.jpg);
	background-repeat: repeat-y;
	margin: 0px;
}
div.kartka_szeroka {
	width: 654px;
	margin: auto;
	padding: 3px 19px 2px 11px;
}
div.kartka_waska {
	width: 455px;
	margin: auto;
	padding: 3px 19px 2px 11px;
}
td.kartka_szeroka_bottom {
	width: 684px;
	background-image: url(http://www.sail-info.pl/images/dol_dlugi.jpg);
	background-repeat: no-repeat; 
	background-position: top;
	height: 14px; 
	margin: 0px;
}

td.kartka_waska_bottom {
	background-position: top;
	width: 485px;
	background-image: url(http://www.sail-info.pl/images/dol_srodek.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 14px;
	margin: 0px;
}


form th {
	text-align:right;
}
/* nagłówki generowane przez FieldSet w Form */
.fieldset {
	text-align:left;
	padding: 20px 0 6px 0;
	color: #77a;
	border-bottom: 1px solid black;
	width: 80%;
	font-size: 11px;
}
h2.kreska {
	font-size: 11px;
	padding: 20px 0 6px 0;
	color: #77a;
	border-bottom: 1px solid black;
	width: 80%;
	margin-bottom: 10px;
}
table.cennik {
	border: 1px solid rgb(184, 188, 200);
}
table.cennik th {
	border: 1px solid rgb(184, 188, 200);
	background-color: rgb(45, 44, 66); 
	color: white; 
	text-align: center;
}
table.cennik td {
	border: 1px solid rgb(184, 188, 200);
	text-align: center;
}
table.cennik td.lp {
	background-color: rgb(67, 67, 67); 
	color: white; 
}


.reklama {
	background-image:url(/images/reklama.png);
	background-position:top center;
	background-repeat: no-repeat;
	padding-top: 8px;
}
.partnerzy {
	background-image:url(/images/partnerzy.png);
	background-position:top center;
	background-repeat: no-repeat;
	padding-top: 8px;
}


table.tabela {
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}
table.tabela td, table.tabela th {
	padding: 3px;
	border: solid 1px #ddd;
}


form.inline {
	display:inline;
	/*margin-right: 5px;*/
}

form.inline input {
	padding:0;
	margin:0;
	border: 0;
	font-size: 9px;
}


.products_list td.item {
	width:50%;
	border: 1px solid #ddd;
}

.products_list .name {
	padding-left: 6px; 
	padding-top: 4px;
}
.products_list .name a {
	font: 11px Verdana;
	font-weight: bold; 
	color: #8392bb; 
}
.products_list .hr {
	padding-top: 2px; 
	padding-bottom: 2px;
}
.products_list hr {
	width: 295px;
	color: #ddd;
}
.products_list .image {
	text-align: center;
	height:100px;
}
.products_list .code {
	text-align: right;
	color: #8392bb;
	width: 100%;
}