@charset "utf-8";
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

* Filename: screen.css
* Version: 1.0.0 (2008-11-01)
* Website: Aparto
* Author: m1ron
* Description: Main CSS file.
* Page width: 1280px

*/



/* _default styles reset
========================================== */
* {zoom:1;}
html {width:100%;height:100%;font:12px Arial, Helvetica, sans-serif;}
body {width:100%;height:100%;padding:0;margin:0;color:#49473a;background:#fff url('../img/body.png') repeat-x 0 -110px;}
body.blank {background:#fff url('../img/body.png') repeat-x 0 0;}

p {margin:0 0 18px 0;}
p strong {color:#000;}
dfn,var,address {font-style:normal;}
h1,h2,h3,h4,h5,h6 {margin:0;font:italic 14px Arial, Helvetica, sans-serif;color:#000;}
h3 {margin:0 0 3px 0;font:bold 14px Arial, Helvetica, sans-serif;color:#3f9df4;}

a {color:#0196ff;text-decoration:underline;}
a:hover {text-decoration:none;}
a img {border:none;}
a.js {border-bottom:1px dotted #0196ff;text-decoration:none;}
a.js:hover {border-bottom:1px dotted #fff;}

ul {padding:0px;margin:0 0 18px 0;list-style:none;}
ul li {padding:0 0 6px 30px;background:url('../img/ico/li.gif') no-repeat 12px 8px;}
dl {margin:0 0 18px 0;}
dl dt,dl dd {margin:0px;}

td,th {padding:0px;}

form {margin:0px;}
input,select,label,textarea,button {margin:0px;}
input.text,textarea {padding:2px 3px;border:1px solid #dadada;font:12px Arial, Helvetica, sans-serif;color:#000;background:#fff;}
input.file {padding:0;font:12px Arial, Helvetica, sans-serif;color:#000;background:#fff;}
select {padding:1px;color:#000;border:1px solid #dadada;background:#fff;}
input.submit,button {cursor:pointer;font:13px Arial, Helvetica, sans-serif;color:#000;}


/* _my universal styles  */
.both {width:100%;clear:both;overflow:hidden;}
.clear {width:100%;height:1px;clear:both;overflow:hidden;display:block;}


/* _wrap
========================================== */
#wrap {
width:1245px;
min-height:100%;
margin:0 auto;
overflow:hidden;
position:relative;
z-index:1;
}
#spacer {
width:100%;
height:70px;
overflow:hidden;
clear:both;
background:url('../img/spacer.png') no-repeat 0 0;
}


#header {
width:100%;
height:100px;
position:relative;
}
#logo {
position:absolute;
top:0;left:25px;
}
#login {
width:240px;
height:37px;
position:absolute;
top:34px;right:0;
font-weight:bold;
text-align:center;
}
#login div {
width:240px;
height:28px;
padding:9px 0 0 0;
background:url('../img/login.png') no-repeat 0 0;
}
#login a {
margin:0 25px;
border-bottom:1px dotted #0196ff;
color:#3f9df4;
position:relative;
text-decoration:none;
}
#login a:hover {
border-bottom:1px dotted #fff;
}




#footer {
width:100%;
height:70px;
position:absolute;
left:0;bottom:0;
}
#copyright {
margin:0;
font-size:11px;
position:absolute;
top:22px;left:25px;
color:#000;
}
#counters {
margin:0;
position:absolute;
top:20px;right:8px;
}
#counters li {
padding:0 4px;
float:left;
background:none;
}
#counters a {
border:none;
}
#counters img {
display:block;
}




.spacer {
width:100%;
height:6px;
overflow:hidden;
background:#fff;
}
.block {
padding:0 9px;
border:1px solid #dadada;
border-bottom:none;
position:relative;
}
.full {
border:1px solid #dadada;
}
.block .tp {
width:100%;
height:10px;
padding:0 10px;
margin:-1px -10px 0 -10px;
position:relative;
overflow:hidden;
}
.block .tp .l {
width:10px;
height:10px;
position:absolute;
top:0;left:0;
background:url('../img/borders.png') no-repeat -10px -10px;
}
.block .tp .r {
width:10px;
height:10px;
position:absolute;
top:0;right:0;
background:url('../img/borders.png') no-repeat 0 -10px;
}


