html,body {
	font-family:Roboto,sans-serif-light,sans-serif;
	font-size:14pt;
	margin:0px;
	padding:0px;
	height:100%;
	overflow:auto;
	min-width:600px;
}
#top{
	background-color:#303f9f;
	padding:0px;
	color:white;
	width:100%;
	margin:0px;
	margin-top:56px;
	top:0px;
	z-index:100;
	box-shadow: 0px 2px 10px black;
	overflow:auto;
	
}
#top_cont {
	max-width:1000px;
	min-width:700px;
	margin-left:auto;
	margin-right:auto;
	border:solid red 0px;
	max-height:156px;
	background-image:url('../img/back_4.png');
	background-position: left bottom;
	overflow:hide;

}
#mainlogo {
	float:left;
	padding: 30px 10px 30px 0px;
}
#mainhead {
	float:left;
	padding-left:10px;

	}
#maintitle {
	
	padding-top:32px;
	font-size:48pt;
	font-weight:700;
padding-bottom:0px;
line-height:53pt;
}
#secondarytitle{
font-size:14pt;
line-height:18pt;
padding-top:1px;
border: 0px red solid;
}
#placeholdertop {
	height:10px;
	
}
.delimiter {
	clear:both;
}
#badge {
float:right;
text-align:right;

}
#topmenu {
	position:fixed;
	background-color:#212b6e;
	z-index:101;
	box-shadow: 0px 2px 10px black;
	width:100%;
		
}
#topmenu div.cont {
	max-width:1000px;
	min-width:600px;
	margin-left:auto;
	margin-right:auto;
	border:solid red 0px;
	padding:16px 0px;

}
#topmenu .rightttop {
float:right;
padding-right:16px;
}
#topmenu  .current {
	font-weight:700;
}

#topmenu a {
	text-decoration:none;
	color:white;
	font-weight:300;
	padding-left:16px;
	padding-right:4px;
	font-size:16pt;
}
#topmenu a:hover {
	border-bottom:2px solid white;
}

.badgeimg {
	height:100px;
	
}

#badgeblock {
	float:right;
	padding-right:10px;
	padding-top:40px;
}
#rightdelim {
	clear:right;
	height:1px;
	width:1px;
}
.anchor {
	padding-top:60px;
}

#leftmenu  a {
	display:block;
	padding:10px 30px 10px 40px;
	border-bottom:1px solid #bbdefb;
	text-decoration:none;
	font-weight:700;
	
}
#leftmenu a :hover {
	background-color:#e3f2fd;
}
#leftmenu {
	/*float:left;*/
	width:230px;
	position:fixed;
/*	top:160px;*/
}
.mainblock {
	margin-left:auto;
	margin-right:auto;
	min-width:400px;
	max-width:1000px;

width:100%;	
}
.mainblock h1{
	font-size:32pt;
	color:#2196f3;
	margin:0px;
	padding-bottom:5px;
	padding-top:24px;
	font-weight:normal;
}
.mainblock h2 {
	font-size:24px;
	color:#2196f3;
	margin:0px;
	padding-bottom:5px;
	padding-top:20px;
	font-weight:normal;
}
.mainblock h3 {
	font-size:20px;
	color:#2196f3;
	margin:0px;
	padding-bottom:5px;
	padding-top:16px;
}
.mainblock p {
	font-size:12pt;
	margin:0px;
	padding-top:2px;
	padding-bottom:8px;;
}
#screengalery {
	display:inline-block;
	width:360px;
	overflow:hidden;
	margin-top:30px;
	margin-left:16px;
	box-shadow:3px 3px 10px gray;


}
#screengalery div{
	position:relative;
	width:1800px;
}
#screengalery img{
	width:360px;

}


.mainblock ul {
	font-size:12pt;
}

#helpmain {
	margin-left:250px;
}
input.input  {
	border:0px hidden;
	border-bottom:solid 2px #2196f3;
	font-size:20px;
}
input.submit {
	color:white;
	border:solid 2px #2196f3;
	background-color:#2196f3;
	font-size:20px;
	padding:12px;
}

textarea {
		border:solid 2px #2196f3;
		font-size:16px;
		max-width:450px;
}

.fbcontainer {
margin-top:16px;
margin-left:16px;;
}

