/* SYSTEM */
 
body { text-align: center; margin: 0; padding: 0; line-height: 150%; font-family: Arial, Verdana, arial sans; font-size: 11px; background: #313131; } 

a, a:link, a:visited { color: #333; text-decoration: none; } 

a:hover { color: #333; text-decoration:none; } 

a img { border-style: none; text-decoration: none; } 

hr { color: #eeeeee; height: 3px; } 

form { padding: 0px; margin: 0px; display: inline; } 

td { font-size: 11px; } 

div { font-size: 11px; }

h2 { margin: 0px 2px 3px 2px; font-weight: bold; font-size: 14px; color: #333; } 

h3 { font-weight: bold; font-size: 12px; color: #333 } 

input { font-size: 11px; color: #727272; } 

textarea { font-size: 11px; overflow: auto; color: #222222; } 

select { font-size: 11px; color: #333333; background-color: #ffffff; } 

label { display: block; float: left; }

div.fix { clear: both; }

div.message { padding: 2px 2px 2px 6px; border: 1px solid #efefef; font-weight: bold; color: #333; } 


/* MAIN DESIGN */ 

div#design { text-align: left; width: 788px; margin: auto; margin-top: 20px; padding: 0; color: #ffffff; }

div#design div#lp { float: left; width: 261px; padding: 0; margin: 0; }

div#design div#lp div#logo { float: left; width: 261px; height: 171px; background: #000000 url(images/bg1.gif) repeat-y left bottom; }

div#design div#lp div#menu { float: left; width: 261px; height: 431px; background: #000000 url(images/menu_foot.jpg) no-repeat left bottom; }

div#design div#lp div#menu div.con { float: left; }

div#design div#lp div#menu div.con a { border: 0; padding: 0; margin: 0; }

div#design div#lp div#menu div#lang { float: left; margin: 200px 0 0 20px; width: 40px; height: 23px; background: #000000 url(images/lang_bg.gif) no-repeat 50% top;  }

div#design div#lp div#menu div#lang div.sk { float: left; width: 11px; height: 23px; }

div#design div#lp div#menu div#lang div.blank { float: left; width: 18px; height: 23px; }

div#design div#lp div#menu div#lang div.en { float: left; width: 11px; height: 23px; }


div#design div#rp { float: left; width: 527px; padding: 0; margin: 0; }

div#design div#rp div.main { float: left; width: 527px; height: 602px; padding: 0; margin: 0; background: #000000 url(images/main_bgi.jpg) no-repeat left top; }

div#design div#rp div.main div.txa { float: right; display: block; text-align: right; width: 217px; padding: 0; margin: 220px 40px 0 0; color: #777; font-size: 12px; }


div#design div#rp div.main1 { float: left; width: 527px; height: 602px; padding: 0; margin: 0; background: #000000 url(images/main_bg1.jpg) no-repeat left top; }

div#design div#rp div.main1 div.txb { float: right; display: block; text-align: right; width: 500px; padding: 0; margin: 120px 20px 0 0; color: #999; font-size: 12px; }


div#footer { text-align: right; width: 788px; margin: auto; padding: 0; color: #e5e5e5; }



/* STORIES */ 

div.stories { margin: 2px; padding: 3px; }

div.stories h2 { margin: 0 0 6px 0; padding: 0; font-size: 14x; }

div.stories h3 { margin: 0 0 0 0; padding: 0; font-size: 12px; }

div.stories img { border: 0; margin: 4px 4px 4px 0; }

div.stories img.r { border: 0; margin: 4px 0 4px 4px; }

div.stories img.r_border { border: 1px solid #777; margin: 4px 0 4px 4px; }

div.stories div.text { text-align: justify; }

div.stories div.info { clear: both; margin: 6px 0 20px 0; padding: 3px 0 0 0; border-top: 1px dotted #ddd; color: #555; }

div.stories div.info a { text-decoration: underline; }

div.stories div.categoryDesc { float: left; width: 98%; margin: 0 0 14px 0; padding: 3px 8px 3px 8px; text-align: justify; background: #FFFFB7; color: #111; }

div.stories div.categoryDesc img { margin: 0 4px 4px 0; }

div.stories div.cat { clear: both; border-top: 1px dotted #ddd; margin: 6px 0 0 0; padding: 4px 0 0 0; }

div.stories div.cat h4 { margin: 0; padding: 0; }

div.stories div.cat ul { margin: 0; padding: 0 0 0 16px; }

div.stories div.cat a { text-decoration: underline; }

div.stories a { color: #e5e5e5; }

div.stories a.blue { color: #fff; }

div.stories a.green { color: #fff; }

div.stories a.orange { color: #fff; }

div.stories a.red  { color: #fff; }

div.stories a.lightgreen { color: #fff; }


div.catalog { margin: 2px; padding: 3px; color: #d0d0d0; text-align: left;}

div.catalog h2 { margin: 6px 0 0 0; font-size: 14px; color: #d0d0d0; }

div.catalog h2 a { text-decoration: underline; }

div.paging { float: left; margin: 10px 0 0 0; width: 520px; text-align: center; color: #555; }

div.paging a { color: #d0d0d0; }

div.catalog div.box { float: left; margin: 2px; margin-left: 5px; text-align: center; }

div.catalog div.con { margin: auto; border: 2px solid #fff; }

div.catalog div.con img { border: 1px solid #999; }

div.catalog div.thumbs div.hidden { visibility: hidden; display: none; }

div.catalog div.categories { clear: both; margin: auto; text-align: left;  padding: 6px 0 6px 0; }

div.catalog div.categories ul { margin: 0; padding: 0 10px 0 20px; font-size: 12px; }

div.catalog div.categories a { color: #d0d0d0; }

div.catalog div.categories ul ul { margin: 0; padding: 0 0 0 10px; }

div.catalog div.categories ul li.active { font-weight: bold; }

div.catalog div.categories ul ul li.active { text-indent: 6px; background: #ddd; }