html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, a, input, label, textarea, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
text-decoration: none;
text-align: center;
}
/*
html:before, html:after, body:before, body:after, div:before, div:after, span:before, span:after, object:before, object:after, iframe:before, iframe:after, h1:before, h1:after, h2:before, h2:after, h3:before, h3:after, h4:before, h4:after, h5:before, h5:after, h6:before, h6:after, p:before, p:after, blockquote:before, blockquote:after, pre:before, pre:after, abbr:before, abbr:after, address:before, address:after, cite:before, cite:after, code:before, code:after, del:before, del:after, dfn:before, dfn:after, em:before, em:after, img:before, img:after, ins:before, ins:after, kbd:before, kbd:after, q:before, q:after, samp:before, samp:after, small:before, small:after, strong:before, strong:after, sub:before, sub:after, sup:before, sup:after, var:before, var:after, b:before, b:after, i:before, i:after, a:before, a:after, input:before, input:after, label:before, label:after, textarea:before, textarea:after, dl:before, dl:after, dt:before, dt:after, dd:before, dd:after, ol:before, ol:after, ul:before, ul:after, li:before, li:after, fieldset:before, fieldset:after, form:before, form:after, label:before, label:after, legend:before, legend:after, article:before, article:after, aside:before, aside:after, canvas:before, canvas:after, details:before, details:after, figcaption:before, figcaption:after, figure:before, figure:after, footer:before, footer:after, header:before, header:after, hgroup:before, hgroup:after, menu:before, menu:after, nav:before, nav:after, section:before, section:after, summary:before, summary:after, time:before, time:after, mark:before, mark:after, audio:before, audio:after, video:before, video:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}*/
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
background: transparent;
}



html, body {
	min-height: 100%;
	width: 100%;
}

body {
	min-height: 100%;
	font: 1em Arial, Helvetica, sans-serif;
	background-color: #e6f2ff;
	/*
		background-image: url(../images/whitediamond.png);
	background-repeat: repeat;
	*/
}

header, footer, .topmenu_bar {
	margin: auto;
	vertical-align: middle;
	min-width: 400px;
	width: 100%;
	text-align: center;
}

.contacts {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.5em;
	font-weight: bold;
	margin-right: 10px;
	margin-left: 10px;
}

a[href^="mailto:"]
{ 
  color: black;
}



