/*** BODY ***/
body { font-size: 11px; font-family: Verdana, Arial; color: #8B8B8B; background: #ADADAD url(../images/topbg.gif) repeat-x; margin: 0px; }
body.cms { font-size: 11px; font-family: Verdana, Arial; color: #999999; background: #FFFFFF; margin: 0px; }
div { margin: 0px; padding: 0px; border: none; }
img { margin: 0px; padding: 0px; border: none; }
li { padding-top: 8px; line-height: 140%; }
h1 { margin: 0px; padding: 0px; padding-bottom: 4px; font-size: 18px; font-weight: bold; color: #CA0000; font-family: arial, verdana, tahoma; }
h2 { margin: 15px 0px 0px 0px; font-size: 15px; font-weight: bold; color: #666666; font-family: arial, verdana; }
h3 { text-align: left; margin: 10px 0px 0px 0px; padding: 0px; font: normal 20px verdana, tahoma; color: #C8150C;}
p { margin: 0px; padding: 0px; border: none; }
.clear { clear: both; }

/*** LINKI ***/
a { color: #CA0000; text-decoration: underline; }
a:hover { color: #777777; text-decoration: none; }

/*** ALERT ***/
div.info-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; font-weight: bold; font-family: Arial, Verdana; }
textarea { width: 350px; height: 100px; }

/*** xFORM ***/
table.xform { margin: 0px; padding: 0px; border: none; border-collapse: collapse; }
table.xform tr td { padding: 2px; }
table.xform tr td.xformname { font-weight: bold; text-align: right; border-bottom: 1px solid #EEE; background: #F9F9F9; }
table.xform tr td.xformvalue { border-bottom: 1px solid #EEE; background: #F9F9F9; }
table.xform tr td.errorname { background: #CA0000; color: #FFF; text-align: right; font-weight: bold; }
table.xform tr td.errorvalue { background: #CA0000; color: #FFF; }

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

/*** TABLES ***/
tr.head td { background-color: #CA0000; color: #FFFFFF; font-size: 14px; font-family: Arial, Verdana; font-weight: bold; }
tr.field td { background-color: #000000; font-size: 11px; color: #FFFFFF; font-weight: bold; text-align: center; }
tr.panel td { background-color: #000000; font-size: 12px; color: #FFFFFF; font-weight: bold; text-align: left; }
tr.bright td { background-color: #CED9EB; }
tr.dark td { background-color: #BFCCE2; }
tr.info td { background-color: #CA0000; color: #FFFFFF; }
.content { background: #FFFFFF; }



/*** MENU ***/

ul#leftmenu {
      width: 243px;
      list-style: none;
      margin: 0px;
      padding: 0px;
      }

ul#leftmenu li {
      margin: 0px;
      padding: 0px;
      list-style: none;
      background: #8C8C8C;
      height: 20px;
      padding: 0px;
      margin: 0px;
      width: 240px;
      margin-right: 3px;
      text-align: right;
      }

ul#leftmenu li.menusub {
      text-align: left;
      background: #8C8C8C url(../images/subsep.gif) no-repeat left bottom;
      height: 22px;
      }

ul#leftmenu li.menusub a {
      display: block;
      width: 220px;
      height: 20px;
      background: url(../images/subpoint.gif) no-repeat 220px 8px;
      margin: 0px;
      padding: 0px;
      padding-top: 2px;
      text-align: left;
      padding-left: 20px;
      color: #FFF;
      }

ul#leftmenu li.menusub a:hover {
      color: #FFF;
      }

ul#leftmenu li.separator {
      width: 243px;
      height: 15px;
      background: #8C8C8C url(../images/separator.gif) no-repeat;
      margin: 0px;
      padding: 0px;
      font-size: 1px;
      }

ul#leftmenu li.subsep {
      width: 243px;
      height: 2px;
      background: url(../images/subsep.gif) no-repeat;
      }

ul#leftmenu li#leftmenuend {
      width: 243px;
      height: 52px;
      background: url(../images/leftmenubottom.gif) no-repeat;
      }

ul#leftmenu li a {
      text-align: right;
      color: #FFF;
      font: normal 12px arial, verdana;
      text-decoration: none;
      padding: 0px 20px;
      }

ul#leftmenu li a:hover {
      color: #C8150C;
      }

ul#leftmenu li.menuactive a {
      font: bold 12px arial, verdana;
      color: #FFF;
      }

ul#leftmenu li.menuactive {
      background: #8C8C8C url(../images/menuactive.gif) repeat-y;
      }

#zakladki {
	height: 25px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	border-bottom: 1px solid #8B8B8B;
	margin-bottom: 20px;
	}

#zakladki li {
	float: left;
	margin: 0px 2px 1px 0px;
	padding: 0px;
	list-style: none;
	background: #8B8B8B url(../images/labelbg.gif) no-repeat top right;
	height: 20px;
	padding: 4px 20px 0px 5px;
	}



#zakladki li.start {
	background: #8B8B8B url(../images/katpointstart.gif) no-repeat bottom left;
	width: 7px;
	margin: 0px;
	padding: 0px;
	}

#zakladki li.startactive {
	background: #C8150C url(../images/katpointstartactive.gif) no-repeat bottom left;
	width: 7px;
	margin: 0px;
	padding: 0px;
	}

#zakladki li a {
	color: #FFF;
	font: normal 11px tahoma, verdana;
	text-decoration: none;
	}

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

