*				{padding: 0px; margin: 0px;}
body				{font-family: Verdana, Helvetica, sans-serif;text-align: center; background: #e4e1d8; padding: 20px 0 0 0;}

h1				{font-size: 16px; font-weight: normal}
h2				{color: #333333; font-size: 14px; line-height: 180%; padding: 10px 0 0 0;}
h3				{font-size: 13px;}
h4				{}

a				{font-size: 11px;color: #000000;}
a:visited			{}
a:hover				{}

a.link1				{text-decoration: none; font-weight: bold; display:block; text-align: center;}
a.link2				{background: url('../img/link2.gif') 0 0 no-repeat; padding: 0 0 0 20px; font-weight: bold; text-decoration: none;}
a.link3				{background: url('../img/link3.gif') 0 0px no-repeat; padding: 0 0 0 20px; font-weight: bold;}
p				{font-size: 11px;}

ul				{}
ul li				{list-style: none;}
ul li a				{text-decoration: none;}
ul li p			{padding: 0 0 4px 0;}

ul.ul-1 li			{background: url('../img/li1.gif') 0 5px no-repeat; padding: 0 0 0 20px; line-height: 20px;}
ul.ul-2 li			{background: url('../img/li2.gif') 0 5px no-repeat; padding: 0 0 0 20px; line-height: 20px;}
ul.ul-3 li			{background: url('../img/li3.gif') 0 5px no-repeat; padding: 0 0 0 20px; line-height: 20px;}

input,
textarea			{border: 1px solid #000000; padding: 0 0 0 2px;}
textarea			{height: 80px;}
input.button			{cursor: pointer;color: #594b40; font-size: 11px; padding: 0 5px 0 5px; background: url('../img/button-back.gif') 1px 1px repeat-x;border: 1px solid #93633d;}


.st				{font-size: 80%;}

.right				{float: right;}
.left				{float: left;}

#page-top			{margin: 0 auto 0 auto; width: 939px; background: url('../img/page-top.gif') 0 0 repeat-y; height:20px; position: relative; text-align: right;}
.langs				{position: absolute; right: 20px; top: -8px; height: 20px; width: 600px;}
.langs a			{display: block; float: right; width: 31px; height: 20px; padding: 4px 0 0 0; background: url('../img/lang-back.gif') 0 0 no-repeat; text-align: center;}
.langs a img			{border: none;}

#page				{position: relative;text-align: left; margin: 0 auto 0 auto; width: 939px; background: url('../img/page-back.gif') 0 0 repeat-y;}

#top				{width: 901px; margin: 0 0 0 20px}

#logo				{position: absolute; left: 0px; top: 25px; width: 270px; height: 65px; background: url('../img/xlogo.gif') 0 0 no-repeat;}
#logo span			{display: none;}

ul#menu				{height: 33px; background: #ee1c25; width: 100%;}
ul#menu li			{line-height: 33px;float: left; padding: 0 12px 0 20px;}
ul#menu li a			{font-weight: bold; color: #ffffff; text-decoration: none;  text-transform:uppercase;} 

#top-img			{display:block; width:100%; height: 201px; margin: 10px 0 0 0; position: relative}
.bg1				{background: url('../img/top-1-back.jpg') 0 0 no-repeat}
.bg2				{background: url('../img/top-2-back.jpg') 0 0 no-repeat}
.bg3				{background: url('../img/top-3-back.jpg') 0 0 no-repeat}
.bg4				{background: url('../img/top-4-back.jpg') 0 0 no-repeat}
.bg5				{background: url('../img/top-5-back.jpg') 0 0 no-repeat}
.bg6				{background: url('../img/top-6-back.jpg') 0 0 no-repeat}

/*.search			{width: 320px;height:24px; float:right; font-size: 11px; margin:15px 20px 0 0 }
.search div		{background: url('../img/search.gif') 0 0 no-repeat; padding: 0 10px 0 25px; line-height: 25px; float: left; font-weight: bold; }
.search input.button		{margin: 0px 0 0 15px;}
.search input.text		{margin: 3px 0 0 0;} */

.search						{width:150px; height:24px; position:absolute; top:0px; left:233px; margin:0; background:url('../img/search.png') top right no-repeat}
.search input.button	{position:absolute; top:3px; left:127px; background:url('../img/search-button.png') center center no-repeat; border:0px solid red; width:18px; height:17px}
.search input.text		{position:absolute; top:3px; left:14px; width:104px; height:14px; border:1px solid #ccc; color:#989898; font-size:10px}

#top-nav			{width: 100%; background: url('../img/top-nav-back.gif') 0 0 no-repeat; height: 57px;margin: 10px 0 10px 0; position: relative;}
#top-nav h1			{background: url('../img/h1-back.gif') 10px 19px no-repeat; padding: 0 0 0 35px; line-height: 58px; color: #ffffff; font-size: 14px;}
.nav				{position: absolute; right: 22px; top: 0px;height: 58px; line-height: 58px; color: #ffffff; font-size: 11px;}
.nav a			{color: #ffffff;}
.nav .sep			{font-size: 8px;}

#left				{float: left; width: 230px; margin: 0 0 20px 0;}
#left .content			{padding: 0 0 0 20px;}

#menu-left			{background: #eeeeee; float: left; width: 100%; padding: 0px 0 10px 0;}
#menu-left ul		{padding: 0 0 0 0px;}
#menu-left ul li		{width: 100%; /*background: url('../img/li-back.gif') 2px 100% no-repeat; */line-height: 18px; margin: 0px 0 0 0;  border-bottom: 1px solid #ffffff;}
#menu-left ul li a		{padding: 4px 25px 4px 25px;  text-decoration: none; font-weight: bold; display: block; color: #5c5c5c;}
#menu-left ul li a:hover	{background: #ffffff;}

#menu-left ul li.sub,
#menu-left ul li.active	{background: none;}

#menu-left ul li.active	{background: #ffffff; display: block;}

#menu-left ul li.sub a,
#menu-left ul li.active a	{font-weight: normal; padding: 4px 25px 4px 25px;}
#menu-left ul li.active a	{font-weight: bold;  color: #e1383d;}

.box1				{position: relative; width: 100%; background: #f6f6ee; float: left; margin: 10px 0 0 0;  font-size: 11px;}
.box1 .head,
.box3 .head			{height: 35px; margin: 25px 0 0 0;}
.box1 .head h3,
.box3 .head h3,
.detail .head h3,
h2.main				{padding: 0 0 0 45px; color: #333333; line-height: 30px; font-size: 16px;background: url('../img/head-1-back.gif') 0 0 no-repeat; font-weight: normal;}
.box1 .content		{margin: 0 10px 20px 0; float: left;}
.box1 .button		{margin: 10px 0 0px 105px; padding: 0px;}

.info				{background: url('../img/info-back.gif') 100% 0 no-repeat; position: absolute; right: 0; bottom: 0; width: 198px; height: 98px;}
.box1 .item			{height: 28px; padding: 6px 0 0 40px; position:relative;z-index:2}

.poll-i				{padding: 10px 0 10px 0;}
.poll-q				{padding: 10px 0 10px 0; font-weight: bold;}
.poll-a				{line-height: 35px;}
.poll-a input			{margin: 6px 5px 0 0; border: none;}

#right				{padding: 10px 0px 20px 25px; margin: 0 0 0 0px; width: 660px; float: left;}

.box2				{float: left; width: 211px; background: url('../img/box-2-back.jpg') 0 0 no-repeat; position: relative; margin: 50px 0 0 5px; height: 275px;}		
.box2 .bg			{position: absolute; left: -35px; top: -50px; width: 110px; }
.box2 .head			{}
.box2 .head h2			{padding: 0 0 0 65px; line-height: 75px;}
.box2 .true h2			{padding: 0 0 0 95px;}
.box2 .head a			{color: #333333; font-size: 15px; text-decoration: none; }
.box2 .links			{padding: 0 15px 15px 15px;}
.box2 .perex			{ padding: 0px 15px 5px 30px;}
.box2 .links a			{line-height: 10px; padding: 0px;margin: 0px; height: 10px;}
.box2 a.link1			{margin: 5px 0 0 28px;}
.box2 a img			{border: none;}

.box3				{float: left; width: 250px; margin: 0 80px 20px 0; _margin: 0 40px 10px 0;}
.box3 .item			{padding: 15px 0 0 0;}
.box3 .item .date		{font-weight: bold; line-height: 130%; font-size: 11px;}
.box3 .item a			{font-weight: bold; text-decoration: none;}
.box3 a.link1			{float: right; padding: 10px 0 0 0;}
.box3 a.link2			{margin: 10px 0 0 16px; display: block;}

.box4				{width: 321px; margin: 0 0 5px 0;}
.box4 .head			{background: #f5f5f5; line-height: 30px;}
.box4 .head h3			{padding: 0 0 0 30px; background: url('../img/h3-back.gif') 15px 10px no-repeat;}
.box4 .img			{float: left; width: 120px; height: 100px; text-align: center;}
.box4 .img img			{padding: 5px 0 0 0; border: none;}
.box4 .att,
.atts .att			{line-height: 20px; border-bottom: 1px solid green; width: 200px; border-bottom: 1px dashed #bcbcbc;float: left; font-size: 11px;}
.box4 .att-n,
.atts .att-n			{float: left; padding: 0 0 0 20px;}
.box4 .att-v,
.atts .att-v			{float: right; padding: 0 20px 0 0;}

.box4 .perex			{padding: 5px 0 0 0; float: left;}
.box4 .perex p			{ font-size: 11px;}
.box4 a.link3			{float: right; margin: 10px 0 0 0;}


table.products			{width: 100%;}
table.products th			{padding: 0 0 5px 10px; font-size: 12px; color: #b1b1b1; border-bottom: 1px solid #b1b1b1;}
table.products td			{padding: 2px 6px 2px 10px;font-size: 11px;margin: 0px; height: 20px;}
tr.even				{background: #eeeeee}
table.products a			{}

.options .style			{float: left; padding: 5px 0 0 10px;}
.style input.styleTable		{cursor: pointer;height: 20px;border: none; padding: 0 0 0 20px; background: url('../img/mode-table.gif') 0 0 no-repeat transparent; color: #a9a9a9;}

.style input.stylePicture	{cursor: pointer;height: 20px;border: none; padding: 0 0 0 20px; background: url('../img/mode-pict.gif') 0 0 no-repeat transparent; color: #a9a9a9;}
.style input.hgl			{font-weight: bold;}

.order				{float: right; padding: 8px 20px 0 0; font-size: 11px;width:140px}
.order img 				{border: none;}
			
.order div				{float: left; padding: 0 10px 0 0;}
.order span.hgl			{text-decoration: underline; color: #a1a1a1;}
.order input.order-desc		{background: url('../img/arrow-up.gif') 0px 7px no-repeat; border: none; width: 15px; float: left; cursor: pointer;}
.order input.order-asc		{background: url('../img/arrow-down.gif') 0px 7px no-repeat; border: none; width: 10px; cursor: pointer;}

.products-bar			{width: 100%; line-height: 35px; background: #f5f5f5; margin: 20px 0 20px 0;}
.products-bar h3		{padding: 0 0 0 25px; color: #363636;}

a.mode-pict,
a.mode-table			{color: #9e9e9e; padding: 10px 0 10px 25px; margin: 0 0 0 15px;}
a.mode-pict			{background: url('../img/mode-pict.gif') 0px 7px no-repeat;}
a.mode-table			{background: url('../img/mode-table.gif') 0px 7px no-repeat;}
a.active			{font-weight: bold;}



.box5				{width: 218px; float: left;}
.box5 .top			{height: 290px;}
.box5 p				{padding: 17px 25px 25px 25px;}
.box5 h2			{padding: 25px 0 0 0px; color: #333333; line-height: 30px; font-size: 14px; text-align: center;}
.box5 ul			{margin: 0 0 0 15px;}
.category-1			{background: url('../img/category-1.jpg') 0 0 no-repeat;}
.category-2			{background: url('../img/category-2.jpg') 0 0 no-repeat;}
.category-3			{background: url('../img/category-3.jpg') 0 0 no-repeat;}

.cat-text			{float: left; width: 410px; padding: 30px 0 0 0; margin: 0 0 0 10px;}

a.zip,
a.doc,
a.xls,
a.pdf,
a.image			{padding: 0 0 0 25px; line-height: 24px; display: block; float: left;}

a.zip			{background: url('../img/zip.gif') 0% 5px no-repeat;}
a.doc			{background: url('../img/doc.gif') 0% 5px no-repeat;}
a.xls			{background: url('../img/xls.gif') 0% 5px no-repeat;}
a.pdf			{background: url('../img/pdf.gif') 0% 5px no-repeat;}
a.image		{background: url('../img/img.gif') 0% 5px no-repeat;}



.paging			{float: right; padding: 0 35px 0 0; color: #333333; font-size: 11px;}
.paging .item 		{float: left; font-size: 11px;}
.paging .item a		{color: #333333; font-size: 11px;}
.paging .next		{color: #333333; background: url('../img/arrow7.gif') 100% 0 no-repeat; padding: 0 18px 0 0; font-size: 11px;}

.prevnext			{float: right; padding: 5px 20px 0 0;}
.prevnext .prev a		{text-decoration: none; font-weight: bold;color:#9a9a9a; float: left; width: 130px;}
.prevnext .next a		{text-decoration: none; font-weight: bold;color:#323232;float: left;}

.vac				{width: 100%; float: left; margin: 0 0 10px 0;}
.vac h2			{padding: 0px;}

.act				{width: 100%; float: left; margin: 0 0 10px 0;}
.act .date,
.act h2			{ font-size: 12px; padding: 0px; line-height: 15px; float: none;}
.act .date			{font-weight: bold; float: left; width: 80px; font-size: 11px;color: #000000;}
.act h2				{color: #000000; float: left; }
.act img			{float: right; padding: 0 0 10px 25px;}
.act p			{margin: 8px 0 35px 0;}

.links				{float: right; padding: 20px 0 0 0;}
.links a			{font-size: 11px;}
.links a.active			{color: #999999;padding: 0 15px 0 15px;}

.paging				{float: right; line-height: 30px;}
.paging .item			{float: left; margin: 0 2px 0 2px;}



.contact			{font-size: 11px;}
.contact-form		{width: 420px; font-size: 11px; float: right;}

address				{width: 230px; float: left; font-style: normal;}

.contact-form form			{}

.contact-form form fieldset		{position: relative;background: #faf6f3; border: 1px solid #e7e4df;  padding: 0px; margin: 0px;}

.contact-form legend			{position: relative; top: -11px; font-weight: bold; color: #000000; padding: 0px 2px 0px 2px; margin: 10px 0 10px 50px;}

.contact-form input,
.contact-form textarea	{border: 1px solid #e7e4df;}

.contact-form .form-i			{line-height: 20px; width: 100%; float: left; padding: 0 0 5px 0;}

.contact-form .form-i div		{float: left; width: 175px; font-weight: bold; text-align: right; padding: 0 10px 0 0;}

.contact-form .form-i input,
.contact-form .form-i textarea	{width: 210px;}

.contact .button,	
.contact-form .button		{float: right; margin: 10px 20px 20px 0;}

.contact p,
.contact-form p				{margin: 10px 0 0 10px;}

.person				{width: 330px; float: left;}
.person	.content		{padding: 30px 0 0 30px; font-size: 11px;}

.history				{margin: 60px 0 0 0;}
.history .year,
.history .year-top,
.history .year-bottom		{float: left; width: 140px; height: 60px; text-align: right; font-size: 18px; color: #999999; padding: 0 20px 0 0;}
.history .year-top		{background: url('../img/year-top-back.gif') 100% 0 no-repeat;}
.history .year			{background: url('../img/year-back.gif') 100% 0 no-repeat;}
.history .year-bottom		{background: url('../img/year-bottom-back.gif') 100% 0 no-repeat;}

.history .event			{width: 400px; float: left; height: 60px;}
.history .event p		{padding: 5px 0 0 20px;}

#picture			{cursor:pointer; width: 600px;}


/*detail produktu*/
.detail				{float: left;}
.detail .head		{margin: 0 0 20px 0; height: 25px;}
.detail .head h3		{float: left;}
.detail .go-back		{padding: 7px 0 0 85px; float: left;}
.detail .go-back a	{color: #666666; background: url('../img/arrow6.gif') 0 1px no-repeat; padding: 0 0 0 19px;}

.detail .title,
.options			{background: #f5f5f5; width: 660px; height: 32px; margin: 0 0 15px 0;}
.detail .title h2		{font-size: 12px; color: #323232; line-height: 32px; padding: 0 0 0 30px; float: left;}


.atts				{float: left; width: 220px;}
.img				{float: left; width: 220px;text-align: center; cursor: pointer;}
.img span			{font-size: 11px; color: #cbcbcb; background: url('../img/view.gif') 0 12px no-repeat; padding: 10px 0 0 15px; display: block;}
.detail .links				{float: right; width: 200px;padding: 0px;}
.detail .links a			{line-height: 22px;padding: 0 0 0 24px; color: #656565; display:block;}
.p-i				{width: 100%; float: left; padding: 20px 0 0 0;}
.p-att				{font-size: 11px;font-weight: bold; background: url('../img/h4-back.gif') 0 0 no-repeat; padding: 0 0 0 30px; float: left; width: 160px;}
.p-v				{float: left; width: 400px; margin: 0 0 0 50px; _margin: 0 0 0 25px;}
.p-v ul li,
.act ul li			{background: url('../img/h5-back.gif') 0 4px no-repeat; padding: 0 0 0 15px; font-size: 11px;}
.p-text			{padding: 20px 0 10px 0;}
.flash				{position: relative; float: left; width: 468px; height:60px; padding: 30px 0 0 90px;}

.find				{width: 100%; float: left;padding: 0 0 5px 0;}
.find .img			{float: left; width: 110px; height: 100px;}
.find a img			{border: none;}
.find h3			{padding: 5px 0 0 0;}
.find a.link3		{margin: 10px 0 0 0; display:block; float: left;}

#map				{margin: 20px 0 0 30px;}
#map a			{text-decoration: none; color: #333333;}
#map .lev1 a			{padding: 0 0 0 10px; font-weight: bold; font-size: 13px;}
#map .lev2 a			{padding: 0 0 0 40px;}
#map .lev3 a			{padding: 0 0 0 80px;}
#map .lev4 a			{padding: 0 0 0 120px;}

#foot				{width: 100%; background: url('../img/foot-back.gif') 0 0 no-repeat; height: 90px; text-align: right;margin: 30px 0 0 0;}
#foot p				{padding: 10px 30px 0 0; color: #676767;}
#foot a				{text-decoration: none; color: #676767;}
.cleaner			{clear: both;}