.block .bt {
width:100%;
height:10px;
padding:0 10px;
margin:0 -10px -1px -10px;
position:relative;
overflow:hidden;
}
.block .bt .l {
width:10px;
height:10px;
position:absolute;
top:0;left:0;
background:url('../img/borders.png') no-repeat -10px 0;
}
.block .bt .r {
width:10px;
height:10px;
position:absolute;
top:0;right:0;
background:url('../img/borders.png') no-repeat 0 0;
}

.block .sh {
width:100%;
height:2px;
padding:0 10px;
margin:0 -10px;
position:absolute;
bottom:-3px;left:0;
overflow:hidden;
background:url('../img/shadow.png') repeat-x 0 0;
}
.block .sh .l {
width:100px;
height:2px;
position:absolute;
top:0;left:0;
background:url('../img/shadow.png') no-repeat 0 -2px;
}
.block .sh .r {
width:100px;
height:2px;
position:absolute;
top:0;right:0;
background:url('../img/shadow.png') no-repeat -100px -2px;
}


.banner {padding:0 0 15px 0;}
.banner a {border:none;}
.banner img {display:block;}



#content {
width:1245px;
overflow:hidden;
background:url('../img/content.png') repeat-y 0 0;
}
#right {
width:240px;
float:right;
position:relative;
}
#left {
width:260px;
border-top:27px solid #fff;
float:left;
position:relative;
}
#center {
width:726px;
border-top:27px solid #fff;
float:left;
position:relative;
left:9px;
}

.outside {
width:100%;
margin:0;
position:absolute;
top:-28px;left:-1px;
font-size:14px;
font-weight:bold;
}
.outside li {
height:18px;
padding:6px 30px 2px 30px;
border:1px solid #dadada;
border-bottom:none;
margin:0 5px 0 0;
float:left;
position:relative;
background:#fff;
}
.outside li.active {
padding:6px 30px 2px 30px;
border-bottom:1px solid #fff;
background:#fff;
}
.outside li.bl {
width:10px;
height:6px;
padding:0;
margin:0;
border:none;
border-left:1px solid #dadada;
position:absolute;
top:27px;left:0;
float:none;
overflow:hidden;
background:#fff;
}
.outside li.br {
width:10px;
height:6px;
padding:0;
margin:0;
border:none;
border-right:1px solid #dadada;
position:absolute;
top:27px;right:0;
float:none;
overflow:hidden;
background:#fff;
}
.outside a {
border:none;
color:#545558;
text-decoration:none;
}
.outside li.active a {
color:#000;
}
.outside .l {
width:10px;
height:10px;
position:absolute;
top:-1px;left:-1px;
overflow:hidden;
background:url('../img/borders.png') no-repeat -10px -10px;
}
.outside .r {
width:10px;
height:10px;
margin:0 -1px 0 0;
position:absolute;
top:-1px;right:0;
overflow:hidden;
background:url('../img/borders.png') no-repeat 0 -10px;
}
#center .outside {left:auto;right:-1px;}
#center .outside .bl {display:none;}
#center .outside li {padding:6px 15px 2px 15px;border-bottom:1px solid #fff;margin:0;float:right;background:#fff;}
#center .outside a {border-bottom:1px dotted #ff5d3b;color:#ff5d3b;}
#center .outside a:hover {border-bottom:1px dotted #fff;}
#left .outside .br {display:none;}



.map {
width:684px;
height:284px;
padding:1px;
margin:0 auto 15px auto;
border:5px solid #49473a;
position:relative;
top:5px;
overflow:hidden;
}
.map .bg {
position:relative;
z-index:1;
}
.map .bg img {display:block;}
.map ul.markers {
width:684px;
height:284px;
margin:0;
position:absolute;
top:0;left:0;
z-index:2;
}
.map ul.markers li {
width:14px;
height:22px;
padding:0;
margin:-11px 0 0 -7px;
position:absolute;
background:none;
}
.map ul.markers li i.png24 {
width:14px;
height:22px;
display:block;
overflow:hidden;
position:absolute;
top:0;left:0;
z-index:1;
}
.map ul.markers li i.png24 i {
width:14px;
height:66px;
display:block;
position:absolute;
top:0;left:0;
background:url('../img/marker.png') no-repeat 0 0;
}
.map ul.markers li.red i.png24 i {top:0;}
.map ul.markers li.green i.png24 i {top:-22px;}
.map ul.markers li.blue i.png24 i {top:-44px;}

