html,body						{ margin: 0; padding: 0; width: 100%; height: 100%; }
body							{ color: #4f4f4f; background: white url(/img/page_bg.gif) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

form							{ margin: 0; padding: 0; }
img,table						{ border: 0; border: none; }
td								{ vertical-align: top; }

.main							{ width: 996px; display: block; overflow: hidden; position: relative; }

.wrapper 						{ min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -100px; } /* нижний margin является отрицательной величиной высоты footer */
.push							{ height: 100px; }

.header							{ height: 469px; background: white url(/img/page_bg.gif) top repeat-x; }
.header a.ocosmetic_test		{ position: absolute; top: 5px; left: 55px; text-decoration: none; cursor: pointer; }

.header .title					{ margin: 0; padding: 0; line-height: 48px; width: 220px; position: absolute; top: 116px; left: 386px; text-align: center; font-family: "Times New Roman", Times, serif; font-weight: normal; }
.header .title a				{ color: white; font-size: 72px; text-decoration: none; }
.header .title div				{ line-height: 34px; position: absolute; top: 44px; left: 0; width: 100%; text-align: center; color: white; font-size: 32px; }

.header .words					{ position: absolute; top: 55px; left: 0; background: url(/img/header_bg.jpg) bottom no-repeat; width: 940px; height: 414px; }
.header .words div				{ position: absolute; top: 0; left: 374px; background: url(/img/header_bg2.jpg) 0 0 no-repeat; width: 575px; height: 170px; }
.header .words span				{ position: absolute; top: 35px; left: 234px; background: url(/img/header_bg.gif); width: 333px; height: 134px; display: block; }

.header .words a				{ position: absolute; text-decoration: none; font-family: "Times New Roman", Times, serif }
.header .words .sex				{ top: 32px; left: 260px; color: #0aaae5; font-size: 23px; }
.header .words .otnoshenya		{ top: 96px; left: 238px; color: #0aaae5; font-size: 18px; }
.header .words .love			{ top: 140px; left: 315px; color: #880051; font-size: 24px; }
.header .words .lichnost		{ top: 54px; left: 434px; color: #05688c; font-size: 20px; }
.header .words .vernost			{ top: 72px; left: 526px; color: #c1c809; font-size: 18px; }
.header .words .iq				{ top: 99px; left: 500px; color: #6b901a; font-size: 24px; }

.header .textblock				{ position: absolute; top: 276px; left: 444px; width: 460px; height: 160px; display: block; overflow: hidden; color: black; font-size: 11px; }
.header .zachem					{ margin: 0; padding: 0; line-height: 42px; color: #b50365; font-size: 36px; font-weight: normal; font-family:"Times New Roman", Times, serif; }

.header .menu					{ position: absolute; top: 55px; left: 55px; width: 333px; }
.header .menu a					{ display: block; float: left; padding: 88px 10px 10px; color: #727272; text-decoration: none; }
.header .menu a:hover			{ text-decoration: underline; }
.header .menu a.active			{ color: white; background: #ee038e; text-decoration: none; }

.header .auth					{ position: absolute; top: 5px; left: 600px; }
.header .auth div				{ float: left; padding-right: 10px; }
.header .auth div input			{ border: 1px solid #d8d8d8; color: #3268ba; background: white; width: 120px; padding: 2px 3px; }
.header .auth a					{ color: #5aabe1; font-size:11px; position: relative; top: 2px; left: 5px; }

.header_sub						{ height: 69px; background: white url(/img/header_bg_sub.jpg) top center no-repeat; }

.header_sub a					{ position: absolute; top: 44px; cursor: pointer; text-decoration: none; color: #af0360; background: #ccc url(/img/header_sub_menu.png) 0 0 no-repeat; width: 267px; height: 40px; display: block; }
.header_sub a span				{ position: relative; top: 13px; left: 45px; font-size: 14px; }
.header_sub a:hover span		{ text-decoration: underline; }
.header_sub a.active			{ color: white; background: url(/img/header_sub_menu_.png) 0 0 no-repeat; text-decoration: none; }

.content .root					{ height: 195px; padding-left: 55px; }
.content .root a.test			{ float: left; margin-right: 39px; position: relative; text-decoration: none; cursor: pointer; width: 269px; height: 195px; color: #b50365; font-size: 16px; font-family: "Times New Roman", Times, serif }
.content .root a.love			{ background: url(/img/test_love.jpg) no-repeat; }
.content .root a.kachestva		{ background: url(/img/test_kachestva.jpg) no-repeat; }
.content .root a.krasota		{ background: url(/img/test_krasota.jpg) no-repeat; }
.content .root a.test span		{ position: relative; top: 148px; left: 52px; }
.content .root a.test:hover span { text-decoration: underline; }

.content .tests					{ position: relative; top: 0; left: 55px; }
.content .tests .spacer			{ height: 15px; background: url(/img/dots.gif) left 8px repeat-x; }
.content .tests .samie			{ color: #0789b8; padding: 15px 0 15px 60px; background: url(/img/tests_samie.gif) no-repeat; font-size: 24px; font-family: "Times New Roman", Times, serif; }
.content .tests .samie .all		{ color: #0789b8; font-size: 14px; text-decoration: underline; }
.content .tests .novie			{ color: #9b9f1f; padding: 15px 0 15px 60px; background: url(/img/tests_novie.gif) no-repeat; font-size: 24px; font-family: "Times New Roman", Times, serif; }
.content .tests .novie .all		{ color: #9b9f1f; font-size: 14px; text-decoration: underline; }

.content .tests div.test		{ color: #4f4f4f; padding: 3px 0 0 20px; background: url(/img/galka.gif) 0 2px no-repeat; }
.content .tests div.test a		{ color: #b50365; font-size: 15px; font-weight: bold; text-decoration: none; position: relative; top: -2px; left: 0;  }
.content .tests div.test a:hover { text-decoration: underline; }

.content .group					{ border-left: 8px solid #b50365; padding-left: 27px; position: relative; top: 0; left: 20px; }
.content .group .tests			{ position: relative; top: 0; left: 0; }
.content .group .tests a		{ color: #b50365; }

.navi							{ height: 30px; display: block; overflow: hidden; position: relative; top: 5px; left: -70px; font-size: 14px; }
.navi a, .navi span				{ float: left; margin-right: 3px; padding: 1px 5px; border: 1px solid #aaa; background: #eee }
.navi a							{ color: #333; background: #ccc; text-decoration: none; cursor: pointer; }
.navi a:hover					{ background: #ddd; text-decoration: underline; }

table.test						{ position: relative; top: 0; left: 55px; }
table.test div.spacer			{ height: 21px; background: url(/img/dots.gif) 0 10px repeat-x; }
table.test div.title			{ color: #ba146f; font-size: 18px; font-family: "Times New Roman", Times, serif; padding-bottom: 5px; }
table.test .qtitle				{ color: #ba146f; font-size: 32px; font-family: "Times New Roman", Times, serif; padding-bottom: 3px; }
table.test .qtext				{ font-size: 14px; }
table.test .variant				{ height: 32px; color: #0789b8; font-size: 14px; }
table.test .variant div			{ float: left; width: 75px; color: #b50365; font-size: 15px; font-family: "Times New Roman", Times, serif; padding-top: 2px; }
table.test .variant input		{ position: relative; top: 2px; left: 0; }
table.test .subm				{ position: relative; top: 5px; left: 0; }

.footer							{ margin-top: -90px; margin-left: -444px; display: block; overflow: hidden; width: 887px; height: 96px; background: #edece9 url(/img/footer_left.jpg) 0 0 no-repeat; top: 0; left: 50%; }
.footer .menu					{ position: absolute; top: 39px; left: 333px; width: 300px; text-align: center; }
.footer .menu a					{ color: #757575; text-decoration: none; }
.footer .menu a:hover			{ text-decoration: underline; }
.footer a.counter				{ position: absolute; top: 32px; left: 660px; text-decoration: none; }
.footer a.dizcod				{ color: black; display: block; width: 121px; height: 40px; background: url(/img/dizcod.gif) 0 20px no-repeat; position: absolute; top: 25px; left: 710px; }
.footer a.dizcod:hover			{ color: #f90; background-image: url(/img/dizcod.jpg); }