Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- :focus {outline:none;}
- .debug {border:1px solid #f00;}
- /*
- Очистка стилей
- */
- form, fieldset {
- margin: 0;
- padding: 0;
- border-style: none;
- }
- img {border-style: none;}
- input, select, textarea {
- vertical-align: middle;
- font:14px 'trebuchet ms',verdana,arial, helvetica, sans-serif;
- }
- ul {
- margin:0;
- padding:0;
- list-style-type:none;
- }
- a {
- color:#2d90cf;
- text-decoration: underline;
- }
- a:hover {text-decoration: none;}
- /*
- Начало
- */
- body {
- margin:0;
- padding:0;
- color:#000;
- background:#fff;
- font:14px 'trebuchet ms',verdana, arial, helvetica, sans-serif;
- position:relative;
- min-width:1000px;
- }
- .head {
- font-size:30px;
- color:#2e2926;
- display:block;
- }
- .head1 {
- font-size:20px;
- color:#2e2926;
- display:block;
- margin:0 0 20px 0;
- padding:0 0 20px 0;
- border-bottom:1px solid #eae6df;
- font-weight:normal;
- line-height:24px;
- }
- .head1a {
- font-size:20px;
- color:#2e2926;
- display:block;
- padding:0 0 20px 0;
- font-weight:normal;
- line-height:24px;
- }
- .head2 {
- font-size:18px;
- color:#2e2926;
- display:block;
- margin:0 0 10px 0;
- }
- .cline {
- height:3px;
- background:url(../images/bg-cline.png) repeat-x;
- }
- /*
- Шапка
- */
- .header-holder {
- width:100%;
- background:url(../images/bg-hholder.jpg) repeat-x;
- }
- #header {
- height:198px;
- width:852px;
- margin:0 auto;
- }
- #htop {
- overflow:hidden;
- height:130px;
- }
- .logo {
- margin:11px 44px 0 0;
- float:left;
- }
- .slogan {
- color:#67564b;
- font-size:16px;
- margin:44px 0 0 0;
- float:left;
- padding:0 44px 0 0;
- border-right:1px solid #e3dfd9;
- }
- .slogan strong {
- font-weight:normal;
- }
- .slogan span {
- color:#000;
- }
- .ctel {
- float:right;
- margin:44px 0 0 0;
- }
- #nav:after {
- content:"";
- display:block;
- clear:both;
- }
- #nav {
- padding:20px 0 0 0;
- }
- #nav li {
- float:left;
- font-size:18px;
- height:20px;
- line-height:20px;
- margin:0 38px 0 0;
- padding:0 15px 0 0;
- background:url(../images/bg-darr.png) no-repeat 100% 10px;
- position:relative;
- }
- #nav li.last {
- margin:0;
- }
- #nav li a {
- color:#fff;
- text-decoration:none;
- border-bottom:1px dashed #fff;
- display:block;
- }
- #nav li a:hover {
- border:none;
- }
- #nav .lvl1 {
- position:absolute;
- top:45px;
- left:0;
- background-color:#f5f2ec;
- padding:10px 25px;
- border:5px solid #c5c0bd;
- border-radius:5px;
- display:none;
- z-index:100;
- }
- #nav .last .lvl1 {
- left:-100%;
- }
- #nav .open .lvl1 {
- display:block;
- }
- #nav .lvl1 li {
- background:none;
- margin:0;
- padding:0;
- float:none;
- }
- #nav .lvl1 a {
- color:#2d90cf;
- border:none;
- font-size:14px;
- text-decoration:underline;
- white-space:nowrap;
- line-height:24px;
- }
- #nav .lvl1 a:hover {
- text-decoration:none;
- }
- #nav .lvl1 li.wrap {
- margin:15px 0 0 0;
- padding:5px 0 0 0;
- border-top:1px solid #eae6df;
- }
- #nav .lvl1 li.alltype {
- margin:-10px -25px 0;
- padding:10px 25px 10px;
- border-bottom:1px solid #eae6df;
- background-color:#fff;
- }
- #nav .lvl1 li.alltype a {
- color:#67564b;
- }
- .poparr {
- position:absolute;
- width:31px;
- height:17px;
- top:-17px;
- left:20px;
- background:url(../images/bg-poparr2.png) no-repeat;
- }
- .last .poparr {
- left:120px
- }
- /*
- Основное содержимое
- */
- #main {
- width:852px;
- margin:0 auto 20px auto;
- overflow:hidden;
- position:relative;
- }
- .up {
- position:absolute;
- bottom:30px;
- left:0;
- font-size:16px;
- line-height:20px;
- }
- .up a {
- text-decoration:none;
- border-bottom:1px dashed;
- float:left;
- margin-right:3px;
- }
- .up a:hover {
- border:none;
- height:21px;
- }
- #nav2 {
- background-color:#f2efe9;
- overflow:hidden;
- border-radius:0 0 20px 20px;
- margin:0 0 30px 0;
- }
- #nav2 li {
- background-color:#f2efe9;
- float:left;
- font-size:16px;
- line-height:20px;
- margin:17px 0;
- padding:0 36px;
- border-right:1px solid #e3dfd9;
- }
- #nav2 li.last {
- border:none;
- }
- #nav2 li.podbor {
- float:right;
- background-color:#ebe5da;
- margin:0;
- padding:17px 35px;
- border-radius:0 0 20px 0;
- }
- #nav2 li a {
- font-size:16px;
- }
- #nav2 li.podbor a {
- font-size:18px;
- color:#000;
- text-decoration:none;
- border-bottom:1px dashed #000;
- }
- #nav2 li.podbor a:hover {
- text-decoration:none;
- border:none;
- }
- #content {
- float:right;
- width:650px;
- }
- #objects {
- border-bottom:1px solid #eae6df;
- margin-bottom:20px;
- overflow:hidden;
- }
- #objects .row {
- overflow:hidden;
- width:100%;
- margin-bottom:40px;
- }
- .oitem {
- float:left;
- width:190px;
- margin:0 40px 0 0;
- position:relative;
- }
- .oitem.last {
- margin:0;
- }
- .oitem a {
- font-size:16px;
- line-height:18px;
- }
- .oitem a:first-child {
- text-decoration:none;
- }
- .oitem a img {
- display:block;
- -moz-border-radius:25px;
- -webkit-border-radius:25px;
- border-radius:25px;
- margin-bottom:10px;
- }
- .oitem p {
- color:#67564b;
- margin:10px 0 0 0;
- }
- .otype a {
- font-size:14px;
- }
- .oprice {
- position:absolute;
- top:50px;
- right:0;
- background-color:#fff;
- color:#000;
- text-align:right;
- font-size:12px;
- line-height:12px;
- padding:0 0 3px 10px;
- border-radius:20px 0 0 20px;
- vertical-align:middle;
- }
- .oprice p {
- text-decoration:none !important;
- margin:0;
- }
- .oprice span {
- font-size:22px;
- color:#db1800;
- line-height:18px;
- }
- /*
- Пагинация
- */
- .pagination {
- overflow:hidden;
- clear:both;
- margin-bottom:30px;
- }
- .pagina-head {
- font-size:18px;
- float:left;
- line-height:22px;
- margin-right:10px;
- }
- .pagination-num {
- margin:0;
- padding:0;
- list-style:none;
- overflow:hidden;
- }
- .pagination-num li {
- float:left;
- font-size:18px;
- line-height:22px;
- color:#7a6a60;
- margin-right:10px;
- }
- .pagination-num li a {
- font-size:18px;
- background-color:#fff;
- }
- /*
- Боковой блок
- */
- #side {
- width:160px;
- margin:0 692px 0 0;
- position:relative;
- padding:0 0 60px 0;
- }
- .best {
- position:absolute;
- top:-5px;
- right:-5px;
- background:url(../images/bg-pholder.png);
- }
- #best {
- border-bottom:1px solid #EAE6DF;
- margin:0 0 20px 0;
- overflow:hidden;
- }
- #best a {
- margin:0 0 10px 0;
- display:block;
- font-size:16px;
- line-height:21px;
- }
- #best a img {
- display:block;
- border-radius:25px;
- }
- #best li p {
- color:#67564b;
- }
- .side-links {
- margin:0 0 20px 0;
- overflow:hidden;
- border-bottom:1px solid #EAE6DF;
- }
- .side-links li {
- margin-bottom:10px;
- }
- .side-links a {
- font-size:16px;
- line-height:18px;
- }
- /*
- Форма подбора жилья
- */
- .podbor-holder {
- position:absolute;
- top:0;
- left:0;
- width:100%;
- height:100%;
- background:url(../images/bg-pholder.png);
- display:none;
- }
- .fpodbor {
- padding:30px;
- border:5px solid #c5c0bd;
- border-radius:35px;
- width:740px;
- margin-left:-370px;
- z-index:200;
- background-color:#FFF;
- position:fixed;
- top:30px;
- left:50%;
- }
- .fpodbor .close {
- position:absolute;
- right:30px;
- top:30px;
- width:29px;
- height:28px;
- background:url(../images/bg-close.png) no-repeat;
- }
- .fpodbor .close:hover {
- background-position:0 -28px;
- }
- .fpodbor .close:active {
- background-position:0 -56px;
- }
- .fpodbor .head {
- margin:0 0 20px 0;
- }
- .fpodbor .head a {
- text-decoration:none;
- border-bottom:2px dashed;
- }
- .fpodbor .head a:hover {
- border:0;
- }
- .fpodbor .head a.active {
- text-decoration:none;
- color:#2e2926;
- cursor:default;
- border:0;
- }
- .fpodbor .cline {
- border-radius:2px;
- margin:0 0 30px 0
- }
- #osearch {
- margin:0 0 20px 0;
- padding:3px 10px;
- height:32px;
- font-size:16px;
- color:#635348;
- border:1px solid #bfb8b3;
- width:718px;
- }
- .iholder .head2 a {
- font-size:16px;
- text-decoration:none;
- border-bottom:1px dashed #2D90CF;
- }
- .iholder {
- border:1px solid #c2bcb7;
- padding:10px;
- background-color:#f1eee8;
- margin:0 0 20px 0;
- }
- .iholder .head2 a:hover {
- text-decoration:none;
- border:none;
- }
- .iholder label {
- color:#635348;
- font-size:16px;
- margin-right:10px;
- white-space:nowrap;
- }
- .iprice {
- margin:0 0 20px 0;
- white-space:nowrap;
- font-size:18px;
- color:#2e2926;
- position:relative;
- }
- .iprice input {
- padding:3px 10px;
- height:32px;
- font-size:16px;
- color:#635348;
- border:1px solid #bfb8b3;
- width:40px;
- line-height:32px;
- }
- .iprice select {
- padding:7px 10px;
- font-size:16px;
- color:#635348;
- border:1px solid #bfb8b3;
- font-size:18px;
- color:#2e2926;
- height:40px;
- vertical-align:middle;
- }
- #tpit {
- position:absolute;
- top:0;
- right:0;
- width:272px;
- }
- * +html #tpit {
- position:static;
- margin-left:30px;
- }
- .sbtn {
- height:46px;
- width:155px;
- border:0;
- cursor:pointer;
- color:#172d00;
- text-shadow:#fff 1px 1px 1px;
- font-size:21px;
- padding:0 0 3px 0;
- vertical-align:middle;
- display:block;
- background:url(../images/bg-sbtn.png) no-repeat 0 0;
- }
- .sbtn:hover {
- background-position:0 -46px;
- color:#172d00;
- }
- .sbtn:active {
- background-position:0 -92px;
- color:#172d00;
- text-shadow:#fff -1px -1px 1px;
- }
- /*
- Подвал сайта
- */
- .footer-holder {
- width:100%;
- background-color:#f1eee7;
- padding:20px 0 30px 0;
- }
- #footer {
- width:852px;
- margin:0 auto;
- overflow:hidden;
- color:#67564b;
- }
- #contacts {
- float:left;
- margin-right:50px;
- padding-right:50px;
- border-right:1px solid #d2ccc4;
- }
- #counters {
- float:right;
- margin-left:50px;
- }
- .finfo {
- text-align:center;
- clear:both;
- }
- /*
- Страница входа на сайт
- */
- body.main {
- background:#fcfbfa url(../images/bg-mainpage.jpg) no-repeat 50% 69px;
- }
- body.main .nav-holder {
- background:url(../images/bg-hholder.jpg) repeat-x 0 bottom;
- height:66px;
- }
- body.main #nav {
- width:852px;
- margin:0 auto;
- }
- body.main #main {
- height:690px;
- margin:0 auto;
- position:relative;
- width:auto;
- }
- body.main .slogan {
- text-align:center;
- margin:195px auto 0 auto;
- display:block;
- border:0;
- float:none;
- padding:0;
- }
- body.main #nav2 {
- position:absolute;
- left:50%;
- bottom:20px;
- width:852px;
- margin:0 0 0 -426px;
- background:none;
- border-radius:0;
- }
- body.main #nav2 li {
- background:none;
- border:0;
- margin:0 25px;
- padding:0;
- float:none;
- display:inline;
- }
- body.main #nav2 li a {
- font-size:21px;
- }
- .podbor-btn {
- background:url(../images/bg-podbor.png) repeat-x;
- position:absolute;
- border:7px solid #50423a;
- height:81px;
- line-height:81px;
- text-align:center;
- color:#635348;
- font-size:24px;
- font-weight:bold;
- width:300px;
- left:50%;
- top:490px;
- display:block;
- margin-left:-150px;
- text-decoration:none;
- border-radius:50px;
- }
- .podbor-btn:hover {
- background-position:0 -81px;
- }
- /*
- Обьект размещения
- */
- #object {
- }
- .nav3 {
- overflow:hidden;
- margin-bottom:20px;
- clear:both;
- }
- .nav3 li {
- float:left;
- line-height:22px;
- font-size:16px;
- margin-right:30px;
- }
- .nav3 li a {
- text-decoration:none;
- border-bottom:1px dashed;
- display:block;
- }
- .nav3 li a:hover {
- border:0;
- }
- .nav3 li a.active {
- color:#000;
- border:0;
- cursor:default;
- }
- .nav3 .opost {
- float:right;
- margin:0;
- }
- .nav3 .opost a {
- color:#57a300;
- font-weight:bold;
- }
- #object .head1 {
- margin:0 0 28px 0;
- padding:20px 60px 0 0;
- border-top:1px solid #eae6df;
- border-bottom:0;
- overflow:hidden;
- }
- #object .head1 span {
- color:#67564b;
- }
- #object .head1 em {
- color:#67564b;
- float:right;
- margin-right:-60px;
- }
- .breadcrumbs {
- color:#7a6a60;
- font-size:16px;
- line-height:24px;
- margin:0 0 20px 0;
- }
- .breadcrumbs .opost {
- float:right;
- margin:0;
- color:#57a300;
- font-weight:bold;
- text-decoration:none;
- border-bottom:1px dashed;
- }
- .breadcrumbs .opost:hover {
- border:0;
- }
- .ophoto {
- margin-bottom:30px;
- display:table;
- width:100%;
- }
- .opbig {
- position:relative;
- float:left;
- border-radius:25px;
- }
- .opbig img {
- border-radius:25px;
- display:block;
- }
- .opbig .oprice {
- padding:5px 0 5px 10px;
- top:80px;
- }
- .opbig .oprice img {
- border-radius:0;
- }
- .opsmall-holder {
- padding-left:320px
- }
- .opsmall {
- overflow:hidden;
- }
- .opsmall a {
- margin:0 0 10px 10px;
- float:left;
- width:72px;
- height:72px;
- overflow:hidden;
- }
- .opsmall a img {
- display:block;
- }
- #object .otype {
- float:right;
- font-size:16px;
- position:relative;
- }
- .otype sup a {
- font:10px verdana, arial, helvetica, sans-serif;
- color:#67564b;
- font-style:italic;
- text-decoration:none;
- border-bottom:1px dashed;
- }
- .otype sup a:hover {
- border:0;
- }
- .otype .descr {
- position:absolute;
- background-color:#fff;
- width:400px;
- top:40px;
- right:0;
- font-size:14px;
- padding:10px;
- color:#67564b;
- border:3px solid #67564b;
- border-radius:10px;
- display:none;
- }
- .otype.show .descr {
- display:block;
- }
- .odescription {
- border-bottom:1px solid #eae6df;
- margin:0 0 20px 0;
- }
- .promo {
- overflow:hidden;
- border-top:1px solid #eae6df;
- padding:20px 0;
- }
- .promo p {
- color:#67564b;
- font-size:16px;
- overflow:hidden;
- margin:0;
- }
- .select-room {
- height:46px;
- width:155px;
- border:0;
- cursor:pointer;
- color:#172d00;
- text-shadow:#fff 1px 1px 1px;
- font-size:19px;
- line-height:46px;
- display:block;
- background:url(../images/bg-sbtn.png) no-repeat 0 0;
- text-decoration:none;
- text-align:center;
- margin:0 0 20px 0;
- }
- .select-room:hover {
- background-position:0 -46px;
- color:#172d00;
- }
- .select-room:active {
- background-position:0 -92px;
- color:#172d00;
- text-shadow:#fff -1px -1px 1px;
- }
- .olikes {
- float:right;
- margin-left:20px;
- }
- .dlcontent {
- overflow:hidden;
- border-top:1px solid #eae6df;
- padding:20px 0;
- }
- .dlcontent dl {
- overflow:hidden;
- margin:0;
- }
- .dlcontent dt {
- float:left;
- width:175px;
- margin:0;
- }
- .dlcontent dd {
- overflow:hidden;
- color:#67564b;
- margin:0;
- }
- .ocomment dt {
- float:none;
- width:auto;
- overflow:hidden;
- margin-bottom:5px;
- font-weight:bold;
- }
- .odate {
- float:right;
- }
- /*
- Просмотр фотографий
- */
- .oimages-holder {
- margin:0 auto;
- text-align:center;
- min-height:300px;
- width:740px;
- overflow:hidden;
- }
- .oimages {
- text-align:center;
- }
- .oimages a {
- display:inline-block;
- width:72px;
- height:72px;
- overflow:hidden;
- border:3px solid #fff;
- filter:alpha(opacity=60);
- opacity:0.6;
- }
- .oimages a:hover {
- filter:alpha(opacity=100);
- opacity:1;
- }
- .oimages .active {
- cursor:default;
- filter:alpha(opacity=100);
- opacity:1;
- }
- /*
- Оставить отзыв
- */
- .iholder2 {
- margin:0 0 20px 0;
- position:relative;
- }
- .iholder2 select {
- padding:7px 10px;
- color:#635348;
- border:1px solid #bfb8b3;
- font-size:16px;
- color:#635348;
- height:40px;
- vertical-align:middle;
- width:365px;
- }
- .iholder2 input {
- padding:3px 10px;
- height:32px;
- font-size:16px;
- color:#635348;
- border:1px solid #bfb8b3;
- width:40px;
- line-height:32px;
- width:343px;
- }
- .iholder2 #oumail,
- .iholder2 #oname {
- position:absolute;
- top:0;
- right:0;
- }
- .iholder2 textarea {
- min-width:720px;
- max-width:720px;
- width:720px;
- padding:9px;
- border:1px solid #BFB8B3;
- font-size:16px;
- color:#635348;
- }
- /*
- Фильтровать отзывы
- */
- .filter {
- position:relative;
- overflow:hidden;
- }
- .filter select {
- padding:7px 10px;
- color:#635348;
- border:1px solid #bfb8b3;
- font-size:16px;
- color:#635348;
- height:40px;
- vertical-align:middle;
- }
- #gorod2 {
- width:308px
- }
- #otype2 {
- width:308px;
- position:absolute;
- top:10px;
- right:10px;
- }
- #oname2 {
- width:628px;
- margin:10px 0;
- }
- .filter .sbtn {
- float:right;
- }
- /*
- Страница контактов
- */
- .cinfo {
- margin:0 0 20px 0;
- overflow:hidden;
- }
- .cinfo p {
- margin:0 0 10px 0;
- }
- .cinfo ul {
- margin:0 0 10px 20px;
- padding:0 0 0 20px;
- list-style:disc;
- }
- .cinfo ol {
- margin:0 0 10px 25px;
- padding:0 0 0 20px;
- list-style:decimal;
- }
- .fpodbor.vopros {
- margin:0;
- z-index:200;
- width:auto;
- position:static;
- }
- .vopros .iholder2 input {
- width:560px;
- margin:0 0 20px 0;
- }
- .vopros .iholder2 #outel2 {
- margin:0;
- }
- .vopros .iholder2 textarea {
- min-width:560px;
- max-width:560px;
- width:560px;
- }
- /*
- Страница хозяевам жилья
- */
- .hoz .iholder2 select {
- width:282px;
- }
- .hoz .iholder2 #otype3 {
- position:absolute;
- top:0;
- right:0;
- }
- .hoz .iholder2 #oumane4 {
- margin:0;
- }
- .hoz .iholder2 textarea {
- height:200px
- }
- .iholder2.period {
- color:#635348;
- font-size:16px;
- }
- .iholder2.period input {
- width:80px;
- margin:0 10px;
- }
- /*
- Бронирование (форма)
- */
- .bname {
- color:#635348;
- font-size:16px;
- }
- .bname .head2 {
- margin:0;
- }
- .bprice {
- margin:0 0 20px 0;
- white-space:nowrap;
- font-size:18px;
- color:#2e2926;
- position:relative;
- }
- .bprice input {
- padding:3px 10px;
- height:32px;
- font-size:16px;
- color:#635348;
- border:1px solid #bfb8b3;
- width:40px;
- line-height:32px;
- }
- .bprice select {
- padding:7px 10px;
- font-size:16px;
- color:#635348;
- border:1px solid #bfb8b3;
- font-size:18px;
- color:#2e2926;
- height:40px;
- vertical-align:middle;
- }
- .bprice-num {
- position:absolute;
- top:10px;
- right:0;
- }
- .bprice-num em {
- font-style:normal;
- color:#cd3335;
- }
- .ibtel {
- position:absolute;
- top:0;
- right:0;
- }
- .btel .prim {
- position:absolute;
- bottom:-15px;
- right:110px;
- font-size:12px;
- color:#635348;
- }
- /*
- Бронирование (страница)
- */
- .oval {
- float:right;
- font-weight:bold;
- margin:0;
- font-size:16px;
- line-height:30px;
- }
- .oval select {
- font-weight:bold;
- color:#cd3335;
- border:1px solid #bfb8b3;
- }
- .nomer-info {
- color:#635348;
- border-bottom:1px solid #eae6df;
- padding:0 0 20px 0;
- margin:0 0 20px 0;
- }
- .nomer-info p {
- margin:0 0 20px 0;
- }
- .nomer-imgs {
- margin:0 0 10px 0;
- }
- .nomer-imgs a {
- display:inline-block;
- width:72px;
- height:72px;
- overflow:hidden;
- border:3px solid #fff;
- }
- .head3 {
- font-size:16px;
- color:#000;
- font-weight:normal;
- margin:0 0 10px 0;
- text-align:left;
- }
- .tprice-holder {
- position:relative;
- border-bottom:1px solid #eae6df;
- padding:0 0 20px 0;
- margin:0 0 20px 0;
- }
- .tprice {
- width:100%;
- color:#000;
- line-height:30px;
- border-collapse:collapse;
- margin:0 0 20px 0;
- }
- .tprice .head4 {
- font-size:18px;
- color:#2e2926;
- margin:0 180px 10px 0;
- text-align:left;
- }
- .tprice th {
- background-color:#ebe5da;
- border:1px solid #000;
- }
- .tprice td {
- text-align:center;
- border:1px solid #000;
- }
- .nomer-info .bbtn {
- overflow:hidden;
- }
- .nomer-info .bbtn p {
- font-size:16px;
- padding-right:165px;
- }
- .nomer-info .bbtn .select-room {
- float:left;
- }
- .prices {
- position:absolute;
- top:0;
- right:0;
- }
- .podbor-holder {
- display:none;
- }
- .object-tab {
- display:none;
- }
- .object-tab-visible {
- display:block;
- }
- .oimages-holder img {
- max-width:740px;
- max-height:300px;
- }
- .new-comment {
- display:none;
- }
- .comment_target_site {
- display:none;
- }
- .sitemap ul {
- padding-left:20px;
- }
- .prices .head2 {
- float:left;
- }
- .prices select {
- float:left;
- }
- .podbor-holder-alert {
- position:fixed;
- display:block;
- }
- .tprice-holder .bbtn p {
- padding-right:0;
- }
- .nomer-info-child {
- color:#635348;
- border-bottom:1px solid #eae6df;
- padding:0 0 20px 0;
- margin:0 0 20px 0;
- }
- .nomer-info-child p {
- margin:0 0 20px 0;
- }
- .nomer-info-child:last-child {
- border-bottom: 0;
- padding-bottom:0;
- }
- .promo ul {
- list-style-type: disc;
- padding-left:40px;
- }
Add Comment
Please, Sign In to add comment