body, html {margin: 0; padding: 0; background-color: #fedce7; height: 100%;}
body, table {font-family: Arial, sans-serif; font-size: 14px; color: #595959;}

a {outline: none;}

.main {width: 837px; height: 606px; background: url(main2.png); margin: auto; text-align: left; position: relative;}
#head {color: #ec008c; font-size: 24px; font-weight: bold; text-align: center; padding-top: 150px;}
#age_sex_block {position: absolute; top: 250px; left: 155px; font-size: 18px; font-weight: bold;}
    #age_sex_block td {font-size: 18px;}
    
.back {display: block; width: 82px; height: 84px; background: url(back.gif) no-repeat top; position: absolute; top: -141px; left: 41px;}
.back:hover {background-position: bottom;}

.next {display: block; width: 82px; height: 84px; background: url(next.gif) no-repeat top; position: absolute; top: -141px; left: 711px;}
.next:hover {background-position: bottom;}

.buttons {display: none; position: absolute; top: 329px; left: 0;}

#que_block {position: absolute; width: 530px; text-align: center; top: 250px; left: 155px; font-size: 20px;}
#final_block {position: absolute; width: 530px; text-align: center; top: 250px; left: 155px; font-size: 20px;}

.yes {display: block; width: 99px; height: 34px; background: url(yes.gif) no-repeat top; position: absolute; top: 100px; left: 150px;}
.yes:hover {background-position: bottom;}

.no {display: block; width: 99px; height: 34px; background: url(no.gif) no-repeat top; position: absolute; top: 100px; left: 270px;}
.no:hover {background-position: bottom;}

.item {background: url(bull.gif) no-repeat 4px 7px; margin-bottom: 2px; padding-left: 13px;}

.area {overflow: auto; width: 435px; height: 260px; position: absolute; top: 195px; left: 205px;}

#homoch_block {position: absolute; bottom: 10px; right: 10px; background: url(homoch.gif) no-repeat; width: 214px; height: 132px; font-size: 11px; color: #000; padding: 60px 2px 0 10px;}
#homoch {height: 132px; overflow: auto;}

.lhead {font-size: 16px; font-weight: bold; color: #ec008c; margin-bottom: 3px;}
#left_block {position: absolute; bottom: 10px; left: 10px; background: url(left.gif) no-repeat; width: 390px; height: 213px; font-size: 11px; color: #113380; padding: 50px 10px 0 35px;}
.link {color: #ec008c; font-size: 14px; font-weight: bold; font-style: italic;}

.where {display: block; width: 185px; height: 30px; background: url(where.gif) no-repeat top; position: absolute; top: 140px; left: 330px;}
.where:hover {background-position: bottom;}

.print {display: block; width: 185px; height: 30px; background: url(print.gif) no-repeat top; position: absolute; top: 180px; left: 330px;}
.print:hover {background-position: bottom;}

.sprint {display: block; width: 130px; height: 21px; background: url(sprint.gif) no-repeat top; position: absolute; top: 52px; right: 60px;}
.sprint:hover {background-position: bottom;}

.where_buy {display: block; width: 187px; height: 30px; background: url(where_buy.gif) no-repeat top; position: absolute; top: 140px; left: 330px;}
.where_buy:hover {background-position: bottom;}

#city_salons {height: 162px; overflow: auto; background: #ebebeb; border: #9a9a9a 1px solid; margin-top: 7px; padding: 4px 6px;}

#splash_block {position: absolute; top: 220px; left: 170px; font-size: 18px; font-weight: bold; width: 500px; text-align: center;}
.left_close {position: absolute; top: 36px; right: 32px; width: 20px; height: 20px; cursor: pointer;}

.methodic {text-decoration: none; color: #595959;}
.methodic:hover {text-decoration: underline; color: #595959;}

.diag_error {font-size: 20px; text-align: center; margin-top: 50px;}