* {
	margin: 0; padding: 0;
}
body {background: url(/skins/bg200.jpg);
	text-align: center;
	color: #333333;
	font-family: Verdana;
	font-size: 0.8em;
	
}
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;
}

.mini {clear: both; 
	font-size:x-small; text-align:right;
	color: #000000;
	height: 20px; margin:5px;}

#wrapper {
	width: 1150px;
	margin: auto auto;
	text-align: left;
}

/** BEGIN header **/
#header {
       background-color: #4b4d5a; 
	   width:100%; 
	   height:180px; 
	   margin-bottom:1px;
	}
#logo {float:left; margin-left:20px;}
#name {height:180px; float:right;}   
/** END header **/

/** BEGIN content **/
h1 {font-size: 1.3em; text-align:center; color: #366D9D; margin-bottom: 10px;}
h2 {font-size: 1.4em; text-align:center; color: #666666; margin-bottom: 5px;}
h3 {font-size: 1.2em; text-align:center; margin-bottom:10px; }

.bl_form_select { width:auto;
           height:auto;
		   text-align:center; background-color:#E8E8E8;
		   border:#CCCCCC solid 1px; 
		   padding:25px;
		   margin:20px;
		   text-decoration: none;
	 -webkit-border-radius:8px;
	 -khtml-border-radius:8px;
	   -moz-border-radius:8px;
			border-radius:8px;}
.bl_form_select:hover { width:auto;
           height:auto;
		   text-align:center; background-color:#33FF99;
		   border:#CCCCCC solid 1px; 
		   padding:25px;
		   margin:20px;
	 -webkit-border-radius:8px;
	 -khtml-border-radius:8px;
	   -moz-border-radius:8px;
			border-radius:8px;
			text-decoration: none;
			-webkit-box-shadow:0em 0em 2em rgba(0, 0, 0, 2);
	   -moz-box-shadow:0em 0em 2em rgba(0, 0, 0, 2);
	        box-shadow:0em 0em 2em rgba(0, 0, 0, 2);}			
.bl_form_select a: { width:auto;
           height:auto;
		   text-align:center;
		   border:#CCCCCC solid 1px; 
		   padding:25px;
		   margin:20px;
		   text-decoration: none;
	 -webkit-border-radius:8px;
	 -khtml-border-radius:8px;
	   -moz-border-radius:8px;
			border-radius:8px;
			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);}
.bl_form_select h3 {font-size: 1.4em; margin-bottom:10px; }	
#bl_par { width:auto; height:auto; border:#CCCCCC solid 4px; padding-top:25px; padding-bottom:0px;}
#bl_s { width:auto; height:auto; border:#CCCCCC solid 4px; background-color:#FFFFFF;}
#form_bl_top {font-size: 18px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center;}
#form_bl {font-size: 14px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; text-align:center;}
#form_bl_prim {font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-style:italic; color:#CCCCCC; text-align:center;}
#bl_form { width:auto;
           height:auto;
		   background-color: #FFFFFF; 
		   border:#CCCCCC solid 1px; 
		   padding:25px; margin-left:25px; margin-right:25px; margin-top:30px;
	 -webkit-border-radius:8px;
	 -khtml-border-radius:8px;
	   -moz-border-radius:8px;
			border-radius:8px;}
#block_blue { width:100%; height:auto; clear: both; margin-bottom:5px; margin-top:5px; padding: 10px; border: 2px solid #eeeeee; background-color: #F8F8FF; font-size:1.2em; text-align:left;}			
#block { width:100%; height:auto; margin-bottom:5px; margin-top:5px; padding: 10px; border: 2px solid #eeeeee; background-color: #FFFFFF; font-size:0.9em; text-align:left; vertical-align:top;
	 -webkit-border-radius:8px;
	 -khtml-border-radius:8px;
	   -moz-border-radius:8px;
			border-radius:8px;}
#block:hover {width:100%; height:auto; margin-bottom:5px; margin-top:5px; padding: 10px; border: 2px solid #366D9D; font-size:0.9em;  text-align:left; vertical-align:top;
           background-color:#F8F8FF;
	 -webkit-border-radius:8px;
	 -khtml-border-radius:8px;
	   -moz-border-radius:8px;
			border-radius:8px;}
#block h3 {font-size: 1.4em; text-align:left; margin-bottom:10px; }	
#combo { width:100%; height:auto; float:left; margin:5px; padding:5px;}
#combo_1 { width:50%; height:auto; float:left; padding:5 5 5 10px; text-align:left; font-size: 1.1em;}
#combo_2 { width:50%; height:auto; clear:inherit; float:left; padding:5 5 5 10px; text-align:left; font-size: 1.1em;}
.green {width:auto; font-size: 1.3em; font-family:Verdana, Arial, Helvetica, sans-serif; color: #666666; text-align:left; margin:5px; padding:15px; background-color: #CCFF99; border:#CCCCCC solid 1px; 	 	   
	 -webkit-border-radius:8px;
	 -khtml-border-radius:8px;
	   -moz-border-radius:8px;
			border-radius:8px;}
			

