Guest User

Untitled

a guest
Jun 19th, 2018
87
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.96 KB | None | 0 0
  1. :focus {outline:none;}
  2. .debug {border:1px solid #f00;}
  3. /*
  4. Очистка стилей
  5. */
  6. form, fieldset {
  7. margin: 0;
  8. padding: 0;
  9. border-style: none;
  10. }
  11. img {border-style: none;}
  12. input, select, textarea {
  13. vertical-align: middle;
  14. font:14px 'trebuchet ms',verdana,arial, helvetica, sans-serif;
  15. }
  16. ul {
  17. margin:0;
  18. padding:0;
  19. list-style-type:none;
  20. }
  21. a {
  22. color:#2d90cf;
  23. text-decoration: underline;
  24. }
  25. a:hover {text-decoration: none;}
  26. /*
  27. Начало
  28. */
  29. body {
  30. margin:0;
  31. padding:0;
  32. color:#000;
  33. background:#fff;
  34. font:14px 'trebuchet ms',verdana, arial, helvetica, sans-serif;
  35. position:relative;
  36. min-width:1000px;
  37. }
  38. .head {
  39. font-size:30px;
  40. color:#2e2926;
  41. display:block;
  42. }
  43. .head1 {
  44. font-size:20px;
  45. color:#2e2926;
  46. display:block;
  47. margin:0 0 20px 0;
  48. padding:0 0 20px 0;
  49. border-bottom:1px solid #eae6df;
  50. font-weight:normal;
  51. line-height:24px;
  52. }
  53. .head1a {
  54. font-size:20px;
  55. color:#2e2926;
  56. display:block;
  57. padding:0 0 20px 0;
  58. font-weight:normal;
  59. line-height:24px;
  60. }
  61. .head2 {
  62. font-size:18px;
  63. color:#2e2926;
  64. display:block;
  65. margin:0 0 10px 0;
  66. }
  67. .cline {
  68. height:3px;
  69. background:url(../images/bg-cline.png) repeat-x;
  70. }
  71. /*
  72. Шапка
  73. */
  74. .header-holder {
  75. width:100%;
  76. background:url(../images/bg-hholder.jpg) repeat-x;
  77. }
  78. #header {
  79. height:198px;
  80. width:852px;
  81. margin:0 auto;
  82. }
  83. #htop {
  84. overflow:hidden;
  85. height:130px;
  86. }
  87. .logo {
  88. margin:11px 44px 0 0;
  89. float:left;
  90. }
  91. .slogan {
  92. color:#67564b;
  93. font-size:16px;
  94. margin:44px 0 0 0;
  95. float:left;
  96. padding:0 44px 0 0;
  97. border-right:1px solid #e3dfd9;
  98. }
  99. .slogan strong {
  100. font-weight:normal;
  101. }
  102. .slogan span {
  103. color:#000;
  104. }
  105. .ctel {
  106. float:right;
  107. margin:44px 0 0 0;
  108. }
  109. #nav:after {
  110. content:"";
  111. display:block;
  112. clear:both;
  113. }
  114. #nav {
  115. padding:20px 0 0 0;
  116. }
  117. #nav li {
  118. float:left;
  119. font-size:18px;
  120. height:20px;
  121. line-height:20px;
  122. margin:0 38px 0 0;
  123. padding:0 15px 0 0;
  124. background:url(../images/bg-darr.png) no-repeat 100% 10px;
  125. position:relative;
  126. }
  127. #nav li.last {
  128. margin:0;
  129. }
  130. #nav li a {
  131. color:#fff;
  132. text-decoration:none;
  133. border-bottom:1px dashed #fff;
  134. display:block;
  135. }
  136. #nav li a:hover {
  137. border:none;
  138. }
  139. #nav .lvl1 {
  140. position:absolute;
  141. top:45px;
  142. left:0;
  143. background-color:#f5f2ec;
  144. padding:10px 25px;
  145. border:5px solid #c5c0bd;
  146. border-radius:5px;
  147. display:none;
  148. z-index:100;
  149. }
  150. #nav .last .lvl1 {
  151. left:-100%;
  152. }
  153. #nav .open .lvl1 {
  154. display:block;
  155. }
  156. #nav .lvl1 li {
  157. background:none;
  158. margin:0;
  159. padding:0;
  160. float:none;
  161. }
  162. #nav .lvl1 a {
  163. color:#2d90cf;
  164. border:none;
  165. font-size:14px;
  166. text-decoration:underline;
  167. white-space:nowrap;
  168. line-height:24px;
  169. }
  170. #nav .lvl1 a:hover {
  171. text-decoration:none;
  172. }
  173. #nav .lvl1 li.wrap {
  174. margin:15px 0 0 0;
  175. padding:5px 0 0 0;
  176. border-top:1px solid #eae6df;
  177. }
  178. #nav .lvl1 li.alltype {
  179. margin:-10px -25px 0;
  180. padding:10px 25px 10px;
  181. border-bottom:1px solid #eae6df;
  182. background-color:#fff;
  183. }
  184. #nav .lvl1 li.alltype a {
  185. color:#67564b;
  186. }
  187. .poparr {
  188. position:absolute;
  189. width:31px;
  190. height:17px;
  191. top:-17px;
  192. left:20px;
  193. background:url(../images/bg-poparr2.png) no-repeat;
  194. }
  195. .last .poparr {
  196. left:120px
  197. }
  198. /*
  199. Основное содержимое
  200. */
  201. #main {
  202. width:852px;
  203. margin:0 auto 20px auto;
  204. overflow:hidden;
  205. position:relative;
  206. }
  207. .up {
  208. position:absolute;
  209. bottom:30px;
  210. left:0;
  211. font-size:16px;
  212. line-height:20px;
  213. }
  214. .up a {
  215. text-decoration:none;
  216. border-bottom:1px dashed;
  217. float:left;
  218. margin-right:3px;
  219. }
  220. .up a:hover {
  221. border:none;
  222. height:21px;
  223. }
  224. #nav2 {
  225. background-color:#f2efe9;
  226. overflow:hidden;
  227. border-radius:0 0 20px 20px;
  228. margin:0 0 30px 0;
  229. }
  230. #nav2 li {
  231. background-color:#f2efe9;
  232. float:left;
  233. font-size:16px;
  234. line-height:20px;
  235. margin:17px 0;
  236. padding:0 36px;
  237. border-right:1px solid #e3dfd9;
  238. }
  239. #nav2 li.last {
  240. border:none;
  241. }
  242. #nav2 li.podbor {
  243. float:right;
  244. background-color:#ebe5da;
  245. margin:0;
  246. padding:17px 35px;
  247. border-radius:0 0 20px 0;
  248. }
  249. #nav2 li a {
  250. font-size:16px;
  251. }
  252. #nav2 li.podbor a {
  253. font-size:18px;
  254. color:#000;
  255. text-decoration:none;
  256. border-bottom:1px dashed #000;
  257. }
  258. #nav2 li.podbor a:hover {
  259. text-decoration:none;
  260. border:none;
  261. }
  262. #content {
  263. float:right;
  264. width:650px;
  265. }
  266. #objects {
  267. border-bottom:1px solid #eae6df;
  268. margin-bottom:20px;
  269. overflow:hidden;
  270. }
  271. #objects .row {
  272. overflow:hidden;
  273. width:100%;
  274. margin-bottom:40px;
  275. }
  276. .oitem {
  277. float:left;
  278. width:190px;
  279. margin:0 40px 0 0;
  280. position:relative;
  281. }
  282. .oitem.last {
  283. margin:0;
  284. }
  285. .oitem a {
  286. font-size:16px;
  287. line-height:18px;
  288. }
  289. .oitem a:first-child {
  290. text-decoration:none;
  291. }
  292. .oitem a img {
  293. display:block;
  294. -moz-border-radius:25px;
  295. -webkit-border-radius:25px;
  296. border-radius:25px;
  297. margin-bottom:10px;
  298. }
  299. .oitem p {
  300. color:#67564b;
  301. margin:10px 0 0 0;
  302. }
  303. .otype a {
  304. font-size:14px;
  305. }
  306. .oprice {
  307. position:absolute;
  308. top:50px;
  309. right:0;
  310. background-color:#fff;
  311. color:#000;
  312. text-align:right;
  313. font-size:12px;
  314. line-height:12px;
  315. padding:0 0 3px 10px;
  316. border-radius:20px 0 0 20px;
  317. vertical-align:middle;
  318. }
  319. .oprice p {
  320. text-decoration:none !important;
  321. margin:0;
  322. }
  323. .oprice span {
  324. font-size:22px;
  325. color:#db1800;
  326. line-height:18px;
  327. }
  328. /*
  329. Пагинация
  330. */
  331. .pagination {
  332. overflow:hidden;
  333. clear:both;
  334. margin-bottom:30px;
  335. }
  336. .pagina-head {
  337. font-size:18px;
  338. float:left;
  339. line-height:22px;
  340. margin-right:10px;
  341. }
  342. .pagination-num {
  343. margin:0;
  344. padding:0;
  345. list-style:none;
  346. overflow:hidden;
  347. }
  348. .pagination-num li {
  349. float:left;
  350. font-size:18px;
  351. line-height:22px;
  352. color:#7a6a60;
  353. margin-right:10px;
  354. }
  355. .pagination-num li a {
  356. font-size:18px;
  357. background-color:#fff;
  358. }
  359. /*
  360. Боковой блок
  361. */
  362. #side {
  363. width:160px;
  364. margin:0 692px 0 0;
  365. position:relative;
  366. padding:0 0 60px 0;
  367. }
  368. .best {
  369. position:absolute;
  370. top:-5px;
  371. right:-5px;
  372. background:url(../images/bg-pholder.png);
  373. }
  374. #best {
  375. border-bottom:1px solid #EAE6DF;
  376. margin:0 0 20px 0;
  377. overflow:hidden;
  378. }
  379. #best a {
  380. margin:0 0 10px 0;
  381. display:block;
  382. font-size:16px;
  383. line-height:21px;
  384. }
  385. #best a img {
  386. display:block;
  387. border-radius:25px;
  388. }
  389. #best li p {
  390. color:#67564b;
  391. }
  392. .side-links {
  393. margin:0 0 20px 0;
  394. overflow:hidden;
  395. border-bottom:1px solid #EAE6DF;
  396. }
  397. .side-links li {
  398. margin-bottom:10px;
  399. }
  400. .side-links a {
  401. font-size:16px;
  402. line-height:18px;
  403. }
  404. /*
  405. Форма подбора жилья
  406. */
  407. .podbor-holder {
  408. position:absolute;
  409. top:0;
  410. left:0;
  411. width:100%;
  412. height:100%;
  413. background:url(../images/bg-pholder.png);
  414. display:none;
  415. }
  416. .fpodbor {
  417. padding:30px;
  418. border:5px solid #c5c0bd;
  419. border-radius:35px;
  420. width:740px;
  421. margin-left:-370px;
  422. z-index:200;
  423. background-color:#FFF;
  424. position:fixed;
  425. top:30px;
  426. left:50%;
  427. }
  428. .fpodbor .close {
  429. position:absolute;
  430. right:30px;
  431. top:30px;
  432. width:29px;
  433. height:28px;
  434. background:url(../images/bg-close.png) no-repeat;
  435. }
  436. .fpodbor .close:hover {
  437. background-position:0 -28px;
  438. }
  439. .fpodbor .close:active {
  440. background-position:0 -56px;
  441. }
  442. .fpodbor .head {
  443. margin:0 0 20px 0;
  444. }
  445. .fpodbor .head a {
  446. text-decoration:none;
  447. border-bottom:2px dashed;
  448. }
  449. .fpodbor .head a:hover {
  450. border:0;
  451. }
  452. .fpodbor .head a.active {
  453. text-decoration:none;
  454. color:#2e2926;
  455. cursor:default;
  456. border:0;
  457. }
  458. .fpodbor .cline {
  459. border-radius:2px;
  460. margin:0 0 30px 0
  461. }
  462. #osearch {
  463. margin:0 0 20px 0;
  464. padding:3px 10px;
  465. height:32px;
  466. font-size:16px;
  467. color:#635348;
  468. border:1px solid #bfb8b3;
  469. width:718px;
  470. }
  471. .iholder .head2 a {
  472. font-size:16px;
  473. text-decoration:none;
  474. border-bottom:1px dashed #2D90CF;
  475. }
  476. .iholder {
  477. border:1px solid #c2bcb7;
  478. padding:10px;
  479. background-color:#f1eee8;
  480. margin:0 0 20px 0;
  481. }
  482. .iholder .head2 a:hover {
  483. text-decoration:none;
  484. border:none;
  485. }
  486. .iholder label {
  487. color:#635348;
  488. font-size:16px;
  489. margin-right:10px;
  490. white-space:nowrap;
  491. }
  492. .iprice {
  493. margin:0 0 20px 0;
  494. white-space:nowrap;
  495. font-size:18px;
  496. color:#2e2926;
  497. position:relative;
  498. }
  499. .iprice input {
  500. padding:3px 10px;
  501. height:32px;
  502. font-size:16px;
  503. color:#635348;
  504. border:1px solid #bfb8b3;
  505. width:40px;
  506. line-height:32px;
  507. }
  508. .iprice select {
  509. padding:7px 10px;
  510. font-size:16px;
  511. color:#635348;
  512. border:1px solid #bfb8b3;
  513. font-size:18px;
  514. color:#2e2926;
  515. height:40px;
  516. vertical-align:middle;
  517. }
  518. #tpit {
  519. position:absolute;
  520. top:0;
  521. right:0;
  522. width:272px;
  523. }
  524. * +html #tpit {
  525. position:static;
  526. margin-left:30px;
  527. }
  528. .sbtn {
  529. height:46px;
  530. width:155px;
  531. border:0;
  532. cursor:pointer;
  533. color:#172d00;
  534. text-shadow:#fff 1px 1px 1px;
  535. font-size:21px;
  536. padding:0 0 3px 0;
  537. vertical-align:middle;
  538. display:block;
  539. background:url(../images/bg-sbtn.png) no-repeat 0 0;
  540. }
  541. .sbtn:hover {
  542. background-position:0 -46px;
  543. color:#172d00;
  544. }
  545. .sbtn:active {
  546. background-position:0 -92px;
  547. color:#172d00;
  548. text-shadow:#fff -1px -1px 1px;
  549. }
  550. /*
  551. Подвал сайта
  552. */
  553. .footer-holder {
  554. width:100%;
  555. background-color:#f1eee7;
  556. padding:20px 0 30px 0;
  557.  
  558. }
  559. #footer {
  560. width:852px;
  561. margin:0 auto;
  562. overflow:hidden;
  563. color:#67564b;
  564. }
  565. #contacts {
  566. float:left;
  567. margin-right:50px;
  568. padding-right:50px;
  569. border-right:1px solid #d2ccc4;
  570. }
  571. #counters {
  572. float:right;
  573. margin-left:50px;
  574. }
  575. .finfo {
  576. text-align:center;
  577. clear:both;
  578. }
  579. /*
  580. Страница входа на сайт
  581. */
  582. body.main {
  583. background:#fcfbfa url(../images/bg-mainpage.jpg) no-repeat 50% 69px;
  584. }
  585. body.main .nav-holder {
  586. background:url(../images/bg-hholder.jpg) repeat-x 0 bottom;
  587. height:66px;
  588. }
  589. body.main #nav {
  590. width:852px;
  591. margin:0 auto;
  592. }
  593. body.main #main {
  594. height:690px;
  595. margin:0 auto;
  596. position:relative;
  597. width:auto;
  598. }
  599. body.main .slogan {
  600. text-align:center;
  601. margin:195px auto 0 auto;
  602. display:block;
  603. border:0;
  604. float:none;
  605. padding:0;
  606. }
  607. body.main #nav2 {
  608. position:absolute;
  609. left:50%;
  610. bottom:20px;
  611. width:852px;
  612. margin:0 0 0 -426px;
  613. background:none;
  614. border-radius:0;
  615. }
  616. body.main #nav2 li {
  617. background:none;
  618. border:0;
  619. margin:0 25px;
  620. padding:0;
  621. float:none;
  622. display:inline;
  623. }
  624. body.main #nav2 li a {
  625. font-size:21px;
  626. }
  627. .podbor-btn {
  628. background:url(../images/bg-podbor.png) repeat-x;
  629. position:absolute;
  630. border:7px solid #50423a;
  631. height:81px;
  632. line-height:81px;
  633. text-align:center;
  634. color:#635348;
  635. font-size:24px;
  636. font-weight:bold;
  637. width:300px;
  638. left:50%;
  639. top:490px;
  640. display:block;
  641. margin-left:-150px;
  642. text-decoration:none;
  643. border-radius:50px;
  644. }
  645. .podbor-btn:hover {
  646. background-position:0 -81px;
  647. }
  648. /*
  649. Обьект размещения
  650. */
  651. #object {
  652.  
  653. }
  654. .nav3 {
  655. overflow:hidden;
  656. margin-bottom:20px;
  657. clear:both;
  658. }
  659. .nav3 li {
  660. float:left;
  661. line-height:22px;
  662. font-size:16px;
  663. margin-right:30px;
  664. }
  665. .nav3 li a {
  666. text-decoration:none;
  667. border-bottom:1px dashed;
  668. display:block;
  669. }
  670. .nav3 li a:hover {
  671. border:0;
  672. }
  673. .nav3 li a.active {
  674. color:#000;
  675. border:0;
  676. cursor:default;
  677. }
  678. .nav3 .opost {
  679. float:right;
  680. margin:0;
  681. }
  682. .nav3 .opost a {
  683. color:#57a300;
  684. font-weight:bold;
  685. }
  686. #object .head1 {
  687. margin:0 0 28px 0;
  688. padding:20px 60px 0 0;
  689. border-top:1px solid #eae6df;
  690. border-bottom:0;
  691. overflow:hidden;
  692. }
  693. #object .head1 span {
  694. color:#67564b;
  695. }
  696. #object .head1 em {
  697. color:#67564b;
  698. float:right;
  699. margin-right:-60px;
  700. }
  701. .breadcrumbs {
  702. color:#7a6a60;
  703. font-size:16px;
  704. line-height:24px;
  705. margin:0 0 20px 0;
  706. }
  707. .breadcrumbs .opost {
  708. float:right;
  709. margin:0;
  710. color:#57a300;
  711. font-weight:bold;
  712. text-decoration:none;
  713. border-bottom:1px dashed;
  714. }
  715. .breadcrumbs .opost:hover {
  716. border:0;
  717. }
  718. .ophoto {
  719. margin-bottom:30px;
  720. display:table;
  721. width:100%;
  722. }
  723. .opbig {
  724. position:relative;
  725. float:left;
  726. border-radius:25px;
  727. }
  728. .opbig img {
  729. border-radius:25px;
  730. display:block;
  731. }
  732. .opbig .oprice {
  733. padding:5px 0 5px 10px;
  734. top:80px;
  735. }
  736. .opbig .oprice img {
  737. border-radius:0;
  738. }
  739. .opsmall-holder {
  740. padding-left:320px
  741. }
  742. .opsmall {
  743. overflow:hidden;
  744. }
  745. .opsmall a {
  746. margin:0 0 10px 10px;
  747. float:left;
  748. width:72px;
  749. height:72px;
  750. overflow:hidden;
  751. }
  752. .opsmall a img {
  753. display:block;
  754. }
  755. #object .otype {
  756. float:right;
  757. font-size:16px;
  758. position:relative;
  759. }
  760. .otype sup a {
  761. font:10px verdana, arial, helvetica, sans-serif;
  762. color:#67564b;
  763. font-style:italic;
  764. text-decoration:none;
  765. border-bottom:1px dashed;
  766. }
  767. .otype sup a:hover {
  768. border:0;
  769. }
  770. .otype .descr {
  771. position:absolute;
  772. background-color:#fff;
  773. width:400px;
  774. top:40px;
  775. right:0;
  776. font-size:14px;
  777. padding:10px;
  778. color:#67564b;
  779. border:3px solid #67564b;
  780. border-radius:10px;
  781. display:none;
  782. }
  783. .otype.show .descr {
  784. display:block;
  785. }
  786. .odescription {
  787. border-bottom:1px solid #eae6df;
  788. margin:0 0 20px 0;
  789. }
  790. .promo {
  791. overflow:hidden;
  792. border-top:1px solid #eae6df;
  793. padding:20px 0;
  794. }
  795. .promo p {
  796. color:#67564b;
  797. font-size:16px;
  798. overflow:hidden;
  799. margin:0;
  800. }
  801. .select-room {
  802. height:46px;
  803. width:155px;
  804. border:0;
  805. cursor:pointer;
  806. color:#172d00;
  807. text-shadow:#fff 1px 1px 1px;
  808. font-size:19px;
  809. line-height:46px;
  810. display:block;
  811. background:url(../images/bg-sbtn.png) no-repeat 0 0;
  812. text-decoration:none;
  813. text-align:center;
  814. margin:0 0 20px 0;
  815. }
  816. .select-room:hover {
  817. background-position:0 -46px;
  818. color:#172d00;
  819. }
  820. .select-room:active {
  821. background-position:0 -92px;
  822. color:#172d00;
  823. text-shadow:#fff -1px -1px 1px;
  824. }
  825. .olikes {
  826. float:right;
  827. margin-left:20px;
  828. }
  829. .dlcontent {
  830. overflow:hidden;
  831. border-top:1px solid #eae6df;
  832. padding:20px 0;
  833. }
  834. .dlcontent dl {
  835. overflow:hidden;
  836. margin:0;
  837. }
  838. .dlcontent dt {
  839. float:left;
  840. width:175px;
  841. margin:0;
  842. }
  843. .dlcontent dd {
  844. overflow:hidden;
  845. color:#67564b;
  846. margin:0;
  847. }
  848. .ocomment dt {
  849. float:none;
  850. width:auto;
  851. overflow:hidden;
  852. margin-bottom:5px;
  853. font-weight:bold;
  854. }
  855. .odate {
  856. float:right;
  857. }
  858. /*
  859. Просмотр фотографий
  860. */
  861. .oimages-holder {
  862. margin:0 auto;
  863. text-align:center;
  864. min-height:300px;
  865. width:740px;
  866. overflow:hidden;
  867. }
  868. .oimages {
  869. text-align:center;
  870. }
  871. .oimages a {
  872. display:inline-block;
  873. width:72px;
  874. height:72px;
  875. overflow:hidden;
  876. border:3px solid #fff;
  877. filter:alpha(opacity=60);
  878. opacity:0.6;
  879. }
  880. .oimages a:hover {
  881. filter:alpha(opacity=100);
  882. opacity:1;
  883. }
  884. .oimages .active {
  885. cursor:default;
  886. filter:alpha(opacity=100);
  887. opacity:1;
  888. }
  889. /*
  890. Оставить отзыв
  891. */
  892. .iholder2 {
  893. margin:0 0 20px 0;
  894. position:relative;
  895. }
  896. .iholder2 select {
  897. padding:7px 10px;
  898. color:#635348;
  899. border:1px solid #bfb8b3;
  900. font-size:16px;
  901. color:#635348;
  902. height:40px;
  903. vertical-align:middle;
  904. width:365px;
  905. }
  906. .iholder2 input {
  907. padding:3px 10px;
  908. height:32px;
  909. font-size:16px;
  910. color:#635348;
  911. border:1px solid #bfb8b3;
  912. width:40px;
  913. line-height:32px;
  914. width:343px;
  915. }
  916. .iholder2 #oumail,
  917. .iholder2 #oname {
  918. position:absolute;
  919. top:0;
  920. right:0;
  921. }
  922. .iholder2 textarea {
  923. min-width:720px;
  924. max-width:720px;
  925. width:720px;
  926. padding:9px;
  927. border:1px solid #BFB8B3;
  928. font-size:16px;
  929. color:#635348;
  930. }
  931. /*
  932. Фильтровать отзывы
  933. */
  934. .filter {
  935. position:relative;
  936. overflow:hidden;
  937. }
  938. .filter select {
  939. padding:7px 10px;
  940. color:#635348;
  941. border:1px solid #bfb8b3;
  942. font-size:16px;
  943. color:#635348;
  944. height:40px;
  945. vertical-align:middle;
  946. }
  947. #gorod2 {
  948. width:308px
  949. }
  950. #otype2 {
  951. width:308px;
  952. position:absolute;
  953. top:10px;
  954. right:10px;
  955. }
  956. #oname2 {
  957. width:628px;
  958. margin:10px 0;
  959. }
  960. .filter .sbtn {
  961. float:right;
  962. }
  963. /*
  964. Страница контактов
  965. */
  966. .cinfo {
  967. margin:0 0 20px 0;
  968. overflow:hidden;
  969. }
  970. .cinfo p {
  971. margin:0 0 10px 0;
  972. }
  973. .cinfo ul {
  974. margin:0 0 10px 20px;
  975. padding:0 0 0 20px;
  976. list-style:disc;
  977. }
  978. .cinfo ol {
  979. margin:0 0 10px 25px;
  980. padding:0 0 0 20px;
  981. list-style:decimal;
  982. }
  983. .fpodbor.vopros {
  984. margin:0;
  985. z-index:200;
  986. width:auto;
  987. position:static;
  988. }
  989. .vopros .iholder2 input {
  990. width:560px;
  991. margin:0 0 20px 0;
  992. }
  993. .vopros .iholder2 #outel2 {
  994. margin:0;
  995. }
  996. .vopros .iholder2 textarea {
  997. min-width:560px;
  998. max-width:560px;
  999. width:560px;
  1000. }
  1001. /*
  1002. Страница хозяевам жилья
  1003. */
  1004. .hoz .iholder2 select {
  1005. width:282px;
  1006. }
  1007. .hoz .iholder2 #otype3 {
  1008. position:absolute;
  1009. top:0;
  1010. right:0;
  1011. }
  1012. .hoz .iholder2 #oumane4 {
  1013. margin:0;
  1014. }
  1015. .hoz .iholder2 textarea {
  1016. height:200px
  1017. }
  1018. .iholder2.period {
  1019. color:#635348;
  1020. font-size:16px;
  1021. }
  1022. .iholder2.period input {
  1023. width:80px;
  1024. margin:0 10px;
  1025. }
  1026. /*
  1027. Бронирование (форма)
  1028. */
  1029. .bname {
  1030. color:#635348;
  1031. font-size:16px;
  1032. }
  1033. .bname .head2 {
  1034. margin:0;
  1035. }
  1036. .bprice {
  1037. margin:0 0 20px 0;
  1038. white-space:nowrap;
  1039. font-size:18px;
  1040. color:#2e2926;
  1041. position:relative;
  1042. }
  1043. .bprice input {
  1044. padding:3px 10px;
  1045. height:32px;
  1046. font-size:16px;
  1047. color:#635348;
  1048. border:1px solid #bfb8b3;
  1049. width:40px;
  1050. line-height:32px;
  1051. }
  1052. .bprice select {
  1053. padding:7px 10px;
  1054. font-size:16px;
  1055. color:#635348;
  1056. border:1px solid #bfb8b3;
  1057. font-size:18px;
  1058. color:#2e2926;
  1059. height:40px;
  1060. vertical-align:middle;
  1061. }
  1062. .bprice-num {
  1063. position:absolute;
  1064. top:10px;
  1065. right:0;
  1066. }
  1067. .bprice-num em {
  1068. font-style:normal;
  1069. color:#cd3335;
  1070. }
  1071. .ibtel {
  1072. position:absolute;
  1073. top:0;
  1074. right:0;
  1075. }
  1076. .btel .prim {
  1077. position:absolute;
  1078. bottom:-15px;
  1079. right:110px;
  1080. font-size:12px;
  1081. color:#635348;
  1082. }
  1083. /*
  1084. Бронирование (страница)
  1085. */
  1086. .oval {
  1087. float:right;
  1088. font-weight:bold;
  1089. margin:0;
  1090. font-size:16px;
  1091. line-height:30px;
  1092. }
  1093. .oval select {
  1094. font-weight:bold;
  1095. color:#cd3335;
  1096. border:1px solid #bfb8b3;
  1097. }
  1098. .nomer-info {
  1099. color:#635348;
  1100. border-bottom:1px solid #eae6df;
  1101. padding:0 0 20px 0;
  1102. margin:0 0 20px 0;
  1103. }
  1104. .nomer-info p {
  1105. margin:0 0 20px 0;
  1106. }
  1107. .nomer-imgs {
  1108. margin:0 0 10px 0;
  1109. }
  1110. .nomer-imgs a {
  1111. display:inline-block;
  1112. width:72px;
  1113. height:72px;
  1114. overflow:hidden;
  1115. border:3px solid #fff;
  1116. }
  1117. .head3 {
  1118. font-size:16px;
  1119. color:#000;
  1120. font-weight:normal;
  1121. margin:0 0 10px 0;
  1122. text-align:left;
  1123. }
  1124. .tprice-holder {
  1125. position:relative;
  1126. border-bottom:1px solid #eae6df;
  1127. padding:0 0 20px 0;
  1128. margin:0 0 20px 0;
  1129. }
  1130. .tprice {
  1131. width:100%;
  1132. color:#000;
  1133. line-height:30px;
  1134. border-collapse:collapse;
  1135. margin:0 0 20px 0;
  1136. }
  1137. .tprice .head4 {
  1138. font-size:18px;
  1139. color:#2e2926;
  1140. margin:0 180px 10px 0;
  1141. text-align:left;
  1142. }
  1143. .tprice th {
  1144. background-color:#ebe5da;
  1145. border:1px solid #000;
  1146. }
  1147. .tprice td {
  1148. text-align:center;
  1149. border:1px solid #000;
  1150. }
  1151. .nomer-info .bbtn {
  1152. overflow:hidden;
  1153. }
  1154. .nomer-info .bbtn p {
  1155. font-size:16px;
  1156. padding-right:165px;
  1157. }
  1158. .nomer-info .bbtn .select-room {
  1159. float:left;
  1160. }
  1161. .prices {
  1162. position:absolute;
  1163. top:0;
  1164. right:0;
  1165. }
  1166. .podbor-holder {
  1167. display:none;
  1168. }
  1169. .object-tab {
  1170. display:none;
  1171. }
  1172. .object-tab-visible {
  1173. display:block;
  1174. }
  1175. .oimages-holder img {
  1176. max-width:740px;
  1177. max-height:300px;
  1178. }
  1179. .new-comment {
  1180. display:none;
  1181. }
  1182. .comment_target_site {
  1183. display:none;
  1184. }
  1185. .sitemap ul {
  1186. padding-left:20px;
  1187. }
  1188. .prices .head2 {
  1189. float:left;
  1190. }
  1191. .prices select {
  1192. float:left;
  1193. }
  1194. .podbor-holder-alert {
  1195. position:fixed;
  1196. display:block;
  1197. }
  1198. .tprice-holder .bbtn p {
  1199. padding-right:0;
  1200. }
  1201. .nomer-info-child {
  1202. color:#635348;
  1203. border-bottom:1px solid #eae6df;
  1204. padding:0 0 20px 0;
  1205. margin:0 0 20px 0;
  1206. }
  1207. .nomer-info-child p {
  1208. margin:0 0 20px 0;
  1209. }
  1210. .nomer-info-child:last-child {
  1211. border-bottom: 0;
  1212. padding-bottom:0;
  1213. }
  1214. .promo ul {
  1215. list-style-type: disc;
  1216. padding-left:40px;
  1217. }
Add Comment
Please, Sign In to add comment