@charset "utf-8";

/* Container
-----------------------------------------------------------------------------*/
.container {max-width: 1000px; min-width: 870px; margin: 0 auto; position: relative; min-height: 100%;}

/* Header
-----------------------------------------------------------------------------*/
.header {height: 155px; position: relative; background: url(../img/saratov.jpg) no-repeat right top; color: #4b4b4b;}
.header h1, .header p {margin: 0 0 0 8px;}
.header h1 {font-size: 22px; font-weight: 100;}
.header p {font-size: 14px; font-family: "Times New Roman", Times, serif;}
.name {position: absolute; top: 0; font-size: 13px; width: 100%; text-align: center; padding-top: 3px;}
.menu {position: absolute; bottom: 0; left: 350px; padding-bottom: 5px; font-size: 18px; width: 100%;}
.menu span {background: url(../img/razdel.gif) no-repeat center center; height: 18px; width: 5%; display: inline-block;}

/* Sidebar
-----------------------------------------------------------------------------*/
.sidebar {float: left; width: 27%; padding: 0 1% 0 2%; color: #4b4b4b;}
.sidebar h2 {font-size: 20px;}
.sidebar p {font-size: 11px; padding-bottom: 10px;}
.nomer {width: 100%; background: url(../img/phone.jpg) no-repeat right center; height: 35px; font-size: 18px;}
.nomer span {font-size: 22px;}
.nomer span, .sidebar p em {color: #d90102;}

/* Content
-----------------------------------------------------------------------------*/
.content {padding: 10px 2%; width: 66%; float: left; background: #eee;}
.content img  {margin: 5px 10px; border: 2px solid #FFF; float: left;}
.opisanie, .cena {height: 85px; padding-top: 4px; float: left;}
.cena {font-size: 14px; width: 25%; text-align: right; }
.cena div {color: #fff; font-size: 18px; text-align: center; margin: 5px 0; padding-top: 1px; background: url(../img/knopka.jpg) no-repeat; float: right; height: 24px; width: 60px;}
.opisanie {width: 55%;}
.content2 {font-size: 11px; padding-bottom: 75px; color: #4b4b4b;}
.content2 h1 {margin-bottom: 15px;}

#flat1, #flat2, #flat3, #flat4 {border: 1px solid #505050; padding: 10px; margin-bottom: 15px;}
#flat1 h3, #flat2 h3, #flat3 h3, #flat4 h3 {font-weight: bold; color: #d90102; text-decoration: underline;}
#flat1 em, #flat2 em, #flat3 em, #flat4 em {color: #d90102;}

#price {font-size: 14px;}
#price span, #price .skidki {float: left;}
#price span {width: 40%;}

/* Footer
-----------------------------------------------------------------------------*/
.footer {height: 65px; border-top: 1px solid #505050; position: absolute; left: 0; bottom: 0; width: 100%;}
.niz {padding: 10px 2%; font-size: 90%;}
.copy, .niz_menu, .wsb {float: left;}
.copy, .wsb {width: 24%;}
.copy {padding-right: 1%;}
.wsb {padding-left: 1%; text-align: right;}
.niz_menu {width: 50%; text-align: center;}
.niz_menu ul li {display: inline; margin-left: 2%;}


/* Other
-----------------------------------------------------------------------------*/
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}