.map ul.markers li a.link {
width:14px;
height:22px;
display:block;
position:absolute;
top:0;left:0;
z-index:2;
}

.map ul.markers .window {
width:255px;
position:absolute;
bottom:22px;left:9px;
display:none;
}
.map ul.markers .window .top {
width:100%;
height:9px;
overflow:hidden;
background:url('../img/window.png') no-repeat 0 -9px;
}
.map ul.markers .window .btm {
width:100%;
height:9px;
overflow:hidden;
background:url('../img/window.png') no-repeat 0 0;
}
.map ul.markers .window .cnt {
padding:0 9px 0 9px;
border-left:1px solid #4a4944;
border-right:1px solid #4a4944;
overflow:hidden;
background:#fff;
}
.map ul.markers .window img.small {
padding:1px;
border:1px solid #d5d5d5;
display:block;
float:left;
}
.map ul.markers .window div.text {
margin:0 0 0 75px;
font-size:11px;
line-height:19px;
color:#010101;
}
.map ul.markers .window div.text strong {
font-size:12px;
}
.map ul.markers .window div.close {
width:9px;
height:9px;
position:absolute;
top:7px;right:7px;
background:url('../img/ico/close.gif') no-repeat 0 0;
}
.map ul.markers .window div.close a {
width:9px;
height:9px;
display:block;
}




.results {
padding:5px 15px 15px 15px;
overflow:hidden;
}
.results p {
margin:0;
}
.results .found {
width:450px;
float:left;
}
.results .view {
width:180px;
display:block;
float:right;
text-align:right;
}
.results .view a {
border-bottom:1px dotted #0196ff;
text-decoration:none;
}
.results .view a:hover {
border-bottom:1px dotted #fff;
}




.pager {
padding:30px 15px 5px 15px;
overflow:hidden;
}
.pager .show {
width:330px;
margin:0;
float:left;
}
.pager .pages {
width:210px;
margin:0;
float:right;
position:relative;
}
.pager .pages a {
border:none;
color:#000;
text-decoration:underline;
}
.pager .pages a:hover {
text-decoration:none;
}
.pager .pages a.noborder {
text-decoration:none;
}
.pager .pages span {
position:absolute;
top:-20px;left:0;
}




.price {
width:100%;
border-collapse:collapse;
}
.price th {
padding:11px 10px;
font-weight:normal;
color:#49473a;
background:url('../img/price-th.png') repeat-x 0 50%;
}
.price th.first-child {background:url('../img/price-th-left.png') no-repeat 0 0;}
.price th.last-child {background:url('../img/price-th-right.png') no-repeat 100% 0;}

.price td {
padding:12px 11px !Important;
font-size:11px;
background:url('../img/price-hover.png') no-repeat-x 0 -3000px;
}

.price td strong {
font-size:12px;
}
.price td.pic {
width:16px;
padding:10px 2px;
}
.price td.pic a {
border:none;
}
.price td.pic img {
display:block;
}
/*.price tr.hover td {
cursor:default;
background:url('../img/price-hover.png') repeat-x 0 50%;
}
.price tr.hover td.first-child {background:url('../img/price-hover-left.png') no-repeat 0 0;}
.price tr.hover td.last-child {background:url('../img/price-hover-right.png') no-repeat 100% 0;}
*/

.price tr.selected td {
cursor:default;
background:url('../img/price-hover.png') repeat-x 0 50%;
}
.price tr.selected td.first-child {background:url('../img/price-hover-left.png') no-repeat 0 0;}
.price tr.selected td.last-child {background:url('../img/price-hover-right.png') no-repeat 100% 0;}

.price tr.bolded td {
font-weight:bold;
font-size:12px;
color:#000;
}
.price tr.bolded input.radio {
margin:0 3px 0 0 !important;
}



