@charset "utf-8";

* {margin:0; padding:0;} 

html, body {
	/* height:100%; */
}

body {
	font:14px/1.3  /* "Myriad Pro", */ Tahoma, Arial, Verdana, Geneva, Sans-serif;
	color:#444444;
	background: url("../img/bg.jpg") center 0;
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

a, img {
    outline: medium none;
}

a, .click {
	color:#699c12;
	text-decoration:underline;
	cursor:pointer;
}

a:hover,
.click:hover {
	text-decoration:none;
}

h1, h2, h3, h4, .warning {
	font-weight: normal;
}

h1 span, h2 span, h3 span, h4 span {
	font-size: .6em;
	line-height:15px;
}

h4 span {
	font-size: 14px;
	line-height:14px;
}

h1 {
	font-size: 2.6em;
}

h2 {
	font-size: 2.4em;
}

h3 {
	font-size: 2.2em;
}


h4, .warning {
	font-size: 1.6em;
}

p, h1, h2, h3, h4, ul, ol, table {
	margin-bottom:20px;
}

/* ul, ol {
    margin:0 0 35px 25px;
} */

li, ol ul li {
    background: url("../img/li.png") no-repeat 2px 9px;
    line-height: 18px;
    margin: 0;
    padding: 0 0 0 25px;
	 list-style: none;
}

ol li {
    background: none;
	padding-left: 0;
	list-style: decimal inside none;
}

ol ul {
     margin: 0 0 0 22px;
}

.col_question {
	width:160px;
}

.col_responses {
	width:70px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
	color:#494949;
}

	.table_group table {
		margin:0;
	}
	
table thead th {
    font-size: 1.2em;
}

/* table tr:nth-child(2n),  */
tr.odd th, tr.odd td {
	background-color:#d2d4d6;
}

	.table_group table .odd th {
		background-color:#cdd0d3;
		background-color:rgba( 147, 149, 150, .3 );
	}

th, td {
	border:1px solid #b1b1b1;
	padding:9px 14px;
	text-align:left;
	vertical-align:top;
}

th, .th {
	text-align:center;
	vertical-align:middle;
	font-weight:normal;
	color:#000;
}

	.table_group th, .table_group .th, 
	.table_group th, .table_group .th {
		background-color:#d9dbde;
		background-color:rgba( 197, 199, 199, .3 );
	}
	
.no_border,
.no_border th,
.no_border td
{
	border:none;
}

label {
	padding:0 0 0 10px;
}

input[type='text'] {
    border: 1px solid #9d9d9d;
    -webkit-box-shadow:inset  0 0 2px #999;
    box-shadow:inset  0 0 2px #999;
    font-size: 1em;
    padding: 4px 10px;
	width:100%;
	margin:4px 0 10px -3px;
}

.shadow_box.center {
    margin:0 auto;
}


/*  */

.combo {line-height:25px; margin-top:7px;}
h4.combo {line-height:20px; margin-top:0;}
.clear {clear:both;}
.f_left {float:left;}
.f_right {float:right;}
.mp0 {margin:0; padding:0;}

.hr {
	width:100%;
	height:22px;
	display:block;
	clear:both;
	margin:5px 0 20px;
}

.hidden {display:none;}

.left, tr.left th, tr.left td {text-align:left;}
.right, tr.right th, tr.right td {text-align:right;}
.center, tr.center th, tr.center td {text-align:center;}
.top, tr.top th, tr.top td {vertical-align:top;}
.middle, tr.middle th, tr.middle td {vertical-align:middle;}

.b, tr.b {font-weight:600;}

.black {color:#000;}
.orange {color:#fd5924;}
.red {color:#cc000b;}
.blue {color:#356594;}
.w_blue {color:#93b7d9;}
.green {color:#60aa1f;}
.w_green {color:#79b62a;}
.d_green {color:#2e7900;}
.d_gray {color:#484c4d;}
.violet {color:#ac05e2;}

.em {font-style:italic;}
.pointer {cursor:pointer;}
.big {font-size:1.2em;}
.h0 {height:0; overflow:hidden;}


.result {
    margin: -25px 0 -40px;
    text-align: center;
}

.content {
	padding:0 130px 0;
}

.wrapper.content {
	margin-top:0;
	padding-top:50px;
}


/*  WRAPPER */

#main_wrapper {
	width: 100%;
	min-height: 100%;
	margin: 0;
	padding:0;
	min-width:565px;
	/* background: url("../img/bg.jpg") 0px 0px; */
	background:url(../img/bg_header.jpg) no-repeat center 0;
}

.wrapper {
	max-width: 1000px;
	margin: 0 auto;
	padding:0;
}

.wrapper.padding {
	padding-top:40px;
}

.separator_green {
	width:100%;
	height:29px;
	margin:0;
	display:block;
	background:url(../img/bg_wrapper_green.png) repeat-x 0 0;
}

.decor_bottom {
	width:100%;
	height:24px;
	margin:0;
	display:block;
	background:url(../img/bg_decor_bottom.png) repeat-x 0 bottom;
}

.decor_top {
	background:url(../img/bg_decor_top.png) repeat-x center 0;
}


/* HEADER */

.header {
	position: relative;
	height: 363px;
	/* background:url(../img/bg_header.jpg) no-repeat center 0; */
}

.logo {
	color: #494949;
    float: left;
    font-size: 3em;
    text-shadow: -1px 4px 10px #777;
	position: absolute;
	left: 0;
    top: 32px;
}

.header_txt {
    left: 44%;
    position: absolute;
    top: 20px;
	font-size: 14px;
}

.header_txt img {
	font-size:28px;
	margin-bottom:3px;
}

#lng {
    position: absolute;
    right: 145px;
    top: 20px;
	font-weight: bold;
}

#lng a {
    text-decoration:none;
	font-weight: normal;
}

#lng,
#lng a {
    color:#427ab1;
}

#lng a.active,
#lng a.active {
	font-weight:bold;
    color:#e0eaf6;
}

.header  h2 {
	font-weight: 400;
	font-size: 1.3em;
	text-shadow: 0 2px 4px #0d274a;
}

.header  .decor {
	padding:20px 65px 200px 155px;
}

.header  .decor img {
	margin:25px 5px 10px 5px;
}

.header .decor .correct_900 {
		width:220px;
		float:right;
}

@media (max-width:900px)  {
	.header .decor .correct_900 {
		width:auto;
		float:left;
		clear:both;
	}
}

/* CONTENT */

#content_wrapper {
	padding-bottom:205px;
}

.text_white {
	color:#fff;
}

.question {
    float: left;
    margin-right:195px;
}

.status {
	width:170px;
	float:right;
	padding-top: 15px;
}

.status table {
	font-size:.9em;
}

.status th, .status td {
	padding:4px 12px;
	line-height:12px;
}

.status th, .th {
	color:#494949;
	padding:4px 8px;
	font-size:.8em;
}

.question h1 {
	margin-bottom:15px;
}

.status p, .status h1, .status h3, .status h4 {
	margin-bottom:8px;
}

.aside {
	float: left;
	margin:0 -190px 50px 0;
	padding-bottom: 45px;
	width: 100%
}

#footer .aside {
	float: right;
	margin:0 0 0 -150px;
}

.btn {
	margin:0;
	padding:0;
	height: 30px
}

.question_wrapper .btn {
	padding:0 170px 0 0;
}

.btn img {
	position:relative;
	top:-80px;
}

.helper {
	padding:0 95px;
}

.helper img {
	max-width:100%;
}

.no_img {
    font-size: 2em;
    font-style: italic;
}

.form {
    margin-bottom: 30px;
    padding-right: 16px;
    width: 285px;
}

.form.first {
    padding-right: 18%;
}

.form label {
    padding-left: 0;
}

label  span {
    color:#cc000b;
}

nobr {
    clear: both;
    float: left;
	width: 263px;
}

.bkt {
    float: left;
	width: 80px;
}

.bkt img {
    margin: 9px 0 0;
}

.bkt input {
	margin-left:6px;
	float:left;
	width:36px;
}


@media (max-width:960px)  {
	.form {
		margin:0 auto 30px;
		float:none;
		padding-right:16px;
	}
	.form.first {
		padding-right:16px;
	}
}

.border_box {
    border: 1px solid #ccc;
    margin: 0 100px 30px;
    padding: 10px 15px 0;
}

p.border_box {
    padding: 10px 15px;
}

.capcha {
	margin: 0 0 30px;
}

.capcha input[type='text'] {
	margin-left: 0;
    text-align: center;
    width: 55px;
}


/* FOOTER */

#footer {
	clear: both;
	width: 100%;
	height: 205px;
	margin:-205px 0 0;
	padding: 0;
	font-family:Tahoma, Arial, Verdana, Geneva, Sans-serif;
	/* overflow: hidden; */
}

#content_footer {
    font-size: .7em;
    line-height: 12px;
    padding-top: 5px;
    max-width: 1000px;
	margin: 0 auto;
	color:#6c6965;
}

#content_footer * {
	margin:0;
	padding:0;
} 

#content_footer address {
    float: left;
    margin: 23px 0 0 10px;
    width: 119px;
	font-style:normal;
}

#content_footer .menu_bottom, 
#content_footer p{
	float:left;
	margin:0 100px 0 155px;
}

#content_footer .menu_bottom{
	margin:0 0 10px;
	text-align:center;
	width:100%;
}

#content_footer .menu_bottom li {
	float:none;
	line-height: 20px;
	font-size: 1.3em;
	padding:0 15px 0 0;
	background-image: none;
	display:inline;
}


#content_footer .menu_bottom  a {
	color:#6c6965;
}

#content_footer .social {
    margin:5px 155px 10px;
	text-align:center;
}

/*  */

#progress {
	height:auto;
	z-index:200300;
	position:absolute;
	top:35%;
}

#progress div {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 0;
	-webkit-box-shadow:0 0 7px 6px #eee inset, 0 0 15px 5px #c2c2c2;
    box-shadow:0 0 7px 6px #eee inset, 0 0 15px 5px #c2c2c2;
	-webkit-border-radius: 60px;
	border-radius: 50%;
}

#progress table {
	margin:0;
	background:none;
}

#progress th, #progress td {
    border: none;
	width: 80px;
	height: 80px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}

#progress img {
	position: relative;
    top: 3px;
}