@font-face{font-family:'Roboto Condensed'; src:local('Roboto Condensed Light'),local('RobotoCondensed-Light'),url('fonts/robotocondensedlight.woff2') format('woff2'),url('fonts/robotocondensedlight.woff') format('woff'),url('fonts/robotocondensedlight.ttf') format('truetype'); font-weight:300; font-style:normal;}
@font-face{font-family:'Roboto Condensed'; src:local('Roboto Condensed Light Italic'),local('RobotoCondensed-LightItalic'),url('fonts/robotocondensedlightitalic.woff2') format('woff2'),url('fonts/robotocondensedlightitalic.woff') format('woff'),url('fonts/robotocondensedlightitalic.ttf') format('truetype'); font-weight:300; font-style: italic;}
@font-face{font-family:'Roboto Condensed'; src:local('Roboto Condensed'),local('RobotoCondensed-Regular'),url('fonts/robotocondensed.woff2') format('woff2'),url('fonts/robotocondensed.woff') format('woff'),url('fonts/robotocondensed.ttf') format('truetype'); font-weight:400; font-style:normal;}
@font-face{font-family:'Roboto Condensed'; src:local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url('fonts/robotocondenseditalic.woff2') format('woff2'), url('fonts/robotocondenseditalic.woff') format('woff'), url('fonts/robotocondenseditalic.ttf') format('truetype'); font-weight:400; font-style:italic;}
@font-face{font-family:'Roboto Condensed'; src:local('Roboto Condensed Bold'),local('RobotoCondensed-Bold'),url('fonts/robotocondensedbold.woff2') format('woff2'),url('fonts/robotocondensedbold.woff') format('woff'),url('fonts/robotocondensedbold.ttf') format('truetype'); font-weight:700; font-style:normal;}
@font-face{font-family:'Roboto Condensed'; src:local('Roboto Condensed Bold Italic'),local('RobotoCondensed-BoldItalic'),url('fonts/robotocondensedbolditalic.woff2') format('woff2'),url('fonts/robotocondensedbolditalic.woff') format('woff'),url('fonts/robotocondensedbolditalic.ttf') format('truetype'); font-weight:700; font-style:italic;}

div,p,h1,h2,h3,table,body,td,ul,li{
	margin:0px;
	padding:0px;
	border-spacing:0px;
	text-indent:0px;
	}
body{
	background:#fff url(../images/bg_noise.png);
	overflow-y:scroll;
	}
/*----------------------------------------------------------------------------------------------------------------------------------------шапка--------------------*/	
body div.head{
	background:#d1e4ee url(../images/bg_noise.png);
	background:#84aeff url(../images/bg_noise.png);
	background:#f0f2f5 url(../images/bg_noise.png);
	
	border-bottom:1px solid #44b;
	height:42px;
	margin-bottom:15px;
	}
	div.head div.into, div.body div.into, div.foot div.into{
		clear:both;
		height:100%;
		margin:0px auto;
		max-width:1050px;
		min-width:700px;
		padding:0px 5px;
		width:80%;
		}
	div.head form{float:left;}
		div.head input#search{
			border:1px solid #898989;
			border-radius:4px;
			font:100 normal 20px/20px sans-serif;
			height:24px;
			margin:8px 6px 0px 6px;
			text-indent:8px;
			width:200px;
			}
		div.head div.slogan{
			color:#4c5357;
			color:#ffffff;
			color:#3c8fb1;
			
			font:600 small-caps 20px/42px 'Roboto Condensed',sans-serif;
			text-align:center;
			1text-shadow:0px 0px 1px #000;
			}