ul.tabs {
margin:0 0 22px 0;
overflow:hidden;
}
ul.tabs li {
padding:2px 6px;
float:left;
line-height:15px;
background:none;
}
ul.tabs li a {border-bottom:1px dotted #0196ff;text-decoration:none;}
ul.tabs li a:hover {border-bottom:1px dotted #fff;}
ul.tabs li.active {
padding:0;
font-weight:bold;
background:#48494c url('../img/tags.png') no-repeat 100% 50%;
}
ul.tabs li.active a {
padding:2px 6px;
border:none;
color:#fff;
display:block;
cursor:default;
background:url('../img/tags.png') no-repeat 0 50%;
}
ul.tabs li.active a:hover {border-bottom:none;}


.buy p {
margin:0 0 14px 0;
}
.buy p.title {
margin:0 0 10px 0;
font-weight:bold;
color:#232323;
}
.buy input.text {
width:36px;
}





.popup {
width:320px;
margin:0 0 0 -160px;
border-collapse:collapse;
display:none;
position:absolute;
top:100px;left:50%;
z-index:3;
}
.popup td {padding:0;}
.popup .tl,.popup .tr,
.popup .bl,.popup .br {
width:20px;
height:20px;
}
.popup div.i {
width:20px;
height:20px;
position:relative;
overflow:hidden;
}
.popup div.i i {
width:40px;
height:40px;
display:block;
position:absolute;
background:url('../img/popup-side.png') no-repeat 0 0;
}
.popup .tl div.i i {top:0;left:0;}
.popup .tr div.i i {top:0;left:-20px;}
.popup .bl div.i i {top:-20px;left:0;}
.popup .br div.i i {top:-20px;left:-20px;}

.popup .tc,.popup .bc {
width:100%;
}
.popup .mc {
vertical-align:top;
background:#fff;
}

.popup div.y {
width:100%;
height:20px;
position:relative;
overflow:hidden;
}
.popup div.y i {
width:100%;
height:40px;
display:block;
position:absolute;
background:url('../img/popup-y.png') repeat-x 0 0;
}
.popup .tc div.y i {top:0;left:0;}
.popup .bc div.y i {top:-20px;left:0;}


.popup .ml {background:url('../img/popup-ml.png') repeat-y 0 0;}
.popup .mr {background:url('../img/popup-mr.png') repeat-y 0 0;}

.popup .sp {
padding:10px;
position:relative;
}
.popup .close {
position:absolute;
top:12px;right:12px;
}
.popup .close a {border:none;}
.popup .close img {display:block;}
.popup h3 {
margin:0 20px 10px 0;
font-size:18px;
color:#49473a;
}
.popup label.bold {
padding:5px 0;
display:block;
font-weight:bold;
color:#000;
}
.popup label.note {
margin:0 0 2px 0;
display:block;
font-size:11px;
color:#a4a39c;
}
.popup input.text {
width:252px;
margin:0 0 5px 0;
display:block;
}
.popup input.submit {
padding-top:2px;
padding-bottom:2px;
margin:0 auto;
display:block;
}
.popup img.captcha {
display:block;
float:left;
}
.popup input.captcha {
width:140px;
margin-top:5px;
float:right;
}
.popup .hr {
width:100%;
height:3px;
margin:8px 0 10px 0;
overflow:hidden;
clear:both;
background:#f4f4f4;
}

.popup .remember {padding-top:3px;margin:0;text-align:center;}
.popup .remember input.checkbox {margin:0 5px 0 0;}

.popup .forgot {padding:3px 0;margin:0;text-align:center;}
.popup .register {padding:3px 0;margin:0;text-align:center;font-size:17px;font-weight:bold;}

.popup .forgot a,.popup .register a {border-bottom:1px dotted #0196ff;text-decoration:none;}
.popup .forgot a:hover,.popup .register a:hover {border-bottom:1px dotted #fff;}


#registration input.submit {width:180px;}
#auth input.submit {width:80px;}
#profile {width:400px;margin:0 0 0 -200px;}
#profile input.text {width:332px;}
#forgot {top:160px;}


.popup .gender {
padding:0 0 10px 0;
overflow:hidden;
}
.popup .gender label.bold {
float:left;
}
.popup .gender ul.tabs {
padding:3px 0 0 6px;
margin:0;
float:left;
}

.popup .town {
padding:10px 0;
overflow:hidden;
}
.popup .town strong {
color:#000;
}

.popup .birthdate {
padding:0 0 16px 0;
}
.popup .birthdate label.bold {
margin-right:20px;
display:inline;
float:none;
}
.popup .birthdate select {
width:60px;
display:inline;
font-size:11px;
}

.popup .contact {
overflow:hidden;
}
.popup .contact input.text {
width:272px !Important;
float:left;
}
.popup .contact label {
padding:3px 0 3px 10px;
display:block;
float:left;
font-size:11px;
color:#000;
}


#card {
width:650px;
margin:0 0 0 -325px;
display:none;
}
.popup .contacts {
width:450px;
padding:0 0 0 15px;
margin:0;
display:block;
float:left;
line-height:17px;
}
#card .submit {
width:90px;
float:right;
position:relative;
top:3px;right:15px;
}
#card .tabs {
padding:0 5px;
}
#card .tabs .red {
float:right;
}
#card .tabs .red a {
border-color:#ff6d01;
color:#ff6d01;
}
#card .tabs .red a:hover {
border-color:#fff;
}

