body { 
	background: #F5F5EF url("pic/tlo.gif") repeat-x top; 
	font-family: Trebuchet MS; Arial, Verdana; font-size: 11px; color: #666; text-align: center; 
	margin: auto; }

img { border: none; }

.cleaner { clear: both; padding: 0; margin: 0; }

#noview { display: none; }

form { margin: 0; padding: 0; }

a {  text-decoration: none; color: blue; }

a:hover { text-decoration: underline; }

span { color: red; }

ul { list-style-image: url("pic/dots.gif"); padding-left: 20px; margin: 15px 0 10px 0; }

.left { float: left; }


/*-------------WebSettings------------*/

#baner1 { width: 750px; margin: auto; padding: 0; }

#tlo_text { background: transparent url("pic/tlo_text.gif") repeat-y; width: 743px; margin: auto; text-align: left; }

#tlo_text_up { background: transparent url("pic/tlo_text_up.gif") no-repeat top; height: 26px; }

#tlo_text_down { background: transparent url("pic/tlo_text_down.gif") no-repeat; height: 26px; }

.tlo_text_left, .tlo_text_left_realizacje { float: left; width: 300px; }

.tlo_text_left_realizacje { width: 230px; }

.tlo_text_left h1, .tlo_text_left_realizacje h1 { padding: 30px 0 15px 30px; margin: 0; font-size: 0; }

.tlo_text_left h2 { padding: 0 10px 10px 20px; margin: 0; }

.tlo_text_left h3 { padding: 0 10px 10px 30px; margin: 0; }

.tlo_text_left h4, .tlo_text_left_realizacje h4 { padding: 0 0 0 30px; margin: 0; }

.tlo_text_right, .tlo_text_right_realizacje { float: right; width: 440px; }

.tlo_text_right_realizacje { width: 510px; }

.tlo_text_right h1, .tlo_text_right_realizacje h1 { padding: 30px 0 15px 0; margin: 0; }

.tlo_text_right_realizacje h1 { padding-bottom: 45px; }

.tlo_text_right h3, .tlo_text_right_realizacje h3 { padding: 0 25px 0 0; margin: 0; }

#realizacje_tlo { background: transparent url("pic/realizacje_tlo.gif") no-repeat left top; width: 173px; height: 230px; padding-top: 25px; margin: 20px 0 10px 0; }

#realizacje_tlo a { display: block; background: transparent url("pic/arrow.gif") no-repeat; font-size: 16px; width: 173px; height: 50px; color: #329AAF; line-height: 30px; padding-left: 30px; }

#realizacje_tlo a:hover { text-decoration: none; color: #000; }


/*-------------Fonts------------*/

h3 { font-size: 11px; font-weight: normal; line-height: 18px; }



/*-------------WebRealizacje------------*/

div.pic {
	width: 138px;
	height: 105px;
	float: left;
	text-align: center;
	margin: 0 5px 5px 0; 
	background: transparent url("pic/pic.gif") no-repeat; }

div.v img {
	height: 92px;
	width: 124px;
	margin: 5px 0 0 4px; }

div.h img {
	height: 92px;
	width: 68px;
	margin: 5px 0 0 0; }
	


/*-------------WebKontakt------------*/

#kontakt  input {
	width: 300px; 
	height: 18px;
	border: 1px solid #ccc; }

#kontakt textarea {
	width: 300px;
	height: 120px;
	border: 1px solid #ccc;
	margin: 8px 0 8px 0; }

.button {
	width: 60px;
	font-weight: bold;
	font-size: 11px;
	color: #777; }

.blokname { text-align: left; }

.blokinsert {
	text-align: left;
	margin-top: 10px; }

#send { text-align: right; padding-right: 150px; }
