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;
}
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-image: url(style/whitediamond.png);
	background-repeat: repeat;
}

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

}

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



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

/*
.generic_button {
	display: inline-block;
	vertical-align: middle;
	font-size: 1em;
	margin-right: 5px;
	margin-left: 5px;
	
	/*und-image: -webkit-linear-gradient(top, #29a9ff, #08659e);
	background-image: linear-gradient(to bottom, #66ff33, #33cc00);
}*/


.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 {
	margin-bottom: 5px;
	background-color: transparent;
}

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


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

table {
	width: 100%;
}


footer {
	position: relative;
	top:10px;
	margin-top:50px;
	
	font-size: 0.5em;
	clear: both;
	padding: 10px;
	background-color: #99CCFF;
}

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-top: 20px;
	margin-bottom: 5px;
	padding: 10px;
	text-align: center;
	background-color: #99CCFF;
/*
	border-top: 2px solid black;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000), to(transparent));
  background-image: -webkit-linear-gradient(#000, transparent);
  background-image:
      -moz-linear-gradient(#000, transparent),
      -moz-linear-gradient(#000, transparent);
  background-image:
      -o-linear-gradient(#000, transparent),
      -o-linear-gradient(#000, transparent);
  background-image: 
      linear-gradient(#000, transparent),
      linear-gradient(#000, transparent);
  -moz-background-size: 3px 100%;
  background-size: 2px 100%;
  background-position: 0 0, 100% 0;
  background-repeat: no-repeat;
*/
}



div.menu, div.wide {
	margin: 20px;
	width: auto;


}

.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: left;
}

li {
}

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;
}


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

	.topmenu_button, .topmenu_button_current {
		font-size: 1em;
		display: block;
		padding: 7px 15px;
		margin: 5px 0px;
		color: black;
		background-color: #99CCFF;
		/*border: solid 1px black;*/
	}
	.topmenu_button_current {
	background-color: #0066CC;
	}
	.left
	{
		display: inline-block;
		width:100%;
	}

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

	div.logo
	{
		height: 30px;
	}

	.mobile_hidden
	{
		display: none;
		visibility:hidden;
	}

	footer
	{
		height: auto;
		position: relative;
		top:10px;
		margin-top:50px;
		
		font-size: 0.5em;
		clear: both;
		padding: 10px;
		background-color: #99CCFF;
	}
}


@media (min-width: 721px)
{
	.topmenu_button, .topmenu_button_current 
	{
	display: inline-block;
	font-size: 1em;

	padding: 7px 15px;
	margin: 0px 5px;
	color: black;
	background-color: #99CCFF;
	}
	.topmenu_button_current {
	background-color: #0066CC;
	}
	div.left
	{
		display: inline-block;
		width:30%;
		/*display: inline-block;*/
		float: left;
	}

	div.right
	{
		display: inline-block;
		width:70%;
		/*display: inline-block;*/
		float: right;
	}

	.logo
	{
		height: 60px;
	}

	footer
	{
		height: 55px;
	}

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

}