.card-info {
width:100%;
padding:0 0 10px 0;
overflow:hidden;
}
.card-info .pic {
width:210px;
padding:0 20px;
float:left;
}
.card-info .pic img {
padding:3px;
margin:0 auto;
border:1px solid #dadada;
display:block;
}
.card-info .text {
width:305px;
padding:0 20px 0 0;
float:right;
}
.popup .desc {
margin:0 0 5px 0;
line-height:18px;
}
.popup .desc big {
font-size:18px;
font-weight:bold;
}
.popup .desc big span {
color:#b9b9b9;
}

.card-foto {
width:590px;
height:156px;
margin:0 0 18px 0;
overflow:hidden;
display:none;
position:relative;
}
.card-foto .sliderSpace {
width:590px;
overflow:hidden;
position:relative;
}
.card-foto .sliderWrap {
width:100%;
overflow:hidden;
position:relative;
z-index:1;
}
.card-foto .sliderSpace .panel {
width:230px;
float:left;
position:relative;
left:21px;
}
.card-foto .sliderSpace img {
padding:3px;
border:1px solid #dadada;
display:block;
}


.card-foto .sliderLeft {
width:19px;
height:156px;
cursor:pointer;
position:absolute;
top:0;left:0;
z-index:2;
background:url('../img/slider-left.png') no-repeat 0 0;
}
.card-foto .sliderRight {
width:19px;
height:156px;
cursor:pointer;
position:absolute;
top:0;right:0;
z-index:2;
background:url('../img/slider-right.png') no-repeat 0 0;
}
.card-foto div.sliderMore {
display:none;
}


.card-calc {
width:100%;
overflow:hidden;
display:none;
}




#add {
width:650px;
margin:0 0 0 -325px;
display:none;
}
.add-tab {
width:100%;
overflow:hidden;
display:none;
}
.add-choose {
display:block;
}
.add-choose .line {
width:100%;
padding:10px 0 20px 0;
overflow:hidden;
text-align:center;
}
.add-choose .line label {
margin:0 1px;
font-size:14px;
font-weight:bold;
color:#000;
}
.add-choose .line select {
width:125px;
margin:0 3px;
font:13px Arial, Helvetica, sans-serif;
}
#add button.nextBtn {
width:110px;
padding-top:3px;
padding-bottom:3px;
margin:0 auto;
display:block;
font-size:14px;
}

.add-desc {
display:none;
}
.add-desc p {
color:#000;
font-weight:bold;
}
.add-desc p a.js {
font-weight:normal;
}

table.addtab {
border-collapse:collapse;
margin:0 0 15px 0;
}
table.addtab th {
padding:2px 5px 2px 0;
color:#000;
text-align:left;
}
table.addtab td {
padding:2px 5px 2px 0;
vertical-align:top;
}
table.addtab .w50 {width:50px !important;}
table.addtab .w75 {width:75px !important;}
table.addtab .w100 {width:100px !important;}
table.addtab .w160 {width:160px !important;}

table.addtab input.checkbox {
margin-right:5px;
position:relative;
top:2px;
}
table.addtab label.checkbox {
margin:0 35px 0 0;
color:#000;
}
table.addtab textarea {
width:580px;
height:85px;
}
table.addtab input.file {
width:580px;
font:13px Arial, Helvetica, sans-serif;
}

.add-tab p.black {
font-size:13px;
color:#000;
}
.add-tab big {
margin:0 0 20px 0;
font-size:16px;
font-weight:bold;
text-align:center;
display:block;
color:#000;
}



