@charset "utf-8";
/* 
	OZONE - CSS Document
	25.01.10 - www.pepadi.com 
*/

/*RESET*/
html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead, th, input {margin: 0;padding: 0;border: 0;outline: 0;}
body{background: transparent;line-height: 130%; background: #a9a06a url(../images/tpl/bg_body.gif) no-repeat center top; color:#333;font-size: 11px;vertical-align: baseline; padding:0; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color:#000; margin:0}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0; font-size:85%; color:#000}
a{ text-decoration:none; color:#b3a504}
a:hover{ text-decoration:underline; color:#8d0404}
a:visited{ color:#FFFFCC}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight: normal;}
h5,h6,.h5,.h6{margin:0}
h1,h2,h3,h4,.h1,.h2,.h3,.h4{ margin:3px 0;}
h1, .h1 {font-size:197%; font-family:"Times New Roman", Times, serif}
h2, .h2{font-size:153.9%; font-family:"Times New Roman", Times, serif}
h3, .h3{font-size:116%; font-family:"Times New Roman", Times, serif}
h4, .h4{font-size:100%}
h5, .h5 {font-size:85%; line-height: 140%}
h6, .h6 {font-size:77%}
h6 a{color:#333}


/*PROPERTIES*/
.fl{float:left}
.fr{float:right}
.button{background:#483e0e; color:#FFF; font-size:85%; padding: 3px 5px; margin: 0 0 0 1px; font-weight:bold; color:#d3c48d}
.input{width:120px; padding: 2px 0}
.p1{padding-top:10px}
.p2{padding-right:10px}
.p3{padding-bottom:10px}
.p4{padding-left:10px}
.p5{padding:10px}
.p6{padding:20px}
.p6{padding:5px}
.b1{border: 1px solid #aaaa45}
.b2{border: solid #685c3f; border-width: 0 1px 1px 1px}
.r1{-moz-border-radius:2px;-webkit-border-radius:2px}
.r2{-moz-border-radius:5px;-webkit-border-radius:5px}
.r3{-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px}
.r4{-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px}

/*LAYOUT*/
.wrap{width:960px; position:relative;margin: 0 auto}
.m1{width:980px; background:#FFF}
.m2{width:940px; padding:10px 15px; border: 5px solid #FFF}
.m3{width:960px}
.m4{width:980px}
.d960{width:960px}
.d650{width:650px}
.d630{width:630px}
.d520{width:520px}
.d958{width:958px}
.d938{width:938px}
.d918{width:918px}
.d702{width:702px}
.d305{width:305px}
.d216{width:216px}
.d370{width:370px}
.d250{width:250px}
.d182{width:182px}
.line1{height:5px}
.line2{height:2px}
.clear{clear:both}
.channel{width:180px; float:left; display:block; color:#990000}
.roadmap{display:block; width:600px; float:left; padding:10px 0; color:#FFF; font-weight:bold}
.roadmap a{color:#FFF}
.roadmap a:hover{color:#FFFF99}

/*BACKGROUND*/
.bg1{background:#6c6c15}
.bg2{background:#51531a}
.bg3{background:#bebe54}
.bg4{background:#1f170f}
.bg5{background:#000}
.bgn{background:#f5f46f url(../images/tpl/bg_news.jpg) no-repeat top}


/*HEADING*/
.head{width:100%; border-bottom:10px solid #4a4a04; position:relative; background:#000 url(../images/tpl/bg.jpg) no-repeat top; height:170px}
.head img{border:0}
.head .heading{height:115px; padding: 22px 0 0 0}


/*BROWN*/
.brown{background: url(../images/tpl/bg_kalimat.jpg) no-repeat bottom; height:45px; text-align:center; color:#adac7b; padding: 5px 0}

/*MENU*/
#menu{width:958px; height:30px; padding:2px 0 0 0;border: solid #caca56; border-width: 0 }
#menu ul{width:750px; float:left; display:block; padding: 0 5px}
#menu ul li{display:inline}
#menu li{display:block}
#menu li a{display:block; padding: 6px 15px 6px 15px; font-weight:bold; color:#d9d97f; float:left;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;background:#6c6c15 url(../images/tpl/bg_active.gif) repeat-x top; margin: 5px 1px 0 0}
#menu li a:hover{color:#d9d97f;padding: 6px 15px 6px 15px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;background:#5f5f0f; margin: 5px 1px 0 0}
#menu li.active a{color:#d9d97f;padding: 8px 15px 8px 15px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;background:#4a4a04;border: solid #3a3a02; border-width: 1px 1px 0 1px; margin: 0 1px 0 0}

.tabcontainer{position:absolute;z-index:50000;background: none;width:900px;left:3px; top:0;}
.tabcontent{display:none;}
.menu1, .menu2, .menu3, .menu4, .menu5 {width:150px; position:absolute; background:#6c6c15; color:#FFF; padding: 5px 10px; top:0; font-size:100%;filter:progid:DXImageTransform.Microsoft.alpha(opacity=30);-moz-opacity: 0.3;opacity:0.90;filter:alpha(opacity=90)}
.tabcontent a{color:#FFFFCC; font-weight:bold;}
.tabcontent h4{ display:block; padding: 5px 0; border-bottom: 1px solid #838325}
.tabcontent a:hover{color:#c1c157}
.menu1{left:86px}
.menu2{left:220px}
.menu3{left:425px}
.menu4{left:490px}
.menu5{left:610px}

.search{width:195px; float:right; padding: 3px 0 0 0}

/*FOOTER*/
#footer h5, #footer h5 a{color:#4c4726}

#map{background: url(../images/tpl/bg_kalimat.jpg) no-repeat bottom; height:45px;  color:#b9b752; padding: 5px 10px}

.paging{width:648px; padding: 10px 0}
.paging span{width:150px; background:url(../images/tpl/bg_menu.gif) repeat-x bottom; border: 1px solid #666600; padding: 5px 0; text-align:center; font-size:85%; font-weight:bold}
.paging span a{color:#000}
.paging span a:visited{color:#000}