/*** BODY ***/
body { font-size: 12px; font-family: Verdana, arial; color: #222; background: #1C1C1C url(../images/bg.gif); margin: 0px; }
div { margin: 0px; padding: 0px; border: none; }
img { margin: 0px; padding: 0px; border: none; }
td { font-size: 12px; font-family: Verdana, Arial; color: #222;  }
h1 { margin: 0px 0px 0px 0px; font-size: 16px; font-weight: bold; color: #1C1C1C; font-family: vardana, arial;  }
h2 { margin: 0px 0px 0px 0px; font-size: 12px; font-weight: bold; color: #222; font-family: verdana; }
h3 { margin: 15px 0px 0px 0px; font-size: 13px; font-weight: bold; color: #666; font-family: arial, verdana; }
p { margin: 0px; padding: 0px; border: none; line-height: 140%; }
.clear { clear: both; }
.toright { text-align: right; }
.toleft { text-align: left; }

/*** LINKI ***/
a { font: normal 12px arial; color: #F87301; text-decoration: underline; }
a:hover { color: #F87301; text-decoration: none; }

/*** ALERT ***/
div.alert { margin: 10px auto; padding: 20px; font-size: 12px; font-weight: bold; text-align: center; width: 400px; font-family: arial; background: #FFFFDD; color: #CA0000; border: 1px solid #CA0000; }

/*** FORM ***/
form { margin: 0px; padding: 0px; border: none; }
input, textarea, select { font-size: 11px; padding: 1px; font-family: Arial; background: #FFF url(../images/xform/xform-element-input.gif) repeat-x left bottom; border: 1px solid #A4A4A4; }
input:focus, textarea:focus, select:focus { background: #FFFFDD; border: 1px solid #000; }
input.checkbox { margin: 4px 0px; padding: 0px; border: none; background: none; }
textarea { width: 350px; height: 100px; }
input.button { background: url(../images/button.jpg) no-repeat; width: 130px; height: 30px; font-size: 13px; font-weight: bold; font-family: arial; color: #FFF; border: none; }
input.button:hover { background: url(../images/button.jpg) no-repeat 0px -30px; width: 130px; height: 30px; }

/*** xFORM ***/
table.xForm { margin: 0px auto; border-collapse: collapse; }
table.xForm tr.head td { height: 20px; border-bottom: 1px dotted #999; font-size: 14px; font-family: Arial, Verdana; color: #000; font-weight: bold; }
table.xForm tr.field td { height: 20px; background: url(../images/xform/xform-field.gif) repeat-x left bottom; font-size: 11px; color: #FFF; font-weight: bold; text-align: center; }
table.xForm tr.panel td { height: 25px; background: url(../images/xform/xform-field.gif) repeat-x left bottom; font-size: 13px; color: #FFF; font-weight: bold; text-align: left; padding: 0px; }
table.xForm tr.info td { border: none; color: #CA0000; text-align: right; font-size: 14px; font-family: arial; background: #FFF; }
table.xForm td { padding: 4px; background: url(../images/xform/xform-element-bg.gif) repeat-x left bottom; }
table.xForm td.caption { width: 200px; border-bottom: 1px solid #EEE; font-size: 12px; font-weight: bold; font-family: arial; color: #0070A4;}
table.xForm td.info { border-bottom: 1px solid #EEE; width: 20px; }
table.xForm td.element { border-bottom: 1px solid #EEE; }
table.xForm td.errorIcon { border-bottom: 1px solid #EEE; width: 14px; }
table.xForm div.errorInfo { width: 200px; color: #CA0000; font-size: 10px }
table.xForm div.info-text { display: none; background: #FFFFDD; color: #066289; font-weight: normal; font-size: 11px; padding: 4px; border: 1px solid #BBB; margin: 4px 0px; }

/*** TABLES ***/
tr.head td { height: 30px; background: url(../images/xform/xform-element-bg.gif) repeat-x left bottom; border: none; font-size: 16px; font-family: Arial, Verdana; color: #000; font-weight: bold; }
tr.field td { height: 38px; background: url(../images/xform/xform-field.gif) repeat-x left bottom; padding: 0px; font-size: 11px; color: #FFFFFF; font-weight: bold; text-align: center; }
tr.bright td { background: #FFF; font-size: 10px; border-bottom: 1px solid #DDD; }
tr.dark td { background: #F5F5F5; font-size: 10px; border-bottom: 1px solid #DDD; }
tr.info td { background: #CA0000; color: #FFFFFF; font-weight: bold; }
ul#menu-tree { margin: 10px 30px; padding: 0px; list-style: none; }
ul#menu-tree li { margin: 2px; padding: 3px; padding-left: 10px; background: url(../images/cms/point.gif) no-repeat 0px 10px; }
ul#menu-tree table { margin: 0px; padding: 0px; }

/*** GALLERY ***/
div#gallery { margin: 10px 0px 0px 0px; padding: 0px; }
div#gallery a { float: left; padding: 2px; }
div#gallery a img { border: 1px solid #888; }

/*** PATH ***/
div#path { width: 670px; height: 25px; border-bottom: 1px solid #BBB; }
div#path ul { margin: 0px; padding: 0px; list-style: none; }
div#path ul li { margin: 0px; padding: 0px; float: left; }
div#path ul li a { display: block; padding: 2px 10px; background: url(../images/point.gif) no-repeat 0px 50%; }
div#path ul li a:hover { background: url(../images/point.gif) no-repeat 1px 50%; }




/*** LAYOUT ***/

#topout {
	height: 312px;
	background: #FFF url(../images/topbg.jpg) no-repeat bottom center;
	}

#mainbox {
	width: 920px;
	margin: 0px auto;
	background: #FFF url(../images/leftbg.gif) repeat-y;
	border-bottom: 10px solid #FF6C00;
	}


#leftside {
	float: left;
	width: 281px;
	padding-bottom: 20px;
	padding-top: 10px;
	}


#centerside {
	margin-left: 282px;
	}


#topbox {
	width: 920px;
	margin: 0px auto;
	background: url(../images/menutop.jpg) no-repeat 0px 67px;
	}

#menubox {
	height: 82px;
	background: url(../images/menubg.gif) repeat-x;
	}

#menubox ul, #menubox ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

#menubox ul li {
	float: left;
	height: 82px;
	}

#menubox ul li.on {
	background: url(../images/menubg_.gif);
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	}

#menubox ul li a {
	color: #FFF;
	font: bold 14px arial, arial narrow, verdana;
	text-decoration: none;
	padding: 0px 10px;
	line-height: 80px;
	}

#menubox ul li.on a {
	color: #000;
}

#menubox ul li a:hover {
	color: #F87301;
	}

#menubox ul li.sep {
	width: 1px;
	background: url(../images/sep.gif) no-repeat 0px 9px;
	}


#top {
	height: 125px;
	background: url(../images/top1.jpg);
	}

#top2 {
	height: 54px;
	background: url(../images/top2.jpg);
	}






#mottobox {
	height: 54px;
	background: #F87301 url(../images/motto.jpg) no-repeat right top;
	}

#mottobox div {
	width: 141px;
	height: 50px;
	float: left;
	display: inline;
	text-align: center;
	}

#mottobox div a {
	line-height: 50px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	}

#mottobox div a:hover {
	text-decoration: underline;
	}

#mottobox div.active {
	background: #FFF url(../images/selectmenubg.gif) repeat-x;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-top: 1px solid #FFF;
	}

#mottobox div.active a{
	color: #222;
	}




#bottombox {
	width: 920px;
	margin: 0px auto;
	padding-top: 10px;
	}

#bottombox p {
	float: right;
	width: 300px;
	text-align: right;
	color: #FFF;
	}

#bottombox ul, #bottombox ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

#bottombox ul li {
	float: left;
	padding: 0px 3px;
	}

#bottombox ul li.sep {
	border-right: 1px solid #FFF;
	}

#bottombox ul li a {
	font: normal 11px arial, tahoma;
	color: #FFF;
	text-decoration: none;
	}

#bottombox ul li a:hover {
	text-decoration: underline;
	}


