@import 'reset.css';

/* SITE CSS */
html { width:100%; height:100%; }
	body {  font-family:Arial; color:Black; min-width:1000px; width:100%; height:100%; }
	body .clear { clear:both; }
		body a { color:black; }
		body a:hover { text-decoration:none; }

		#wrapper  { min-width:1000px; max-width:1700px; margin:0px auto; min-height: 100%; position:relative;   }
		* html #wrapper {height: 100%;}
			#wrapper .header {width:100%; height:125px; background:url(../img/head_bg.jpg) repeat-x;  }
				#wrapper .header .logo { float:left; width:175px; height:84px; padding-left:30px; padding-top:20px; }
					#wrapper .header .logo h1 { display:block; width:175px; height:84px; background:url(../img/logo.png) no-repeat;}
					#wrapper .header .logo h1 a { display:block; width:175px; height:84px;}
					#wrapper .header .logo h1 a span { display:none;}
				    #wrapper .ads { position: relative; float: left; height: 90px; width: 728px; top:16px; }

				#wrapper .header .search {position:absolute; padding-bottom: 10px; right:10px; top:20px; padding-left:15px; padding-top:5px; width:500px; background:url(../img/bg_search.jpg) repeat-x; border:1px solid #3CA834;}
					#wrapper .header .search h2 {font-size:16px; font-weight:normal; color:white}
					#wrapper .header .search p.search_input {padding-top:3px;}
					#wrapper .header .search p.search_input input{ float:left; width:380px; border:1px solid #579D46; font-size:15px; padding:5px; }
					#wrapper .header .search p.button_input { float:left; width:89px; padding-left:5px; position:relative; margin-top:-3px;}
					#wrapper .header .search p {font-size:11px; color:#666666;}
						#wrapper .header .search p a { color:white; font-style:italic; text-decoration:none;}
						#wrapper .header .search p a span { border-bottom:1px dashed white; }
							#wrapper .header .search p a:hover span { border-bottom:none; }
				#container { position:relative; display:block; padding-top:30px;  }
					#container #inner { display:block; position:relative;  }
						#container #inner #main { clear:both; position:relative; padding-left:15px; display:block; zoom:1;   }
							#container #inner #main #sidebar { float:right; width:240px;  position:relative;  }
							#container #inner #main #content { float:left; margin-right:-260px; width:100%; padding-bottom:50px; position:relative;  }
								#container #inner #main #content #cont {margin-right:260px;}

				/* Content CSS */
				#container #inner #main #content #cont .top_title {position:relative; width:auto;}
				#container #inner #main #content #cont .top_title p.title { height:50px; background:url(../img/bg_title.jpg) right no-repeat; padding-right:10px; text-align:right;  line-height:45px;  } 
				#container #inner #main #content #cont .top_title p.title span {text-align:left; float:left; padding-left:15px;  font-size:24px; font-weight:normal;}	
				#container #inner #main #content #cont .top_title p.title span.numberss { background:url(../img/number.jpg) left  repeat-x; float:left; padding-left:10px; padding-right:5px;  padding-bottom:1px; padding-top:3px; font-size:10px; color:white; margin-left:15px; margin-top:-3px; }			
					#container #inner #main #content #cont .top_title p.title a { font-size:12px; color:#FF6600;   } 
						#container #inner #main #content #cont .top_title p.title a span { border-bottom:1px dashed #666666; }
							#container #inner #main #content #cont .top_title p.title a:hover span { border:none; }
							#container #inner #main #content #cont .top_title p.title span.yellow { height:50px; display:block; color:#333333;  float:left; line-height:48px; background:url(../img/bg_title_rex.jpg) left no-repeat; padding-left:15px;  font-size:24px; font-weight:normal; }
							#container #inner #main #content #cont .top_title p.title span.green { height:50px; display:block; color:#333333;  float:left; line-height:48px; background:url(../img/bg_title_web.jpg) left no-repeat; padding-left:15px;  font-size:24px; font-weight:normal; }
				
				
				#container #inner #main #content #cont .article { clear:both; height:100%; padding:30px 0px; padding-left:15px;  border-left:1px solid #ECECEC; border-right:1px solid #ECECEC; background:url(../img/volna.jpg) bottom repeat-x; position:relative;  }
					#container #inner #main #content #cont .article h2 { font-size:18px; color:#666666; font-weight:normal; padding-bottom:20px;}
						#container #inner #main #content #cont .article h2 a {color:#FF6600;}
					#container #inner #main #content #cont .article p {  font-size:13px; color:#333333; line-height:120%; clear:both;}
					#container #inner #main #content #cont .article p.group { color:#999999; font-size:13px; padding-top:15px;}
						#container #inner #main #content #cont .article p.group a {color:#FF6600;}
						#container #inner #main #content #cont .article p img.left_foto { float:left; padding-right:15px;}
				#container #inner #main #content #cont .article .date { position:absolute; top:7px; right:15px; width:46px;  height:46px; background:url(../img/date.gif)  no-repeat; text-align:center;   }
					#container #inner #main #content #cont .article .date p {color:#999999; font-size:19px; padding-bottom:7px; position:relative; zoom:1; font-family:georgia; text-align:center; padding-left:5px;  line-height:100%;}
					#container #inner #main #content #cont .article .date p span { font-size:12px; vertical-align:super;  }
					#container #inner #main #content #cont .article .date span.year { clear:both; padding-top:3px; border-top:1px solid #F1F1F1; width:46px; display:block; text-align:center; color:#999999; font-size:12px; font-family:arial;  }

				#container #inner #main #content #cont .navigation { padding-bottom:31px;  margin-left:-16px; margin-right:-16px; position:relative; zoom:1; padding-left:16px; padding-right:16px; margin-top:15px;  }
					#container #inner #main #content #cont .navigation p.back { float:left; }
					#container #inner #main #content #cont .navigation p.next { float:right; }
						#container #inner #main #content #cont .navigation p.back a { font-size:13px; color:#ff6600; }
						#container #inner #main #content #cont .navigation p.back.notactive a { color:#CCC; text-decoration: none; }
						#container #inner #main #content #cont .navigation p.next a { font-size:13px; color:#ff6600; }
						#container #inner #main #content #cont .navigation p.next.notactive a { color:#CCC; text-decoration: none; }
					#container #inner #main #content #cont .navigation ul.pages { margin:0px auto; width:220px; height:20px; }
						#container #inner #main #content #cont .navigation ul.pages li { float:left; display:block; width:19px; height:19px; }
						#container #inner #main #content #cont .navigation ul.pages li.current {  }
							#container #inner #main #content #cont .navigation ul.pages li.current a { display:block; width:19px; height:19px; background:url(../img/current.gif); font-size:13px; font-weight:bold; color:white; text-decoration:none; text-align:center; line-height:19px; }
							#container #inner #main #content #cont .navigation ul.pages li a { display:block; width:19px; height:19px; text-align:center; line-height:19px; color:#ff6600; }