/*----------------------------------------------------------------------------------------------------------------------------------------левое меню---------------*/
	div.body div.menu{
		float:left;
		margin-right:15px;
		width:180px;
		overflow:hidden;
		}
		div.menu div.login{
			padding:0px 0px 10px 0px;
			margin-bottom:5px;
			overflow:hidden;
			border-bottom:2px solid #dee4ff;
			}
			div.menu div.login div{
				background-color:#f9f9ff;
				border:1px solid #698699;
				border-radius:3px;
				color:#698699;
				cursor:pointer;
				font:600 small-caps 22px/26px 'Roboto Condensed',sans-serif;
				height:28px;
				text-align:center;
				text-shadow:0px 0px 2px #fff;
				padding:0px 7px;
			}
			div.menu div.login div:hover{background-color:#e8e8ff;}
			div.menu div.login div:first-child{float:left; width:auto;}
			div.menu div.login div:last-child{float:right; width:auto;}
		div.body div.menu div.user{
			border-bottom:2px solid #dee4ff;
			margin-bottom:12px;
			padding-bottom:12px;
			}
			div.body div.menu a,
			div.body div.menu div.logout{
				font:100 small-caps 25px/25px 'Roboto Condensed',sans-serif;
				display:block;
				color:#285473;
				cursor:pointer;
				padding:3px 0px 5px 0px;
				text-decoration:none;
				text-indent:15px;
				text-transform:lowercase;
				}
			div.body div.menu a:hover,
			div.body div.menu div.logout:hover{background-color:#e8e8ff;}
/*----------------------------------------------------------------------------------------------------------------------------------------основное содержимое------*/
div.body div.into div.content{
	background-color:#fff;
	border:2px solid #dee4ff;
	cursor:default;
	font:100 normal 18px/23px 'Roboto Condensed',sans-serif;
	overflow:hidden;
	padding:10px;
	}
	div.body div.content h1{
		border-bottom:1px solid #3f69a9;
		color:#3f69a9;
		font:600 normal 30px/33px 'Roboto Condensed',sans-serif;
		margin-bottom:12px;
		padding:0px 10px 10px 10px;
		}
	div.body div.content p{
		margin-bottom:7px;
		text-indent:12px;
		}
	div.content span[class*='red']{color:#f00;}
	div.content span[class*='blue']{color:#3f69a9;}
	div.content span[class*='bold']{font-weight:600;}
	div.content span[class*='cross']{text-decoration:line-through;}

	
/*----------------------------------------------------------------------------------------------------------------------------------------подвал-------------------*/
div.foot div.into{
	font:100 normal 20px/20px 'Roboto Condensed',Verdana,sans-serif;
	margin:15px auto;
	text-align:right;
	}
	div.foot div.into a{
		color:#444;
		padding:0px 10px;
		text-decoration:none;
		}
	div.foot div.into a:hover{text-decoration:underline;}
/*---------------------------------------------------------------------------------------------------------------------------------------------окна сообщения--------------------*/
div.full_screen{
	background:rgba(248,248,255,0.85) url(../images/bg_noise.png);
	cursor:default;
	height:100%;
	left:0px;
	overflow:auto;
	position:fixed;
	text-align:center;
	top:0px;
	width:100%;
	}
div.full_screen div.helper{
    display:inline-block;
    height:100%;
    vertical-align:middle;
    width:0px;
	}
div.full_screen div[class|='big_message']{
	background:#fff url(../images/bg_noise.png);
	display:inline-block;
    vertical-align:middle;
	width:400px;
	border:1px solid #1689b6;
	border-radius:3px;
	padding:6px 6px 15px 6px;
	box-shadow:0px 0px 5px #eef;
	}
	div.full_screen div[class|='big_message'] div.head_1{
		font:100 normal 24px/27px 'Roboto Condensed',sans-serif;
		border-bottom:1px solid #1689b6;
		color:#3c8fb1;
		margin-bottom:12px;
		padding-bottom:7px;
		}
	div.full_screen div[class|='big_message'] div.head_2{
		font:100 normal 17px/17px 'Roboto Condensed',sans-serif;
		margin:0px auto;
		text-align:left;
		text-indent:3px;
		width:80%;
		}
	div.full_screen div[class|='big_message'] input{
		border:1px solid #1689b6;
		border-radius:3px;
		font:100 normal 20px/25px 'Roboto Condensed',sans-serif;
		display:block;
		width:80%;
		margin:3px auto 12px auto;
		text-indent:5px;
		}
	div.full_screen div[class|='big_message'] div.keyboard{
		margin:0px auto;
		padding-top:6px;
		text-align:center;
		width:80%;
		}
		div.full_screen div[class|='big_message'] div.right{
			float:right;
			margin-right:-9px;
			text-align:right;
			width:100%;
			}
			div.full_screen div[class|='big_message'] div.keyboard span{
				background-color:#f9f9ff;
				border:1px solid #698699;
				border-radius:3px;
				color:#698699;
				cursor:pointer;
				font:600 small-caps 22px/28px 'Roboto Condensed',sans-serif;
				text-shadow:0px 0px 2px #fff;
				padding:0px 12px 3px 12px;
				margin:0px 6px;
				}
			div.full_screen div[class|='big_message'] div.keyboard span:hover{background-color:#e8e8ff;}
	
	div#big_message div.big_message-false div.head_1{color:#f00;}
	div#big_message div[class|='big_message'] div.message{
		padding:10px;
		font:100 normal 18px/23px 'Roboto Condensed',sans-serif;
	}
/*---------------------------------------------------------------------------------------------------------------------------------------------маленькое угловое сообщения-------*/
div#corner_message{position:fixed; top:0px; left:0px; width:100%;}
	
		div#corner_message div.into div{
			border:2px solid transparent;
			border-radius:0px 0px 8px 8px;
			border-width:0px 2px 2px 2px;
			box-shadow:0px 0px 3px rgba(0,0,0,0.4);
			cursor:pointer;
			float:left;
			font:300 normal 14px/18px 'Roboto Condensed',sans-serif;
			overflow:hidden;
			padding:6px 5px 6px 5px;
			width:207px;
			margin-left:-10px;
			text-align:center;
			}
		div#corner_message div.into div.true{
			background-color:rgb(149,255,149);
			background-color:rgba(149,255,149,0.95);
			border-color:rgb(0,221,0);
			border-color:rgba(0,221,0,0.7);
			}
		div#corner_message div.into div.false{
			background-color:rgb(255,149,149);
			background-color:rgba(255,149,149,0.95);
			border-color:rgb(221,0,0);
			border-color:rgba(221,0,0);
			}
			
			
			
	
div[class|='checker']{
	width:40px;
	height:17px;
	border:2px solid #3c8fb1;
	background-color:#dee4ff;
	border-radius:9px;
	float:left;
	text-align:center;
	font:600 normal 10px/16px 'Roboto Condensed',sans-serif;
	color:#3c8fb1;
	cursor:pointer;
	}
div.checker-on{
	color:#345b34;
	background-color:#d3ffd3;
	
	background-color:#d3ffd3;
		border-color:#82d482;
		color:#035f84;
		color:#345b34;
		text-shadow:0px 0px 3px #fff;
	}
div.checker-off{
	color:red;
	background-color:#ffeeee;
		border-color:#ffaaaa;
		color:#035f84;
		color:#9c5959;
		text-shadow:0px 0px 3px #fff;
	}
	div[class|='checker'] div{
		width:11px;
		height:11px;
		border-radius:8px;
		border:2px solid #3c8fb1;
		background-color:#fff;
		}
	div.checker-on div{
		margin:1px 1px 0px 0px;
		float:right;
		
		border-color:#82d482;
	}
	div.checker-off div{
		margin:1px 0px 0px 1px;
		float:left;
		border-color:#ffaaaa;
	}
	div.checker-on:before{
		content:'\0432\043A\043B';
	}
	div.checker-off:before{
		content:'\043E\0442\043A\043B';
	}