#hat, #said, #cellar {width: 100%;} /**/ font-face { font-family: "Antiqua-Italic"; src: url(../fonts/antiqua_italic.eot); } @font-face { font-family: "Antiqua-Italic"; src: url(../fonts/Antiqua-Italic.otf); } font-face { font-family: "Antiqua"; src: url(../fonts/antiqua.eot); } @font-face { font-family: "Antiqua"; src: url(../fonts/Antiqua.otf); } html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; /*vertical-align: baseline; */ background: transparent; font-size: 100%; } table, tbody, tfoot, thead, tr, th, td { background: transparent; font-size: 100%;} a { margin:0; padding:0; font-size:100%; vertical-align: baseline; background: transparent; outline: none; } input, select, button, textarea { margin: 0; font-size: 100%; outline: none; } input[type="text"], input[type="password"], textarea {padding: 5px;} input[type="checkbox"] {vertical-align: bottom;} input[type="radio"] {vertical-align: text-bottom;} sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} nav ul {list-style:none;} html {min-height:100%;} body { color: #000; text-align: left; font-size: 1em; min-height:100%; /*border: 5px solid #000000;*/ } a, a:visited { color: #404040; text-decoration: underline; } a:hover { color: #909090; text-decoration:none; } a:focus, a:active { color: #404066; text-decoration: underline; } .clr{clear:both;} .clearfix:after { clear: both; content: ""; display: table; } * {font-family: Arial, Verdana, Helvetica, sans-serif;} .small {font-size: 10px;} .error {color: red; font-weight: bold;} .success {color: green; font-weight: bold;} .indent25 {text-indent: 25px;} .warning {color: red; font-weight: bold;} .in_all_w_h {position: absolute; top: 0; left: 0; right: 0; bottom: 0;} .in_relat_h {position: relative; height: 100%; /*background: #ffe5d7;*/} /* Vertical center alignment */ .center_cell { position: relative; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } h1, h2, h3, h4, h5, h6{font-weight:normal; line-height: 1.0em;} h1, h2, h3, h4 {font-weight: bold;} h1 {font-size: 1.5em;} h2 {font-size: 1.4em;} h3 {font-size: 1.3em;} h4 {font-size: 1.2em;} h5 {font-size: 1.1em;} #around_box {position: absolute; top: 0px; left: 0px;} #shadow_div {position: fixed; top: 0px; left: 0px; background: #000000; overflow: auto; z-index: 98; visibility: hidden;} #shadow_div > div {position: relative;} #pic_width {display: block; position: relative; margin: 0 auto; width: auto; height: auto;} #input_box {position: fixed; z-index: 99; overflow: auto;} .s10 {height: 10px; /*line-height: 10px;*/} .s20 {height: 20px;} /* Making links to social networks */ #share42 { display: inline-block; padding: 6px 0 0 6px; background: rgba(255, 255, 255, .5); border: 1px solid #E9E9E9; border-radius: 4px; } #share42:hover { background: #F6F6F6; border: 1px solid #D4D4D4; box-shadow: 0 0 5px #DDD; } #share42 a {opacity: 0.5;} #share42:hover a {opacity: 0.7} #share42 a:hover {opacity: 1} /* Transparency */ .opac { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)"; } .opacity_0 { opacity: 0.0; filter: alpha(opacity=0); } .opacity_100 { opacity: 1.0; filter: alpha(opacity=100); } .opacity_7 { opacity: 0.7; filter: alpha(opacity=70); } .div_bread_crumbs { position: relative; margin: 0 auto; padding: 10px; font-size: 14px; line-height: 22px; color: #404040; } .div_bread_crumbs a:link, .div_bread_crumbs a:visited { font-size: 14px; line-height: 22px; color: #404066; font-weight: bold; text-decoration: none; } .div_bread_crumbs a:hover { text-decoration: underline; color: #ff0000; } /* The scheme of the attachment of component parts: body #div_general #hat #said #left_said #central_said #right_said #cellar */ #div_general { background-image: -moz-linear-gradient(top, rgba(20, 5, 77, 0.0) 0, rgba(20, 5, 77, 0.0) 70%, rgba(20, 5, 77, 0.5) 90%, rgba(20, 5, 77, 1.0) 100%); background-image: -webkit-linear-gradient(top, rgba(20, 5, 77, 0.0) 0, rgba(20, 5, 77, 0.0) 70%, rgba(20, 5, 77, 0.5) 90%, rgba(20, 5, 77, 1.0) 100%); background-image: linear-gradient(to bottom, rgba(13, 3, 53, 0.0) 0, rgba(13, 3, 53, 0.0) 75%, rgba(13, 3, 53, 0.4) 79%, rgba(13, 3, 53, 0.6) 84%, rgba(13, 3, 53, 0.8) 88%, rgba(13, 3, 53, 0.9) 92%, rgba(13, 3, 53, 1.0) 100%); } #hat {display: block; background: #ffffff;} #said {display: block; /*background: #ffffff;*/} #left_said {float: left;} #central_said {float: none;}/* Attention!!!! Do not modify the entry! It is used in the script to form a common style sheet. */ #right_said {float: left;} #cellar {display: block; /*height: 180px; background: #ffffff;*/} #cellar > div {position: relative; width: 80%; margin: 0 auto;} #id_page_gen {position: relative; width: 80%; margin: 0 auto; background: #ffffff;} .empty_module {height: 100%; text-align: center; margin: 0 auto;/* background: #ffcccc;*/} .empty_module > div {display: inline-block; margin: 0 auto;/* background: #ffffcc;*/} #share42init {position: fixed; top: 0px; left: 0px; z-index: 3;} #share42_alter {display: none; position: relative; text-align: center; margin: 1% 0;} #share42_mobil {display: inline-block; position: relative;} .label_on_site {position: relative; width: 10px; height: 10px;/* top: 33%; right: 30%;*/ margin: 0 auto; background: radial-gradient(circle farthest-side at 30% 30%, #fbdddd 10%, #ff0000 40%, #900303 80%, #480404 90%); -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; z-index: 2; } .button_up { font-size: 14px; line-height: 80px; font-weight: bold; text-align: center; text-transform: uppercase; color: #ffffff; cursor: pointer; position: fixed; width: 80px; height: 80px; padding: 0px; margin: 0px; z-index: 1000; opacity: 0.7; filter: alpha(opacity=70); background: url(/images/button_top.png) no-repeat 0 0 / 100% 100%; visibility: hidden; left: 0px; } .button_up:hover { opacity: 1.0; filter: alpha(opacity=100); color: #ff0000; } .not_style_td {padding: 2%; width: 96%; word-wrap: break-word; background: #ffffff; font-weight: bold; line-height: 150%; text-align: center; margin: 10px 0;} a.link_zagolovok {color: #990000;} #search_box_id {display: block; position: relative; width: 90%; font-size: 21px; line-height: 27px; margin: 0 auto 20px auto;} .read_all {margin: 20px auto; text-align: center; color: #02025a; background-color: #ffffff; cursor: pointer; border: 1px solid #c0c0c0; background-image: -moz-linear-gradient(top, rgba(102, 0, 0, 0.02) 0, rgba(102, 0, 0, 0.1) 30%, rgba(102, 0, 0, 0.15) 50%, rgba(102, 0, 0, 0.2) 70%, rgba(102, 0, 0, 0.15) 80%, rgba(102, 0, 0, 0.1) 90%, rgba(102, 0, 0, 0.09) 95%, rgba(102, 0, 0, 0.04) 100%); background-image: -webkit-linear-gradient(top, rgba(102, 0, 0, 0.02) 0, rgba(102, 0, 0, 0.1) 30%, rgba(102, 0, 0, 0.15) 50%, rgba(102, 0, 0, 0.2) 70%, rgba(102, 0, 0, 0.15) 80%, rgba(102, 0, 0, 0.1) 90%, rgba(102, 0, 0, 0.09) 95%, rgba(102, 0, 0, 0.04) 100%); background-image: linear-gradient(to bottom, rgba(102, 0, 0, 0.02) 0, rgba(102, 0, 0, 0.1) 30%, rgba(102, 0, 0, 0.15) 50%, rgba(102, 0, 0, 0.2) 70%, rgba(102, 0, 0, 0.15) 80%, rgba(102, 0, 0, 0.1) 90%, rgba(102, 0, 0, 0.09) 95%, rgba(102, 0, 0, 0.04) 100%); text-shadow: 0px 1px 0px rgba(255, 255, 255, 1.0); filter: dropshadow(color=#ffffff, offX=0, offY=1); } .surfacing_text {overflow: auto; background: #ffffff; color: #606060; font-size: 10px; line-height: 14px; font-weight: bold; padding: 3px 8px; border: solid 1px #303030;} .rad4 { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } /* window data_blok */ #div_blok_type {position: absolute; width: 40%;} #div_blok_type.big_700 {width: 56%;} #div_blok_type > div {position: relative; background: #ffffff; border: 5px solid #c0c0c0;} #div_blok_type > div > div:nth-child(1) {position: relative; height: 40px; background: url(/images/grd_type.png) repeat-x 0 0;} #div_blok_type > div > div:nth-child(1) > div {height: 40px; overflow: hidden;} #div_blok_type > div > div:nth-child(1) > div:nth-child(1) {position: relative; float: left; width: 90%; text-align: center; line-height: 40px;} #div_blok_type.mini_line > div > div:nth-child(1) > div:nth-child(1) {line-height: 20px;} #div_blok_type > div > div:nth-child(1) > div:nth-child(1) > span {font-size: 12px; line-height: 14px;} #div_blok_type > div > div:nth-child(1) > div:nth-child(2) {position: relative; float: right; text-align: center; line-height: 20px;} #div_blok_type > div > div:nth-child(3) {position: relative; text-align: center;} #div_blok_type > div > div:nth-child(3) > form {display: block; position: relative; text-align: center;} #div_type_pro {position: relative; background: #ffffff; border: 5px solid #c0c0c0; -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 1.0); -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 1.0); box-shadow: 0px 0px 30px rgba(0, 0, 0, 1.0); } #div_blok_type .pad {height: 20px;} #div_blok_type .pad_1 {height: 10px;} #div_blok_type input[type=text], #div_blok_type input[type=Password], #div_blok_type textarea {display: block; position: relative; width: 90%; margin: 0 auto 20px auto; font-size: 21px; line-height: 27px; color: #404040;} #div_blok_type > div > div:nth-child(3) > div#button_text_user, #end_sershing_id {position: relative; text-align: center;} #div_blok_type button[type=button], #end_sershing_id button[type=button] {cursor: pointer; border: none;} #div_blok_type div#box_password {position: relative; width: 92%; text-align: left; margin: 0 auto 20px auto; } #div_blok_type input[type=text], #div_blok_type div#box_password {border: 1px solid #c0c0c0;} #box_password > div {display: inline-block; position: relative; vertical-align: top; width: 12%; height: 37px; /*border: 1px solid #000;*/} #box_password > input[type=Password], #box_password > input[type=Text] {display: inline-block; position: relative; vertical-align: top; width: 85%; margin: 0 auto; border: none; /*border-right: 1px solid #f00;*/} #div_blok_type input[type=text]:focus, #box_password > :focus {outline: none;} #box_password > div > img {display: block; position: relative; margin: 0 auto; width: 80%; height: auto; cursor: pointer; opacity: 0.6; filter: alpha(opacity=60); } #box_password > div:hover > img { opacity: 1.0; filter: alpha(opacity=100); } #box_password > div > p {display: none; position: absolute; bottom: 35px; right: -5px;} #box_password > div:hover > p {display: block;} .top_bloc { font-size: 16px; font-weight: bold; color: #ff0000; line-height: 40px; text-shadow: 0px 1px 0px rgba(50,50,50,0.9); filter: dropshadow(color=#000000, offX=0, offY=1); } .center_box_block_data {position: relative; width: 90%; padding: 20px 0; margin: 0 auto;} /*#div_blok_type input[type=submit] {display: block; position: relative;}*/ .button_feedback_unit, #button_feedback_unit, #div_blok_type input[type=submit], #button_to_choose, #id_quest_messages > div, .add_height_40 > button {font-size: 21px; line-height: 29px; font-weight: bold; border: none; display: inline-block; position: relative;/* margin: 0 auto;*/ background: #e41f25; color: #e0e0e0; padding: 10px 25px; cursor: pointer; text-shadow: 0px 2px 2px rgba(0, 0, 0, 1.0); filter: dropshadow(color=#ff404040, offX=0, offY=1); -moz-box-shadow: 0px 0px 4px rgba(255,255,255,0.9); -webkit-box-shadow: 0px 0px 4px rgba(255,255,255,0.9); box-shadow: 0px 0px 4px rgba(255,255,255,0.9); -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .button_feedback_unit:hover, #button_feedback_unit:hover, #div_blok_type input[type=Submit]:hover, #button_to_choose:hover, #id_quest_messages > div:hover, .add_height_40 > button:hover {color: #ffffff; background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.05) 100%); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.05) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.05) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.05) 100%); -moz-box-shadow: 0px 0px 10px rgba(255,255,255,0.9); -webkit-box-shadow: 0px 0px 10px rgba(255,255,255,0.9); box-shadow: 0px 0px 10px rgba(255,255,255,0.9); } .button_feedback_ {display: inline-block; position: relative; width: 10px;} #consent_processing_box {position: relative; text-align: left; margin: 0 0 20px 0; height: 60px;/* border: 1px solid #f00;*/} .article_name_box {position: relative; margin: 0 0 20px 0; height: 40px;} .article_name_box > div:nth-child(1) {float: left; position: relative; width: 80%; height: 100%; text-align: left;/* background: #ffcccc;*/} .article_name_box > div:nth-child(2) {float: left; position: relative; width: 20%; height: 100%;/* background: #ccccff;*/} .article_name_box > div:nth-child(2) > button[type=button] {cursor: pointer; padding: 5px 10px; border: 1px solid #303030;} #consent_processing_box > div:nth-child(1) {float: left; position: relative; width: 10%; height: 100%;/* background: #ffcccc;*/} #div_blok_type input[type=Checkbox] {display: block; position: relative; margin: 0 auto;/* vertical-align: 50%;*/ -webkit-transform: scale(1); transform: scale(1); } #div_blok_type input[type=Radio] {} #consent_processing_box > div:nth-child(2) {float: left; position: relative; width: 90%; height: 100%; text-align: left;/* background: #ccccff;*/} #consent_processing_box > div:nth-child(2) > p, .article_name_box > div:nth-child(2) > p {position: relative; font-size: 16px; padding: 0 3px;} .input_box_p {margin: 20px 0 5px 0; font-size: 1.1em; font-weight: bold; color: #606060;} @media screen and (max-width: 640px){ #div_blok_type input[type=Checkbox], #div_blok_type input[type=Radio] { -webkit-transform: scale(2); transform: scale(2); } #consent_processing_box > div:nth-child(2) > p {font-size: 14px;} } @media screen and (max-width: 540px){ .top_bloc {font-size: 12px;} .center_box_block_data {padding: 0px 0; width: 92%;} .button_feedback_unit, #button_feedback_unit, #div_blok_type input[type=submit], #button_to_choose, #id_quest_messages > div, .add_height_40 > button {font-size: 17px; line-height: 23px;} .input_box_p {font-size: 1.0em;} #consent_processing_box > div:nth-child(1) {width: 15%;} #consent_processing_box > div:nth-child(2) {width: 85%;} #div_blok_type input[type=Checkbox], #div_blok_type input[type=Radio] { -webkit-transform: scale(3); transform: scale(3); } #consent_processing_box > div:nth-child(2) > p {font-size: 12px;} } @media screen and (max-width: 360px){ .center_box_block_data {padding: 0px 0; width: 95%;} } @media screen and (max-width: 320px){ .center_box_block_data {padding: 0px 0; width: 98%;} } /* window data_blok */ /* window massage block*/ #id_quest_text, #id_quest_text > a {text-align: left; font-size: 18px; color: #000066; font-weight: bold; line-height: 28px; text-shadow: 0px 1px 0px rgba(200, 200, 200, 1.0); filter: dropshadow(color=#c8c8c8, offX=0, offY=1); } #id_quest_text, #id_quest_text > a {/*margin-bottom: 10px;*/ padding: 0 2%;} #id_quest_text > a:hover {color: #666666;} #id_quest {position: relative;} #id_quest > div {position: relative; float: left; width: 50%; text-align: center;} #id_quest > div > div {display: inline-block; cursor: pointer; font-size: 18px; text-transform: none; width: 50%;} #id_quest_messages, .add_height_40 {position: relative; width: 100%; text-align: center;} #but_quest_1, #but_quest_2 {margin: 20px auto 0 auto; padding: 5px 5px;} #but_quest_1:hover, #but_quest_2:hover {color: #ff0000;} /* window massage block*/ a.manager_img {display: block; position: fixed; right:20px; top:20px; z-index: 10; width: 60px; height: 60px; border: 5px solid #606060; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } a.manager_img.book {top: 100px;} a.manager_img > img {display: block; position: relative; height: 100%; width: 100%;} a.manager_img > img:not(.mobil) { opacity: 0.5; filter: alpha(opacity=50); } a.manager_img:hover > img { opacity: 1.0; filter: alpha(opacity=100); } /* general animation */ .blink { -webkit-animation: blink_1 1.0s linear 0.0s infinite normal; animation: blink_1 1.0s linear 0.0s infinite normal; } @-webkit-keyframes blink_1 { 0% { opacity: 1.0; filter: alpha(opacity=100); } 100% { opacity: 0.0; filter: alpha(opacity=0); } } @keyframes blink_1 { 0% { opacity: 1.0; filter: alpha(opacity=100); } 100% { opacity: 0.0; filter: alpha(opacity=0); } } .open_opacity { -webkit-animation: opacity_open 1.0s linear 0.0s 1 normal; animation: opacity_open 1.0s linear 0.0s 1 normal; } @-webkit-keyframes opacity_open { 0% { opacity: 0.0; filter: alpha(opacity=0); } 100% { opacity: 1.0; filter: alpha(opacity=100); } } @keyframes opacity_open { 0% { opacity: 0.0; filter: alpha(opacity=0); } 100% { opacity: 1.0; filter: alpha(opacity=100); } } /* general animation */ #error_length_background {position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(55, 55, 55, .7);} #error_length_box {position: absolute; width: 90%; background: #ffffff; border: 2px solid #909090; padding: 5px;} #error_length_box > div:nth-child(1) {position: relative; width: 100%; background: url(/images/grd_type.png) 0 0 / auto 100%;} #error_length_box > div:nth-child(1) > div {position: relative; float: left;} #error_length_box > div:nth-child(1) > div:nth-child(1) {width: 90%; height: 30px; text-align: center; line-height: 30px; font-weight: bold; color: #ff0000; font-size: 14px; text-shadow: 0px 1px 0px rgba(255, 255, 255, 1.0); filter: dropshadow(color=#ffffff, offX=0, offY=1); } #error_length_box > div:nth-child(1) > div:nth-child(2) {width: 10%; height: 30px;/* background: #ffffcc;*/} #error_length_box > div:nth-child(1) > div:nth-child(2) > img {display: block; position: relative; margin: 0 auto; height: 90%; width: auto; cursor: pointer;} #error_length_box > div:nth-child(2) {position: relative; text-align: center; line-height: 30px; color: #404040; font-size: 16px;} /* Development */ #hat_box {position: relative;} /*#hat_box {background: url(/images/autumn_start.jpg) no-repeat 0 0 / 100% 100%;} #hat_box {background: url(/images/autumn_middle.jpg) no-repeat 0 0 / 100% 100%;} #hat_box {background: url(/images/autumn_november.jpg) no-repeat 0 0 / 100% 100%;} #hat_box {background: url(/images/first_snow_light.jpg) no-repeat 0 0 / 100% 100%;} #hat_box {background: url(/images/first_snow.jpg) no-repeat 0 0 / 100% 100%;} #hat_box {background: url(/images/autumn_old.jpg) no-repeat 0 0 / 100% 100%;} #hat_box {background: url(/images/winter_grd.jpg) no-repeat 0 0 / 100% 100%;} #hat_box {background: url(/images/spring_start.jpg) no-repeat 0 0 / 100% 100%;} #hat_box {background: url(/images/spring_grd.jpg) no-repeat 0 0 / 100% 100%;} #hat_box {background: url(/images/spring_mai_april.jpg) no-repeat 0 0 / 100% 100%;} #hat_box {background: url(/images/spring_mai_grd.jpg) no-repeat 0 0 / 100% 100%;}*/ #hat_box {background: url(/images/over_mai_grd.jpg) no-repeat 0 0 / 100% 100%;}/* #hat_box {background: url(/images/emelian.jpg) no-repeat 0 0 / 100% 100%;} #hat_box {background: url(/images/middle_sommer.jpg) no-repeat 0 0 / 100% 100%;}*/ #hat_box > div:nth-child(1) {padding-top: 35.7%;} #hat_box_content {position: relative; overflow: hidden;} #hat_box_content > img.new_yea_hat {display: block; position: absolute; width: auto; height: 100%; right: 0; top: 0; z-index: 0;} #hat_box_content > img.hristmas_hat {display: block; position: absolute; width: auto; height: 70%; right: 0px; top: 0; z-index: 2;} #hat_box_content > img.on_kazan_day {display: block; position: absolute; width: auto; height: 70%; right: 1%; top: 7%; z-index: 2;} #hat_box_content > img.first_may, #hat_box_content > img.september_day, #hat_box_content > img.title_8_marta, #hat_box_content > img.title_victory_day, #hat_box_content > img.on_victory_day, #hat_box_content > img.title_victory_day, #hat_box_content > img.on_23_februar_day, #hat_box_content > img.paska, #hat_box_content > img.den_rossii, #hat_box_content > img.vdv_class, #hat_box_content > img.on_geroi_day {display: block; position: absolute; height: auto; z-index: 2;} #hat_box_content > img.first_may {width: 27%; right: -1%; top: 15%;} #hat_box_content > img.paska {width: 18%; right: 3%; top: 19%;} #hat_box_content > img.september_day {width: 34%; right: -1%; top: 15%; z-index: 2;} #hat_box_content > img.title_8_marta {width: 25%; right: 1%; top: 20%;} #hat_box_content > img.title_victory_day {width: 10%; right: 1%; top: 26%; z-index: 2;} #hat_box_content > img.on_victory_day {width: 35%; right: 0; top: 0; z-index: 0;} #hat_box_content > img.on_23_februar_day {width: 25%; right: 0px; top: 15%;} #hat_box_content > img.title_victory_day {width: 27%; right: 0%; top: 17%;} #hat_box_content > img.vdv_class {width: 18%; right: 0%; top: 20%;} #hat_box_content > img.den_rossii {width: 35%; right: 0%; top: 25%;} #hat_box_content > img.on_geroi_day {width: 30%; right: 0; top: 5%;} #hat_box_content > div.new_yea_title, #hat_box_content > div.new_yea_pre {position: absolute; font-family: Impact; font-size: 45px; font-weight: bold; line-height: 110%; color: #b70a00; z-index: 2; text-align: right; display: block; text-shadow: 0px 1px 7px rgba(255, 255, 255, 1.0); filter: dropshadow(color=#ffffff, offX=0, offY=1); } #hat_box_content > div.new_yea_title {right: 4%; top: 33%;} #hat_box_content > div.new_yea_pre {right: 1%; top: 33%;} #work_div {height: calc(100% - 20px);} #hat_box_content > a > img.obraz_hat {display: block; position: absolute; width: auto; height: 98%; left: 0%; bottom: 0; z-index: 1;} #hat_box_content > div.block_decor {position: absolute; top: 1%; left: 20%;} #hat_box_content > div.block_decor > div {position: relative; margin-bottom: 5px;} /*#hat_box_content > div.block_decor > div, #hat_box_content > div.hat_citat {}*/ #hat_box_content > div.hat_citat {position: absolute; right: 3%; bottom: 10%; width: 50%; padding: 10px 50px; background-image: -moz-linear-gradient(left, rgba(255, 255, 255, .0) 0, rgba(255, 255, 255, .8) 10%, rgba(255, 255, 255, .8) 90%, rgba(255, 255, 255, .0) 100%); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .0) 0, rgba(255, 255, 255, .8) 10%, rgba(255, 255, 255, .8) 90%, rgba(255, 255, 255, .0) 100%); background-image: linear-gradient(to right, rgba(255, 255, 255, .0) 0, rgba(255, 255, 255, .8) 10%, rgba(255, 255, 255, .8) 90%, rgba(255, 255, 255, .0) 100%); box-shadow: 0px 4px 5px -4px rgba(0, 0, 0, 0.8); } #hat_box_content > div.block_decor h1, #hat_box_content > div.block_decor h4 {font-family: Impact, Arial; color: #b70a00; font-size: 4.5em; text-shadow: 0px 2px 0px rgba(255, 255, 255, 1.0); filter: dropshadow(color=#ffffff, offX=0, offY=2); } #hat_box_content > div.block_decor p {color: #660000; font-size: 30px; font-family: "Antiqua"; text-shadow: 0px 1px 0px rgba(255, 255, 255, 1.0); filter: dropshadow(color=#ffffff, offX=0, offY=1); } #hat_box_content > div.block_decor h1, #hat_box_content > div.block_decor h4, #hat_box_content > div.block_decor p {display: inline-block; padding: 10px 50px; background-image: -moz-linear-gradient(left, rgba(255, 255, 255, .0) 0, rgba(255, 255, 255, .8) 10%, rgba(255, 255, 255, .8) 90%, rgba(255, 255, 255, .0) 100%); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .0) 0, rgba(255, 255, 255, .8) 10%, rgba(255, 255, 255, .8) 90%, rgba(255, 255, 255, .0) 100%); background-image: linear-gradient(to right, rgba(255, 255, 255, .0) 0, rgba(255, 255, 255, .8) 10%, rgba(255, 255, 255, .8) 90%, rgba(255, 255, 255, .0) 100%); box-shadow: 0px 4px 5px -4px rgba(0, 0, 0, 0.8); } #hat_box_content > div.hat_citat > p {position: relative; color: #000000; font-family: "Antiqua-Italic"; font-size: 19px; line-height: 120%; z-index: 1; text-shadow: 0px 1px 0px rgba(255, 255, 255, 1.0); filter: dropshadow(color=#ffffff, offX=0, offY=1); } #hat_box_content > div.hat_citat > p:nth-last-child(1) {text-align: right; font-weight: bold; font-size: 15px;} #hat_box_content > div.hat_citat > div {position: absolute; top: 0; right: 0; width: 40%; height: 100%;} #hat_box_content > div.hat_citat > div > div#img_box_2 {position: relative; height: 100%;/* background: #ffcccc;*/} #hat_box_content > div.hat_citat > div > div#img_box_2 > img {display: block; position: absolute; height: 90%; width: auto; bottom: 15%; right: 10%; z-index: 0;} #hat_alter_menu {position: absolute; bottom: 0; width: 100%; text-align: center; background: #0000ff; z-index: 2;/* display: none;*/} #hat_alter_menu > span, #hat_alter_menu > a, #hat_alter_menu > p {display: inline-block; position: relative; font-size: 21px; line-height: 35px;} #hat_alter_menu > p {cursor: pointer;} #hat_alter_menu > span, #hat_alter_menu > a, #hat_alter_menu > p, #hat_mobil_menu > div:nth-child(2) > span, #small_menu_box_id > a, #small_menu_box_id > span, #small_menu_box_id > p {text-align: center; color: #ffffff; font-weight: bold; text-decoration: none; margin: 0; padding: 0; text-shadow: 0px 1px 0px rgba(0, 0, 0, 1.0); filter: dropshadow(color=#000000, offX=0, offY=1);} #hat_alter_menu > a, #hat_alter_menu > p, #small_menu_box_id > a, #small_menu_box_id > p { background-image: -moz-linear-gradient(top, rgba(148, 148, 251, 1.0) 0, rgba(79, 79, 226, 1.0) 30%, rgba(9, 9, 130, 1.0) 70%, rgba(2, 2, 60, 1.0) 100%); /* FF3.6-15 */ background-image: -webkit-linear-gradient(top, rgba(148, 148, 251, 1.0) 0, rgba(79, 79, 226, 1.0) 30%, rgba(9, 9, 130, 1.0) 70%, rgba(2, 2, 60, 1.0) 100%); background-image: linear-gradient(to bottom, rgba(148, 148, 251, 1.0) 0, rgba(79, 79, 226, 1.0) 30%, rgba(9, 9, 130, 1.0) 70%, rgba(2, 2, 60, 1.0) 100%); box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.8); } #hat_alter_menu > a:hover, #hat_alter_menu > p:hover, #small_menu_box_id > a:hover, #small_menu_box_id > p:hover {text-decoration: underline; background-image: -moz-linear-gradient(bottom, rgba(148, 148, 251, 1.0) 0, rgba(79, 79, 226, 1.0) 30%, rgba(9, 9, 130, 1.0) 70%, rgba(2, 2, 60, 1.0) 100%); background-image: -webkit-linear-gradient(bottom, rgba(148, 148, 251, 1.0) 0, rgba(79, 79, 226, 1.0) 30%, rgba(9, 9, 130, 1.0) 70%, rgba(2, 2, 60, 1.0) 100%); background-image: linear-gradient(to top, rgba(148, 148, 251, 1.0) 0, rgba(79, 79, 226, 1.0) 30%, rgba(9, 9, 130, 1.0) 70%, rgba(2, 2, 60, 1.0) 100%); } #hat_mobil_menu {display: none; text-align: center; background: #0000ff; overflow: auto; background-image: -moz-linear-gradient(left, rgba(4, 4, 46, 1.0) 0, rgba(0, 0, 255, 1.0) 30%, rgba(0, 0, 255, 1.0) 70%, rgba(4, 4, 46, 1.0) 100%); background-image: -webkit-linear-gradient(left, rgba(4, 4, 46, 1.0) 0, rgba(0, 0, 255, 1.0) 30%, rgba(0, 0, 255, 1.0) 70%, rgba(4, 4, 46, 1.0) 100%); background-image: linear-gradient(to right, rgba(4, 4, 46, 1.0) 0, rgba(0, 0, 255, 1.0) 30%, rgba(0, 0, 255, 1.0) 70%, rgba(4, 4, 46, 1.0) 100%); } #hat_mobil_menu:not(.fixed_hat_mobil_menu) {position: relative; z-index: 2;} #hat_mobil_menu.fixed_hat_mobil_menu {position: fixed; top: 0; left: 0; width: 100%; z-index: 90; opacity: 0.6; filter: alpha(opacity=60); } #hat_mobil_menu.fixed_hat_mobil_menu:hover { opacity: 1.0; filter: alpha(opacity=100); } #hat_mobil_menu > div:not(:nth-child(4)) {position: relative;} #hat_mobil_menu > div:not(:nth-child(3)) {float: left;} #hat_mobil_menu > div:nth-child(3) {float: right;} #hat_mobil_menu > div:nth-child(1), #hat_mobil_menu > div:nth-child(3) {width: 30%; min-height: 40px;} #hat_mobil_menu > div:nth-child(2) {width: 40%;} #hat_mobil_menu > div:nth-child(2) > span {display: block; position: relative; font-size: 19px; line-height: 40px;} #hat_mobil_menu > div:nth-child(4) {position: absolute; top: 0; left: 44px; width: 40px; height: 40px;} #hat_mobil_menu > div:nth-child(5) {position: absolute; top: 0; left: 2px; width: 40px; height: 40px;} #hat_mobil_menu > div:nth-child(4) > div, #hat_mobil_menu > div:nth-child(5) > div {cursor: pointer;} #hat_mobil_menu > div:nth-child(4) > div > img, #hat_mobil_menu > div:nth-child(5) > div > img {display: block; position: relative; width: 100%; height: 100%;} #hat_alter_menu > a > img, #hat_alter_menu > p > img, #hat_mobil_menu > div > a > img, #small_menu_box_id > a > img, #small_menu_box_id > p > img {display: block; position: absolute; height: 90%; width: auto; right: 5%;} #hat_alter_menu > a > img, #hat_alter_menu > p > img {bottom: 20%;} #hat_mobil_menu > div > a > img, #small_menu_box_id > a > img, #small_menu_box_id > p > img {bottom: 5%;} #hat_mobil_menu > div:nth-child(3) > div {position: relative; height: 40px; text-align: right; overflow: hidden;/* border: 1px solid #f00;*/} #hat_mobil_menu > div:nth-child(3) > div > img {display: inline-block; position: relative; height: 80%; width: auto; top: 10%; right: 15%; /*margin: 0 5% 0 0;*/ cursor: pointer;/**/ -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -moz-transform-origin: center center; -webkit-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; } #hat_mobil_menu > div:nth-child(3) > div > img.rotate_img { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #hat_mobil_menu > div:nth-child(3) > div > img.start_rotate { -webkit-animation: rotate_start 500ms linear 0.0s 1 normal; animation: rotate_start 500ms linear 0.0s 1 normal; } @-webkit-keyframes rotate_start { 0% { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } } @keyframes rotate_start { 0% { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } } #hat_mobil_menu > div:nth-child(3) > div > img.out_rotate { -webkit-animation: rotate_out 500ms linear 0.0s 1 normal; animation: rotate_out 500ms linear 0.0s 1 normal; } @-webkit-keyframes rotate_out { 0% { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } 100% { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes rotate_out { 0% { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } 100% { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } #small_menu_box_id {position: relative; width: 100%; padding: 0; margin: 0 auto;} #small_menu_box_id > a, #small_menu_box_id > span, #small_menu_box_id > p {display: block; position: relative; height: 50px; font-size: 21px; line-height: 50px;} #small_menu_box_id > span {background: #0000ff;} #small_menu_box_id > p {cursor: pointer;} #menu_group_id {position: absolute; left: 5%; bottom: 28%; z-index: 3; width: 10px;/* background: #686761;*/} #menu_group_id > div {position: relative; width: 700px;} #menu_group_id > div > div { float: left; position: relative; margin: 0 .5%; overflow: hidden; cursor: pointer; background: #ffffff 0 0 / contain no-repeat; height: 60px; width: 60px; vertical-align: top; border: 4px solid #c0c0c0; -moz-border-radius: 32px; -webkit-border-radius: 32px; -khtml-border-radius: 32px; border-radius: 32px; } #menu_group_id > div > div.not_mobil { -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } #menu_group_id > div > div.not_mobil:hover {width: 250px; background: #ffffff -100% 0 / contain no-repeat; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } #menu_group_id > div > div.is_mobil { -webkit-animation: open_send 500ms linear 0.0s 1 normal; animation: open_send 500ms linear 0.0s 1 normal; } @-webkit-keyframes open_send { 0% { width: 60px; background: #ffffff 0% 0 / contain no-repeat; } 100% { width: 250px; background: #ffffff -100% 0 / contain no-repeat; } } @keyframes open_send { 0% { width: 60px; background: #ffffff 0% 0 / contain no-repeat; } 100% { width: 250px; background: #ffffff -100% 0 / contain no-repeat; } } #menu_group_id > div > div.is_mobil_open { width: 250px; background: #ffffff -100% 0 / contain no-repeat; } #menu_group_id > div > div.is_mobil_open > a, #menu_group_id > div > div.is_mobil_open > p { display: block; visibility: visible; } #menu_group_id > div > div.is_mobil_open > a:hover, #menu_group_id > div > div.is_mobil_open > p:hover {text-decoration: underline;} #menu_group_id > div > div.is_mobil_close { -webkit-animation: close_send 500ms linear 0.0s 1 normal; animation: close_send 500ms linear 0.0s 1 normal; } @-webkit-keyframes close_send { 0% { width: 250px; background: #ffffff -100% 0 / contain no-repeat; } 100% { width: 60px; background: #ffffff 0% 0 / contain no-repeat; } } @keyframes close_send { 0% { width: 250px; background: #ffffff -100% 0 / contain no-repeat; } 100% { width: 60px; background: #ffffff 0% 0 / contain no-repeat; } } #menu_group_id > div > div:nth-child(1) {background-image: url(/images/categories/telefon.png);} #menu_group_id > div > div:nth-child(2) {background-image: url(/images/categories/e_mail.png);} #menu_group_id > div > div:nth-child(3) {background-image: url(/images/categories/skype.png);} #menu_group_id > div > div:nth-child(4) {background-image: url(/images/categories/whatsapp.png);} #menu_group_id > div > div:nth-child(5) {background-image: url(/images/categories/viber.png);} #menu_group_id > div > div > a, #menu_group_id > div > div > p { display: none; position: relative; margin: 1% 10% 5% 1%; width: 250px; overflow: hidden; font-family: "AcademyCondensed"; font-size: 130%; line-height: 100%; font-weight: bold; color: #404040; text-align: center; visibility: hidden; text-decoration: none; } #menu_group_id > div > div.not_mobil > a, #menu_group_id > div > div.not_mobil > p { -moz-transition: visibility .5s; -webkit-transition: visibility .5s; -o-transition: visibility .5s; transition: visibility .5s; } #menu_group_id > div > div.not_mobil:hover > a, #menu_group_id > div > div.not_mobil:hover > p { display: block; visibility: visible; text-decoration: underline; -moz-transition: visibility .5s; -webkit-transition: visibility .5s; -o-transition: visibility .5s; transition: visibility .5s; } #left_said_news {position: relative; width: 98%;/* height: 100%;*/ margin: 0 auto;/* background: #ffcccc;*/ vertical-align: top; display: none;} #small_left_said_news {position: relative; width: 96%;/* height: 100%;*/ margin: 0 0 0 auto; vertical-align: top;} #left_said_news > div {position: relative; margin-bottom: 8px; border: 1px solid #909090;} #small_left_said_news > div {position: relative; margin-bottom: 0px; border: 1px solid #909090;} #left_said_news > div > div, #small_left_said_news > div > div {position: relative; background-color: #ffffff; background-image: -moz-linear-gradient(top, rgba(102, 0, 0, 0.02) 0, rgba(102, 0, 0, 0.1) 30%, rgba(102, 0, 0, 0.15) 50%, rgba(102, 0, 0, 0.2) 70%, rgba(102, 0, 0, 0.15) 80%, rgba(102, 0, 0, 0.1) 90%, rgba(102, 0, 0, 0.09) 95%, rgba(102, 0, 0, 0.04) 100%); background-image: -webkit-linear-gradient(top, rgba(102, 0, 0, 0.02) 0, rgba(102, 0, 0, 0.1) 30%, rgba(102, 0, 0, 0.15) 50%, rgba(102, 0, 0, 0.2) 70%, rgba(102, 0, 0, 0.15) 80%, rgba(102, 0, 0, 0.1) 90%, rgba(102, 0, 0, 0.09) 95%, rgba(102, 0, 0, 0.04) 100%); background-image: linear-gradient(to bottom, rgba(102, 0, 0, 0.02) 0, rgba(102, 0, 0, 0.1) 30%, rgba(102, 0, 0, 0.15) 50%, rgba(102, 0, 0, 0.2) 70%, rgba(102, 0, 0, 0.15) 80%, rgba(102, 0, 0, 0.1) 90%, rgba(102, 0, 0, 0.09) 95%, rgba(102, 0, 0, 0.04) 100%); } #left_said_news > div > div > div:nth-child(1) {position: relative; padding-top: 20%;} #small_left_said_news > div > div > div:nth-child(1) {position: relative; padding-top: 15%;} #left_said_news > div > div > div:nth-child(2) img, #small_left_said_news > div > div > div:nth-child(2) img {display: block; float: left; height: 100%; width: auto;} #left_said_news > div > div > div:nth-child(2) > div > div, #small_left_said_news > div > div > div:nth-child(2) > div > div {float: right; width: 80%; line-height: 100%; height: 100%; /*background: #ffcccc;*/} #left_said_news > div > div > div:nth-child(2) > div > div > a, #small_left_said_news > div > div > div:nth-child(2) > div > div > a {display: block; position: relative; text-align: center; font-size: 25px; color: #02025a; text-decoration: none; font-weight: bold; text-shadow: 0px 1px 0px rgba(255, 255, 255, 1.0); filter: dropshadow(color=#ffffff, offX=0, offY=1); } #left_said_news > div > div > div:nth-child(2) > div > div > a:hover, #small_left_said_news > div > div > div:nth-child(2) > div > div > a:hover {color: #ff0000;} #left_said_news > div > div {cursor: pointer;} #left_said_news > div > div.not_pointer {cursor: default;} #left_said_news > div > div > div:nth-child(2) > div > div:nth-child(2), #small_left_said_news > div > div > div:nth-child(2) > div > div:nth-child(2) {float: left; width: 80%; line-height: 100%; height: 100%; overflow: hidden; /*background: #ffcccc;*/} #new_product_id {display: none; position: absolute; height: 60px; width: 60px; right: 2%; top: 0%; z-index: 10;} #new_product_id > p {display: block; position: relative; height: 100%; width: 100%; background: url(/images/categories/1226378_87127048.png) no-repeat 0 0 / 100% 100%; cursor: pointer;} #is_img_new_product_box, #is_img_interview_box {display: block; position: absolute; width: 30px; height: auto; top: 12px; right: -5px;} #social_box {position: absolute; left: 5%; bottom: 10%; z-index: 3; white-space: nowrap;} #social_box > a {display: inline-block; position: relative; height: 60px; width: 60px; margin: 0 .8%; overflow: hidden; -moz-border-radius: 32px; -webkit-border-radius: 32px; -khtml-border-radius: 32px; border-radius: 32px; border: 4px solid #c0c0c0; } #social_box > a > img {display: block; position: relative; height: 100%; width: 100%;} #searching_box_id {left: 24%;} #input_box_id {left: 30%;} #searching_box_id, #input_box_id {position: absolute; bottom: 10%; z-index: 3; height: 60px; width: 60px; overflow: hidden; cursor: pointer; -moz-border-radius: 32px; -webkit-border-radius: 32px; -khtml-border-radius: 32px; border-radius: 32px; border: 4px solid #aa7777; } #searching_box_id > img, #input_box_id > img {display: block; position: relative; height: 100%; width: 100%;} /* General design block */ #central_said_box_id {position: relative; width: 80%; margin: 0 auto;} #title_block_new_light {margin: 25px 0; text-align: center;} #title_block_new_light > h1 {display: inline-block; vertical-align: top; font-size: 37px; line-height: 41px; font-family: Impact; letter-spacing: 4px; font-weight: bold; color: #72728b; text-shadow: 0px 1px 0px rgba(0, 0, 0, 1.0); filter: dropshadow(color=#00000, offX=0, offY=1); } #title_block_new_light > div {display: inline-block; vertical-align: bottom; margin-left: 20px; width: 36px; height: 36px; cursor: pointer;} #title_block_new_light > div > img {display: block; position: relative; width: 100%; height: 100%; opacity: 0.6; filter: alpha(opacity=60); } #title_block_new_light > div:hover > img { opacity: 1.0; filter: alpha(opacity=100); } #central_said_box_id > div#list_article_box_id > div {position: relative; width: 100%;} #central_said_box_id > div#list_article_box_id > div > div {position: relative; float: left; width: 48.5%; overflow: hidden;} #central_said_box_id > div#list_article_box_id > div > div:nth-child(1) {margin: 0 1% 2% 0;} #central_said_box_id > div#list_article_box_id > div > div:nth-child(2) {margin: 0 0% 2% 0;} #list_article_box_id > div {position: relative;} #list_article_box_id > div > div {position: relative;/* margin: 15px 0;*/ padding: .5%; background: #ffffff; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7), inset 0px 0px 4px rgba(126, 70, 3, 0.5); } #list_article_box_id > div > div:not(.is_img_grd) > a {display: block; position: relative; margin: 0 0 15px 0; padding: 2% 0; font-size: 21px; line-height: 140%; color: #ffffff; font-weight: bold; text-decoration: none; text-align: center;/* height: 100%; background: #ffcccc;*/ text-shadow: 0px 1px 0px rgba(0, 0, 0, 1.0); filter: dropshadow(color=#000000, offX=0, offY=1); background-image: -moz-linear-gradient(top, rgba(251, 154, 149, 0.6) 0, rgba(208, 52, 43, 0.6) 30%, rgba(134, 20, 14, 0.6) 70%, rgba(68, 7, 3, 0.6) 100%); background-image: -webkit-linear-gradient(top, rgba(251, 154, 149, 0.6) 0, rgba(208, 52, 43, 0.6) 30%, rgba(134, 20, 14, 0.6) 70%, rgba(68, 7, 3, 0.6) 100%); background-image: linear-gradient(to bottom, rgba(251, 154, 149, 0.6) 0, rgba(208, 52, 43, 0.6) 30%, rgba(134, 20, 14, 0.6) 70%, rgba(68, 7, 3, 0.6) 100%); } #list_article_box_id > div > div:not(.is_img_grd) > a:hover { background-image: -moz-linear-gradient(top, rgba(251, 154, 149, 1.0) 0, rgba(208, 52, 43, 1.0) 30%, rgba(134, 20, 14, 1.0) 70%, rgba(68, 7, 3, 1.0) 100%); background-image: -webkit-linear-gradient(top, rgba(251, 154, 149, 1.0) 0, rgba(208, 52, 43, 1.0) 30%, rgba(134, 20, 14, 1.0) 70%, rgba(68, 7, 3, 1.0) 100%); background-image: linear-gradient(to bottom, rgba(251, 154, 149, 1.0) 0, rgba(208, 52, 43, 0.6) 30%, rgba(134, 20, 14, 1.0) 70%, rgba(68, 7, 3, 1.0) 100%); } #list_article_box_id > div > div:not(.is_img_grd) > div:nth-child(2), #list_article_box_id > div > div:not(.is_img_grd) > div:nth-child(3) {position: relative;} #list_article_box_id > div > div:not(.is_img_grd) > div:nth-child(3) > a {display: block; position: relative; float: left; text-decoration: none; margin: 10px 5px 7px 20px; font-size: 19px; line-height: 150%; font-weight: bold; color: #000066;} #list_article_box_id > div > div:not(.is_img_grd) > div:nth-child(3) > a:hover {text-decoration: underline; color: #000099;} #list_article_box_id > div > div:not(.is_img_grd) > div:nth-child(3) > p {position: relative; float: right; text-decoration: none; margin: 10px 20px 7px 5px; font-size: 17px; color: #303030; line-height: 150%;} #list_article_box_id > div > div:not(.is_img_grd) > div:nth-child(3) > p > strong {color: #606060;} .is_img_grd > div:nth-child(1) {padding-top: 50%;} .is_img_grd > div:nth-child(2) {z-index: 2;} .is_img_grd > div:nth-child(2).grd_color_1 { background-image: -moz-linear-gradient(left, rgba(55, 55, 55, .0) 0, rgba(55, 55, 55, .0) 37%, rgba(55, 55, 55, .7) 40%, rgba(55, 55, 55, 1.0) 100%); background-image: -webkit-linear-gradient(left, rgba(55, 55, 55, .0) 0, rgba(55, 55, 55, .0) 37%, rgba(55, 55, 55, .7) 40%, rgba(55, 55, 55, 1.0) 100%); background-image: linear-gradient(to right, rgba(55, 55, 55, .0) 0, rgba(55, 55, 55, .0) 37%, rgba(55, 55, 55, .7) 40%, rgba(55, 55, 55, 1.0) 100%); } .is_img_grd > div:nth-child(2).grd_color_2 { background-image: -moz-linear-gradient(left, rgba(200, 200, 200, .0) 0, rgba(200, 200, 200, .0) 37%, rgba(200, 200, 200, .7) 40%, rgba(200, 200, 200, 1.0) 100%); background-image: -webkit-linear-gradient(left, rgba(200, 200, 200, .0) 0, rgba(200, 200, 200, .0) 37%, rgba(200, 200, 200, .7) 40%, rgba(200, 200, 200, 1.0) 100%); background-image: linear-gradient(to right, rgba(200, 200, 200, .0) 0, rgba(200, 200, 200, .0) 37%, rgba(200, 200, 200, .7) 40%, rgba(200, 200, 200, 1.0) 100%); } .is_img_grd > div:nth-child(2).grd_color_3 { background-image: -moz-linear-gradient(left, rgba(255, 153, 0, .0) 0, rgba(255, 153, 0, .0) 37%, rgba(255, 153, 0, .7) 40%, rgba(255, 153, 0, 1.0) 100%); background-image: -webkit-linear-gradient(left, rgba(255, 153, 0, .0) 0, rgba(255, 153, 0, .0) 37%, rgba(255, 153, 0, .7) 40%, rgba(255, 153, 0, 1.0) 100%); background-image: linear-gradient(to right, rgba(255, 153, 0, .0) 0, rgba(255, 153, 0, .0) 37%, rgba(255, 153, 0, .7) 40%, rgba(255, 153, 0, 1.0) 100%); } .is_img_grd > div:nth-child(2).grd_color_4 { background-image: -moz-linear-gradient(left, rgba(0, 0, 102, .0) 0, rgba(0, 0, 102, .0) 37%, rgba(0, 0, 102, .7) 40%, rgba(0, 0, 102, 1.0) 100%); background-image: -webkit-linear-gradient(left, rgba(0, 0, 102, .0) 0, rgba(0, 0, 102, .0) 37%, rgba(0, 0, 102, .7) 40%, rgba(0, 0, 102, 1.0) 100%); background-image: linear-gradient(to right, rgba(0, 0, 102, .0) 0, rgba(0, 0, 102, .0) 37%, rgba(0, 0, 102, .7) 40%, rgba(0, 0, 102, 1.0) 100%); } .is_img_grd > div:nth-child(2).grd_color_5 { background-image: -moz-linear-gradient(left, rgba(153, 255, 255, .0) 0, rgba(153, 255, 255, .0) 37%, rgba(153, 255, 255, .7) 40%, rgba(153, 255, 255, 1.0) 100%); background-image: -webkit-linear-gradient(left, rgba(153, 255, 255, .0) 0, rgba(153, 255, 255, .0) 37%, rgba(153, 255, 255, .7) 40%, rgba(153, 255, 255, 1.0) 100%); background-image: linear-gradient(to right, rgba(153, 255, 255, .0) 0, rgba(153, 255, 255, .0) 37%, rgba(153, 255, 255, .7) 40%, rgba(153, 255, 255, 1.0) 100%); } .is_img_grd > div:nth-child(2) > a {display: block; position: relative; text-decoration: none;} .is_img_grd > div:nth-child(2) > div {position: relative;} .is_img_grd > div:nth-child(2) > div > a:nth-child(1) {display: block;} .is_img_grd > div:nth-child(2) > a > div:nth-child(1), .is_img_grd > div:nth-child(2) > div > a:nth-child(1) {position: relative; height: 15%; text-align: center;} .is_img_grd > div:nth-child(2) > a > div:nth-child(1) > div:nth-child(1), .is_img_grd > div:nth-child(2) > div > a:nth-child(1) > div:nth-child(1) {display: inline-block; position: relative; max-width: 90%; overflow: hidden;/* border: 1px solid #ff0000;*/} .is_img_grd > div:nth-child(2) > a > div:nth-child(1) > div:nth-child(1) > h3, .is_img_grd > div:nth-child(2) > div > a:nth-child(1) > div:nth-child(1) > h3 {font-size: 19px; line-height: 140%; white-space: nowrap;} .is_img_grd > div:nth-child(2).grd_color_1 > a > div:nth-child(1) > div:nth-child(1) > h3, .is_img_grd > div:nth-child(2).grd_color_4 > a > div:nth-child(1) > div:nth-child(1) > h3 {color: #c0c0c0; text-shadow: 0px 1px 0px rgba(0, 0, 0, 1.0); filter: dropshadow(color=#000000, offX=0, offY=1); } .is_img_grd > div:nth-child(2).grd_color_1 > a:hover > div:nth-child(1) > div:nth-child(1) > h3, .is_img_grd > div:nth-child(2).grd_color_4 > a:hover > div:nth-child(1) > div:nth-child(1) > h3 {color: #ffffff;} .is_img_grd > div:nth-child(2).grd_color_1 > div > a:nth-child(1) > div:nth-child(1) > h3, .is_img_grd > div:nth-child(2).grd_color_4 > div > a:nth-child(1) > div:nth-child(1) > h3 {color: #ffffff; text-shadow: 0px 1px 0px rgba(0, 0, 0, 1.0); filter: dropshadow(color=#000000, offX=0, offY=1); } .is_img_grd > div:nth-child(2).grd_color_2 > a > div:nth-child(1) > div:nth-child(1) > h3, .is_img_grd > div:nth-child(2).grd_color_3 > a > div:nth-child(1) > div:nth-child(1) > h3, .is_img_grd > div:nth-child(2).grd_color_5 > a > div:nth-child(1) > div:nth-child(1) > h3 {color: #606060; text-shadow: 0px 1px 0px rgba(255, 255, 255, 1.0); filter: dropshadow(color=#ffffff, offX=0, offY=1); } .is_img_grd > div:nth-child(2).grd_color_2 > a:hover > div:nth-child(1) > div:nth-child(1) > h3, .is_img_grd > div:nth-child(2).grd_color_3 > a:hover > div:nth-child(1) > div:nth-child(1) > h3, .is_img_grd > div:nth-child(2).grd_color_5 > a:hover > div:nth-child(1) > div:nth-child(1) > h3 {color: #000000;} .is_img_grd > div:nth-child(2).grd_color_2 > div > a:nth-child(1) > div:nth-child(1) > h3, .is_img_grd > div:nth-child(2).grd_color_3 > div > a:nth-child(1) > div:nth-child(1) > h3, .is_img_grd > div:nth-child(2).grd_color_5 > div > a:nth-child(1) > div:nth-child(1) > h3 {color: #000000; text-shadow: 0px 1px 0px rgba(255, 255, 255, 1.0); filter: dropshadow(color=#ffffff, offX=0, offY=1); } .is_img_grd > div:nth-child(2) > a > div:nth-child(1) > div:nth-child(2), .is_img_grd > div:nth-child(2) > div > a:nth-child(1) > div:nth-child(2) {position: absolute; top: 0; right: 4%; width: 50px; height: 100%;/* border: 1px solid #ffffff;*/} .is_img_grd > div:nth-child(2).grd_color_1 > a > div:nth-child(1) > div:nth-child(2), .is_img_grd > div:nth-child(2).grd_color_1 > div > a:nth-child(1) > div:nth-child(2) { background-image: -moz-linear-gradient(left, rgba(55, 55, 55, .0) 0, rgba(55, 55, 55, 1.0) 100%); background-image: -webkit-linear-gradient(left, rgba(55, 55, 55, .0) 0, rgba(55, 55, 55, 1.0) 100%); background-image: linear-gradient(to right, rgba(55, 55, 55, .0) 0, rgba(55, 55, 55, 1.0) 100%); } .is_img_grd > div:nth-child(2).grd_color_2 > a > div:nth-child(1) > div:nth-child(2), .is_img_grd > div:nth-child(2).grd_color_2 > div > a:nth-child(1) > div:nth-child(2) { background-image: -moz-linear-gradient(left, rgba(200, 200, 200, .0) 0, rgba(200, 200, 200, 1.0) 100%); background-image: -webkit-linear-gradient(left, rgba(200, 200, 200, .0) 0, rgba(200, 200, 200, 1.0) 100%); background-image: linear-gradient(to right, rgba(200, 200, 200, .0) 0, rgba(200, 200, 200, 1.0) 100%); } .is_img_grd > div:nth-child(2).grd_color_3 > a > div:nth-child(1) > div:nth-child(2), .is_img_grd > div:nth-child(2).grd_color_3 > div > a:nth-child(1) > div:nth-child(2) { background-image: -moz-linear-gradient(left, rgba(255, 153, 0, .0) 0, rgba(255, 153, 0, 1.0) 100%); background-image: -webkit-linear-gradient(left, rgba(255, 153, 0, .0) 0, rgba(255, 153, 0, 1.0) 100%); background-image: linear-gradient(to right, rgba(255, 153, 0, .0) 0, rgba(255, 153, 0, 1.0) 100%); } .is_img_grd > div:nth-child(2).grd_color_4 > a > div:nth-child(1) > div:nth-child(2), .is_img_grd > div:nth-child(2).grd_color_4 > div > a:nth-child(1) > div:nth-child(2) { background-image: -moz-linear-gradient(left, rgba(0, 0, 102, .0) 0, rgba(0, 0, 102, 1.0) 100%); background-image: -webkit-linear-gradient(left, rgba(0, 0, 102, .0) 0, rgba(0, 0, 102, 1.0) 100%); background-image: linear-gradient(to right, rgba(0, 0, 102, .0) 0, rgba(0, 0, 102, 1.0) 100%); } .is_img_grd > div:nth-child(2).grd_color_5 > a > div:nth-child(1) > div:nth-child(2), .is_img_grd > div:nth-child(2).grd_color_5 > div > a:nth-child(1) > div:nth-child(2) { background-image: -moz-linear-gradient(left, rgba(153, 255, 255, .0) 0, rgba(153, 255, 255, 1.0) 100%); background-image: -webkit-linear-gradient(left, rgba(153, 255, 255, .0) 0, rgba(153, 255, 255, 1.0) 100%); background-image: linear-gradient(to right, rgba(153, 255, 255, .0) 0, rgba(153, 255, 255, 1.0) 100%); } .is_img_grd > div:nth-child(2) > a > div:nth-child(2), .is_img_grd > div:nth-child(2) > div > div:nth-child(2) {position: relative; height: 70%;} .is_img_grd > div:nth-child(2) > a > div:nth-child(2) > div, .is_img_grd > div:nth-child(2) > div > div:nth-child(2) > div {position: relative; height: 100%; width: 58%; left: 40%; overflow: hidden;/* background: #ffffff;*/} .is_img_grd > div:nth-child(2) > a > div:nth-child(2) > div > div:nth-child(1), .is_img_grd > div:nth-child(2) > div > div:nth-child(2) > div > div:nth-child(1) {position: relative; height: 90%; width: 102%; overflow-y: scroll; padding: 3% 2% 2% 2%; text-decoration: none; font-size: 16px; line-height: 140%;/* background: #ffffcc;*/} #general_box_news .is_img_grd > div:nth-child(2) > a > div:nth-child(2) > div > div:nth-child(1), #general_box_news .is_img_grd > div:nth-child(2) > div > div:nth-child(2) > div > div:nth-child(1), #debut_box_news .is_img_grd > div:nth-child(2) > a > div:nth-child(2) > div > div:nth-child(1), #debut_box_news .is_img_grd > div:nth-child(2) > div > div:nth-child(2) > div > div:nth-child(1) {font-size: 14px;} .is_img_grd > div:nth-child(2).grd_color_1 > a, .is_img_grd > div:nth-child(2).grd_color_4 > a {color: #c0c0c0;} .is_img_grd > div:nth-child(2).grd_color_1 > a:hover, .is_img_grd > div:nth-child(2).grd_color_4 > a:hover, .is_img_grd > div:nth-child(2).grd_color_1 > div, .is_img_grd > div:nth-child(2).grd_color_4 > div {color: #ffffff;} .is_img_grd > div:nth-child(2).grd_color_2 > a, .is_img_grd > div:nth-child(2).grd_color_3 > a, .is_img_grd > div:nth-child(2).grd_color_5 > a {color: #606060;} .is_img_grd > div:nth-child(2).grd_color_2 > a:hover, .is_img_grd > div:nth-child(2).grd_color_3 > a:hover, .is_img_grd > div:nth-child(2).grd_color_5 > a:hover, .is_img_grd > div:nth-child(2).grd_color_2 > div, .is_img_grd > div:nth-child(2).grd_color_3 > div, .is_img_grd > div:nth-child(2).grd_color_5 > div {color: #000000;} .is_img_grd > div:nth-child(2) > a > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(1), .is_img_grd > div:nth-child(2) > div > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(1) {position: relative; margin: 2% 0; text-align: right; font-size: 14px;} .is_img_grd > div:nth-child(2) > a > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(1) > span, .is_img_grd > div:nth-child(2) > div > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(1) > span {color: #009900; font-weight: bold;} .is_img_grd > div:nth-child(2) > a > div:nth-child(2) > div > div:nth-child(2), .is_img_grd > div:nth-child(2) > a > div:nth-child(2) > div > div:nth-child(3), .is_img_grd > div:nth-child(2) > div > div:nth-child(2) > div > div:nth-child(2), .is_img_grd > div:nth-child(2) > div > div:nth-child(2) > div > div:nth-child(3) {position: absolute; height: 7%; width: 100%; left: 0;} .is_img_grd > div:nth-child(2) > a > div:nth-child(2) > div > div:nth-child(2), .is_img_grd > div:nth-child(2) > div > div:nth-child(2) > div > div:nth-child(2) {top: 0;} .is_img_grd > div:nth-child(2) > a > div:nth-child(2) > div > div:nth-child(3), .is_img_grd > div:nth-child(2) > div > div:nth-child(2) > div > div:nth-child(3) {bottom: 0;} .top_shadow_1 { background-image: -moz-linear-gradient(bottom, rgba(55, 55, 55, .0) 0, rgba(55, 55, 55, .5) 20%, rgba(55, 55, 55, 1.0) 100%); background-image: -webkit-linear-gradient(bottom, rgba(55, 55, 55, .0) 0, rgba(55, 55, 55, .5) 20%, rgba(55, 55, 55, 1.0) 100%); background-image: linear-gradient(to top, rgba(55, 55, 55, .0) 0, rgba(55, 55, 55, .5) 20%, rgba(55, 55, 55, 1.0) 100%); } .top_shadow_2 { background-image: -moz-linear-gradient(bottom, rgba(200, 200, 200, .0) 0, rgba(200, 200, 200, .5) 20%, rgba(200, 200, 200, 1.0) 100%); background-image: -webkit-linear-gradient(bottom, rgba(200, 200, 200, .0) 0, rgba(200, 200, 200, .5) 20%, rgba(200, 200, 200, 1.0) 100%); background-image: linear-gradient(to top, rgba(200, 200, 200, .0) 0, rgba(200, 200, 200, .5) 20%, rgba(200, 200, 200, 1.0) 100%); } .top_shadow_3 { background-image: -moz-linear-gradient(bottom, rgba(255, 153, 0, .0) 0, rgba(255, 153, 0, .5) 20%, rgba(255, 153, 0, 1.0) 100%); background-image: -webkit-linear-gradient(bottom, rgba(255, 153, 0, .0) 0, rgba(255, 153, 0, .5) 20%, rgba(255, 153, 0, 1.0) 100%); background-image: linear-gradient(to top, rgba(255, 153, 0, .0) 0, rgba(255, 153, 0, .5) 20%, rgba(255, 153, 0, 1.0) 100%); } .top_shadow_4 { background-image: -moz-linear-gradient(bottom, rgba(0, 0, 102, .0) 0, rgba(0, 0, 102, .5) 20%, rgba(0, 0, 102, 1.0) 100%); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 102, .0) 0, rgba(0, 0, 102, .5) 20%, rgba(0, 0, 102, 1.0) 100%); background-image: linear-gradient(to top, rgba(0, 0, 102, .0) 0, rgba(0, 0, 102, .5) 20%, rgba(0, 0, 102, 1.0) 100%); } .top_shadow_5 { background-image: -moz-linear-gradient(bottom, rgba(153, 255, 255, .0) 0, rgba(153, 255, 255, .5) 20%, rgba(153, 255, 255, 1.0) 100%); background-image: -webkit-linear-gradient(bottom, rgba(153, 255, 255, .0) 0, rgba(153, 255, 255, .5) 20%, rgba(153, 255, 255, 1.0) 100%); background-image: linear-gradient(to top, rgba(153, 255, 255, .0) 0, rgba(153, 255, 255, .5) 20%, rgba(153, 255, 255, 1.0) 100%); } .bottom_shadow_1 { background-image: -moz-linear-gradient(top, rgba(55, 55, 55, .0) 0, rgba(55, 55, 55, .5) 20%, rgba(55, 55, 55, 1.0) 100%); background-image: -webkit-linear-gradient(top, rgba(55, 55, 55, .0) 0, rgba(55, 55, 55, .5) 20%, rgba(55, 55, 55, 1.0) 100%); background-image: linear-gradient(to bottom, rgba(55, 55, 55, .0) 0, rgba(55, 55, 55, .5) 20%, rgba(55, 55, 55, 1.0) 100%); } .bottom_shadow_2 { background-image: -moz-linear-gradient(top, rgba(200, 200, 200, .0) 0, rgba(200, 200, 200, .5) 20%, rgba(200, 200, 200, 1.0) 100%); background-image: -webkit-linear-gradient(top, rgba(200, 200, 200, .0) 0, rgba(200, 200, 200, .5) 20%, rgba(200, 200, 200, 1.0) 100%); background-image: linear-gradient(to bottom, rgba(200, 200, 200, .0) 0, rgba(200, 200, 200, .5) 20%, rgba(200, 200, 200, 1.0) 100%); } .bottom_shadow_3 { background-image: -moz-linear-gradient(top, rgba(255, 153, 0, .0) 0, rgba(255, 153, 0, .5) 20%, rgba(255, 153, 0, 1.0) 100%); background-image: -webkit-linear-gradient(top, rgba(255, 153, 0, .0) 0, rgba(255, 153, 0, .5) 20%, rgba(255, 153, 0, 1.0) 100%); background-image: linear-gradient(to bottom, rgba(255, 153, 0, .0) 0, rgba(255, 153, 0, .5) 20%, rgba(255, 153, 0, 1.0) 100%); } .bottom_shadow_4 { background-image: -moz-linear-gradient(top, rgba(0, 0, 102, .0) 0, rgba(0, 0, 102, .5) 20%, rgba(0, 0, 102, 1.0) 100%); background-image: -webkit-linear-gradient(top, rgba(0, 0, 102, .0) 0, rgba(0, 0, 102, .5) 20%, rgba(0, 0, 102, 1.0) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 102, .0) 0, rgba(0, 0, 102, .5) 20%, rgba(0, 0, 102, 1.0) 100%); } .bottom_shadow_5 { background-image: -moz-linear-gradient(top, rgba(153, 255, 255, .0) 0, rgba(153, 255, 255, .5) 20%, rgba(153, 255, 255, 1.0) 100%); background-image: -webkit-linear-gradient(top, rgba(153, 255, 255, .0) 0, rgba(153, 255, 255, .5) 20%, rgba(153, 255, 255, 1.0) 100%); background-image: linear-gradient(to bottom, rgba(153, 255, 255, .0) 0, rgba(153, 255, 255, .5) 20%, rgba(153, 255, 255, 1.0) 100%); } .is_img_grd > div:nth-child(2) > a > div:nth-child(3) {position: relative; height: 15%;} .is_img_grd > div:nth-child(2) > div > a:nth-child(3) {display: block; position: relative; height: 15%;} .is_img_grd > div:nth-child(2).grd_color_1 > div > a:nth-child(3), .is_img_grd > div:nth-child(2).grd_color_4 > div > a:nth-child(3) {color: #ffffff;} .is_img_grd > div:nth-child(2).grd_color_2 > div > a:nth-child(3), .is_img_grd > div:nth-child(2).grd_color_3 > div > a:nth-child(3), .is_img_grd > div:nth-child(2).grd_color_5 > div > a:nth-child(3) {color: #000000;} .is_img_grd > div:nth-child(2) > a > div:nth-child(3) > div, .is_img_grd > div:nth-child(2) > div > a:nth-child(3) > div {position: relative; float: left;/* width: 50%;*/ height: 100%;} .is_img_grd > div:nth-child(2) > a > div:nth-child(3) > div:nth-child(1), .is_img_grd > div:nth-child(2) > div > a:nth-child(3) > div:nth-child(1) {width: 50%; /*background: #606060;*/} .is_img_grd > div:nth-child(2) > a > div:nth-child(3) > div:nth-child(2), .is_img_grd > div:nth-child(2) > div > a:nth-child(3) > div:nth-child(2) {width: 50%; /*background: #303030;*/} .is_img_grd > div:nth-child(2) > a > div:nth-child(3) > div:nth-child(1) > div, .is_img_grd > div:nth-child(2) > div > a:nth-child(3) > div:nth-child(1) > div {position: relative; float: left; width: 50%; height: 100%;} .is_img_grd > div:nth-child(2) > a > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) {/*background: #606060;*/} .is_img_grd > div:nth-child(2) > a > div:nth-child(3) > div:nth-child(1) > div:nth-child(2) {/*background: #303030;*/} .is_img_grd > div:nth-child(2) > a > div:nth-child(3) > div:nth-child(1) > div > div, .is_img_grd > div:nth-child(2) > div > a:nth-child(3) > div:nth-child(1) > div > div {position: relative; height: 80%; text-align: center;/* background: #000000;*/ top: 60%; -moz-transform: translateY(-40%); -webkit-transform: translateY(-40%); transform: translateY(-40%); } .is_img_grd > div:nth-child(2) > a > div:nth-child(3) > div:nth-child(1) > div > div > img {display: inline-block; height: 80%; width: auto; vertical-align: middle; opacity: 0.6; filter: alpha(opacity=60);} .is_img_grd > div:nth-child(2) > a:hover > div:nth-child(3) > div:nth-child(1) > div > div > img {opacity: 1.0; filter: alpha(opacity=100);} .is_img_grd > div:nth-child(2) > div > a:nth-child(3) > div:nth-child(1) > div > div > img {display: inline-block; height: 80%; width: auto; vertical-align: middle;} .is_img_grd > div:nth-child(2) > a > div:nth-child(3) > div:nth-child(1) > div > div > span, .is_img_grd > div:nth-child(2) > div > a:nth-child(3) > div:nth-child(1) > div > div > span {vertical-align: middle; font-size: 14px;} .is_img_grd > div:nth-child(2) > a > div:nth-child(3) > div:nth-child(2) > div, .is_img_grd > div:nth-child(2) > div > a:nth-child(3) > div:nth-child(2) > div {padding-right: 2%;} .is_img_grd > div:nth-child(2) > a > div:nth-child(3) > div:nth-child(2) > div > p, .is_img_grd > div:nth-child(2) > div > a:nth-child(3) > div:nth-child(2) > div > p {text-align: right; line-height: 120%;} .is_img_grd > img {display: block; position: absolute; z-index: 1;} #ind_article_box_id {position: relative; width: 80%; margin: 0 auto;/* background: #ffff00;*/} /* shared across multiple blocks */ #id_hiddenframe {position: absolute; width: 0; height: 0; border: none; padding: 0; margin: 0;} .manag_box_post {position: absolute; top: 0px; right: 0px;} .manag_box_post div {position: relative; background: #204467; border: #c0c0c0 1px solid; cursor: pointer; float: left; width: 19px; height: 19px;} .manag_box_post div:not(.mobil_post_decor) {opacity: 0.5; filter: alpha(opacity=50);} .manag_box_post div:not(.mobil_post_decor):hover {opacity: 1.0; filter: alpha(opacity=100);} .manag_box_post div.mobil_post_decor/*:hover*/ {opacity: 1.0; filter: alpha(opacity=100);} .manag_box_post div p {position: absolute; text-align: left; left: -25px; z-index: 10; display: none;} .manag_box_post div p:not(.txt_bottom) {bottom: 20px;} .manag_box_post div p.txt_bottom {top: 25px;} .manag_box_post div:hover p {display: block;} .manag_box_post div > img {display: block; position: relative; width: 60%; height: auto; margin: 20% auto;} .manager_post > div {position: relative; height: 92%; width: 86%; margin: 1.5% 0 0 2.5%; padding: 0 4%; border: 2px solid #c0c0c0; background: #ffffff; -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5); box-shadow: 0px 0px 5px rgba(0, 0, 0, .5); } .manager_post > div > div {position: relative; width: 100%;/* border: 1px solid #ffc0c0;*/} .manager_post > div > div > p {font-size: 14px; line-height: 200%; color: #303060; cursor: pointer;} .manager_post > div > div > p:hover {color: #ff0000;} .manager_post > div > div > div:nth-child(2) {position: relative; margin: 7px 0;} .manager_post > div > div > div:nth-child(2) > div {display: block; position: relative; float: left; height: 36px; width: 36px; margin-right: 20px; cursor: pointer; overflow: visible;} .manager_post > div > div > div:nth-child(2) > div > form {display: block; position: absolute; top: 0; left: 0; height: 100%; width: auto; overflow: hidden; z-index: 3;} .manager_post > div > div > div:nth-child(2) > div > form > input[type=file] {display: block; position: relative; width: 100%; height: 100%; -moz-opacity: 0; filter: alpha(opacity=0); opacity: 0; z-index: 2; cursor: pointer;} .manager_post > div > div > div:nth-child(2) > div > img {display: block; position: relative; height: 100%; width: auto; z-index: 1; opacity: 0.6; filter: alpha(opacity=60); } .manager_post > div > div > div:nth-child(2) > div:hover > img { opacity: 1.0; filter: alpha(opacity=100); } .manager_post > div > div > div:nth-child(2) > div > p {position: absolute; bottom: 36px; right: -5px; text-align: left; background: #ffffff; display: none;} .manager_post > div > div > div:nth-child(2) > div:hover > p {display: block;} .div_link {position: absolute; z-index: 100; top: 5px; height: 20px; width: 20px;} .div_link > a {display: block; position: relative; height: 100%; width: 100%;} .div_link > a > img {display: block; position: relative; height: 100%; width: 100%; opacity: 0.5; filter: alpha(opacity=50);} .div_link > a:hover > img {opacity: 1.0; filter: alpha(opacity=100);} .div_link > a > p {position: absolute; text-align: left; right: 5px; z-index: 10; display: none;} .div_link > a:hover > p {display: block;} /* General design block */ /* Cellar */ #cellar_info_box_id {position: relative; width: 100%; background: url(/images/night.jpg) 0 0 / 100% 100%;} #cellar_info_box_id > div:nth-child(1) {position: relative; padding-top: 36%;} #cellar_info_box_id > div:nth-child(2) > div > div {position: relative; float: right; width: 80%;/* height: 90%;*/} #cellar_info_box_id > div:nth-child(2) > div > img:nth-child(1) {display: block; position: absolute; left: 3%; bottom: 1%; height: 85%; width: auto; z-index: 1;} #cellar_info_box_id > div:nth-child(2) > div > img:nth-child(2) {display: block; position: absolute; left: 9%; bottom: 70%; height: 25%; width: auto; z-index: 2;} #cellar_info_box_id > div:nth-child(2) > div > div {z-index: 3;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) {position: relative; width: 98%; background: rgba(242, 90, 14, .2); box-shadow: -2px 0px 3px rgba(255, 255, 255, 0.7), 0px -2px 3px rgba(255, 255, 255, 0.7), 1px 0px 0px rgba(255, 255, 255, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.5); } #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div {position: relative;/* background: #ffcccc;*/} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) {/*background: #ffcccc;*/} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div {float: left; position: relative; margin: 1% 1% 1% 0; text-align: center; color: #ffffff;/* background: #333333;*/} /* Punkty menu */ #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) {width: 18%;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) {width: 23%;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) {width: 25%;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) {width: 18%;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(5) {width: 11%;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div {float: left; position: relative; margin: 2% 1% 2% 0; text-align: center; color: #ffffff;/* background: #333333;*/} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div:not(:nth-last-child(1)):after, #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div:not(:nth-last-child(1)):after {content: ""; position: absolute; top: 0; width: 3px; height: 100%; background: #ffffff; box-shadow: inset 2px 0px 2px rgba(0, 0, 0, 0.7);} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div:not(:nth-last-child(1)):after {left: 100%;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div:not(:nth-last-child(1)):after {left: 102%;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) {width: 15%;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) {width: 25%;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(3) {width: 57%;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:not(.triangle) {position: absolute; top: 128%; left: 0; height: 0px; width: 100%; overflow: hidden; z-index: 2; background: rgba(12, 12, 34, .9); box-shadow: inset 0px 0px 3px rgba(255, 255, 255, 0.9) /* border: 1px solid #ffffff;*/} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div.open { -webkit-animation: open_sections 500ms linear 0.0s 1 normal; animation: open_sections 500ms linear 0.0s 1 normal; } @-webkit-keyframes open_sections { 0% {height: 0px;} 100% {height: 252px;} } @keyframes open_sections { 0% {height: 0px;} 100% {height: 252px;} } #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div.open_end {height: 252px;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div.close { -webkit-animation: close_sections 500ms linear 0.0s 1 normal; animation: close_sections 500ms linear 0.0s 1 normal; } @-webkit-keyframes close_sections { 0% {height: 252px;} 100% {height: 0px;} } @keyframes close_sections { 0% {height: 252px;} 100% {height: 0px;} } #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > div.triangle {display: inline-block; position: relative; width: 20px; height: 30px; vertical-align: bottom; margin-left: 10px; overflow: visible;/* background: #ff0000;*/} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > div.triangle > span {display: block; position: relative; height: 0; width: 0; cursor: pointer; /*background: #ffff00;*/ } #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > div.triangle > span.down_arrow { border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 20px solid; border-top-color: #ffffff; } #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > div.triangle > span.up_arrow { border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 20px solid; border-bottom-color: #ffffff; } #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > div.triangle > span.down_arrow:hover {border-top-color: #ffff00;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > div.triangle > span.up_arrow:hover {border-bottom-color: #ffff00;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > div.triangle > span.right_arrow { border-top: 12px solid transparent; border-left: 20px solid; border-left-color: #ffffff; border-bottom: 12px solid transparent; } #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > div.triangle > span.left_arrow { border-top: 12px solid transparent; border-right: 20px solid; border-right-color: #ffffff; border-bottom: 12px solid transparent; } #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > div.triangle > span.right_arrow:hover {border-left-color: #ffff00;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > div.triangle > span.left_arrow:hover {border-right-color: #ffff00;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div.open_right { -webkit-animation: open_sideways 500ms linear 0.0s 1 normal; animation: open_sideways 500ms linear 0.0s 1 normal; } @-webkit-keyframes open_sideways { 0% {width: 0%;} 100% {width: 80%;} } @keyframes open_sideways { 0% {width: 0%;} 100% {width: 80%;} } /**/ #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div.close_right { -webkit-animation: close_sideways 500ms linear 0.0s 1 normal; animation: close_sideways 500ms linear 0.0s 1 normal; } @-webkit-keyframes close_sideways { 0% {width: 80%;} 100% {width: 0%;} } @keyframes close_sideways { 0% {width: 80%;} 100% {width: 0%;} } #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > p {display: inline-block;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div > a, #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div > p {display: block; position: relative; width: 98%; margin: 0 0 0 2%; overflow: hidden;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > a, #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > p, #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div > a, #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div > p, #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > div > a, #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > div > p {font-size: 21px; line-height: 30px; font-weight: bold; white-space: nowrap; text-shadow: 0px 1px 0px rgba(0, 0, 0, 1.0); filter: dropshadow(color=#000000, offX=0, offY=1); } #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > a, #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div > a, #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > div > a {color: #ffffff; text-decoration: none;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > a:hover, #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div > a:hover, #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > div > a:hover {text-decoration: underline; color: #ffff00;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > p, #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div > p, #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > div > p {color: #f0f0f0;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > div > div {float: left; position: relative; width: 10%; height: 28px;/* background: #ffff00;*/} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > div > a, #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > div > p {display: block; float: left; position: relative; color: #ffffff; width: 90%; height: 28px;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > div > a, #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > div > p {text-align: left; font-size: 17px; line-height: 28px;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > div > p {color: #ffff00;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(2), #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(3) {width: 85%; margin: 2% 0% 0 13%; background: rgba(242, 90, 14, .2); padding: 1% 0; box-shadow: -2px 0px 3px rgba(255, 255, 255, 0.7), 0px -2px 3px rgba(255, 255, 255, 0.7), 1px 0px 0px rgba(255, 255, 255, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.5); } #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(2) > p {margin: 0 0 0 1%;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(2) > p, #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(2) > p > a, #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(3) > a {color: #ffffff; text-decoration: none;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(2) > p, #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(3) > a {font-size: 14px; line-height: 130%;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(2) > p > a, #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(2) > p > span {font-size: 15px; font-weight: bold; line-height: 130%;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(2) > p > span {cursor: pointer;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(2) > p > a:hover, #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(2) > p > span:hover, #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(3) > a:hover {color: #ffff00; text-decoration: underline;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(3) > a {display: block; position: relative; margin: 0 0 0 1%;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(4) {position: absolute; top: 105%; right: 5%;} /* Cellar */ /* Photo extension */ .img_div_box, .img_div_box_vertical {cursor: pointer;} .img_link_box, .img_div_box:not(.miniatur), .img_not_formation:not(.miniatur), #div_box_ind_new {width: 55%;} .img_div_box_vertical {width: 33%;} .img_div_box.miniatur {width: 15%} .img_link_box, .img_div_box, .img_div_box_vertical, .img_not_formation, #div_box_ind_new { display: block; position: relative; text-align: center; border: 1px solid #909090; margin-top: 3px; -moz-box-shadow: 0px 0px 2px rgba(55, 55, 55, 0.8); -webkit-box-shadow: 0px 0px 2px rgba(55, 55, 55, 0.8); box-shadow: 0px 0px 2px rgba(55, 55, 55, 0.8); text-decoration: none; } .img_div_box > div, .img_div_box_vertical > div, .img_not_formation > div {position: relative; width: 96%; margin: 2% auto 1% auto;} .img_div_box > div > img, .img_div_box > div > video, .img_div_box_vertical > div > img, .img_div_box_vertical > div > video, .img_not_formation > div > img, #div_box_ind_new > div:nth-child(1) > div > img {display: block; position: relative; width: 100%; height: auto;} .img_link_box span, .img_div_box > span, .img_div_box_vertical > span, .img_not_formation span, #div_box_ind_new > div:nth-child(1) > div > span {font-family: Arial; display: inline-block; border-top: 1px dotted #404040; padding: 5px 0px; font-size: 14px; line-height: 20px; color: #404040; width: 98%; } .img_link_box:hover span {text-decoration: underline; color: #ff0000;} .img_link_box:hover { -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8); } .margin_float_left {float: left; margin-right: 15px;} .margin_float_right {float: right; margin-left: 15px;} .float_none {margin: 0 auto;} .margin_right_15 {float: left; margin-right: 10px;} .margin_left_15 {float: right; margin-left: 10px;} #div_box_ind_new {/*overflow: hidden;*/} #div_box_ind_new > div {position: relative; width: 100%;} #div_box_ind_new > div > div {position: relative;} #div_box_ind_new > div:nth-child(1) > div {width: 96%; margin: 2% auto 1% auto;} #div_box_ind_new > div:nth-child(1) > div > img {cursor: pointer; margin-bottom: 2%;} /*#div_box_ind_new > div:nth-child(2) {height: 77px;}*/ #div_box_ind_new > div:nth-child(2) {overflow-x: auto;/* height: 94px;*/} #div_box_ind_new > div:nth-child(2) > div {position: relative; height: 77px; text-align: left;} #div_box_ind_new > div:nth-child(2) > div > div {display: inline-block; vertical-align: bottom; margin: 0 0px 5px 0; cursor: pointer;/* border: 1px solid #c0c0c0;*/} #div_box_ind_new > div:nth-child(2) > div > div:nth-child(1) {margin: 0 0px 5px 5px;} #div_box_ind_new > div:nth-child(2) > div > div > img {} #div_box_ind_new.img_float {/*overflow: hidden;*/} #div_box_ind_new.img_float > div {float: left;} #div_box_ind_new.img_float > div:nth-child(1) {width: 70%;} #div_box_ind_new.img_float > div:nth-child(2) {width: 30%;} #div_box_ind_new.img_float > div:nth-child(2) {height: 100%; text-align: auto; overflow-y: auto;/* background: #ffffcc;*/} #div_box_ind_new.img_float > div:nth-child(2) > div > div {display: block; position: relative; vertical-align: auto; margin: 0 0px 5px 0; /*background: #ffcccc;*/} #div_box_ind_new.img_float > div:nth-child(2) > div > div:nth-child(1) {margin: 5px auto 5px auto;} #div_box_ind_new.img_float > div:nth-child(2) > div > div > img {display: block; position: relative; margin: 0 auto;/*border: 1px solid #c0c0c0;*/} /* A pop-up window with the image */ .shadow20 { -moz-box-shadow: 0px 0px 30px rgba(255, 255, 255, 1.0); -webkit-box-shadow: 0px 0px 30px rgba(255, 255, 255, 1.0); box-shadow: 0px 0px 30px rgba(255, 255, 255, 1.0); } #div_blok_type .navig_butt_left, #div_blok_type .navig_butt_right { display: none; position: absolute; cursor: pointer; width: 15px; height: 56px; padding: 5px; } #div_blok_type .navig_butt_left {left: 20px; background: rgba(55, 55, 55, .5) url(/images/prev_w.png) no-repeat 50% 50%;} #div_blok_type .navig_butt_right {right: 20px; background: rgba(55, 55, 55, .5) url(/images/next_w.png) no-repeat 50% 50%;} #div_blok_type:hover .navig_butt_left, #div_blok_type:hover .navig_butt_right { display: block; } #div_blok_type .navig_butt_left:hover {background: url(/images/prev_act.png) no-repeat 50% 50%;} #div_blok_type .navig_butt_right:hover {background: url(/images/next_act.png) no-repeat 50% 50%;} #div_blok_type .title_img_slide {position: absolute; top: 3%; left: 2%; width: 90%; text-align: center;/* border-top: 1px solid #606060; border-bottom: 1px solid #606060; height: 32px; overflow: hidden; border: 1px solid #f00; background: rgba(55, 55, 55, .5);*/ background-image: -moz-linear-gradient(left, rgba(55, 55, 55, .0) 0, rgba(55, 55, 55, .7) 10%, rgba(55, 55, 55, .7) 90%, rgba(55, 55, 55, .0) 100%); background-image: -webkit-linear-gradient(left, rgba(55, 55, 55, .0) 0, rgba(55, 55, 55, .7) 10%, rgba(55, 55, 55, .7) 90%, rgba(55, 55, 55, .0) 100%); background-image: linear-gradient(to right, rgba(55, 55, 55, .0) 0, rgba(55, 55, 55, .7) 10%, rgba(55, 55, 55, .7) 90%, rgba(55, 55, 55, .0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#66000000', GradientType=1 ); box-shadow: 0px 3px 5px -4px rgba(0, 0, 0, 0.8) inset, 0px -3px 5px -4px rgba(0, 0, 0, 0.8) inset; opacity: 0.0; filter: alpha(opacity=0); } #div_blok_type .title_img_slide > span {display: inline-block; color: #ffffff;/* font-size: 28px;*/ font-weight: bold; line-height: 180%; padding: 0 5px; text-shadow: 0px 1px 0px rgba(0, 0, 0, 1.0); filter: dropshadow(color=#000000, offX=0, offY=1); } #div_blok_type:hover .title_img_slide { opacity: 1.0; filter: alpha(opacity=100); } #div_blok_type .desc_img_slide {position: absolute; bottom: 3%; right: 3%; background: rgba(55, 55, 55, .7); padding: 5px; color: #ffffff; font-size: 16px; display: none; -moz-box-shadow: 0px 0px 4px rgba(255, 255, 255, 1.0); -webkit-box-shadow: 0px 0px 4px rgba(255, 255, 255, 1.0); box-shadow: 0px 0px 4px rgba(255, 255, 255, 1.0); } #div_blok_type:hover .desc_img_slide {display: block;} #id_map {position: fixed; top: 0px; left: -1000px; z-index: 99;/**/} #id_map > div {position: relative; width: 100%;} /*#id_map > div > div {position: relative; width: auto;}*/ #id_map > div > div > div:nth-child(1) {background: url(/images/grd_type.png);} #id_map > div > div > div:nth-child(1) > div:nth-child(1) {width: 80%; height: 40px; float: left; text-align: center; overflow: hidden;} #id_map > div > div > div:nth-child(1) > div:nth-child(2) {width: 20%; height: 40px; float: left;} #id_map > div > div > div:nth-child(1) > div:nth-child(2) > img {padding-left: 5px; cursor: pointer;} #id_map > div > div > div:nth-child(3) {position: relative; text-align: center; overflow: auto;} #id_map > div > div > div:nth-child(3) > div {display: inline-block; position: relative;} #id_map > div > div > div:nth-child(3) > div > a {display: block; position: relative; text-align: left; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16px; color: #000066; font-weight: bold; line-height: 26px; text-shadow: 0px 1px 0px rgba(200, 200, 200, 1.0); filter: dropshadow(color=#c8c8c8, offX=0, offY=1); text-decoration: none; } #id_map > div > div > div:nth-child(3) > div > a:hover {color: #ff0000; text-shadow: 0px 1px 0px rgba(50, 50, 50, 1.0); filter: dropshadow(color=#323232, offX=0, offY=1); } .big_pic_gabarit {display: block; position: relative; width: 98%; height: 98%; margin: 1%;} #id_map > div > div {position: relative; background: #ffffff; border: 5px solid #c0c0c0; -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 1.0); -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 1.0); box-shadow: 0px 0px 30px rgba(0, 0, 0, 1.0); } #div_type_pro_fotoarhiv > img, #div_type_pro > img {display: block; position: relative; width: 98%; height: 98%; margin: 1%;} /* Photo extension */ /* Animation effects */ /* Animation effects */ .resiz_fild {display: block; position: relative; height: 30px; overflow: hidden; padding: 5px; border: 1px solid #909090; color: #666666; width: 96%; margin: 0 auto;} .all_post {font-size: 21px; line-height: 140%;} .all_post_f {font-size: 15px; line-height: 140%;} .all_post.mini_font {font-size: 15px; color: #404040;} .txt_post_div {white-space: pre-wrap; word-wrap: break-word; overflow-wrap: break-word; padding: 5px;} #add_podschet_box {position: relative; height: 0; width: 80%; margin: 0 auto;} #add_podschet_box > p {display: block; position: absolute; top: 0; left: 0; width: 100%; line-height: 16px; font-size: 12px; font-weight: bold; text-align: center; background: #ffffff; background-image: -moz-linear-gradient(left, rgba(55, 55, 55, .1) 0, rgba(55, 55, 55, .5) 10%, rgba(55, 55, 55, .5) 90%, rgba(55, 55, 55, .1) 100%); /* FF3.6-15 */ background-image: -webkit-linear-gradient(left, rgba(55, 55, 55, .1) 0, rgba(55, 55, 55, .5) 10%, rgba(55, 55, 55, .5) 90%, rgba(55, 55, 55, .1) 100%); background-image: linear-gradient(to right, rgba(55, 55, 55, .5) 0, rgba(55, 55, 55, .0) 10%, rgba(55, 55, 55, .0) 90%, rgba(55, 55, 55, .5) 100%); -moz-box-shadow: 0px 0px 2px rgba(55, 55, 55, 1.0); -webkit-box-shadow: 0px 0px 2px rgba(55, 55, 55, 1.0); box-shadow: 0px 0px 2px rgba(55, 55, 55, 1.0); } #id_text_showcase_str > span {font-size: 14px; font-weight: normal; color: #00ff00;} .button_send {cursor: pointer; text-transform: none; text-align: center; color: #02025a; background-color: #ffffff; cursor: pointer; border: 1px solid #c0c0c0; background-image: -moz-linear-gradient(top, rgba(102, 0, 0, 0.02) 0, rgba(102, 0, 0, 0.1) 30%, rgba(102, 0, 0, 0.15) 50%, rgba(102, 0, 0, 0.2) 70%, rgba(102, 0, 0, 0.15) 80%, rgba(102, 0, 0, 0.1) 90%, rgba(102, 0, 0, 0.09) 95%, rgba(102, 0, 0, 0.04) 100%); background-image: -webkit-linear-gradient(top, rgba(102, 0, 0, 0.02) 0, rgba(102, 0, 0, 0.1) 30%, rgba(102, 0, 0, 0.15) 50%, rgba(102, 0, 0, 0.2) 70%, rgba(102, 0, 0, 0.15) 80%, rgba(102, 0, 0, 0.1) 90%, rgba(102, 0, 0, 0.09) 95%, rgba(102, 0, 0, 0.04) 100%); background-image: linear-gradient(to bottom, rgba(102, 0, 0, 0.02) 0, rgba(102, 0, 0, 0.1) 30%, rgba(102, 0, 0, 0.15) 50%, rgba(102, 0, 0, 0.2) 70%, rgba(102, 0, 0, 0.15) 80%, rgba(102, 0, 0, 0.1) 90%, rgba(102, 0, 0, 0.09) 95%, rgba(102, 0, 0, 0.04) 100%); text-shadow: 0px 1px 0px rgba(255, 255, 255, 1.0); filter: dropshadow(color=#ffffff, offX=0, offY=1); } .button_send:not(.mini) {font-size: 18px; margin: 10px auto; padding: 5px 15px;} .button_send.mini {font-size: 15px; font-weight: bold; margin: 8px auto; padding: 5px 10px;} .button_send:hover {color: #ff0000; background-color: #f0f0f0;} .img_one_post {display: inline-block; position: relative; margin: 0px 5px 5px 0px; cursor: pointer;/* background: #ffffff;*/} .add_img_arhiv_button {position: absolute; height: 30px; width: 30px; top: 0; right: 0; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } .add_img_arhiv_button:hover {opacity: 1.0; filter: alpha(opacity=100);} .img_box_post {display: inline-block; position: relative; margin: 0px 5px 5px 0px;} .img_box_post {height: 67px; width: 100px; vertical-align: bottom; border: 1px solid #000000; background: url(/images/loading.gif) no-repeat 50% 50%;} #tbody_info {padding: 2%; text-align: justify;} #div_blok_input_box {position: relative; text-align: center;} #div_blok_type #div_blok_input_box input[type=text], #div_blok_type #div_blok_input_box input[type=Password], #div_blok_type #div_blok_input_box textarea {display: block; position: relative; width: 90%; margin: 0 auto 0px auto; font-size: 17px; line-height: 24px; color: #404040;} .surfacing_txt {font-size: 12px; color: #666666; width: 90%; border: 1px solid #909090;} .bloc_post {visibility: hidden; position: fixed; left: -9999px;/* right: 0; top: 0; width: 510px;*/ border: 1px solid #ff0000; overflow: auto;/* background: #ffffff;*/} #donat_block {position: relative; margin: 0 0 35px 0;} #donat_block > div {position: relative; width: 70%; margin: 0 auto 25px auto; font-family: "Antiqua"; font-size: 19px; text-align: justify; line-height: 140%; color: #303030; } #donat_block > div > a {font-family: "Antiqua";} #donat_block > div > a:hover {color: #990000; text-decoration: none;} /* Development */ @media screen and (max-width: 2800px){ } @media screen and (max-width: 2100px){ } @media screen and (max-width: 1720px){ } @media screen and (max-width: 1600px){ } @media screen and (max-width: 1400px){ } @media screen and (max-width: 1280px){ #hat_box_content > div.new_yea_title, #hat_box_content > div.new_yea_pre {right: 1%; top: 30%;} #hat_box_content > div.new_yea_title {font-size: 45px; line-height: 110%;} #hat_box_content > div.new_yea_pre {font-size: 39px; line-height: 110%;} #hat_box_content > div.block_decor h1, #hat_box_content > div.block_decor h4 {font-size: 4.0em;} #cellar_info_box_id > div:nth-child(1) {padding-top: 40%;} #central_said_box_id {width: 86%;} #cellar_info_box_id > div:nth-child(2) > div > img:nth-child(1) {left: 2%; height: 83%;} #cellar_info_box_id > div:nth-child(2) > div > img:nth-child(2) {left: 8.5%; bottom: 68%; height: 25%;} } @media screen and (max-width: 1140px){ a.manager_img {right: 15px; top: 15px;} #hat_box_content > div.new_yea_title, #hat_box_content > div.new_yea_pre {right: 1%; top: 28%;} #hat_box_content > div.new_yea_title {font-size: 41px; line-height: 110%;} #hat_box_content > div.new_yea_pre {font-size: 35px; line-height: 110%;} #hat_box_content > div.block_decor h1, #hat_box_content > div.block_decor h4 {font-size: 3.8em;} #hat_box_content > div.block_decor p {font-size: 27px;} #hat_box_content > div.hat_citat > p {font-size: 17px;} #hat_box_content > div.hat_citat > p:nth-last-child(1) {font-size: 14px;} #menu_group_id {bottom: 30%;} #searching_box_id {left: 28%; bottom: 11%;} #input_box_id {left: 35%; bottom: 11%;} #left_said_news > div > div > div:nth-child(2) > div > div > a, #small_left_said_news > div > div > div:nth-child(2) > div > div > a {font-size: 21px;} #central_said_box_id {width: 90%; margin: 0 3% 0 7%;} #cellar_info_box_id > div:nth-child(1) {padding-top: 44%;} #cellar_info_box_id > div:nth-child(2) > div > img:nth-child(2) {left: 9%; bottom: 68%; height: 25%;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(2), #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(3) {width: 80%; margin: 2% 0% 0 18%;} /*#central_said_box_id {width: 66%;}*/ #id_page_gen {width: 84%; margin: 0 auto;} #ind_article_box_id {width: 84%;} } @media screen and (max-width: 1080px){ #hat_box_content > div.new_yea_title, #hat_box_content > div.new_yea_pre {right: 1%; top: 25%;} #hat_box_content > div.new_yea_title {font-size: 37px; line-height: 110%;} #hat_box_content > div.new_yea_pre {font-size: 31px; line-height: 110%;} #hat_box_content > div.block_decor h1, #hat_box_content > div.block_decor h4 {font-size: 3.4em; padding: 7px 40px;} #hat_box_content > div.block_decor p {font-size: 25px; padding: 7px 40px;} #hat_box_content > div.hat_citat {right: 2%; padding: 7px 40px;} #hat_box_content > div.hat_citat > p {line-height: 110%;} #hat_box_content > div.hat_citat > div > div#img_box_2 > img {right: 5%;} #menu_group_id > div > div, #social_box > a, #searching_box_id, #input_box_id {height: 50px; width: 50px; -moz-border-radius: 27px; -webkit-border-radius: 27px; -khtml-border-radius: 27px; border-radius: 27px; } #searching_box_id {left: 27%;} #input_box_id {left: 33%;} #left_said_news > div > div > div:nth-child(2) > div > div > a, #small_left_said_news > div > div > div:nth-child(2) > div > div > a {font-size: 19px;} #central_said_box_id {width: 92%; margin: 0 3% 0 4%;} #cellar > div {width: 90%;} .button_up {line-height: 70px; width: 70px; height: 70px; font-size: 13px;} #div_blok_type .title_img_slide > span {line-height: 150%;} #div_blok_type {width: 58%;} #div_blok_type.big_700 {width: 76%;} } @media screen and (max-width: 920px){ #hat_box_content > div.new_yea_title, #hat_box_content > div.new_yea_pre {right: 1%; top: 23%;} #hat_box_content > div.new_yea_title {font-size: 33px; line-height: 104%;} #hat_box_content > div.new_yea_pre {font-size: 29px; line-height: 104%;} #hat_box_content > div.block_decor {left: 15%;} #hat_box_content > div.block_decor h1, #hat_box_content > div.block_decor h4, #hat_box_content > div.block_decor p {padding: 5px 30px;} #hat_box_content > div.block_decor h1, #hat_box_content > div.block_decor h4 {font-size: 3.2em; text-shadow: 0px 1px 0px rgba(255, 255, 255, 1.0); filter: dropshadow(color=#ffffff, offX=0, offY=1); } #hat_box_content > div.hat_citat {bottom: 12%; width: 60%; padding: 5px 30px;} #menu_group_id {left: 4%;} #social_box {left: 4%; bottom: 12%;} #menu_group_id > div {width: 500px;} #menu_group_id > div > div, #social_box > a, #searching_box_id, #input_box_id {height: 44px; width: 44px; border: 2px solid #c0c0c0; -moz-border-radius: 23px; -webkit-border-radius: 23px; -khtml-border-radius: 23px; border-radius: 23px; } #searching_box_id {left: 24%; bottom: 13%; border: 2px solid #aa7777;} #input_box_id {left: 30%; bottom: 13%; border: 2px solid #aa7777;} #menu_group_id > div > div.not_mobil:hover {width: 200px;} #menu_group_id > div > div {margin: 0 .3%;} #social_box > a {margin: 0 0%;} #left_said_news > div > div > div:nth-child(2) > div > div > a, #small_left_said_news > div > div > div:nth-child(2) > div > div > a {font-size: 17px;} @-webkit-keyframes open_send { 0% { width: 60px; background: #ffffff 0% 0 / contain no-repeat; } 100% { width: 200px; background: #ffffff -100% 0 / contain no-repeat; } } @keyframes open_send { 0% { width: 60px; background: #ffffff 0% 0 / contain no-repeat; } 100% { width: 200px; background: #ffffff -100% 0 / contain no-repeat; } } #menu_group_id > div > div.is_mobil_open { width: 200px; background: #ffffff -100% 0 / contain no-repeat; } @-webkit-keyframes close_send { 0% { width: 200px; background: #ffffff -100% 0 / contain no-repeat; } 100% { width: 60px; background: #ffffff 0% 0 / contain no-repeat; } } @keyframes close_send { 0% { width: 200px; background: #ffffff -100% 0 / contain no-repeat; } 100% { width: 60px; background: #ffffff 0% 0 / contain no-repeat; } } #menu_group_id > div > div > a {font-size: 120%; width: 200px; margin: 0% 10% 5% 1%;} #cellar > div {width: 94%;} #central_said_box_id {width: 94%; margin: 0 2% 0 4%;} .is_img_grd > div:nth-child(2) > a > div:nth-child(1) > div:nth-child(1) > h3, .is_img_grd > div:nth-child(2) > div > a:nth-child(1) > div:nth-child(1) > h3 {font-size: 18px;} .is_img_grd > div:nth-child(2) > a > div:nth-child(2) > div > div:nth-child(1), .is_img_grd > div:nth-child(2) > div > div:nth-child(2) > div > div:nth-child(1) {font-size: 15px;} #general_box_news .is_img_grd > div:nth-child(2) > a > div:nth-child(2) > div > div:nth-child(1), #general_box_news .is_img_grd > div:nth-child(2) > div > div:nth-child(2) > div > div:nth-child(1), #debut_box_news .is_img_grd > div:nth-child(2) > a > div:nth-child(2) > div > div:nth-child(1), #debut_box_news .is_img_grd > div:nth-child(2) > div > div:nth-child(2) > div > div:nth-child(1) {font-size: 13px;} .is_img_grd > div:nth-child(2) > a > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(1), .is_img_grd > div:nth-child(2) > div > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(1) {font-size: 13px;} .is_img_grd > div:nth-child(2) > div > a:nth-child(3) > div:nth-child(2) > div > p, .is_img_grd > div:nth-child(2) > div > a:nth-child(3) > div:nth-child(2) > div > p {line-height: 100%;} #cellar_info_box_id > div:nth-child(2) > div > div {width: 84%;} .button_up {line-height: 60px; width: 60px; height: 60px; font-size: 10px; left: -4px;} /*#central_said_box_id {width: 74%;}*/ #id_page_gen {width: 88%; margin: 0 auto;} #ind_article_box_id {width: 88%;} } @media screen and (max-width: 800px){ #hat_box_content > div.new_yea_title, #hat_box_content > div.new_yea_pre {right: 1%; } #hat_box_content > div.new_yea_title {top: 23%; font-size: 29px; line-height: 100%;} #hat_box_content > div.new_yea_pre {top: 24%; font-size: 25px; line-height: 100%;} #hat_box_content > div.block_decor h1, #hat_box_content > div.block_decor h4 {font-size: 3.0em;} #hat_box_content > div.block_decor > div p {padding: 3px 30px;} #hat_box_content > div.block_decor p {font-size: 21px;} #hat_box_content > div.hat_citat {right: 1%; bottom: 15%; width: 60%;} #hat_box_content > div.hat_citat > p {font-size: 15px; line-height: 100%;} #hat_box_content > div.hat_citat > p:nth-last-child(1) {font-size: 13px;} #menu_group_id {left: 3%;} #social_box {left: 3%;} #menu_group_id > div > div, #social_box > a, #searching_box_id, #input_box_id {height: 40px; width: 40px; /* border: 2px solid #c0c0c0;*/ -moz-border-radius: 21px; -webkit-border-radius: 21px; -khtml-border-radius: 21px; border-radius: 21px; } #searching_box_id {left: 23%;} #input_box_id {left: 29%;} #menu_group_id > div > div {margin: 0 .2%;} #hat_alter_menu > span, #hat_alter_menu > a, #hat_alter_menu > p {font-size: 19px; line-height: 31px;} #left_said_news > div > div > div:nth-child(2) > div > div > a, #small_left_said_news > div > div > div:nth-child(2) > div > div > a {font-size: 19px;} #central_said_box_id {width: 80%; margin: 0 auto;} #central_said_box_id > div#list_article_box_id > div > div {float: none; width: 98%;} #central_said_box_id > div#list_article_box_id > div > div:nth-child(1) {margin: 0 auto 2% auto;} #central_said_box_id > div#list_article_box_id > div > div:nth-child(2) {margin: 0 auto 2% auto;} .is_img_grd > div:nth-child(2) > a > div:nth-child(1) > div:nth-child(1) > h3, .is_img_grd > div:nth-child(2) > div > a:nth-child(1) > div:nth-child(1) > h3 {font-size: 19px;} .is_img_grd > div:nth-child(2) > a > div:nth-child(2) > div > div:nth-child(1), .is_img_grd > div:nth-child(2) > div > div:nth-child(2) > div > div:nth-child(1) {width: 101%; padding: 3% 2% 2% 1%; font-size: 16px; line-height: 150%;} #general_box_news .is_img_grd > div:nth-child(2) > a > div:nth-child(2) > div > div:nth-child(1), #general_box_news .is_img_grd > div:nth-child(2) > div > div:nth-child(2) > div > div:nth-child(1), #debut_box_news .is_img_grd > div:nth-child(2) > a > div:nth-child(2) > div > div:nth-child(1), #debut_box_news .is_img_grd > div:nth-child(2) > div > div:nth-child(2) > div > div:nth-child(1) {font-size: 12px;} .is_img_grd > div:nth-child(2) > a > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(1), .is_img_grd > div:nth-child(2) > div > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(1) {font-size: 14px;} .is_img_grd > div:nth-child(2) > a > div:nth-child(3) > div:nth-child(2) > div > p, .is_img_grd > div:nth-child(2) > div > a:nth-child(3) > div:nth-child(2) > div > p {line-height: 120%;} #cellar > div {width: 100%;} #cellar_info_box_id > div:nth-child(1) {padding-top: 48%;} #cellar_info_box_id > div:nth-child(2) > div > img:nth-child(1) {left: 1%; height: 70%;} #cellar_info_box_id > div:nth-child(2) > div > img:nth-child(2) {left: 7.5%; bottom: 58%; height: 20%;} #cellar_info_box_id > div:nth-child(2) > div > div {width: 94%;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(2), #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(3) {width: 70%; margin: 2% 0% 0 28%;} .button_up {line-height: 50px; width: 50px; height: 50px; font-size: 10px; font-weight: normal; left: -4px;} #div_blok_type .title_img_slide > span {line-height: 140%;} #div_blok_type {width: 66%;} #div_blok_type.big_700 {width: 86%;} #div_blok_type .desc_img_slide {font-size: 14px;} #div_box_ind_new.img_float > div:nth-child(1) {width: 66%;} #div_box_ind_new.img_float > div:nth-child(2) {width: 34%;} } @media screen and (max-width: 768px){ #hat_box > div:nth-child(1) {padding-top: 40.0%;} .button_up {line-height: 50px; width: 50px; height: 50px; font-size: 10px; font-weight: normal; text-transform: none; left: -4px;} #central_said_box_id {width: 82%;} #id_page_gen {width: 88%; margin: 0 auto;} #ind_article_box_id {width: 96%;} .img_link_box, .img_div_box:not(.miniatur), .img_not_formation:not(.miniatur) {width: 60%;} .img_div_box_vertical {width: 40%;} .img_div_box.miniatur {width: 25%} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:not(.triangle) {top: 110%;} #donat_block > div {width: 80%;} } @media screen and (max-width: 720px){ a.manager_img {right: 10px; top: 10px; width: 50px; height: 50px;} a.manager_img.book {top: 150px;} #hat_box_content > div.new_yea_title, #hat_box_content > div.new_yea_pre {right: 1%; } #hat_box_content > div.new_yea_title {top: 21%; font-size: 29px; line-height: 100%;} #hat_box_content > div.new_yea_pre {top: 22%; font-size: 25px; line-height: 100%;} #hat_box > div:nth-child(1) {padding-top: 35.7%;} #hat_box_content > div.block_decor h1, #hat_box_content > div.block_decor h4 {font-size: 2.5em;} #hat_box_content > div.block_decor > div {margin-bottom: 8px;} #hat_box_content > div.block_decor h1, #hat_box_content > div.block_decor h4, #hat_box_content > div.block_decor p {padding: 5px 30px;} #hat_box_content > div.block_decor p {font-size: 19px;} #hat_box_content > div.hat_citat {display: none;} #hat_box_content > img.paska {width: 25%; right: 3%; top: 19%;} #menu_group_id {left: 5%; bottom: 17%;} #social_box {left: auto; right: 5%; bottom: 15%;} #searching_box_id {left: auto; right: 28%; bottom: 17%;} #input_box_id {left: auto; right: 35%; bottom: 17%;} #menu_group_id > div > div > a {font-size: 110%; margin: 0% 10% 5% 0%;} #hat_alter_menu > span, #hat_alter_menu > a, #hat_alter_menu > p {font-size: 17px; line-height: 27px;} #left_said_news > div > div > div:nth-child(2) > div > div > a, #small_left_said_news > div > div > div:nth-child(2) > div > div > a {font-size: 21px;} #cellar_info_box_id > div:nth-child(1) {padding-top: 54%;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:not(.triangle) {top: 120%;} .button_up {line-height: 40px; width: 40px; height: 40px; font-size: 9px; font-weight: normal; text-transform: none; left: -4px;} #div_blok_type {width: 74%;} #div_blok_type.big_700 {width: 96%;} #div_blok_type > div > div:nth-child(1) > div:nth-child(1) {width: 86%;} #div_box_ind_new.img_float > div:nth-child(1) {width: 65%;} #div_box_ind_new.img_float > div:nth-child(2) {width: 35%;} #donat_block > div {width: 90%;} } @media screen and (max-width: 640px){ a.manager_img {right: 5px; top: 5px; width: 40px; height: 40px; border: 4px solid #606060;} #hat_box > div:nth-child(1) {padding-top: 40.0%;} #hat_box_content > div.block_decor h1, #hat_box_content > div.block_decor h4 {font-size: 2.1em;} #hat_box_content > div.block_decor > div {/*padding: 5px 20px;*/ margin-bottom: 6px;} #hat_box_content > div.block_decor h1, #hat_box_content > div.block_decor h4, #hat_box_content > div.block_decor p {padding: 5px 20px;} #hat_box_content > div.block_decor p {font-size: 17px;} #menu_group_id > div {width: 400px;} /*#menu_group_id {left: 10%;}*/ #menu_group_id > div > div.not_mobil:hover {width: 150px;} @-webkit-keyframes open_send { 0% { width: 60px; background: #ffffff 0% 0 / contain no-repeat; } 100% { width: 150px; background: #ffffff -100% 0 / contain no-repeat; } } @keyframes open_send { 0% { width: 60px; background: #ffffff 0% 0 / contain no-repeat; } 100% { width: 150px; background: #ffffff -100% 0 / contain no-repeat; } } #menu_group_id > div > div.is_mobil_open { width: 150px; background: #ffffff -100% 0 / contain no-repeat; } @-webkit-keyframes close_send { 0% { width: 150px; background: #ffffff -100% 0 / contain no-repeat; } 100% { width: 60px; background: #ffffff 0% 0 / contain no-repeat; } } @keyframes close_send { 0% { width: 150px; background: #ffffff -100% 0 / contain no-repeat; } 100% { width: 60px; background: #ffffff 0% 0 / contain no-repeat; } } #menu_group_id > div > div > a {font-size: 110%; font-size: 110%; width: 150px; margin: 0% 0% 0% 0%;} #searching_box_id {right: 30%;} #input_box_id {right: 35%;} #hat_alter_menu > span, #hat_alter_menu > a, #hat_alter_menu > p {font-size: 15px;/* line-height: 27px;*/} #central_said_box_id {width: 90%; margin: 0 3% 0 7%;} .is_img_grd > div:nth-child(2) > a > div:nth-child(1) > div:nth-child(1) > h3, .is_img_grd > div:nth-child(2) > div > a:nth-child(1) > div:nth-child(1) > h3 {font-size: 18px;} .is_img_grd > div:nth-child(2) > a > div:nth-child(2) > div > div:nth-child(1), .is_img_grd > div:nth-child(2) > div > div:nth-child(2) > div > div:nth-child(1) {font-size: 15px;} .is_img_grd > div:nth-child(2) > a > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(1), .is_img_grd > div:nth-child(2) > div > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(1) {font-size: 13px;} .is_img_grd > div:nth-child(2) > a > div:nth-child(3) > div:nth-child(2) > div > p, .is_img_grd > div:nth-child(2) > div > a:nth-child(3) > div:nth-child(2) > div > p {line-height: 100%;} #cellar_info_box_id > div:nth-child(1) {padding-top: 66%;} #cellar_info_box_id > div:nth-child(2) > div > div {float: none; width: 100%;} #cellar_info_box_id > div:nth-child(2) > div > img:nth-child(1) {left: 1%; bottom: 1%; height: 48%;} #cellar_info_box_id > div:nth-child(2) > div > img:nth-child(2) {left: 6.5%; bottom: 40%; height: 19%;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) {margin: 0 auto;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div {text-align: left; margin: 4% 0% 4% 0;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) {width: 40%; float: left;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div:not(:nth-last-child(1)):after, #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div:not(:nth-last-child(1)):after {display: none;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) {width: 60%; float: left; } #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(1), #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(2), #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(3) {width: 98%; float: none;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div {float: none; margin-left: 10%; text-align: left;/* border: 1px solid #ffffff;*/} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(1), #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(2), #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(3), #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(4), #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(5) {width: 90%;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div > a, #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div > p {white-space: normal; line-height: 20px;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > a, #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > p {line-height: 40px;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:not(.triangle) {top: -40px; left: 65%; height: 252px; width: 0%;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div.open_right_end {width: 80%;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(2), #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(3) {width: 70%; margin: 2% 0% 0 29%;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(4) {top: 40%; right: 5%;} .img_div_box.miniatur {width: 30%} #div_blok_type .title_img_slide > span {line-height: 140%;} #div_blok_type {width: 82%;} #div_blok_type.big_700 {width: 98%;} #div_blok_type > div > div:nth-child(1) > div:nth-child(1) {width: 80%;} } @media screen and (max-width: 600px){ #hat_box_content > div.new_yea_title, #hat_box_content > div.new_yea_pre {top: 31%;} #hat_box_content > div.new_yea_title {right: 3%; font-size: 25px; line-height: 100%;} #hat_box_content > div.new_yea_pre {right: 1%; font-size: 22px; line-height: 100%;} /*#hat_box_content > div.block_decor > div.hat_devace, */#hat_box_content > div.block_decor > div.hat_purpose {width: 75%; /*margin: 0 0 5px 1%; padding: 3px 10px;*/} #hat_box_content > img.on_23_februar_day {width: 30%; right: 0px; top: 15%;} #searching_box_id {right: 32%; bottom: 16%;} #input_box_id {right: 41%; bottom: 16%;} #id_page_gen {width: 92%; margin: 0 0 0 8%;} #ind_article_box_id {width: 98%;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(4) {top: 40%; right: 3%;} #div_box_ind_new {width: 80%;} .margin_float_left {float: none; margin: 5px auto;} .margin_float_right {float: none; margin: 5px auto;} #div_box_ind_new.img_float > div:nth-child(1) {width: 70%;} #div_box_ind_new.img_float > div:nth-child(2) {width: 30%;} #hat_box_content > img.paska {width: 23%; right: 3%; top: 19%;} #hat_box_content > img.den_rossii {width: 40%; top: 25%;} #box_password > div > img {width: 96%;} } @media screen and (max-width: 540px){ #hat_alter_menu, #searching_box_id, #input_box_id {display: none;} #hat_mobil_menu {display: block;} #hat_box_content > div.block_decor h1, #hat_box_content > div.block_decor h4 {font-size: 29px;} #hat_box_content > div.block_decor p {font-size: 16px;} #menu_group_id {left: 1%; bottom: 11%;/* z-index: 4;*/} #social_box {right: 0%; bottom: 9%;} #social_box > a {margin: 0 -1%;} /*#cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(4) {position: absolute; top: 44%; right: 50%;}*/ #central_said_box_id {width: 92%; margin: 0 3% 0 5%;} } @media screen and (max-width: 480px){ a.manager_img.book {top: 15px;} #hat_box_content > div.new_yea_title, #hat_box_content > div.new_yea_pre {right: 2%; top: 35%;} #hat_box_content > div.new_yea_title {font-size: 23px; line-height: 100%;} #hat_box_content > div.new_yea_pre {font-size: 20px; line-height: 100%;} #work_div {height: 100%;} #hat_box_content > div.block_decor h1, #hat_box_content > div.block_decor h4 {font-size: 27px;} #hat_box_content > div.block_decor > div {/*padding: 5px 20px; */margin-bottom: 6px;} #hat_box_content > div.block_decor > div p {padding: 3px 20px;} #hat_box_content > div.block_decor p {font-size: 15px;} #hat_box_content > img.on_geroi_day {width: 37%; right: 0; top: 8%;} #box_password > div {width: 14%;} #box_password > input[type=Password], #box_password > input[type=Text] {width: 82%;} #new_product_id.is_show {display: block;} #central_said_box_id {width: 94%; margin: 0 2% 0 4%;} .is_img_grd > div:nth-child(2) > a > div:nth-child(1) > div:nth-child(1) > h3, .is_img_grd > div:nth-child(2) > div > a:nth-child(1) > div:nth-child(1) > h3 {font-size: 17px;} .is_img_grd > div:nth-child(2) > a > div:nth-child(2) > div > div:nth-child(1), .is_img_grd > div:nth-child(2) > div > div:nth-child(2) > div > div:nth-child(1) {width: 100.0%; padding: 3% 4% 2% 1%; font-size: 14px;} .is_img_grd > div:nth-child(2) > a > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(1), .is_img_grd > div:nth-child(2) > div > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(1) {font-size: 12px;} .is_img_grd > div:nth-child(2) > a > div:nth-child(3) > div:nth-child(2) > div > p, .is_img_grd > div:nth-child(2) > div > a:nth-child(3) > div:nth-child(2) > div > p {font-size: 9px; line-height: 110%;} #cellar > div {width: 100%;} #cellar_info_box_id > div:nth-child(1) {padding-top: 80%;} #cellar_info_box_id > div:nth-child(2) > div > div {float: none; width: 100%;} #cellar_info_box_id > div:nth-child(2) > div > img:nth-child(1) {left: 1%; bottom: 1%; height: 48%;} #cellar_info_box_id > div:nth-child(2) > div > img:nth-child(2) {left: 8%; bottom: 40%; height: 19%;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) {margin: 0 auto;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:not(.triangle) {left: 70%;} @-webkit-keyframes open_sideways { 0% {width: 0%;} 100% {width: 90%;} } @keyframes open_sideways { 0% {width: 0%;} 100% {width: 90%;} } #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div.open_right_end {width: 90%;} @-webkit-keyframes close_sideways { 0% {width: 90%;} 100% {width: 0%;} } @keyframes close_sideways { 0% {width: 90%;} 100% {width: 0%;} } #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > a, #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > p, #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div > a, #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div > p, #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > div > a, #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > div > p {font-size: 17px;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(2), #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(3) {width: 65%; margin: 2% 0% 0 34%;} .img_link_box, .img_div_box:not(.miniatur), .img_not_formation:not(.miniatur) {width: 90%;} .img_div_box_vertical {width: 50%;} .float_none {margin: 5px auto;} .img_div_box.miniatur {width: 45%} #div_box_ind_new {width: 90%;} .margin_float_left {float: none; margin: 5px auto;} /*#div_box_ind_new.img_float > div:nth-child(1) {width: 70%;} #div_box_ind_new.img_float > div:nth-child(2) {width: 30%;}*/ } @media screen and (max-width: 420px){ a.manager_img {width: 36px; height: 36px; border: 3px solid #606060;} .not_style_td {line-height: 180%;} #hat_box > div:nth-child(1) {padding-top: 46.0%;} #hat_box_content > a > img.obraz_hat {height: 80%;} #hat_box_content > div.block_decor {left: 1%;} #hat_box_content > div.block_decor > div {/*padding: 5px 20px; */margin-bottom: 2px;} #hat_box_content > div.block_decor > div.hat_devace, #hat_box_content > div.block_decor > div.hat_purpose {width: 65%; margin: 0 0 2px 17%;/* padding: 3px 10px;*/} #hat_box_content > div.block_decor > div p {padding: 3px 10px;} #hat_box_content > img.on_geroi_day {width: 40%; right: 0; top: 9%;} #menu_group_id {left: 0%; bottom: 7%;} #social_box {right: 0%; bottom: 5%;} #menu_group_id > div > div, #social_box > a {height: 30px; width: 30px; /* border: 2px solid #c0c0c0;*/ -moz-border-radius: 16px; -webkit-border-radius: 16px; -khtml-border-radius: 16px; border-radius: 16px; } /*#menu_group_id {left: 3%; bottom: 5%;}*/ .is_img_grd > div:nth-child(1) {padding-top: 140%;} .is_img_grd > div:nth-child(2).grd_color_1 { background-image: -moz-linear-gradient(top, rgba(55, 55, 55, .7) 0, rgba(55, 55, 55, .0) 15%, rgba(55, 55, 55, .0) 47%, rgba(55, 55, 55, .7) 50%, rgba(55, 55, 55, 1.0) 100%); background-image: -webkit-linear-gradient(top, rgba(55, 55, 55, .7) 0, rgba(55, 55, 55, .0) 15%, rgba(55, 55, 55, .0) 47%, rgba(55, 55, 55, .7) 50%, rgba(55, 55, 55, 1.0) 100%); background-image: linear-gradient(to bottom, rgba(55, 55, 55, .7) 0, rgba(55, 55, 55, .0) 15%, rgba(55, 55, 55, .0) 47%, rgba(55, 55, 55, .7) 50%, rgba(55, 55, 55, 1.0) 100%); } .is_img_grd > div:nth-child(2).grd_color_2 { background-image: -moz-linear-gradient(top, rgba(200, 200, 200, .7) 0, rgba(200, 200, 200, .0) 15%, rgba(200, 200, 200, .0) 47%, rgba(200, 200, 200, .7) 50%, rgba(200, 200, 200, 1.0) 100%); background-image: -webkit-linear-gradient(top, rgba(200, 200, 200, .7) 0, rgba(200, 200, 200, .0) 15%, rgba(200, 200, 200, .0) 47%, rgba(200, 200, 200, .7) 50%, rgba(200, 200, 200, 1.0) 100%); background-image: linear-gradient(to bottom, rgba(200, 200, 200, .7) 0, rgba(200, 200, 200, .0) 15%, rgba(200, 200, 200, .0) 47%, rgba(200, 200, 200, .7) 50%, rgba(200, 200, 200, 1.0) 100%); } .is_img_grd > div:nth-child(2).grd_color_3 { background-image: -moz-linear-gradient(top, rgba(255, 153, 0, .7) 0, rgba(255, 153, 0, .0) 15%, rgba(255, 153, 0, .0) 47%, rgba(255, 153, 0, .7) 50%, rgba(255, 153, 0, 1.0) 100%); background-image: -webkit-linear-gradient(top, rgba(255, 153, 0, .7) 0, rgba(255, 153, 0, .0) 15%, rgba(255, 153, 0, .0) 47%, rgba(255, 153, 0, .7) 50%, rgba(255, 153, 0, 1.0) 100%); background-image: linear-gradient(to bottom, rgba(255, 153, 0, .7) 0, rgba(255, 153, 0, .0) 15%, rgba(255, 153, 0, .0) 47%, rgba(255, 153, 0, .7) 50%, rgba(255, 153, 0, 1.0) 100%); } .is_img_grd > div:nth-child(2).grd_color_4 { background-image: -moz-linear-gradient(top, rgba(0, 0, 102, .7) 0, rgba(0, 0, 102, .0) 15%, rgba(0, 0, 102, .0) 47%, rgba(0, 0, 102, .7) 50%, rgba(0, 0, 102, 1.0) 100%); background-image: -webkit-linear-gradient(top, rgba(0, 0, 102, .7) 0, rgba(0, 0, 102, .0) 15%, rgba(0, 0, 102, .0) 47%, rgba(0, 0, 102, .7) 50%, rgba(0, 0, 102, 1.0) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 102, .7) 0, rgba(0, 0, 102, .0) 15%, rgba(0, 0, 102, .0) 47%, rgba(0, 0, 102, .7) 50%, rgba(0, 0, 102, 1.0) 100%); } .is_img_grd > div:nth-child(2).grd_color_5 { background-image: -moz-linear-gradient(top, rgba(153, 255, 255, .7) 0, rgba(153, 255, 255, .0) 15%, rgba(153, 255, 255, .0) 47%, rgba(153, 255, 255, .7) 50%, rgba(153, 255, 255, 1.0) 100%); background-image: -webkit-linear-gradient(top, rgba(153, 255, 255, .7) 0, rgba(153, 255, 255, .0) 15%, rgba(153, 255, 255, .0) 47%, rgba(153, 255, 255, .7) 50%, rgba(153, 255, 255, 1.0) 100%); background-image: linear-gradient(to bottom, rgba(153, 255, 255, .7) 0, rgba(153, 255, 255, .0) 15%, rgba(153, 255, 255, .0) 47%, rgba(153, 255, 255, .7) 50%, rgba(153, 255, 255, 1.0) 100%); } .is_img_grd > div:nth-child(2) > a > div:nth-child(1) > div:nth-child(2), .is_img_grd > div:nth-child(2) > div > a:nth-child(1) > div:nth-child(2) {right: 0%; width: 30px;} .is_img_grd > div:nth-child(2) > a > div:nth-child(2) > div, .is_img_grd > div:nth-child(2) > div > div:nth-child(2) > div {height: 50%; width: 100%; left: 0%; top: 50%;/* background: #ffffff;*/} .is_img_grd > div:nth-child(2) > a > div:nth-child(2) > div > div:nth-child(1), .is_img_grd > div:nth-child(2) > div > div:nth-child(2) > div > div:nth-child(1) {width: 98.0%; padding: 3% 4% 2% 1%; font-size: 12px; line-height: 140%;} .is_img_grd > div:nth-child(2) > a > div:nth-child(3) > div:nth-child(1), .is_img_grd > div:nth-child(2) > div > a:nth-child(3) > div:nth-child(1) {width: 45%;} .is_img_grd > div:nth-child(2) > a > div:nth-child(3) > div:nth-child(2), .is_img_grd > div:nth-child(2) > div > a:nth-child(3) > div:nth-child(2) {width: 55%;} #cellar_info_box_id > div:nth-child(1) {padding-top: 100%;} #cellar_info_box_id > div:nth-child(2) > div > img:nth-child(1) {left: 0%; bottom: 1%; height: 40%;} #cellar_info_box_id > div:nth-child(2) > div > img:nth-child(2) {left: 7.5%; bottom: 34%; height: 14%;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) {width: 45%;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) {width: 55%;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:not(.triangle) {left: 86%;} @-webkit-keyframes open_sideways { 0% {width: 0%;} 100% {width: 100%;} } @keyframes open_sideways { 0% {width: 0%;} 100% {width: 100%;} } #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div.open_right_end {width: 100%;} @-webkit-keyframes close_sideways { 0% {width: 100%;} 100% {width: 0%;} } @keyframes close_sideways { 0% {width: 100%;} 100% {width: 0%;} } #div_blok_type .title_img_slide > span {line-height: 130%;} #div_blok_type {width: 90%;} #div_blok_type .pad {height: 10px;} #div_box_ind_new {width: 96%;} .margin_float_left {float: none; margin: 5px auto 5px 0;} #div_box_ind_new.img_float > div:nth-child(1) {width: 62%;} #div_box_ind_new.img_float > div:nth-child(2) {width: 38%;} #hat_box_content > img.vdv_class {width: 23%;} #donat_block > div {text-align: left;} } @media screen and (max-width: 360px){ #hat_box_content > img.september_day {width: 30%; right: 0%; top: 25%;} #hat_box_content > img.on_23_februar_day {width: 30%; right: 0px; top: 20%;} #hat_box_content > img.title_victory_day {width: 31%; right: 0%; top: 25%;} #hat_box_content > img.paska {width: 27%; right: 3%; top: 22%;} #left_said_news > div > div > div:nth-child(2) > div > div > a, #small_left_said_news > div > div > div:nth-child(2) > div > div > a {font-size: 19px;} #new_product_id.is_show {height: 50px; width: 50px;} a.manager_img {width: 30px; height: 30px; border: 3px solid #606060;} a.manager_img.book {top: 10px;} #hat_box_content > div.new_yea_title, #hat_box_content > div.new_yea_pre {right: 1%; top: 35%;} #hat_box_content > div.new_yea_title {font-size: 21px; line-height: 100%;} #hat_box_content > div.new_yea_pre {font-size: 18px; line-height: 100%;} #hat_box_content > div.block_decor h1, #hat_box_content > div.block_decor h4 {font-size: 23px;} #hat_box_content > div.block_decor p {font-size: 12px;} #menu_group_id {left: 0%; bottom: 9%;} #social_box {right: 0%; bottom: 7%;} .img_div_box_vertical {width: 90%;} #menu_group_id > div > div {margin: 0 .2%;} #hat_mobil_menu > div:nth-child(1), #hat_mobil_menu > div:nth-child(3) {width: 20%;} #hat_mobil_menu > div:nth-child(2) {width: 60%;} #hat_mobil_menu > div:nth-child(3) > div > img {right: 25%;} .is_img_grd > div:nth-child(2) > a > div:nth-child(3) > div:nth-child(1), .is_img_grd > div:nth-child(2) > div > a:nth-child(3) > div:nth-child(1) {width: 40%;} .is_img_grd > div:nth-child(2) > a > div:nth-child(3) > div:nth-child(2), .is_img_grd > div:nth-child(2) > div > a:nth-child(3) > div:nth-child(2) {width: 60%;} .is_img_grd > div:nth-child(2) > div > a:nth-child(3) > div:nth-child(1) > div > div > img, .is_img_grd > div:nth-child(2) > a > div:nth-child(3) > div:nth-child(1) > div > div > img {height: 60%;} #cellar_info_box_id > div:nth-child(1) {padding-top: 100%;} #cellar_info_box_id > div:nth-child(2) > div > img:nth-child(1), #cellar_info_box_id > div:nth-child(2) > div > img:nth-child(2) {display: none;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > a, #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > p, #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div > a, #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div > p, #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > div > a, #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > div > p {font-size: 15px;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(2), #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(3) {width: 98%; margin: 2% 0% 0 1%;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(2) > p, #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(3) > a {font-size: 14px; line-height: 110%;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(2) > p > a {font-size: 14px; font-weight: bold; line-height: 130%;} #central_said_box_id {width: 92%; margin: 0 3% 0 5%;} #div_blok_type {width: 98%;} #is_img_new_product_box {top: 32px;} #hat_box_content > img.den_rossii {width: 45%; top: 30%;} } @media screen and (max-width: 320px){ a.manager_img {right: 3px; top: 3px; border: 2px solid #606060;} #hat_box_content > div.new_yea_title, #hat_box_content > div.new_yea_pre {right: 1%; top: 39%;} #hat_box_content > div.new_yea_title {font-size: 19px; line-height: 100%;} #hat_box_content > div.new_yea_pre {font-size: 17px; line-height: 100%;} #hat_box_content > a > img.obraz_hat {height: 77%;} #hat_box_content > img.on_23_februar_day {width: 27%; right: 0px; top: 25%;} #hat_box_content > img.title_victory_day {width: 30%; right: 0%; top: 27%;} #hat_box_content > div.block_decor h1, #hat_box_content > div.block_decor h4 {font-size: 1.1em;} #hat_box_content > div.block_decor > div {/*padding: 5px 20px; */margin-bottom: 2px;} #hat_box_content > div.block_decor > div.hat_devace, #hat_box_content > div.block_decor > div.hat_purpose {width: 70%; margin: 0 0 2px 15%;/* padding: 2px 5px;*/} #hat_box_content > div.block_decor p {font-size: 12px; padding: 2px 5px;} #box_password > div {width: 15%;} #box_password > input[type=Password], #box_password > input[type=Text] {width: 80%;} #new_product_id.is_show {height: 40px; width: 40px;} #hat_mobil_menu > div:nth-child(5) {left: 0%;} #menu_group_id {left: 0%; bottom: 6%;} #social_box {right: 0%; bottom: 3%;} #menu_group_id > div > div, #social_box > a {height: 24px; width: 24px; border: 1px solid #c0c0c0; -moz-border-radius: 12.5px; -webkit-border-radius: 12.5px; -khtml-border-radius: 12.5px; border-radius: 12.5px; } #menu_group_id > div > div.not_mobil:hover {width: 130px;} #menu_group_id > div > div {margin: 0 .3%;} #left_said_news > div > div > div:nth-child(2) > div > div > a, #small_left_said_news > div > div > div:nth-child(2) > div > div > a {font-size: 17px;} @-webkit-keyframes open_send { 0% { width: 60px; background: #ffffff 0% 0 / contain no-repeat; } 100% { width: 130px; background: #ffffff -100% 0 / contain no-repeat; } } @keyframes open_send { 0% { width: 60px; background: #ffffff 0% 0 / contain no-repeat; } 100% { width: 130px; background: #ffffff -100% 0 / contain no-repeat; } } #menu_group_id > div > div.is_mobil_open { width: 130px; background: #ffffff -100% 0 / contain no-repeat; } @-webkit-keyframes close_send { 0% { width: 130px; background: #ffffff -100% 0 / contain no-repeat; } 100% { width: 60px; background: #ffffff 0% 0 / contain no-repeat; } } @keyframes close_send { 0% { width: 130px; background: #ffffff -100% 0 / contain no-repeat; } 100% { width: 60px; background: #ffffff 0% 0 / contain no-repeat; } } #menu_group_id > div > div > a {font-size: 90%; width: 130px;} #hat_mobil_menu > div:nth-child(1), #hat_mobil_menu > div:nth-child(3) {width: 15%;} #hat_mobil_menu > div:nth-child(2) {width: 70%;} #hat_mobil_menu > div:nth-child(3) > div > img {right: 25%;} #cellar_info_box_id > div:nth-child(1) {padding-top: 110%;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) {width: 50%;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div {/*width: 99%; */margin-left: 1%;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(1), #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(2), #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(3), #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(4), #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(5) {width: 99%;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) {width: 50%;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div {margin: 6% 0% 6% 0;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:not(.triangle) {top: -20px; left: 70%;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > a, #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > p {font-size: 14px; line-height: 30px;} /*#cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(3) {display: none;}*/ #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(2) > p {font-size: 13px; line-height: 100%;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(2) > p > a {font-size: 14px; font-weight: bold; line-height: 130%;} #cellar_info_box_id > div:nth-child(2) > div > div > div:nth-child(4) {top: 102%; right: 5%;} .button_up {line-height: 30px; width: 30px; height: 30px; font-size: 8px; font-weight: normal; text-transform: lowercase; left: -3px;} #div_blok_type > div > div:nth-child(1) > div:nth-child(1) {width: 80%;} .button_send.mini {font-size: 12px; padding: 5px 5px;} #div_box_ind_new {width: 98%;} #div_box_ind_new.img_float > div:nth-child(1) {width: 56%;} #div_box_ind_new.img_float > div:nth-child(2) {width: 44%;} .all_post {font-size: 17px;} #hat_box_content > img.vdv_class {width: 25%;} } /* Central block */ /* Central block */ /* Individual page for the article */ /* Individual page for the article */ /* Site section */ /* Site section */ /* Contacts Page + Callback Page */ /* Pirsonal office */ /* Pirsonal office */ /* manual box */ /* manual box */ /* news site box */ /* news site box */ /* message wall box */ /* message wall box */ /* book_page */ /* book_page */ /* list_book */ /* list_book */ #div_blok_cont_order {position: relative; width: 90%; margin: 0 auto;/* background: #ffcccc;*/} #div_blok_text_order {position: relative; width: 100%;} #div_blok_text_order > p {font-size: 19px; color: #303030; line-height: 140%;} #div_blok_text_order > p.small {font-size: 12px;/* line-height: 11px;*/} #order_code_id {display: block; position: relative; width: 100%; font-size: 21px; color: #404040;} /* your_purchases */ /* your_purchases */ /* policy_box */ /* policy_box */ /* interview_show */ /* interview_show */ /* interview_list */ /* interview_list */ /* Individual page for the article */ #title_article_box {position: relative;} #title_article_box > div:nth-child(1) {position: relative; text-align: center; margin: 7px;} #title_article_box > div:nth-child(1) > h1 {font-family: "Antiqua", Arial, Verdana, Helvetica, sans-serif; font-size: 29px; color:#303030; line-height: 150%; font-weight: bold;} #title_article_box > div:nth-child(3) {position: relative; margin: 10px;} #title_article_box > div:nth-child(2) {position: relative; margin: 10px 0; height: 50px; width: 100%;/* background: #ffffcc;*/} #title_article_box > div:nth-child(2) > div {position: relative; float: left; height: 100%;} #title_article_box > div:nth-child(2) > div:nth-child(1) {width: 40%;/* background: #ffcccc;*/} #title_article_box > div:nth-child(2) > div:nth-child(1) > div {float: left; position: relative; height: 100%;} #title_article_box > div:nth-child(2) > div:nth-child(1) > div:nth-child(1):not(.not_avatar) {width: 12%;/* background: #ccccff;*/} #title_article_box > div:nth-child(2) > div:nth-child(1) > div:nth-child(1).not_avatar {width: 0%;} #title_article_box > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > img {display: block; position: relative} #title_article_box > div:nth-child(2) > div:nth-child(1) > div:nth-child(2):not(.not_avatar) {width: 88%;/* background: #ccffff;*/} #title_article_box > div:nth-child(2) > div:nth-child(1) > div:nth-child(2).not_avatar {width: 100%;} #title_article_box > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > p {padding-left: 5px; font-size: 14px; line-height: 110%; color: #404040;} #title_article_box > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > p > span {font-weight: bold;} #title_article_box > div:nth-child(2) > div:nth-child(2) {width: 60%;/* background: #ffffcc;*/} #title_article_box > div:nth-child(2) > div:nth-child(2).is_admin {display: none;} #title_article_box > div:nth-child(2) > div:nth-child(2) > p {padding: 0 5px; font-size: 12px; line-height: 110%; color: #404040;} #title_article_box > div:nth-child(2) > div:nth-child(2) > p > span {font-weight: bold; color: #ff0000;} #title_article_box > div:nth-child(3) > p {text-align: left; color: #606060;} #title_article_box > div:nth-child(3) > p > span {color: #009900; font-weight: bold;} #cat_article_box {position: relative;} #cat_article_box > div { float: left; position: relative; margin: 0 .5%; overflow: hidden; cursor: pointer; background: #ffffff 0 0 / contain no-repeat; height: 60px; width: 60px; vertical-align: top; border: 4px solid #c0c0c0; -moz-border-radius: 32px; -webkit-border-radius: 32px; -khtml-border-radius: 32px; border-radius: 32px; } #cat_article_box > div:hover {width: 250px; background: #ffffff -100% 0 / contain no-repeat; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } #cat_article_box > div { -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } #cat_article_box > div > a { display: none; position: relative; margin: 1% 10% 5% 1%; width: 250px; overflow: hidden; font-family: "AcademyCondensed"; font-size: 130%; line-height: 100%; font-weight: bold; color: #404040; text-align: center; visibility: hidden; text-decoration: none; } #cat_article_box > div:hover > a { display: block; visibility: visible; text-decoration: underline; -moz-transition: visibility .5s; -webkit-transition: visibility .5s; -o-transition: visibility .5s; transition: visibility .5s; } #div_end_article {position: relative; margin: 40px 0;} #div_end_article > div:nth-child(1) {padding: 2%;} #div_end_article > div:nth-child(2) > div > hr {position: relative; margin: 0 auto;} #div_end_article > div:nth-child(3) > div {background: url(/images/vinject.png) no-repeat 50% 50% / 30% auto;/* border: 1px solid #ff0000;*/} .hr_ind, #div_end_article > div:nth-child(2) > div > hr {width: 90%; height: 3px; border: none; background-image: -moz-linear-gradient(left, rgba(255,255,22,0.2) 0, rgba(255,204,22,0.7) 20%, rgba(225,36,74, .9) 50%, rgba(255,204,22,0.7) 80%, rgba(255,255,22,0.2) 100%); /* FF3.6-15 */ background-image: -webkit-linear-gradient(left, rgba(255,255,22,0.2) 0, rgba(255,204,22,0.7) 20%, rgba(225,36,74, .9) 50%, rgba(255,204,22,0.7) 80%, rgba(255,255,22,0.2) 100%); background-image: linear-gradient(to right, rgba(225,30,30,0.0) 0, rgba(225,30,30,0.7) 20%, rgba(30,30,225, .9) 50%, rgba(225,30,30,0.7) 80%, rgba(225,30,30,0.0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4c0412', endColorstr='#fffa7e97',GradientType=1 ); } .hr_ind {margin: 20px auto 20px auto;} #polling_box_id {position: relative;/* border: 1px solid #ff0000; text-align: center;*/} #polling_box_id > div {position: relative; /*border: solid 1px #00ff00; height: 70px;*/} #polling_box_id > div > div {margin: 0 20px;/* border: solid 1px #0000ff;*/ float: left;} #polling_box_id > div > div:nth-child(1) {font-weight: bold; line-height: 1.5em; color: #663030;/* border: solid 1px #0000ff;*/} #polling_box_id > div > div > img {margin: 0 0 10px 0;} #polling_box_id > div > div > img:not(.not_cursor) {cursor: pointer;} #polling_box_id > div > div > img:not(.not_cursor):hover {border: 1px dotted #909090; opacity: 0.8;} #polling_box_id > div > div > img.not_cursor {opacity: 0.5;} #polling_box_id > div > div > p {text-align: center; font-size: .9em;} #polling_box_id > div > div:nth-child(1) > p {line-height: 40px;} #polling_box_id > div > div:nth-child(1) > p > img {display: inline-block; vertical-align: middle; height: 20px; width: 20px;} #polling_box_id > div > div:nth-child(2) > p {color: #0000ff;} #polling_box_id > div > div:nth-child(3) > p {color: #ff0000;} #comments_box_id {position: relative;/* border: 1px solid #000000;*/} #comments_box_id > div, #print_commen_box_id > p {position: relative; width: 80%; margin: 0 auto; text-align: left;/* border: 1px solid #ff0000;*/} #comments_box_id > div > p {} #comments_box_id > div > p:not(.user_id), #print_commen_box_id > p {color: #663030; font-weight: bold; line-height: 1.5em; text-align: left; margin-left: 5px;} #comments_box_id > div > p.user_id {margin: 10px 0 10px 5px; font-size: 17px; line-height: 1.5em; color: #606060;} /* Avatar */ #comments_box_id > div > p.user_id > img {display: inline-block; position: relative; margin: 0 10px 0 0; width: auto; height: 40px; vertical-align: middle;} /* */ #comments_box_id > div input[type=text], /* */ #comments_box_id > div > textarea {width: 50%; border: 1px solid #909090; padding: 5px; margin: 5px 0 5px 5px;} #comments_box_id > div > input[type=submit] {border: 1px solid #909090; padding: 5px; margin: 5px 0 5px 5px; color: #ffffff; cursor: pointer; text-shadow: 0px 1px 0px rgba(55, 55, 55, 0.7); filter: dropshadow(color=#99373737, offX=0, offY=1); background-image: -moz-linear-gradient(top, rgba(225, 36, 74, 1.0) 0, rgba(89, 5, 22, 1.0) 50%, rgba(225, 36, 74, 1.0) 100%); background-image: -webkit-linear-gradient(top, rgba(225, 36, 74, 1.0) 0, rgba(89, 5, 22, 1.0) 50%, rgba(225, 36, 74, 1.0) 100%); background-image: linear-gradient(to bottom, rgba(225, 36, 74, 1.0) 0, rgba(89, 5, 22, 1.0) 50%, rgba(225, 36, 74, 1.0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe1244a', endColorstr='#ff590516',GradientType=0 ); } #comments_box_id > div input[type=submit]:hover {background: #e1244a;} #comments_box_id > div > button {padding: 10px 20px; font-weight: bold;} #comments_box_id > div > button:hover {color: #ff0000;} #comments_box_id > div > div:not(.bloc_post) {position: relative; width: 70%; margin: 5px 0;/* border: 1px solid #ff00ff;*/} /* id=ind_comment_box */ #ind_comment_box > form {display: block; position: relative; width: 100%; margin-top: 5px;} #ind_comment_box > form > div:not(#add_podschet_box) {display: none; position: relative;/* height: 30px;*/ color: #663030; font-size: 14px; font-weight: bold; line-height: 30px; text-align: left;} #ind_comment_box > form > div:not(#add_podschet_box) > div {display: inline-block; position: relative; margin-left: 5px; height: 22px; width: 22px; vertical-align: top; cursor: pointer;} #ind_comment_box > form > div:not(#add_podschet_box) > div > img {display: block; position: relative; width: 100%; height: 100%;} #ind_comment_box > form > div:not(#add_podschet_box) > div > p {position: absolute; bottom: 23px; right: 0px; text-align: left; background: #ffffff; display: none;} #ind_comment_box > form > div:not(#add_podschet_box) > div:hover > p {display: block;} #ind_comment_box > div:nth-child(2) {position: relative; width: 96%; margin: 10px auto 0 auto;/* height: 500px; border: 10px solid #ff0000;*/} #ind_comment_box > div:nth-child(3) {position: relative; width: 96%; margin: 0 auto;} #ind_comment_box > div:nth-child(3) > div:nth-child(1) {position: relative; float: left;/* overflow: auto;*/ height: 48px;/* border: 1px solid #ff0000;*/} #ind_comment_box > div:nth-child(3) > div:nth-child(1) > div {display: block; position: relative; float: left; height: 38px; width: 38px; margin-right: 10px; cursor: pointer;/* overflow: hidden;*/} #ind_comment_box > div:nth-child(3) > div:nth-child(1) > div > form {display: block; position: absolute; top: 0; left: 0; height: 100%; width: auto; overflow: hidden; z-index: 3;} #ind_comment_box > div:nth-child(3) > div:nth-child(1) > div > form > input[type=file] {display: block; position: relative; width: 100%; height: 100%; -moz-opacity: 0; filter: alpha(opacity=0); opacity: 0; /*font-size: 6px; height: 20px; width: 20px;*/ z-index: 2; cursor: pointer;} #ind_comment_box > div:nth-child(3) > div:nth-child(1) > div > img {display: block; position: relative; height: 100%; width: auto; z-index: 1; opacity: 0.6; filter: alpha(opacity=60); } #ind_comment_box > div:nth-child(3) > div:nth-child(1) > div:hover > img { opacity: 1.0; filter: alpha(opacity=100); } #ind_comment_box > div:nth-child(3) > div:nth-child(1) > div:nth-child(2) > div {position: absolute; top: -5px; right: -30px; height: 30px; width: 30px; cursor: help;} #ind_comment_box > div:nth-child(3) > div:nth-child(1) > div:nth-child(2) > div > img {display: block; position: relative; width: 100%; height: 100%;} #ind_comment_box > div:nth-child(3) > div:nth-child(1) > div > p {position: absolute; bottom: 48px; right: -5px; text-align: left; background: #ffffff; display: none;} #ind_comment_box > div:nth-child(3) > div:nth-child(1) > div:hover > p {display: block;} #ind_comment_box > div:nth-child(3) > div:nth-child(2) {position: relative; float: right; overflow: auto; padding-right: 10px;/* border: 1px solid #ff0000;*/} #print_commen_box_id {position: relative; margin-bottom: 20px;} #print_commen_box_id > div {position: relative; margin: 10px auto 10px 20px; background: #ffffff; padding: 5px;/* border: 1px solid #000000;*/} #print_commen_box_id > div:not(.not_news) {width: 60%; -moz-box-shadow: 0px 0px 4px rgba(55, 55, 55, 0.9); -webkit-box-shadow: 0px 0px 4px rgba(55, 55, 55, 0.9); box-shadow: 0px 0px 4px rgba(55, 55, 55, 0.9); } #print_commen_box_id > div.not_news {width: 80%; } #print_commen_box_id > p:nth-child(1) {margin-bottom: 5px;} #print_commen_box_id > div:not(.not_news) > div.manager_open, .two_commen_box_id > div > div.manager_open {position: absolute; right: 5px; top: 2px; width: 26px; height: 26px; cursor: pointer; background: rgba(55, 55, 200, 0.0); border-radius: 13px; } #print_commen_box_id > div:not(.not_news) > div.manager_open:hover, .two_commen_box_id > div > div.manager_open:hover {background: rgba(55, 55, 200, .1);} #print_commen_box_id > div:not(.not_news) > div.manager_open.open, .two_commen_box_id > div > div.manager_open.open {right: 4px; top: 1px; background: rgba(55, 55, 200, .1); border: 1px solid #ff0000; border-radius: 15px;} #print_commen_box_id > div:not(.not_news) > div.manager_open > div, .two_commen_box_id > div > div.manager_open > div {position: relative; height: 100%; width: 100%;} #print_commen_box_id > div:not(.not_news) > div.manager_open > div > img, .two_commen_box_id > div > div.manager_open > div > img {display: block; position: relative; width: 80%; height: 80%; margin: 10% auto; opacity: 0.6; filter: alpha(opacity=60); } #print_commen_box_id > div:not(.not_news) > div.manager_open:hover > div > img, .two_commen_box_id > div > div.manager_open:hover > div > img { opacity: 1.0; filter: alpha(opacity=100); } #print_commen_box_id > div:not(.not_news) > div.manager_open > div > p, .two_commen_box_id > div > div.manager_open > div > p {display: none; position: absolute; bottom: 28px; right: -2px; z-index: 1;} #print_commen_box_id > div:not(.not_news) > div.manager_open:hover > div > p, .two_commen_box_id > div > div.manager_open:hover > div > p {display: block;} #print_commen_box_id > div:not(.not_news) > div.manager_post, .two_commen_box_id > div > div.manager_post {position: absolute; right: 30px; top: 1%; width: 280px; height: 0px; overflow: hidden; z-index: 2;/* background: #ffff00;*/} #print_commen_box_id > div:not(.not_news) > div.manager_post.open, .two_commen_box_id > div > div.manager_post.open { -webkit-animation: open_manager_130 300ms linear 0.0s 1 normal; animation: open_manager_130 300ms linear 0.0s 1 normal; } @-webkit-keyframes open_manager_130 { 0% {height: 0px;} 100% {height: 130px;} } @keyframes open_manager_130 { 0% {height: 0px;} 100% {height: 130px;} } #print_commen_box_id > div:not(.not_news) > div.manager_post.stat, .two_commen_box_id > div > div.manager_post.stat {height: 130px;} #print_commen_box_id > div:not(.not_news) > div.manager_post.close, .two_commen_box_id > div > div.manager_post.close { -webkit-animation: close_manager_130 300ms linear 0.0s 1 normal; animation: close_manager_130 300ms linear 0.0s 1 normal; } @-webkit-keyframes close_manager_130 { 0% {height: 130px;} 100% {height: 0px;} } @keyframes close_manager_130 { 0% {height: 130px;} 100% {height: 0px;} } #print_commen_box_id > div:not(.not_news) > div.stop_publication_new, .two_commen_box_id > div > div.stop_publication_new {position: absolute; right: 35px; top: 1px; font-size: 10px; line-height: 250%; font-weight: bold; color: #ff0000; z-index: 1;/* background: #ffffcc;*/} #print_commen_box_id > div:not(.not_news) > div.stop_publication_new:not(.close), .two_commen_box_id > div > div.stop_publication_new:not(.close) {display: none;} #print_commen_box_id > div:not(.not_news) > div.stop_publication_new.close, .two_commen_box_id > div > div.stop_publication_new.close {display: block;} #print_commen_box_id > div:not(.not_news) > p {margin: 3px 0; line-height: 1.3em; text-align: left;} #print_commen_box_id > div:not(.not_news) > div.text_comment {font-size: 17px; margin: 7px; padding: 5px; line-height: 1.4em; color: #404040; text-align: justify; border: 1px solid #efefef;} #print_commen_box_id > div:not(.not_news) > p:nth-child(2) {color: #404040; font-size: 13px; font-weight: bold; text-align: right; margin-right: 15px;} #print_commen_box_id > div:not(.not_news) > p:nth-child(2).timedata {color: #009900;} .two_commen_box_id {position: relative;/*border: 1px solid #f00;*/} .two_commen_box_id > div {position: relative;} #print_commen_box_id > div:not(.not_news) > p.del_text, .two_commen_box_id > div > p.del_text {font-weight: bold; color: #990000;} #print_commen_box_id > div:not(.not_news) > p:nth-child(1) {color: #996060; font-weight: bold;} #print_commen_box_id > div:not(.not_news) > p:nth-child(1) > img {display: inline-block; position: relative; margin: 0 10px 0 0; width: auto; height: 40px; vertical-align: middle;} #print_commen_box_id > div:not(.not_news) > p:nth-child(1) > span, .two_commen_box_id p:nth-child(1) span {display: inline-block; font-size: .9em; color: #606060; font-weight: normal; background: #f0f0ff; cursor: pointer; padding: 0 5px;} #print_commen_box_id > div:not(.not_news) > p:nth-child(1) > span:hover, .two_commen_box_id > div > p:nth-child(1) span:hover {text-decoration: underline; background: none;} /*#print_commen_box_id > div.two_commen_box_id {}*/ .two_commen_box_id > div {margin: 10px auto 10px 5%; padding: 3px; width: 94%; -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 1.0); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 1.0); box-shadow: 0px 0px 3px rgba(0, 0, 0, .5); } .two_commen_box_id > div > p {margin: 3px 0 3px 3px; font-size: 15px; line-height: 1.3em; text-align: left;} .two_commen_box_id > div > p:nth-child(1) {color: #996060; font-weight: bold;} .two_commen_box_id > div > p:nth-child(1) > img {display: inline-block; position: relative; margin: 5px 10px 5px 0; width: auto; height: 34px; vertical-align: middle;} .two_commen_box_id > div > p:nth-child(2) {color: #404040; font-size: 13px; font-weight: bold; text-align: right; margin-right: 15px;} .two_commen_box_id > div > p:nth-child(2).timedata {color: #009900;} .two_commen_box_id > div > p:nth-child(3) {font-weight: normal;} .two_commen_box_id > div > div.text_comment {font-size: 15px; margin: 7px; padding: 5px; line-height: 1.4em; color: #404040; text-align: justify; border: 1px solid #efefef;} #print_commen_box_id > div.not_news {overflow-y: auto;/* width: 100%; border: 1px solid #ff0000;*/} #print_commen_box_id > div.not_news, /* This is .second_group_comment */ #print_commen_box_id > div.not_news > div > div:nth-child(4) {position: relative;/* overflow: visible; height: 10px; background: #ffffcc;*/} #print_commen_box_id > div.not_news > div > div:nth-child(4).second_group_comment {padding: 10px 0; background: #ddddf0;} /* All comment box: id_comment_ */ #print_commen_box_id > div.not_news > div:not(:nth-last-child(1)), .second_group_comment > div {position: relative; /* padding: 3px;*/ background: #ffffff; -moz-box-shadow: 0px 0px 4px rgba(55, 55, 55, 0.9); -webkit-box-shadow: 0px 0px 4px rgba(55, 55, 55, 0.9); box-shadow: 0px 0px 4px rgba(55, 55, 55, 0.9); } #print_commen_box_id > div.not_news > div:not(:nth-last-child(1)) {width: 80%;} .second_group_comment > div {width: 90%;} #print_commen_box_id > div.not_news > div:not(:nth-last-child(1)) {margin: 0 auto 10px 0;} .second_group_comment > div {margin: 0 4px 10px auto;} #print_commen_box_id > div.not_news > div:nth-child(1).is_admin {margin: 18px auto 10px 0;} /* Top coomment box */ #print_commen_box_id > div.not_news > div > div:nth-child(1), .second_group_comment > div > div:nth-child(1) {position: relative; height: 40px; background: #ddddf0; padding: 3px;} #print_commen_box_id > div.not_news > div > div:nth-child(1) > div:nth-child(1), #print_commen_box_id > div.not_news > div > div:nth-child(1) > div:nth-child(2), .second_group_comment > div > div:nth-child(1) > div:nth-child(1), .second_group_comment > div > div:nth-child(1) > div:nth-child(2) {float: left; position: relative; height: 100%;} #print_commen_box_id > div.not_news > div > div:nth-child(1) > div:nth-child(1):not(.not_avatar), .second_group_comment > div > div:nth-child(1) > div:nth-child(1):not(.not_avatar) {/*background: #ffccff;*/ width: 6%;} #print_commen_box_id > div.not_news > div > div:nth-child(1) > div:nth-child(1).not_avatar, .second_group_comment > div > div:nth-child(1) > div:nth-child(1).not_avatar {/*background: #ffccff; */width: 0%;} #print_commen_box_id > div.not_news > div > div:nth-child(1) > div:nth-child(1) > img, .second_group_comment > div > div:nth-child(1) > div:nth-child(1) > img {display: block; position: relative;} #print_commen_box_id > div.not_news > div > div:nth-child(1) > div:nth-child(1) > img.width_avatar, .second_group_comment > div > div:nth-child(1) > div:nth-child(1) > img.width_avatar, #title_article_box > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > img.width_avatar {width: 100%; height: auto; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } #print_commen_box_id > div.not_news > div > div:nth-child(1) > div:nth-child(1) > img.height_avatar, .second_group_comment > div > div:nth-child(1) > div:nth-child(1) > img.height_avatar, #title_article_box > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > img.height_avatar {height: 100%; width: auto; margin: 0 auto;/* border: 1px solid #000000;*/} #print_commen_box_id > div.not_news > div > div:nth-child(1) > div:nth-child(2), .second_group_comment > div > div:nth-child(1) > div:nth-child(2) {word-wrap: break-word; width: 70%;/* background: #ffff00;*/} #print_commen_box_id > div.not_news > div > div:nth-child(1) > div:nth-child(2) > p, .second_group_comment > div > div:nth-child(1) > div:nth-child(2) > p {margin-left: 8px; font-size: 12px; line-height: 120%; font-weight: bold; color: #303060;} #print_commen_box_id > div.not_news > div > div:nth-child(1) > div:nth-child(2) > p > span, .second_group_comment > div > div:nth-child(1) > div:nth-child(2) > p > span {font-weight: normal; background: #f0f0ff; cursor: pointer;} #print_commen_box_id > div.not_news > div > div:nth-child(1) > div:nth-child(2) > p > span:hover, .second_group_comment > div > div:nth-child(1) > div:nth-child(2) > p > span:hover {color: #ff0000;} /* Third block Top comment box. Height - 30px!*/ #print_commen_box_id > div.not_news > div > div:nth-child(1) > div:nth-child(3), .second_group_comment > div > div:nth-child(1) > div:nth-child(3) {float: right; position: relative; height: 100%; width: 20%; /*background: #ffccff;*/} /* Button manager */ #print_commen_box_id > div.not_news > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(1), .second_group_comment > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) {position: absolute; right: 2px; top: 2px; width: 26px; height: 26px; cursor: pointer; background: rgba(55, 55, 200, 0.0); border-radius: 13px; } #print_commen_box_id > div.not_news > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(1):hover, .second_group_comment > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(1):hover {background: rgba(55, 55, 200, .1);} #print_commen_box_id > div.not_news > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(1).open, .second_group_comment > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(1).open {right: 1px; top: 1px; background: rgba(55, 55, 200, .1); border: 1px solid #ff0000; border-radius: 15px;} #print_commen_box_id > div.not_news > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) > div, .second_group_comment > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) > div {position: relative; height: 100%; width: 100%;} #print_commen_box_id > div.not_news > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) > div > img, .second_group_comment > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) > div > img {display: block; position: relative; width: 80%; height: 80%; margin: 10% auto; opacity: 0.6; filter: alpha(opacity=60); } #print_commen_box_id > div.not_news > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(1):hover > div > img, .second_group_comment > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(1):hover > div > img { opacity: 1.0; filter: alpha(opacity=100); } #print_commen_box_id > div.not_news > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) > div > p, .second_group_comment > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) > div > p {display: none; position: absolute; bottom: 28px; right: -2px; z-index: 1;} #print_commen_box_id > div.not_news > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(1):hover > div > p, .second_group_comment > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(1):hover > div > p {display: block;} /* div with class "manager_post" */ #print_commen_box_id > div.not_news > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(2), .second_group_comment > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(2) {position: absolute; right: 30px; top: 10%; width: 280px; height: 0px; overflow: hidden; z-index: 2;/* background: #ffff00;*/} #print_commen_box_id > div.not_news > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(2).open, .second_group_comment > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(2).open { -webkit-animation: open_manager 300ms linear 0.0s 1 normal; animation: open_manager 300ms linear 0.0s 1 normal; } @-webkit-keyframes open_manager { 0% {height: 0px;} 100% {height: 180px;} } @keyframes open_manager { 0% {height: 0px;} 100% {height: 180px;} } #print_commen_box_id > div.not_news > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(2).stat, .second_group_comment > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(2).stat {height: 180px;} #print_commen_box_id > div.not_news > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(2).close, .second_group_comment > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(2).close { -webkit-animation: close_manager 300ms linear 0.0s 1 normal; animation: close_manager 300ms linear 0.0s 1 normal; } @-webkit-keyframes close_manager { 0% {height: 180px;} 100% {height: 0px;} } @keyframes close_manager { 0% {height: 180px;} 100% {height: 0px;} } #print_commen_box_id > div.not_news > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(3), .second_group_comment > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(3) {position: absolute; right: 35px; top: 1px; font-size: 10px; line-height: 250%; font-weight: bold; color: #ff0000; z-index: 1;/* background: #ffffcc;*/} #print_commen_box_id > div.not_news > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(3):not(.close), .second_group_comment > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(3):not(.close) {display: none;} #print_commen_box_id > div.not_news > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(3).close, .second_group_comment > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(3).close {display: block;} #print_commen_box_id > div.not_news > div > div:nth-child(2), .second_group_comment > div > div:nth-child(2) {position: relative; padding: 5px; text-align: justify; font-size: 14px; line-height: 150%; color: #404040; max-height: 280px; overflow-y: auto;} #print_commen_box_id > div.not_news > div > div:nth-child(2) > div:nth-child(1), .second_group_comment > div > div:nth-child(2) > div:nth-child(1) {float: left; position: relative; margin: 2px 7px 7px 2px; z-index: 1;} #print_commen_box_id > div.not_news > div > div:nth-child(2) > div:nth-child(1).img_width, .second_group_comment > div > div:nth-child(2) > div:nth-child(1).img_width {width: 40%; height: auto;} #print_commen_box_id > div.not_news > div > div:nth-child(2) > div:nth-child(1).img_height, .second_group_comment > div > div:nth-child(2) > div:nth-child(1).img_height {height: 200px; /*width: auto;*/} #print_commen_box_id > div.not_news > div > div:nth-child(2) > div:nth-child(1) > img, .second_group_comment > div > div:nth-child(2) > div:nth-child(1) > img {display: block; position: relative; width: 100%; height: 100%; cursor: pointer;} #print_commen_box_id > div.not_news > div > div:nth-child(2) > p, .second_group_comment > div > div:nth-child(2) > p {position: relative; margin: 2% 2% 2% 0; text-align: right; font-size: 12px; color: #404040;} #print_commen_box_id > div.not_news > div > div:nth-child(2) > p > span, .second_group_comment > div > div:nth-child(2) > p > span {color: #009900; font-weight: bold;} #print_commen_box_id > div.not_news > div > div:nth-child(3), .second_group_comment > div > div:nth-child(3) {position: relative; height: 36px; background: #ddddf0;/* padding: 3px;*/} #print_commen_box_id > div.not_news > div > div:nth-child(3) > div, .second_group_comment > div > div:nth-child(3) > div {position: relative; height: 30px; width: 98%; margin: 0 auto;/* background: #ffffcc;*/} #print_commen_box_id > div.not_news > div > div:nth-child(3) > div > div, .second_group_comment > div > div:nth-child(3) > div > div {float: left; height: 100%;} #print_commen_box_id > div.not_news > div > div:nth-child(3) > div > div:nth-child(1), .second_group_comment > div > div:nth-child(3) > div > div:nth-child(1) {width: 50%;} #print_commen_box_id > div.not_news > div > div:nth-child(3) > div > div:nth-child(2), .second_group_comment > div > div:nth-child(3) > div > div:nth-child(2) {width: 50%;} #print_commen_box_id > div.not_news > div > div:nth-child(3) > div > div:nth-child(1) > div, .second_group_comment > div > div:nth-child(3) > div > div:nth-child(1) > div {position: relative; float: left; width: 50%; height: 100%;} #print_commen_box_id > div.not_news > div > div:nth-child(3) > div > div:nth-child(1) > div > div, .second_group_comment > div > div:nth-child(3) > div > div:nth-child(1) > div > div {position: relative; height: 90%; text-align: center;/* background: #000000;*/ top: 55%; -moz-transform: translateY(-45%); -webkit-transform: translateY(-45%); transform: translateY(-45%); } #print_commen_box_id > div.not_news > div > div:nth-child(3) > div > div:nth-child(1) > div > div > img, .second_group_comment > div > div:nth-child(3) > div > div:nth-child(1) > div > div > img {display: inline-block; height: 80%; width: auto; vertical-align: middle;} #print_commen_box_id > div.not_news > div > div:nth-child(3) > div > div:nth-child(1) > div > div > img:not(.no_opac), .second_group_comment > div > div:nth-child(3) > div > div:nth-child(1) > div > div > img:not(.no_opac) {opacity: 0.6; filter: alpha(opacity=60);} #print_commen_box_id > div.not_news > div > div:nth-child(3) > div > div:nth-child(1) > div > div > img.no_opac, .second_group_comment > div > div:nth-child(3) > div > div:nth-child(1) > div > div > img.no_opac {opacity: 1.0; filter: alpha(opacity=100);} #print_commen_box_id > div.not_news > div > div:nth-child(3) > div > div:nth-child(1) > div > div > img.not_article, .second_group_comment > div > div:nth-child(3) > div > div:nth-child(1) > div > div > img.not_article {cursor: pointer;} #print_commen_box_id > div.not_news > div > div:nth-child(3) > div > div:nth-child(1) > div > div > img.not_article:hover, .second_group_comment > div > div:nth-child(3) > div > div:nth-child(1) > div > div > img.not_article:hover {opacity: 1.0; filter: alpha(opacity=100);} #print_commen_box_id > div.not_news > div > div:nth-child(3) > div > div:nth-child(1) > div > div > span, .second_group_comment > div > div:nth-child(3) > div > div:nth-child(1) > div > div > span {vertical-align: middle; font-size: 14px;} #print_commen_box_id > div.not_news > div > div:nth-child(3) > div > div:nth-child(2), .second_group_comment > div > div:nth-child(3) > div > div:nth-child(2) {position: relative; height: 100%;/* background: #ffffcc;*/} /* Message delete comment */ #print_commen_box_id > div.not_news > div:not(:nth-last-child(1)) > p, .second_group_comment > div > p {font-size: 14px; font-weight: bold; line-height: 200%; color: #9999bb; background: #ddddf0; padding-left: 5px; text-shadow: 0px 1px 0px rgba(255, 255, 255, 1.0); filter: dropshadow(color=#ffffff, offX=0, offY=1); } #print_commen_box_id > div.not_news > div:nth-last-child(1) {position: relative; margin-bottom: 10px; width: 80%; background: #ffffff;} #print_commen_box_id > div.not_news > div:nth-last-child(1) > p {text-align: center; font-size: 14px; line-height: 150%; font-weight: bold; color: #303060; cursor: pointer;} #print_commen_box_id > div.not_news > div:nth-last-child(1) > p:hover {color: #603030;} #user_name_comment {display: none; background: #f0f0ff; padding: 0 5px;} div.intelligenc {text-align: right; font-size: 12px; color: #606060; font-style: italic; margin-top: 15px;} div.intelligenc > a {font-size: 12px;} @media screen and (max-width: 1140px){ #print_commen_box_id > div:not(.not_news) {width: 66%;} } @media screen and (max-width: 1080px){ #print_commen_box_id > div.not_news > div > div:nth-child(2), .second_group_comment > div > div:nth-child(2) {text-align: left; font-size: 13px;} } @media screen and (max-width: 920px){ #cat_article_box > div:hover {width: 200px;} #comments_box_id > div > textarea {width: 60%;} #print_commen_box_id > div:not(.not_news) {width: 72%;} #print_commen_box_id > div.not_news > div > div:nth-child(2), .second_group_comment > div > div:nth-child(2) {text-align: justify; font-size: 14px;} #comments_box_id > div > div:not(.bloc_post) {width: 80%;} } @media screen and (max-width: 800px){ #comments_box_id > div > textarea {width: 70%;} #comments_box_id > div > div:not(.bloc_post) {width: 90%;} #print_commen_box_id > div.not_news > div:not(:nth-last-child(1)) {width: 90%;} } @media screen and (max-width: 720px){ #comments_box_id > div {width: 90%;} #comments_box_id > div > div:not(.bloc_post) {width: 100%;} #print_commen_box_id > div:not(.not_news) {width: 80%;} #print_commen_box_id > div.not_news > div:not(:nth-last-child(1)) {width: 96%;} } @media screen and (max-width: 640px){ #cat_article_box > div:hover {width: 150px;} .hr_ind, #div_end_article > div:nth-child(2) > div > hr {height: 2px;} #comments_box_id > div {width: 100%;} #comments_box_id > div > textarea {width: 80%;} #ind_comment_box > form input[type=text], #ind_comment_box > form textarea {width: 94%;} #print_commen_box_id > div.not_news {width: 90%;} #title_article_box > div:nth-child(2) > div:nth-child(2) > p {font-size: 11px;} #print_commen_box_id > div.not_news > div:not(:nth-last-child(1)) {width: 100%;} } @media screen and (max-width: 540px){ #polling_box_id > div > div:nth-child(1) {float: none;} } @media screen and (max-width: 480px){ #comments_box_id > div > textarea {width: 90%;} #print_commen_box_id > div:not(.not_news) {width: 90%;} #print_commen_box_id > div.not_news {width: 94%;} #print_commen_box_id > div {margin: 10px auto 10px 10px;} #print_commen_box_id > div.not_news > div > div:nth-child(2), .second_group_comment > div > div:nth-child(2) {text-align: left; font-size: 12px;} #title_article_box > div:nth-child(2):not(.is_admin) {height: 100px;} #title_article_box > div:nth-child(2).is_admin {height: 50px;/* background: #ffffcc;*/} #title_article_box > div:nth-child(2) > div {float: none;} #title_article_box > div:nth-child(2) > div:nth-child(1) {width: 100%; height: 50px;/* background: #ffccff;*/} #title_article_box > div:nth-child(2) > div:nth-child(2):not(.is_admin) {width: 100%; height: 50px;/* background: #ffcccc;*/} #title_article_box > div:nth-child(2) > div:nth-child(2).is_admin {height: 0px;/* background: #ffcccc;*/} #title_article_box > div:nth-child(2) > div:nth-child(2) > p {padding-left: 0px; font-size: 12px;} } @media screen and (max-width: 420px){ #print_commen_box_id > div.not_news > div > div:nth-child(1), .second_group_comment > div > div:nth-child(1) {height: 50px;} #print_commen_box_id > div.not_news > div > div:nth-child(1) > div:nth-child(1):not(.not_avatar), .second_group_comment > div > div:nth-child(1) > div:nth-child(1):not(.not_avatar) {width: 10%;} #print_commen_box_id > div.not_news > div > div:nth-child(1) > div:nth-child(2), .second_group_comment > div > div:nth-child(1) > div:nth-child(2) {width: 79%;} #print_commen_box_id > div.not_news > div > div:nth-child(1) > div:nth-child(3), .second_group_comment > div > div:nth-child(1) > div:nth-child(3) {width: 11%;} #print_commen_box_id > div.not_news > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(1), .second_group_comment > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) {top: 12px;} #print_commen_box_id > div.not_news > div > div:nth-child(1) > div:nth-child(2) > p, .second_group_comment > div > div:nth-child(1) > div:nth-child(2) > p {margin-left: 4px; line-height: 150%;} #print_commen_box_id > div.not_news > div > div:nth-child(2), .second_group_comment > div > div:nth-child(2) {text-align: left; font-size: 12px; line-height: 170%; max-height: none;} #print_commen_box_id > div.not_news > div > div:nth-child(2) > div:nth-child(1), .second_group_comment > div > div:nth-child(2) > div:nth-child(1) {float: none; margin: 2px 0px 2px 0px;} #print_commen_box_id > div.not_news > div > div:nth-child(2) > div:nth-child(1).img_width, .second_group_comment > div > div:nth-child(2) > div:nth-child(1).img_width {width: 100%; height: auto;} #print_commen_box_id > div.not_news > div > div:nth-child(2) > div:nth-child(1).img_height, .second_group_comment > div > div:nth-child(2) > div:nth-child(1).img_height {height: auto; width: 50%; margin: 0 auto;} #print_commen_box_id > div.not_news > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(2), .second_group_comment > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(2) {width: 200px;} @-webkit-keyframes open_manager { 0% {height: 0px;} 100% {height: 150px;} } @keyframes open_manager { 0% {height: 0px;} 100% {height: 150px;} } #print_commen_box_id > div.not_news > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(2).stat, .second_group_comment > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(2).stat {height: 150px;} @-webkit-keyframes close_manager { 0% {height: 150px;} 100% {height: 0px;} } @keyframes close_manager { 0% {height: 150px;} 100% {height: 0px;} } } @media screen and (max-width: 360px){ } @media screen and (max-width: 320px){ #cat_article_box > div:hover {width: 130px;} #print_commen_box_id > div:not(.not_news) {width: 92%;} #print_commen_box_id > div.not_news {width: 94%;} #print_commen_box_id > div {margin: 10px auto 10px 2px;} #print_commen_box_id > div.not_news > div > div:nth-child(1) > div:nth-child(1):not(.not_avatar), .second_group_comment > div > div:nth-child(1) > div:nth-child(1):not(.not_avatar) {width: 12%;} #print_commen_box_id > div.not_news > div > div:nth-child(1) > div:nth-child(2), .second_group_comment > div > div:nth-child(1) > div:nth-child(2) {width: 77%;} #title_article_box > div:nth-child(2):not(.is_admin) {height: 120px;} #title_article_box > div:nth-child(2).is_admin {height: 50px;} #title_article_box > div:nth-child(2) > div:nth-child(2):not(.is_admin) {height: 70px;} #title_article_box > div:nth-child(2) > div:nth-child(2) > p {font-size: 11px;} } .ind_article_box body, td, pre {color:#000; margin: 8px 5px;} .ind_article_box body {background:#FFF;} .ind_article_box body.mceForceColors {background:#FFF; color:#000;} .ind_article_box * {font-family: "Antiqua", Arial, Verdana, Helvetica, sans-serif; font-size: 19px; color:#303030;} .ind_article_box h1 {font-family: "Antiqua"; font-size: 29px;} .ind_article_box h2 {font-family: "Antiqua"; font-size: 27px;} .ind_article_box h3 {font-family: "Antiqua"; font-size: 25px;} .ind_article_box h4 {font-family: "Antiqua"; font-size: 23px; font-weight: bold; margin: 7px 0;} .ind_article_box h5 {font-family: "Antiqua"; font-size: 22px; font-weight: bold; margin: 7px 0;} .ind_article_box h6 {font-family: "Antiqua"; font-size: 21px; font-weight: bold; font-style: italic; margin: 7px 0;} .ind_article_box p, .ind_article_box p em, .ind_article_box p em strong, .ind_article_box p strong, .ind_article_box p strike, .ind_article_box p a, .ind_article_box p span, .ind_article_box li {font-family: "Antiqua"; font-size: 21px; text-align: justify; word-wrap: break-word;} .ind_article_box p, .ind_article_box ol, .ind_article_box ul {margin: 7px 0;} .ind_article_box p, .ind_article_box span, .ind_article_box li, .ind_article_box em {line-height: 140%;} .ind_article_box .mceItemTable, .mceItemTable td, .mceItemTable th, .mceItemTable caption, .mceItemVisualAid {border: 1px dashed #BBB;} .ind_article_box a.mceItemAnchor {width: 12px; line-height:6px; overflow:hidden; padding-left:12px; background:url(img/items.gif) no-repeat bottom left;} .ind_article_box img.mceItemAnchor {width: 12px; height:12px; background:url(img/items.gif) no-repeat;} .ind_article_box img {border:0;} .ind_article_box table {cursor: default;} .ind_article_box ol, .ind_article_box ul {display: block; position: relative; width: 95%; margin-left: 5%;/* background: #ffcccc;*/} .ind_article_box table td, table th {cursor:text} .ind_article_box ins {border-bottom:1px solid green; text-decoration: none; color:green} .ind_article_box del {color:red; text-decoration:line-through} .ind_article_box cite {border-bottom:1px dashed blue} .ind_article_box acronym {border-bottom:1px dotted #CCC; cursor:help} .ind_article_box abbr, html\:abbr {border-bottom:1px dashed #CCC; cursor:help} /* IE */ .ind_article_box * html body { scrollbar-3dlight-color:#F0F0EE; scrollbar-arrow-color:#676662; scrollbar-base-color:#F0F0EE; scrollbar-darkshadow-color:#DDD; scrollbar-face-color:#E0E0DD; scrollbar-highlight-color:#F0F0EE; scrollbar-shadow-color:#F0F0EE; scrollbar-track-color:#F5F5F5; } .ind_article_box .verse {margin: 0 0; padding: 0;} .ind_article_box span.areal_f {font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 19px; color:#606060; line-height: 110%;} .ind_article_box #title_article_box_script {position: relative;} .ind_article_box #title_article_box_script > div {position: relative; text-align: center; margin: 7px;} .ind_article_box .text_header {position: relative; padding: 20px;/* text-align: justify;*/} @media screen and (max-width: 800px){ .ind_article_box ol {width: 92%; margin-left: 8%;} } @media screen and (max-width: 640px){ /*.ind_article_box ol {width: 90%; margin-left: 5%;}*/ } @media screen and (max-width: 480px){ .ind_article_box p, .ind_article_box p em, .ind_article_box p em strong, .ind_article_box p strong, .ind_article_box p strike, .ind_article_box p span, .ind_article_box li {font-size: 23px;} .ind_article_box p, .ind_article_box li {text-align: left;} } @media screen and (max-width: 420px){ .ind_article_box p, .ind_article_box p em, .ind_article_box p em strong, .ind_article_box p strong, .ind_article_box p strike, .ind_article_box p span, .ind_article_box li {font-size: 23px;} .ind_article_box p, .ind_article_box span, .ind_article_box li, .ind_article_box em {line-height: 160%;} } @media screen and (max-width: 360px){ .ind_article_box p, .ind_article_box p em, .ind_article_box p em strong, .ind_article_box p strong, .ind_article_box p strike, .ind_article_box p span, .ind_article_box li {font-size: 21px;} } /* css bread crumbs */ .div_bread_crumbs {width: 66%;} @media screen and (max-width: 1140px){.div_bread_crumbs {width: 70%;}} @media screen and (max-width: 920px){.div_bread_crumbs {width: 78%;}} @media screen and (max-width: 800px){.div_bread_crumbs {width: 84%;}} @media screen and (max-width: 580px){.div_bread_crumbs {width: 90%; margin: 0 0 0 3%;}} .div_bread_crumbs {width: 60%;} @media screen and (max-width: 1140px){.div_bread_crumbs {width: 66%;}} @media screen and (max-width: 920px){.div_bread_crumbs {width: 74%;}} @media screen and (max-width: 800px){.div_bread_crumbs {width: 82%;}} @media screen and (max-width: 540px){.div_bread_crumbs {width: 82%; margin: 0 0 0 3%;}} @media screen and (max-width: 360px){.div_bread_crumbs {margin: 0 0 0 9%;}} .div_bread_crumbs {width: 60%;} @media screen and (max-width: 1140px){.div_bread_crumbs {width: 66%;}} @media screen and (max-width: 920px){.div_bread_crumbs {width: 74%;}} @media screen and (max-width: 800px){.div_bread_crumbs {width: 82%;}} @media screen and (max-width: 540px){.div_bread_crumbs {width: 82%; margin: 0 0 0 3%;}} @media screen and (max-width: 360px){.div_bread_crumbs {margin: 0 0 0 9%;}} .div_bread_crumbs {width: 60%;} @media screen and (max-width: 1140px){.div_bread_crumbs {width: 66%;}} @media screen and (max-width: 920px){.div_bread_crumbs {width: 74%;}} @media screen and (max-width: 800px){.div_bread_crumbs {width: 82%;}} @media screen and (max-width: 540px){.div_bread_crumbs {width: 82%; margin: 0 0 0 3%;}} @media screen and (max-width: 360px){.div_bread_crumbs {margin: 0 0 0 9%;}}