#container #inner #main #content #cont .num_green {background:url(../img/number_cor.gif) left no-repeat; padding-left:7px; height:16px; font-size:10px; color:white;}
#container #inner #main #content #cont .num_green span { background:url(../img/number.jpg) left; padding-right:5px; }

#container #inner #main #content #cont .cat {background:#f9f9f9; border-left:1px solid #ececec; border-right:1px solid #ececec; border-bottom:1px solid #ececec;  padding-right:16px; padding-top:15px; padding-bottom:15px; zoom:1; margin-bottom:10px; padding-left:15px;}
#container #inner #main #content #cont .cat h2 {font-size:16px; color:#666666; font-weight:normal}
#container #inner #main #content #cont .cat .cat_link {background:white; clear:both; margin-top:15px; border:1px solid #EFEFEF;}
#container #inner #main #content #cont .cat .cat_link ul.green { width:auto; padding-left:15px; padding-top:15px;  }
	#container #inner #main #content #cont .cat .cat_link ul.green li {  color:#333333; font-size:14px;  background:url(../img/green_pink.jpg) left bottom no-repeat; padding-left:20px; padding-bottom:15px; background-position:0px 7px;  }
	#container #inner #main #content #cont .cat .cat_link ul.green li span {vertical-align:super;  color:#999999; font-size:11px;}
	#container #inner #main #content #cont .cat .cat_link ul.green li a{color:#FF6600; font-size:14px;}


#container #inner #main #content #cont .top_title p.title .add_art{ float:left; width:31px; height:29px; background:url(../img/add_art.jpg) right bottom no-repeat; display:block;  padding-left:10px; padding-top:7px;}

