/* --------------------------------------------------------------------------------------------------------------------------------------------------- Classes --------------------------------------------------------------------------------------------------------------------------------------------------- */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } .clear { display: block; clear: both; height: 1px; } .off { display: none; } .hidden { display: none; } .show { display: block; } .fleft { float: left; } .fright { float: right; } .aleft { text-align: left; } .aright { text-align: right; } .acenter { text-align: center; } .container { overflow: hidden; } img.fleft { float: left; margin: 0 10px 5px 0; } img.fright { float: right; margin: 0 0 5px 10px; } .cblack { color: #000; } .cgreen { color: #B3D612; } .bg-dotted { background: url(/media/img/bg-dotted.gif) repeat-x 0 bottom; } /* --------------------------------------------------------------------------------------------------------------------------------------------------- Общее --------------------------------------------------------------------------------------------------------------------------------------------------- */ * { margin: 0; padding: 0; } html { height: 100%; } body { position: relative; color: #383838; font: 0.7em/1.3 Tahoma, Verdana, Sans-Serif; background: #fff; height: 100%; } form filedset { border: 0; } form input.text, form input.type, form select, form textarea { font-size: 1em; } form input.checkbox { position: relative; } html:first-child form input.checkbox { top: -2px; } form input.button { font-size: 1em; } form input.image { position: relative; top: 1px; } form label { float: left; margin-right: 5px; text-align: right; width: 75px; } html:first-child form label { margin-top: 1px; } form select { width: 150px; } form .long { width: 340px; } form .short { width: 80px; } table { border-collapse: collapse; } h1, h2, h3, h4 { padding: 15px 0; color: #7A7A7A; } h1, h2, h3 { font: 1.3em/1.3 "Arial Narrow", Arial; text-transform: uppercase; } h4 { font-size: 1em; font-style: italic; } h2 small, h3 small{ font-size: 0.7em; font-family: Tahoma; text-transform: none;} h3 span{ text-transform: none; display: block; font-size: 0.75em; margin-top:-2px;} p, ul, ol, dl, form { padding: 6px 0; } blockquote { padding: 6px 0 6px 20px; } ul { padding: 6px 0 0 25px;} .cities ul {padding:0;} small { font-size: 0.9em; } a { color: #7A7A7A; text-decoration: none; } a:hover { text-decoration: underline; } a img { border: 0; } a.button { cursor: pointer; display: block; color: #fff; line-height: 25px; text-align: center; background: url(/media/img/button.png) no-repeat 0 0; width: 114px; height: 32px; } a.button-blue { cursor: pointer; display: block; color: #fff; line-height: 25px; text-align: center; background: url(/media/img/button-blue.png) no-repeat 0 0; width: 101px; height: 32px; } p.link-all { padding: 15px; font-weight: bold; background: url(/media/img/link-all.gif) no-repeat 0 center; } p.link-add { padding-left: 17px; font-weight: bold; background: url(/media/img/link-add.gif) no-repeat 0 center; } #center { position: relative; margin: 0 auto; min-width: 990px; width: 100%; min-height: 100%; } #gray_bg { display: none; position: absolute; top: 0; left: 0; background: #999; width: 100%; height: 100%; z-index: 2000; } form fieldset { border: 0; } form input.text, form input.password, form input.file, form select, form textarea { font-size: 1.1em; font-family: Arial; width: 270px; } form input.submit, form input.button { font-size: 1em; font-family: Arial; } form input.image { position: relative; top: 2px; } form textarea { background-repeat: no-repeat; height: 70px; } span.male { background-image: url(/media/img/user-male.gif); padding-left: 15px; background-repeat: no-repeat; background-position: 1px center;} span.female { background-image: url(/media/img/user-female.gif); padding-left: 15px; background-repeat: no-repeat; background-position: 1px center;} /* --------------------------------------------------------------------------------------------------------------------------------------------------- Шапка --------------------------------------------------------------------------------------------------------------------------------------------------- */ #header { position: relative; background: url(/media/img/header-bg.png) repeat-x 0 0; min-height: 215px; } #logo { position: absolute; top: 87px; left: 45px; z-index: 1000; } form#header-search { position: absolute; top: 17px; left: 21px; padding: 0; z-index: 1000; overflow: hidden;} form#header-search td { background: #CECECE; height: 22px; } form#header-search td.input { padding-left: 24px; background: #fff url(/media/img/header-search.gif) no-repeat 0 center; } form#header-search td.input input.text { padding: 2px 0 0 0; background: #fff; border: 0; width: 180px; height: 18px; } form#header-search input.image { margin-left: 7px; margin-bottom: -2px; } form#header-search a { margin: 0 10px 0 7px; } div#enter-links { position: absolute; top: 17px; right: 21px; width: 236px; z-index: 1000; height: 20px; overflow: hidden;} div#enter-links div { height: 20px; margin: 0; padding: 0; } div#enter-links div.help { background: #57D7FC url(/media/img/enter-links-left.gif) no-repeat 0 0; width: 150px;float: left;} div#enter-links div.help a { margin-left: 28px; color: #fff; padding-top: 2px; height: 100%; display: block;} div#enter-links div.enter { background: url(/media/img/enter-links-right.gif) no-repeat 0 right; float: right; width: 86px;} div#enter-links div.enter a { padding-left: 25px; padding-top: 3px; background: #CECECE url(/media/img/enter-links-center.gif) no-repeat 0 0; height: 100%; display: block; width: 50px;} #header-tags { position: relative; padding: 88px 30px 10px 350px; } #header-tags a:hover { color: #B3D612; } #header-tags a.size_1 { font-size: 0.5em; } #header-tags a.size_2 { font-size: 0.9em; } #header-tags a.size_3 { font-size: 1.2em; } #header-tags a.size_4 { font-size: 1.5em; } #header-tags a.size_5 { font-size: 1.6em; } #header-tags a.size_6 { font-size: 1.7em; } #header-tags a.size_7 { font-size: 1.8em; font-weight: bold; } #header-tags a.size_8 { font-size: 2.0em; font-weight: bold; } #header-tags table div.tags { overflow: hidden; height: 93px; } #header-tags div.link { position: absolute; bottom: -8px; right: 80px; } #header-tags div.link a:hover { color: #fff; } #header-tags table { background: #F9F8F8; width: auto; height: 97px; } #header-tags table td { background: url(/media/img/tags-bg.png) repeat-x 0 0; } #header-tags table td.left-bg { background: url(/media/img/tags-bg-left.png) no-repeat 0 0; width: 48px; } #header-tags table td.right-bg { background: url(/media/img/tags-bg-right.png) no-repeat 0 0; width: 48px; } .winform { padding: 8px; color: #7A7A7A; background: #F7F6F6; border: 1px solid #CBCACA; z-index: 3000; } .winform a.close { position: absolute; top: 10px; right: 10px; } .winform span.head { display: block; margin-bottom: 5px; padding: 2px 5px; font: 1.2em/1.3 "Arial Narrow"; text-transform: uppercase; background: #D3D3D3; } .winform input.text { background: #fff; border: 1px solid #fff; width: 158px; } .winform label { cursor: pointer; float: left; padding-right: 5px; text-align: right; width: 65px; } #enter_form {width:270px;} #add_comment {width:270px;} /* --------------------------------------------------------------------------------------------------------------------------------------------------- Контент --------------------------------------------------------------------------------------------------------------------------------------------------- */ #body .lastnews .first { padding-bottom: 5px; } #body .lastnews .first .text { margin-left: 130px; } #body .lastnews .first .text p.head a { font-weight: bold; } #body .lastnews p.news { padding-bottom: 8px; background: url(/media/img/lastnews.gif) repeat-x left bottom; } #body .lastnews p.news span.date { color: #BEBEBE; font-size: 0.9em; font-weight: bold; } .buy { margin-top: -7px; padding: 0 15px 15px 15px; } .buy table { color: #BEBEBE; width: 100%; } .buy table td { padding: 0 2px; white-space: nowrap; } .buy table td.points { background: url(/media/img/points.gif) repeat-x 0 bottom; width: 100%; } .buy table td.price { padding-right: 0; text-align: right; } .buy .recommend { padding-bottom: 15px; } #leftside .newsline { margin-top: 5px; padding: 0 15px 15px 15px; } #leftside .newsline p.news { padding-bottom: 8px; background: url(/media/img/lastnews.gif) repeat-x left bottom; } #leftside .newsline p.news span.date { color: #BEBEBE; font-size: 0.9em; font-weight: bold; } #content-wrapper { float: left; width: 100%; } #content { margin-left: 242px; margin-right: 290px; padding-bottom: 30px; } #content h1 {padding:0; text-transform: none; font-size: 1.8em; color: #555;} .two_cols #content { margin-right: 30px; } .cabinet .main-content-wrapper { float: left; width: 100%; } .cabinet .main-content-wrapper .main-content { margin-right: 358px; } .cabinet .right-content { float: left; margin-left: -335px; width: 335px; } .cabinet .footer-content { clear: both; padding-top: 13px; } .cabinet .main-content .userinfo p.head { padding: 0 0 15px 0; } .cabinet .main-content .userinfo .text { margin-left: 115px; } .cabinet .main-content .userinfo .rate { font-size: 1.1em; font-weight: bold;} .cabinet .right-content .my-photos { margin-top: 50px; } .cabinet .right-content .my-photos .photos { margin-left: -5px; width: 345px; } .cabinet .right-content .my-photos .photos a { float: left; margin: 5px; } .cabinet .right-content .my-photos .photos a.ie6 { display: none; } .cabinet .right-content .my-friends { line-height: 1.5; } .cabinet .right-content .my-friends p { padding-top: 0; } .cabinet .footer-content .hotels .hotel { float: left; margin-right: 10px; width: 215px; height: 85px; overflow: hidden; } .cabinet .footer-content .hotels .hotel .text { margin-left: 77px; } .cabinet .footer-content .hotels .hotel .text p { padding-top: 0; } .cabinet .footer-content .hotels .hotel .text img.country { position: relative; top: 2px; margin-right: 3px; } .search form.mainform { position: relative; } .search form.mainform .additional { position: absolute; top: -45px; right: 0; background: #F7F6F6 url(/media/img/rightside-block.png) no-repeat 0 0; width: 271px; } .search form.mainform .additional .block-bg { padding: 3px 20px 20px 20px; background: url(/media/img/rightside-block-bg.png) no-repeat 0 bottom; } .search form.mainform .additional p { padding: 1px 0; } .search form.mainform p.stars { position: relative; padding-bottom: 10px; } .search form.mainform p.stars span.star { float: left; width: 37px; height: 31px; background-image: url(/media/img/star.gif); background-repeat: no-repeat; background-position: 13px 17px; } html:first-child .search form.mainform p.stars span.star { background-position: 17px 17px; } .search form.mainform p.dotted { margin: 10px 0; padding: 10px 0; background: url(/media/img/bg-dotted.gif) repeat-x 0 0; width: 430px; } .search form.mainform p.dotted span { float: left; width: 49.9%; } .search form.mainform p.dotted span label { float: none; display: block; margin-left: -3px; margin-bottom: 2px; } .search form.mainform p.dotted select { width: 205px; } .search_results .result { padding: 15px 0 15px 0; } .search_results .result .fleft { position: relative; width: 130px; } .search_results .result .fleft .vybor { position: absolute; right: 3px; bottom: -5px; background: url(/media/img/vybor.png) no-repeat 0 0; width: 53px; height: 52px; } .search_results .result .text { margin-left: 130px; } .search_results .result .text p.head img { position: relative; top: 2px; } #content p.listing2 { margin: 10px 0; border: 1px solid red;} #content p.listing2 span { color: #fff; font-size: 1.3em; background: #B3D612;} #content p.listing2 span, #content p.listing2 a { display: inline-block; width :20px; height: 20px; text-align: center;} #content p.listing2 a:hover { color: #fff; font-size: 1.3em; background: #B3D612;text-decoration: none;} #content div.article p {font-size : 1.1em; text-align: justify; text-indent: 1.5em; /* Отступ первой строки */ } #content div.article table {font-size : 1.1em;} #content div.article p:first-child {text-indent: 0em; } #content div.article img {margin-top:10px;} #content div.article div.photos { width:200px; float:left; border:1px solid #B3D612; padding:0px 0px 0 5px; margin-right: 9px;} #content div.article div.photos p.link-all{font-style: normal; font-weight: normal; margin:5px 0 5px 20px; padding-top: 0px; padding-bottom: 0px;} #content div.article ul {margin-left:20px;line-height: 1em;} #content div.article ul li{ list-style-type: square;} #content div.article table.countries div {font-size: 1.3em; text-align: center; } #content table.journeys th{ padding: 15px 0; color: #7A7A7A; font: 1.3em/1.3 "Arial Narrow", Arial; text-transform: uppercase; } #content table.journeys td{ padding:5px;} #content table.journeys tr {border-bottom: 1px solid #CBCBCB;} #content table.journeys tr td:first-child {font-size: 1.1em;} #content table.journeys tr:last-child {border-bottom:0;} #content table.journeys tr:first-child {border-bottom:0;} #content table.journeys tr.over {background-color: #fff;} #content table.journeys tr.journey {} /* #content p.listing2 {height:26px;} #content p.listing2 span { font-size: 1.2em; font-weight: bold; } #content p.listing2 span, #content p.listing2 a { margin-left: 5px; } */ #content div.comment a {color: black;} #content p.dotted { margin-bottom: 5px; background: url(/media/img/bg-dotted.gif) repeat-x 0 bottom; } #content p.dotted img { position: relative; top: 2px; } #content big strong { font-size: 0.85em; } #content span.hotel-stars { position: relative; top: -4px; } .hotel-rate {background: #F7F6F6; padding: 8px; float: left;} .hotel-rate div.part{ padding: 4px; padding-left: 19px; margin-right: 5px; position: relative; width: 145px;} .hotel-rate div.money{background: url(/media/img/money.png) no-repeat 0 3px !important; float: left; } .hotel-rate div.food{background: url(/media/img/food.png) no-repeat 0 3px !important;float: left; } .hotel-rate div.staff{background: url(/media/img/staff.png) no-repeat 0 3px !important;float: left; } .hotel-rate div.room{background: url(/media/img/room.png) no-repeat 0 3px !important;float: left; } .hotel-rate div.location{background: url(/media/img/location.png) no-repeat 0 3px !important;float: left; } .hotel-rate div.hotel{background: url(/media/img/hotel.png) no-repeat 0 3px !important;float: left; } .hotel-rate div label{ width: 115px; display: block; float: left; } #content .user-rate div.part{padding-left: 30px;width: 134px;} #content .user-rate p.add a{text-decoration: none; color: black; font-weight: bold;} #content .user-rate p.add a:hover {text-decoration: underline;} /* .hotel-rate div.thumbs {position: absolute; top:-8px; right: 28px; background: #F7F6F6; display: none; padding:0; margin:0; } .hotel-rate div.thumbs div.up {width:16px; height: 16px; background: url(/media/img/thumb_up.png) no-repeat 0 0; padding:0; margin:0; cursor: pointer;} .hotel-rate div.thumbs div.up:hover {background: url(/media/img/thumb_up_over.png) no-repeat 0 0;} .hotel-rate div.thumbs div.down {width:16px; height: 16px; background: url(/media/img/thumb_down.png) no-repeat 0 0; padding:0; margin:0; cursor: pointer;} .hotel-rate div.thumbs div.down:hover {background: url(/media/img/thumb_down_over.png) no-repeat 0 0;} /*.hotel-rate p { float: left; padding: 0 13px; line-height: 25px; background: url(/media/img/hotel-stars2.gif) no-repeat right 0; height: 52px; }*/ #content .gray-bg { background: #F7F6F6 url(/media/img/bg1.png) repeat-x 0 0; } #content .gray-bg .bg1 { background: url(/media/img/bg2.png) no-repeat 0 0; } #content .gray-bg .bg2 { background: url(/media/img/bg3.png) no-repeat right 0; } #content .gray-bg .bg3 { background: url(/media/img/bg4.png) no-repeat right bottom; } #content .gray-bg .bg4 { padding: 0px 20px 13px 20px; background: url(/media/img/bg5.png) no-repeat 0 bottom; } #content .gray-bg h2, #content .gray-bg h3 { padding-bottom: 6px; } #content .gray-bg-line { background: #F7F6F6 url(/media/img/middle-col-bg1.png) repeat-x 0 0; } #content .gray-bg-line .bg1 { background: url(/media/img/bg4.png) no-repeat right bottom; } #content .gray-bg-line .bg2 { padding: 8px 20px; background: url(/media/img/bg5.png) no-repeat 0 bottom; } #content .add_comment { margin: 0; padding: 5px 17px; } #content .add_comment p.add { padding: 10px 0; font-size: 1.2em; } #content .add_comment p.add span, #content .add_comment p.add a { } #content .add_comment p.rating img { position: relative; top: 3px; } #content .add_comment form input.text { width: 290px; } #content .add_comment form textarea { width: 90%; } /* Articles */ #content .articles { padding: 10px 0; } #content .articles .article { padding-top: 10px; padding-bottom: 10px;} #content .articles .article p.head { text-align: left; padding:0;} #content .articles .article p.head strong a { font-size: 1.0em;} #content .articles .article p.head span.rubrika{ font-size:0.8em;} #content .articles .article a {position: relative;} #content .articles .article a span.stars{ position:absolute; border:0px solid red; top:0px; right:10px;width:60px; height: 24px; background-color: #fff; text-align: right; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* IE 5.5+*/ -moz-opacity: 0.8; /* Mozilla 1.6 и ниже */ -khtml-opacity: 0.8; /* Konqueror 3.1, Safari 1.1 */ opacity: 0.8; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */ } #content .articles .article .dotted { background: url(/media/img/bg-dotted.gif) repeat-x 0 0; height: 2px;} #content .articles .article .text { margin-left: 205px;} #content .articles .article .marks { padding: 5px 0 0 0;} #content .articles .article .marks p{ padding:0; } #content .articles .alphabet a {border: 3px solid #C2D4CD; display: inline-block; padding: 2px 5px 2px 5px; text-decoration: none;} #content .articles .alphabet a:hover {border: 3px solid #BEBEBE; text-decoration: none;} /* Listing */ /* кусок из 1декора для того что бы сделать с колвом на странице */ #content .listing { position: relative; background: #eee; padding: 10px 13px; } #content .listing .listing_left { margin-left: -21px; padding-left: 21px; } #content .listing .listing_right { margin-right: -21px; padding-right: 21px; line-height: 35px; height: 35px; } #content .listing p, #content .listing form { margin: 0; padding: 0; line-height: 35px; } #content .listing form select {width : 80px; } #content .listing p.pages { font-size: 1.1em; } #content .listing p.pages a { margin: 0 4px; color: #000; font-weight: bold; } #content .listing p.pages a.active { margin: 0 4px; padding: 0 5px; color: #999; background: #fff; border: 1px solid #C2D4CD; text-decoration: none;} /* Tags */ #content .tags { color: #765A6D; } #content .tags p.head { margin-bottom: 10px; padding: 10px 17px 5px 17px; color: #000; font-size: 0.9em; border-bottom: 1px solid #CBCBCB; } #content .tags .tag { padding: 0 17px; } #content .tags .tag p.header strong a { color: #000; font-size: 1.2em; } #content .tags_cloud { padding: 10px 0; } #content .tags_cloud p.cloud { padding: 0 17px; font-weight: bold; line-height: 18px; text-align: center; } #content .tags_cloud p.cloud a { text-decoration: none; } #content .tags_cloud p.cloud a:hover { text-decoration: underline; color: #B3D612; } #content .tags_cloud p.cloud .size_0 { font-size: 0.2em; display:none;} #content .tags_cloud p.cloud .size_1 { font-size: 0.5em; } #content .tags_cloud p.cloud .size_2 { font-size: 0.9em; } #content .tags_cloud p.cloud .size_3 { font-size: 1.2em; } #content .tags_cloud p.cloud .size_4 { font-size: 1.5em; } #content .tags_cloud p.cloud .size_5 { font-size: 1.9em; } #content .tags_cloud p.cloud .size_6 { font-size: 2.1em; } #content .tags_cloud p.cloud .size_7 { font-size: 2.3em; } #content .tags_cloud p.cloud .size_8 { font-size: 2.5em; } #content .tags_cloud p.cloud a.more { text-decoration: underline;font-size: 1.5em; display: block; color: #B3D612;} #content .tags_cloud p.cloud a.more:hover { text-decoration: none; } /* Register */ /*form.register {width: 640px;}*/ form.register fieldset div{width: 97%;} form.register sup { color: red; font-weight: bold; } form.register label { display: block; padding-bottom: 3px;width: 60%; text-align: left;} form.register p.head { padding: 10px 17px 5px 17px; border-bottom: 1px solid #CBCBCB; } form.register .long, form.register .short { padding: 10px 17px; } form.register .short .col { float: left; width: 49.9%; } form.register .description { padding-top: 5px; color: #A8A8A8; font-size: 0.9em; } form.register .long input.text, form.register .long select { width: 97.5%; } form.register .long textarea { width: 97.5%; } form.register .short input.text, form.register .short select { width: 95%; } html:first-child form.register .short input.text, html:first-child form.register .short select { width: 99%; } form.register input.submit { margin-left: 17px; } form.register .rules { padding: 10px 17px; color: #A8A8A8; font-size: 0.9em; } form.register p.register_place { padding: 10px 17px; color: #CBCBCB; font-size: 0.9em; } form.register div.error {border:1px solid #eee; padding:10px; background-color:#FFEEEE;} #content .photos2 { position: relative; } #content .photos2 a.link { position: absolute; top: 20px; text-align: right; width: 100%; } #content .photos2 img { float: left; margin: 5px 30px 15px 0; } #content .poezdki h2 { padding: 8px 0; } #content .poezdki td { padding: 5px 0; } #content .poezdki td img { position: relative; top: 2px; margin-right: 3px; } #content .poezdki #content .poezdki2 .poezdka{ padding: 5px 0; } #content .poezdki2 p { padding: 3px 0; } #content .poezdki2 p img { position: relative; top: 2px; margin-right: 3px; } #content .poezdki2 p a.button { display: block; font-size: 0.9em; border:1px solid #ccc; text-align:center; -moz-box-shadow:0 0 10px #eee inset; -webkit-box-shadow: 0 0 10px #eee; -moz-border-radius:5px; -webkit-border-radius:5px; color:#7A7A7A; background: white; margin-left: 5px; float: left; width:145px; height: 22px; } #content .poezdki2 p a.button:hover {text-decoration: none;} #content .hotels-rate .hotel { padding: 5px 0 15px 0; } #content .hotels-rate .hotel .fleft { position: relative; margin-top: 5px; width: 130px; } #content .hotels-rate .hotel .fleft .vybor { position: absolute; right: 1px; bottom: -5px; background: url(/media/img/vybor.png) no-repeat 0 0; width: 53px; height: 52px; } #content .hotels-rate .hotel .text { margin-left: 130px; } #content .hotels-rate .hotel .text p.head img { position: relative; top: 2px; } #content .hotels-rate .hotel .footer { padding-top: 10px; } #content .hotels-rate .hotel .footer .rate { float: left; text-align: center; line-height: 24px; background: #fff url(/media/img/rate2.gif) no-repeat 0 0; width: 136px; height: 26px; } #content .hotels-rate .hotel .footer .rate big { font-size: 1.1em; font-weight: bold; } #content .hotels-rate .hotel .footer p.link-add { margin-left: 160px; } #content table.facilities ul li{margin-left: 22px;} #content .ul-cols ul { float: left; width: 150px; } #content .ul-cols ul li { float: none; padding-left: 10px; background: url(/media/img/item.gif) no-repeat 0 center; } #topcontent-wrapper { float: left; width: 100%; } #topcontent { margin-left: 242px; margin-right: 333px; } #mainpage-photos { float: left; margin-left: -310px; width: 310px; } #mainpage-photos .block { background: #F7F6F6 url(/media/img/photos-block.png) no-repeat 0 0; } #mainpage-photos .block .bg { padding-left: 15px; background: url(/media/img/photos-block-bg.png) no-repeat 0 bottom; } #mainpage-photos #albums_thumbs a { position: relative; float: left; width: 70px; height: 70px; } #mainpage-photos #albums_thumbs a img { display: block; margin: 5px; width: 60px; height: 60px; } #mainpage-photos #albums_thumbs a img.zoom { display: none; position: absolute; z-index: 1000; top: -6px; left: -6px; margin: 0; width: 81px; height: 81px; } #mainpage-photos .photos p.link-all { margin-left: 5px; } #mainpage-middle-cols { padding-top: 15px; } #mainpage-middle-cols .col { float: left; position: relative; width: 50.0%; } #mainpage-middle-cols .col a.button { position: absolute; top: 31px; left: 200px; } #mainpage-middle-cols .col .bg1 { background: #F7F6F6 url(/media/img/middle-col-bg1.png) repeat-x 0 0; } #mainpage-middle-cols .col .bg2 { background: url(/media/img/middle-col-bg2.png) no-repeat right bottom; } #mainpage-middle-cols .col .bg3 { padding: 20px 15px 20px 40px; background: url(/media/img/middle-col-bg3.png) no-repeat 0 bottom; } #mainpage-middle-cols .hotel { padding: 5px 0 15px 0; } #mainpage-middle-cols .hotel .fleft { position: relative; margin-top: 10px; width: 130px; } #mainpage-middle-cols .hotel .fleft .vybor { position: absolute; right: 3px; bottom: -5px; background: url(/media/img/vybor.png) no-repeat 0 0; width: 53px; height: 52px; } #mainpage-middle-cols .hotel .text { margin-left: 130px; } #mainpage-middle-cols .hotel .text p.head img { position: relative; top: 2px; } #mainpage-middle-cols .hotel .footer { padding-top: 10px; } #mainpage-middle-cols .hotel .footer .rate { float: left; text-align: center; line-height: 24px; background: #fff url(/media/img/park-rate.gif) no-repeat 0 0; width: 136px; height: 26px; } #mainpage-middle-cols .hotel .footer .rate big { font-size: 1.1em; font-weight: bold; } #mainpage-middle-cols .hotel .footer p.link-add { margin-left: 160px; } #mainpage-middle-cols .left .bg1 { margin-right: 14px; } #mainpage-middle-cols .right .bg1 { margin-left: 14px; } #mainpage-middle-cols .right h3 { position: relative; top: 2px; color: #C94402; font-size: 1.25em; } #mainpage-last-photos { margin-right: 275px; margin-left: 40px; padding: 10px 0; } #mainpage-last-photos .photo { float: left; padding: 10px 0 20px 0; width: 49.9%; } #mainpage-last-photos .photo .text { margin-left: 130px; } #mainpage-last-photos .photo .text strong.user { padding-left: 15px; background-repeat: no-repeat; background-position: 0 center; } #mainpage-last-photos .photo .text strong.male { background-image: url(/media/img/user-male.gif); } #mainpage-last-photos .photo .text strong.female { background-image: url(/media/img/user-female.gif); } #mainpage-last-photos .listing { clear: left; float: left; position: relative; top: -50px; line-height: 42px; background: url(/media/img/photos-listing-1.gif) no-repeat 0 0; height: 43px; } #mainpage-last-photos .listing div { float: left; padding: 0 13px; background: url(/media/img/photos-listing-2.gif) no-repeat right 0; height: 43px; } #mainpage-last-photos .listing big { font-size: 1.2em; font-weight: bold; } #mainpage-footer-rightside .block { background: #F7F6F6 url(/media/img/rightside-block.png) no-repeat 0 0; } #mainpage-footer-rightside .block .bg { background: url(/media/img/rightside-block-bg.png) no-repeat 0 bottom; } #mainpage-footer-rightside .buy { margin-top: 0; padding-top: 8px; } #mainpage-footer-rightside { float: right; width: 270px; } #mainpage-footer-rightside .buy { padding-left: 30px; } #mainpage-footer-rightside form.poll { padding-left: 15px; } #mainpage-footer-rightside form.poll p.buttons { padding-top: 15px; } #mainpage-footer-rightside form.poll a.button-blue { float: left; margin-top: -5px; margin-right: 15px; } #leftside { float: left; margin-left: -100%; width: 218px; } #leftside .block { background: #F7F6F6 url(/media/img/leftside-block.png) no-repeat 0 0; } #leftside .block .bg { background: url(/media/img/leftside-block-bg.png) no-repeat 0 bottom; } #leftside .button-bg { background: #ffffff url(/media/img/button-bg.gif) no-repeat 0 0; width: 218px; height: 90px; margin-top: -5px; margin-bottom: 15px; padding-top: 30px; font-family: "Trebuchet MS"; text-align: center;} #leftside .button-bg:hover { background: #ffffff url(/media/img/button-bg-over.gif) no-repeat 0 0;} #leftside .button-bg big { font-size: 1.8em;} #leftside .button-bg small { font-size: 1.2em;} #leftside .button-bg a { color: black;} #leftside .button-bg a:hover { text-decoration: none;} #rightside { float: left; margin-left: -271px; width: 271px; } #rightside .block { background: #F7F6F6 url(/media/img/rightside-block.png) no-repeat 0 0; } #rightside .block .bg { padding-left: 25px; background: url(/media/img/rightside-block-bg.png) no-repeat 0 bottom; } .sidebar { padding-bottom: 30px; } .sidebar .clear-block { margin-top: -7px; padding: 0 15px 15px 25px; } .sidebar .clear-block h2, .sidebar .clear-block h3 { padding-top: 0; padding-bottom: 6px; } .sidebar .block { margin-bottom: 30px; } .sidebar .block .bg { padding: 8px 15px 15px 15px; } .sidebar .block h1, .sidebar .block h2, .sidebar .block h3 { padding-top: 5px; padding-bottom: 8px; } .sidebar .block ul.adv li{list-style-type: none;} .sidebar .block ul#leftnav { padding: 0 0 0px 0; } .sidebar .block ul#leftnav li { list-style: none; padding: 5px 0 6px 0; background: url(/media/img/lastnews.gif) repeat-x 0 bottom; } .sidebar .block ul#leftnav li span { padding-left: 15px; background-repeat: no-repeat; background-position: 0 center; } .sidebar .block ul#leftnav li.photos span { background-image: url(/media/img/nav-photos.gif); } .sidebar .block ul#leftnav li.opinions span { background-image: url(/media/img/nav-opinions.gif); } .sidebar .block ul#leftnav li.articles span { background-image: url(/media/img/nav-articles.gif); } .sidebar .block ul#leftnav li.attractions span { background-image: url(/media/img/nav-attractions.gif); } .sidebar .block ul#leftnav li.cities span { background-image: url(/media/img/nav-cities.gif); } .sidebar .block ul#leftnav li.help span { background-image: url(/media/img/nav-help.gif); } .sidebar .block ul#leftnav li.search span { background-image: url(/media/img/nav-search.gif); } .sidebar .block ul#leftnav li:last-child {background: none;padding-bottom: 0;} .sidebar .block ul.leftnav { padding: 0 0 6px 0; } .sidebar .block ul.leftnav li { list-style: none; padding: 3px 0 5px 0; background: url(/media/img/lastnews.gif) repeat-x 0 bottom; } .sidebar .block ul.leftnav li span { padding-left: 15px; background: url(/media/img/item.gif) no-repeat 5px center; } .sidebar .block #leftcountries { padding-bottom: 10px; } .sidebar .block #leftcountries .lefttab { position: relative; top: -8px; left: -15px; float: left; padding-right: 10px; text-align: center; white-space: nowrap; background: #fff url(/media/img/lefttab-bg.png) no-repeat right 0; width: 100px; height: 41px; overflow: hidden; } .sidebar .block #leftcountries .lefttab a { position: relative; top: 13px; font-weight: bold; } .sidebar .block #leftcountries h3 { padding-right: 10px; text-align: center; } .sidebar .block #leftcountries p { clear: left; padding: 3px 0; } .sidebar .block #leftcountries p img { position: relative; top: 2px; margin-right: 3px;float: left; } .sidebar .block #leftcountries p a {display: block; width: 85px; float: left;} .sidebar .block #leftcountries p span.count { color: #BEBEBE;display: block; float: left;width: 33px; } .sidebar .block #leftcountries p span.rate-plus { padding-right: 8px; font-weight: bold; color: #B3D612; background: url(/media/img/arrow-rate-top.gif) no-repeat right center; } .sidebar .block #leftcountries p span.rate-minus { padding-right: 8px; font-weight: bold; color: #C94402; background: url(/media/img/arrow-rate-bottom.gif) no-repeat right center; } .sidebar .block #leftcountries ul.sub { padding-top: 0; padding-bottom: 10px; padding-left: 35px; } .sidebar .block #leftcountries ul.sub li { list-style: none; padding-left: 10px; background: url(/media/img/item.gif) no-repeat 0 center; } .sidebar .cities .cols { margin-bottom: -20px; } .sidebar .cities ul { float: left; width: 100px; } .sidebar .cities ul.left { width: 130px; } .sidebar .cities ul li { list-style: none; padding-left: 10px; background: url(/media/img/item.gif) no-repeat 0 center; } .sidebar .opinions { color: #7A7A7A; } .sidebar .opinions h3 { padding-bottom: 5px; } .sidebar .opinions .colored, .sidebar .male, .sidebar .opinions .female { color: #383838; } .sidebar .opinions strong.male, .sidebar .opinions strong.female { display: block; padding: 1px 0; } .sidebar .opinions strong.male { padding-left: 15px; background: url(/media/img/user-male.gif) no-repeat 0 center; } .sidebar .opinions strong.female { padding-left: 15px; background: url(/media/img/user-female.gif) no-repeat 0 center; } .opinions strong.male { padding-left: 15px; background: url(/media/img/user-male.gif) no-repeat 0 center; } .opinions strong.female { padding-left: 15px; background: url(/media/img/user-female.gif) no-repeat 0 center; } .sidebar .opinions p.links { padding-top: 15px; } .sidebar .opinions p.links a.button-blue { float: left; margin-top: -5px; margin-right: 10px; } .sidebar .weather h3 { padding-bottom: 5px; } .sidebar .weather .temp { position: relative; margin-top: 5px; padding: 0 0 5px 50px; height: 40px; } /* иконки */ .sidebar .weather .sun { background: url(/media/img/weather-sun.gif) no-repeat 0 0;} .sidebar .weather .sun-clouds { background: url(/media/img/weather-sun-clouds.gif) no-repeat 0 0;} .sidebar .weather .snow { background: url(/media/img/weather-snow.gif) no-repeat 0 0;} .sidebar .weather .snow-clouds { background: url(/media/img/weather-snow-clouds.gif) no-repeat 0 0;} .sidebar .weather .raining { background: url(/media/img/weather-raining.gif) no-repeat 0 0;} .sidebar .weather .temp big { position: absolute; top: 2px; } .sidebar .weather .temp small { position: absolute; left: 57px; top: 21px; } .sidebar .weather label { text-align: left; width: 40px; } .sidebar .weather select { width: 130px; } .sidebar form.poll { padding: 0; } .sidebar form.poll p.answer { padding: 3px 0; } .sidebar form.poll p.answer input.radio { position: relative; top: 2px; margin-right: 3px; } html:first-child .sidebar form.poll p.answer input.radio { top: -1px; } .sidebar form.poll p.buttons { padding-top: 15px; } .sidebar form.poll p.buttons a.button-blue { float: left; margin-top: -5px; margin-right: 10px; } /* --------------------------------------------------------------------------------------------------------------------------------------------------- Footer --------------------------------------------------------------------------------------------------------------------------------------------------- */ #footer { background: url(/media/img/footer-bg.png) repeat-x 0 0; min-height: 160px; } ul#footernav { float: right; } ul#footernav li { padding: 0 9px 0 7px; list-style: none; float: left; line-height: 22px; background: url(/media/img/footer-li.png) no-repeat right center; } ul#footernav li a { color: #fff; } #footer-banner { clear: both; float: right; padding: 32px 32px 32px 0; } p#copyright { padding: 70px 0 32px 40px; }