body {
	background: #fff;
	color: #93a3a9;
	font: lighter 13px/1.5 "Trebuchet MS", tahoma, verdana;
}

img{
	border: #eff4f6 1px solid;
	background-color: #f7fafb;
	padding: 6px;
	margin: 6px 6px 3px;
	float: left;
}
#sb-body img{
	border: none;
	margin: 0;
	padding: 0;
	background: none;
}
a {
	color: #57656a;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1{
	color: #87bc1d;
	font: bold 20px "Trebuchet MS", tahoma;
	margin: 30px 0 12px;
}
h1.title{
	margin: 25px 0 15px;
}
h2{
	color: #87bc1d;
	font: bold 16px "Trebuchet MS", tahoma;
	margin: 15px 0 10px;
}
h3{
	color: #57656a;
	font: bold 16px "Trebuchet MS", tahoma;
	margin: 15px 0 10px;
}
h4{
	color: #87bc1d;
	font: 14px "Trebuchet MS", tahoma;
	margin: 10px 0 4px;
}
h5{
	color: #646665;
	font: 14px "Trebuchet MS", tahoma;
	margin: 10px 0 4px;
}

p{
	margin: 3px 0;
}
ol, ul{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 0;
}
ul{
	margin: 5px 0;
}
li{
	background: url(../img/layout/li.gif) 20px 9px no-repeat;
	padding: 0 0 0 35px;
}
hr {
	border: 0 #e1eff3 solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}


#top{
	height: 113px;
	background-color: #eaf2f5;
}
#top .logo{
	display: block;
	height: 113px;
	border-right: #dbe8ee 1px solid;
	outline: none;
}
#top .logo img{
	border-bottom: #87bc1d 10px solid; 
	padding: 0;
	margin: 0;
	border-width: 0 0 10px 0;
	background: none;
}
.compus{
	margin: 20px 0 5px;
	color: #87bc1d;
	font: bold 13px tahoma;
}
.address{
	background-color: #e3edf0;
	border: #d3e0e5 1px solid;
	height: 50px;
	color: #55676f;
	font-size: 12px;
}
.address p{
	padding: 0;
}
.address .address1{
	float: left;
	width: 129px;
	padding: 7px 0px 0 20px;
}
.address .address2{
	float: left;
	width: 129px;
	padding: 7px 0px 0 20px;
}

#control{
	background: url(../img/layout/menu-bg.gif) repeat-x;
}
#control .menu{
	height: 70px;
	padding: 20px 0 0;
	overflow: hidden;
}
#control .menu .menu_left{
	float: left;
	width: 15px;
	height: 52px;
	background: url(../img/layout/menu-left-bg.gif) no-repeat;
}
#control .menu .menu_right{
	float: left;
	width: 15px;
	height: 52px;
	background: url(../img/layout/menu-right-bg.gif) no-repeat;
}
#control .menu .menu_main{
	float: left;
	height: 40px;
	padding-top: 12px;
	background: url(../img/layout/menu-main-bg.gif) repeat-x;
	overflow: hidden;
}
#control .menu .menu_main table{
	width: 910px;
}
#control .menu .menu_main table td{
	text-align: center;
}
#control .menu .menu_main table td .m_l{
	background: url(../img/layout/menu-item-left.gif) 0 35px no-repeat;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 33px;
	width: 13px;
}
#control .menu .menu_main table td .m_r{
	background: url(../img/layout/menu-item-right.gif) 0 35px no-repeat;
	display: block;
	position: absolute;
	right: 0 !important;
	right: -1px;
	top: 0;
	height: 33px;
	width: 13px;
}
#control .menu .menu_main table td a{
	background: url(../img/layout/menu-item-main.gif) 0 35px repeat-x;
	display: block;
	float: left;
	height: 25px;
	padding: 7px 13px 3px;
	position: relative;
	white-space: nowrap;
	color: #637075;
	font: 11px tahoma;
	outline: none;
	text-transform: uppercase;
	overflow: hidden;
}
#control .menu .menu_main table td a:hover, #control .menu .menu_main table td a.selected{
	text-decoration: none;
	color: #fff;
	background-position: 0 0px;
}
#control .menu .menu_main table td a:hover .m_l, #control .menu .menu_main table td a.selected .m_l{
	background-position: 0 0;
}
#control .menu .menu_main table td a:hover .m_r, #control .menu .menu_main table td a.selected .m_r{
	background-position: 0 0;
}
#control .menu .menu_main table td a:hover .m_m, #control .menu .menu_main table td a.selected .m_m{
	height: 33px;
	display: block;
	background: url(../img/layout/menu-item-main-arrow.gif) 50% 21px no-repeat;
}
#control .home-b{
	height: 295px;
	padding: 15px 0;
	border-top: #e1eff3 1px solid;
	border-bottom: #e1eff3 1px solid;
}
#control .home-b .b{
	background: url(../img/layout/home-b.jpg) no-repeat;
	height: 295px;
}
#control .home-b .b h1{
	color: #fff;
	font-family: tahoma;
	font-weight: normal;
	display: block;
	text-align: right;
	font-size: 18px;
	letter-spacing: -0.5pt;
	line-height: 26px;
	padding: 215px 40px 0 0;
	margin: 0;
}
#control .page-b{
	height: 158px;
	padding: 5px 0 15px;
	border-top: #e1eff3 1px solid;
}
#control .page-b .b{
	background: url(../img/layout/page-b.jpg) no-repeat;
	height: 158px;
	clear: both;
}
#control .page-c .b{
	background: url(../img/layout/page-c.jpg) no-repeat;
	height: 158px;
	clear: both;
}
#control .navi{
	height: 39px;
	border-top: #e1eff3 1px solid;
	border-bottom: #e1eff3 1px solid;
	font-size: 12px;
	font-weight: bold;
	color: #9ca8ac;
}
#control .navi .in{
	text-align: right;
	padding: 10px 30px 10px 0;
}
#control .navi a{
	font-weight: normal;
	text-decoration: underline;
	font-size: 12px;
	color: #9ca8ac;
}

