.uho{ display: table; margin: 20px; /*float: rght; */ border: 1px solid rgb(209, 212, 214); padding: 20px 20px 20px 20px; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 5px; border-radius: 3px; background-color: rgb(238, 238, 238); /*width: 90%; */ } /* Show only to IE PC \*/ * html .boxhead h1 {height: 1%;} /* For IE 5 PC */ .sidebox { /*margin: 0 auto; center for now */ /*width: 17em; ems so it will grow */ background: url(../images/sbbody-r.png) no-repeat bottom right; font-size: 100%; } .boxhead { background: url(../images/sbhead-r.png) no-repeat top right; margin: 0; padding: 0; text-align: center; } .boxhead h1 { background: url(../images/sbhead-l.png) no-repeat top left; margin: 0; padding: 22px 30px 5px; color: white; /* font-weight: bold; font-size: 1.2em; line-height: 1em; text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */ } .boxbody { background: url(../images/sbbody-l.png) no-repeat bottom left; margin: 0; padding: 5px 30px 31px; } /* РИА новости */ /* dialog variants - alternate colours, widths and so on */ .dialog.short .wrapper { max-height:520px; } .dialog.type2 .content, .dialog.type2 .t, .dialog.type2 .b, .dialog.type2 .b div { background-image:url(../images/dialog2-dark-800x1200-alpha-drip.png); _background-image:url(../images/dialog2-dark-alpha-drip.gif); } .dialog.type2 .b, .dialog.type2 .b div { height:40px; /* slightly higher due to bottom shade */ } .dialog.type2 .content { /* min-height:155px; */ /* compensate overall height for bottom shade */ } /* "Mr. Clean" */ .dialog.type3 .content, .dialog.type3 .t, .dialog.type3 .b, .dialog.type3 .b div { background-image:url(../images/dialog2-mrclean.png); _background-image:url(../images/dialog2-mrclean.gif); } .dialog.type4 .content, .dialog.type4 .t, .dialog.type4 .b, .dialog.type4 .b div { background-image:url(../images/dialog2-blue-800x1600-drip.png); _background-image:url(../images/dialog2-blue.gif); } .dialog.type5 .content, .dialog.type5 .t, .dialog.type5 .b, .dialog.type5 .b div { background-image:url(../images/dialog2-red-800x1200-drip.png); _background-image:url(../images/dialog2-red-drip.gif); } .dialog.type6 .content, .dialog.type6 .t, .dialog.type6 .b, .dialog.type6 .b div { background-image:url(../images/dialog2-white-800x1200-drip.png); _background-image:url(../images/dialog2-white-drip.gif); } /* "drip" style extended class (eg.
- more positioning due to width/height requirements */ .dialog.drip .b, .dialog.drip .b div { height:80px; } .dialog.drip { margin-left:65px; } .dialog.drip .t, .dialog.drip .b div, .dialog.drip .hd, .dialog.drip .bd, .dialog.drip .ft, .dialog.drip .wrapper { margin-left:-65px; width:65px; } .dialog.drip .wrapper { width:auto; } .dialog .wrapper .hd, .dialog .wrapper .bd, .dialog .wrapper .ft { margin-left:0px; } .dialog.drip .hd, .dialog.drip .bd, .dialog.drip .ft { zoom:1; width:auto; padding:0px 2px 0px 12px; } /* -- Even more rounded corners with CSS: Base stylesheet -- */ .dialog { position:relative; margin:0px auto; min-width:8em; max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */ color:#fff; z-index:1; margin-left:12px; /* default, width of left corner */ margin-bottom:0.5em; /* spacing under dialog */ } .dialog .content, .dialog .t, .dialog .b, .dialog .b div { background:transparent url(../images/dialog2-white-800x1600.png) no-repeat top right; _background-image:url(../images/dialog2-white.gif); } .dialog .content { position:relative; zoom:1; _overflow-y:hidden; padding:0px 12px 0px 0px; } .dialog .t { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:12px; /* top slice width */ margin-left:-12px; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position:top left; } .dialog .b { /* bottom */ position:relative; width:100%; } .dialog .b, .dialog .b div { height:30px; /* height of bottom cap/shade */ font-size:1px; } .dialog .b { background-position:bottom right; } .dialog .b div { position:relative; width:12px; /* bottom corner width */ margin-left:-12px; background-position:bottom left; } .dialog .hd, .dialog .bd, .dialog .ft { position:relative; } .dialog .wrapper { /* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */ } .dialog h1, .dialog p { margin:0px; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px; } .dialog h1 { padding-bottom:0px; } .bd .block-content { padding:0px 5px } /* micro -------------------------------------------------------------------*/ .stat-performance { padding: 20px; background: #f0f7fd; border-top: 1px solid #d1e7f9; color: #333; } .stat-performance table { margin-top: 15px; } .stat-performance table td { width: 200px; vertical-align: top; } .stat-performance h4 { font-weight: bold; color: #81B2DB; } /*-----------------------------------------*/ .xform input[type="submit"], micro{ border: 1px solid #333;} #gototop { display:none; position:fixed; background:url("../img/return_top.png") no-repeat scroll left top transparent; display:block; height:66px; right:0px; /*visibility:visible;*/ bottom:15px; width:20px; } #gototop:hover { background:url("../img/return_top.png") no-repeat right top; } .ads_map{ background-attachment:scroll; background-color:transparent; background-image:url(../images/mapbaner.png); background-position:0 0; background-repeat:no-repeat; height:312px; width:100%; overflow:hidden; } .my_head_top { background: transparent url(../images/pagenav_bg.gif) repeat-x scroll 0% 0%; width: 100%; height: 30px;} /* height: 80px шарики */ .my_head_bottom {width:135px; height:221px; position: absolute; z-index: 5000; top: 0px; margin-left: 63%; background:transparent url(../images/S_logo182.png) no-repeat;} /*.my_head_bottom {width:180px; height:221px; position: absolute; z-index: 5000; top: 0px; margin-left: 63%; background:transparent url(../images/8mart29.png) no-repeat;}*/ #header { background:#333333 url(http://magspace.ru/templates/skin/new/images/logobg.gif) repeat scroll 0 0;} #header-back { background:#333333 url(http://magspace.ru/templates/skin/new/images/logobg.gif) repeat scroll 0 0;} div.total_voters { cursor: default; color:#aeaeae; font-size:8px; height:18px; left:13px; position:relative; text-align:right; top:-35px; width:18px; } /**/ .ip_name { color:#AAAAAA; font-size:8px; } .imgBig { width:95%; } .imgSmall { max-width:95%; } div.topic div.content p img { /* width:95%;*/ } #void { height: 130px; width: 100%; font-family:Corbel,'Myriad Pro',Arial,Helvetica,sans-serif; } div.video_small { /*-moz-border-radius:10px 10px 10px 10px;*/ -moz-box-shadow:0 0 15px #000000; /*-webkit-border-radius:10px 10px 10px 10px;*/ -webkit-box-shadow:0 0 15px #000000; background:none repeat scroll 0 0 #111111; /*border-bottom:1px solid #000000;*/ margin:10px auto; padding:0 !important; width:320px; } div.video_big { /*-moz-border-radius:10px 10px 10px 10px; -moz-box-shadow:0 0 15px #000000; /*-webkit-border-radius:10px 10px 10px 10px; -webkit-box-shadow:0 0 15px #000000; background:none repeat scroll 0 0 #111111; /*border-bottom:1px solid #000000; margin:10px auto; padding:0 !important; width:640px; */ } div.video_uncnown { /*-moz-border-radius:10px 10px 10px 10px;*/ -moz-box-shadow:0 0 15px #000000; /*-webkit-border-radius:10px 10px 10px 10px;*/ -webkit-box-shadow:0 0 15px #000000; background:none repeat scroll 0 0 #111111; border-bottom:1px solid #000000; margin:10px auto; padding:10px 10px 40px !important; } a.download-link, * html #sidebar ul.home-download li a.download-link { background:url("../images/download-button.png") no-repeat scroll 0 0 transparent; color:#09700B; display:block; filter:none; font-family:verdana,sans-serif; height:auto; line-height:1; margin:12px 0 5px 3px; min-height:22px; padding:0; text-decoration:none; width:260px; float:right; } a.download-link span.download-link-text { background:url("../images/download-button.png") no-repeat scroll 0 100% transparent; display:block; padding:13px 15px 26px 42px; } a.download-link span { line-height:1; } a.download-link:hover, a.download-link:active { background-position:-300px 0; } a.download-link:hover span.download-link-text, a.download-link:active span.download-link-text { background-position:-300px 100%; } #void_text { float:left; padding:0 0 0 110px; z-index:1; } #void_link { width:530px; float: right; padding-right:10px; } #void_img { background:url("../images/tune.png") no-repeat scroll 5px 10px transparent; float:right; height:100px; left:30px; position:absolute; top:220px; width:100px; } .people { padding: 10px; } a.photo_ico { background: url(../images/icons.gif) no-repeat; color:#ffea00; margin-right: 5px; padding-right: 22px; background-position: 8px 1px; } .spoiler-title { cursor:pointer; border:1px dotted #cccccc; background-color:#f0f0f0; padding:3px 5px; text-decoration: underline;} .spoiler-body { display:none; border:1px solid #cccccc; border-top: 0; padding:3px 5px; } .spoiler{} .new-spoiler-title { cursor: pointer; border-bottom: 1px dashed #F00 !important; color: red !important; text-decoration: none !important; } .block.follow{ -moz-border-radius:4px 4px 4px 4px; -webkit-border-radius:10px 10px 10px 10px; /*border:1px solid #DEDEDE; */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; /*эта строка уже не нужна, начиная с Beta2 IE8 поддерживает box-sizing*/ box-sizing: border-box; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; /* box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); */ background-color: #FAFAFA; background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.1)); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 -2px 0 rgba(0, 0, 0, 0.1) inset, 0 0 10px rgba(255, 255, 255, 0.5) inset, 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2); /* display: inline-block; */ /* Добавляет тень к элементу. Допускается использовать несколько теней, указывая их параметры через запятую, при наложении теней первая тень в списке будет выше, последняя ниже. Если для элемента задается радиус скругления через свойство border-radius, то тень также получится с закругленными уголками. Добавление тени увеличивает ширину элемента, поэтому возможно появление горизонтальной полосы прокрутки в браузере. Синтаксис box-shadow: none | <тень> [,<тень>]* где <тень>: inset <сдвиг по x> <сдвиг по y> <радиус размытия> <растяжение> <цвет> Значения none Отменяет добавление тени. inset Тень выводится внутри элемента. Необязательный параметр. сдвиг по x Смещение тени по горизонтали относительно элемента. Положительное значение этого параметра задает сдвиг тени вправо, отрицательное — влево. Обязательный параметр. сдвиг по y Смещение тени по вертикали относительно элемента. Положительное значение задает сдвиг тени вниз, отрицательное — вверх. Обязательный параметр. размытие Задает радиус размытия тени. Чем больше это значение, тем сильнее тень сглаживается, становится шире и светлее. Если этот параметр не задан, по умолчанию устанавливается равным 0, тень при этом будет четкой, а не размытой. растяжение Положительное значение растягивает тень, отрицательное, наоборот, ее сжимает. Если этот параметр не задан, по умолчанию устанавливается 0, при этом тень будет того же размера, что и элемент. цвет Цвет тени в любом доступном CSS формате, по умолчанию тень черная. Необязательный параметр. Допускается указывать несколько теней, разделяя их параметры между собой запятой. Учитывается следующий порядок: первая тень в списке размещается на самом верху, последняя в списке — в самом низу. */ line-height: 16px; margin: 7px 7px 20px 7px; } .block h1 { font-family: Tahoma, Verdana, Sans-Serif; font-size: 20px; color: #333; padding-bottom: 5px; margin-bottom: 0; } /*.block .right { text-align: right; padding-top: 10px; font-size: 11px; }*/ .follow .tl { height: 0px; background: none;} .follow .tr { height: 0px;background: none;} .follow .bl { height: 0px;background: none;} .follow .br { height: 0px;background: none;} .follow .cl {background: none;} .follow .cr { padding: 0px 0px;background: none;} .block.stream{ -moz-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; /*border:1px solid #DEDEDE;*/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; /*эта строка уже не нужна, начиная с Beta2 IE8 поддерживает box-sizing*/ box-sizing: border-box; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); line-height: 16px; margin: 7px 7px 20px 7px; /* background: rgb(254,252,234); background: -moz-linear-gradient(top, rgba(254,252,234,1) 0%, rgba(34,150,82,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(34,150,82,1))); background: -webkit-linear-gradient(top, rgba(254,252,234,1) 0%,rgba(34,150,82,1) 100%); background: -o-linear-gradient(top, rgba(254,252,234,1) 0%,rgba(34,150,82,1) 100%); background: -ms-linear-gradient(top, rgba(254,252,234,1) 0%,rgba(34,150,82,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#229652',GradientType=0 ); background: linear-gradient(top, rgba(254,252,234,1) 0%,rgba(34,150,82,1) 100%); */ background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 10px, rgba(229,229,229,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */ background-color: #FAFAFA; background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.1)); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 -2px 0 rgba(0, 0, 0, 0.1) inset, 0 0 10px rgba(255, 255, 255, 0.5) inset, 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2); } .stream .tl { height: 0px; background: none;} .stream .tr { height: 0px;background: none;} .stream .bl { height: 0px;background: none;} .stream .br { height: 0px;background: none;} .stream .cl {background: none;} .stream .cr { padding: 0px 0px;background: none;} .block.tags{ -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; /*border:1px solid #DEDEDE;*/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; /*эта строка уже не нужна, начиная с Beta2 IE8 поддерживает box-sizing*/ box-sizing: border-box; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; box-shadow:2px 2px 3px rgba(0, 0, 0, 0.2) inset; line-height: 16px; margin: 7px 7px 20px 7px; } .tags .tl { height: 0px; background: none;} .tags .tr { height: 0px;background: none;} .tags .bl { height: 0px;background: none;} .tags .br { height: 0px;background: none;} .tags .cl {background: none;} .tags .cr { padding: 0px 20px;background: none;} .block.blogs{ -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; /*border:1px solid #DEDEDE;*/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; /*эта строка уже не нужна, начиная с Beta2 IE8 поддерживает box-sizing*/ box-sizing: border-box; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); line-height: 16px; margin: 7px 7px 20px 7px; /* background: rgb(254,252,234); background: -moz-linear-gradient(top, rgba(254,252,234,1) 0%, rgba(34,150,82,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(34,150,82,1))); background: -webkit-linear-gradient(top, rgba(254,252,234,1) 0%,rgba(34,150,82,1) 100%); background: -o-linear-gradient(top, rgba(254,252,234,1) 0%,rgba(34,150,82,1) 100%); background: -ms-linear-gradient(top, rgba(254,252,234,1) 0%,rgba(34,150,82,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#229652',GradientType=0 ); background: linear-gradient(top, rgba(254,252,234,1) 0%,rgba(34,150,82,1) 100%); */ background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */ background-color: #FAFAFA; background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.1)); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 -2px 0 rgba(0, 0, 0, 0.1) inset, 0 0 10px rgba(255, 255, 255, 0.5) inset, 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2); } .blogs .tl { height: 0px; background: none;} .blogs .tr { height: 0px;background: none;} .blogs .bl { height: 0px;background: none;} .blogs .br { height: 0px;background: none;} .blogs .cl {background: none;} .blogs .cr { padding: 0px 20px;background: none;} .block.images{ -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; /*border:1px solid #DEDEDE;*/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; /*эта строка уже не нужна, начиная с Beta2 IE8 поддерживает box-sizing*/ box-sizing: border-box; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); line-height: 16px; margin: 7px 7px 20px 7px; /* background: rgb(254,252,234); background: -moz-linear-gradient(top, rgba(254,252,234,1) 0%, rgba(34,150,82,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(34,150,82,1))); background: -webkit-linear-gradient(top, rgba(254,252,234,1) 0%,rgba(34,150,82,1) 100%); background: -o-linear-gradient(top, rgba(254,252,234,1) 0%,rgba(34,150,82,1) 100%); background: -ms-linear-gradient(top, rgba(254,252,234,1) 0%,rgba(34,150,82,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#229652',GradientType=0 ); background: linear-gradient(top, rgba(254,252,234,1) 0%,rgba(34,150,82,1) 100%); */ background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */ background-color: #FAFAFA; background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.1)); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 -2px 0 rgba(0, 0, 0, 0.1) inset, 0 0 10px rgba(255, 255, 255, 0.5) inset, 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2); } .images .tl { height: 0px; background: none;} .images .tr { height: 0px;background: none;} .images .bl { height: 0px;background: none;} .images .br { height: 0px;background: none;} .images .cl {background: none;} .images .cr { padding: 0px 20px;background: none;} .block.navigation { font-size: 11px; color: #888; } .block.navigation ul li { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ddd; } .block.navigation ul li.last { border: 0; } .block.navigation .blog { color: #999; } .block.tags { background: #f7f8f9; } /* * * * * * опросы * * * * */ .meter { height: 10px; /* Can be anything */ position: relative; /*margin: 60px 0 20px 0; Just for demo spacing */ background: #F7F8F9; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 5px; /*2px 2px 2px rgba(0, 0, 0, 0.3) inset */ -webkit-box-shadow: inset 2px 2px 2px rgba(0,0,0,0.3); -moz-box-shadow : inset 2px 2px 2px rgba(0,0,0,0.3); box-shadow : inset 2px 2px 2px rgba(0,0,0,0.3); } .meter > span { display: block; height: 100%; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomleft: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; background-color: rgb(43,194,83); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(43,194,83)), color-stop(1, rgb(84,240,84)) ); background-image: -moz-linear-gradient( center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69% ); -webkit-box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4); box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4); position: relative; overflow: hidden; } .meter > span:after, .animate > span > span { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent) ); background-image: -moz-linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent ); z-index: 1; -webkit-background-size: 50px 50px; -moz-background-size: 50px 50px; -webkit-animation: move 2s linear infinite; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomleft: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; overflow: hidden; } .animate > span:after { display: none; } @-webkit-keyframes move { 0% { background-position: 0 0; } 100% { background-position: 50px 50px; } } .orange > span { background-color: #f1a165; background-image: -moz-linear-gradient(top, #f1a165, #f36d0a); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a)); background-image: -webkit-linear-gradient(#f1a165, #f36d0a); } .red > span { background-color: #f0a3a3; background-image: -moz-linear-gradient(top, #f0a3a3, #f42323); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323)); background-image: -webkit-linear-gradient(#f0a3a3, #f42323); } .nostripes > span > span, .nostripes > span:after { -webkit-animation: none; background-image: none; } /* * * * * * опросы * * * * */ /* * * * htader sidebar * */ .follow .cr h1 { padding: 5px 20px 5px 20px; margin-bottom: 10px; border-top-left-radius: 4px; border-top-right-radius: 4px; -moz-border-radius:4px 4px 0px 0px; -webkit-border-radius:4px 4px 0px 0px; /*border:1px solid #DEDEDE; */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; /*эта строка уже не нужна, начиная с Beta2 IE8 поддерживает box-sizing*/ box-sizing: border-box; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); background: #fefcea; /* Old browsers */ background: -moz-linear-gradient(top, #fefcea 0%, #F1DA36 100%); /* FF3.6+ -moz-linear-gradient(center top , #FEFCEA 0%, #CDF5A6 100%)*/ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#F1DA36 )); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefcea 0%,#F1DA36 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefcea 0%,#F1DA36 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #fefcea 0%,#F1DA36 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#F1DA36',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #fefcea 0%,#F1DA36 100%); /* W3C */ } .follow .cr .block-nav, .follow .cr .block-content { padding: 0 20px 0 20px; } /*-*--------------------------*/ .stream .cr h1 { padding: 5px 20px 5px 20px; margin-bottom: 10px; border-top-left-radius: 4px; border-top-right-radius: 4px; -moz-border-radius:4px 4px 0px 0px; -webkit-border-radius:4px 4px 0px 0px; /*border:1px solid #DEDEDE; */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; /*эта строка уже не нужна, начиная с Beta2 IE8 поддерживает box-sizing*/ box-sizing: border-box; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); background: #fefcea; /* Old browsers */ background: -moz-linear-gradient(top, #fefcea 0%, #CDF5A6 100%); /* FF3.6+ -moz-linear-gradient(center top , #FEFCEA 0%, #CDF5A6 100%)*/ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#CDF5A6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefcea 0%,#CDF5A6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefcea 0%,#CDF5A6 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #fefcea 0%,#CDF5A6 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#CDF5A6',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #fefcea 0%,#CDF5A6 100%); /* W3C */ } .stream .cr .block-nav, .stream .cr .block-content { padding: 0 20px 0 20px; } .tool-tip { color: #fff; width: 139px; z-index: 13000; } .tool-title { font-weight: bold; font-size: 11px; margin: 0; color: #9FD4FF; padding: 8px 8px 4px; background: url(http://demos111.mootools.net/demos/Tips/bubble.png) top left; } .tool-text { font-size: 11px; padding: 4px 8px 8px; background: url(http://demos111.mootools.net/demos/Tips/bubble.png) bottom right; } .custom-tip { color: #000; width: 130px; z-index: 13000; } .custom-title { font-weight: bold; font-size: 11px; margin: 0; color: #3E4F14; padding: 8px 8px 4px; background: #C3DF7D; border-bottom: 1px solid #B5CF74; } .custom-text { font-size: 11px; padding: 4px 8px 8px; background: #CFDFA7; } /*18++++++++++++++++++++++++++++++++++++++++++++*/ .badge { position: absolute; right: 0; top: 0; z-index: 1; } .badge { height: 48px; width: 48px; } .badge-hot { background-position: 0 0; } .badge-top { background-position: 0 -50px; } .badge-free { background-position: 0 -100px; } .badge-new { background-position: 0 -150px; } .badge { background-image: url("data:image/png;base64,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"); } /* SWF CSS*/ .progressWrapper { overflow: hidden; width: 357px; } .progressContainer { background-color: #F7F7F7; border: 1px solid #E8E8E8; margin: 5px; overflow: hidden; padding: 4px; } .message { /* background-color: #FFFFCC; border: 1px solid #FFDD99; margin: 1em 0; overflow: hidden; padding: 10px 20px;*/ } .progressContainer.red { background-color: #FFEBEB; border: 1px solid #B50000; } .progressContainer.green { background-color: #EBFFEB; border: 1px solid #DDF0DD; } .progressContainer.blue { background-color: #F0F5FF; border: 1px solid #CEE2F2; } .progressName { color: #555555; font-size: 8pt; font-weight: 700; height: 14px; overflow: hidden; text-align: left; white-space: nowrap; width: 323px; } .progressBarInProgress, .progressBarComplete, .progressBarError { background-color: blue; font-size: 0; height: 7px; margin-top: 2px; width: 0; } .progressBarComplete { background-color: green; visibility: hidden; width: 100%; } .progressBarError { background-color: red; visibility: hidden; width: 100%; } .progressBarStatus { font-family: Arial; font-size: 7pt; margin-top: 2px; text-align: left; white-space: nowrap; width: 337px; } a.progressCancel { background-image: url("../images/cancelbutton.gif"); background-position: -14px 0; background-repeat: no-repeat; display: block; float: right; font-size: 0; height: 14px; width: 14px; } a.progressCancel:hover { background-position: 0 0; } .swfupload { vertical-align: top; } /*tooltip*/ /* tooltip design */ .ToolTips { display:block; position:absolute; width:404px; } .ToolTips .sticky_close { display:block; position:absolute; top:1px; right:3px; background:url(../images/tooltip/fileclose.png); width:16px; height:16px; line-height:16px; font-size:0px; z-index:100000000; } .ToolTips .tip_message { display:block; position:relative; background:url(../images/tooltip/tip_body.png) repeat-y; padding:0px 10px; } /* here we do a little switch. If the tooltip is positioned above the element hovered, it changes the classes on the header/footer divs in order to point at the element hovered */ .ToolTips .dockBottomHeader, .ToolTips .dockTopFooter { display:block; position:relative; background:url(../images/tooltip/dockBottomHeader.png) no-repeat bottom; height:33px; } .ToolTips .dockTopFooter { background:url(../images/tooltip/dockTopFooter.png) no-repeat bottom; height:38px; } .ToolTips .dockBottomFooter, .ToolTips .dockTopHeader { display:block; position:relative; background:url(../images/tooltip/dockBottomFooter.png); height:14px; line-height:11px; font-size:0px; clear:both; } /* this one has more height to display the close button in case sticky tooltips are on */ .ToolTips .dockTopHeader { background:url(../images/tooltip/dockTopHeader.png) bottom center no-repeat; height:20px; line-height:20px; font-size:0px; } * html .ToolTips .dockBottomHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/tooltip/dockBottomHeader.png'); } * html .ToolTips .dockBottomFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/tooltip/dockBottomFooter.png'); } * html .ToolTips .dockTopHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/tooltip/dockTopHeader.png'); } * html .ToolTips .dockTopFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/tooltip/dockTopFooter.png'); } * html .ToolTips .sticky_close { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/tooltip/fileclose.png'); } /* this is just a div displaying the loading animated .gif */ .loading2 { display:block; margin:0px auto 0px; background:url(../images/tooltip/ajax-loader.gif) center center no-repeat; width:31px; height:50px; } /* tip container */ .tipContainer { display:none; } /* beautify the tooltip content */ .ToolTips .tip_message { font-size:12px; text-align:justify; } .ToolTips .tip_message h3 { font-size:16px; margin:0px 0px 10px; padding:0px; color:#FF6600; } .ToolTips .tip_message .rights { display:block; clear:both; margin:15px 0px 0px; text-align:right; font-size:11px; color:#666666; } /**/ .mask { } .btn { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #F5F5F5; background-image: -moz-linear-gradient(center top , #FFFFFF, #E6E6E6); background-repeat: repeat-x; border-color: #E6E6E6 #E6E6E6 #A2A2A2; border-image: none; border-radius: 4px 4px 4px 4px; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); color: #333333; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; margin-bottom: 0; padding: 4px 14px; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; text-decoration: none !important; } .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { background-color: #E6E6E6; color: #333333; } .btn:active, .btn.active { } .btn:first-child { } .btn:hover { background-color: #E6E6E6; background-position: 0 -15px; color: #333333; text-decoration: none; transition: background-position 0.1s linear 0s; } .btn:focus { outline: thin dotted #333333; outline-offset: -2px; } .btn.active, .btn:active { background-color: #E6E6E6; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05); outline: 0 none; } .btn.disabled, .btn[disabled] { background-color: #E6E6E6; background-image: none; box-shadow: none; cursor: default; opacity: 0.65; } .btn-large { border-radius: 5px 5px 5px 5px; font-size: 16px; line-height: normal; padding: 9px 14px; } .btn-large [class^="icon-"] { margin-top: 2px; } .btn-small { font-size: 12px; line-height: 18px; padding: 3px 9px; } .btn-small [class^="icon-"] { margin-top: 0; } .btn-mini { font-size: 11px; line-height: 16px; padding: 2px 6px; } .btn-block { -moz-box-sizing: border-box; display: block; padding-left: 0; padding-right: 0; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } .btn { border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); } .btn-primary { background-color: #006DCC; background-image: -moz-linear-gradient(center top , #0088CC, #0044CC); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #FFFFFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { background-color: #0044CC; color: #FFFFFF; } .btn-primary:active, .btn-primary.active { } .btn-warning { background-color: #FAA732; background-image: -moz-linear-gradient(center top , #FBB450, #F89406); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #FFFFFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { background-color: #F89406; color: #FFFFFF; } .btn-warning:active, .btn-warning.active { } .btn-danger { background-color: #DA4F49; background-image: -moz-linear-gradient(center top , #EE5F5B, #BD362F); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #FFFFFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { background-color: #BD362F; color: #FFFFFF; } .btn-danger:active, .btn-danger.active { } .btn-success { background-color: #5BB75B; background-image: -moz-linear-gradient(center top , #68BF46, #51A351); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #FFFFFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { background-color: #51A351; color: #FFFFFF; } .btn-success:active, .btn-success.active { } .btn-info { background-color: #49AFCD; background-image: -moz-linear-gradient(center top , #5BC0DE, #2F96B4); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #FFFFFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { background-color: #2F96B4; color: #FFFFFF; } .btn-info:active, .btn-info.active { } .btn-inverse { background-color: #363636; background-image: -moz-linear-gradient(center top , #444444, #222222); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #FFFFFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { background-color: #222222; color: #FFFFFF; } .btn-inverse:active, .btn-inverse.active { } button.btn, input.btn[type="submit"] { } button.btn::-moz-focus-inner, input.btn[type="submit"]::-moz-focus-inner { border: 0 none; padding: 0; } button.btn.btn-large, input.btn.btn-large[type="submit"] { } button.btn.btn-small, input.btn.btn-small[type="submit"] { } button.btn.btn-mini, input.btn.btn-mini[type="submit"] { } .btn-link, .btn-link:active { background-color: transparent; background-image: none; box-shadow: none; } .btn-link { border-color: transparent; border-radius: 0 0 0 0; color: #0088CC; cursor: pointer; } .btn-link:hover { background-color: transparent; color: #005580; text-decoration: underline; } .btn-group { font-size: 0; position: relative; white-space: nowrap; } .btn-group:first-child { } .btn-group + .btn-group { margin-left: 5px; } .btn-toolbar { font-size: 0; margin-bottom: 10px; margin-top: 10px; } .btn-toolbar .btn-group { display: inline-block; } .btn-toolbar .btn + .btn, .btn-toolbar .btn-group + .btn, .btn-toolbar .btn + .btn-group { margin-left: 5px; } .btn-group > .btn { border-radius: 0 0 0 0; position: relative; } .btn-group > .btn + .btn { margin-left: -1px; } .btn-group > .btn, .btn-group > .dropdown-menu { font-size: 14px; } .btn-group > .btn-mini { font-size: 11px; } .btn-group > .btn-small { font-size: 12px; } .btn-group > .btn-large { font-size: 16px; } .btn-group > .btn:first-child { border-bottom-left-radius: 4px; border-top-left-radius: 4px; margin-left: 0; } .btn-group > .btn:last-child, .btn-group > .dropdown-toggle { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .btn-group > .btn.large:first-child { border-bottom-left-radius: 6px; border-top-left-radius: 6px; margin-left: 0; } .btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle { border-bottom-right-radius: 6px; border-top-right-radius: 6px; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active { z-index: 2; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0 none; } .btn-group > .btn + .dropdown-toggle { box-shadow: 1px 0 0 rgba(255, 255, 255, 0.125) inset, 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); padding-left: 8px; padding-right: 8px; } .btn-group > .btn-mini + .dropdown-toggle { padding-left: 5px; padding-right: 5px; } .btn-group > .btn-small + .dropdown-toggle { } .btn-group > .btn-large + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05); } .btn-group.open .btn.dropdown-toggle { background-color: #E6E6E6; } .btn-group.open .btn-primary.dropdown-toggle { background-color: #0044CC; } .btn-group.open .btn-warning.dropdown-toggle { background-color: #F89406; } .btn-group.open .btn-danger.dropdown-toggle { background-color: #BD362F; } .btn-group.open .btn-success.dropdown-toggle { background-color: #51A351; } .btn-group.open .btn-info.dropdown-toggle { background-color: #2F96B4; } .btn-group.open .btn-inverse.dropdown-toggle { background-color: #222222; } .btn .caret { margin-left: 0; margin-top: 8px; } .btn-mini .caret, .btn-small .caret, .btn-large .caret { margin-top: 6px; } .btn-large .caret { border-left-width: 5px; border-right-width: 5px; border-top-width: 5px; } .dropup .btn-large .caret { border-bottom: 5px solid #000000; border-top: 0 none; } .btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret { border-bottom-color: #FFFFFF; border-top-color: #FFFFFF; } .btn-group-vertical { display: inline-block; } .btn-group-vertical .btn { border-radius: 0 0 0 0; display: block; float: none; width: 100%; } .btn-group-vertical .btn + .btn { margin-left: 0; margin-top: -1px; } .btn-group-vertical .btn:first-child { border-radius: 4px 4px 0 0; } .btn-group-vertical .btn:last-child { border-radius: 0 0 4px 4px; } .btn-group-vertical .btn-large:first-child { border-radius: 6px 6px 0 0; } .btn-group-vertical .btn-large:last-child { border-radius: 0 0 6px 6px; } .spoiler-vote { cursor: pointer; border: 1px dotted #cccccc; background-color: #f0f0f0; padding: 3px 5px; text-decoration: underline; display: block; font: 12px/18px Tahoma, Arial, Helvetica, sans-serif; color: #333; } .wrapper-label { margin: 5px 0 15px 0; display: block; font-weight: 400; color: #7f7f7f; font-size: 10px; font-style: italic; } /* cyrillic */ @font-face { font-family: 'Exo 2'; font-style: normal; font-weight: 300; src: local('Exo 2 Light'), local('Exo2-Light'), url(../font/ZvqiGg27-1PW7JHPGOnJEBTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ @font-face { font-family: 'Exo 2'; font-style: normal; font-weight: 300; src: local('Exo 2 Light'), local('Exo2-Light'), url(../font/-u8MnRNZbXng_riSEM1grRTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Exo 2'; font-style: normal; font-weight: 300; src: local('Exo 2 Light'), local('Exo2-Light'), url(../font/TZlHHgxEfHXA7uKM1eaCjfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic */ @font-face { font-family: 'Exo 2'; font-style: normal; font-weight: 400; src: local('Exo 2'), local('Exo2-Regular'), url(../font/pEbpp8gu02JrI5SDG9jj6g.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ @font-face { font-family: 'Exo 2'; font-style: normal; font-weight: 400; src: local('Exo 2'), local('Exo2-Regular'), url(../font/sZoRRDfBcJL9e6dHdMU_Tg.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Exo 2'; font-style: normal; font-weight: 400; src: local('Exo 2'), local('Exo2-Regular'), url(../font/-A4eIjQkAwKL411pgtQ4VA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic */ @font-face { font-family: 'Exo 2'; font-style: normal; font-weight: 500; src: local('Exo 2 Medium'), local('Exo2-Medium'), url(../font/hJNWOADMCBRrv6g6rvmDLRTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ @font-face { font-family: 'Exo 2'; font-style: normal; font-weight: 500; src: local('Exo 2 Medium'), local('Exo2-Medium'), url(../font/LIOVoUZaNfvKcnPK2sqyzhTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Exo 2'; font-style: normal; font-weight: 500; src: local('Exo 2 Medium'), local('Exo2-Medium'), url(../font/6b9HPGUYUr8qZeNu0Z7o-PesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic */ @font-face { font-family: 'Exo 2'; font-style: normal; font-weight: 600; src: local('Exo 2 Semi Bold'), local('Exo2-SemiBold'), url(../font/LFe3mB-q6jNXyAcQ2iPxARTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ @font-face { font-family: 'Exo 2'; font-style: normal; font-weight: 600; src: local('Exo 2 Semi Bold'), local('Exo2-SemiBold'), url(../font/GGsKokbvGBQnZ182Vk7qiRTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Exo 2'; font-style: normal; font-weight: 600; src: local('Exo 2 Semi Bold'), local('Exo2-SemiBold'), url(../font/0BGKjb5TxeNM_vPrpoWDWPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic */ @font-face { font-family: 'Exo 2'; font-style: normal; font-weight: 700; src: local('Exo 2 Bold'), local('Exo2-Bold'), url(../font/bjq6AK9kaX_qiS97tqNwpBTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ @font-face { font-family: 'Exo 2'; font-style: normal; font-weight: 700; src: local('Exo 2 Bold'), local('Exo2-Bold'), url(../font/j6S3lQriBGoUURQ3ejUiKBTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Exo 2'; font-style: normal; font-weight: 700; src: local('Exo 2 Bold'), local('Exo2-Bold'), url(../font/AbMslUVu4Wq5jvNwOBLwLvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(../font/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(../font/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(../font/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(../font/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(../font/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(../font/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(../font/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(../font/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(../font/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(../font/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(../font/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(../font/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(../font/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(../font/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../font/MTP_ySUJH_bn48VBG8sNSq-j2U0lmluP9RWlSytm3ho.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../font/MTP_ySUJH_bn48VBG8sNSpX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../font/MTP_ySUJH_bn48VBG8sNShWV49_lSm1NYrwo-zkhivY.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../font/MTP_ySUJH_bn48VBG8sNSqaRobkAwv3vxw3jMhVENGA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../font/MTP_ySUJH_bn48VBG8sNSv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../font/MTP_ySUJH_bn48VBG8sNSj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../font/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../font/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../font/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../font/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../font/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../font/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../font/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../font/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(../font/PRmiXeptR36kaC0GEAetxhgVThLs8Y7ETJzDCYFCSLE.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(../font/PRmiXeptR36kaC0GEAetxpiMaisvaUVUsYyVzOmndek.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(../font/PRmiXeptR36kaC0GEAetxrBAWGjcah5Ky0jbCgIwDB8.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(../font/PRmiXeptR36kaC0GEAetxv14vlcfyPYlAcQy2UfDRm4.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(../font/PRmiXeptR36kaC0GEAetxqfJul7RR1X4poJgi27uS4w.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(../font/PRmiXeptR36kaC0GEAetxqvyPXdneeGd26m9EmFSSWg.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(../font/PRmiXeptR36kaC0GEAetxko2lTMeWA_kmIyWrkNCwPc.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(../font/xjAJXh38I15wypJXxuGMBjTOQ_MqJVwkKsUn0wKzc2I.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(../font/xjAJXh38I15wypJXxuGMBjUj_cnvWIuuBMVgbX098Mw.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(../font/xjAJXh38I15wypJXxuGMBkbcKLIaa1LC45dFaAfauRA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(../font/xjAJXh38I15wypJXxuGMBmo_sUJ8uO4YLWRInS22T3Y.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(../font/xjAJXh38I15wypJXxuGMBr6up8jxqWt8HVA3mDhkV_0.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(../font/xjAJXh38I15wypJXxuGMBiYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(../font/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(../font/PRmiXeptR36kaC0GEAetxmgpAmOCqD37_tyH_8Ri5MM.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(../font/PRmiXeptR36kaC0GEAetxsPNMTLbnS9uQzHQlYieHUU.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(../font/PRmiXeptR36kaC0GEAetxgyhumQnPMBCoGYhRaNxyyY.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(../font/PRmiXeptR36kaC0GEAetxhUVAXEdVvYDDqrz3aeR0Yc.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(../font/PRmiXeptR36kaC0GEAetxlf4y_3s5bcYyyLIFUSWYUU.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(../font/PRmiXeptR36kaC0GEAetxnywqdtBbUHn3VPgzuFrCy8.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(../font/PRmiXeptR36kaC0GEAetxl2umOyRU7PgRiv8DXcgJjk.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } .topic h1.title, .topic h1.title a { /*color: #949494; color: #000; */ font-family: 'Exo 2', sans-serif; font-weight: inherit; letter-spacing: normal; } .topic .content img { margin: 0px !important; /*border: 0px solid #dedede; */ /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); border-radius: 3px; */ } /* blockquote p { padding: 0 !important; margin: 0 !important; } */ /*ria-ru*/ .b-media-copyright { color: #7c7c7c; text-align: left; font-weight: 400; padding-top: .5em; margin: 0 -1em; line-height: 1.1; display: flex; justify-content: space-between; flex-wrap: wrap; } /* .b-inject__mega .b-inject__mega-desc .b-inject__mega-title { font-size: .813em; color: #7c7c7c; font-weight: 600; line-height: 1.2; padding: 0 2.5em 1em; } .first-letter { float: left; margin-right: 6px; font-size: 57px; text-transform: uppercase; line-height: 55px; } */ /**********************/ table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } .table { width: 100%; margin-bottom: 20px; } .table th,.table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #ddd; } .table th { font-weight: bold; } .table thead th { vertical-align: bottom; } .table caption + thead tr:first-child th,.table caption + thead tr:first-child td,.table colgroup + thead tr:first-child th,.table colgroup + thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td { border-top: 0; } .table tbody + tbody { border-top: 2px solid #ddd; } .table-condensed th,.table-condensed td { padding: 4px 5px; } .table-bordered { border: 1px solid #ddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; border-radius: 4px; } .table-bordered th,.table-bordered td { border-left: 1px solid #ddd; } .table-bordered caption + thead tr:first-child th,.table-bordered caption + tbody tr:first-child th,.table-bordered caption + tbody tr:first-child td,.table-bordered colgroup + thead tr:first-child th,.table-bordered colgroup + tbody tr:first-child th,.table-bordered colgroup + tbody tr:first-child td,.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td { border-top: 0; } .table-bordered thead:first-child tr:first-child th:first-child,.table-bordered tbody:first-child tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .table-bordered thead:first-child tr:first-child th:last-child,.table-bordered tbody:first-child tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; } .table-bordered thead:last-child tr:last-child th:first-child,.table-bordered tbody:last-child tr:last-child td:first-child,.table-bordered tfoot:last-child tr:last-child td:first-child { border-radius: 0 0 0 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; } .table-bordered thead:last-child tr:last-child th:last-child,.table-bordered tbody:last-child tr:last-child td:last-child,.table-bordered tfoot:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; } .table-bordered caption + thead tr:first-child th:first-child,.table-bordered caption + tbody tr:first-child td:first-child,.table-bordered colgroup + thead tr:first-child th:first-child,.table-bordered colgroup + tbody tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .table-bordered caption + thead tr:first-child th:last-child,.table-bordered caption + tbody tr:first-child td:last-child,.table-bordered colgroup + thead tr:first-child th:last-child,.table-bordered colgroup + tbody tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; } .table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th { background-color: #f9f9f9; } .table-hover tbody tr:hover td,.table-hover tbody tr:hover th { background-color: #f5f5f5; } table [class*=span],.row-fluid table [class*=span] { display: table-cell; float: none; margin-left: 0; } .table .span1 { float: none; width: 44px; margin-left: 0; } .table .span2 { float: none; width: 124px; margin-left: 0; } .table .span3 { float: none; width: 204px; margin-left: 0; } .table .span4 { float: none; width: 284px; margin-left: 0; } .table .span5 { float: none; width: 364px; margin-left: 0; } .table .span6 { float: none; width: 444px; margin-left: 0; } .table .span7 { float: none; width: 524px; margin-left: 0; } .table .span8 { float: none; width: 604px; margin-left: 0; } .table .span9 { float: none; width: 684px; margin-left: 0; } .table .span10 { float: none; width: 764px; margin-left: 0; } .table .span11 { float: none; width: 844px; margin-left: 0; } .table .span12 { float: none; width: 924px; margin-left: 0; } .table .span13 { float: none; width: 1004px; margin-left: 0; } .table .span14 { float: none; width: 1084px; margin-left: 0; } .table .span15 { float: none; width: 1164px; margin-left: 0; } .table .span16 { float: none; width: 1244px; margin-left: 0; } .table .span17 { float: none; width: 1324px; margin-left: 0; } .table .span18 { float: none; width: 1404px; margin-left: 0; } .table .span19 { float: none; width: 1484px; margin-left: 0; } .table .span20 { float: none; width: 1564px; margin-left: 0; } .table .span21 { float: none; width: 1644px; margin-left: 0; } .table .span22 { float: none; width: 1724px; margin-left: 0; } .table .span23 { float: none; width: 1804px; margin-left: 0; } .table .span24 { float: none; width: 1884px; margin-left: 0; } .table tbody tr.success td { background-color: #dff0d8; } .table tbody tr.error td { background-color: #f2dede; } .table tbody tr.warning td { background-color: #fcf8e3; } .table tbody tr.info td { background-color: #d9edf7; } .table-hover tbody tr.success:hover td { background-color: #d0e9c6; } .table-hover tbody tr.error:hover td { background-color: #ebcccc; } .table-hover tbody tr.warning:hover td { background-color: #faf2cc; } .table-hover tbody tr.info:hover td { background-color: #c4e3f3; } .table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th, .table-hover tbody tr:hover td, .table-hover tbody tr:hover th { background-color: #f0f0f0; } .well,.table-bordered th { background-color: #f0f0f0; } .SSSslider-block2__inside__item__content:after { content: " "; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(to top, black 0%, transparent 35%); z-index: 2; }