* {
	margin: 0; padding: 0;
}
body {
	text-align: center;
	color: #000000;
	font-family: Verdana;
	font-size: 0.8125em;
	
}
a {
	text-decoration: underline;
	color: #09c;
}
a:hover {
	text-decoration: none;
	color: #ff0000;
}
img {
	border: 0;
}
.alignleft {
	float: left;
	margin: 4px 10px 5px 0px;
}
.alignright {
	float: right;
	margin: 4px 0 5px 10px;
}
.aligncenter {
	text-align: center;
}
.hidden {
	display: none;
}

.mini {clear: both; 
	font-size:x-small; text-align:right;
	color: #000000;
	height: 20px; margin:5px;}
/** BEGIN wrapper **/
#wrapper {
	width: 1150px;
	margin: auto auto;
	text-align: left;
}
/** END wrapper **/
.H { background-color:#FFFFFF; color:#FF0000; font-weight:900;}
/** BEGIN header **/
#header {
       background-color: #4b4d5a; 
	   width:100%; 
	   height:180px; 
	   margin-bottom:1px;
	}

#logo {float:left; margin-left:20px;}
#name {height:180px; float:right;}	
#header h2 {
	clear: both;
	float: right;
	padding: 0px 40px 10px 0px;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	vertical-align:baseline;
	outline: none;
	font-family: Geneva, Arial, Helvetica, sans-serif; font-size:2em; margin-top:45px; margin-right:5%; 	
	}	    
/** END header **/

/** BEGIN content **/
#content {clear: both; 
	float: left;
	margin: 1px 0px 1px 0px;
	width: 70%;
	 
}
	#content .box {
		background-color: #E2E6E9;
		padding: 5px; 
		margin-bottom: 5px;
	}
		#content .box .buffer {
			background: #ffffff url(/skins/header.gif) repeat-x 0 0;
			border-width: 0 1px;
			border-style: solid;
			border-color: #D9D9D9;
			padding: 1px;
		}
		#content .box .buffer h1 {
			color: #243749;
			text-transform: uppercase;
			font-size: 1.0em; font-weight: bolder;  
			padding: 6px 7px 10px;
		}
		#content .content {
		padding: 5px; 
	}		
.bl_select { width:auto;
           height:auto;
		   text-align:left;
		   border:#CCCCCC solid 1px;
		   padding:10px; 
		   margin-left:5px; margin-right:5px; margin-top:10px; margin-bottom:5px;
		   text-decoration: none;
	 -webkit-border-radius:5px;
	 -khtml-border-radius:5px;
	   -moz-border-radius:5px;
			border-radius:5px;}
.bl_select:hover { width:auto;
           height:auto;
		   text-align:left;
		   border:#CCCCCC solid 1px; 
		   padding:10px; 
		   margin-left:5px; margin-right:5px; margin-top:10px; margin-bottom:5px;
	 -webkit-border-radius:5px;
	 -khtml-border-radius:5px;
	   -moz-border-radius:5px;
			border-radius:5px;
			text-decoration: none;
			-webkit-box-shadow:0em 0em 1em rgba(0, 0, 0, 2);
	   -moz-box-shadow:0em 0em 1em rgba(0, 0, 0, 2);
	        box-shadow:0em 0em 1em rgba(0, 0, 0, 2);}		
		#content img {
			float: left;
			margin: 5px 5px 5px 0;
		}
		#content a.title {
			color: #666666;
			font-size: 1.3em;
			font-weight: bold;
			text-decoration: none;
		}
		#content a:hover.title {
			color: #ff0000;
			font-size: 1.3em;
			font-weight: bold;
			text-decoration: underline;
		}
		#content .content h2 {
			font-size: 1.4em; text-align:center; color:#666666; padding: 10px 0 25px;
		}
		#content .content h3 {
			font-size: 1.4em;
			margin-bottom: 5px; margin-top:10px; padding: 10px 25px 10px;
		}
		#content .content  h4 {
			font-size: 1.2em;
			margin-bottom: 5px;
		}
	    #content .content  h5, h6 {
			font-size: 1.0em;
			margin-bottom: 5px;
		}
	    #content .content p {
			line-height: 1.4em;
			margin-bottom: 10px;
		}
		#content .red {color: #CC0000; font-weight: bold;}
		#content .box .buffer .content #pop {width:100%; padding-top:10px; margin-bottom:20px;}
        #content .box .buffer .content #pop h3 { background-color:#CC0000; color:#FFFFFF; padding-top:3px; padding-bottom:3px; }
		.bl { width:auto;
           height:auto;
		   text-align:left;
		   border:#CCCCCC solid 1px;
		   padding:10px; 
		   margin-left:5px; margin-right:5px; margin-top:10px; margin-bottom:5px;
		   text-decoration: none;
	 -webkit-border-radius:5px;
	 -khtml-border-radius:5px;
	   -moz-border-radius:5px;
			border-radius:5px;}
		
		
		#content .box .buffer .content .arc { clear:inherit; float:rightleft; width:300px; background:#E2E6E9; padding:5px;  margin-bottom:120px; }
#content .box .buffer .content .arc h3 { background-color:#CC0000; color:#FFFFFF; padding-top:3px; padding-bottom:3px; }
#content .box .buffer .content .arc  .homelist {
		list-style-type: none;
		background-color: #F8F8FF;
	}
		#content .content ul, #content .content ol {
			list-style-position: inside;
			margin-bottom: 10px;
		}
		#content .content li {
			line-height: 1.4em;
			padding: 2px 0;
		}
		#content .grey { color:#666666; font-weight:bold;}
		#content .box .buffer .content .cat {font-size:10px;}
	#content .content  .prim {font-size: 0.9em; }
    #content .box .buffer .content .podval {  clear:both; float:left; padding-top:10px; margin-bottom:20px; }	
