/* Общее: - */ * { outline: none; font-family: Verdana; } /* Общее : body */ body { background: url(images/background.png) #e1e1e1; margin: 0.5em; } /* Общее : body - отключение полей при ширине менее 768px */ @media (max-width:768px){ body { background: none; margin: 0px; }} body, input, textarea, select { color: #373737; font: 14px Verdana, Helvetica, Arial, sans-serif; line-height: 1.625; } h1 { -webkit-margin-before: 0.1em; font-size: 20px; font-weight: bold; } h2 { display: contents; -webkit-margin-before: 0em; font-size: 16px; font-weight: bold; } h3 { display: contents; font-size: 15px; font-weight: bold; } p { margin-top: 10px; margin-bottom: 5px; } a { color: #1982d1; text-decoration: none; } a:focus, a:active, a:hover { text-decoration: underline; } /* Включаемые области Битрикс - правильное обтекание при редактировании */ [id^=bx_incl_area] { display: initial; } /* Тело страницы - хост -#body_wrap */ #body_wrap { background-color: white; margin: 0.5em auto; max-width: 1100px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } /* Тело страницы : хост - отключение скруглений при ширине менее 768px */ @media (max-width:768px){ #body_wrap { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }} /* Заголовок страницы -#body_wrap-#page_header */ #page_header { padding: 10px 20px 0px 20px; background: white; border-top-left-radius: 5px; border-top-right-radius: 5px; } #page_header_logo { float: left; width: 200px; } #page_header_body { } #page_header_body h1 { -webkit-margin-before: 0.1em; font-size: 20px; font-weight: bold; margin: 0px; } #page_header_body span { -webkit-margin-before: 0.1em; font-size: 20px; font-weight: bold; margin: 0px; } #page_header_body_head { font-size: 22px; font-weight: bold; color: #558ED5; } #page_header_body_area { font-size: 17px; font-weight: bold; color: #558ED5; } #page_header_b_line { border-bottom: 2px solid #558ED5; padding-top: 5px; } #page_header_partners_logo { display: flex; } .page_header_partners_logo_img { padding-left: 35px; } /* Заголовок страницы - скрыть блок с логотипами партнёров при ширине менее 768px */ @media (max-width:768px){ #page_header_partners_logo { display: none; }} /* Заголовок страницы - убрать обтекание логотипа при ширине менее 600px */ @media (max-width:600px){ #page_header_logo { float: none; margin: 0 auto; }} /* Главное меню */ #menu_top { padding-top: 10px; padding-left: 40px; background-color: white; } #menu_top ul { font-size: 20px; } #menu_top li { margin-right: 5px; } #horizontal-multilevel-menu { background: white; } #horizontal-multilevel-menu ul { font-size: 17px; } #horizontal-multilevel-menu li a.root-item-selected { background: #684FBC; padding: 5px 33px; margin-bottom: 3px; font-weight: normal; } #horizontal-multilevel-menu li a.root-item { padding: 5px 33px; background: #4F81BD; margin-bottom: 3px; font-weight: normal; } #horizontal-multilevel-menu li:hover a.root-item, #horizontal-multilevel-menu li.jshover a.root-item{ background: #684FBC; color: #fff } /* Главное меню - более узкие расстояния в меню при ширине менее 768px */ @media (max-width:768px){ #menu_top { padding-left: 20px; } #menu_top li { margin-right: 5px; } #horizontal-multilevel-menu li a.root-item-selected { padding: 5px 10px; } #horizontal-multilevel-menu li a.root-item { padding: 5px 10px; } } /* Холст рабочей области -#body_wrap-#page_wrap */ #page_wrap { width: 100%; background-color: white; } /* Тело страницы - рабочая область -#body_wrap-#page_wrap-#page_work_area */ #page_work_area { padding: 0px 40px 10px 40px; } #page_work_area img.image_rubber { width: 100%; height: auto; } /* Тело страницы - рабочая область - более узкие поля при ширине менее 768px */ @media (max-width:768px){ #page_work_area { padding: 0px 20px 10px 20px; }} /* Подвал -#body_wrap-#page_footer */ #page_footer { width: 100%; background: #cbcbcb; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 10px; padding-bottom: 20px; margin-right: 20px; } /* Подвал - отключение скруглений при ширине менее 768px */ @media (max-width:768px){ #page_footer { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }} #page_footer_counters { float: left; width: 100px; margin: 17px 10px 10px 15px; } #page_footer_info-security { margin: 12px 0px 0px 150px; padding-left: 20px; padding-right: 20px; background: url(images/copyright.png) no-repeat 0 center; } #page_footer_info-security a { font-size: 13px; border-bottom: 1px solid black; text-decoration: none; color: black; } #page_footer_info-security a:hover { color: red; border-bottom: 1px solid red; } /* Элементы страниц - таблицы*/ .table-rubber { width: 100%; } .table-blue { border-collapse: collapse; } .table-blue th { font-size: 14pt; text-align: center; padding: 5px 10px 5px 10px ; border: 2px solid white; background-color: #4F81BD; color: white; } .table-blue td { font-size: 12pt; text-align: center; padding: 5px 10px 5px 10px ; border: 2px solid white !important; background-color: #E9EDF4; } .table-blue .td-align-left { text-align: left !important; } .table-blue-td { background-color: #4F81BD !important; color: white; } /* Элементы страниц - блоки текст картинка шахматно*/ .chess_block_right_img-left { float:left; width:48%; margin-top:10px; } .chess_block_right_img-right { float:right; width:50%; } .chess_block_left_img-left { float:left; width:50%; } .chess_block_left_img-right { float:right; width:48%; margin-top:10px; } /* Элементы страниц - блоки текст картинка шахматно - сменить обтекание и ширину блоков при ширине менее 768px */ @media (max-width:768px){ .chess_block_right_img-left, .chess_block_right_img-right, .chess_block_left_img-left, .chess_block_left_img-right { width:100%; }}