/* CSS Document */

body {background-color:#0d934d; background-image: url(images/background.jpg); background-repeat: repeat-x; margin:0 auto; text-align:center;} 

.flash {background-image: url(images/image_08.jpg); }
.headkontakt {background-image: url(images/image_04.jpg); }
.main {background-image: url(images/maintlo.jpg); background-color:#0a5c36; font-family: Tahoma, Verdana; font-size: 12px; color: #caeedd; vertical-align:top; text-align: left; padding-left:0px; padding-right:0px; padding-bottom:10px; padding-top:10px; width:545px}
.main1 {background-image: url(images/maintlo.jpg); background-color:#0a5c36; font-family: Tahoma, Verdana; font-size: 12px; color: #caeedd; vertical-align:top; text-align: left; padding-left:0px; padding-right:0px; padding-bottom:10px; padding-top:10px; width:545px}
.main2 {font-family: Tahoma, Verdana; font-size: 12px; color: #caeedd; vertical-align:top; text-align: left; padding-left:20px; padding-right:20px; padding-bottom:10px; padding-top:10px; width:505px}
.tlomenu {background-image: url(images/image_10.jpg); vertical-align:top; text-align: left;}
.szybki {background-image: url(images/image_13.jpg); background-color:#065934; background-repeat: repeat-x; font-family: Tahoma, Verdana; font-size: 13px; color: #bfffda; line-height: 30px; vertical-align:top; text-align: left; padding-left:70px; padding-top:14px;}
.marginleft {background-image: url(images/image_01.jpg); background-color:#0d934d; background-repeat: repeat-x; }
.marginright {background-image: url(images/image_06.jpg); background-color:#0d934d; background-repeat: repeat-x; }
.doltable {background-color:#065934; text-align: center;}
.stopkal {background-image: url(images/image_17.jpg); font-family: Tahoma, Verdana; font-size: 12px; color: #bfffda; text-align: left; padding-left:130px;}
.stopkala {background-image: url(images/image_17a.jpg); font-family: Tahoma, Verdana; font-size: 12px; color: #bfffda; text-align: left; padding-left:130px;}
.stopkap {background-image: url(images/image_18.jpg); text-align: left; padding-left:270px;}

.mail:link {font-family: Tahoma, Verdana; font-size: 13px; color: #4bfb9e; text-decoration:none; }
.mail:visited {font-family: Tahoma, Verdana; font-size: 13px; color: #4bfb9e; text-decoration:none; }
.mail:hover {font-family: Tahoma, Verdana; font-size: 13px; color: #4bfb9e; text-decoration:underline; }

.stopkalink:link {font-family: Tahoma, Verdana; font-size: 11px; color: #4bfb9e; text-decoration:none; }
.stopkalink:visited {font-family: Tahoma, Verdana; font-size: 11px; color: #4bfb9e; text-decoration:none; }
.stopkalink:hover {font-family: Tahoma, Verdana; font-size: 11px; color: #4bfb9e; text-decoration:underline; }

.formularz {background-color:#91d9ae; font-family: Tahoma; font-size: 8pt; color:#313131; border: 1px solid #7b8c95;}
.form {padding-left:100px;}
.button {font-family: Tahoma; font-size: 8pt;}

/* menu */

.buttonscontainer {width: 160px; padding-left:14px; padding-top:14px;}

.buttons a {

background: url(images/dot.png) left center no-repeat;
color: #ffffff;
padding: 6px;

padding-left: 20px;
display: block;
border-bottom: 1px solid #69ca97;
font: 12px Verdana, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;}

.buttons a:hover {background-color: #238f4e;
color: #a3ffce;
text-decoration: none;}
/end of menu/

/* FORMULARZ */
img.contact_form {
	margin-right: 0.8em;
	margin-top: 2px;
}
table.contact_form {
	text-align: left;
	width: auto;
	margin-left: 5mm;
}
td.contact_form_left {
	text-align: right;
	font-family: tahoma, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #bfffda;
	vertical-align: top;
}
td.contact_form_right {
	text-align: left;
	width: 355px;
	vertical-align: top;
}
td.contact_form_centered {
	text-align: center;
	vertical-align: top;
}
input.textinput_contact {
	background: url('images/form-input-bg01.png') no-repeat transparent scroll top left;
	width: 239px;
	height: 14px;
	font-size: 8pt;
	color: #282a2b;
	margin: 3px;
	font-weight: normal;
	font-family: verdana, sans-serif;
	border: none;
	padding-top: 4px;
	padding-left: 5px;
}
input.submit_contact {
	margin: 1em;
	padding: 0.7em;
	font-family: verdana, sans-serif;
	color: white;
	background-color: #009652;
	font-weight: bold;
	font-size: 7pt;
	border: none;
}
textarea.areainput_contact {
	background: url('images/form-input-bg02.png') no-repeat transparent scroll top left;
	width: 300px;
	height: 125px;
	font-size: 8pt;
	color: #282a2b;
	margin: 3px;
	font-weight: normal;
	font-family: verdana, sans-serif;
	border: none;
	padding: 8px;
}
div.contactFormErrorBox {
	margin: 1em auto;
	background-color: #bfffda;
	padding: 0.3em;
	font-size: 8pt;
	text-align: center;
	border: 1px solid #CC3333;
	color: #b00000;
}
ul.contactFormErrorBox {
	list-style-type: square;
	text-align: left;
}
li.contactFormErrorBox {
	font-weight: bold;
	text-align: left;
}
div.unsentMessageBox {
	border: 1px solid #aaaaaa;
	color: #666666;
	background-color: #cccccc;
	padding: 1em;
	margin: 0.5em auto;
	font-size: 7pt;
	text-align: left;
	font-weight: normal;
}
div.successBox {
	border: 1px solid #AABCC5;
	color: #444444;
	background-color: #bfffda;
	padding: 1em;
	margin: 0.5em auto;
	font-weight: bold;
	font-size: 9pt;
	text-align: center;
}
div.page_title {
width: 480px;
padding-left: 65px;
height: 52px;
padding-top: 96px;
background: url(images/image_11.jpg) top left no-repeat;
font-size: 20px;
color:#FFFFFF;
text-align: left;
}
/* PRODUKTY */

h2.products {
	color: #badf71;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

ul#products_list {}

ul#products_list li {
	padding: 20px 10px;
    text-align: left;
    position: relative;
    width: 400px;
    list-style: none;
}

ul#products_list li.clear {
	float: none;
	padding: 0;
    width: 100%;
}
h2.product_title {
	padding-top: 5px;
    color: #badf71;
}

ul#products_list li img {
	padding-bottom: 7px;
}

ul#products_list li div {
	padding-top: 3px;
}



ul#products_list li span.price {
	color: #FFF;
    padding: 5px 0;
}

ul#products_list li span.old {
	text-decoration: line-through;
    color: #acabab;
}

ul#products_list li span.new strong {
	color: #FF0000;
}

ul#products_list li span.wiecej {
    /*padding: 5px 0 0 43px;*/
    padding-top: 3px;
}

ul#products_list li div a, ul#products_list li div span {
	display: block;
    width: 100%;
    line-height: 135%;
}

ul#products_list li a.b_wiecej {
    width: 75px;
    height: 18px;
    background: transparent url(images/b_wiecej.gif) no-repeat 0 0;
    font-weight: bold;
    color: #000000;
    text-align: center;
    padding-top: 1px;
    text-decoration: none;
    display: block;
    margin: 0 auto;
}

ul#products_list li a.b_wiecej:hover {
    text-decoration: none;
    background-position: 0 -19px;
}
/* PRODUKT */

div#product_left {
    width: 293px;
    float: left;
    text-align: center;
    position: relative;
    padding-bottom: 15px;
    overflow: hidden;
}


div#product_right {
    float: right;
    width: 450px;
    color: #FFF;
}

div#product_right table td {
    padding: 7px 10px;
    vertical-align: middle;
    line-height: 130%;
}

div#product_right table tr td.wersja_mini a {
    display: block;
    padding: 1px;
    border: 1px #797d80 solid;
}

div#product_right table tr td.wersja_radio {
    padding-left: 5px;
    padding-right: 5px;
}

div#product_right table tr td.wersja_radio input {
    width: auto;
    border: 0;
}

div#product_right table tr td.wersja_poj {
    color: #c0e085;
    padding-left: 0;
    font-size: 12px;
    width: 115px;
}

