
	/*
	 *  @2008
	 * Screen CSS
	 *
	 *
	 */



html, body, div, p, blockquote, h1, h2, h3, h4, h5, h6, form, fieldset, legend, ul, ol, li, dl, dt, dd, a, img, address
	{ margin: 0; padding: 0; font-weight: normal; font-style: normal; list-style: none; border: 0; outline: none; }
a span { cursor: pointer; }
form legend { display: none; }

html {  }
body { background: #ece1bd url(../../image/bg-body.jpg) repeat-x 0 0; font: normal 12px/22px Georgia, Geneva, Times, serif; }


.aural { position: absolute; left: -100em; }

.b { font-weight: bold; }
.i { font-style: italic; }
.u { text-decoration: underline; }
.s { text-decoration: line-through; }
.big { font-size: 1.2em; }
.x-big { font-size: 1.4em; }
.small { font-size: 0.9em; }
.x-small { font-size: 0.8em; }
.upper { text-transform: uppercase; }
.red { color: #c00; }
.bg-yellow { background: #ff0; }

.block { display: block; }
.center { text-align: center; }
.left { float: left; }
.right { float: right; }

.decimal { padding: 0 0 0 2em; }
.decimal li { list-style-type: decimal; padding: 0 0 1em }
.disc { padding: 0 0 0 2em; }
.disc li { list-style-type: disc }
.circle { padding: 0 0 0 2em; }
.circle li { list-style-type: circle }

.tik { padding: 0 0 0 2em; }
.tik li { padding: 0 0 0 18px; background: url(../../image/icon-raquo.png) no-repeat 7px 10px; }

a { color: #c00; text-decoration: none; }
a:focus, a.focus, a:hover { color: #800; text-decoration: underline; }


#page { width: 690px; margin: 0 auto; padding: 0 20px 20px; background: #ffe897; }

#top { width: 720px; height: 217px; margin: 0 -20px 0; padding: 34px 5px 0; background: url(../../image/bg-top.jpg) no-repeat 0 0; }
#top #nav li { height: 36px; float: left; margin: 0 10px 0 0;  background: url(../../image/item-left.png) no-repeat 0 0; }
#top #nav li a { position: relative; right: -5px; height: 26px; float: left; padding: 10px 15px 0 10px; color: #fff; background: url(../../image/item-right.png) no-repeat 100% 0; font: bold 1.1em Tahoma, sans-serif; }
#top #logo { display: block; width: 450px; height: 140px; float: left; clear: both; margin: 30px 60px 0 0; text-indent: -100em; overflow: hidden; }

#content { width: 470px; float: left; font-size: 1.2em; }

#right-bar { width: 160px; float: right; margin: 80px 15px 0 0; }
#right-bar #biuletyn { margin: 30px 0 0; padding: 30px 0 0; background: url(../../image/bg-hr.png) no-repeat 0 0; }
#right-bar #biuletyn .form { margin: 10px 0 0; padding: 10px 0 0; background: url(../../image/bg-hr.png) no-repeat 0 0; }
#right-bar #biuletyn .form  label { display: block; }
#right-bar #biuletyn ul li { padding: 0 0 0 28px; background: url(../../image/icon-raquo.png) no-repeat 17px 6px; }

h1 { line-height: 1.2em; width: 600px; margin: 10px -160px 20px 0; color: #ff5a00; font: 1.9em Tahoma, Helvetica, sans-serif; }
h1 em {  font: bold normal 1.1em Tahoma, Helvetica, sans-serif; }

h2, .h2 { display: block; clear: both; margin: 1em 0; color: #ff7b00; font: 1.9em/1.2em Tahoma, Helvetica, sans-serif; }
h3, .h3 { display: block; clear: both; margin: 0 0 1em; color: #627033; font: 1.8em/1.2em Tahoma, Helvetica, sans-serif; }
h6 { font: bold 1.1em Tahoma, Helvetica, sans-serif; }
.h4 { display: block; margin: 0 0 1em; font-size: 1.1em; }
.hd-bonus { margin: 2em 0 0; font-size: 2.2em; }


.hr { display: block; height: 2px; margin: 1em 0; border: 0; background: url(../../image/bg-hr.png) no-repeat 0 0; }

.rate{ color: black !important; }
.rate blockquote * {   }
.rate cite {   }
p { clear: both; margin: 0 0 1em; }
p .first-line { padding: 0 0 0 15px; }
.fl:first-letter { font-size: 1.4em; font-weight: bold; }

li .first-line { padding: 0; }
li p { clear: none; }
.raquo { padding: 0 0 0 2em; }
.raquo li { list-style-image: url(../../image/icon-raquo.png); }

.call { display: block; margin: 0 2em 2em; text-align: center; font-size: 3em; }
.call a { color: #000; background: #ff0; font-weight: bold; }

.rekom { width: 230px; float: right; margin: 1em; padding: 10px; background: #f4f2f2; border: 1px solid #ccc; }
.rekom h4 { text-align: center; font-size: 1.1em; font-weight: bold; }

.box { width: 430px; margin: 2em auto 1em; padding: 10px; color: #555;  background: #f4f2f2; border: 1px solid #ccc; font: .9em Tahoma, Helvetica, sans-serif; }
.box h3 { text-align: center; font-weight: bold; }
.box h5 { margin: 1em 0; font-size: 1em; font-weight: bold; }
.special-box { width: 320px; }
.box-1 { background: #f6c876; }
.box-2 { background: #d6f766; }

.img { margin: 0 0 -1px; padding: 10px; border: 1px solid #ccc; font-weight: bold; }
.img h2 { margin: 0; }
.img img { display: block; margin: 1em auto; }
.img h5 { font-weight: bold; }
.img ul { margin: 0 0 1em; font-weight: bold; }
.img ul li { font-weight: bold; }

input.text { border: 1px solid #39430f }
input.submit { margin: 10px 0; padding: 2px; border: 1px solid #ff7b00; color: #39430f; background: #d6f766; font-weight: bold; }

#footer { margin: 2em 0 0; text-align: center; font: .8em Tahoma, Helvetica, sans-serif; }
#footer a { color: #c00; }
#footer .sciema { margin: -2px 0 2px; }
#footer .sciema img { position: relative; bottom: -4px; }

#footer #copy {  }
#footer address { display: block; text-align: center; }
#footer address span { display: block; }





/*
formularz zamowienia
*/

#lay{visibility:hidden;width:400px;height:0px;border:1px solid orange}

.pole {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-SIZE: 8pt; BACKGROUND: #e5e4e5; BORDER-LEFT: black 1px solid; COLOR: #C0972B; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: tahoma, verdana
}

.button {
    COLOR: white;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold;
        background: #20C41C;
border:0px solid #20C41C;
        border-width:1;

}

.buttonzam {
	COLOR: white;
	FONT-FAMILY: Tahoma;
	FONT-SIZE: 20px;
	FONT-WEIGHT: bold;
	background: #20C41C;
	border:3px solid #008000;
	border-width:3px;	
}

