@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,300&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700&subset=latin,cyrillic);


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote { margin:0; padding:0; }
html,body { width:100%; height:100%; margin:0; padding:0; background:url('../img/bg.jpg') no-repeat; background-position:center; background-size:cover; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
input{ padding:3px 5px 4px; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
th { font-weight:bold; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
ol,ul { padding:0 0 10px 20px; margin:0; }
hr { border-top:none; border-right:none; border-bottom:1px dotted #999; border-left:none; padding-top:5px; margin-bottom:5px; clear:both; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:bold; line-height:normal; margin:0px 0 10px 0; padding:0; /* color:#ef1a20; */ }
p { margin:0; padding:0 0 10px 0; font-weight: 400;}
select, input, textarea, button { font-size:14px; line-height:normal; }
form, fieldset, legend, label, dl, dt, dd { border:0; margin:0; padding:0; }
body, a, a:hover { font-family: 'Roboto', sans-serif; font-size:14px; line-height:1.4em; color:#333; }
body { background-color:#FFF; }
a { text-decoration:underline; color:#01abcb; }
a:hover { color:#ef1a20; } 
h1 { font-size:25px; line-height:36px; margin-bottom:20px; text-align:center; }
h2 { font-size:20px; margin-bottom:5px; color:#008ca7; }
h3 { font-size:16px; margin-bottom:5px; color:#008ca7; }
h4 { font-size:14px; margin:0px; }

#layout{ position:absolute; z-index:1; overflow-y:auto; overflow-x:auto; width:100%; height:100%; }

.header { padding:0 3% 0 3%; margin-bottom:20px; border-bottom:0px solid #FFF; background-color: rgba(255,255,255,0.0); }
.header-left { float:left; width:20%; }
.header-center { float:left; width:40%;  }
.header-right { float:right; width:15%; padding:0px 15% 0 0; text-align:right; }

.spbrsh { width:210px; text-align: center; margin:0 auto; padding:10px; /* background-color:#FFF; */ -webkit-border-radius:0 0 30px 30px; -moz-border-radius:0 0 30px 30px; border-radius:0 0 10px 10px; }


.container { width:75%; margin:0 auto; }

.content { padding:25px 3% 0 3%; border:5px solid #FFF; background-color: rgba(255,255,255,0.9); -webkit-border-radius:30px 30px 0 0; -moz-border-radius:30px 30px 0 0; border-radius:30px 30px 0 0; }

.column-31 { float:left; width:30%; margin-right:5%; }
.column-32 { float:left; width:30%; margin-right:5%; }
.column-33 { float:left; width:30%; }
.column-21 { float:left; width:48%; margin-right:4%; }
.column-22 { float:left; width:48%; }

.footer { width:50%; margin:0 auto; padding:10px 2% 0 2%; border-top:5px solid #FFF; border-right:5px solid #FFF; border-left:5px solid #FFF; background-color: rgba(255,255,255,0.9); -webkit-border-radius:30px 30px 0 0; -moz-border-radius:30px 30px 0 0; border-radius:30px 30px 0 0; text-align:center; }

.copyright { float:left;     display: inline-block;
    width: 100%;}
.author { float:right; }
.copyright,
.copyright a,
.copyright a:hover,
.author,
.author a,
.author a:hover { font-size:12px; color:#999; }

.copyright a:hover,
.author a:hover { color:#d20e24; }

.credits { clear:both; text-indent:-10000px; }


/*forms*/
.form-set { margin-bottom:30px; border:5px solid #FFF;  -webkit-border-radius:0 0 30px 30px; -moz-border-radius:0 0 30px 30px; border-radius:0 0 30px 30px; overflow:hidden; }

.reg-form { border:0px; margin:0; padding:10px 3% 0 3%; background:#FFF; }

.reg-form dl { clear:both; margin:0px; padding:0px; }
.reg-form dt { width:240px; float:left; margin:0px; padding:3px 5px 5px 0px; text-align:right; }
.reg-form span { color:#c00; }
.reg-form dd { float:left; margin:0px; padding:0px 5px 5px 0px; }
.reg-form dd input { margin:0; padding:4px; outline:0; border:none; border:1px solid #777; }
.reg-form dd textarea { width:340px; margin:0; padding:4px; outline:0; border:1px solid #777; }

.reg-form .radiobutton { padding:0; margin:0; margin-bottom:20px; }
.reg-form .radiobutton li { display:block; margin-bottom:5px; }
.reg-form .input { width:95%; border:0; background-color:#eee; padding:10px 0 10px 5%; outline:0; height:25px; margin:0 0 20px 0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px }

.reg-form  button { width:100%; margin:0 0 20px 0; border:0; outline:0; height:40px; font-size:16px; color:#FFF; background:#008ca7; padding:0; cursor:pointer; display:block;  -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px }
.reg-form  button:hover { background:#005768; }

/*//forms*/

@media screen and (max-width: 800px) {
	.column-31,
	.column-32,
	.column-33,
	.column-21,
	.column-22 { float:none; width:100%; margin:0; }
	
	.header-left { width:25%; }
	.header-center { width:50%; }
	.header-right { width:15%; padding:30px 10% 0 0; }
	
	.container { width:90%; }
	.footer { width:75%; }
	.copyright,
	.author { float:none; }
	
}