#bottombox a.tworzenie { color: #AFB9C0; text-decoration: none; font-size: 9px; }
#bottombox a.stron { color: #93A0A9; font-size: 10px; }


ul.leftmenu, ul.leftmenu li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

ul.leftmenu {
	margin: 0px auto;
	width: 226px;
	}

ul.leftmenu li {
	padding: 5px;
	padding-top: 8px;
	padding-left: 10px;
	background: url(../images/leftsep.gif) no-repeat left bottom;
	}

ul.leftmenu li a {
	color: #2D2D2D;
	text-decoration: none;
	background: url(../images/leftpoint.gif) no-repeat left center;
	padding-left: 15px;
	}

ul.leftmenu li a:hover {
	color: #FF6C00;
	background: url(../images/leftpoint_.gif) no-repeat left center;
	}

#headbox {
	padding: 30px 20px 10px 20px;
	background: #E6E6E6;
	}

#contentbox {
	padding: 20px;
	}

.lefthead {
	margin-top: 20px;
	height: 10px;
	padding: 20px;
	background: url(../images/panelheadbg.gif);
	border-bottom: 1px solid #FF6C00;
	}

#descbox {
	padding-top: 20px;
	height: 220px;
	background: url(../images/descriptionbg.jpg) no-repeat right bottom;
	}