div#product_right table tr td.cena_title {
    padding-right: 3px;
}

div#product_right table tr td.cena {
    padding-left: 3px;
    font-weight: bold;
    vertical-align: middle;
    width: 60px;
}

div#product_right table tr td.cena span {
    display: block;
    padding: 2px 0;

}

div#product_right table tr td.cena span.new_price {
    color: #ff0000;
}

div#product_right table tr td.cena span.old_price {
    color: #acabab;
    text-decoration: line-through;
    padding: 0;
    margin: 0 auto;
}

div#product_right table tr td.do_koszyka {
    padding: 0;
}

div#product_right table tr td.wersja_mini a:hover {
    border-color: #c0e085;
}

.produkt {
    padding: 40px 10px 35px 10px !important;
}

p.opis_produktu {
    border-top: 1px #4c5156 solid;
    margin-top: 15px;
    padding-top: 10px;
}

/* KOSZYK */

table#koszyk_table {
    text-align: center;

}

table#koszyk_table td {
    padding: 5px 15px;
    vertical-align: middle;
}

table#koszyk_table thead tr td {
    background-color:#080F15;
    border-bottom: 1px #424c53 dashed;
    text-align: center;
    font-weight: bold;
    padding-bottom: 10px;
    color: #FFF;
    padding-top: 11px;
    padding-bottom: 11px;
}

