body {	margin: 0;	padding: 0;	font-family: Veranda, Arial, Tahoma, sans-serif; text-align: center; background:url(images/bg.jpg) repeat-x;}

/* HEADER
****************************************** */
#container {	width: 768px;  	margin: 0 auto;	text-align: left;	font-size: 80%; background:#FFF;	}	
#header { float: left;  	width: 100%;  	margin: 0;  	padding: 0;  	list-style: none;  	color: #314673;
  	background: #e4e4e4 url(images/reg_bottom.gif) no-repeat bottom left;  	}
#header a {  	text-decoration: none;  	color: #314673;  	}

#top{ width: 100%; margin-top: 0px; background-color: #FFF;}
#sub_menu{  width: auto; height: 20px; margin: 0 0 0 530px; }
#sub_menu .home{float: left; width: auto; height:auto; margin: 1px 2px; padding: 2px 3px; font-size: 10px;}
#sub_menu .maps{float: left; width: auto; height:auto; margin: 1px 2px; padding: 2px 3px; font-size: 10px;}
#sub_menu .mail{float: left; width: auto; height:auto; margin: 1px 2px; padding: 2px 3px; font-size: 10px;}

/*  MENU
**********************************************888 */
#logo{	float: left;	margin-top: 5px; margin-left: 0px; border: none;}
#menu{  float: right; padding: 0; margin-top: 22px; height: auto; width: 65%; height: 31px;}
#menu ul{  font: bold 11px Arial; margin:0; margin-left: 0px; /*margines z lewej od loga margin-top: 40px; */
padding: 0; list-style: none; }
#menu li{ display: inline; margin: 0 2px 0 0; padding: 0; text-transform: none; /*uppercase- wszystkie litery wielkie*/}
#menu a{ float: left; display: block; color: #314673; margin: 0 1px 0 0; /*margines pomiedzy kazdym przyciskiem*/ padding: 9px 13px; text-decoration: none; letter-spacing: 1px; background-color: #f2f2f2; /*kolor tla przycisku*/ border-bottom: 1px solid white; }
#menu a:hover{ background-color: #c3c3c3; /*tlo przycisku po najechaniu na niego*/ }
.menu_linia{ clear: both; padding: 0; width: 100%;  line-height: 3px; background: #335572; /*kolor linii*/ }

/* CONTENT
********************************************* */
#content{	margin: auto;	width: 100%; background:#FFF;}
#left_side{	width: 220px;	padding: 0;	float: left;	background: #fff;	margin: 1px 0px;	}
#right_side{	float: right;	width: 480px;	padding: 0 10px; color: #666;	background: #fff; margin: 15px 20px 5px 10px;	}
.blok{	margin: 10px 10px 10px 10px;	width: 450px; height: auto; border-bottom: dotted 1px #CCC;}
.miniaturka{float:left;	width: 93px; height: auto; margin: 7px; padding: 3px; border: 1px dotted #999;}
.krotki_opis{ margin: 2px 0px 3px 120px; padding: 3px; padding-bottom: 10px; text-align: justify;}
.wiecej{ color: #ff0000; text-align: right; }
.wiecej a{ color: #ff0000; text-decoration: none;}
.wiecej a:hover{ color: #ff0000; text-decoration: underline;}

/* FORMY
*********************************************** */
.prostokat_blue{ border-width: 0 0 0 5mm; border-style: solid; border-color: #314673; height:25px; color: #314673; font-size:22px; font-weight: bold; padding: 5px 5px 0px 20px;}
.prostokat_blue:first-letter{font-size: 26px; font-weight: bold;}
.prostokat_red{border-width: 0 0 0 5mm; border-style: solid; border-color: #ff0000; height:25px; color: #ff0000; font-size:22px; font-weight: bold; padding: 5px 5px 0px 20px;}
.prostokat_red:first-letter{font-size: 26px; font-weight: bold;}
.prostokat_yellow{border-width: 0 0 0 5mm; border-style: solid; border-color: #f3af1c; height:25px; color: #f3af1c; font-size:22px; font-weight: bold; padding: 5px 5px 0px 20px;}
.prostokat_yellow:first-letter{font-size: 26px; font-weight: bold;}
.prostokat_wblue{border-width: 0 0 0 5mm; border-style: solid; border-color: #5c8ab0; height:25px; color: #5c8ab0; font-size:22px; font-weight: bold; padding: 5px 5px 0px 20px;}
.prostokat_wblue:first-letter{font-size: 26px; font-weight: bold;}

.tekst{	margin: 2px 10px 10px 10px; font-size: 12px; text-align: justify; }
.clear{	clear: both;}
.lista{list-style: url(images/strzalka_czerwona2.gif); line-height: 18px;}

/* REALIZACJE
************************************************ */

.box_realizacja{ width: 470px; height: 50px;}
.miniaturka_bezramki{float:left;	width: 93px; height: auto; margin: 10px; padding: 3px; }
.krotki_opis_realizacja{ margin: 10px 5px 5px 120px; height: auto; padding: 10px; text-align: left;}

/*   REFERENCJE
*********************************************** */
.box_rea{width: 470px; height: 500px; margin-top: 30px;}
.rea_left{float: left; width: 163px; height: 202px; margin-left: 40px;}
.rea_right{width: 163px; height: 202px; margin-left: 250px;}

/*  KONTAKT Z LEWEJ
*********************************************** */
#kontakt{ width: 210px; padding: 10px 10px; border-bottom: dotted 1px #CCC;}
#kontakt .ko{font-size: 12px;}
.mapka{ color: #ff0000; text-align: left; font-weight: bold; }
.mapka a{ color: #ff0000; text-decoration: none;}
.mapka a:hover{ color: #ff0000; text-decoration: underline;}
#dane{width: 160px; height:45px;}
.left{ float: left; text-align: left; width: 40px;}
#right1{float: left; text-align: left; margin-left: 33px; width: 70px;}
#right2{float: left; text-align: left; margin-left: 33px; width: 70px;}

/*  KONTAKT
*********************************************** */
#box_kontakt{width: 470px; height: 600px;}
#kontakt_left{float: left; width: 190px; height: auto; padding-right: 5px;}
#kontakt_right{width: 260px; height: 188px; margin-left: 200px; padding-left: 10px;}
#kontakt_center{width: 470px; height:auto; margin-top: 50px; }

/* MAPA
*************************************************** */
#mapa{width: 450px; height: auto; margin: 20px;}

/* STOPKA
************************************************** */
#main{ width: auto; }
#footer{ width: 100%; margin: 0; padding: 0; height: 20px;	background-color: #6d98bb;  color: white; font-size: 11px;}
#stopka{ width: auto; margin: 0 0 0 265px; padding: 2px 0px;}
#polec{ position: relative; bottom: 20px; left: 10px; width:15px; height: 5px;}
#stopka .tekst{float: left; width: auto; height: auto; margin: 1px 2px; padding-right: 120px;}
#stopka .webesign{float: left; width: auto; height: auto; margin: 1px 2px;}
#stopka a{	color: #fff; text-decoration:none; text-align: center;}
#stopka a:hover{ color: #fff; text-decoration: underline;}
#dolny_napis{ text-align:center; font-size: 10px; color:#666; padding: 3px 0px; letter-spacing: 1px; } 


/* DLA WSZYSTKICH
************************************************* */
a{ color: #314673; text-decoration: none;}
a:hover{ text-decoration: underline;}
.naglowek{ font-weight: bold; color: #314673;}
.bold{ font-weight: bold;}
.no_border{ border: none; margin-right: 3px;}

/* FORMULARZ
************************************************** */
.modulFormularzKon {
	width: 370px;
	margin:20px 0 20px 0;
	padding:0;
	/*background-color: #333; 70px 150px no-repeat;
	background:url(images/labeltextarea.gif) 70px 158px no-repeat;*/
	background:url(images/labeltextarea.gif) 70px 150px no-repeat;
}

.modulFormularzKon td {
	vertical-align:middle;
	background:none;
}
.modulFormularzKon td.label {
	padding:5px 30px;
	
}
.modulFormularzKon td.kat {
	vertical-align:top;
}
.modulFormularzKon td .labelsubmit {
	
	position:relative;
}
.modulFormularzKon td.labeltexa {
	padding:5px 30px;
	vertical-align:top;
}
.modulFormularzKon td.labelinp {
	padding:5px 0;
}
.modulFormularzKon td.labeltextarea  {
	padding:5px 0 10px 0;
}
.modulFormularzKon select {
	margin:0;
	padding:3px 0px;
	width:90%;
	border:1px solid #cacacb;
	background:#fff;
	color:#5a6569;
	font-size:11px;
	font-family:Tahoma;
}
.modulFormularzKon input {
	margin:0;
	padding:3px 5px;
	width:90%;
	border:1px solid #cacacb;
	background:#fff;
	color:#5a6569;
	font-size:11px;
	font-family:Tahoma;
}
.modulFormularzKon input.submit {
	margin: 0 5px 0 0;
	padding:3px 4px;
	width:135px;
	height:18px;
	border:none;
	background-color: #333;
	/*background:url(images/submit.gif) 0px 0px no-repeat;*/
	color:#fff;
	font-size:11px;
	font-family:Tahoma;
	cursor:pointer;
	position:absolute;
	top:1px;
	right:6px;
}
.modulFormularzKon textarea {
	margin:0;
	padding:3px 5px;
	width:90%;
	height:100px;
	border:1px solid #cacacb;
	background:#fff;
	color:#5a6569;
	font-size:11px;
	font-family:Tahoma;
}
.modulFormularztel  {
	margin:5px 0;
	padding:0px 15px;
}
.modulFormularzKon input.szukaj {
	margin:0 0px 0 0;
	padding:3px 5px;
	width:135px;
	height:18px;
	border:none;
	background-color: #333;
	background:url(images/submit.gif) 0px 0px no-repeat;
	color:#fff;
	font-size:11px;
	font-family:Tahoma;
	cursor:pointer;
}
.modulFormularzKon a.wyczysc {
	margin:18px 0px 0 0;
	padding:3px 5px;
	width:135px;
	height:18px;
	display:block;
	border:none;
	background-color: #333;
	background:url(images/submit.gif) 0px 0px no-repeat;
	color:#fff;
	font-size:11px;
	font-family:Tahoma;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	font-weight:normal;
}