/** END content **/

/** BEGIN right sidebar **/
#rsidebar {
	width: 29.565%;
	float: right;
	margin: 1px 0; 
}
	#rsidebar .box {
		background-color: #E2E6E9;
		padding: 6px;
		margin-bottom: 5px;
	}
		#rsidebar .box .buffer {
			background: #ffffff url(/skins/header.gif) repeat-x 0 0;
			border-width: 0;
			border-style: solid;
			border-color: #D9D9D9;
			padding-bottom: 3px;
		}
		#rsidebar .box .smenu {
			background: #4b4d5a;
			border-width: 0 1px;
			border-style: solid;
			border-color: #D9D9D9;
			padding: 3px;
		    margin-bottom: 5px;
		}
		#rsidebar .box .smenu ul {list-style-type: none;}
		#rsidebar .box .smenu ul li {border-bottom: 1px solid #ffffff; padding: 7px; font-size: 1.1em;}
		#rsidebar .box .smenu ul li:hover { background-color:#34495E;}
		#rsidebar .box .smenu a {color: #ffffff; text-decoration: none;}
		#rsidebar .box .smenu a:hover {color: #ffffff;}
		#rsidebar .box h2 {
			color: #243749;
			text-transform: uppercase;
			font-size: 1em;
			padding: 6px 7px 10px;
		}
		#rsidebar .box h3 {
			color: #CC0000;
			font-size: 1.2em;
			padding: 6px 7px 10px;}
		#rsidebar .subscribe { width:330px; padding: 5px; border: 2px solid #eeeeee; background-color:#F8F8FF; font-size:14px; font-weight: normal; text-align:center;}
		
		#rsidebar .box ul {
			list-style-type: none;
		}
			#rsidebar .box ul li {
				border-bottom: 1px solid #DDDDDD;
				padding: 5px;
				font-size: 0.9em;
			}
			#rsidebar .box ul li a {
				color: #808080;
				text-decoration: none;
			}
			#rsidebar .box ul li a:hover {
				color: #243749;
			}
		#rsidebar .box .flickr {
			text-align: center;
		}
			#rsidebar .box .flickr img {
				margin: 5px;
			}
		#rsidebar .box .video {
			padding: 3px 3px 0;
		}
		#rsidebar .box .tags {
			padding: 10px;
		}
		
		#rsidebar .box .tags a {
				color: #808080;
				text-decoration: none;
			}
			#rsidebar .box .tags a:hover {
				color: #243749; 
				text-decoration:underline;
			}
		#rsidebar .box .biblio {padding: 5px 15px 5px 5px;	
		}
		#rsidebar .box .biblio a {
				color: #808080; font-weight: 500;
				text-decoration: none;
			}
			#rsidebar .box .biblio a:hover {
				color: #243749; font-weight:bold; 
				}	
			
/** END right sidebar **/

/** BEGIN footer **/
#footer {
	clear: both;
	background-color: #4b4d5a; 
	font-size:xx-small;
	color: #ffffff;
	height: 50px;
	padding: 10px;
}
	#footer .buffer { 
		width: 100%;
		margin: 0 auto;
		text-align: left;
	}
	#footer p {
		line-height: 1.6em;
		margin-bottom: 5px;
	}
	#footer a {
		color: #ffffff;
		text-decoration: none;
	}
	#footer a:hover {
		text-decoration: underline;
	}
	#footer .l { width:200px;  height:40px;
		float: left; text-align:center;
	}
	#footer .m{ width:690px;  height:40px; float: left; text-align:center; font-size:10px;}
	#footer .r { width:250px;  height:40px;
		float: left; text-align:center; font-size:10px; 
	}
 


@media only screen and (max-width: 1150px) {
img {max-width: 100%; height: auto;} /*делаем изображения эластичными*/
embed, object, iframe {width: 100%;} /*делаем встроенные объекты эластичными*/
#wrapper, #header #box {width: 100%; height: auto;} /*заголовок и тело эластичными*/
#logo {width: 42%;} /*делаем лого эластичным*/
#name { font-size: 0.8em; } /*уменьшаем шрифт хедера*/
#pop {width: 100%; height: auto; float: none;}
.arc {width: 100%; height: auto; float: none;}
#footer {width: 100%; height: 50px; margin-top:50px; padding: 10px;} /*футер на всю ширину*/
#footer .l { display:none;  float: none;}
#footer .m {width: 100%; height: auto; float: left;}
#footer .r { display:none;  float: none;}
}

@media only screen and (max-width: 940px) {
#header { height:150px;}
#header h2 {margin-top:20px; }
}
 
@media only screen and (max-width: 768px) {
#header { height:120px;}
#name { font-size: 0.6em;} /*уменьшаем шрифт хедера*/
#header h2 {margin-top:30px; }
#content {width: 100%; float: none;} /*контент на всю ширину*/
#rsidebar {width: 100%; } /*сайтбар на всю ширину*/
h1 {font-size: 1.8em;} /*изменяем размер заголовка*/
#bl_form {padding:5px 10px 5px 10px; margin:10px 10px 5px 10px;} /*внутренние отступы для контента*/
}

@media only screen and (max-width: 660px) {
#header { height:100px;}
#header h2 {margin-top:15px; }
}

@media only screen and (max-width: 620px) {
#footer {width: 100%; height: 80px; margin-top:50px; padding: 10px;} /*футер на всю ширину*/
}

@media only screen and (max-width: 560px) {
#header { display:none;}
}

/*
     */
/*
*/