@font-face{ font-family: UbuntuLight; src: url('/resource/fonts/UbuntuLight.ttf'); } @font-face{ font-family: UbuntuRegular; src: url('/resource/fonts/UbuntuRegular.ttf'); } @font-face{ font-family: UbuntuMedium; src: url('/resource/fonts/UbuntuMedium.ttf'); } @font-face{ font-family: UbuntuBold; src: url('/resource/fonts/UbuntuBold.ttf'); } body{ margin: 0; padding: 0; background-color: #f4f4f4; } .header, .header_down{ width: 100%; height: 60px; background-color: #2980b9; box-shadow: 1px 1px 5px 0px rgba(0, 4, 2, 0.15); position: relative; z-index: 10; } .header_wrapper, .header_down_wrapper{ width: 1000px; padding-left: 15px; padding-right: 15px; margin: 0 auto; } .header_block{ display: inline-block; vertical-align: top; } .header_block > a{ display: block; height: 50px; overflow: hidden; padding-top: 5px; } .header_block > a > img{ max-height: 100%; } .header_information{ float: right; } .header_down{ height: 45px; box-shadow: none; z-index: 5; } .header_information > ul{ margin: 0; padding: 0; padding-top: 10px; } .header_information > ul > li{ display: inline-block; vertical-align: top; box-sizing: border-box; list-style: none; height: 45px; border-left: 1px solid rgba(0,0,0,0.1); color: white; font-family: UbuntuLight; padding-right: 15px; padding-left: 15px; font-size: 12px; padding-top: 5px; text-align: right; line-height: 17px; } .header_information > ul > li:last-child{ padding-right: 0; } .header_down_wrapper > ul{ margin: 0; padding: 0; } .header_down_wrapper > ul > a > li{ box-sizing: border-box; padding-top: 15px; height: 45px; display: inline-block; vertical-align: top; color: white; text-transform: uppercase; font-family: UbuntuLight; font-size: 13px; margin-right: 25px; } .header_down_wrapper > ul > a > li.active, .header_down_wrapper > ul > a > li:hover{ border-bottom: 2px solid rgba(255,255,255,0.75); } /* FOOTER */ .maps{ margin-top: 50px; width: 100%; height: 320px; overflow: hidden; } .footer{ width: 100%; height: 260px; background-color: #2980b9; overflow: hidden; } .footer_wrapper{ width: 1000px; height: 260px; margin: 0 auto; padding-top: 25px; } .footer_wrapper > ul{ display: inline-block; vertical-align: top; margin: 0; padding: 0; width: 235px; margin-right: 70px; } .footer_wrapper > ul > li, .footer_wrapper > ul > a > li{ color: white; font-size: 12px; font-family: UbuntuLight; list-style: none; line-height: 18px; text-align: justify; } .footer_wrapper > ul > li.art_date{ margin-top: 25px; } .footer_wrapper > ul > li.art_desc{ margin-top: 10px; } .footer_wrapper > ul:not(:nth-of-type(1)){ width: 130px; } .footer_wrapper > ul:not(:nth-of-type(1)) > li{ font-family: UbuntuMedium; font-size: 14px; margin-top: 25px; margin-bottom: 30px; } .footer_wrapper > ul:not(:nth-of-type(1)) > a > li{ line-height: 18px; } .footer_wrapper > ul:nth-of-type(n+3){ width: 170px; } .footer_wrapper > ul:nth-of-type(n+3) > li:nth-of-type(n+2){ font-family: UbuntuLight; text-align: left; font-size: 12px; margin: 0; } .footer_wrapper > ul > a{ text-decoration: none; color: inherit; } .footer_wrapper > ul > a > li:hover{ color: #FFBC00; } .footer_logo{ width: 240px; overflow: hidden; } .footer_logo > img{ max-width: 100%; } .show_message_ok, .show_message_error{ border-radius: 3px; background-color: #33ce74; border-bottom: 2px solid #2bbd68; width: 96%; height: 40px; margin-top: 20px; color: white; font-size: 13px; padding-top: 10px; text-align: center; box-sizing: border-box; } .show_message_error{ background-color: #e74c3c; border-bottom: 2px solid #c0392b; } .header-garland{ height: 60px; background: url('/resource/images/garland.png') repeat-x; -webkit-background-size: 350px; background-size: 350px; } .header_warning { text-align: center; height: 50px; vertical-align: middle; margin: 0 auto; background-color: #f1c40f; font-family: Ubuntu; font-size: 19px; line-height: 50px; }