.shortcuts dt{
	font-family:Courier new,monospace;
	font-weight:bold;
}

.prom_block {
	display:inline-block;
	width:300px;
	min-height:300px;
	padding:0px;
	margin-left:16px;
	margin-top:20px;
	vertical-align:top;
	background-color:red;
	color:white;
	box-shadow:3px 3px 10px gray;

}
.contentcard {
	box-shadow:3px 3px 10px gray;
	vertical-align:top;
	margin-left:16px;
	margin-right:16px;
	margin-top:48px;
	padding-bottom:20px;
}
.contentcard h2 {
	font-size:32pt;
	color:white;
	background-color:#3f61b5;
	padding:16px;
	font-weight:300;
	/*box-shadow:0px 2px 6px gray;*/

}
.contentcard p{
	padding:16px;
	font-size:20px;
}
.contentcard ul{
	margin:16px;
	font-size:20px;
}

.contentcard h3{
	font-weight:300;
	font-size:24pt;
	padding-left:16px;
}

.contentcard div.column  {
	 display:inline-block;
	 vertical-align:top;
	 max-width:560px;
	 border:solid 0px red;
}

.contentcard dl {
	margin-left:16px;
	font-size:14pt;
}

.prom_block h2  {
	font-size:30pt;
	min-height:2.5em;
	padding:16px;
	font-weight:300;
	color:white;
	line-height:32pt;
	padding-top:40px;
	padding-bottom:4px;

}

.prom_block p{
	padding:16px;
	font-size:20px;

}

#firstprom {
	background-color:#e64a19;
	
}
#secondprom {
	background-color:#673ab7;
}

#thirdprom {
	background-color:green;
}
#footer {
	margin-top:20px;
	color:white;
	background-color:#303f9f;
}

#footer div {
	max-width:1000px;
	min-width:600px;
	margin-left:auto;
	margin-right:auto;
	border:solid red 0px;
	padding:16px 0px;
}
#footer span {
	padding-left:16px;
}
#footer a{
	color:#c5cae9;
	text-decoration:none;
	
}

em {
	font-weight:bold;
}

code {
	font-weight:bold;
}

dl{
font-size:12pt;
}

dt img {
	background-color:silver;
	vertical-align:middle;
/*	padding-right:5px;*/
}

dd{
	padding-bottom:20px;
}
dt{
	font-weight:bold;
}
div {
}

@media only screen and (max-device-width:480px){
#top {
	position:static;
}
#screengalery {
	width:240px;
	
}
#screengalery img{
	width:240px;
	
}

#mainlogo{
	height:96px;
	padding: 10px 10px 10px 10px;
}
.badgeimg{
	height:75px;
	padding-right:0px;
	padding-left:0px;
	padding-top:0px;
}
#badgeblock {
	float:left;
	padding-top:5px;
}
#mainhead {
max-width:40%;

	}
#maintitle {
	
	padding-top:10px;
	font-size:32pt;
}
#secondarytitle {
	font-size:18px;
	
}
#topmenu {
	padding-top:0px;
	padding-right:10px;
}
#topmenu a {
	text-decoration:none;
	color:white;
	font-weight:300;
	padding-left:10px;
	padding-right:10px;
	font-size:12pt;
}
#leftmenu {
	position:static;
	width:100%;
	padding-top:20px;
}
#leftmenu a {
	display:inline;
	border:0px;
	padding:0px 10px;
	border-right:solid 1px silver;
	font-size:11pt;
	color:#bbdefb;
}
#leftmenu a:last-child {
	border-right:0px;
}

.anchor {
	padding-top:60px;
}
#placeholdertop {
	height:0px;
}
#helpmain {
	margin:0px 10px;

}
html,body {
	font-size:12pt;
	max-width:600px;
	min-width:300px;
}
#top_cont {
	max-width:600px;
	min-width:300px;
	margin-left:auto;
	margin-right:auto;
	border:solid red 0px;

}
#topmenu  div {
	min-width:300px;
}

#topmenu a{
	padding-left:8px;
	padding-right:2px;
}

#footer div{
	min-width:300px;
}

textarea {
max-width:280px;
}
.mainblock {
margin:0px 0px;
max-width:600px;
min-width:300px;
}
.contentcard h2 {
	font-size:24pt;
}
.contentcard h3 {
	font-size:18pt;
}
}