#descbox table {
	margin: 0px auto;
	}

#descbox table tr td {
	padding: 10px;
	}

#carmenu {
	float: left;
	width: 225px;
	}

#carinfobox {
	float: left;
	border-left: 1px dotted #E6E6E6;
	padding: 20px;
	}

#carlist {
	width: 190px;
	padding-top: 20px;
	margin: 0px auto;
	}

#carlist a {
	display: block;
	float: left;
	width: 90px;
	height: 100px;
	text-decoration: none;
	text-align: center;
	font: normal 11px arial, tahoma;
	color: #1C1C1C;
	margin: 2px 2px 3px 2px;
	}

#carlist a:hover {
	color: #FF6C00;
	}

#carlist a img {
	padding: 3px;
	border: 1px solid #C3C3C3;
	margin: 1px;
	}

.carinfo1 {
	width: 360px;
	border: 1px solid #C3C3C3;
	padding: 1px;
	}

.carinfo1 div {
	padding: 10px;
	background:  url(../images/shadow1.gif) repeat-x;
	}

.carinfo1 div a {
	margin: 0px;
	padding: 0px;
	float: right;
}

.carinfo1 div h2 {
	height: 18px;
	background: url(../images/carpoint.gif) no-repeat;
	padding-left: 30px;
	padding-top: 7px;
	}

table.carinfo2 {
	width: 364px;
	border-right: 1px solid #C3C3C3;
	}

table.carinfo2 tr td {
	background: url(../images/window.gif) no-repeat;
	padding: 15px;
	}

.infocolor {
	margin: 0px auto;
	padding: 3px 5px;
	text-align: center;
	color: #FFF;
	font: bold 11px verdana, arial;
	background: #FF6C00;
	}

.infocontent {

	}


div.content-submenu
{
	width: 200px;
	float: right;
}
div.content-submenu ul
{
	margin: 5px;
}
div.content-submenu ul li
{
	padding: 4px 2px;
}
div.content-submenu ul li a
{
	font-size: 11px;
	color: #333;
}

.newsbox {
	margin: 18px 20px;
	border-bottom: 1px solid #C3C3C3;
	padding-bottom: 12px;
	}

.newsbox h4 {
	font: bold 12px arial;
	color: #222222;
	margin: 4px 0px;
	padding: 0px;
	}

.date {
	width: 60px;
	padding-left: 5px;
	background: #F87301;
	font: normal 10px arial;
	color: #FFF;
	line-height: 16px;
	}

.newscontent {
	color: #555555;
	font: normal 11px arial;
	padding-bottom: 4px;
	}

a.more {
	font: bold 11px arial;
	text-decoration: none;
	padding-right: 10px;
	background: url(../images/newspoint.gif) no-repeat right center;
	}

a.more:hover {
	text-decoration: underline;
	}


div#news-head
{
	padding: 5px 0px;
	border-bottom: 1px dotted #006286;
	height: 20px;
	margin-bottom: 10px;
}
div#news-head h1
{
	width: 400px;
	border: none;
	float: left;
	margin: 0px;
}
div#news-head div
{
	padding-top: 10px;
	width: 100px;
	float: right;
	text-align: right;
	font-style: italic;
}