@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
    Afont-family: Arial, Helvetica, sans-serif;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#454545;
	background:#EEE;
	}	

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

* {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;   
margin:0;
padding:0;
}

*:focus {
    outline: none;
}

a {color:#333; text-decoration:none;}
a:hover {color:#333;}

#wrapper {width:100%; margin:0 auto;width:100%;max-width:640px; background:#FFF; margin-top:20px; border:1px solid #DDD; }
.mid { margin:0 auto; position:relative;width:100%;max-width:640px; padding:0 20px;}
#header {text-align:center; padding-top:20px;}
#logo,  #logo2,  #logo3 {margin-bottom:10px;}
#logo img {height:90px; width:auto;}
#logo2 img {height:100px; width:auto;}
#logo3 img {height:58px; width:auto;}

#header_title {background:#ddd; padding:4px; font-size:16px; font-weight:400; color:#003366;}
#content {padding:20px;}

h1 {font-size:18px; font-weight:bold; margin-bottom:14px;}
h2 {font-size:16px; font-weight:bold; margin-bottom:14px;}

.msg_not_ok, .msg_ok {text-align:center;}

.question {padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #DDD;}
.qt {margin-bottom:8px; font-weight:600; font-size:14px; color:#666;}

input, textarea, select {padding:6px 3px; border:1px solid #CCC; font-size:12px; width:100%; clear:both}
textarea {height:140px; resize:none; font-family:inherit; font-size:inherit}
input.small {width:40px;}
label.error {background:#CC0000; font-size:12px; color:#FFF;display:block; padding:3px; clear:both; margin-bottom:13px;}
input[type="radio"]  {border: none; width:auto;margin-right:5px;}
input[type="checkbox"]  {border: none; width:auto;margin-right:5px;}

.labsino {cursor:pointer; margin-right:20px;}

.labrate {cursor:pointer;margin-left:5px; margin-right:5px; width:36px; display:inline-block; text-align:left; vertical-align:top; font-size:12px;}
.labrate span {display:block; padding-left:2px; padding-top:6px;}
.labrate input[type="radio"] {display:block;}
.lrw {width:80px;}

.labrow {cursor:pointer; display: inline-block; clear:both; margin-top:12px; margin-bottom:8px;}


input.send {background:#186AB3; width:100%; color:#FFF; cursor:pointer; border:none; padding:10px 4px; font-size:14px;}

.note {font-size:11px; color:#999; margin-bottom:20px;}
.note2 {font-size:11px; color:#999; font-weight:normal;}

.langswitch  {font-size:11px; text-align:right;}



@media screen and (max-width: 640px) {
#wrapper { margin-top:0px; }
#logo img {width:100px; height:auto;}
#header {text-align:center; padding-top:10px;}
#logo {margin-bottom:10px;}
#logo2 img {height:80px; width:auto;}
#logo3 img {height:40px; width:auto;}
}

@media screen and (max-width: 380px) {
#logo2 img {height:60px; width:auto;}
#logo3 img {height:32px; width:auto;}
}