/* PODSTAWOWE KLASY */
body {background-color: #733816; color: #fff; padding: 0px; margin: auto; width: 100%;}

html, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, strike, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th {margin: 0;	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline; font-size: 14px; line-height: 18px; font-family: arial,tahoma,verdana;}
a {color: #ff8000; text-decoration: none;}
a.white {color: #fff;}
a.white.ukryty {text-decoration: none;}
.center {text-align: center;}

h1 {color: #ad5221; font-size: 17px; padding: 20px 0 0 30px; margin: 0;}



.clear {clear: both;}

p {margin: 0px auto 0px auto; padding: 10px 0px 10px 0px; width: 92%;}

#body {width: 754px; margin: auto;}


#choose_lang {height: 28px;}
#choose_lang #L1 {width: 308px; background: url('../images/2.jpg'); float: left; margin-left: -1px; height: 100%;}
#choose_lang #C1 {width: 214px; float: left; height: 100%;}
#choose_lang #C1 a {display: block; float: left; height: 28px;}
#choose_lang #C1 a#link1 {width: 86px; background: url('../images/PrzycAng.jpg');}
#choose_lang #C1 a#link1:hover {background: url('../images/PrzycAng1.jpg');}

#choose_lang #C1 a#link2 {width: 59px; background: url('../images/PrzycNiem.jpg');}
#choose_lang #C1 a#link2:hover {background: url('../images/PrzycNiem1.jpg');}

#choose_lang #C1 a#link3 {width: 69px; background: url('../images/PrzycRos.jpg');}
#choose_lang #C1 a#link3:hover {background: url('../images/PrzycRos1.jpg');}

#choose_lang #R1 {width: 232px; background: url('../images/3.jpg'); float: right; margin-right: 1px; height: 100%;}


#menu {background: url('../images/menu-bg.jpg'); height: 32px; width: 746px; margin-left: 4px;}
#menu #L2 {float: left;  width: 498px; text-align: right; height: 100%;}
#menu #R2 {float: right; width: 219px; height: 100%;}

#menu #L2, #menu #R2 {color: #370c05;}
#menu #L2 a, #menu #R2 a {color: #fff; padding: 0; font-size: 12px; font-weight: bold; line-height: 40px; font-family: tahoma,arial,verdana; text-decoration: none;}
#menu #L2 a:hover, #menu #R2 a:hover {text-decoration: underline;}

#content {border: 1px solid #efecdb; border-top: 0; width: 744px; margin-left: 4px;}
#linki_pomocnicze {text-align: right; font-size: 13px; padding: 15px 20px 15px 0px; color: #cc6026;}
#linki_pomocnicze a {color: #EBB394; font-weight: bold;}
#bottom_description p {font: 12px/ 15px arial,tahoma,verdana; width: 97%; margin-top: 20px;}

#bottom_description p.duzy {font-size: 14px; text-align: center; line-height: 19px; margin: 15px 0px 10px 0px; padding: 0px;}
#bottom_description p.duzy.rozowy {color: #ff9966;}


#stopka {width: 80%; margin: 10px auto 0 auto; color: #ccc; text-align: center; font-size: 11px;}
#stopka a {font-size: 13px; font-weight: bold;}

/* STRONA GLOWNA */
#dom {background: url('../images/dom.jpg'); width: 744px; height: 273px;}
#dom #wrapper1 {width: 527px; height: 240px; margin: 0px 0px 0px 215px; padding-top: 25px;}
#dom a {display: block; float: left; width: 101px; height: 117px; color: #fff; padding: 1px; font: normal normal bold 14px/ 180px tahoma,arial,verdana; text-decoration: none; text-align: center;}
#dom a:hover {color: #ff8000;}

#klucze {width: 92%; margin: 10px auto auto auto;}
#klucze small {letter-spacing: 2px; font-variant: small-caps; font-size: 14px;}
#klucze h2 {font-size: 16px; color: #ffff00; padding: 3px 0 15px 0; margin: 0px;}

/* KONTAKT */
.paragraph-center p {text-align: center;}

/* WSPOLPRACA */
.belka-brazowa {background: #ad5221; width: 99%; margin: auto; color: #efc2ab; padding: 4px; font-weight: bold; margin: 10px auto 0px auto;}

/* CENNIK */
#cennik {width: 520px; margin: auto;}
#cennik div {padding: 3px;}
#cennik .nr.brazowy, #cennik .L3.brazowy, #cennik .C3.brazowy, #cennik .R3.brazowy  {background: #86401a; color: #efc2ab;}
#cennik .nr {float: left; width: 40px;}
#cennik .L3 {float: left; width: 250px;}
#cennik .C3 {float: left; width: 100px;}
#cennik .R3 {float: left; width: 100px;}

/* INSTRUKCJA */
#instrukcja {width: 630px; margin: auto; padding-bottom: 30px;}
#instrukcja #L4 {float: left; width: 305px;}
#instrukcja #R4 {float: right; width: 305px;}
#instrukcja .belka-brazowa2 {background: #ad5221; width: 100%; color: #fff; padding: 2px; font-weight: bold; margin: 10px auto 0px auto;}
#instrukcja #L4 p, #instrukcja #R4 p {padding: 5px 2px 0px 2px; margin: 0px; font-size: 12px; line-height: 16px;}
#instrukcja #L4 img, #instrukcja #R4 img {margin: 5px}

/* ZAMOWIENIE */
#zamowienie {padding: 20px 0px 20px 0px; width: 440px; margin: auto;}
#zamowienie .L5 {float: left; width: 230px; height: 30px; text-align: right;}
#zamowienie .L5 small {font-size: 12px;}
#zamowienie .R5 {float: right; width: 200px; height: 30px;}
#zamowienie .R5 input {border: 1px #999 inset; width: 190px;}
#zamowienie .R5 input:focus {background: #ffffb7;}
#zamowienie .break {clear: both; width: 100%; margin: auto; height: 1px; background: #ad5221; margin: 15px 0 15px 0;}
#zamowienie #buttons {text-align: center; padding: 10px 0 0 175px;}

/* MAPA */
#mapa {margin-left: 30px;}

/* PRODUKTY */
.produkty {padding: 15px 0 15px 0; width: 600px; margin: auto;}
.produkty img {margin: 8px;}

.produkt {width: 650px; margin: auto; padding-bottom: 20px;}
.produkt p.opis {width: 60%; margin: auto; letter-spacing: 2px; font-style: italic; font-weight: bold; text-align: center;}

.produkt .C6 {width: 320px; text-align: center; margin: auto;}
.produkt .L6 img, .produkt .R6 img, .produkt .C6 img {display: block; margin: 15px auto 6px auto;}
.produkt .L6 {float: left; width: 320px; text-align: center;}
.produkt .R6 {float: right; width: 320px; text-align: center;}
p.patent {font-size: 10px; color: #ffff00; text-align: center;}


/* GALERIA */
.galeria {border: 2px solid #999; padding: 10px; width: 610px; margin: 20px auto 20px auto;}
.L7 {float: left; width: 200px;}
.C7 {float: left; width: 202px;}
.R7 {float: left; width: 168px;}
.L7 img, .C7 img, .R7 img {display: block; margin: auto;}
.L7, .C7, .R7 {text-align: center;}

.galeria2 {width: 630px; margin: 20px auto 20px auto;}
.galeria2 div {width: 200px; height: 220px; float: left; font-weight: bold; font-size: 13px; line-height: 16px; text-align: center; margin: 4px;}
.galeria2 div img {display: block; margin: 10px auto 4px auto;}
.galeria2 .przerwa {height: 40px; float: left; width: 100%;}