.adv { width:25%; margin-bottom:20px; margin-top:20px; padding: 10px; border: 2px solid #eeeeee; background-color: #F8F8FF; font-size:0.8em; vertical-align:top;
	 -webkit-border-radius:8px;
	 -khtml-border-radius:8px;
	   -moz-border-radius:8px;
			border-radius:8px;}
.adv:hover {width:25%; margin-bottom:20px; margin-top:20px; padding: 10px; border: 2px solid #eeeeee; font-size:0.8em; vertical-align:top;
           background-color:#33FF99;
		   border:#CCCCCC solid 1px;
	 -webkit-border-radius:8px;
	 -khtml-border-radius:8px;
	   -moz-border-radius:8px;
			border-radius:8px;
			-webkit-box-shadow:0em 0em 2em rgba(0, 0, 0, 2);
	   -moz-box-shadow:0em 0em 2em rgba(0, 0, 0, 2);
	        box-shadow:0em 0em 2em rgba(0, 0, 0, 2);}

	
		
		
			
	
#content {
	width: 680px;
	float: left;
	margin: 10px 0; 
}
#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 .postnav {
		background-color: #ffffff;
		padding: 5px 10px 10px;
		font-weight: bold;
}
#content .postnav a {
			text-decoration: none;
}
#content .content {
		padding: 10px;
}
#content .content p {
			line-height: 1.4em;
			margin-bottom: 10px;
}
#content .content ul, #content .content ol {
			list-style-position: inside;
			margin-bottom: 10px;
}
#content .content li {
			line-height: 1.4em;
			padding: 2px 0;
}
		#content .box .buffer .content .cat {font-size:10px;}
		#content .box .buffer .content .adv { margin-bottom:20px; margin-top:20px; padding: 15px; border: 2px solid #eeeeee; font-size:0.9em;}
		#content .box .buffer .content .adv h2 { color:#CC0000;}
		#content .box .buffer .content .adv h3 { color:#CC0000; font-size: 15px;}
		#content .box .buffer .content .adv_red { margin-bottom:20px; margin-top:5px; padding: 15px; border: 2px solid #eeeeee; background:#F8F8FF; color:#252525; font-size:0.9em;}
		#content .box .buffer .content .adv_red a{ color:#0000FF; font-weight:bold;}
		#content .box .buffer .content .adv_red h5 { font-size: 1.3em; color:#666666; margin-bottom: 5px;}
		#content .box .buffer .content .sovet { width:520px; clear:none; float: inherit;
		padding: 5px;
		margin-bottom: 10px; margin-top:25px;
		font-family:Arial,Verdana,Helvitica,sans-serif;
	    font-size:12px;
	    font-weight:bold;
		}
		#content .content blockqoute {
			padding: 10px 10px 5px;
			background-color: #eeeeee;
			border-width: 1px 0;
			border-style: solid;
			border-color: #e0e0e0;
			margin-bottom: 10px;
		}
		#content .content h2 {
			font-size: 1.4em; text-align:center; margin-bottom: 10px;}
		
		#content .content h3 {
			font-size: 1.4em;
			color:#666666;
			margin-bottom: 5px;
		}
		#content .content  h4 {
			font-size: 1.1em;
			margin-bottom: 5px;
		}
	    #content .content  h5, h6 {
			font-size: 1.0em;
			margin-bottom: 5px;
		}
	#content .content  .prim {font-size: 0.9em; }
	#content .featured {
		padding: 5px;
	}
	#content .subscribe {padding: 5px; border: 2px solid #eeeeee; background-color:#F8F8FF;  font-weight:bold;}
	#content .green {background:#00FF00; width:50px; padding-left:5px;}
	#content .yellow {background: #FFFF00; width:50px; padding-left:5px; padding-right:5px;}
	#content .grey { color:#666666; font-weight:bold;}
	#content .red {color: #CC0000; font-weight: bold;}
/** END content **/

/** BEGIN footer **/
#footer { 
    clear: both;
	background-color: #4b4d5a; 
	font-size:xx-small;
	color: #ffffff;
	height: 50px; margin-top: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; 
	}
 
.sub_flag {
  display:block;
  width:30px;
  height:200px;
  position:fixed;
  right:0;
  top:325px;
  z-index: 99999;
  border: #999999 solid 1px;
}
.sub_flag:hover {
  display:block;
  width:40px;
  height:200px;
  position:fixed;
  right:0;
  top:325px;
  z-index: 99999;
  border: #999999 solid 2px;
}


@media only screen and (max-width: 1150px) {
img {max-width: 100%; height: auto;} /*делаем изображения эластичными*/
embed, object, iframe {width: 100%;} /*делаем встроенные объекты эластичными*/
#wrapper, #header {width: 100%; height: auto;} /*заголовок и тело эластичными*/
#block_blue h2 {font-size: 1.1em;}
#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: 768px) {
h1 {font-size: 1.8em;} /*изменяем размер заголовка*/
#bl_form {padding:5px 10px 5px 10px; margin:10px 10px 5px 10px;} /*внутренние отступы для контента*/
}

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

/*
     */
/*
*/