.add-oform {
border-top:3px solid #f4f4f4;
margin:-10px 0 0 0;
}





/***************************************************************
 *  JS-TrackBar
 *
 *   Copyright (C) 2008 by Alexander Burtsev - webew.ru
 *   and abarmot - http://abarmot.habrahabr.ru/
 *   desing: Светлана Соловьева - http://my.mail.ru/bk/concur/
 *
 *  This code is a public domain.
 ***************************************************************/

.slider {
width:240px;
height:30px;
margin:0 0 15px 0;
position:relative;
background:url('../img/slider.png') no-repeat 0 6px;
}
.slider .btn-left {
width:5px;
height:16px;
overflow:hidden;
cursor:pointer;
position:absolute;
top:2px;left:20px;
background:#ababab url('../img/slider-btn.png') no-repeat 0 0;
}
.slider .btn-right {
width:5px;
height:16px;
overflow:hidden;
cursor:pointer;
position:absolute;
top:2px;left:70px;
background:#ababab url('../img/slider-btn.png') no-repeat -5px 0;
}
.slider .bar {
width:45px;
height:11px;
overflow:hidden;
position:absolute;
top:4px;left:25px;
background:#ff6949 url('../img/slider-btn.png') repeat-x 0 -35px;
}
.slider-blue .bar {
background:#43a7ed url('../img/slider-btn.png') repeat-x 0 -20px;
}








/* Reset */
table.trackbar div, table.trackbar td {margin:0; padding:0;}
table.trackbar {border-collapse:collapse;border-spacing:0;}
table.trackbar img{border:0;}

/* Styles */
table.trackbar {
width:240px;
margin:0 0 15px 0;
background:url('../img/slider.png') no-repeat 0 6px;
}

table.trackbar .l {
width:1%;
text-align:right;
font-size:1px;
/*background:repeat-x url(../imgtrackbar/b_bg_off.gif) top left;*/
}
table.trackbar .l div {position:relative; width:0; text-align: right; z-index:500; white-space:nowrap;}
table.trackbar .l div img {cursor:pointer;}
table.trackbar .l div span {position:absolute;top:-12px; right:6px; z-index:1000; font:11px tahoma; color:#000;}
table.trackbar .l div span.limit {
width:10px;
margin:0 -5px 0 0;
text-align:center;
position:absolute;
top:18px;right:100%;
z-index:100;
font:10px Tahoma, Helvetica, sans-serif;;
color:#49473a;
}

table.trackbar .r {
width:1%;
position:relative;
text-align:left;
font-size:1px;
cursor:default;
/*background:repeat-x url(../imgtrackbar/b_bg_off.gif) top right;*/
}
table.trackbar .r div {position:relative; width:0; text-align: left; z-index:500; white-space:nowrap;}
table.trackbar .r div img {cursor:pointer;}
table.trackbar .r div span {position:absolute;top:-12px; left:6px; z-index:1000; font:11px tahoma; color:#000;}

table.trackbar .r div span.limit {
width:10px;
margin:0 0 0 -5px;
text-align:center;
position:absolute;
top:18px;left:100%;
z-index:100;
font:10px Tahoma, Helvetica, sans-serif;;
color:#49473a;
}
table.trackbar .c {
width:100%;
font-size:1px;
background:url('../img/slider-btn.png') repeat-x 0 -32px;
}

.bluetrack table.trackbar .c {
width:100%;
font-size:1px;
background:url('../img/slider-btn.png') repeat-x 0 -17px;
}






.smallform {
width:600px;
margin:-30px 0 0 -300px;
position:absolute;
top:50%;left:50%;
text-align:center;
}
.smallform label {
margin:0 1px;
font-size:14px;
font-weight:bold;
color:#000;
}
.smallform select {
width:125px;
margin:0 3px;
font:13px Arial, Helvetica, sans-serif;
}
.smallform .more {
margin:0 0 0 70px;
position:absolute;
top:65px;left:50%;
}
.smallform .submit {
width:110px;
padding-top:3px;
padding-bottom:2px;
font-size:13px;
display:block;
margin:35px auto 0 auto;
}
.smallform .logo {
margin:-130px 0 0 -110px;
position:absolute;
top:0;left:50%;
}