/* Reset styles */
:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}
address {font-style: normal;}



/* Headings */

h1, h2, h3, h4, h5, h6 {
	margin: 20px 0px 0px;
	font-weight: normal;
	font-family: Myriad Pro;
}

h1 {
	margin: 0 0px 5px 4px;
	font-size: 30px;
	font-weight: bold;
	color: #ddd;


}

h2 {
	font-size: 2em;
	margin: 10px 0px 10px 3px;
	font-weight: bold;
	color: #224750;
	color: #25505b;
	line-height: 1em;

}

h3 {	
	margin: 0 0 17px 0;
	font: bold 13px Tahoma;
	color: #00738c;
	background: url("http://testfu.ru/arrow.gif") no-repeat 7px 5px;
	text-transform: uppercase;
	padding: 1px 0 1px 20px;
	width: 100%;
}

h4 {
	background: #fffff0 url("http://testfu.ru/arrow.gif") no-repeat 7px 5px;

	padding: 1px 0 1px 20px;
	margin: 0 20px 17px 0;
	font: bold 13px Tahoma;
	color: #00738c;
	display: inline;

}

h4 a {
	color: #12bfdc;

}

.header_links h3 a {
	text-transform: uppercase;
	font: bold 13px Tahoma;
	color: #00738c;
	text-decoration: none;


}


h5 {
	font-weight: bold;
	font-size: 1em;
	color: #000;
	background-color: transparent;
}

h6 {
	font-weight: bold;
	font-size: 1em;
	color: #999;
	background-color: transparent;
}

/* Links */

a:link, a:visited, a:active {
	color: #00738c;
	text-decoration: underline;
}

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



/* Paragraphs */
 
p {
	margin: 0;
	font-size: 13px;
}

.big {
	font-size: 16px;
	font-weight: bold;
	line-height: 1em;
}

/* Lists */

ol {
	margin: 16px 0px 16px 27px;
	padding: 0px;
}

ol ol {
	list-style-type: upper-alpha;
	margin: 4px 0px 4px 25px;
	padding: 0px;
}

ol li {
	padding: 0px;
	margin: 5px 0;
	list-style: decimal;
}

ul {
	margin: 10px 0px 22px 27px;
	list-style-type: none;
}

ul * ul {
	margin: 4px 0px 4px 25px;
}

ul li {
	margin: 5px 0;
	padding: 0px;
	list-style: disc;
}

* html ul li {
	height: 1%;
}

dl{
	margin: 10px 0;
}

dl dt {
	margin: 2px 0;
}

dl dd {
	margin: 2px 0 2px 30px;
}


/* Tables */

table {
	border-color: #9c9c9c;
	border-collapse: collapse;
	margin: 15px 0 15px 0;
}

table td {
	border-color: #9c9c9c;
	border-collapse: collapse;
	padding: 5px;
	vertical-align: top;
	font-size: 12px;
	padding-bottom: 20px;
}

table td strong {
	font-weight: bold;
}

table .color td {
	background: #F5F5F5;
}

table caption {
	text-align: left;
	font-weight: bold;
	padding: 5px 5px;
	color: #000;
	font-size: 107%;
	text-transform: uppercase;
	border-bottom: 1px solid #A6A6A6;
}

table th {
	padding: 5px;
	border: 1px solid #B3B3B3;
	color: #000;
	background: #EEEEEE;
	font-weight: bold;
}

table th h4 {
	color: #000;
	margin: 0px;
	font-weight: bold;
}

.hr hr {
	display: none;
}

.hr {
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	border-bottom: 1px solid #cbcbc6;
}

/* Forms */

.form{
	margin: 10px 0 10px;
	width: 100%;
	padding: 15px 0 0;
}

.form.redline {
	border-top: 4px solid #90A600;
}

.form fieldset {
	border: 1px solid #CBC0BC;
	padding: 0px 20px 20px;
}

.form legend {
	margin: 0px 0px 10px;
	padding: 0 5px;
	font-size: 120%;
	font-weight: bold;
	height: auto;
}

.form ul {
	margin: 0;
	padding: 0;
}

.f_line {
	clear: both;
	width: 100%;
	margin: 0 0 10px 0;
}

.f_line:before {content: "."; display: block; height: 0; clear: both; visibility:hidden;}
.f_line:after {content: "."; display: block; height: 0; clear: both; visibility:hidden;}
* html .f_line {height: 1%;}