#content .message{
	padding: 0 40px 20px;
}
.phone{
	height: 73px;
	padding: 45px 50px 50px 25px;
	color: #92a5ab;
	font: 36px "Trebuchet MS";
	position: relative;
	text-align: right;
}
.phone_img{
	position: absolute;
	top: 30px;
	right: -10px;
	padding: 0;
	background: url(../img/layout/phone.png) no-repeat;
	width: 150px;
	height: 111px;
}
.phone_left{
	background: url(../img/layout/phone-left.gif) no-repeat;
	height: 73px;
	width: 11px;
	float: right;
}
.phone_right{
	background: url(../img/layout/phone-right.gif) no-repeat;
	height: 73px;
	width: 11px;
	float: right;
}
.phone_main{
	padding: 10px 80px 15px 0px !important;
	padding: 10px 80px 15px 0px;
	height: 42px;
	background-color: #f7fafb;
	border-top: #eff4f6 3px solid;
	border-bottom: #eff4f6 3px solid;
	white-space: nowrap;
	float: right;
}
.phone .prefix{
	float: left;
	padding: 8px 5px 0 0 !important;
	padding: 12px 5px 0 0;
	margin-top: 0px !important;
	margin-top: -4px;
}
.phone .number{
	float: left;
}
.phone span{
	padding: 0px 0px 0px;
	background: #87bc1d url(../img/layout/phone-span-left.gif) no-repeat;
	margin: 0;
	display: block;
}
.phone span span{
	padding: 0px 5px 0px;
	background: transparent url(../img/layout/phone-span-right.gif) top right no-repeat;
	color: #fff;
	font: 24px verdana;
	margin: 0;
	display: inline;
}
.phone-page{
	padding: 20px 50px 25px 25px;
}
.phone-page .phone_img{
	top: 5px;
}

#page{
	border-bottom: #e1eff3 1px solid;
}
.content, .forms{
	padding: 0 0 30px;
}
.news{
	padding: 0px 10px;
}
.more, .back{
	text-align: right;
	padding: 10px 0 0px;
	clear: both;
}
.more a, .back a{
	font: 12px tahoma;
	color: #87bc1d;
	text-decoration: underline;
}


.left_menu{
	margin: 0px 0;
	padding: 11px 0;
	/*background-color: red;*/
}
.left_menu .inner{
	background: transparent url(../img/layout/left_menu-bg.gif) repeat-y;
}
.left_menu .in{
	background: transparent url(../img/layout/left_menu-top.gif) no-repeat;
}
.left_menu ul{
	background: transparent url(../img/layout/left_menu-bottom.gif) bottom left no-repeat;
	padding: 1px 18px 13px;
	margin: 0;
}
.left_menu li{
	border-bottom: #e2e7e9 1px solid;
	padding: 0;
	background: none;
}
.left_menu li a{
	padding: 8px 0 8px 45px;
	display: block;
	font-size: 13px;
	color: #627279;
	background: url(../img/layout/left_menu-li-a.gif) 22px 13px no-repeat;
}
.left_menu li a:hover{
	text-decoration: none;
	background: url(../img/layout/left_menu-li-a-hover.gif) 22px 13px no-repeat;
}
.left_menu li.selected a{
	font-weight: bold;
	background: url(../img/layout/left_menu-li-a-hover.gif) 22px 13px no-repeat;
}



/********** @Formularz **************/
.body .forms{

}
.field{
	margin: 5px 0;
}
.label{
	color: #57656a;
	font: 14px "Trebuchet MS", tahoma;
	padding: 6px 0 0 0;
}
.input-text{
	height: 19px;
	padding: 4px 5px 1px;
	font-size:14px;
	color: #505d62;
	border: #c2c7c9 1px solid;
}
.input-textarea{
	position:relative;
	padding: 1px 5px;
	font-size: 14px;
	height: 150px;
	color: #505d62;
	border: #c2c7c9 1px solid;
}
.input-check{
	padding: 4px 3px 10px 3px;
	margin:2px 0px 0px 0px;
}
.info{
	float: left;
	font-size:11px;
	margin-left: 80px;
}
.error{
	display:none;
	color: #e11a22;
	font-size:11px;
	margin: 0 0 5px 155px;
}
.alert_row .error{
	display:block;
}
.required{
	color: #57656a;
	margin: 1px 0 5px 5px;
	font-weight: bold;
	font-size: 16px;
	position: absolute;
}
.legend{
	float: left;
}
.legend .required{
	position: static;
}
.forms .input-text, .forms .input-textarea{
	width:330px;
}
.control{
	margin-top: 5px;
}
.submit{
	text-align: right;
}
.button{
	border: none;
	background: none;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 21px 9px;
	height: 34px;
	white-space: nowrap;
	font: 11px tahoma;
	line-height: 16px;
	background: url(../img/layout/button-bg.gif) 0 0px no-repeat;
	cursor: pointer;
	margin-top: -5px;
	width: 87px;
}
/*************************************************/
.adres textarea{
	height: 80px;
}

.foot{
	border-top: #e1eff3 1px solid;
	padding: 16px 0;
	color: #aab8bc;
	font-size: 11px;
}
.foot img{
	padding: 0;
	margin: 0;
	border: none;
	background: none;
}
.foot .powered{
	text-align: right;
}
.foot a{
	color: #aab8bc;
	font-size: 11px;
	
}
.foot a:hover{
	text-decoration: none;
}
.foot strong{
	color: #718085;
	font-family: verdana;
}
