@charset "utf-8"; /* CSS Document */ /* Start: Recommended Isotope styles */ /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -ms-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s; } html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, span, a, img, form, input, dl, dd, dt {margin: 0px; padding: 0px;} html {height: 100%; background: #f1f1f1 url(../images/fon.png); } body {font: 13px/normal Arial, Helvetica, sans-serif; color: #717171; min-width: 1000px; position: relative; height: 100%; background: url(../images/fon_top2.png) repeat-x; } img {border: none;} a {cursor: pointer; text-decoration: underline; color: #e50100;} a:hover {text-decoration: none;} p {padding:0 0 15px;} h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif;; color: #494949; padding: 0 0 25px; line-height: normal; font-weight: normal;} h1 {font-size: 22px; } h2 {font-size: 22px;} h3 {font-size: 18px;} h4 {font-size: 16px;} h5 {font-size: 13px;} h6 {font-size: 12px;} ol {padding:0 0 20px 30px;} ul {padding: 0 0 20px 0; } ul li {list-style:none; background: url(../images/list_marker.png) left 6px no-repeat; padding: 0 0 20px 14px} ol li{padding: 5px; } input {outline: none;} strong {color: #464646;} @font-face { font-family: 'open_sans_condensed'; src: url('opensans-condbold-webfont.eot'); src: url('opensans-condbold-webfont.eot?#iefix') format('embedded-opentype'), url('opensans-condbold-webfont.woff') format('woff'), url('opensans-condbold-webfont.ttf') format('truetype'), url('opensans-condbold-webfont.svg#open_sans_condensedbold') format('svg'); font-weight: bold; font-style: normal; } .footer_content:before, .footer_content:after, .header:before, .header:after, .menu ul:before, .menu ul:after, .bl_searche:before, .bl_searche:after, .top:before, .top:after, .counter:before, .counter:after, .filter ul:before, .filter ul:after, .filt:before, .filt:after, .wrap_block_counts3:before, .wrap_block_counts3:after, .bl_counts1 ul:before, .bl_counts1 ul:after, .block_images:before, .block_images:after, .contentarea:before, .contentarea:after, .top_content:before, .top_content:after, .fon3:before, .fon3:after, .buttons ul:before, .buttons ul:after, .catalog ul li:before, .catalog ul li:after, .counts_block ul:before, .counts_block ul:after, .bl_counts3 ul:before, .bl_counts3 ul:after , .tabs ul:before, .tabs ul:after, .form_upload dt:before, .form_upload dd:before, .form_upload dt:after, .form_upload dd:after, .right_part:before, .right_part:after, .but_ent:before, .but_ent:after, .block_sb2:before, .block_sb2:after, .item_post ul li:before, .item_post ul li:after, .network2:before, .network2:after, .smiles_2 ul:before, .smiles_2 ul:after, .block_navigate:before, .block_navigate:after, .header_l:before, .header_l:after, .button_see:before, .button_see:after {content: ""; display: table;} .footer_content:after, .header:after, .menu ul:after, .bl_searche:after, .top:after, .counter:after, .filter ul:after, .filt:after, .wrap_block_counts3:after, .bl_counts1 ul:after, .block_images:after, .contentarea:after, .top_content:after, .fon3:after, .buttons ul:after, .catalog ul li:after, .counts_block ul:after, .bl_counts3 ul:after, .tabs ul:after, .form_upload dt:after, .form_upload dd:after, .right_part:after, .but_ent:after, .block_sb2:after, .item_post ul li:after, .network2:after, .smiles_2 ul:after, .block_navigate:after, .header_l:after, .button_see:after {clear: both;} .footer_content, .header, .menu ul, .bl_searche, .top, .counter, .filter ul, .filt, .wrap_block_counts3, .bl_counts1 ul, .block_images, .contentarea, .top_content, .fon3, .buttons ul, .catalog ul li, .counts_block ul, .bl_counts3 ul, .tabs ul, .form_upload dt, .form_upload dd, .right_part, .but_ent, .block_sb2, .item_post ul li, .network2, .smiles_2 ul, .block_navigate, .header_l, .button_see {zoom:1;} .wrap {min-height: 100%; position: relative; width: 100%;} .page {padding: 0 4px 100px; position: relative; width: 992px; margin: 0 auto;} .page_main {padding: 0 1% 155px; position: relative;} .wrap_header {height:118px; padding: 0 0 25px; } .header_main {} .header {/*height: 84px; overflow: hidden;*/} .logo {float: left; width: 150px; padding: 26px 34px 0 0;} .logo a {display: block; width: 150px; height: 43px; background: url(../images/logo.png) no-repeat; text-decoration: none;} .menu {float: left; position: relative; } .menu ul {margin: 0; padding: 0; width: 100%; } .menu ul li {list-style: none; float: left; text-transform: uppercase; text-shadow: 0 2px 2px #101010; padding: 35px 25px 33px 27px; background: url(../images/border.png) left top repeat-y;} .menu ul li a {text-decoration: none; color: #fff;} .menu ul li a:hover {text-decoration: underline;} .menu ul .load { padding: 20px 13px 0;} .load span { display: inline-block; background: url(../images/load.png) no-repeat; width: 128px; height: 49px; text-align: center; padding: 15px 0 0;} .menu ul .load span a:hover {text-decoration: none;} .menu ul .searche {padding: 27px 0 29px 27px; overflow: hidden; position: relative; z-index: 0;} .bl_searche {background: #fff; width: 190px; height: 28px; padding: 0 29px 0 8px;-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: relative; } .main_searche {background: url(../images/search_main.png) no-repeat; width: 381px;} .inpt {float: left; width: 100%;} .inpt input[type="text"] {width: 100%; font-size: 13px; height: 28px; line-height: 28px; color: #696969;border: none; background:#fff;} .link_search {position: absolute; right: 8px; top:0; width:17px; padding: 0 0 0 4px; background: url(../images/searche_fon.png) left center no-repeat; } .link_search a {display: block; width:21px; padding: 5px 0 0 2px; height: 23px; text-decoration: none; background: url(../images/searche.png) center center no-repeat; } .enter {position: absolute; right: 1%; top:0; color: #fff; text-transform: uppercase; padding: 35px 0 33px 20px;text-shadow: 0 2px 2px #101010; background: url(../images/border.png) left top repeat-y;} .enter ul {margin: 0; padding: 0;} .enter ul li {float: left; list-style: none; background: url(../images/border_enter.png) left center no-repeat; padding: 0 0 0 10px;} .enter ul li:first-child {background: none; padding-right: 8px; padding-left: 0;} .enter ul li a {color: #fff;text-decoration: none;} .enter ul li a:hover {text-decoration: underline;} .top {color: #fff;} .block_smile {float: left; width: 200px; padding: 8px 10px 0 0; color: #fff; text-transform: uppercase; } .block_smile span {color: #db1a01;} .counter {float: left; font-size: 13px; padding: 9px 0 0;color: #d4dadc;} .counter span {color: #fefefe; } .count1 {float: left; padding: 8px 6px 0 0; } .count2 {float: left; padding: 2px 7px 0 0; } .wrap1 {background: url(../images/filter_fon.png) no-repeat; padding: 0 0 0 4px; margin: 0 0 24px;} .wrap2 {background: url(../images/filter_fon.png) right bottom no-repeat; padding: 0 4px 0 0;} .wrap2 ul { padding: 0; margin: 0;} .wrap3 {background: url(../images/filter_fon.png) 0 center repeat-x;height: 37px;} .list_navig {float: left; margin-top: -5px; font-size: 12px; color: #979797; text-transform: uppercase;} .list_navig ul li {list-style: none; float: left; padding: 0;} .list_navig ul li {padding: 0 12px; height: 46px; line-height: 46px; position: relative; background: none;} .list_navig ul .active, .after18.active {border: 1px solid #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: #b1b1b1 -2px 3px 4px; -moz-box-shadow: #b1b1b1 -2px 3px 4px; box-shadow: #b1b1b1 -2px 3px 4px; background: #f7f7f7; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f7f7f7), to(#ffffff)); background: -webkit-linear-gradient(#f7f7f7, #ffffff); background: -moz-linear-gradient(#f7f7f7, #ffffff); background: -ms-linear-gradient(#f7f7f7, #ffffff); background: -o-linear-gradient(#f7f7f7, #ffffff); background: linear-gradient(#f7f7f7, #ffffff); -pie-background: linear-gradient(#f7f7f7, #ffffff); } .list_navig ul li a {color: #979797; text-decoration: none;} .list_navig ul li a span {display: inline-block; background: url(../images/icon.png) no-repeat; margin: 0 0 0 8px;} .lte7 .list_navig ul li a span {display: inline; zoom:1;} .list_navig ul .it1 a span {background-position:-44px -209px ; width: 20px; height: 16px;} .list_navig ul .it1.active a span {background-position: -44px -250px;} .list_navig ul .it2 a span {background-position: -108px -208px; width: 19px; height: 18px;} .list_navig ul .it2.active a span {background-position: -108px -249px;} .list_navig ul .it3 a span {background-position: -160px -211px; width: 23px; height: 15px; } .list_navig ul .it3.active a span {background-position: -160px -252px; } .list_navig ul .it4 a span {background-position: -218px -210px; width: 26px; height: 16px; } .list_navig ul .it4.active a span {background-position: -218px -251px; } .list_navig ul .it5 a span {background-position: -289px -210px; width: 26px; height: 16px; } .list_navig ul .it5.active a span {background-position: -289px -251px; } .list_navig ul .it6 a span {background-position: -361px -206px; width: 21px; height: 22px; } .list_navig ul .it6.active a span {background-position: -361px -247px; } .list_navig ul li a * {vertical-align: middle;} .button_see { float: left; padding: 10px 0 0 0;} .button_see ul {margin: 0; padding: 0;} .button_see ul li {background: none; float: left; padding: 0; margin: 0 0 0 18px;} .button_see ul li a {display: block; width: 26px; height: 20px; background: url(../images/sprite1.png) no-repeat; } .button_see ul .see1 a {background-position: -319px 0;} .button_see ul .see2 a {background-position: -287px 0;} .list_navig ul .active a {color: #202020;} .wrap_block_images { overflow: hidden; width: 100%; position: relative;} .block_images {padding: 0 0 6px; position: relative; width: 330px; overflow: hidden; margin: 0 auto; line-height: 0;font-size: 0; /*display: table;*/ /*width: 100%;*/text-align: center; } .box {/*float: left;*/ display: inline-block; vertical-align: top; line-height: normal; font-size: 13px; position: relative;/*top:0;left:50%;*/ padding: 5px 5px 1px; background: #fff; border: 1px solid #e5e5e5;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 0 2px 18px 2px; width: 316px; text-align: left;} .lte7 .box {display: inline; zoom:1;} .image_block {padding: 0 0 5px; } .image_block img { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: relative; max-width: 316px;} .wrap_block_counts1 {background: url(../images/counts_fon.png) left top no-repeat; padding: 0 0 0 3px; margin: 0 0 20px;zoom:1;} .wrap_block_counts2 { background: url(../images/counts_fon.png) right bottom no-repeat; padding: 0 3px 0 0;zoom:1;} .wrap_block_counts3 { background: url(../images/counts_fon.png) left center repeat-x; height: 24px; padding: 7px 0 0; text-align: left; position: relative; width: 100%;zoom:1;} .two_blocks {position: relative; width: 170px; overflow: hidden; height: 20px;} .bl_counts1 { width: 146px; position: absolute; left: 7px; top:0; display: none;} .bl_counts1 ul {margin: 0; padding: 0; width: 100%; font-size: 0; line-height: 0; display: table;} .bl_counts1 ul li {/*float: left;*/ display: inline-block; position: relative; list-style: none; padding: 0 7px; font-size: 13px; line-height: normal; background: none;} .lte7 .bl_counts1 ul li {display: inline; zoom:1;} .bl_counts1 ul * {vertical-align: middle;} .bl_counts1 ul li a {display: block; position: relative;} .net1 a {background: url(../images/sprite1.png) no-repeat; width: 9px;height: 17px; } .net2 a {background: url(../images/sprite1.png) -14px top no-repeat; width: 23px;height: 17px;} .net3 a {background: url(../images/sprite1.png) -46px top no-repeat; width: 13px;height: 17px; } .net4 a {background: url(../images/sprite1.png) -68px top no-repeat; width: 11px; height: 18px;} .net5 a {background: url(../images/sprite1.png) -86px top no-repeat; width: 19px; height: 19px;} .net1 a:hover {background-position: left bottom;} .net2 a:hover {background-position: -14px bottom;} .net3 a:hover {background-position: -46px bottom;} .net4 a:hover {background-position: -68px bottom;} .net5 a:hover {background-position: -86px bottom;} .bl_counts2 { position: absolute; right: 10px; top:-2px; padding: 3px 1px 0 10px; height: 33px; border-right: 1px solid #fff; -webkit-border-radius:0 0 3px 2px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -webkit-box-shadow: #dbdbdb -2px 3px 3px; -moz-box-shadow: #dbdbdb -2px 3px 3px; box-shadow: #dbdbdb -2px 3px 3px; background: #f7f7f7; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f7f7f7), to(#fdfdfd)); background: -webkit-linear-gradient(#f7f7f7, #fdfdfd); background: -moz-linear-gradient(#f7f7f7, #fdfdfd); background: -ms-linear-gradient(#f7f7f7, #fdfdfd); background: -o-linear-gradient(#f7f7f7, #fdfdfd); background: linear-gradient(#f7f7f7, #fdfdfd); -pie-background: linear-gradient(#f7f7f7, #fdfdfd);} .bl_counts2 ul {margin: 0; padding: 0; font-size: 0; line-height: 0; display: table;} .bl_counts2 ul li {display:inline-block; list-style: none; font-size: 13px; line-height: normal; padding: 0 7px 0 0; background: none;} .bl_counts2 ul li a {position: relative; display: block; z-index: 100;} .lte7 .bl_counts2 ul li {display: inline; zoom:1;} .bl_counts2 ul *{vertical-align: middle;} .bl_counts2 ul li .icon {display: block;} .icon1_sm .icon, .happy .icon {background: url(../images/sprite1.png) -111px top no-repeat; width: 29px; height: 28px;} .icon1_sm a:hover .icon, .happy a:hover .icon {background-position: -111px bottom;} .icon2_sm .icon, .sad .icon{background: url(../images/sprite1.png) -146px top no-repeat; width: 29px; height: 28px;} .icon2_sm a:hover .icon, .sad a:hover .icon {background-position: -146px bottom;} .bl_counts2 ul .icon3_sm {padding-left: 5px;} .icon3_sm .icon {background: url(../images/sprite1.png) -178px top no-repeat; width: 27px; height: 27px;} .icon3_sm a:hover .icon {background-position: -178px bottom;} .bl_counts3 {padding: 0 0 0 0; width: 170px; position: absolute; left: 7px; top:2px;} .message {position: absolute; bottom:-19px; left: 0; display: none; z-index: 10; } .message span {display: block; padding: 0 5px; height:16px; line-height: 16px; background: #fff; -webkit-box-shadow: #dbdbdb -2px 3px 3px; -moz-box-shadow: #dbdbdb -2px 3px 3px; box-shadow: #dbdbdb -2px 3px 3px;} .bl_counts2 ul li a:hover .message, .top2 ul li a:hover .message {display: block;} .text_block {margin: 0 -4px; padding:0 7px 15px 19px;background: #ffffff; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#fbfbfb)); background: -webkit-linear-gradient(#ffffff, #fbfbfb); background: -moz-linear-gradient(#ffffff, #fbfbfb); background: -ms-linear-gradient(#ffffff, #fbfbfb); background: -o-linear-gradient(#ffffff, #fbfbfb); background: linear-gradient(#ffffff, #fbfbfb); -pie-background: linear-gradient(#ffffff, #fbfbfb);} .text_block h2 {color: #363636; font-size: 16px; line-height: 18px; padding: 0 0 10px; font-family: "open_sans_condensed";} .text_block .text_side {color: #7e8995; padding: 0 0 10px;} .pagination {font-size: 16px; text-align: center; width: 100%;} .pagination ul {display: inline-block;} .lte7 .pagination ul { display: inline; zoom:1;} .pagination ul li {padding: 0 9px;} .list_navig ul .arr1, .list_navig ul .arr2,.list_navig ul .arr3,.list_navig ul .arr4 {padding-top: 15px;} .arr1 a, .arr2 a, .arr3 a, .arr4 a {display: block;background: url(../images/sprite_arrows.png) no-repeat;} .arr1 a {background-position: 0 -12px; width: 16px; height: 17px;} .arr2 a {background-position: 0 -54px; width: 16px; height: 17px;} .arr3 a {background-position: 0 -89px; width: 16px; height: 17px;} .arr4 a {background-position: 0 -126px; width: 16px; height: 17px;} .contentarea {padding: 24px 0 0;} .content {float: left; width: 660px;position: relative;z-index: 0;} .top_content {padding: 18px 21px 12px; background: url(../images/fon_bl_quadr.png);-webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px; position: relative; margin: 0 0 11px;} .top1 {float: left; width: 451px;} .top1 h3 {color: #fff; font-size: 25px; padding: 0 0 8px} .info_block {font-size:12px; line-height: 0;font-size: 0; display: table; } .info_block span {display: inline-block; font-size: 12px; line-height: normal;} .lte7 .info_block span {display: inline; zoom:1;} .name_autor {color: #ff1312; padding: 0 13px 0 0; } .date {color: #afafaf; background: url(../images/bord.png) left center no-repeat; padding: 0 27px 0 15px;} .item_count1, .item_count2 , .item_count3 {color: #afafaf; background: url(../images/counts_grey.png) no-repeat; padding: 0 22px 0 20px;} .item_count1 {background-position: 0 1px ;} .item_count2 {background-position: 0 -17px;} .item_count3 {background-position: 0 bottom;} .top2 {float: right; width: 128px;} .top2 ul {margin: 0; padding: 0;} .top2 li {float: left; list-style: none; padding: 8px 0 0 14px; margin: 0 0 0 1px;width:45px; height:34px; border: 1px solid #fff; position: relative; background: #dcdcdc; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dcdcdc), to(#ffffff)); background: -webkit-linear-gradient(#dcdcdc, #ffffff); background: -moz-linear-gradient(#dcdcdc, #ffffff); background: -ms-linear-gradient(#dcdcdc, #ffffff); background: -o-linear-gradient(#dcdcdc, #ffffff); background: linear-gradient(#dcdcdc, #ffffff); -pie-background: linear-gradient(#dcdcdc, #ffffff);} .top2 .happy {-webkit-border-radius:2px 0 0 2px; -moz-border-radius:2px 0 0 2px; border-radius:2px 0 0 2px;} .top2 .sad {-webkit-border-radius: 0 2px 2px 0; -moz-border-radius:0 2px 2px 0; border-radius:0 2px 2px 0;} .top2 a {display: block; position: relative;} .top2 li a .icon {display: block;} .top2 .message span{-webkit-box-shadow: #222 -2px 2px 3px; -moz-box-shadow: #222 -2px 2px 3px; box-shadow: #222 -2px 2px 3px;} .fon1 {background: url(../images/fon_white.png) left top no-repeat; padding: 0 0 0 5px; margin: 0 0 30px; } .fon2 {background: url(../images/fon_white.png) right bottom no-repeat; padding: 0 5px 0 0;} .fon3 {background: url(../images/fon_white.png) left center repeat-x; width: 100%; height: 34px;} .network {padding: 8px 10px 0 5px; float: left; width: 420px; overflow: hidden; } .buttons {float: right; margin-top: -2px; margin-right: -5px; } .buttons ul {background: #fff; padding: 1px; -webkit-border-radius: 2px; -moz-border-radius:2px; border-radius:2px; -webkit-box-shadow: #dbdbdb -2px 3px 3px; -moz-box-shadow: #dbdbdb -2px 3px 3px; box-shadow: #dbdbdb -2px 3px 3px;} .buttons ul li {float: left;padding: 11px 0 0 13px; list-style: none; background: #E6E6E6; position: relative; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E6E6E6), to(#fdfdfd)); background: -webkit-linear-gradient(#E6E6E6, #fdfdfd); background: -moz-linear-gradient(#E6E6E6, #fdfdfd); background: -ms-linear-gradient(#E6E6E6, #fdfdfd); background: -o-linear-gradient(#E6E6E6, #fdfdfd); background: linear-gradient(#E6E6E6, #fdfdfd); -pie-background: linear-gradient(#E6E6E6, #fdfdfd); width: 22px; height: 25px;} .but1 {border-right: 1px solid #d2d2d2;-webkit-border-radius: 2px 0 0 0; -moz-border-radius:2px 0 0 0;border-radius:2px 0 0 0;} .but2 {border-left:1px solid #fff;-webkit-border-radius: 0 2px 0 0 ; -moz-border-radius:0 2px 0 0;border-radius:0 2px 0 0;} .buttons ul li a {display: block; width: 9px; height: 15px;} .but1 a {background: url(../images/arr_red_left.png) no-repeat;} .but2 a {background: url(../images/arr_red_right.png) no-repeat;} .item_block {text-align: center; padding: 0 0 30px;} .comments {padding: 13px 21px; border: 1px solid #eaeaea; background: #fff;-webkit-border-radius: 4px; -moz-border-radius:4px; border-radius:4px;} .sidebar {float: right; width: 312px;} .link1 {text-transform: uppercase; padding: 0 0 18px;} .link1 a { background: url(../images/where_you.png) no-repeat; display: block; width: 323px; height: 35px; color: #fff; text-decoration: none; line-height: 33px; text-align: center; margin-left: -4px;} .block_sb1 {background: #fbfbfb; border: 1px solid #e1e1e1;-webkit-border-radius: 4px; -moz-border-radius:4px; border-radius:4px; position: relative; padding: 28px 20px 10px; margin: 0 0 19px;} .sidebar h2 {font-size: 13px; text-transform: uppercase; color: #343434; padding: 0 0 20px;} .counts_list {} .counts_list ul {margin: 0; padding: 0; } .counts_list li {padding: 10px 0 16px;list-style: none; background: url(../images/list_counts_border.png) left top repeat-x;} .counts_list li:first-child {background: none;} .block_sb2 {background: #fff; border:1px solid #e7e7e7;-webkit-border-radius: 4px; -moz-border-radius:4px; border-radius:4px; position: relative; padding: 20px 20px 10px; margin: 0 0 22px; } .block_sb2 h3 {font-size: 14px; padding: 0 0 3px;} .catalog {} .catalog ul {margin: 0; padding: 0;} .catalog ul li {list-style: none; padding: 0 0 15px; } .image {float: left; width: 117px;} .image img {max-width: 117px; } .info_image {float: right; width: 140px;} .counts_block {} .counts_block ul, .bl_counts3 ul {margin: 0; padding: 0; width: 110%;} .counts_block ul li, .bl_counts3 ul li {float: left; padding: 0 8px 0 0; font-size: 11px; list-style: none; background: none; } .counts_block ul li .icon, .bl_counts3 ul .icon {display: inline-block; width: 12px; height: 13px; background: url(../images/sprite1.png) no-repeat; padding: 0 6px 0 0;} .lte7 .counts_block ul li .icon, .lte7 .bl_counts3 ul .icon {display: inline; zoom:1;} .counts_block ul li *, .bl_counts3 ul li * {vertical-align: middle;} .counts_block ul li.num1 .icon, .bl_counts3 ul li.num1 .icon{background-position: -216px 0;} .counts_block ul li.num2 .icon, .bl_counts3 ul li.num2 .icon {background-position: -242px 0;} .counts_block ul li.num3 .icon, .bl_counts3 ul li.num3 .icon {background-position: -267px 0;} .tabs {background: #d7d7d7; border-top:1px solid #b7b7b7; border-left:1px solid #ccc; border-right: 1px solid #ccc; padding: 16px 20px 0; -webkit-border-radius: 2px 2px 0 0; -moz-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0; position: relative; z-index: 5;} .tabs ul {margin: 0; padding: 0; font-size: 13px;} .tabs ul li {float: left; padding: 0; list-style: none; display: block; text-transform: uppercase; height: 76px; margin: 0 11px 0 0; position: relative; background: none;} .tabs ul li a {display: block;background: url(../images/tabs_load.png) -1px bottom no-repeat; width: 41px; height: 41px; padding: 15px 0 0 15px; text-decoration: none; } .tabs ul li a span {display: block;} .tabs ul .photo a { } .tabs ul a span {background: url(../images/sprite2.png) left bottom no-repeat; width: 26px; height: 22px; } .name_tab {color: #808080; display: block;text-align: center;} .tabs ul .video a span {background: url(../images/sprite2.png) -42px bottom no-repeat; width: 26px; height: 24px;} /*.tabs ul .active {background: url(../images/act_element.png) center bottom no-repeat;}*/ .tabs ul .active a {background-position: -1px -2px;} .tabs ul .photo.active a span {background-position: left top;} .tabs ul .video.active a span {background-position: -42px top;} .tabs ul .active .name_tab {color: #343434;} .act_elem {display:none; position: absolute; width: 10px; height: 5px; bottom:-1px; left:24px; background: url(../images/act_element.png) center bottom no-repeat;} .tabs ul .active .act_elem {display: block;} .item_block_tab { padding: 30px 21px 0; margin: 0 -1px 0; border: 1px solid #e8e8e8; border-top: 1px solid #cfcfcf; -webkit-border-radius: 5px; -moz-border-radius:5px;border-radius:5px; position: relative; background: #fff; z-index: 0;} .form_upload { border-bottom: 1px solid #ccc; margin: 0 0 20px;} .form_upload dd, .form_upload dt {padding: 0 0 45px;} .form_upload .left_part {display: block; float: left; width: 150px; padding: 5px 0 0;} .form_upload .right_part {float: right; width: 459px;} .inpt1 {display: block; background: url(../images/input.png) no-repeat; width: 445px; height: 30px; padding: 0 5px 6px; overflow: hidden; position: relative; } .form_upload input[type="text"] { background: none; border: none; width: 445px; height: 30px; font-size: 13px; color: #717171; line-height: 30px; outline: none;} .inpt1 input[type="file"] {font-size: 200px;-moz-opacity:0; opacity: 0; filter: alpha(opacity=0);text-indent: -1000px; height: 50px; width: 500px;} .load_picture {color: #8e8e8e;} .load_picture a {padding: 0 26px 0 0;} .jClever-element {margin: 0; display: inline-block; padding: 0 14px 0 0;} .lte7 .jClever-element {display: inline; zoom:1;} .checks {border: none;} .checks dt, .checks dd {padding: 0 0 14px;} .jClever-element-checkbox-twins {width: 14px; height: 14px;} .add {display: block; color: #fff; text-decoration: none; background: url(../images/add.png) no-repeat; width: 114px ;height: 33px; text-align: center; float: left; margin: 0 18px 0 0; text-transform:uppercase; line-height: 30px; } .jClever-element .jClever-element-file-name {display: none;} .jClever-element .jClever-element-file-button {display: none;} .cancel {background: url(../images/cancel.png) no-repeat; width: 97px ; float: left; display:block; height: 33px; color: #686868; font-size: 12px;text-decoration: none; text-align: center; text-transform:uppercase; line-height: 30px;} .block_sb3 {padding: 18px 20px 0; margin: 0 0 19px; border: 1px solid #e7e7e7; background: #ffffd9;-webkit-border-radius: 5px; -moz-border-radius:5px;border-radius:5px; position: relative; color: #6a6a6a;} .block_sb3 h2 {padding: 0 0 8px;} .login_block {width: 388px; padding: 20px 20px 0;; border: 1px solid #e7e7e7; background: #fff; margin: 0 auto;-webkit-border-radius: 5px; -moz-border-radius:5px;border-radius:5px; position: relative;} .login_block dt,.login_block dd {padding: 0 0 23px;} .enter_fb {} .enter_fb a {background: url(../images/enter_contact.png) no-repeat; width: 387px; height: 37px; text-decoration: none; display: block;} .login_block .inpt2, .login_block .inpt2 {background: url(../images/input2.png) no-repeat; width: 375px; height: 28px; display: block; padding: 2px 5px 23px; position: relative;} .inpt2 input[type="text"], .inpt2 input[type="password"] {background: #ebebeb; width: 375px; height: 28px; font-size: 13px; color: #575757; border: none; line-height: 28px; position: relative;} .but_ent {display: block;} .rem_passw {float: left; width: 170px; padding: 5px 0 0;} .rem_passw a {color: #808080;} .eneter_site {float: right;} .eneter_site a {display:block; text-align:center; text-transform:uppercase; background: url(../images/butt2.png) no-repeat; width: 148px; height: 35px; color: #fff; text-decoration: none; line-height: 32px;} /*user_page*/ .image_place {float: left; width: 416px; margin: -20px 0 -10px -20px;} .image_place img {-webkit-border-radius: 3px 0 0 3px; -moz-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; position: relative; max-width: 416px;} .image_place1 {width: 242px; padding: 123px 0 0 174px; float: left; margin: -20px 0 -10px -20px; background: url(../images/fon_avatar.png); height: 219px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; position: relative;} .put_data {float: right; width: 203px;} .nic label{color: #494949;} .nic .jClever-element {padding: 0 7px 0 0;} .nic * {vertical-align: middle;} .nic {padding: 0 0 12px;} .pricol {padding: 0 0 36px;} .put_data h1 {padding: 0 0 14px;font-size: 21px;} .put_data h3 {padding: 0 0 12px; font-size: 13px;} .redact {} .redact dt, .redact dd {padding: 0 5px 12px;} .inpt3 {background: url(../images/input3.png) no-repeat; width: 192px; height: 27px; } .inpt3 input[type="text"] {width: 192px; height: 27px; font-size: 14px; color: #6f6f6f; line-height: 27px; background: none; border:none;} .redact .save_settings { padding-top: 8px; padding-bottom: 0;} .save_settings a {display: block; background: url(../images/but_save.png) no-repeat; width: 209px; height: 35px; margin-left: -8px; color: #fff; text-decoration: none; text-align: center; font-size: 12px; text-transform: uppercase; line-height: 32px;} .title1 {font-size: 18px; text-transform: uppercase; color: #2d2929;} .item_post {} .item_post ul {margin: 0; padding: 0;} .item_post ul li {background: none; padding: 38px 0 0; margin: 0 0 32px; border-top: 1px dotted #9a9a9a;} .item_post ul li .counts_block li {padding: 0 8px 0 0; margin: 0; border: none;} .item_post ul li:first-child {border: none; padding: 0;} .image_place2 { width: 395px; float: left; } .image_place2 img{max-width: 395px;} .data_post {width: 203px; float: right;} .mess_post {font-size: 18px; padding: 0 0 20px; color: #494949;} .user_name {color: #f5251d; font-size: 13px; padding: 0 0 3px;} .data_post .counts_block {padding: 0 0 17px;} .smiles_2 { margin: 0 0 22px; } .smiles_2 ul {margin: 0; padding: 0;-webkit-box-shadow: #c1c1c1 0px 3px 3px; -moz-box-shadow: #c1c1c1 0px 3px 3px; box-shadow: #c1c1c1 0px 3px 3px; position: relative; display: inline-block;} .lte7 .smiles_2 ul {display: inline; zoom:1;} .smiles_2 ul li {background: none; float: left; border: 1px solid #fff; padding: 0; margin: 0;} .smiles_2 ul li:first-child {border-right: none;} .smiles_2 ul .happy {-webkit-border-radius: 3px 0 0 3px; -moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px; position: relative;} .item_post .smiles_2 ul li:first-child {border: 1px solid #fff; border-right: none;} .smiles_2 ul .sad {-webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0;border-radius: 0 3px 3px 0; position: relative;} .smiles_2 ul li a {display: block; width: 65px; height: 38px; background: url(../images/fon_sliles.png) repeat-x; padding: 12px 0 0 34px; position: relative;} .smiles_2 ul .happy a {-webkit-border-radius: 3px 0 0 3px; -moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px; position: relative;} .smiles_2 ul .sad a {-webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0;border-radius: 0 3px 3px 0; position: relative;} .smiles_2 ul .happy a .icon {background: url("../images/sprite1.png") no-repeat -111px top ; display: block; height: 28px; width: 29px;} .smiles_2 ul .happy a:hover .icon {background-position: -111px bottom;} .smiles_2 ul .sad a .icon {display: block; background: url("../images/sprite1.png") no-repeat -146px top;height: 28px; width: 29px; } .smiles_2 ul .sad a:hover .icon {background-position: -146px bottom;} .smiles_2 ul li a:hover .message {display: block;} .smiles_2 ul li a .message {bottom: -10px; left: 10px;} .network2 {} .netw1 {float: left; } .netw2 {float: right; padding: 1px 0 0;} .numb_work {font-size: 14px; color: #2d2929; padding: 0 0 27px;} .numb_work span {color: #f5251d;} .works_check {} .works_check ul {} .works_check ul li {background: none; padding: 0 0 15px;} .works_check ul li .jClever-element {padding: 0 5px 0 0;} .jClever .works_check ul li label {color: #565656;} .block_sb4 {background: #fbfbfb;-webkit-border-radius: 4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; position: relative; padding: 24px 20px 10px; border: 1px solid #e2e2e2; border-bottom: 1px solid #d2d2d2;} .block_navigate {background: #e2e2e2; border: 1px solid #e2e2e2; border-top: 1px solid #dbdbdb; padding:16px 20px;-webkit-border-radius:0 0 4px 4px ; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; position: relative; } .prev_but {float: left;} .next_but {float: right;} .block_navigate a, .all_vertion a {display: block; background: url(../images/next_fon.png) repeat-x; border: 1px solid #b6b6b6; width: 140px ;height: 27px; text-decoration: none; font-size:12px; color: #686868; text-transform: uppercase; text-align: center; line-height: 27px;-webkit-border-radius: 4px; -moz-border-radius:4px ; border-radius:4px; position: relative; -webkit-box-shadow: #c1c1c1 0px 3px 3px; -moz-box-shadow: #c1c1c1 0px 3px 3px; box-shadow: #c1c1c1 0px 3px 3px;} .jClever-element-checkbox-twins {background: url(../images/checkboxes.png) left bottom no-repeat;} .jClever-element-checkbox-twins.checked {background-position: left top;} .right_part *{vertical-align: middle;} .works_check li * {vertical-align: middle;} /*registration*/ .registr {text-align: center;} .registr a {} .hide_block_email {padding: 10px 0 0; display: none;} .registr .but_ent {padding: 0;} /*light_version*/ .wrap_light {position: relative; min-height: 100%;background: #252525; overflow: auto; } .header_l { position: relative; padding: 20px 0 0; height: 44px; background: url(../images/light_border.png) left bottom repeat-x; text-align: center;} .logo_l {position: absolute; left: 30px; top:15px; width: 42px; } .logo_l a {display: block; width: 42px; height: 42px; background: url(../images/logo_light.png) no-repeat;} .header_l .block_smile { position: absolute; left: 82px; width: 80px; top:15px; padding-top: 0; text-align: left;} .header_l h1 {color: #fff; font-size: 20px;} .all_vertion {position: absolute; right: 22px; top:18px;} .all_vertion a {box-shadow: none;} .content_light {margin-right: 390px; min-height: 100%; position: relative; } .comments_block {position: fixed; top:0; right: 0; width: 390px; height: 100%; background: url(../images/right_bord.png) left top repeat-y; } .top_l {text-align: center; background: url(../images/light_border.png) left bottom repeat-x; height: 28px; padding: 2px 0 0; margin: 0 0 40px;} .contentarea_light {} .content_light { text-align: center;} .message_foot {position: fixed; bottom:0px; height: 15px;padding: 5px 0 14px; right: 200px; text-align: center; width:100%; color: #f0f0f0; font-size: 13px; background: url(../images/fon_footer_light.png);} .contentarea_light {width: 100%; position: relative;} .arr1_l, .arr2_l {position: absolute; left:27px; top:137px; width: 43px;} .arr2_l {left:auto; right: 27px;} .arr1_l a {display: block; background: url(../images/arr_left_light.png) no-repeat; width: 43px; height: 79px;} .arr2_l a {display: block; background: url(../images/arr_right_light.png) no-repeat; width: 43px; height: 79px;} .slot {height: 290px; background: none;} .fb_comments {height: 100%; overflow: hidden; position: relative;} .fb_commnets_inner {overflow: auto;} .footer1 {height: 143px; margin-top: -143px; position: relative;} .footer {background: url("../images/footer_fon.png") repeat-x 0 0 ; color: #FFFFFF; height: 58px; margin-top: -85px; padding: 27px 0 0; position: relative; } .wrap_footer {background: url(../images/footer_fon.png) repeat-x; color: #fff;padding: 27px 0 0; height: 58px;} .footer_content {width: 972px; margin: 0 auto; } .foot1 {float: left; width: 160px; padding: 0 10px 0 0; text-transform: uppercase;} .foot2 {float: right; width: 160px; padding: 0 0 0 10px;text-transform: uppercase; text-align: right;} .foot2 a { background: url(../images/up.png) left 4px no-repeat; padding: 0 0 0 24px; color: #fff; text-decoration: none;} .foot2 a:hover {text-decoration: underline;} .searche_block_main {overflow: hidden; position: relative; background: url("../images/border.png") repeat-y left top ; padding: 30px 25px 26px 27px;} .searche_block_main .bl_searche {width: 23%; min-width: 190px;} .main_foot {width:auto; margin: 0; padding: 0 1%;} /*9.11.2012*/ .add_photo {background: url(../images/load_picture.png) no-repeat; width: 88px; height: 88px; display: block;overflow: hidden; position: relative; cursor: pointer;} .add_photo input[type="file"] {font-size: 100px; position: absolute; right: 0; top:0; -moz-opacity:0; opacity: 0; filter: alpha(opacity=0);} .prev_but .disabled, .next_but .disabled{ display: block; background: url(../images/next_fon.png) repeat-x; border: 1px solid #b6b6b6; width: 140px ; height: 27px; text-decoration: none; font-size:12px; color: #686868; text-transform: uppercase; text-align: center; line-height: 27px;-webkit-border-radius: 4px; -moz-border-radius:4px ; border-radius:4px; position: relative; -webkit-box-shadow: #c1c1c1 0px 3px 3px; -moz-box-shadow: #c1c1c1 0px 3px 3px; box-shadow: #c1c1c1 0px 3px 3px;} /*str_load*/ .etl {color: #E50100;} .com_pol {display: block; padding: 7px 0 0;} .load_picture .inpt_file {position: relative; display: inline-block; height: 18px; width: auto; overflow: hidden;} .lte7 .load_picture .inpt_file {display: inline;zoom:1;} .load_picture .inpt_file:hover a{text-decoration: none;} .load_picture .inpt_file input[type="file"] {font-size: 90px; line-height: 90px; position: absolute; top:0; right: 0; -moz-opacity:0; opacity: 0; filter: alpha(opacity=0);} /*str_load*/ /*12.11.2012*/ .nic {position: relative;} .hide_block_activite1 {position: absolute; right: 210px; top:-67px; z-index: 10; color: #575757; font-size: 11px;} .hide_block_activite1 .shadow_block { position: relative; padding: 10px 44px 15px 19px; max-width: 400px; min-width: 170px; width: 200px; max-height: 400px; min-height: 50px;} .hide_block_activite1 .sh { position: absolute; background: url(../images/wind1.png) no-repeat; /*z-index: 10;*/ } .hide_block_activite1 .tl { top: -13px; bottom: 15px; left: -13px; right: 38px; } .hide_block_activite1 .tr { width: 38px; top: -13px; bottom: 15px; right: 0px; background: none;} .hide_block_activite1 .bl {left: -13px; right: 38px; bottom: 0px; height: 15px; background-position: bottom left;} .hide_block_activite1 .br { width: 38px; height: 15px; right: 0px; bottom: 0px; background-position: bottom right;} .hide_block_activite1 .list_items_activite {position: relative; z-index: 20;} .hide_block_activite1 .show_nic {padding: 0 0 10px;} .hide_block_activite1 label {color: #575757;} .r_elem1 {background: url(../images/wind1.png) no-repeat; width: 38px; position: absolute; background-position: top right; top: 0; height:20px; bottom: 261px; right: 0px;} .r_elem2 {background: url(../images/wind1.png) right center no-repeat; width: 38px; position: absolute; top:20px; right: 0; bottom:0px;} .info_pop1 {font-size: 11px; line-height: 18px; padding: 0 0 12px;} .menu ul li {position: relative; z-index: 0;} .menu ul .load {position: relative; z-index: 10;} .suivant {text-align: right; line-height: normal;} .suivant a {color: #f73434; font-style: italic; text-decoration: underline;} .suivant a:hover {text-decoration: none;} .hide_block_activite2 {position: absolute; left: 143px; top:10px; z-index: 50; color: #575757; text-shadow: none; font-size: 11px; line-height: 16px; text-transform: none;} .hide_block_activite2 .info_pop1 {padding: 0;} .hide_block_activite2 .shadow_block { position: relative; padding: 3px 19px 20px 28px; max-width: 400px; min-width: 170px; width: 185px; min-height: 40px; max-height: 450px;} .hide_block_activite2 .sh { position: absolute; background: url(../images/wind2.png) no-repeat; /*z-index: 10;*/ } .hide_block_activite2 .tl { top: -13px; bottom: 15px; left: -13px; right: 15px; background: right top; } .hide_block_activite2 .tr { width: 15px; top: -13px; bottom: 15px; right: 0px;background-position: right top; } .hide_block_activite2 .bl {left: -13px; right: 15px; bottom: 0px; height: 15px; background-position: bottom left;} .hide_block_activite2 .br { width: 15px; height: 15px; right: 0px; bottom: 0px; background-position: bottom right;} .hide_block_activite2 .list_items_activite {position: relative; z-index: 20;} .hide_block_activite2 .suivant a {color: #f73434; text-decoration: underline;} .hide_block_activite2 .suivant a:hover {text-decoration: none;} .l_elem1 {position:absolute; background: url(../images/wind2.png) no-repeat; top: 0px; bottom: 260px; left: 0px; right: 0px; height: 16px; } .l_elem2 {position: absolute; background: url(../images/wind2.png) left center no-repeat; top:16px; left: 0px; bottom: 0px; right: 0px;} .wrap_post {position: relative; z-index: 0;} .hide_block_activite3 {position: absolute; left: -40px; bottom: 45px; z-index: 10; color: #575757; text-shadow: none; font-size: 11px; line-height: 16px; text-transform: none;} .hide_block_activite3 .info_pop1 {padding: 0;} .hide_block_activite3 .shadow_block { position: relative; padding: 5px 26px 35px 14px; max-width: 400px; min-width: 120px; width: 150px; max-height: 450px;} .hide_block_activite3 .sh { position: absolute; background: url(../images/wind3.png) no-repeat; /*z-index: 10;*/ } .hide_block_activite3 .tl { top: -13px; bottom: 38px; left: -13px; right: 15px; } .hide_block_activite3 .tr { width: 15px; top: -13px; bottom: 38px; right: 0px; background-position: right top; } .hide_block_activite3 .bl {left: -13px; right: 15px; bottom: 0px; height: 38px; background:none;} .hide_block_activite3 .br { width: 15px; height: 38px; right: 0px; bottom: 0px; background-position: bottom right;} .hide_block_activite3 .list_items_activite {position: relative; z-index: 20;} .hide_block_activite3 .suivant a {color: #f73434; text-decoration: underline;} .hide_block_activite3 .suivant a:hover {text-decoration: none;} .b_elem1 {position: absolute; background: url(../images/wind3.png) left bottom no-repeat; left:0; right: 38px; width: 22px; bottom: 0; height: 38px;} .b_elem2 {position: absolute; background: url(../images/wind3.png) center bottom no-repeat; left:22px; right: 0; bottom: 0; height: 38px; } .hide_block_activite3 .info_pop1 {padding: 0 0 12px;} .numb_work {position: relative;} .numb_work .hide_block_activite3 {left: 15px; bottom: 35px;} .numb_work .hide_block_activite3 .shadow_block {width: 160px;} .inpt3 {position: relative;} .inpt3 .hide_block_activite2, .inpt3 .shadow_block, .inpt3 .list_items_activite, .inpt3 .info_pop1, .inpt3 .suivant, .inpt3 .sh, .inpt3 .tl, .inpt3 .l_elem1, .inpt3 .l_elem2, .inpt3 .tr, .inpt3 .bl , .inpt3 .br {display: block;} .inpt3 .hide_block_activite2 {left: 215px; top: -13px;} .inpt3 .shadow_block {width: 195px; padding-top: 7px; /*padding-bottom: 20px;*/} .inpt3 .shadow_block .info_pop1 {padding: 0 0 8px;} .content {z-index: 5;} .sidebar {position: relative; z-index: 0;} .buttons_popup:before, .buttons_popup:after{content: ""; display: table;} .buttons_popup:after {clear: both;} .buttons_popup {zoom:1;} .buttons_popup {} .inpt3 .wrap_message_wind, .message_wind, .cont_mess, .buttons_popup, .but_pop1, .but_pop2 {display: block;} .wrap_message_wind {position: fixed; top:50%; margin-top: -50px; left: 50%; margin-left:-159px; width: 318px; z-index: 10;font-size: 14px; color: #575757;} .message_wind {background: #fff;border: 1px solid #c3c3c3;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: #666 3px 3px 12px; -moz-box-shadow: #666 3px 3px 12px; box-shadow: #666 3px 3px 12px; padding: 24px 30px 10px; } .cont_mess {padding: 0 0 20px;text-align: center;} .buttons_popup { text-align: center; font-size: 0; line-height: 0; display: table; width: 100%; } .but_pop1 { /*float: left;*/ display: inline-block; padding: 0 8px 0 0; font-size: 12px; line-height: normal;} .bt2 {display: inline-block; background: url(../images/button_fon.png) left top no-repeat; padding: 0 0 0 9px; } .bt1 {display: inline-block; background: url(../images/button_fon.png) right bottom no-repeat; padding: 0 9px 0 0;} .bt1 a {display: inline-block; background: url(../images/button_fon.png) 0 -37px repeat-x; color: #fff; padding: 0 20px; text-decoration: none; text-transform: uppercase;font-size: 12px; height: 33px; line-height: 33px;} .lte7 .bt2, .lte7 .bt1, .lte7 .bt1 a {display: inline; zoom:1;} .buttons_popup1 {text-align: center; width: 100%;} .buttons_popup1 a {width: 65px;} .but_pop2 {display: inline-block;font-size: 12px; line-height: normal;} .lte7 .but_pop2, .lte7 .but_pop1 {display: inline; zoom:1;} .but_pop2 a {color: #686868; display: block; font-size: 12px; text-decoration: none; text-transform: uppercase; background: url(../images/button_fon2.png) no-repeat; height: 33px; line-height: 33px; width: 74px; padding: 0 5px; text-align: center;} .works_check {font-size: 12px;} .works_check ul {padding: 0;} .block_sb1 { padding: 20px 15px 10px;} .save_mode { float: right; width: 116px; padding: 8px 10px 0 10px;} .save_mode a {display: block; width: 116px; height: 20px; background: url(../images/save_mode.png) no-repeat; } .save_mode .off {background-position: left bottom;} .happy .vote, .icon1_sm .vote, .smiles_2 ul .happy a .vote {background-position: -111px bottom;} .sad .vote, .icon2_sm .vote, .smiles_2 ul .sad a .vote {background-position: -146px bottom;} .prev_but .disabled, .next_but .disabled{ display: block; background: url(../images/next_fon.png) repeat-x; border: 1px solid #b6b6b6; width: 140px ; height: 27px; text-decoration: none; font-size:12px; color: #686868; text-transform: uppercase; text-align: center; line-height: 27px;-webkit-border-radius: 4px; -moz-border-radius:4px ; border-radius:4px; position: relative; -webkit-box-shadow: #c1c1c1 0px 3px 3px; -moz-box-shadow: #c1c1c1 0px 3px 3px; box-shadow: #c1c1c1 0px 3px 3px;} .after18 {float: right; text-align: center; margin-top: -5px; height: 46px;line-height: 46px; padding: 0 20px; position: relative;} .after18 a {display: inline-block; background: url(../images/18.png) right center no-repeat; width: 40px; height: 46px; } .after18.active a {background-position:left center; } .lte7 .after18 a {display: inline;zoom:1;} .soc_act {position: relative;} .soc_act .hide_block_activite3 {left: 0px; bottom: 35px;}