* {margin: 0; padding: 0}

body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100.01%; color: #000; background: url(/foto_images/main_bg_rpt.jpg) repeat 0 0}
html, body {height: 100%}

img {border: 0}

/* 08 . 12 . 08 */table {width: 100%; font-size: 100%; border-collapse: collapse; vertical-align: top; text-align: left; border: none}
/* 08 . 12 . 08 */td {vertical-align: top; text-align: left}

ul {list-style: none}

a {color: #005aa9; text-decoration: underline}
a:hover {color: #f16522; text-decoration: none}

h1 {font-size: 250%; font-weight: normal; color: #f16522}
/* 23 . 03 . 09 */ h2 {font-size: 150%; font-weight: normal; color: #005aa9; margin-bottom: 13px}

p {margin-bottom: 14px}
/* 23 . 03 . 09 */ p.hr {padding-bottom: 14px; border-bottom: #005aa9 solid 1px}

.button {display: block; width: 146px; height: 23px; padding-top: 12px; font-size: 85%; color: #fff; text-align: center; text-decoration: none; background: #005aa9 url(/foto_images/button.gif) no-repeat 0 0}
.button:hover {color: #f16522}


#main {position: relative; min-height: 100%; font-size: 0.75em; background: url(/foto_images/main_bg.jpg) no-repeat center 0}
* html #main {height: 100%}
#main_bot {overflow: hidden; padding-bottom: 244px; background: url(/foto_images/main_bg_bot.jpg) no-repeat 0 bottom}

/* 08 . 12 . 08 */ #main_ins {position: relative; width: 748px; margin: 0 auto}
#size {height: 32px}
#main_ins_rpt {float: left; width: 748px; background: url(/foto_images/cnt_bg_rpt.gif) repeat-y 0 0}
#main_ins_bot {float: left; width: 748px; background: url(/foto_images/cnt_bg_bot.jpg) no-repeat 0 bottom}
#main_ins_top {float: left; width: 748px; background: url(/foto_images/cnt_bg_top.jpg) no-repeat 0 0}

#logo {float: left; position: relative; margin: 14px 0 0 -301px; z-index: 2}

ul.nav_top {position: relative; float: left; margin: 0 -20px 0 -38px; z-index: 2}
ul.nav_top li {float: left; margin-right: 18px; padding-top: 11px; text-transform: uppercase}
ul.nav_top li.mrgn {margin-right: 38px}
ul.nav_top .hover {color: #f16522; text-decoration: underline}

#zont {float: left; position: relative; width: 440px; height: 297px; margin: -32px 0 0 -216px; z-index: 1; background: url(/foto_images/zont.png) no-repeat 0 0}
* html #zont {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/foto_images/zont.png', sizingMethod='crop')}
#ball {float: right; position: relative; width: 160px; height: 150px; margin: -13px -129px 0 0; background: url(/foto_images/ball.png) no-repeat 0 0}
* html #ball {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/foto_images/ball.png', sizingMethod='crop')}
#mobile {float: left; position: relative; width: 139px; height: 219px; padding: 31px 0 0 21px; margin: 66px -100px 0 -123px; z-index: 0;
	background: url(/foto_images/mobile.png) no-repeat 0 0}
* html #mobile {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/foto_images/mobile.png', sizingMethod='crop')}
#tapki {float: left; position: relative; width: 277px; height: 233px; margin: -17px 0 -160px 327px; z-index: 7; background: url(/foto_images/tapki.png) no-repeat 0 0}
* html #tapki {float: none; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/foto_images/tapki.png', sizingMethod='crop')}

#cnt_top {float: right; width: 343px; padding: 35px 0 50px 0}
#cnt_mid {float: left; width: 748px; position: relative; margin-top: -40px; width: 748px}
/* 08 . 12 . 08 */#cnt_mid.forward {z-index: 2}
#cnt_mid_left {float: left; width: 350px; font-size: 120%}
#cnt_mid_left ul {float: left}
#cnt_mid_left li {font-weight: normal; display: block; width: 292px; margin-bottom: 18px}
#cnt_mid_left li a:hover {color: #f16522}
#cnt_mid_left li ul {float: none; margin: 11px 0 0 7px}
*html #cnt_mid_left li ul {position: relative; margin-bottom: -5px}
#cnt_mid_left li li {margin-bottom: 8px}
#cnt_mid_left li li a {padding-left: 14px; background: url(/foto_images/cnt_left_a.gif) no-repeat 0 center}
#cnt_mid_left li.hover {font-weight: bold; color: #005aa9}
#cnt_mid_left li li.hover {padding-left: 14px; color: #f16522; background: url(/foto_images/cnt_left_a_h.gif) no-repeat 0 center}
#cnt_mid_right {float: left; width: 303px; padding: 0 0 0 55px}
#cnt_bot {float: left; width: 660px; padding: 33px 44px 38px 44px}
* html #cnt_bot {padding-bottom: 5px}
#cnt_bot ul {margin-left: 124px}
#cnt_bot li {float: left; margin-right: 20px; text-transform: uppercase}
#cnt_bot li.mrgn {margin-right: 38px}
#cnt_bot ul .hover {color: #f16522; text-decoration: underline}
#links {float: left; width: 660px; padding-bottom: 27px}
* html #links {padding: 0}

/* 23 . 03 . 09 */ #links.right {width: 296px; padding-left: 364px}
/* 23 . 03 . 09 */ #links.right #nav {float: none; width: auto; margin-left: 104px}

#cnt_bot a.left {float: left; padding-left: 11px; margin-right: 9px; background: url(/foto_images/prev.gif) no-repeat 0 5px}
#cnt_bot a.left:hover {background-image: url(/foto_images/prev_h.gif)}
#cnt_bot a.right {float: right; padding-right: 11px; background: url(/foto_images/next.gif) no-repeat right 5px}
#cnt_bot a.right:hover {background-image: url(/foto_images/next_h.gif)}
#nav {float: right; width: 234px; font-size: 85%; color: #343434; padding-top: 2px}
#nav a {text-decoration: none}
#nav .hover {color: #f16522}

#cnt_mid_ins {float: left; width: 604px; padding-left: 32px}
#cnt_mid_ins img {margin-top: 12px}

#leftblock {float: left; width: 317px; padding-right: 33px}
#leftblock_in {margin-left: 55px}
/* 08 . 12 . 08 */ #leftblock.type2 { position: relative; margin-top: -10px; width: 358px; padding-right: 0}
/* 08 . 12 . 08 */ #leftblock.type2  #leftblock_in {margin-left: 43px}
div.banner {text-align: center; margin-bottom: 12px}
p.small {font-size: 85%; color: #595959}
ul.list {margin-bottom: 24px}
ul.list li {padding-left: 13px; background: url(/foto_images/list.gif) no-repeat 3px 6px}
/* 08 . 12 . 08 */#a_popap {position: absolute; top: 150px; left: 404px}
/* 17 . 12 . 08 */#a_popap a {margin-right: 15px}
/* 08 . 12 . 08 */

#popap, #popap_reg {float: left; position: absolute; top: 168px; left: 404px; width: 296px; height: 223px; z-index: 255} 

#popap_bg {float: left; position: relative; width: 296px; height: 223px; background: url(/foto_images/popap.png) no-repeat 0 0}
*html #popap_bg {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/foto_images/popap.png', sizingMethod='crop')}
#popap div.block, #popap div.block_thx, #popap_reg div.block, #popap_reg div.block_thx {position: relative; float: left; width: 281px; height: 200px; padding: 23px 0 0 15px; margin-top: -223px}
/* 11 . 01 . 09 */#popap {display: none}
#popap_reg {display: none}
/* 17 . 12 . 08 */#popap.type2 div.block, #popap_reg.type2 div.block  {height: 178px; padding: 45px 0 0 15px}
#popap div.block_thx, #popap_reg div.block_thx {width: 266px; height: 161px; padding: 62px 15px 0 15px; text-align: center}
#popap span.thx, #popap_reg span.thx {display: block; color: #f16522; margin-bottom: 12px}
#popap p, #popap_reg p {font-size: 85%; margin-bottom: 20px}
#popap span.name, #popap_reg span.name {display: block; font-size: 85%; margin-bottom: 4px}
#popap input.text, #popap_reg input.text {width: 257px; height: 24px; margin-bottom: 5px; border: #fff solid 1px}
#popap select, #popap_reg select {width: 259px; height: 26px; margin-bottom: 5px; border: #fff solid 1px}
#popap select.day, #popap_reg select.day {float: left; width: 93px; margin-right: 2px}
#popap select.month, #popap_reg select.month {float: left; width: 104px; margin-right: 2px}
#popap select.year, #popap_reg select.year {float: left; width: 58px}
#popap textarea, #popap_reg textarea {width: 250px; height: 109px; padding: 4px 0 4px 7px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; margin-bottom: 5px;
	border: #fff solid 1px}
#popap .button, #popap_reg .button {position: absolute; left: 15px; bottom: 18px; display: block; width: 146px; height: 23px; padding-top: 12px; font-size: 85%; color: #fff; text-align: center; text-decoration: none; background: #005aa9 url(/foto_images/button.gif) no-repeat 0 0}

/* 17 . 12 . 08 */#popap.type2 .button {bottom: 44px}
#popap div.block_thx .button, #popap_reg div.block_thx .button {left: 75px}
#popap .button:hover, #popap_reg .button:hover {color: #f16522}
#popap span.chars, #popap_reg span.chars {float: right; width: 106px; margin-top: 18px; font-size: 85%; color: #7f7f62}
div.head_block {position: relative; padding: 7px 15px; margin: 0 0 10px -15px; z-index: 0; background: #f7f7f7}
#rightblock {float: left; width: 274px; padding: 0 0 0 70px}
/* 08 . 12 . 08 */#rightblock.type2 {position: relative; margin-top: -10px; width: 315px; padding: 0 0 0 50px}

/* 08 . 12 . 08 */
#user_card {position: absolute; top: 76px; left: 186px; font-size: 85%}
*html #user_card {position: relative; float: left; top: 50px; left: -38px}
#user_card .left {float: left; border: #005aa9 solid 1px}
#user_card div.right {margin-left: 74px; line-height: 135%}
#user_card div.right a.name {display: block; padding-left: 13px; margin-bottom: 6px; background: url(/foto_images/user_a.gif) no-repeat 0 0}
#ul_popap {position: absolute; top: 141px; margin-left: -8px}
#ul_popap li {float: left}
#ul_popap a {float: left; height: 28px; padding: 5px 9px 0 9px; background: #f6f6f6}
#ul_popap li.right a {background: #f4f4f4}
#ul_popap a.hover {color: #f16522; background: #fefefe}

#calendar {float: left; position: relative; width: 246px; height: 252px; margin: 0 0 26px 0; left: 21px}
#calendar div.top {font-weight: bold; height: 28px; padding: 15px 19px 0 12px; background: #f3cb70 url(/foto_images/calendar.gif) no-repeat 0 0; text-transform: uppercase}
#calendar .left, #calendar .right {float: right; width: 8px; height: 15px; border: none}
#calendar .left {margin-right: 5px; background: url(/foto_images/calendar_prev.gif) no-repeat 0 0}
#calendar .left:hover {background-image: url(/foto_images/calendar_prev_h.gif)}
#calendar .right {background: url(/foto_images/calendar_next.gif) no-repeat 0 0}
#calendar .right:hover {background-image: url(/foto_images/calendar_next_h.gif)}
#calendar table {float: left; font-size: 85%; text-align: center}
#calendar th {height: 34px; vertical-align: middle; color: #969696; font-weight: normal; border: #eaeaea solid 1px; background: #f9f9f9}
#calendar td {border: #eaeaea solid 1px}
#calendar table a {display: block; width: 34px; height: 23px; padding-top: 11px; color: #343434; text-decoration: none; text-align: center}
#calendar table a:hover {color: #005aa9; background: #f3faff}
#calendar table a.sd {color: #005aa9; background: #f3faff}

div.gallery_block {float: left; width: 105px; height: 140px; font-size: 85%}
div.gallery_block a.img {float: left; border: #005aa9 solid 1px}
div.gallery_block a.img:hover {border-color: #f16522}
div.gallery_block a.name {float: left; display: block; margin-top: 5px; padding: 0 0 2px 17px; background: url(/foto_images/user_a.gif) no-repeat 3px 2px}
div.gallery_block div.bot {float: left; width: 85px; padding-left: 20px}
div.gallery_block div.bot a {padding-left: 12px; margin-right: 4px}
div.gallery_block a.opin {background: url(/foto_images/a_opin.gif) no-repeat 0 3px}
div.gallery_block a.heart {background: url(/foto_images/a_heart.gif) no-repeat 0 3px}

#photo_block {float: left; width: 300px; font-size: 85%; color: #343434}
#photo_block div.top {height: 27px}
#photo_block div.top a.right {float: right; padding: 0 0 1px 14px; background: url(/foto_images/user_a.gif) no-repeat 0 1px}
#photo_block a.img {float: left; border: #005aa9 solid 1px}
#photo_block a.img:hover {border-color: #f16522}
#photo_block div.bot {float: left; width: 300px; padding: 7px 0 25px 0; line-height: 185%}
#photo_block div.bot span.left {float: left; position: absolute}
#photo_block div.bot a.name {padding: 0 0 1px 14px; margin-right: 3px; background: url(/foto_images/user_a.gif) no-repeat 0 1px}
#photo_block div.right {margin-left: 58px}

#photo_service {float: left; width: 100%}
#photo_service span.left {float: left; position: absolute; font-size: 85%; color: #343434; margin-top: 11px}
.orange {color: #f16522}
#photo_service div.block {margin-left: 104px}
#photo_service div.block div {margin-bottom: 8px}

a.golos, a.comment {display: block; width: 196px; height: 24px; padding-top: 11px; font-size: 85%; color: #fefefe; text-align: center; line-height: 130%; text-decoration: none}
a.golos {background: url(/foto_images/golos.gif) no-repeat 0 0}
a.comment {color: #fff; background: url(/foto_images/comment.gif) no-repeat 0 0}
a.golos:hover, a.comment:hover {background-image: url(/foto_images/button_h.gif)}

div.comment_head {height: 18px; font-size: 85%}
div.comment_head a {padding: 0 0 1px 14px; background: url(/foto_images/user_a.gif) no-repeat 0 1px}
div.comment {width: 266px; padding: 6px 20px 8px 15px; margin-bottom: 18px; background: #f7f7f7}
div.comment p {margin-bottom: 8px}
div.comment a.spam {font-size: 85%; color: #c6c6c6}
div.comment a.spam:hover {color: #949494}
#photo_block.full {width: 660px; padding-left: 44px}
#photo_block.full a.img:hover {border-color: #005aa9}
#photo_block.full div.bot {width: 660px; padding: 15px 0 25px 0}
#photo_block.full div.right {width: 240px}
#photo_block.full div.bot a.name {padding: 0 0 1px 14px; margin-right: 3px; background: url(/foto_images/user_a.gif) no-repeat 0 1px}
#photo_service.full {float: right; width: 301px}
#photo_service.full div.block {float: right}
/****************/

#footer_block {position: relative; z-index: 0; clear: both; height: 200px}
#footer_main {position: relative; z-index: 0; height: 200px; margin: -200px 0}
/* #footer {position: relative; z-index: 0; height: 25px; padding: 175px 43px 0 0; font-size: 0.75em; text-align: right; background: url(/foto_images/footer.jpg) no-repeat center 0}
 */
#footer a {color: #1064ae}

#footer {position: relative; z-index: 0; height: 45px; padding: 155px 43px 0 0; font-size: 0.65em; text-align: right; background: url(/foto_images/footer.jpg) no-repeat center 0}
#count {float: left; position: relative; margin: 0 0 0 20px;}
#copy {float: right; position: relative; margin: 20px 0 0 -10px; color: #fff;}

#a_forget {position: absolute; right: 22px; bottom: 56px; font-size: 85%; color: #7f7f62}

/* 31 01 09 */
#profile span.head {display: block; font-weight: bold; margin-bottom: 14px}
#profile span.name {display: block; margin: 8px 0 13px 8px; color: #676767}
.red {color: #ff0000}
#profile small {font-size: 85%}
#profile .field {display: block; width: 242px; height: 16px; padding: 5px 5px 5px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
        color: #005aa9; margin: 2px 0 10px 0; border: none; background: #f7f7f7}
#profile #leftblock .field {color: #000}
#profile .button {margin-top: 5px}
#reg_info {padding-top: 19px}
#reg_info div.top {height: 99px}
#reg_info div.block {width: 234px; height: 67px; padding: 16px; background: #fffec5 url(/foto_images/reg_infoblock.gif) no-repeat 0 0}
#reg_info div.block div {margin-top: 9px}
#birthday select {width: 65px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #005aa9; margin-right: 18px; border: none;
        background: #f7f7f7}
#birthday select.left {width: 58px}
#birthday select.right {width: 60px; margin: 0}
#profile select.field {width: 260px; height: 26px; padding: 0}
#mobile_number {float: left; width: 100%}
#mobile_number span {float: left}
#mobile_number span.left {padding-right: 13px}
#mobile_number .field {width: 101px; font-size: 10px; color: #6f6f6f}
#mobile_number span.left .field {width: 24px}
#avatar {height: 85px}
#avatar .left {float: left;  margin-top: 5px}
#avatar div.right {font-size: 85%; color: #000; padding: 9px 0 0 75px}
#avatar input {display: block; width: 70px; height: 16px; margin-top: 10px; border: none; background: url(/foto_images/obzor.gif) repeat-x 0 0}
#profile textarea.field {height: 110px; color: #005aa9}