table#koszyk_table tbody tr td {
    color: #badf71;
    font-weight: bold;
    border-bottom: 1px #424c53 dashed;
}

table#koszyk_table tbody tr td input {
    width: auto;
    border: 0;
}

div#razem {
    padding: 5px 25px 0 25px;
}

div#razem span#laczna_kwota {
    float: right;
    text-align: right;
    font-weight: bold;
    font-size: 15px;
    color: #FFF;
}

/* FORMULARZ ZAMOWIENIA */

#formularz {
	margin: 0 auto 10px;
	padding: 0;

    color: #BADF71;
}

#formularz li {
	list-style: none;
	padding: 7px 0;
	overflow: hidden;
	margin: 0;
	background: none;
    border-bottom: 1px #424c53 dashed;
}

#formularz li.naglowek {
	color: #FFF;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	/*border-bottom: 1px solid #FFF;*/
	background-color: #080F15;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 20px;
    margin-top: 10px;
}

#formularz li label {
	display: block;
	width: 220px;
	margin: 0 10px 0 0;
	float: left;
	text-align: right;
	padding: 4px 0;
}

#formularz li input, #formularz li textarea, #formularz li select {
	padding: 3px;
	border: 1px solid #C3C3C3;
	background-color: #fff;
	width: 350px;
	font-size: 11px;
	font-family: Tahoma, Sans-serif;
	overflow: auto;
	color: #000;
}

#formularz li.radio {
	padding: 7px 25px;
	border: 0 none;
}

#formularz li.radio input {
    background: none;
    border: 0 none;
}

#formularz li.radio label {
	display: inline;
	width: auto;
	margin: 0;
	padding: 0;
	float: none;
}

#formularz li.radio input {
	padding: 0;
	border: 0 none;
	vertical-align: middle;
	width: auto;
	margin: 0 10px 0 0;
	padding: 0;
}

#formularz li.form_required {
	font-size: 10px;
	padding: 7px 0 7px 275px;
}

#formularz li.b_skladam_zam {
	padding: 7px 0 0 230px;
    border-bottom: 0;
}
.button {
    width: 75px;
    height: 16px;
    background: transparent url(images/b_do_koszyka.gif) no-repeat 0 0;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    padding-top: 3px;
    text-decoration: none;
    display: block;
    margin: 0 auto;
}


a.button:hover {
     text-decoration: none;
    background-position: 0 -19px;
}
/* FORMULARZ ZAMOWIENIA */

#formularz {
	margin: 0 auto 10px;
	padding: 0;
	width: 490px;
    color: #BADF71;
}

#formularz li {
	padding: 7px 0;
	overflow: hidden;
	margin: 0;
	background: none;
    border-bottom: 1px #FFFFFF dashed;
}

#formularz li.naglowek {
	color: #FFF;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	/*border-bottom: 1px solid #FFF;*/
	background-color: #080F15;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 20px;
    margin-top: 10px;
}

#formularz li label {
	display: block;
	width: 130px;
	margin: 0 10px 0 0;
	float: left;
	text-align: right;
	padding: 4px 0;
}

#formularz li input, #formularz li textarea, #formularz li select {
	padding: 3px;
	border: 1px solid #C3C3C3;
	background-color: #fff;
	width: 300px;
	font-size: 11px;
	font-family: Tahoma, Sans-serif;
	overflow: auto;
	color: #000;
}

#formularz li.radio {
	padding: 7px 25px;
	border: 0 none;
}

#formularz li.radio input {
    background: none;
    border: 0 none;
}

#formularz li.radio label {
	display: inline;
	width: auto;
	margin: 0;
	padding: 0;
	float: none;
}

#formularz li.radio input {
	padding: 0;
	border: 0 none;
	vertical-align: middle;
	width: auto;
	margin: 0 10px 0 0;
	padding: 0;
}

#formularz li.form_required {
	font-size: 10px;
	padding: 7px 0 7px 275px;
}

#formularz li.b_skladam_zam {
	padding: 7px 0 0 230px;
    border-bottom: 0;
}
a.stro {
display: inline-block;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
a.aktywna_strona {
display: inline-block;
color: #FFCC00;
font-weight: bold;
text-decoration: none;
}