/* © 2015 ArattaUna Communications */
/* http://www.arattauna.com/ */
/* http://www.arattadesign.com/ */
/* http://www.emprisedesign.com/ */

@import url(http://fonts.googleapis.com/css?family=Scada:400,700&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300&subset=latin,cyrillic);

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
html,body { width:100%; height:100%; margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; margin: 15px auto; }
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; }
.ie7 body { overflow:hidden; }
ol,ul { padding:0 0 10px 20px; margin:0; }
hr { border-top:none; border-right:none; border-bottom:1px solid #ccc; border-left:none; padding-top:5px; margin-bottom:10px; clear:both; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-family: 'Open Sans', serif; font-size:100%; font-weight:400; line-height:normal; margin:0px 0 10px 0; padding:0; color:#333; text-align:center; }
p { padding:0; margin:0 0 10px 0; }
b, strong { font-weight:600; }
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: 'Open Sans', sans-serif; /*font-size:14px; line-height:1.4em;*/font-size:16px; line-height: 26px; color:#333; }
body { background-color:#FFF; }
a { text-decoration:underline; color:#006cba; }
a:hover { color:#8a2be2; } 
h1 { font-size:38px; line-height:55px; margin-bottom:20px; text-transform:uppercase; font-weight:300; color:#8a2be2; }
h2 { font-size:20px; color:#8a2be2; margin: 30px auto; }
h3 { font-size:20px; }

.layout { position:absolute; z-index:1; overflow-y:auto; overflow-x:auto; width:100%; height:100%; background:url('../img/bg.jpg') no-repeat; background-position:fixed; background-size:cover; }

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

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.header { position:relative; height:260px; padding:0 2% 0 2%; }
.logo-1, .logo-2, .logo-3 { position:absolute; padding:2%; background-color:#fff; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; }
.logo-1 { z-index:10003; left:0; }
.logo-2 { z-index:10002; left: 50%; transform: translateX(-50%); }
.logo-3 { z-index:10001; right:0; }

.logo-1 img { height:50px; }
.logo-2 img { height:70px; }
.logo-3 img { height:70px; }

.content-border { padding:2%; background-color: rgba(255,255,255,0.6); }
.content { padding:4%; background-color: rgba(252,255,255,0.8); -webkit-border-radius:30px 30px 0 0; -moz-border-radius:30px 30px 0 0; border-radius:30px 30px 0 0; }

.more { color:#3773c7; font-size:18px; line-height:normal; cursor:pointer; text-decoration:underline; /*font-style:italic;*/ text-align:center; margin-bottom:10px; }
.more:hover { color:#8a2be2; }

.line { position:relative; width:100%; height:1px; background:#ccc; overflow:visible; margin:25px 0; }
.line .fa { position:absolute; left:0; right:0; margin:auto; top:-5px; font-size:14px; transform:rotate(45deg); display:block; width:20px; height:20px; color:#ccc;  }

.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 { margin:0 auto; padding:2% 3% 2% 3%; /*margin-bottom:40px;*/ background-color: rgba(255,255,255,0.6); text-align:center; }

.more-info {text-align: center; display: inline-block; margin: 0 auto; width: 100%; background: rgba(66, 188, 244, 0.6); margin-top: 30px; color: #fff;border: 1px solid rgba(66, 188, 244, 0.6);}

.more-info a{text-align: center; color: #fff; text-decoration: none; display: inline-block; width: 100%; padding: 2% 0;}

.more-info:hover, .more-info:hover a {background-color: #fff; color: rgba(66, 188, 244, 0.6);}

.copyright { float:left; }
.author { float:right; }
.copyright,
.copyright a,
.copyright a:hover,
.author,
.author a,
.author a:hover { font-size:12px; color:#333; }

.copyright a:hover { color:#8a2be2; }
.author a:hover { color:#017836; }

.copyright-img {font-size: 12px; color: #333; text-align: right; display: inline-block; width: 100%;}

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

.emprise-url { }
.emprise-url:hover { }
.emprise-logo { width:24px; height:24px; cursor:pointer; margin-left:5px; }
.emprise-logo path { fill: #555; -webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease;transition: all 0.2s ease; }
.emprise-logo:hover path { fill: #017836; }


/*forms*/

.form-set { padding:3%; background-color: rgba(255,255,255,1); overflow:hidden; }

.reg-form { border:0; margin:0; padding:0; }
.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:#8a2be2; }
.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 .radiobuttons { display:block; padding:0; margin:0; margin-bottom:20px; }
.reg-form .radiobuttons li { display:block; }
.reg-form .radiobuttons li.title { font-size:14px; line-height:18px; font-weight:700; margin-bottom:10px; }
.reg-form .radiobuttons li.title span { font-size:32px; line-height:18px; }
.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 .radiobuttons li input { margin-right:10px; }
.reg-form  button { width:100%; margin:0 0 20px 0; border:0; outline:0; height:40px; font-size:16px; color:#FFF; background:#3773c7; padding:0; cursor:pointer; display:block;  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px }
.reg-form  button:hover { background:#ef1a20; }

/*forms*/

@media screen and (max-width: 800px) {
	h1 { font-size:32px; margin-bottom:10px; }
	.header { margin-bottom:20px; }
	
	.column-31,
	.column-32,
	.column-33,
	.column-21,
	.column-22 { float:none; width:100%; margin:0; }

	.container { width:90%; }
	.footer { width:94%; }
	.copyright,
	.author { float:none; }
	
}