.label {
	float: left;
	width: 22%;
	display: block;
	margin: 4px 0 0 0;
	display: inline;
	font: bold 13px Tahoma;
	color: #00738c;
}

.formw {
	width: 70%;
	display: block;
	float: left;
}

form.descr .formw {
	width: 460px;
	text-align: justify;
}

.formw .text_input {
	width: 99%;
}

.form .rad {
	vertical-align: middle;
	margin: 0 4px 0 0;
}

.form .btn {
	font: 100% Arial, Helvetica, sans-serif;
	cursor: pointer;
	cursor: hand;
}

.red {
	color: #E05332;
}

.err {
	color: #E05332;
	font-size: 83%;
	line-height: 115%;
}

/* Clearfix */

.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

.clearfix {
    display:inline-block;
}

.clearfix {
    display:block;
}

* html .clearfix {
    height: 1%;
}

.clear {
	clear: both;
	height: 0px;
	font-size: 1px;
	line-height: 0;
	overflow: hidden;
}

/* Layout */

body {
	font: 12px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #a2a29e;
	background: #fffff0;
	background: #fff url("http://testfu.ru/bg.jpg") top center no-repeat;
	padding-top: 30px;



}

.all {
	width: 924px;
	margin: 0 auto;


}

.frame {

}

.header {
	position: relative;
	height: 229px;
/*	border-bottom: 15px solid #7f9d00;*/
	background: url("http://testfu.ru/header.jp") no-repeat;
	margin-bottom: 20px;

}

a.logo:link, a.logo:visited {
	position: absolute;
	top: 12px;
	left: 37px;
	text-decoration: none;
}

.logo {
        margin-top: 5px;
        margin-left: 10px;
}

.logo span.first {
	color: #66cc00;
	color: #000;
	color: #fff;
	font-size: 78px;
}

.logo span.second {
	color: #66cc00;
	color: #000;
	font-size: 32px;
	color: #40c9f7;
}

.logo div.logoword {
	font-size: 38px;
	color: #df50d5;
	font-weight: bold;
	position: absolute;
	top: 100px;
	left: 105px;
}

.logo div.free {
	font-size: 32px;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top: 120px;
	left: 600px;
}
.logo div.clock {
	font-size: 18px;
	color: #666;
	font-weight: normal;
	position: absolute;
	top: 170px;
	left: 790px;
	width: 100px;

}


                


.logo big {
	font-size: 55px;
	font-weight: bold;
	color: #224750;
	display: block;

	margin-top: 20px;

}

.logo big span {
	font-size: 71px;
	color: #40c9f7;
	margin: 0 5px 0 0;
	font-family: Myriad Pro;

}

.logo small {
	display: block;
	color: #717181;
	font-size: 14px;
	margin: 0px 0 0 255px;
	font-family: Myriad Pro;
	width: 300px;

}

.othertests {

}

.othertests a {

	color: #12bfdc;
}

.othertests a:hover {
	color: #000;
}

.header_links {
	position: absolute;
	top: 295px;
	right: 310px;
}

.header_links a:link, .header_links a:visited {

}

.header_links a:hover {
	color: #a2a29e;
}

.cols {
	margin: 30px 0 0 44px;
	padding: 0 0 93px 0;
}

.line {
	background: #f5f5ea;
	font-weight: bold;
	color: #222;
	padding: 7px 0 5px 15px;
	font-size: 18px;
	font-family: Myriad Pro;
	margin: 0 0 15px 0;
}

.line span {
	color: #00738c;
	font-size: 14px;
	margin: 0 4px 0 0;
	float: left;
}

.box {
	border: 1px solid #cbcbc6;
	text-align: center;
	margin: 0 0 10px 0;
	color: #a2a29e;
	font-size: 14px;
	font-weight: bold;
}

.col_left {
	float: left;
	background: #fff;
	width: 860px;
	margin:20px 30px;
}

.variants {
	float: left;
	display: inline;
	margin: 0 0 0 15px;
}

.radio {
	vertical-align: top;
	height: 14px;
	margin: 1px 5px 0 0;
	_margin: 3px 0 0 0;
}

.variants label {
	vertical-align: top;
	margin: 0 6px 0 0;
	color: #00738c;
}

.col_right {
	float: right;
	width: 223px;

	
}

.text {
	position: relative;
	width: 100%;
}

.input {
	border: 1px solid #a2a29e;
	background: #fffff0;
	margin: 0 0 0 5px;
	width: 180px;
}

