/* CSS Document */
body{text-align:center; padding:0; margin:0 0 0px 0; font-family:“Trebuchet MS”,sans-serif; color:#838282;  line-height:120%; background-color:#FFF}
body a, body a:hover{cursor:pointer; outline: none}
body#bgbody{background:#f5f5f5 url(../images/dark/toppanel.jpg) repeat-x left top;}

/*start top page*/

#toppanel{height:30px}
#toppanel_in{height:30px; margin:0 auto; text-align:center; position:relative; z-index:6005}
#toppanel a, #toppanel a:visited{color:#838282; padding:0px}
#toppanel a:hover, #toppanel a:focus{color:#737171; text-decoration:none}

#logo{background:url(../images/dark/logo.png) no-repeat 0px 3px}

#logo{height:92px; width:330px; float:left; text-align:left}
#logo_content h1 a{text-indent:-7500px; display:block; width:220px; height:92px; text-decoration:none}
#logo_content{width:280px; height:92px; float:left; overflow:hidden; margin:0; padding:0}

#banner{height:60px; width: 405px;  margin-top:20px;}
#banner {background: url(../images/dark/slogan.png) no-repeat;}

/*stop top page*/


#panes {width:100%px;position:relative;}
#panes div {display:none;font-size:10px;color:#444;width:98%;}
#panes img {float:left;margin-right:20px;}
#panes p.more {color:#000;font-size:10px;}
#panes h3 {margin:0 0 -5px 0;font-size:22px;font-weight:normal;}
/*stop navigation tab*/

/* start sections*/
#section1{margin:0; overflow:hidden; height:130px; background:url(../images/section1.png) repeat-x left top}
#section1_in{margin:0; padding:0; overflow:hidden; margin:0 auto; text-align:left; height:120px}
#section1_in .subsection1{padding:0; margin:0}
#section1_in .subsection1_in{padding:15px 0 0 0; margin:0}


#section2{margin:0; overflow:hidden; height:90px; background:url(../images/section1.png) repeat-x left bottom}
#section2_in{margin:0; padding:0; overflow:hidden; margin:0 auto; text-align:left; height:80px}
#section2_in .subsection2{padding:0; margin:0}
#section2_in .subsection2_in{padding:15px 0 0 0; margin:0}

#section3{margin:0; overflow:hidden; height:100px; background:url(../images/section3.png) repeat-x left bottom}
#section3_in{margin:0; padding:0; overflow:hidden; margin:0 auto; text-align:left; height:80px}
#section3_in .subsection3{padding:0; margin:0}
#section3_in .subsection3_in{padding:15px 0 0 0; margin:0}
/* stop sections */

/* start page content*/
#content_page{width: 100%; background:#fff url(../images/fond2.jpg) repeat-y; background-position:center;  }

#centerbottom{text-align:left; margin:0 auto; font-size:12px; width:1000px;background-color: #f5f5f5;}     
#centerbottom li{padding-left:15px;  font-family:Verdana,Arial,Helvetica, sans-serif; font-size:11px; text-decoration:none}

#wrap{width:100%; margin:0 auto; text-align:left; height:100% !Important; height:1%}
#insidewrap {height:100% !Important; height:1%}

#content_mid{height:100% !Important; height:1%; overflow:hidden; margin:0 auto; text-align:center; min-height:550px; padding:0 0 10px 0}

#midblock{float:left; width: 72%; height:100% !Important; height:1%; overflow:hidden; text-align:left}

.insidemid{padding:10px 0 5px 0}

.fwdesc{width:100%; background:none; border:none}
.fwdesc h3, 
.fwdesc_yj1 h3, 
.fwdesc_yj2 h3, 
.fwdesc_yj3 h3{text-transform:capitalize; font-weight:normal; overflow:hidden; font-size:18px; padding:0 0 0 5px; margin:5px}
.fwdesc h3 span, 
.fwdesc_yj1 h3 span, 
.fwdesc_yj2 h3 span, 
.fwdesc_yj3 h3 span{text-transform:capitalize; overflow:hidden; font-weight:normal}
.fwdesc p, 
.fwdesc_yj1 p, 
.fwdesc_yj2 p, 
.fwdesc_yj3 p{overflow:hidden; padding:3px}
.fwdesc_in, 
.fwdesc_in_yj1, 
.fwdesc_in_yj2, 
.fwdesc_in_yj3{overflow:hidden; padding:10px}
.fwdesc, 
.fwdesc_yj1, 
.fwdesc_yj2, 
.fwdesc_yj3{margin:5px 0 7px 0px; padding:0px; float:left; clear:both; width:100%; height:100% !Important; height:1%}


.readon{display:block;height:20px;padding:0px;float:right;clear:right;text-align:center;font-size: 11px;margin-bottom:5px;}
.readon_link{display:block;border:1px solid #efefef;height:20px;padding:0 5px;}

a:link, a:visited{text-decoration:none; color:#2e2929; font-weight:bold; outline: none;}
a:focus, a:hover{color:#737171; text-decoration:none; outline: none;}

h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address{margin:0.5em 0}

ul{margin:0px; padding:0px; list-style:none}

a.readon_link{display:block; border:1px solid #000; text-decoration: none;  background:#525252; color:#fff; height:20px; padding:0 5px; font-size:10px; font-weight:bold; letter-spacing:1px; width:70px}
a.readon_link:hover{color:#838282; background:#fff; border:1px solid #d4d4d4; color:#2e2929}

a.lista_art{display:block; border:1px solid #000; text-decoration: none; background:#525252; color:#fff; height:20px; padding:0 5px; font-size:10px; font-weight:bold; letter-spacing:1px; width:100px}
a.lista_art:hover{color:#838282; background:#fff; border:1px solid #d4d4d4; color:#2e2929}

.content_news_home{border:0; background:#fff} /*url(../images/advert3.gif) repeat-x left bottom*/
.content_news_home{ display:block;width:auto;margin:0px 0px 5px 0px !important;overflow:hidden;padding:4px 0px !important;border-bottom:1px solid #efefef;font-size:12px;height:1% !important;}
.content_news_home img{padding:3px;margin:0px 5px 0px 0px;border:1px solid #ccc;background:#efefef;}
.content_news_home_date{display:block;width:80px;height:20px;float:left;text-align:left;clear:left;font-size: 11px;font-style: normal;font-weight: bold;}
.content_news_home_title{font: bold normal 13px/13px Arial, Helvetica, sans-serif;}

.content_news{border:0; background:#f5f5f5} 
.content_news{ display:block;width:auto;margin:0px 0px 5px 0px !important;overflow:hidden;padding:4px 0px !important;border-bottom:1px solid #efefef;font-size:12px;height:1% !important;}
.content_news img{padding:3px;margin:0px 5px 0px 0px;border:1px solid #ccc;background:#efefef;}
.content_news_date{display:block;width:80px;height:20px;float:left;text-align:left;clear:left;font-size: 11px;font-style: normal;font-weight: bold;}
.content_news_title{font: bold normal 13px/13px Arial, Helvetica, sans-serif;}

                             
#rightblock{float:left; width:28%; height:100% !Important; height:1%; overflow:hidden; text-align:left; }     
#rightblock2{float:left; width:28%; height:100% !Important; height:1%; overflow:hidden; text-align:left; }

.inside_rightblock{padding:5px 0; overflow:hidden}
.inside_rightblock_in{padding:10px 0 5px 0}
/* stop page content*/


/*start footer*/
#footer{background:url(../images/dark/footer.gif) repeat-x left top}
#footer{clear:both; text-align:center; overflow:hidden; margin:0 auto; padding:0; height:70px}
#inside_footer{clear:both; text-align:left; padding:0px 10px; overflow:hidden; margin:0 auto}
#footer_txt{text-align:left; padding:0; overflow:hidden; margin:15px 0 0 0}
#footer_txt a{color:#838282; padding:0 10px 0 0; text-decoration: none;}
#footer_txt a:hover, #footer_txt a:focus{ color: #ddd;}
/*stop footer*/

#mainlevel_red ul, 
.menu ul{list-style:none; margin:0; padding:0}
#mainlevel_red{padding:0; text-align:left; margin-left:-19px; margin-right:-8px}
.menu{padding:0; text-align:left; margin-left:-19px; margin-right:-8px}
#mainlevel_red li, 
.menu li, 
.menu li:hover{background-image:none}
#mainlevel_red li a{height:26px; line-height:20px; text-decoration:none; display:block; font-size:12px; text-decoration:none; text-indent:22px; padding-top:5px}

.menu li a{height:20px; line-height:20px; text-decoration:none; display:block; font-size:12px; text-decoration:none; text-indent:22px}

a.mainlevel_red{display:block; width:100%; font-size:12px; height:26px; line-height:20px; padding-top:5px; text-decoration:none; text-indent:24px}


#mainlevel_green ul, 
.menu ul{list-style:none; margin:0; padding:0}
#mainlevel_green{padding:0; text-align:left; margin-left:-19px; margin-right:-8px}
.menu{padding:0; text-align:left; margin-left:-19px; margin-right:-8px}
#mainlevel_green li, 
.menu li, 
.menu li:hover{background-image:none}
#mainlevel_green li a{height:26px; line-height:20px; text-decoration:none; display:block; font-size:12px; text-decoration:none; text-indent:22px; padding-top:5px}

.menu li a{height:20px; line-height:20px; text-decoration:none; display:block; font-size:12px; text-decoration:none; text-indent:22px}

a.mainlevel_green{display:block; width:100%; font-size:12px; height:26px; line-height:20px; padding-top:5px; text-decoration:none; text-indent:24px}

#active_menu {color:#737171}


#mainlevel_red li a, 
a.mainlevel_red{background:url(../images/mainlevel_red.png) no-repeat left top}
#mainlevel_red li a:hover, 
#mainlevel_red a#active_menu1:link, #mainlevel_red a#active_menu1:visited, 
a.mainlevel_red:hover, 
a.mainlevel_red#active_menu1, 
#mainlevel_red li a:hover, 
#mainlevel_red a#active_menu1:link, #mainlevel_red a#active_menu1:visited{background:url(../images/mainlevel_red.png) no-repeat left top}

#mainlevel_green li a, 
a.mainlevel_green{background:url(../images/mainlevel_green.png) no-repeat left top}
#mainlevel_green li a:hover, 
#mainlevel_green a#active_menu2:link, #mainlevel_green a#active_menu2:visited, 
a.mainlevel_green:hover, 
a.mainlevel_green#active_menu2, 
#mainlevel_green li a:hover, 
#mainlevel_green a#active_menu2:link, #mainlevel_green a#active_menu2:visited{background:url(../images/mainlevel_green.png) no-repeat left top}



.overlay {display:none;width:500px;padding:20px;background-color:#ddd;}

.tooltip {	display:none;	background:transparent url(../images/tooltip.png);	font-size:9px;	height:70px;	width:160px;	padding:25px;	color:#fff;}
.tooltipcont img {	border:0;	cursor:pointer;	margin:0 8px;}

/*
#scroller-header a {	color:#333333; display:block;  padding:17px; position:relative; font-size:9px; height:122px; width:175px; text-decoration:none; outline: none;}
#scroller-header a:hover {	text-decoration:none;	color:#4b412f}
#scroller-header img {background-color:#fff;border:1px solid #ccc;margin:3px 0 5px 27px;padding:4px;display:block;}
#scroller-header {	background:url(../images/advert2.gif) repeat-x left bottom;	height:156px; width:100%; padding-left: 10px;}
#scroller-header strong {display:block;font-size:10px;}
a.selected {	 height:122px; background:#f5f5f5 url(../down_large.png); text-decoration:underline !important;	color:#4b412f !important;}
*/

/*start navigation tab*/
#scroller-header { height:156px; width:100%; list-style-type:none; font-weight: bold;}
#scroller-header a {color:#333333; display:block; padding:17px; width: 135px; position:relative; font-size:9px; height:122px; text-decoration:none; outline: none; background: url(../images/advert2.gif) repeat-x left bottom;}
#scroller-header img {background-color:#fff;border:1px solid #ccc;margin:3px 0 5px 27px;padding:4px;display:block;}
#scroller-header strong {display:block;font-size:10px;}
#scroller-header a.selected { width: 135px;	 height:122px; font-weight: 900; background:#f5f5f5 url(../images/tab_big.png) no-repeat;}


#scroller-body {	background:url(images/body.gif) no-repeat bottom center;	width:100%;}
#mask {	width:100%;	overflow:hidden;	margin:0 auto;}


#panel div {float:left;}
#panel ul {list-style:none;margin:0 5px;padding:0;}
#panel ul li {		padding:5px;		color:#557482;		border-bottom:1px dotted #ccc;	}
#panel ul li.last {		border-bottom:none !important;}



/*start articles list application*/
.containerArtList{text-align:left;position:relative;padding:0;margin:0 auto;width:680px;background-color:  #fff;}
.containerArtList:after{content:".";display:block;height:0;clear:both;visibility:hidden;}      
#artList li{padding: 5px;color: #000;}
#menusliderArtList a{font-size: 12px; color: #000;	text-decoration: none;	font-weight: bold;	padding: 3px;	}
#menusliderArtList a.wactive{background: #525252;	padding: 5px; color: #fff;	border: 1px solid gray;	font-size: 15px;	font-weight: bold;}
/*stop articles list application*/

#searchList li{padding: 1px;color: #000;}

/* start player */
a.player {	margin: 0 auto;	display:block;	width:640px;	height:385px;	text-align:center;	color:#fff;	text-decoration:none;	cursor:pointer;}
a.player img {	margin-top:115px;	border:0;}

a img 	{ 	border:0 }
a:active { 	outline:none; }
:focus   { -moz-outline-style:none; }

/* stop player */

input.button{display:block; border:1px solid #000; background:#525252; color:#fff; height:20px; padding:0 5px; font-size:10px; font-weight: bold; letter-spacing:1px; width:70px; cursor: pointer;}
input.button:hover{color:#838282; background:#fff; border:1px solid #d4d4d4; color:#2e2929; cursor: pointer;}