.generic_button {
	/*width:100%;*/
	background: #99CCFF;
	background-image: -webkit-linear-gradient(top, #66ff33, #33cc00);
	background-image: -moz-linear-gradient(top, #66ff33, #33cc00);
	background-image: -ms-linear-gradient(top, #66ff33, #33cc00);
	background-image: -o-linear-gradient(top, #66ff33, #33cc00);
	background-image: linear-gradient(to bottom, #66ff33, #33cc00);
	-webkit-border-radius: 25;
	-moz-border-radius: 25;
	color: black;
	border-radius: 25px;
	padding: 5px 20px 5px 20px;
	border: solid #1f628d 1px;
	text-decoration: none;
	width: auto;
	display: inline-block;
	margin: 5px 3px 5px 3px;
}

.generic_button:hover {
	/*
	display: inline-block;
	vertical-align: middle;
	font-size: 1em;
	margin-right: 5px;
	margin-left: 5px;
	width:100%;*/
	background-image: linear-gradient(to bottom, #00ff00, #009900);
}

.generic_button:active {
	background-image: linear-gradient(to bottom, #00cc00, #006600);
}

.generic_red_button {
	/*width:100%;*/
	background: #99CCFF;
	background-image: -webkit-linear-gradient(top, ##ff0000, #b30000);
	background-image: -moz-linear-gradient(top, #ff0000, #b30000);
	background-image: -ms-linear-gradient(top, #ff0000, #b30000);
	background-image: -o-linear-gradient(top, #ff0000, #b30000);
	background-image: linear-gradient(to bottom, #ff0000, #b30000);
	-webkit-border-radius: 25;
	-moz-border-radius: 25;
	color: black;
	border-radius: 25px;
	padding: 5px 20px 5px 20px;
	border: solid #1f628d 1px;
	text-decoration: none;
	width: auto;
	display: inline-block;
	margin: 5px 3px 5px 3px;
}

.generic_red_button:hover {
	/*
	display: inline-block;
	vertical-align: middle;
	font-size: 1em;
	margin-right: 5px;
	margin-left: 5px;
	width:100%;*/
	background-image: linear-gradient(to bottom, #ff3333, #cc0000);
}

.generic_red_button:active {
	background-image: linear-gradient(to bottom, #ffb3b3, #330000);
}


header {
	background-color: #99CCFF;
	padding: 10px;
	vertical-align: middle;
}

.topmenu_bar {
	background-color: transparent;
}

.topmenu_button:hover {
	background-color:#00ff00;
}



.page {
	max-width: 1200px;
	margin-bottom: -65px; 
}

table, tr, td {
	background-color: white;
	border: solid black 1px;
	border-collapse: collapse;
	width: auto;
}

table {
	width: 100%;
}


footer {
	font-size: 0.5em;
	clear: both;
	padding: 10px;
}

div.divider {
	width: 100%;
	height: 1px;
	display: block;
}

li.contacts, li.topmenu, li.botmenu {
	display: inline-block;
	list-style-type: none;
	font-size: 1.5em;
}

div.block {
	margin: 6px 0px 0px 0px;
	padding: 10px;
	text-align: center;
	background-color: #99CCFF;
	width:100%;
}

.green_bg {
	background-color: #0fdb04 !important;
}

.red_bg {
	background-color: #ff471a !important;
}

.wide {
	width: 100% !important;
}

.call_me_button {
  background: #99CCFF;
  background-image: -webkit-linear-gradient(top, #99CCFF, #2980b9);
  background-image: -moz-linear-gradient(top, #99CCFF, #2980b9);
  background-image: -ms-linear-gradient(top, #99CCFF, #2980b9);
  background-image: -o-linear-gradient(top, #99CCFF, #2980b9);
  background-image: linear-gradient(to bottom, #99CCFF, #2980b9);
  -webkit-border-radius: 35;
  -moz-border-radius: 35;
  color: black;
  border-radius: 35px;
  padding: 5px 20px 5px 20px;
  border: solid #1f628d 1px;
  text-decoration: none;
}

.call_me_button:hover {
  background: #2980b9;
  background-image: -webkit-linear-gradient(top, #2980b9, #99CCFF);
  background-image: -moz-linear-gradient(top, #2980b9, #99CCFF);
  background-image: -ms-linear-gradient(top, #2980b9, #99CCFF);
  background-image: -o-linear-gradient(top, #2980b9, #99CCFF);
  background-image: linear-gradient(to bottom, #2980b9, #99CCFF);
  text-decoration: none;
}

h2.block_title {

}

h3.block_title {
	
}

p.block_text {
	
}

ul {
	margin-left: 50px;
	list-style-type: square;
	text-align: center;
}

li {
	text-align: left;
}

div.login-block {
	width: 300px;
	margin: 30px auto 0px auto;
}
div.login-item {
	margin-bottom:5px;
}

div.login-item label {
    display:block;
	float:left;
	width:100px;
	text-align:right;
}

div.login-item input {
  border: solid 1px black;
}
div.tech-block {
	width: 300px;
	margin: 30px auto 0px auto;
}
div.tech-item {
	margin-bottom:5px;
}

div.tech-item label {
    display:block;
	width:100px;
	text-align:right;
	font-weight:bold;
}

div.tech-item input {
  border: solid 1px black;
  width:197px;
}

div.tech-item textarea {
  border: solid 1px black;
  width:197px;
  height: 120px;
}
#payment {
  text-align:left;
}

#payment input {
  border: solid 1px black;
}

#submit {
  background: #29a9ff;
  background-image: -webkit-linear-gradient(top, #29a9ff, #08659e);
  background-image: -moz-linear-gradient(top, #29a9ff, #08659e);
  background-image: -ms-linear-gradient(top, #29a9ff, #08659e);
  background-image: -o-linear-gradient(top, #29a9ff, #08659e);
  background-image: linear-gradient(to bottom, #29a9ff, #08659e);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 30px 10px 30px;
  text-decoration: none;
}

#submit:hover {
  background: #24ff7c;
  background-image: -webkit-linear-gradient(top, #24ff7c, #12a112);
  background-image: -moz-linear-gradient(top, #24ff7c, #12a112);
  background-image: -ms-linear-gradient(top, #24ff7c, #12a112);
  background-image: -o-linear-gradient(top, #24ff7c, #12a112);
  background-image: linear-gradient(to bottom, #24ff7c, #12a112);
  text-decoration: none;
}

#submit:active {
  background: #24ff7c;
  background-image: -webkit-linear-gradient(top, #33cc00, #208000);
  background-image: -moz-linear-gradient(top, #33cc00, #208000);
  background-image: -ms-linear-gradient(top, #33cc00, #208000);
  background-image: -o-linear-gradient(top, #33cc00, #208000);
  background-image: linear-gradient(to bottom, #33cc00, #208000);
  text-decoration: none;
}
.error-block {
  text-align:left;
  clor:red;
}

.paylogo {
	position:relative;
	top:10px;
}

div.register-block {
	width: 600px;
	margin: 30px 0px 0px 0px;
}
div.register-item {
	margin-bottom:5px;
	clear:both;
}

div.register-item label {
    display:block;
	float:left;
	width:400px;
	text-align:right;
}

div.register-item input {
  border: solid 1px black;
}

.form-type-block {
	width: 100%;
	height: 50px;
}

.form-type-block .form-link {
	display: inline-block;
    font-size: 1em;
    padding: 7px 15px;
    margin: 0px 5px;
    color: black;
    background-color: #99CCFF;
}
.form-type-block  a.selected {
	background-color: #41BF17;
}

#form_container {
	text-align: left
}

@media (max-width:720px)
{
    /* some CSS for small resolution */

	.topmenu_button, .topmenu_button_current {
		font-size: 1em;
		display: block;
		padding: 7px 15px;
		margin: 6px 0px;
		color: black;
		background-color: #99CCFF;
	}
	.topmenu_button_current {
	background-color: #0066CC;
	}
.square_button
{
	font-size: 1em;
	display: block;
	padding: 7px 15px;
	margin: 6px 0px;
	color: black;
	background-color: #99CCFF;
}
	div.left
	{
		width: 100%;
		display: block;
		padding-right: 0px;
	}

	div.right
	{
		width: 100%;
		display: block;
		width:auto;
	}

	.logo
	{
		height: 30px;
	}

	.mobile_hidden
	{
		display: none;
		visibility:hidden;
	}
	footer
	{
		height: auto;
	}
}

.square_button:hover
{
	background-color:#00ff00;
}

@media (min-width: 721px)
{

.square_button
{
	display: inline-block;
	font-size: 1em;
	padding: 7px 15px;
	margin: 6px 3px 0px 3px;
	color: black;
	background-color: #99CCFF;
}

	.topmenu_button, .topmenu_button_current 
	{
	display: inline-block;
	font-size: 1em;
	padding: 7px 15px;
	margin: 6px 3px 0px 3px;
	color: black;
	background-color: #99CCFF;
	}
	.topmenu_button_current {
		background-color: #0066CC;
	}
	div.left
	{
	vertical-align: top;
	width:49%;
	/*float: left;*/
	
	display: inline-block;
	padding-right: 3px;
	max-width: 900px;
	}

	div.right
	{
		vertical-align: top;
		width:49%;
		display: inline-block;
		padding-left: 3px;
		max-width: 900px;
		/*float: right;*/
	}

	div.left_narrow
	{
	width:30%;
	float: left;
	padding-right: 5px;
	}

	div.right_wide
	{
		width:70%;
		float:right;
	}

	.logo
	{
		height: 60px;
	}

	footer
	{
		height: 55px;
	}

	.mobile_hidden
	{
		/*display: inline-block;*/
	}

}

.cookie_notice {
  display: none;
  position: fixed;
  z-index: 9999999;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 15px;
  font-family: Verdana, sans-serif;  
  color: #FFF;
  background: #337AB7;
  padding: 10px 20px; 
  border-top: 4px solid #BFE2FF;
}
/* Оформление кнопок */
.cookie_btn {
  display: inline-block;
  margin: 10px 6px 4px 6px;
  text-decoration: none;
  position: relative;
  font-size: 13px;
  padding: 4px 12px;
  color: #FFF;
  font-weight: bold;
  text-transform: uppercase; 
  background: #337AB7;
  border: 2px solid #BFE2FF;
}
.cookie_btn:hover {
  color: #FFF;
}
.cookie_btn:after,
.cookie_btn:before {
  position: absolute;
  height: 2px;
  left: 50%;
  background: #FFF;
  bottom: -6px;
  content: "";
  transition: all 280ms ease-in-out;
  width: 0;
}
.cookie_btn:before {
  top: -6px;
}
.cookie_btn:hover:after,
.cookie_btn:hover:before {
  width: 100%;
  left: 0;
}