body {font:13px/17px Verdana, Geneva, sans-serif; color: #333333; line-height:150%; text-align:left; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image: url(http://molodyvcheny.in.ua//img/background.png);} .urllink {font:13px/17px Verdana, Geneva, sans-serif;} .article { display:inline-block; vertical-align:top; text-align:left; } .text { margin-right:0; display:block; width:100%; } .article h1 { } .article ol li {list-style: inside decimal;} .article ul li {list-style: inside disc;} .article table { font-size:12px; border-collapse: collapse; } .article tr, .article td, .article th { border:1px solid #ccc; padding:4px 8px 4px 8px; } .article th { background-color:#333; text-align:center; } .article img {margin-bottom:0px;} .article .no-p {margin-bottom:0;} h2 { font:18px/18px Verdana, Geneva, sans-serif; margin-bottom:9px; color: #4B8FCE; } .article-info { font-size:11px; display:inline-block; width:20%; vertical-align:top; } a.rollover { background: url(http://molodyvcheny.in.ua//img/menu2.jpg); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 140px; /* Ширина рисунка */ height: 65px; /* Высота рисунка */ } a.rollover:hover { background: url(http://molodyvcheny.in.ua//img/menu2_1.jpg); /* Путь к файлу с заменяемым рисунком */ } a.rollover1 { background: url(http://molodyvcheny.in.ua//img/menu1_1.jpg); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 122px; /* Ширина рисунка */ height: 65px; /* Высота рисунка */ } a.rollover1:hover { background: url(http://molodyvcheny.in.ua//img/menu1.jpg); /* Путь к файлу с заменяемым рисунком */ } #Layer1 { position:absolute; left:715px; top:132px; width:181px; height:214px; z-index:2; background-color: #FFFF00; } #Layer2 { position:absolute; left:660px; top:298px; width:304px; height:94px; z-index:3; background-color: #0000FF; } #box { height:18px; width: 100px; background-color: #0066FF; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius : 20px; -moz-border-radius : 20px; color:#FFFFFF;} div#Splash1 { width: 192px; height: 264px; position:absolute; left:610px; margin-top:114px; margin-left:218px; z-index:2; background-image: url(http://molodyvcheny.in.ua//img/oblogka.jpg); background-color: #0000FF; } .index_next_number ul{ font:italic 12px/16px Arial, Helvetica, sans-serif; text-align:left; margin-left:-25px; line-height:180%; } .index_next_number li { text-align:left; } div#Splash2 { width: 368px; height: 182px; position:absolute; left:50%; margin-top:340px; margin-left:130px; z-index:3; background-image: url(http://molodyvcheny.in.ua//img/oblako.jpg); } div#Splash3 { width: 244px; height: 271px; position:absolute; left:50%; margin-top:145px; margin-left:190px; z-index:1; background-image: url(http://molodyvcheny.in.ua//img/journ_podl.png); top: 14px; } div#Splash5 { width: 100px; height: 44px; position:absolute; left:50%; margin-top:155px; margin-left:400px; z-index:1; background-image: url(http://molodyvcheny.in.ua//img/skidka20.png); top: 14px; } div#Splash6 { width: 100px; height: 44px; position:absolute; left:50%; margin-top:165px; margin-left:428px; z-index:1; background-image: url(http://molodyvcheny.in.ua//img/skidka50.png); top: 14px; } .newshead {color: #0071ca; font-size: 14px; } .year { font-size:12px; position:relative; padding:0 0 18px 11%; } .year span {color:#2a9018; margin-right:4px;} .last-new {font-size:14px;} .menuname { padding-left:20px; margin-bottom:10px; font-weight:bold; font-size:12px; font:bold; text-align: left; color:#0066FF; background:url(http://molodyvcheny.in.ua//img/logosmall.png) no-repeat left top; text-transform:uppercase; } .headname {font-size:18px; text-align: center;} .newsname {font-size:16px; text-align: center; color: #333333; text-align:left;} .newsphoto {float:left; padding-right:10px; padding-left:8px; padding-bottom:10px;} .newstext {font-size:13px; color: #333333; line-height:150%; text-align:justify;} .newstext1 {font-size:13px; color: #333333; line-height:180%; text-align:justify;} .newsmini {font-size:13px; color: #333333; line-height:150%; text-align:justify;} .newsblock1 {font-size:16px; text-align: left; font:bold;} .ulmenu { margin-left:-25px;} .menu {font-size:12px; margin:3px; color:#666666; border-bottom: dashed; border-bottom-color: #E4E4E4; border-bottom-width:thin; padding-left:5px; text-decoration: none; color: #666666} a {font-size: 13px; color: #0066FF; text-align:left;} A:active {color: #FF0000}; .activelink {padding-left:17px; /* отступ от маркера */ background:url(http://molodyvcheny.in.ua//img/narrow1.png) no-repeat left center; /* задаем фон */ text-transform:uppercase; border-bottom-width:1px; margin-top:10px; color:#0066FF; font:bolder;} .menu1 { border-bottom-width:1px; margin-top:10px; line-height:200%; color:#000000; } .menu2 { line-height:180%; color:#000000; font-size:13px; text-decoration: none;} .noactivelink {padding-left:17px; /* отступ от маркера */ background:url(http://molodyvcheny.in.ua//img/narrow.png) no-repeat left center; /* задаем фон */ text-transform:uppercase; border-bottom-width:1px; margin-top:10px; color:#000000; text-decoration: none; text-align:justify;} .toggle {padding-left:17px; /* отступ от маркера */ background:url(http://molodyvcheny.in.ua//img/narrow.png) no-repeat left center; /* задаем фон */ text-transform:uppercase; border-bottom-width:1px; margin-top:10px; color:#000000; text-decoration: none; text-align:left;} .toggle1 border-bottom-width:1px; margin-top:10px; color:#000000; text-align:left;} A:hover {text-decoration: underline; color: #0033FF} .hrnews { margin:10px; color:#0066FF; position: static; clear:both;} form[name="info"] { width:600px;margin-left:10px; } input[name="zip"] { width:150px; } select { width:280px;border:1px solid #999;padding:5px;-moz-border-radius:4px; font:13px/17px Verdana, Geneva, sans-serif; color: #333333; line-height:150%; text-align:left; } textarea { width:280px;border:1px solid #999;padding:5px;-moz-border-radius:4px; font:13px/17px Verdana, Geneva, sans-serif;} /* submit button */ input[type="submit"] { cursor:pointer;border:1px solid #999;padding:5px;-moz-border-radius:4px;background:#eee; } input[type="submit"]:hover, input[type="submit"]:focus { border-color:#333;background:#ddd; } input[type="submit"]:active{ margin-top:1px; } #validEmail { margin-top: 4px; margin-left: 9px; position: absolute; width: 16px; height: 16px; } #hor-minimalist-b { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; background: #fff; margin: 10px; border-collapse: collapse; text-align: left; } #hor-minimalist-b th { font-size: 14px; font-weight: normal; color: #004080; padding: 8px; border-bottom: 2px solid #6678b1; } #hor-minimalist-b td { border-bottom: 1px solid #ccc; color: #669; padding: 6px 8px; vertical-align:top; } #messenger{ width: 580px; margin:5px 0px; padding: 5px; border: gray dashed 1px; background: pink; display:none; padding-left:14px; text-align:center; } #sign_up { -moz-border-radius: 6px; background: #eef2f7; -webkit-border-radius: 6px; border: 1px solid #536376; -webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px; -moz-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;; width: 320px; height: 960px; left:50%; position:absolute; margin-top:-2000x; margin-left:-520px; z-index:1; } #sign_up1 { -moz-border-radius: 6px; background: #eef2f7; -webkit-border-radius: 6px; border: 1px solid #536376; -webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px; -moz-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;; width: 320px; height: 960px; left:50%; position:absolute; margin-top:-2000x; margin-left:200px; z-index:1; } textarea { width:270px;border:1px solid #999;padding:5px;-moz-border-radius:4px; } .formstyle { width:270px;border:1px solid #999;padding:5px;-moz-border-radius:4px; } input[type="text"]:focus { border-color:#777; } .modalDialog { position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; display: none; pointer-events: none; } .modalDialog:target { display: block; pointer-events: auto; } .modalDialog > div { width: 400px; position: relative; margin: 10% auto; padding: 5px 20px 13px 20px; border-radius: 10px; background: #fff; background: -moz-linear-gradient(#fff, #999); background: -webkit-linear-gradient(#fff, #999); background: -o-linear-gradient(#fff, #999); } .close { background: #606061; color: #FFFFFF; line-height: 25px; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px; text-decoration: none; font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } .close:hover { background: #00d9ff; } font:13px/17px Verdana, Geneva, sans-serif; .mag-info ul { margin-left: -25px; } .year_menu .curr { background: url('../img/year_curr.png') no-repeat; } .archive-article-info { margin-left:-50px; display:none; } .archive-article-info dl { border-left:2px solid #bad0b6; padding-left:7px; margin:0 0 9px 9px; font-size:11px; line-height:14px; } .archive-article-info p { margin:0; } .archive-article-info a { text-decoration:underline; border:none; color:#117fb2; } .archive-article-info dt, .archive-article-info dd { display:inline-block; vertical-align:top; } .archive-article-info dt { font-weight:bold; width:28%; } .archive-article-info dd { width:45%; } .pl { color: #403904; background: #DBD5FD; } .pl1 { color: #403904; background: #FFFFCC; } #share42 { right: 0; top: 65% !important; } #share42 {padding: 6px 6px 0; 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} .container {padding: 0 0 70px 0;} /* отступ снизу */ #message { display: block; display: none; /* ссылка над всеми элементами */ z-index: 999; /* ссылка не заслоняет полностью текст под ней */ opacity: .8; /* ссылка всегда на одном и том же месте */ position: fixed; /* ссылка внизу страницы */ top: 100%; margin-top: -180px; /* = height + preferred bottom margin */ /* ссылка по центру */ left:50%; margin-left:490px; /* закругленные углы */ -moz-border-radius: 24px; -webkit-border-radius: 24px; /* ссылка большая, заметная и ее легко найти */ width: 100px; line-height: 48px; height: 28px; padding: 10px; font-size: 14px; text-align: center; } .corner2 {box-shadow: 0 0 5px #d9d9d9; -moz-box-shadow: 0 0 5px #d9d9d9; -webkit-box-shadow: 0 0 5px #d9d9d9; -moz-border-radius: 20px; -webkit-border-radius: 20px; border: 1px solid #CCCCCC; height:20px; width:200px; padding:2px; padding-left:8px; color: #666666; border-radius : 20px; -moz-border-radius : 20px; } .corner3 {box-shadow: 0 0 5px #d9d9d9; -moz-box-shadow: 0 0 3px #d9d9d9; -webkit-box-shadow: 0 0 5px #d9d9d9; -moz-border-radius: 20px; -webkit-border-radius: 20px; border: 1px solid #CCCCCC; height:30px; width:200px; padding:2px; padding-left:8px; color: #666666; border-radius : 20px; -moz-border-radius : 20px; } a.rollover3 { background: url(http://molodyvcheny.in.ua//img/button.jpg); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 153px; /* Ширина рисунка */ height: 41px; /* Высота рисунка */ } a.rollover3:hover { background: url(http://molodyvcheny.in.ua//img/button_1.jpg); /* Путь к файлу с заменяемым рисунком */ } a.rollover2 { background: url(http://molodyvcheny.in.ua//img/button1.jpg); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 153px; /* Ширина рисунка */ height: 41px; /* Высота рисунка */ } a.rollover2:hover { background: url(http://molodyvcheny.in.ua//img/button1_2.jpg); /* Путь к файлу с заменяемым рисунком */ } a.rollover4 { background: url(http://molodyvcheny.in.ua//img/down.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 153px; /* Ширина рисунка */ height: 41px; /* Высота рисунка */ } a.rollover4:hover { background: url(http://molodyvcheny.in.ua//img/down1.png); /* Путь к файлу с заменяемым рисунком */ } .urllink {font:9px/15px Verdana, Geneva, sans-serif;} .year_menu { font-weight: bold; font-size: 16px; line-height: 22px; width: 10%; margin: 0; } .year_menu li { list-style: none; padding: 4px 0 0 10px; width: 52px; height: 26px; margin: 0 0 9px 0; } .year_menu a { text-decoration: none; border-bottom: 1px dotted #4ad; } .year_menu .curr { background: url('../img/year_curr.png') no-repeat; } .year_menu .curr a { border: none; color: #fff; } a.rollover11 { background: url(http://molodyvcheny.in.ua/img/ua/menu2.jpg); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 140px; /* Ширина рисунка */ height: 65px; /* Высота рисунка */ } a.rollover11:hover { background: url(http://molodyvcheny.in.ua/img/ua/menu2_1.jpg); /* Путь к файлу с заменяемым рисунком */ } a.rollover12 { background: url(http://molodyvcheny.in.ua/img/ua/menu1_1.jpg); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 122px; /* Ширина рисунка */ height: 65px; /* Высота рисунка */ } a.rollover12:hover { background: url(http://molodyvcheny.in.ua/img/ua/menu1.jpg); /* Путь к файлу с заменяемым рисунком */ } a.rollover13 { background: url(http://molodyvcheny.in.ua//img/ua/button.jpg); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 151px; /* Ширина рисунка */ height: 39px; /* Высота рисунка */ } a.rollover13:hover { background: url(http://molodyvcheny.in.ua//img/ua/button_1.jpg); /* Путь к файлу с заменяемым рисунком */ } a.rollover14 { background: url(http://molodyvcheny.in.ua//img/ua/button2.jpg); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 151px; /* Ширина рисунка */ height: 39px; /* Высота рисунка */ } a.rollover14:hover { background: url(http://molodyvcheny.in.ua//img/ua/button2_1.jpg); /* Путь к файлу с заменяемым рисунком */ } a.rollover15 { background: url(http://molodyvcheny.in.ua//img/ua/button3.jpg); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 151px; /* Ширина рисунка */ height: 39px; /* Высота рисунка */ } a.rollover15:hover { background: url(http://molodyvcheny.in.ua//img/ua/button3_1.jpg); /* Путь к файлу с заменяемым рисунком */ } .feedback-text { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url("http://molodyvcheny.in.ua//img/q-l.gif"); background-origin: padding-box; background-position: 0% 0%; background-repeat: no-repeat; background-size: auto; padding-bottom: 0px; padding-left: 20px; padding-right: 18px; padding-top: 0px; } .feedback-box { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url("http://molodyvcheny.in.ua//img/q-r.gif"); background-origin: padding-box; background-position: 100% 100%; background-repeat: no-repeat; background-size: auto; font-size: 13px; font-style: italic; margin-right: 1%; width: 65%; } .feedback-box, .feedback-author { display: inline-block; vertical-align: top; } .feedback { margin-bottom: 36px; } .feedback-author { font-size: 12px; text-indent: -14px; width: 20%;