html, body, div, img, #conainer  {margin: 0; padding: 0; border: 0px;}
body{
	background: url(../images/tlo_wew.jpg) repeat-x ; 
	text-align: center; /* w 5,0 wyrownuje container*/
}

html{text-align: center;}   
a {text-decoration: none;	
	color: black;
}
img{
	border: 0;
	padding: 0px;
	margin: 0px;
}
h5{
	color: #EC0000;
	height: 20px;
	margin: 0 0 10px 0;
	text-indent: 0px;
	padding-left: 25px;
	font: 16px tahoma, verdana, microsoft sans serif, verdana, arial ,lucida grande, sans-serif;
	font-weight: bolder;
}
h4{
	width: 150px;
	font:  13px tahoma, verdana, microsoft sans serif, verdana, arial ,lucida grande, sans-serif;
	color: Maroon;
	font-weight: bolder;
	text-align: left;
	text-indent: 0px;
	letter-spacing: 4px;
	margin: 0px 0 3px 0;
	}
p{
	text-indent: 20px;
	margin: 0px;
	}
#licznik{
margin: 52px 0 0 -138px;
width: 80px;
height: 15px;
float: left;
font: 10px verdana, microsoft sans serif, verdana, arial ,lucida grande, sans-serif;
font-weight: bolder;
color: #3A5D79;
}
.center{
text-align: center;
}
.center img{
	margin: 20px;
}
#container {
	text-align: left;
	font:  14px Tw Cen MT verdana, microsoft sans serif, verdana, arial ,lucida grande, sans-serif;
	width: 755px;
	height: auto;	
	margin: 0 auto 0 auto ;
	background: url(../images/tlocont.jpg) repeat-y ; 
	position: relative;
	padding: 0;
	overflow: hidden;
	
}
#baner{
float: left;
width: 755px;
height: 309px;
margin: 0px;
padding: 0px;
}
#lewa{
	width: 196px;
	float: left;
	height: 500px;
	margin:0 0 0  52px;
	display: inline;
	overflow: hidden;
}
.artykuly{
	float: left;
	width: 100%;
	height: 180px;
	margin-top: 320px;
	padding: 15px 0 0 15px;
	font: 12px  verdana, tahoma;
	background: url(../images/artykuly.jpg) no-repeat ; 
	z-index: 0;
}
.artykuly p{
	margin-bottom: 4px;
}
.artykuly a{
display: block;
font: 11px  verdana, tahoma;
height: 15px;
}
.artykuly a:hover{
color: #510000;
font-weight: bolder;
}
#menu_zaw{
   width: 198px;
	text-align: left;
 	background: url(../images/tlomenu.jpg) repeat-y ; 
	position: absolute; top: 300px; left:51px;
}
#menu_zaw a{
	margin: 3px 0px 0px 14px;
	display: block;
	font: 11px cosmic sans, verdana, arial, lucida grande , sans-serif;
	height: 20px;
	width: 166px;
}
#menu_zaw a:hover{
	background: #F0E98F;
	color: #844F00;
	text-decoration: none;
	width: 168px;
	font-weight: bolder;
}
#menu_zaw img{
vertical-align: -3px;
}
#menulg{
	float: left;
	width: 100%;
	background: url(../images/menug.jpg) no-repeat;
}
#menuld{
	float: left;
	width: 100%;
	height: 30px;
	background: url(../images/menu_st.jpg) no-repeat bottom; 
}
/*---do menu rozwijanego*/
dl{
	margin: 0px;

}
dd{
	margin: 0px;
	overflow: hidden;
	width: 180px;

}
dd a{
	padding-left:19px;
}
dd a:hover{
	padding-left:15px;
	font-weight: normal;
}

#text_info{
	position: absolute; top: 270px; left: 240px;
	padding: 5px;
   font: 25px monotype corsiva, Microsoft Sans Serif, verdana, tahoma;
	color: #551717;
}
#tresc{
	width: 450px;
	height: auto;	
	float: left;
	padding: 15px 0 15px 5px;
	text-align: justify;
}
.foto_tresc{
	float: right;
	vertical-align: middle;
	margin: 4px 3px 1px 8px;
	display: block;
}

.foto_tresc img{
	border: 1px solid #ddd;
	padding: 2px;
}
.foto_tresc_l{
	float: left;
	vertical-align: middle;
	margin: 4px 3px 1px 8px;
	display: block;
}

.foto_tresc_l img{
	border: 1px solid #ddd;
	padding: 2px;
}
.kup-teraz{
	font-weight: bolder;
	float: right;
	}
.kup-teraz a{
color: Red;
}
.kup-teraz a:hover{
color: silver;
}
.belka{
	float: left;
	width: 400px;
	height: 1px;
}
.odstep {
	width: 100%;
	height: 5px;
	float: left;
}
address{
	font-size: 12px;
	width: 200px;
	margin-left: 20px;
	float: left;
	font-style: normal;
	padding: 10px;
	font: 11px Microsoft Sans Serif, verdana, tahoma;
	line-height: 30px;
	display: inline;
	color: black;
}