#zakladki li.active {
	background: #C8150C url(../images/labelbgactive.gif) no-repeat top right;
	}



/*** LAYOUT ***/


#flashbox {
	width: 695px;
	height: 193px;
	border: none;
	padding: 0px;
	margin: 0px;
	}

#top {
	width: 695px;
	height: 193px;
	border: none;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	}

#topbox {
      width: 928px;
      height: 242px;
      margin: 0px auto;
      background: url(../images/toplogo.jpg) no-repeat;
      }

#toprightmargin {
      float: right;
      width: 4px;
      height: 242px;
      background: url(../images/toprightmargin.jpg) no-repeat;
      }

#topcenter {
      float: right;
      width: 695px;
      height: 242px;
      }

#mainbox {
      width: 864px;
      margin: 0px auto;
      background: url(../images/contentbg.gif) repeat-y;
      padding-left: 32px;
      padding-right: 32px;
      }

#toptopmenubox {
      width: 695px;
      height: 49px;
      background: url(../images/topmenu.gif) no-repeat;
      }

ul#toptopmenu {
      margin: 0px;
      padding: 0px;
      padding-top: 21px;
      margin-left: 360px;
      list-style: none;
      }

ul#toptopmenu li {
      list-style: none;
      float: left;
      margin: 0px;
      padding: 0px;
      }

ul#toptopmenu li a {
      font: normal 11px tahoma, arial;
      color: #3E3E3E;
      padding: 20px;
      padding-right: 30px;
      text-decoration: none;
      }

ul#toptopmenu li a:hover {
      color: #E53210;
      }


#leftside {
      float: left;
      width: 243px;
      text-align: center;
      padding-bottom: 30px;
      }

#centerside {
      margin: 0px 20px 0px 240px;
      padding: 10px 20px;
      }

#contentbox {
      margin-top: 20px;
      padding-left: 22px;
      background: url(../images/kropki.gif) repeat-y;
      margin-bottom: 10px;
      }

.caption {
      font: normal 20px verdana, tahoma;
      color: #C8150C;
      border-bottom: 1px solid #8B8B8B;
      padding-bottom: 3px;
      padding-left: 10px;
      background: url(../images/kropa.gif) no-repeat 0px 25px;
      margin-bottom: 20px;
      }


#bottombox {
      width: 860px;
      height: 60px;
      margin: 0px auto;
      background: #C8150C url(../images/bottomend.gif) no-repeat top right;
      }

#bottominfo {
      font: normal 11px tahoma, verdana;
      color: #FFF;
      text-align: center;
      padding: 20px;
      padding-bottom: 0px;
      }

#desc {
      width: 240px;
      margin-right: 3px;
      background: #C8150C url(../images/desctop.gif) no-repeat;
      padding: 45px 0px 10px 0px;
      color: #FFF;
      }

#descend {
      width: 243px;
      height: 51px;
      background: url(../images/descend.gif) no-repeat;
      }

div.mapa-strony ul
{
	margin: 5px 0px;
	padding: 0px;
	list-style: none;
}
div.mapa-strony ul li
{
	padding: 2px 16px;
	background: url(../images/point.gif) no-repeat 0px 8px;
}


div#producer-list
{
	float: right;
	width: 155px;
	margin: 5px;
	padding: 0px;
}
div#producer-list a img
{
	margin: 4px;
	padding: 2px;
	border: 1px solid #BBB;
}


div#logo {position: absolute;
margin-top:36px;
margin-left:46px;
}