/* Таблица стилей определяет не изменяющуюся верхушку сайта */ header {width: 100%;height: 165px; border-radius: 0;margin-bottom: 0px;} header > div#top_line { background: #004760;width: 100%;height: 30px;} /* Почта Вход Регистрация */ header > div#top_line > div#line_content { margin: 0 auto; padding: 0px; padding-top: 3px;width: 1000px; height: 30px;} div#mer {padding: 0px;margin: 0px; margin-right: 10px; padding-left: 5px;width: 130px;height: 22px;border:1px solid #1b877e;float:left;} div#mer a { font-size: 12px; color:white; font-style: normal; margin:0px 10px 0px 0px; padding: 0px; text-decoration: none; } div#mer a img {height:20px; margin: 0px; padding: 0px 2px 3px 0px; vertical-align: middle;} /*Библиотека | Электронные ресурсы | Версия для слабовидащих*/ div#el_resourse { padding:0px; margin: 0px; padding-left: 5px; width: 570px; height: 22px; border: 1px solid #1b877e; float: left; } div#el_resourse a { color: white;text-decoration: none; padding:0px;margin:0px 10px 0px 2px;font-size: 12px;} div#el_resourse a img { height: 20px;margin: 0px;padding:0px 2px 3px 0px;vertical-align: middle;} /* Поле поиска */ div#search {width: 230px;height: 22px;padding: 0px 3px 0px 2px;margin: 0px; text-decoration: none;vertical-align: middle;font-size: 12px;border: 1px solid #1b877e; float:right;} div#search form input { width: 210px; height: 15px; margin: 3px 0px 0px 0px; padding:0px; border:1px solid black; background: #f2f2f0; -webkit-appearance: none; /*Рамка Google & Safari*/ white-space: normal; vertical-align: middle; /* Выравнивание по середине */ } div#search form input[type="text"]:focus {background: white;} div#search form input[type="submit"] { width: 15px; height: 15px; border:none; background-size: 15px 15px; vertical-align: middle; cursor: pointer; background-color: transparent; } /* основная засть заглавия */ div#header {height:150px;background: #2f5f9e; /*Старые браузеры*/background:linear-gradient(to top,#004f69,#002137);} div#header_center { margin: 0 auto; width: 1000px;height: 150px;} /*Иконка филиала*/ div#icotop {border: none;height: 150px; vertical-align: middle; float:left;} div#icotop > img {height: 120px;width: auto;border: none;padding:0px;padding-top: 15px;} div#name_top { width: 700px; height: 100px; color:white; text-align: left; vertical-align: middle; font-size: 20px; cursor: pointer; padding: 30px 10px 0px 10px; margin-left: 10px; /*Особые свойства*/ float: left; } div#name_top:hover {text-shadow: 1px 1px 6px rgba(255,255,255,0.7);} div#name_top > img {height: 82px;width: 2px;float: left;margin-right: 20px;} /* МЭевская картинка справа */ div#left_top {height: 150px;border: none;float:right;} div#left_top a img {height: 120px;padding: 0px;padding-top: 15px;} #mera { position: relative;} #mera:hover #user_info {left:-6px;} #user_info a {margin:2px 0px 2px 2px;} #user_info img {width: 25px;vertical-align: middle; margin:3px 0px 3px 3px;} #user_info { position: absolute; top:23px; left:-9999px; width: 350px; background: #004760; border-bottom:1px solid #1b877e; border-left:1px solid #1b877e; border-right:1px solid #1b877e; z-index: 2; } #user_info div:hover {background: #42aaff;} div#user_info p {margin:8px 0px 8px 8px;color: #FFF;}