.text div {
	float: left;
	left: 50%;
	position: relative;
	text-align: center;
}

.text p {
	position: relative;
	left: -60%;
	float: left;
	margin: 0;
	text-align: left;
	padding: 20px 0 20px 0;
		font-size: 14px;
}


.centered {
	text-align: center;
}

.color {
	color: #00738c;
}

.uppercase {
	text-transform: uppercase;
}

.marked {
	text-align: center;
	font-weight: bold;
	margin: 0 0 10px 0;
}

.text_input {
	background: #f5f5ea;
	border: 1px solid #a5a5a1;
	color: #a2a29e;
	font: bold 14px Tahoma;
	padding: 1px 0;
}

.big_input {
	padding: 4px 35px;
	text-align: center;
	margin: 0 0 20px 0;
}


.button {
	font: bold 13px Tahoma;
	color: #00738c;
	background: #8EE5EE;
	border: 0px solid transparent;
	padding: 1px 15px 2px 15px;
	width: 1;
	overflow: visible;
	text-decoration: underline;
	cursor: pointer;
}

.button:hover {
	color: #a5a59f;
}

.points {
	text-align: center;
	color: #00738c;
	font-size: 36px;
	font-weight: bold;
	margin: 14px 0 20px 0;
}

.button_line {
	margin: 25px 0 0 0;
}

.right_box {
	background: #f5f5ea;
	margin: 0 0 26px 0;
}

.right_box .inner {
	margin: 15px 5px 0 10px;
	overflow: hidden;
	padding: 0 0 10px 0;
}

.right_box dl {
	margin: 0;
	width: 200px;
	_width: 220px;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
}

.right_box dl dt {
	margin: 0 0 3px 2%;
	display: inline;
	float: left;
	width: 78%;
}

.right_box dl dd {
	margin: 0 0 3px 0;
	float: left;
	text-align: right;
	width: 20%;
	color: #00738c;
}

.right_box dl dt a:link, .right_box dl dt a:visited {
	display: block;
	width: 100%;
	height: 100%;
	color: #a5a59f;
	text-decoration: none;
}

.right_box dl dd a:link, .right_box dl dd a:visited {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}


.right_box dl:hover a {
	text-decoration: underline !important;
}

.footer {
	border-top: 1px solid #e3e7e8;
/*	height: 98px;*/
	height: 60px;
	font: bold 12px Tahoma;
	color: #c6c6c2;
	position: relative;
	width: 921px;
	margin: 0 auto;


}
.othertests {
	background: url("http://testfu.ru/footerbg.jpg") center bottom no-repeat;
	width: 100%;
	height: 141px;
}

.fframe {
	padding-left: 50%;
	margin-left: -460px;
}

.footer p {
	margin: 0;
	position: absolute;
	top: 15px;
	left: 0px;
	font: bold 12px Tahoma;
	line-height: 1.3em;
}

.counters {
	position: absolute;
	top: 15px;
	right: 30px;
}

.counters a {
	margin: 0 0 0 3px;
}

.question {
	display: none;
}

.next_button {
	font: bold 16px Tahoma;
	color: #fff;
	background: #00738c;
	border: 0px solid transparent;
	padding: 3px 15px 5px 15px;
	width: 1;
	overflow: visible;
	margin: 7px 0 0 333px;
	text-decoration: underline;
	cursor: pointer;
}

p.gray a:link, p.gray a:visited {
	color: #a2a29e;
}

.pic {
	border: 1px solid #2a1d1d;
	margin: 27px 0 0 0;
}
.next_button:hover {
	color: #a5a59f;
}

.tests {
 width: 100%;
}


.tests td {
 width: 33%;
 vertical-align: top;

}

.tests p {
 width: 240px;
 text-align: left;
/* margin: 5px 0 10px 0;*/
}


.tests a {
/* color: #aa0057;*/
color: #999;
 text-decoration: none;
}

.tests a:hover {
 color: #000;
 cursor: pointer;

}

.tests b {
 color: #006779;
}

.tests div.texts {
/* background: url('../i/banner3.png') top left no-repeat;*/
 width: 240px;
 height: 240px;
}

p.ptexts {

 padding: 5px 20px 20px 5px;
 width: 210px;
 color: #555;
 

}
.ptexts b {
 color: #000;
}


.ruru p {
 width: 800px;
margin-top: 20px;
}


.rul p {
  font-size: 11px;
}