address a:hover{
	font-weight: bolder;
}
address a{
	color:color: #551717;
}
address img{
	vertical-align: -3px;
}
address b{
	width: 100%;
	color: #551717;
	font: 12px Microsoft Sans Serif, verdana, tahoma;
	font-weight: bolder;
	   text-align: left;
}

.download img{
vertical-align: -9px;
}
.do_gory{
		font: 10px  verdana, tahoma;
		margin: 15px 50px 0 0;
		float: right;
}
.do_gory a{
	color: #5D3211;
}
.do_gory a:hover{
	color: Black;
	font-weight: bolder;
}
#stopka{
	width: 755px;
	height: 197px;	
	background: url(../images/stopka.jpg) no-repeat ;
	margin: 0 auto 0 auto ;
}
#stopka em {
	margin: 15px 5px 0 5px;
	font-style: normal;
	font:  90%  verdana, arial ,lucida grande, sans-serif;
	color: black;
}
#stopka #klient{
	float: left;
	margin: 30px  0 0 55px;
	color: black;
	font: 10px cosmic sans, verdana, arial ,lucida grande, sans-serif;
	color: #582021;
}
#stopka #intellect{
	float: right;
	margin: 30px 50px 0 0 ;
}
#stopka #klient a{
  color: #582021;
  	font:  10px cosmic sans, verdana, arial ,lucida grande, sans-serif;
	text-decoration: none;	
}
#stopka #intellect a{
  color: #582021;
  	font:  10px cosmic sans, verdana, arial ,lucida grande, sans-serif;
	text-decoration: none;	
}
#stopka i {
	color: orange;
}
#intellect img{
	vertical-align: -4px;
}
#galeria  {
	width: 450px;
	text-align: center;

	
	 	 }

#galeria td { 
border: 1px  solid #eee;
}   

td a {
display: block;
}
#galeria table{
border-spacing: 5px;  
width:100%
}
#download a:hover{
	font-weight: bolder;
	color: #701C1C;
}

/* serwis */
#serwis {
	width: 450px; overflow: hidden; 
	padding-left: 5px; padding-bottom: 30px;
	position: relative; height: auto;
}
#serwis h3, #serwis h4 {
	width: 100%;
	text-align: left;
	float: left;
}
#serwis form, #serwis fieldset {
	margin:0; padding:0;
	float: left;
}
#serwis .information {
	overflow: hidden; float: left; height: auto;
	text-align: left; margin-top: 20px; font-style: italic;
	width: 400px;
}
#serwis .information input {
	float: left; width:auto; padding:0;
	margin: 0 10px 10px 10px;
}

#serwis input, #serwis textarea {
	float: left; width: 150px;
	color: black;
	padding: 3px 0; text-indent: 5px;
	font: 12px Verdana;
}

#serwis fieldset {
	border: 1px solid #3374C6;
	padding: 10px 0 10px 20px;
	margin-bottom: 25px;
}
#serwis .sure {
	float: left;
}
#serwis .sure input {
	float: left; width: 20px;
	margin-right: 5px;
}
#serwis .l {
	float: left; width: 100%;
}
#serwis label {
	float: left; text-align: left;
	width: 250px; display: block;
	font: 13px Verdana; color: #167CBC;
	padding: 5px 0 0 5px;
}
#serwis legend {
	font: bold 12px Tahoma;
	color: black; margin-left: 30px;
}
#serwis .box {
	float: left;  overflow: hidden;
	width: 450px; margin:1px auto;
}

#serwis .badf {
	color: red; padding-top: 7px;
	float: left; font: 12px Verdana;
	text-align: left; padding-left: 10px;
}
#serwis .confirm {
	position: absolute; right: 165px;
	bottom:0;
}
#serwis .confirm input {
	width: 74px; height: 26px; padding:0;
	margin: 3px; cursor: pointer; 
	background: #0F74BC; color: white;
}
#serwis textarea {
	width: 410px;
}
.reg-info {
	float: left;
	margin: 0; padding:0;
	margin-left: 27px;
	text-align: left;
	padding: 10px 0;
}

.table_kal td a {
	color: white !important;
}
.table_kal {
	border: none !important;
	background: black !important;
}
#kalendarz {
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px;    /* Konqueror */
	-moz-border-radius: 5px; /* Firefox */
	border-radius: 5px; border: 3px solid #2C6CC3 !important;
	background: black !important;
	left: 776px !important;
	z-index: 999 !important;
}
#clear_box {
	width: 400px; height: 200px;
	overflow: hidden; border: 1px solid gray;
}
/* end serwis */