#container #inner #main #content #cont .box_admin_article { background:#f9f9f9; border-left:1px solid #ececec; border-right:1px solid #ececec; border-bottom:1px solid #ececec;  padding-right:16px; padding-top:25px; padding-bottom:15px; zoom:1; margin-bottom:10px; }
#container #inner #main #content #cont .box_admin_article .green_bg { background:url(../img/green_bg.jpg) #f9f9f9 repeat-y;   padding-top:5px; }
#container #inner #main #content #cont .box_admin_article .yealow_bg { background:url(../img/yealow_bg.jpg) #f9f9f9 repeat-y;  padding-top:5px; }
#container #inner #main #content #cont .box_admin_article .grey_bg { background:url(../img/grey_bg.jpg) #f9f9f9 repeat-y; padding-top:5px; }
#container #inner #main #content #cont .box_admin_article p { padding-bottom:5px; font-size:16px;  padding-left:20px;} 
#container #inner #main #content #cont .box_admin_article .add_count {padding-bottom:5px; font-size:14px;  padding-left:20px; width:687px;} 
#container #inner #main #content #cont .box_admin_article .add_count div {padding: 2px;}
#container #inner #main #content #cont .box_admin_article p span { font-style:italic;  color:#999999; font-size:11px; padding-left:20px;}
#container #inner #main #content #cont .box_admin_article p input { width:685px; font-size:16px; padding:5px; border:1px solid #CCCCCC; }
#container #inner #main #content #cont .box_admin_article p select { border:1px solid #CCCCCC; height:30px; padding-top:4px; padding-left:5px; line-height:30px;;  width:695px; }
#container #inner #main #content #cont .box_admin_article p.save { padding-left:20px; padding-top:10px; }
#container #inner #main #content #cont .box_admin_article p.save input { width:auto; border:none; }
#container #inner #main #content #cont .box_admin_article p textarea { width:685px; font-size:16px; padding:5px; border:1px solid #CCCCCC; }
#container #inner #main #content #cont .box_admin_article p.count { padding:0x; }
#container #inner #main #content #cont .box_admin_article p.count a { color:#666666; font-size:11px; font-style:italic; text-decoration:none;  }
#container #inner #main #content #cont .box_admin_article p.count a span { border-bottom:1px dashed #666666; }


	#container #inner #main #content #cont .control { background:#f9f9f9; border-left:1px solid #ececec; border-right:1px solid #ececec; border-bottom:1px solid #ececec;  padding-right:16px; padding-top:25px; padding-bottom:15px; zoom:1; margin-bottom:10px; }
		#container #inner #main #content #cont .control p { padding:10px 0px; clear:both; padding-left:15px; }
			#container #inner #main #content #cont .control p label { float:left; width:300px; display:block; font-size:16px; padding-top:5px;  }
			#container #inner #main #content #cont .control p input { float:left; border:1px solid #CCCCCC; padding:7px; width:370px; color:#666666; }
			#container #inner #main #content #cont .control p.save { padding-top:45px; }
			#container #inner #main #content #cont .control p.save input {width:auto; border:none; padding:0px; }

/* Article CSS */
#container #inner #main #content #cont .article_text{ width:auto; height:100%;}
#container #inner #main #content #cont .article_text .top_title {position:relative; width:auto;}
	#container #inner #main #content #cont .article_text .top_title p.title { height:60px; background:#F9F9F9; border:1px solid #ECECEC; padding-right:10px; text-align:right;  line-height:60px;  } 
		#container #inner #main #content #cont .article_text .top_title p.title span {text-align:left; float:left; padding-left:15px;  font-size:24px; font-weight:normal;}
						
			#container #inner #main #content #cont .article_text .top_title p.title a { font-size:12px; color:#FF6600;   } 
			#container #inner #main #content #cont .article_text .top_title p.title a span { border-bottom:1px dashed #666666; }
			#container #inner #main #content #cont .article_text .top_title p.title a:hover span { border:none; }
		#container #inner #main #content #cont .article_text .top_title p.title span.yellow { height:50px; display:block; color:#333333;  float:left; line-height:48px; background:url(../img/bg_title_rex.jpg) left no-repeat; padding-left:15px;  font-size:24px; font-weight:normal; }
		#container #inner #main #content #cont .article_text .top_title p.title span.green { height:50px; display:block; color:#333333;  float:left; line-height:48px; background:url(../img/bg_title_web.jpg) left no-repeat; padding-left:15px;  font-size:24px; font-weight:normal; }
	#container #inner #main #content #cont .article_text .top_title .date { position:absolute; top:7px; right:15px; width:46px;  height:46px; background:url(../img/date_white.jpg)  no-repeat; text-align:center;   }
		#container #inner #main #content #cont .article_text .top_title .date p {color:#999999; font-size:19px; padding-bottom:7px; position:relative; zoom:1; font-family:georgia; text-align:center; padding-left:5px;  line-height:100%;}
		#container #inner #main #content #cont .article_text .top_title .date p span { font-size:12px; vertical-align:super;  }
		#container #inner #main #content #cont .article_text .top_title .date span.year { clear:both; padding-top:3px; border-top:1px solid #F1F1F1; width:46px; display:block; text-align:center; color:#999999; font-size:12px; font-family:arial;  }

#container #inner #main #content #cont .article_text .content_article { background:url(../img/volna.jpg) bottom repeat-x; border-left:1px solid #ececec; border-right:1px solid #ececec;  padding-right:16px;padding-left:15px; padding-top:15px; padding-bottom:15px; height:100%; width:auto; }
	#container #inner #main #content #cont .article_text .content_article p.category {padding-bottom:10px; height:20px; color:#999999; font-size:13px;}
		#container #inner #main #content #cont .article_text .content_article p.category a {color:#FF6600;}
		#container #inner #main #content #cont .article_text .print{ width:16px; height:16px; position:absolute;  background:red; top:75px; right:50px; zoom:1;}
			#container #inner #main #content #cont .article_text .print a{ width:16px; height:16px; display:block; background:url(../img/print_ico.jpg)  no-repeat;}
			#container #inner #main #content #cont .article_text .print a span {display:none;}
		#container #inner #main #content #cont .article_text  .mail { width:16px; height:16px; position:absolute; top:75px; right:20px;}
			#container #inner #main #content #cont .article_text  .mail a{ width:16px; height:16px; background:url(../img/mail_ico.jpg)  no-repeat; display:block}
			#container #inner #main #content #cont .article_text  .mail a span {display:none;}
	#container #inner #main #content #cont .article_text .content_article .description .image_foto { float: left;padding: 4px; margin: 0 10px 10px 0; text-align:center}

	#container #inner #main #content #cont .article_text .content_article .description {width:auto; float:left;}
		#container #inner #main #content #cont .article_text .content_article .description p{ color:#666666; font-size:13px; padding-bottom:10px; line-height:150%;}
		#container #inner #main #content #cont .article_text .content_article .description .citation { background:url(../img/right_gal.jpg) no-repeat bottom right; padding-right:25px; margin:10px 0px; font-style:italic }
			#container #inner #main #content #cont .article_text .content_article .description .citation p span{ background:url(../img/left_kav.jpg) top left no-repeat ; padding-left:40px; padding-top:10px; }
		#container #inner #main #content #cont .article_text .content_article .link_all {background:url(../img/yealow_bg.jpg) left repeat-y; height:50px; line-height:45px; padding-left:15px; position:relative; margin-left:-15px;}
			#container #inner #main #content #cont .article_text .content_article  .link_all p{color:#333333; font-size:13px;}
			#container #inner #main #content #cont .article_text .content_article  .link_all p a { color:#FF6600;}
				
				
	#container #inner #main #content #cont .article_text .alike { background:url(../img/volna.jpg) bottom repeat-x; border-left:1px solid #ececec; border-right:1px solid #ececec;  padding-right:16px;padding-left:15px; padding-top:15px; padding-bottom:15px;  margin-bottom:10px;  height:100%; width:auto; }
		#container #inner #main #content #cont .article_text .alike p {font-size:12px; color:#666666; line-height:150%}
		#container #inner #main #content #cont .article_text .alike p a { color:#FF6600;}
	
				/* Sidebar CSS */
				#container #inner #main #sidebar ul.side_menu { width:226px;  border-top:1px solid #ECECEC}
					#container #inner #main #sidebar ul.side_menu li { padding-bottom:9px;  background:url(../img/admin_menu_bg.jpg) white no-repeat; line-height:32px;  }
					#container #inner #main #sidebar ul.side_menu li.more { padding-bottom:9px;  background:url(../img/admin_menu_more_bg.jpg) white no-repeat; line-height:32px;  }
						#container #inner #main #sidebar ul.side_menu li a {font-size:14px; color:#FF6600;  }

					#container #inner #main #sidebar ul.side_menu li p.home_ico { margin-left:10px; background:url(../img/home_ico.gif) left center no-repeat; padding-left:20px;}
					#container #inner #main #sidebar ul.side_menu li p.add_ico { margin-left:10px; background:url(../img/add_ico.gif) left center no-repeat; padding-left:20px;}
					#container #inner #main #sidebar ul.side_menu li p.cat_ico { margin-left:10px; background:url(../img/cat_ico.gif) left center no-repeat; padding-left:20px;}
					#container #inner #main #sidebar ul.side_menu li p.admin_ico { margin-left:10px; background:url(../img/admin_ico.gif) left center no-repeat; padding-left:20px;}

					#container #inner #main #sidebar ul.side_menu li.select { height:auto; background:url(../img/admin_menu_more_bg.jpg )white no-repeat; line-height:34px; padding:0px;  }
						#container #inner #main #sidebar ul.side_menu li.select ul{ width:214px; background:white; border:1px solid #ECECEC;  margin:0px; padding:0px; padding-bottom:10px; padding-top:10px; padding-left:10px;   }
							#container #inner #main #sidebar ul.side_menu li.select ul li {background:white; margin:0px;  padding:0px; line-height:100%; padding-bottom:10px;  }
								#container #inner #main #sidebar ul.side_menu li.select ul li a { color:#666666; font-size:12px; margin-right:5px; }
							#container #inner #main #sidebar ul.side_menu li.select ul li span { background:url(../img/number.jpg) left bottom repeat-x; padding-left:10px; padding-right:5px;  padding-bottom:1px; padding-top:5px; font-size:10px; color:white; position:relative; margin-top:5px}
				
					#container #inner #main #sidebar .top_art {color:#333333; font-size:16px; padding-top:20px; padding-left:20px;}
						#container #inner #main #sidebar .top_art span {background:url(../img/med_ico.gif) right center no-repeat; padding-right:17px; }
					#container #inner #main #sidebar .top_corner { width:227px; height:6px; font-size:1px; background:url(../img/top_corner.jpg) no-repeat; margin-top:10px;  }
						#container #inner #main #sidebar .aticle_small { width:205px; position:relative; padding:10px 10px; border-left:1px solid #efefef; border-right:1px solid #efefef;   }
							#container #inner #main #sidebar .aticle_small h2 {color:#ff6600; font-size:13px; font-weight:normal;line-height:130%; }
								#container #inner #main #sidebar .aticle_small h2 a{color:#ff6600; font-size:13px;}
							#container #inner #main #sidebar .aticle_small p { color:#666666; font-size:13px; padding-top:5px; line-height:130%; }
						#container #inner #main #sidebar .aticle_cat { width:205px; position:relative; padding:10px 10px; border-top:1px solid #efefef; border-left:1px solid #efefef; border-right:1px solid #efefef;   }
							#container #inner #main #sidebar .aticle_cat p {color:#666666; font-size:11px; font-weight:normal;line-height:130%; }
								#container #inner #main #sidebar .aticle_cat p a{color:#ff6600; font-size:11px;}
						#container #inner #main #sidebar .bottom_corner { width:227px; height:6px; font-size:1px; background:url(../img/bottom_corner.jpg) top no-repeat; padding-bottom:20px; }

				/* Footer CSS */
				#footer { height:80px; width:100%;  margin: -80px auto 0;   background:url(../img/footer_bg.jpg) repeat-x; position:relative; clear:both; }
					#footer .copy { position:absolute; left:20px; top:17px; }
						#footer .copy p {font-size:11px; color:#FFF; padding-bottom:5px; }
							#footer .copy p a{font-size:11px; color:#FFF; }
					#footer ul.menu { width:300px; margin:0px auto; padding-top:20px; }
						#footer ul.menu li { float:left; padding-left:5px; font-size:11px; color:#FFF; }
							#footer ul.menu li a { font-size:11px; color:#FFF;   }
					#footer .banner { position:absolute; right:20px; top:17px; }
						#footer .banner p.first { float:left; padding-right:10px;}
				
			.empty {height: 90px;}

.top_corner_right {width:auto; height:15px; background:url(../img/top_r_cor.gif) top right;}
.top_corner_right div {width:15px; height:15px; background:red; position:absolute; left:0px; background:url(../img/top_l_corner.gif) no-repeat; }
.links {width:auto; height:100%; border-left:1px solid #F0F0F0; border-right:1px solid #F0F0F0; padding:0px 15px;}
.links a {font-size:10px; color:#666666;}
.links a.first {font-size:18px; color:#FF6600;}
.links a.sec {font-size:16px;  color:#333333;}
.links a.three {font-size:14px; color:#333333;}
.links a.four {font-size:12px;  color:#333333;}
.bot_conrner_right {width:auto; height:15px; background:url(../img/bot_r_cor.gif) top right;}
.bot_conrner_right div {width:15px; height:15px; background:red; position:absolute; left:0px; background:url(../img/bot_l_corner.gif) no-repeat; }