#art-main {
    background: #DADFE1;
    background: -webkit-linear-gradient(top, #B3BDC2 0, #FFFFFF 250px) no-repeat;
    background: -moz-linear-gradient(top, #B3BDC2 0, #FFFFFF 250px) no-repeat;
    background: -o-linear-gradient(top, #B3BDC2 0, #FFFFFF 250px) no-repeat;
    background: -ms-linear-gradient(top, #B3BDC2 0, #FFFFFF 250px) no-repeat;
    background: linear-gradient(to bottom, #B3BDC2 0, #FFFFFF 250px) no-repeat;
    -svg-background: linear-gradient(top, #B3BDC2 0, #FFFFFF 250px) no-repeat;
    background-attachment: fixed !important;
    margin: 0 auto;
    font-size: 13px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    text-align: justify;
    position: relative;
    width: 100%;
    min-height: 100%;
    left: 0;
    top: 0;
    cursor: default;
    overflow: hidden;
}

table, ul.art-hmenu {
    font-size: 13px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    text-align: justify;
}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li {
    margin: 0;
    padding: 0;
}

.art-button {
    background: #F00008; /* Old browsers */
    background: -moz-linear-gradient(top, #F00008 0%, #A30005 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F00008), color-stop(100%, #A30005)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F00008 0%, #A30005 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #F00008 0%, #A30005 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #F00008 0%, #A30005 100%); /* IE10+ */
    background: linear-gradient(to bottom, #F00008 0%, #A30005 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F00008', endColorstr='#A30005', GradientType=0); /* IE6-9 */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #8E9EA4;
    padding: 0 6px;
    margin: 0 auto;
    height: 32px;
}

.art-postcontent, .art-postheadericons, .art-postfootericons, .art-blockcontent, ul.art-vmenu a {
    text-align: justify;
}

.art-postcontent, .art-postcontent li, .art-postcontent table, .art-postcontent a, .art-postcontent a:link, .art-postcontent a:visited, .art-postcontent a.visited, .art-postcontent a:hover, .art-postcontent a.hovered {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}

.art-postcontent p {
    margin: 12px 0;
}

.art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover, .art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover, .art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover, .art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover, .art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover, .art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover, .art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover, .art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover, .art-headline, .art-headline a, .art-headline a:link, .art-headline a:visited, .art-headline a:hover, .art-slogan, .art-slogan a, .art-slogan a:link, .art-slogan a:visited, .art-slogan a:hover, .art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover {
    font-size: 28px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    line-height: 120%;
}

.art-postcontent a, .art-postcontent a:link {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    color: #0000ff;
}

.art-postcontent a:visited, .art-postcontent a.visited {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    color: #0000ff;
}

.art-postcontent a:hover, .art-postcontent a.hover {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
    color: #06068A;
}

.art-postcontent h1 {
    color: #4D5B60;
    margin: 10px 0 0;
    font-size: 26px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-transform: uppercase;
}

.art-blockcontent h1 {
    margin: 10px 0 0;
    font-size: 26px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-transform: uppercase;
}

.art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:hover, .art-postcontent h1 a:visited, .art-blockcontent h1 a, .art-blockcontent h1 a:link, .art-blockcontent h1 a:hover, .art-blockcontent h1 a:visited {
    font-size: 26px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-transform: uppercase;
}

.art-postcontent h2 {
    color: #008DDC;
    margin: 10px 0 0;
    font-size: 22px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}

.art-blockcontent h2 {
    margin: 10px 0 0;
    font-size: 22px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}

.art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited, .art-blockcontent h2 a, .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover, .art-blockcontent h2 a:visited {
    font-size: 22px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}

.art-postcontent h3 {
    color: #64767D;
    margin: 10px 0 0;
    font-size: 18px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-transform: uppercase;
}

.art-blockcontent h3 {
    margin: 10px 0 0;
    font-size: 18px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-transform: uppercase;
}

.art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited {
    font-size: 18px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-transform: uppercase;
}

.art-postcontent h4 {
    color: #1E2325;
    margin: 10px 0 0;
    font-size: 16px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-transform: uppercase;
}

.art-blockcontent h4 {
    margin: 10px 0 0;
    font-size: 16px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-transform: uppercase;
}

.art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited {
    font-size: 16px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-transform: uppercase;
}

.art-postcontent h5 {
    color: #1E2325;
    margin: 10px 0 0;
    font-size: 14px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-transform: uppercase;
}

.art-blockcontent h5 {
    margin: 10px 0 0;
    font-size: 14px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-transform: uppercase;
}

.art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited {
    font-size: 14px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-transform: uppercase;
}

.art-postcontent h6 {
    color: #364044;
    margin: 10px 0 0;
    font-size: 13px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-transform: uppercase;
}

.art-blockcontent h6 {
    margin: 10px 0 0;
    font-size: 13px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-transform: uppercase;
}

.art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited {
    font-size: 13px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-transform: uppercase;
}

header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-hmenu a, .art-vmenu a, .art-slidenavigator > a, .art-checkbox:before, .art-radiobutton:before {
    -webkit-background-origin: border !important;
    -moz-background-origin: border !important;
    background-origin: border-box !important;
}

header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-slidenavigator > a, .art-checkbox:before, .art-radiobutton:before {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul {
    list-style-type: none;
}

ol {
    list-style-position: inside;
}

html, body {
    height: 100%;
}

/**
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * https://github.com/necolas/normalize.css
 */

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    padding: 0;
    margin: 0;
    min-width: 960px;
    color: #000080;
}

.art-header:before, #art-header-bg:before, .art-layout-cell:before, .art-layout-wrapper:before, .art-footer:before, .art-nav:before, #art-hmenu-bg:before, .art-sheet:before {
    width: 100%;
    content: " ";
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
}

.art-header:after, #art-header-bg:after, .art-layout-cell:after, .art-layout-wrapper:after, .art-footer:after, .art-nav:after, #art-hmenu-bg:after, .art-sheet:after, .cleared, .clearfix:after {
    clear: both;
    font: 0/0 serif;
    display: block;
    content: " ";
}

form {
    padding: 0 !important;
    margin: 0 !important;
}

table.position {
    position: relative;
    width: 100%;
    table-layout: fixed;
}

li h1, .art-postcontent li h1, .art-blockcontent li h1 {
    margin: 1px;
}

li h2, .art-postcontent li h2, .art-blockcontent li h2 {
    margin: 1px;
}

li h3, .art-postcontent li h3, .art-blockcontent li h3 {
    margin: 1px;
}

li h4, .art-postcontent li h4, .art-blockcontent li h4 {
    margin: 1px;
}

li h5, .art-postcontent li h5, .art-blockcontent li h5 {
    margin: 1px;
}

li h6, .art-postcontent li h6, .art-blockcontent li h6 {
    margin: 1px;
}

li p, .art-postcontent li p, .art-blockcontent li p {
    margin: 1px;
}

.art-shapes {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 0;
}

.art-slider-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.art-slidenavigator > a {
    display: inline-block;
    vertical-align: middle;
    outline-style: none;
    font-size: 1px;
}

.art-slidenavigator > a:last-child {
    margin-right: 0 !important;
}

.art-object0 {
    display: block;
    left: 0.13%;
    margin-left: 0px;
    position: absolute;
    top: 13px;
    width: 202px;
    height: 48px;
    background-image: url('../images/logo_meteomax.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    z-index: 0;
}

.default-responsive .art-object0 {
    margin-left: 20px;
}

.art-footer .layout-item-0 {
    padding: 0;
}

.ie7 .art-post .art-layout-cell {
    border: none !important;
    padding: 0 !important;
}

.ie6 .art-post .art-layout-cell {
    border: none !important;
    padding: 0 !important;
}

header.art-header {
    z-index: 9999;
}

.art-header {
    margin: 0 auto;
    background-repeat: no-repeat;
    height: 70px;
    position: relative;
    background-image: url('../images/header.png');
    background-position: center top;
}

.custom-responsive .art-header {
    background-image: url('../images/header.png');
    background-position: center top;
}

.default-responsive .art-header, .default-responsive #art-header-bg {
    background-image: url('../images/header.png');
    background-position: center center;
    background-size: cover;
}

.art-header-inner {
    position: relative;
    width: 960px;
    z-index: auto !important;
    margin: 0 auto;
}

.art-header > div.art-nostyle, .art-header > div.art-block, .art-header > div.art-post {
    position: absolute;
    z-index: 101;
}

.art-nav {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 3px 3px 0;
    position: absolute;
    margin: 0;
    bottom: 0;
    width: 100%;
    z-index: 100;
    text-align: right;
}

ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover {
    outline: none;
    position: relative;
    z-index: 11;
}

ul.art-hmenu, ul.art-hmenu ul {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
}

ul.art-hmenu li {
    position: relative;
    z-index: 5;
    display: block;
    float: left;
    background: none;
    margin: 0;
    padding: 0;
    border: 0;
}

ul.art-hmenu li:hover {
    z-index: 10000;
    white-space: normal;
}

ul.art-hmenu:after, ul.art-hmenu ul:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    clear: both;
}

ul.art-hmenu, ul.art-hmenu ul {
    min-height: 0;
}

ul.art-hmenu {
    display: inline-block;
    vertical-align: bottom;
    padding-left: 8px;
    padding-right: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.art-nav:before {
    content: ' ';
}

nav.art-nav {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.desktop .art-nav {
    width: 960px;
    padding-left: 3px;
    padding-right: 3px;
}

.art-hmenu-extra1 {
    position: relative;
    display: block;
    float: left;
    width: auto;
    height: auto;
    background-position: center;
}

.art-hmenu-extra2 {
    position: relative;
    display: block;
    float: right;
    width: auto;
    height: auto;
    background-position: center;
}

.art-hmenu {
    float: right;
}

.art-menuitemcontainer {
    margin: 0 auto;
}

ul.art-hmenu > li {
    margin-left: 9px;
}

ul.art-hmenu > li:first-child {
    margin-left: 4px;
}

ul.art-hmenu > li:last-child, ul.art-hmenu > li.last-child {
    margin-right: 4px;
}

ul.art-hmenu > li > a {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    padding: 0 8px;
    margin: 0 auto;
    position: relative;
    display: block;
    height: 32px;
    cursor: pointer;
    text-decoration: none;
    color: #DCEBD1;
    line-height: 32px;
    text-align: center;
}

.art-hmenu > li > a, .art-hmenu > li > a:link, .art-hmenu > li > a:visited, .art-hmenu > li > a.active, .art-hmenu > li > a:hover {
    font-size: 12px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: left;
}

ul.art-hmenu > li > a.active {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    padding: 0 8px;
    margin: 0 auto;
    color: #F1F7ED;
    text-decoration: none;
    border-left: 1px solid #AEE2FF;
    border-top: 1px solid #AEE2FF;
    border-right: 1px solid #AEE2FF;
}

ul.art-hmenu > li > a:visited, ul.art-hmenu > li > a:hover, ul.art-hmenu > li:hover > a {
    text-decoration: underline;
}

ul.art-hmenu > li > a:hover, .desktop ul.art-hmenu > li:hover > a {
    background: #FFFFFF;
    background: -webkit-linear-gradient(top, #B8C2C6 0, #FFFFFF 100%) no-repeat;
    background: -moz-linear-gradient(top, #B8C2C6 0, #FFFFFF 100%) no-repeat;
    background: -o-linear-gradient(top, #B8C2C6 0, #FFFFFF 100%) no-repeat;
    background: -ms-linear-gradient(top, #B8C2C6 0, #FFFFFF 100%) no-repeat;
    background: linear-gradient(to bottom, #B8C2C6 0, #FFFFFF 100%) no-repeat;
    -svg-background: linear-gradient(top, #B8C2C6 0, #FFFFFF 100%) no-repeat;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    padding: 0 8px;
    margin: 0 auto;
}

ul.art-hmenu > li > a:hover, .desktop ul.art-hmenu > li:hover > a {
    color: #5B6B71;
    text-decoration: none;
}

ul.art-hmenu > li:before {
    position: absolute;
    display: block;
    content: ' ';
    top: 0;
    left: -9px;
    width: 9px;
    height: 32px;
    background: url('../images/menuseparator.png') center center no-repeat;
}

ul.art-hmenu > li:first-child:before {
    display: none;
}

ul.art-hmenu li li a {
    background: #006CB7;
    background: -webkit-linear-gradient(top, #00508A 0, #0086E5 100%) no-repeat;
    background: -moz-linear-gradient(top, #00508A 0, #0086E5 100%) no-repeat;
    background: -o-linear-gradient(top, #00508A 0, #0086E5 100%) no-repeat;
    background: -ms-linear-gradient(top, #00508A 0, #0086E5 100%) no-repeat;
    background: linear-gradient(to bottom, #00508A 0, #0086E5 100%) no-repeat;
    -svg-background: linear-gradient(top, #00508A 0, #0086E5 100%) no-repeat;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 8px;
    margin: 0 auto;
}

ul.art-hmenu li li {
    float: none;
    width: auto;
    margin-top: 2px;
    margin-bottom: 2px;
}

.desktop ul.art-hmenu li li ul > li:first-child {
    margin-top: 0;
}

ul.art-hmenu li li ul > li:last-child {
    margin-bottom: 0;
}

.art-hmenu ul a {
    display: block;
    white-space: nowrap;
    height: 30px;
    min-width: 7em;
    border: 0 solid transparent;
    text-align: left;
    line-height: 30px;
    color: #E1EED8;
    font-size: 18px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    margin: 0;
}

.art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a.active, .art-hmenu ul a:hover {
    text-align: left;
    line-height: 30px;
    color: #E1EED8;
    font-size: 12px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    margin: 0;
}

ul.art-hmenu ul li a:hover, .desktop ul.art-hmenu ul li:hover > a {
    background: #FFFFFF;
    background: -webkit-linear-gradient(top, #D5DBDD 0, #FFFFFF 100%) no-repeat;
    background: -moz-linear-gradient(top, #D5DBDD 0, #FFFFFF 100%) no-repeat;
    background: -o-linear-gradient(top, #D5DBDD 0, #FFFFFF 100%) no-repeat;
    background: -ms-linear-gradient(top, #D5DBDD 0, #FFFFFF 100%) no-repeat;
    background: linear-gradient(to bottom, #D5DBDD 0, #FFFFFF 100%) no-repeat;
    -svg-background: linear-gradient(top, #D5DBDD 0, #FFFFFF 100%) no-repeat;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 auto;
}

.art-hmenu ul a:hover {
    text-decoration: none;
    color: #343D41;
}

.desktop .art-hmenu ul li:hover > a {
    color: #343D41;
}

ul.art-hmenu ul:before {
    background: #82BEDE;
    background: transparent;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 auto;
    display: block;
    position: absolute;
    content: ' ';
    z-index: 1;
}

.desktop ul.art-hmenu li:hover > ul {
    visibility: visible;
    top: 100%;
}

.desktop ul.art-hmenu li li:hover > ul {
    top: 0;
    left: 100%;
}

ul.art-hmenu ul {
    visibility: hidden;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    background-image: url('../images/spacer.gif');
}

.desktop ul.art-hmenu > li > ul {
    padding: 11px 31px 31px 31px;
    margin: -10px 0 0 -30px;
}

.desktop ul.art-hmenu ul ul {
    padding: 31px 31px 31px 12px;
    margin: -31px 0 0 -9px;
}

.desktop ul.art-hmenu ul.art-hmenu-left-to-right {
    right: auto;
    left: 0;
    margin: -10px 0 0 -30px;
}

.desktop ul.art-hmenu ul.art-hmenu-right-to-left {
    left: auto;
    right: 0;
    margin: -10px -30px 0 0;
}

.desktop ul.art-hmenu li li:hover > ul.art-hmenu-left-to-right {
    right: auto;
    left: 100%;
}

.desktop ul.art-hmenu li li:hover > ul.art-hmenu-right-to-left {
    left: auto;
    right: 100%;
}

.desktop ul.art-hmenu ul ul.art-hmenu-left-to-right {
    right: auto;
    left: 0;
    padding: 31px 31px 31px 12px;
    margin: -31px 0 0 -9px;
}

.desktop ul.art-hmenu ul ul.art-hmenu-right-to-left {
    left: auto;
    right: 0;
    padding: 31px 12px 31px 31px;
    margin: -31px -9px 0 0;
}

.desktop ul.art-hmenu li ul > li:first-child {
    margin-top: 0;
}

.desktop ul.art-hmenu li ul > li:last-child {
    margin-bottom: 0;
}

.desktop ul.art-hmenu ul ul:before {
    border-radius: 3px;
    top: 30px;
    bottom: 30px;
    right: 30px;
    left: 11px;
}

.desktop ul.art-hmenu > li > ul:before {
    top: 10px;
    right: 30px;
    bottom: 30px;
    left: 30px;
}

.desktop ul.art-hmenu > li > ul.art-hmenu-left-to-right:before {
    right: 30px;
    left: 30px;
}

.desktop ul.art-hmenu > li > ul.art-hmenu-right-to-left:before {
    right: 30px;
    left: 30px;
}

.desktop ul.art-hmenu ul ul.art-hmenu-left-to-right:before {
    right: 30px;
    left: 11px;
}

.desktop ul.art-hmenu ul ul.art-hmenu-right-to-left:before {
    right: 11px;
    left: 30px;
}

.art-sheet {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin: 1px auto 0;
    position: relative;
    cursor: auto;
    width: 960px;
    z-index: auto !important;
}

.art-layout-wrapper {
    position: relative;
    margin: 0 auto 0 auto;
    z-index: auto !important;
}

.art-content-layout {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.art-content-layout-row {
    display: table-row;
}

.art-layout-cell {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: top;
}

.art-postcontent .art-content-layout {
    border-collapse: collapse;
}

.art-vmenublock {
    margin: 7px;
}

div.art-vmenublock img {
    margin: 0;
}

.art-vmenublockheader {
    background: #679843;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #5B6B71;
    padding: 10px 0;
    margin: 0 auto 2px;
}

.art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover {
    color: #DCEBD1;
    font-size: 14px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    margin: 0 10px;
}

.art-vmenublockheader .t:before {
    content: url('../images/vmenublockheadericon.png');
    margin-right: 6px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}

.opera .art-vmenublockheader .t:before {
    bottom: 0;
}

.art-vmenublockcontent {
    background: #D2D8DB;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #BBC5C9;
    margin: 0 auto;
}

ul.art-vmenu, ul.art-vmenu ul {
    list-style: none;
    display: block;
}

ul.art-vmenu, ul.art-vmenu li {
    display: block;
    margin: 0;
    padding: 0;
    width: auto;
    line-height: 0;
}

ul.art-vmenu {
    margin-top: 0;
    margin-bottom: 0;
}

ul.art-vmenu ul {
    display: none;
    margin: 0;
    padding: 0;
    position: relative;
}

ul.art-vmenu ul.active {
    display: block;
}

ul.art-vmenu > li > a {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 0 10px;
    margin: 0 auto;
    font-size: 12px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase;
    color: #4B585D;
    min-height: 36px;
    line-height: 36px;
}

ul.art-vmenu a {
    display: block;
    cursor: pointer;
    z-index: 1;
    position: relative;
}

ul.art-vmenu li {
    position: relative;
}

ul.art-vmenu > li {
    margin-top: 2px;
}

ul.art-vmenu > li > ul {
    padding: 0;
    margin-top: 2px;
    margin-bottom: 2px;
}

ul.art-vmenu > li:first-child {
    margin-top: 0;
}

ul.art-vmenu > li > a:hover, ul.art-vmenu > li > a.active:hover {
    background: #56A7D2;
    padding: 0 10px;
    margin: 0 auto;
}

ul.art-vmenu > li > a:hover, ul.art-vmenu > li > a.active:hover {
    text-decoration: underline;
}

ul.art-vmenu a:hover, ul.art-vmenu a.active:hover {
    color: #364044;
}

ul.art-vmenu > li > a.active:hover > span.border-top, ul.art-vmenu > li > a.active:hover > span.border-bottom {
    background-color: transparent;
}

ul.art-vmenu > li > a.active {
    padding: 0 10px;
    margin: 0 auto;
    text-decoration: none;
    color: #236385;
}

ul.art-vmenu > li > ul:before {
    background: #E8ECED;
    background: transparent;
    margin: 0 auto;
    display: block;
    position: absolute;
    content: ' ';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

ul.art-vmenu li li a {
    margin: 0 auto;
    position: relative;
}

ul.art-vmenu ul li {
    margin: 0;
    padding: 0;
}

ul.art-vmenu li li {
    position: relative;
    margin-top: 0;
}

ul.art-vmenu ul a {
    display: block;
    position: relative;
    min-height: 34px;
    overflow: visible;
    padding: 0;
    padding-left: 15px;
    padding-right: 15px;
    z-index: 0;
    line-height: 34px;
    color: #4B585D;
    font-size: 11px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    margin-left: 0;
    margin-right: 0;
}

ul.art-vmenu ul a:visited, ul.art-vmenu ul a.active:hover, ul.art-vmenu ul a:hover, ul.art-vmenu ul a.active {
    line-height: 34px;
    color: #4B585D;
    font-size: 11px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    margin-left: 0;
    margin-right: 0;
}

ul.art-vmenu ul ul a {
    padding-left: 30px;
}

ul.art-vmenu ul ul ul a {
    padding-left: 45px;
}

ul.art-vmenu ul ul ul ul a {
    padding-left: 60px;
}

ul.art-vmenu ul ul ul ul ul a {
    padding-left: 75px;
}

ul.art-vmenu li li a:before {
    content: url('../images/vmenusubitemicon.png');
    margin-right: 10px;
    bottom: 1px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}

.opera ul.art-vmenu li li a:before {
    bottom: 0;
}

ul.art-vmenu ul > li > a:hover, ul.art-vmenu ul > li > a.active:hover {
    background: #82BEDE;
    background: rgba(130, 190, 222, 0.4);
    margin: 0 auto;
}

ul.art-vmenu ul li a:hover, ul.art-vmenu ul li a.active:hover {
    text-decoration: underline;
    color: #3390C1;
}

ul.art-vmenu ul a:hover:after {
    background-position: center;
}

ul.art-vmenu ul a.active:hover:after {
    background-position: center;
}

ul.art-vmenu ul a.active:after {
    background-position: bottom;
}

ul.art-vmenu li li a:hover:before {
    content: url('../images/vmenuhoveredsubitemicon.png');
    margin-right: 10px;
    bottom: 1px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}

.opera ul.art-vmenu li li a:hover:before {
    bottom: 0;
}

ul.art-vmenu ul > li > a.active {
    background: #A4B1B6;
    background: rgba(164, 177, 182, 0.4);
    margin: 0 auto;
}

ul.art-vmenu ul a.active, ul.art-vmenu ul a:hover, ul.art-vmenu ul a.active:hover {
    text-decoration: none;
    color: #205A79;
}

ul.art-vmenu li li a.active:before {
    content: url('../images/vmenuactivesubitemicon.png');
    margin-right: 10px;
    bottom: 1px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}

.opera ul.art-vmenu li li a.active:before {
    bottom: 0;
}

.art-block {
    background: #007CD2 url('../images/block.png') scroll;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 5px;
    margin: 7px;
}

div.art-block img {
    border: 1px solid #8E9EA4;
    margin: 7px;
}

.art-blockheader {
    padding: 10px 3px;
    margin: 0 auto;
}

.art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover {
    color: #CFE6F2;
    font-size: 14px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    margin: 0 10px;
}

.art-blockheader .t:before {
    content: url('../images/blockheadericon.png');
    margin-right: 6px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}

.opera .art-blockheader .t:before {
    bottom: 0;
}
.art-blockheader .t > .e {
    text-transform: none;
    cursor: pointer;
}
.art-blockheader .t > .f {
    text-transform: none;
}
.art-blockcontent {
    padding: 3px;
    margin: 0 auto;
    color: #AEE2FF;
    font-size: 12px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-align: justify;
}

.art-blockcontent table, .art-blockcontent li, .art-blockcontent a, .art-blockcontent a:link, .art-blockcontent a:visited, .art-blockcontent a:hover {
    color: #AEE2FF;
    font-size: 12px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-align: justify;
}

.art-blockcontent p {
    margin: 0 5px;
}

.art-blockcontent a, .art-blockcontent a:link {
    color: #AEE2FF;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}

.art-blockcontent a:visited, .art-blockcontent a.visited {
    color: #AEE2FF;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-decoration: none;
}

.art-blockcontent a:hover, .art-blockcontent a.hover {
    color: #AEE2FF;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
}

.art-block ul > li:before {
    content: url('../images/blockbullets.png');
    margin-right: 6px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    margin-left: -9px;
}

.opera .art-block ul > li:before {
    bottom: 0;
}

.art-block li {
    font-size: 13px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-align: justify;
    line-height: 125%;
    color: #070808;
    margin: 5px 0 0 10px;
}

.art-block ul > li, .art-block ol {
    padding: 0;
}

.art-block ul > li {
    padding-left: 9px;
}

.art-breadcrumbs {
    margin: 0 auto;
}

a.art-button, a.art-button:link, a:link.art-button:link, body a.art-button:link, a.art-button:visited, body a.art-button:visited, input.art-button, button.art-button {
    text-decoration: none;
    font-size: 12px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    color: #DDE2E4;
    margin: 0 5px 0 0 !important;
    overflow: visible;
    cursor: pointer;
    text-indent: 0;
    line-height: 18px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.art-button img {
    margin: 0;
    vertical-align: middle;
}

.firefox2 .art-button {
    display: block;
    float: left;
}

input, select, textarea, a.art-search-button span {
    vertical-align: middle;
    font-size: 12px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
}

.art-block select {
    width: 96%;
}

input.art-button {
    float: none !important;
    -webkit-appearance: none;
}

.art-button.active, .art-button.active:hover {
    background: #A30005;
    color: #DDE2E4 !important;
}

.art-button.hover, .art-button:hover {
    background: #A30005;
    color: #CFE6F2 !important;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="tel"], input[type="time"], input[type="week"], textarea, select {
    background: #FFFFFF;
    border: 1px solid #5DC5FF;
    margin: 0 auto;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="tel"], input[type="time"], input[type="week"], textarea, select {
    width: auto;
    padding: 2px 0;
    color: #000080 !important;
    font-size: 12px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    text-shadow: none;
}

input.art-error, textarea.art-error {
    background: #F9FAFB;
    border: 1px solid #E2341D;
    margin: 0 auto;
}

input.art-error, textarea.art-error {
    color: #226081 !important;
    font-size: 13px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
}

form.art-search input[type="text"] {
    background: #FFFFFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #A4B1B6;
    margin: 0 auto;
    width: 100%;
    padding: 6px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #242B2D !important;
    font-size: 13px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
}

form.art-search {
    background-image: none;
    border: 0;
    display: block;
    position: relative;
    top: 0;
    padding: 0;
    margin: 5px;
    left: 0;
    line-height: 0;
    width: 150px;
}

form.art-search input, a.art-search-button {
    -webkit-appearance: none;
    top: 0;
    right: 0;
}

form.art-search > input, a.art-search-button {
    bottom: 0;
    left: 0;
    vertical-align: middle;
}

form.art-search input[type="submit"], input.art-search-button, a.art-search-button {
    border-radius: 0;
    margin: 0 auto;
}

form.art-search input[type="submit"], input.art-search-button, a.art-search-button {
    position: absolute;
    left: auto;
    display: block;
    border: none;
    background: url('../images/searchicon.png') center center no-repeat;
    width: 24px;
    height: 100%;
    padding: 0;
    color: #FFFFFF !important;
    cursor: pointer;
}

a.art-search-button span.art-search-button-text {
    display: none;
}

label.art-checkbox:before {
    background: #FFFFFF;
    background: -webkit-linear-gradient(top, #D2D8DB 0, #F1F3F4 40%, #F4F5F6 50%, #F4F5F6 100%) no-repeat;
    background: -moz-linear-gradient(top, #D2D8DB 0, #F1F3F4 40%, #F4F5F6 50%, #F4F5F6 100%) no-repeat;
    background: -o-linear-gradient(top, #D2D8DB 0, #F1F3F4 40%, #F4F5F6 50%, #F4F5F6 100%) no-repeat;
    background: -ms-linear-gradient(top, #D2D8DB 0, #F1F3F4 40%, #F4F5F6 50%, #F4F5F6 100%) no-repeat;
    background: linear-gradient(to bottom, #D2D8DB 0, #F1F3F4 40%, #F4F5F6 50%, #F4F5F6 100%) no-repeat;
    -svg-background: linear-gradient(top, #D2D8DB 0, #F1F3F4 40%, #F4F5F6 50%, #F4F5F6 100%) no-repeat;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
    border: 1px solid #A4B1B6;
    margin: 0 auto;
    width: 24px;
    height: 24px;
}

label.art-checkbox {
    cursor: pointer;
    font-size: 13px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    line-height: 24px;
    display: inline-block;
    color: #1E2325 !important;
}

.art-checkbox > input[type="checkbox"] {
    margin: 0 5px 0 0;
}

label.art-checkbox.active:before {
    background: #56A7D2;
    background: -webkit-linear-gradient(top, #429CCD 0, #62ADD5 40%, #66AFD6 50%, #66AFD6 100%) no-repeat;
    background: -moz-linear-gradient(top, #429CCD 0, #62ADD5 40%, #66AFD6 50%, #66AFD6 100%) no-repeat;
    background: -o-linear-gradient(top, #429CCD 0, #62ADD5 40%, #66AFD6 50%, #66AFD6 100%) no-repeat;
    background: -ms-linear-gradient(top, #429CCD 0, #62ADD5 40%, #66AFD6 50%, #66AFD6 100%) no-repeat;
    background: linear-gradient(to bottom, #429CCD 0, #62ADD5 40%, #66AFD6 50%, #66AFD6 100%) no-repeat;
    -svg-background: linear-gradient(top, #429CCD 0, #62ADD5 40%, #66AFD6 50%, #66AFD6 100%) no-repeat;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
    border: 1px solid #8E9EA4;
    margin: 0 auto;
    width: 24px;
    height: 24px;
    display: inline-block;
}

label.art-checkbox.hovered:before {
    background: #56A7D2;
    background: -webkit-linear-gradient(top, #429CCD 0, #62ADD5 40%, #66AFD6 50%, #66AFD6 100%) no-repeat;
    background: -moz-linear-gradient(top, #429CCD 0, #62ADD5 40%, #66AFD6 50%, #66AFD6 100%) no-repeat;
    background: -o-linear-gradient(top, #429CCD 0, #62ADD5 40%, #66AFD6 50%, #66AFD6 100%) no-repeat;
    background: -ms-linear-gradient(top, #429CCD 0, #62ADD5 40%, #66AFD6 50%, #66AFD6 100%) no-repeat;
    background: linear-gradient(to bottom, #429CCD 0, #62ADD5 40%, #66AFD6 50%, #66AFD6 100%) no-repeat;
    -svg-background: linear-gradient(top, #429CCD 0, #62ADD5 40%, #66AFD6 50%, #66AFD6 100%) no-repeat;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
    border: 1px solid #328DBD;
    margin: 0 auto;
    width: 24px;
    height: 24px;
    display: inline-block;
}

label.art-radiobutton:before {
    background: #FFFFFF;
    background: -webkit-linear-gradient(top, #D2D8DB 0, #F1F3F4 40%, #F4F5F6 50%, #F4F5F6 100%) no-repeat;
    background: -moz-linear-gradient(top, #D2D8DB 0, #F1F3F4 40%, #F4F5F6 50%, #F4F5F6 100%) no-repeat;
    background: -o-linear-gradient(top, #D2D8DB 0, #F1F3F4 40%, #F4F5F6 50%, #F4F5F6 100%) no-repeat;
    background: -ms-linear-gradient(top, #D2D8DB 0, #F1F3F4 40%, #F4F5F6 50%, #F4F5F6 100%) no-repeat;
    background: linear-gradient(to bottom, #D2D8DB 0, #F1F3F4 40%, #F4F5F6 50%, #F4F5F6 100%) no-repeat;
    -svg-background: linear-gradient(top, #D2D8DB 0, #F1F3F4 40%, #F4F5F6 50%, #F4F5F6 100%) no-repeat;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
    border: 1px solid #A4B1B6;
    margin: 0 auto;
    width: 12px;
    height: 12px;
}

label.art-radiobutton {
    cursor: pointer;
    font-size: 13px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    line-height: 12px;
    display: inline-block;
    color: #1E2325 !important;
}

.art-radiobutton > input[type="radio"] {
    vertical-align: baseline;
    margin: 0 5px 0 0;
}

label.art-radiobutton.active:before {
    background: #56A7D2;
    background: -webkit-linear-gradient(top, #429CCD 0, #62ADD5 40%, #66AFD6 50%, #66AFD6 100%) no-repeat;
    background: -moz-linear-gradient(top, #429CCD 0, #62ADD5 40%, #66AFD6 50%, #66AFD6 100%) no-repeat;
    background: -o-linear-gradient(top, #429CCD 0, #62ADD5 40%, #66AFD6 50%, #66AFD6 100%) no-repeat;
    background: -ms-linear-gradient(top, #429CCD 0, #62ADD5 40%, #66AFD6 50%, #66AFD6 100%) no-repeat;
    background: linear-gradient(to bottom, #429CCD 0, #62ADD5 40%, #66AFD6 50%, #66AFD6 100%) no-repeat;
    -svg-background: linear-gradient(top, #429CCD 0, #62ADD5 40%, #66AFD6 50%, #66AFD6 100%) no-repeat;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
    border: 1px solid #8E9EA4;
    margin: 0 auto;
    width: 12px;
    height: 12px;
    display: inline-block;
}

label.art-radiobutton.hovered:before {
    background: #56A7D2;
    background: -webkit-linear-gradient(top, #429CCD 0, #62ADD5 40%, #66AFD6 50%, #66AFD6 100%) no-repeat;
    background: -moz-linear-gradient(top, #429CCD 0, #62ADD5 40%, #66AFD6 50%, #66AFD6 100%) no-repeat;
    background: -o-linear-gradient(top, #429CCD 0, #62ADD5 40%, #66AFD6 50%, #66AFD6 100%) no-repeat;
    background: -ms-linear-gradient(top, #429CCD 0, #62ADD5 40%, #66AFD6 50%, #66AFD6 100%) no-repeat;
    background: linear-gradient(to bottom, #429CCD 0, #62ADD5 40%, #66AFD6 50%, #66AFD6 100%) no-repeat;
    -svg-background: linear-gradient(top, #429CCD 0, #62ADD5 40%, #66AFD6 50%, #66AFD6 100%) no-repeat;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
    border: 1px solid #328DBD;
    margin: 0 auto;
    width: 12px;
    height: 12px;
    display: inline-block;
}

.art-comments {
    border-top: 1px dotted #85B95F;
    margin: 0 auto;
    margin-top: 25px;
}

.art-comments h2 {
    color: #1F2E14;
}

.art-comment-inner {
    background: #E2E8EE;
    background: transparent;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 5px;
    margin: 0 auto;
    margin-left: 94px;
}

.art-comment-avatar {
    float: left;
    width: 80px;
    height: 80px;
    padding: 1px;
    background: #fff;
    border: 1px solid #E2E8EE;
}

.art-comment-avatar > img {
    margin: 0 !important;
    border: none !important;
}

.art-comment-content {
    padding: 10px 0;
    color: #14394D;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}

.art-comment {
    margin-top: 6px;
}

.art-comment:first-child {
    margin-top: 0;
}

.art-comment-header {
    color: #1F2E14;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    line-height: 100%;
}

.art-comment-header a, .art-comment-header a:link, .art-comment-header a:visited, .art-comment-header a.visited, .art-comment-header a:hover, .art-comment-header a.hovered {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    line-height: 100%;
}

.art-comment-header a, .art-comment-header a:link {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    color: #649541;
}

.art-comment-header a:visited, .art-comment-header a.visited {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    color: #649541;
}

.art-comment-header a:hover, .art-comment-header a.hovered {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    color: #649541;
}

.art-comment-content a, .art-comment-content a:link, .art-comment-content a:visited, .art-comment-content a.visited, .art-comment-content a:hover, .art-comment-content a.hovered {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}

.art-comment-content a, .art-comment-content a:link {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    color: #4B585D;
}

.art-comment-content a:visited, .art-comment-content a.visited {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    color: #1C4E69;
}

.art-comment-content a:hover, .art-comment-content a.hovered {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    color: #4B585D;
}

.art-pager {
    background: #EFF2F5;
    background: -webkit-linear-gradient(top, #FFFFFF 0, #93A8BE 100%) no-repeat;
    background: -moz-linear-gradient(top, #FFFFFF 0, #93A8BE 100%) no-repeat;
    background: -o-linear-gradient(top, #FFFFFF 0, #93A8BE 100%) no-repeat;
    background: -ms-linear-gradient(top, #FFFFFF 0, #93A8BE 100%) no-repeat;
    background: linear-gradient(to bottom, #FFFFFF 0, #93A8BE 100%) no-repeat;
    -svg-background: linear-gradient(top, #FFFFFF 0, #93A8BE 100%) no-repeat;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #85B95F;
    padding: 5px;
}

.art-pager > *:last-child {
    margin-right: 0 !important;
}

.art-pager > span {
    cursor: default;
}

.art-pager > * {
    background: #D1E5C3;
    background: -webkit-linear-gradient(top, #FCFDFB 0, #A3CA86 100%) no-repeat;
    background: -moz-linear-gradient(top, #FCFDFB 0, #A3CA86 100%) no-repeat;
    background: -o-linear-gradient(top, #FCFDFB 0, #A3CA86 100%) no-repeat;
    background: -ms-linear-gradient(top, #FCFDFB 0, #A3CA86 100%) no-repeat;
    background: linear-gradient(to bottom, #FCFDFB 0, #A3CA86 100%) no-repeat;
    -svg-background: linear-gradient(top, #FCFDFB 0, #A3CA86 100%) no-repeat;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #D1E5C3;
    padding: 7px;
    margin: 0 4px 0 auto;
    line-height: normal;
    position: relative;
    display: inline-block;
    margin-left: 0;
}

.art-pager a:link, .art-pager a:visited, .art-pager .active {
    line-height: normal;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    color: #1D2B13;
}

.art-pager .active {
    background: #B6BFC9;
    background: -webkit-linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;
    background: -moz-linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;
    background: -o-linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;
    background: -ms-linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;
    background: linear-gradient(to bottom, #E5E8EB 0, #8796A6 100%) no-repeat;
    -svg-background: linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;
    border: 1px solid #D1E5C3;
    padding: 7px;
    margin: 0 4px 0 auto;
    color: #FFFFFF;
}

.art-pager .more {
    background: #D1E5C3;
    background: -webkit-linear-gradient(top, #FCFDFB 0, #A3CA86 100%) no-repeat;
    background: -moz-linear-gradient(top, #FCFDFB 0, #A3CA86 100%) no-repeat;
    background: -o-linear-gradient(top, #FCFDFB 0, #A3CA86 100%) no-repeat;
    background: -ms-linear-gradient(top, #FCFDFB 0, #A3CA86 100%) no-repeat;
    background: linear-gradient(to bottom, #FCFDFB 0, #A3CA86 100%) no-repeat;
    -svg-background: linear-gradient(top, #FCFDFB 0, #A3CA86 100%) no-repeat;
    border: 1px solid #D1E5C3;
    margin: 0 4px 0 auto;
}

.art-pager a.more:link, .art-pager a.more:visited {
    color: #1B2022;
}

.art-pager a:hover {
    background: #A5CC8A;
    background: -webkit-linear-gradient(top, #CEE3BF 0, #7AB351 100%) no-repeat;
    background: -moz-linear-gradient(top, #CEE3BF 0, #7AB351 100%) no-repeat;
    background: -o-linear-gradient(top, #CEE3BF 0, #7AB351 100%) no-repeat;
    background: -ms-linear-gradient(top, #CEE3BF 0, #7AB351 100%) no-repeat;
    background: linear-gradient(to bottom, #CEE3BF 0, #7AB351 100%) no-repeat;
    -svg-background: linear-gradient(top, #CEE3BF 0, #7AB351 100%) no-repeat;
    border: 1px solid #D1E5C3;
    padding: 7px;
    margin: 0 4px 0 auto;
}

.art-pager a:hover, .art-pager a.more:hover {
    color: #1D2B13;
}

.art-pager > *:after {
    margin: 0 0 0 auto;
    display: inline-block;
    position: absolute;
    content: ' ';
    top: 0;
    width: 0;
    height: 100%;
    right: 0;
    text-decoration: none;
}

.art-pager > *:last-child:after {
    display: none;
}

.art-commentsform {
    background: #E2E8EE;
    background: transparent;
    padding: 10px;
    margin: 0 auto;
    margin-top: 25px;
    color: #1F2E14;
}

.art-commentsform h2 {
    padding-bottom: 10px;
    margin: 0;
    color: #1F2E14;
}

.art-commentsform label {
    display: inline-block;
    line-height: 25px;
}

.art-commentsform input:not([type=submit]), .art-commentsform textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}

.art-commentsform .form-submit {
    margin-top: 10px;
}

.art-post {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 2px solid rgba(142, 158, 164, 0.2);
    padding: 3px;
}

a img {
    border: 0;
}

.art-article img, img.art-article, .art-block img, .art-footer img {
    margin: 5px 5px 5px 5px;
}

.art-metadata-icons img {
    border: none;
    vertical-align: middle;
    margin: 2px;
}

.art-article table, table.art-article {
    border-collapse: collapse;
    margin: 1px;
}

.art-post .art-content-layout-br {
    height: 0;
}

.art-article th, .art-article td {
    padding: 2px;
    border: dashed 1px #8E9EA4;
    vertical-align: top;
    text-align: left;
}

.art-article th {
    text-align: center;
    vertical-align: middle;
    padding: 7px;
}

pre {
    overflow: auto;
    padding: 0.1em;
}

.preview-cms-logo {
    border: 0;
    margin: 1em 1em 0 0;
    float: left;
}

.image-caption-wrapper {
    padding: 5px 5px 5px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.image-caption-wrapper img {
    margin: 0 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.image-caption-wrapper div.art-collage {
    margin: 0 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.image-caption-wrapper p {
    font-size: 80%;
    text-align: right;
    margin: 0;
}

.art-postmetadataheader {
    border-bottom: 1px solid #A4B1B6;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    padding: 1px;
}

.art-postheader {
    color: #008DDC;
    margin-top: 5px;
    font-size: 24px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
}

.art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a.visited, .art-postheader a:hover, .art-postheader a.hovered {
    font-size: 24px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
}

.art-postheader a, .art-postheader a:link {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-align: left;
    color: #297299;
}

.art-postheader a:visited, .art-postheader a.visited {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    color: #687B82;
}

.art-postheader a:hover, .art-postheader a.hovered {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
    color: #469ECE;
}

.art-postheadericons, .art-postheadericons a, .art-postheadericons a:link, .art-postheadericons a:visited, .art-postheadericons a:hover {
    font-size: 11px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    color: #3B454A;
}

.art-postheadericons {
    padding: 1px;
}

.art-postheadericons a, .art-postheadericons a:link {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    color: #141819;
}

.art-postheadericons a:visited, .art-postheadericons a.visited {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    color: #424D52;
}

.art-postheadericons a:hover, .art-postheadericons a.hover {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
    color: #2A759D;
}

.art-postdateicon:before {
    content: url('../images/postdateicon.png');
    margin-right: 6px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    bottom: auto;
}

.opera .art-postdateicon:before {
    bottom: 0;
}

.art-postauthoricon:before {
    content: url('../images/postauthoricon.png');
    margin-right: 6px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    bottom: auto;
}

.opera .art-postauthoricon:before {
    bottom: 0;
}

.art-postpdficon:before {
    content: url('../images/system/pdf_button.png');
    margin-right: 6px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    bottom: auto;
}

.opera .art-postpdficon:before {
    bottom: 0;
}

.art-postprinticon:before {
    content: url('../images/system/printButton.png');
    margin-right: 6px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    bottom: auto;
}

.opera .art-postprinticon:before {
    bottom: 0;
}

.art-postemailicon:before {
    content: url('../images/system/emailButton.png');
    margin-right: 6px;
    bottom: 1px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}

.opera .art-postemailicon:before {
    bottom: 0;
}

.art-postediticon:before {
    content: url('../images/system/edit.png');
    margin-right: 6px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    bottom: auto;
}

.opera .art-postediticon:before {
    bottom: 0;
}

.art-postcontent ul > li:before, .art-post ul > li:before, .art-textblock ul > li:before {
    content: url('../images/postbullets.png');
    margin-right: 6px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}

.opera .art-postcontent ul > li:before, .opera .art-post ul > li:before, .opera .art-textblock ul > li:before {
    bottom: 0;
}

.art-postcontent li, .art-post li, .art-textblock li {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-align: justify;
    color: #2B3336;
    margin: 5px 0 0 11px;
}

.art-postcontent ul > li, .art-post ul > li, .art-textblock ul > li, .art-postcontent ol, .art-post ol, .art-textblock ol {
    padding: 0;
}

.art-postcontent ul > li, .art-post ul > li, .art-textblock ul > li {
    padding-left: 16px;
}

.art-postcontent ul > li:before, .art-post ul > li:before, .art-textblock ul > li:before {
    margin-left: -16px;
}

.art-postcontent ol, .art-post ol, .art-textblock ol, .art-postcontent ul, .art-post ul, .art-textblock ul {
    margin: 1em 0 1em 11px;
}

.art-postcontent li ol, .art-post li ol, .art-textblock li ol, .art-postcontent li ul, .art-post li ul, .art-textblock li ul {
    margin: 0.5em 0 0.5em 11px;
}

.art-postcontent li, .art-post li, .art-textblock li {
    margin: 5px 0 0 0;
}

.art-postcontent ol > li, .art-post ol > li, .art-textblock ol > li {
    overflow: visible;
}

.art-postcontent ul > li, .art-post ul > li, .art-textblock ul > li {
    overflow-x: visible;
    overflow-y: hidden;
}

blockquote {
    background: #BBC5C9 url('../images/postquote.png') no-repeat scroll;
    border: 1px dashed #A4B1B6;
    padding: 6px 6px 6px 34px;
    margin: 0 0 0 10px;
    color: #050F14;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: italic;
    text-align: justify;
    overflow: auto;
    clear: both;
}

blockquote a, .art-postcontent blockquote a, .art-blockcontent blockquote a, .art-footer blockquote a, blockquote a:link, .art-postcontent blockquote a:link, .art-blockcontent blockquote a:link, .art-footer blockquote a:link, blockquote a:visited, .art-postcontent blockquote a:visited, .art-blockcontent blockquote a:visited, .art-footer blockquote a:visited, blockquote a:hover, .art-postcontent blockquote a:hover, .art-blockcontent blockquote a:hover, .art-footer blockquote a:hover {
    color: #050F14;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: italic;
    text-align: justify;
}

blockquote p, .art-postcontent blockquote p, .art-blockcontent blockquote p, .art-footer blockquote p {
    margin: 0;
}

.art-postmetadatafooter {
    background: #BBC5C9;
    background: rgba(187, 197, 201, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #A4B1B6;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    padding: 1px;
}

.art-postfootericons, .art-postfootericons a, .art-postfootericons a:link, .art-postfootericons a:visited, .art-postfootericons a:hover {
    font-size: 11px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: italic;
    color: #424D52;
}

.art-postfootericons {
    padding: 1px;
}

.art-postfootericons a, .art-postfootericons a:link {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    color: #141819;
}

.art-postfootericons a:visited, .art-postfootericons a.visited {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    color: #3D484C;
}

.art-postfootericons a:hover, .art-postfootericons a.hover {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
    color: #3087B5;
}

.art-postcategoryicon:before {
    content: url('../images/postcategoryicon.png');
    margin-right: 6px;
    bottom: 1px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}

.opera .art-postcategoryicon:before {
    bottom: 0;
}

.art-posttagicon:before {
    content: url('../images/system/tagButton.png');
    margin-right: 6px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    bottom: auto;
}

.opera .art-posttagicon:before {
    bottom: 0;
}

.art-postcommentsicon:before {
    content: url('../images/postcommentsicon.png');
    margin-right: 6px;
    bottom: 1px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}

.opera .art-postcommentsicon:before {
    bottom: 0;
}

.art-footer {
    background: #007FD8;
    background: -webkit-linear-gradient(top, #0092FA 0, #0068B2 100%) no-repeat;
    background: -moz-linear-gradient(top, #0092FA 0, #0068B2 100%) no-repeat;
    background: -o-linear-gradient(top, #0092FA 0, #0068B2 100%) no-repeat;
    background: -ms-linear-gradient(top, #0092FA 0, #0068B2 100%) no-repeat;
    background: linear-gradient(to bottom, #0092FA 0, #0068B2 100%) no-repeat;
    -svg-background: linear-gradient(top, #0092FA 0, #0068B2 100%) no-repeat;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border-top: 1px solid #BBC5C9;
    padding: 10px;
    margin: 3px auto 10px;
    position: relative;
    color: #aee2ff;
    font-size: 12px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-align: center;
}

.art-footer a, .art-footer a:link, .art-footer a:visited, .art-footer a:hover, .art-footer td, .art-footer th, .art-footer caption {
    color: #000000;
    font-size: 11px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}

.art-footer p {
    padding: 0;
    text-align: center;
}

.art-footer a, .art-footer a:link {
    color: #D6E8CA;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-decoration: none;
}

.art-footer a:visited {
    color: #E6E9EB;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-decoration: none;
}

.art-footer a:hover {
    color: #E7F1DF;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
}

.art-footer h1 {
    color: #679843;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}

.art-footer h2 {
    color: #85B95F;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}

.art-footer h3 {
    color: #A4B1B6;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}

.art-footer h4 {
    color: #82BEDE;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}

.art-footer h5 {
    color: #82BEDE;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}

.art-footer h6 {
    color: #82BEDE;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}

.art-footer img {
    border: none;
    margin: 12px;
}

.art-footer .custom div {
    display: inline-block;
}

.art-footer .footer-logo {
    vertical-align: middle;
}

.art-footer .footer-logo img {
    margin: 0 25px 0 0;
}

.art-footer .footer-text {
    color: #aee2ff;
    font-size: 12px;
    vertical-align: middle;
}

.art-footer .footer-text .footer-1,
.art-footer .footer-text .footer-2,
.art-footer .footer-text .footer-3 {
    text-align: left;
}

.art-footer .footer-text .footer-2 {
    margin-left: 10px;
}

.art-footer .footer-text .footer-3 {
    font-size: 11px;
    vertical-align: top;
    margin-left: 40px;
}

.art-footer .main-footer {
    display: flex;
}

.art-footer .logo {
    margin-left: 50px;
    width: 200px;
}

.art-footer .main-footer .links {
    width: 160px;
}

.art-footer .main-footer > div {
    width: 245px;
}

.art-footer .main-footer .label {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 7px;
    text-align: left;
}

.art-footer .main-footer .address, .art-footer .image {
    text-align: left;
}

.art-footer .image img {
    padding: 0;
    margin: 0 0 10px 0;
}

.art-footer .main-footer .address .desc {
    width: 50px;
    display: inline-block;
}

.art-footer .main-footer .links {
    text-align: left;
}

.art-footer .main-footer a {
    font-size: 12px;
    display: block;
    line-height: 18px;
}

.art-footer .bottom-footer {
    display: flex;
    margin-top: 15px;
    justify-content: space-between;
    padding: 0 50px;
}

.art-footer .bottom-footer .maker {
    font-size: 11px;
}

.art-rss-tag-icon {
    background: url('../images/footerrssicon.png') no-repeat scroll;
    margin: 0 auto;
    min-height: 32px;
    min-width: 32px;
    display: inline-block;
    text-indent: 35px;
    background-position: left center;
    vertical-align: middle;
}

.art-rss-tag-icon:empty {
    vertical-align: middle;
}

.art-facebook-tag-icon {
    background: url('../images/footerfacebookicon.png') no-repeat scroll;
    margin: 0 auto;
    min-height: 32px;
    min-width: 32px;
    display: inline-block;
    text-indent: 35px;
    background-position: left center;
    vertical-align: middle;
}

.art-facebook-tag-icon:empty {
    vertical-align: middle;
}

.art-twitter-tag-icon {
    background: url('../images/footertwittericon.png') no-repeat scroll;
    margin: 0 auto;
    min-height: 32px;
    min-width: 32px;
    display: inline-block;
    text-indent: 35px;
    background-position: left center;
    vertical-align: middle;
}

.art-twitter-tag-icon:empty {
    vertical-align: middle;
}

.art-tumblr-tag-icon {
    background: url('../images/tumblricon.png') no-repeat scroll;
    margin: 0 auto;
    min-height: 32px;
    min-width: 32px;
    display: inline-block;
    text-indent: 35px;
    background-position: left center;
    vertical-align: middle;
}

.art-tumblr-tag-icon:empty {
    vertical-align: middle;
}

.art-pinterest-tag-icon {
    background: url('../images/pinteresticon.png') no-repeat scroll;
    margin: 0 auto;
    min-height: 32px;
    min-width: 32px;
    display: inline-block;
    text-indent: 35px;
    background-position: left center;
    vertical-align: middle;
}

.art-pinterest-tag-icon:empty {
    vertical-align: middle;
}

.art-vimeo-tag-icon {
    background: url('../images/vimeoicon.png') no-repeat scroll;
    margin: 0 auto;
    min-height: 33px;
    min-width: 32px;
    display: inline-block;
    text-indent: 35px;
    background-position: left center;
    vertical-align: middle;
}

.art-vimeo-tag-icon:empty {
    vertical-align: middle;
}

.art-youtube-tag-icon {
    background: url('../images/youtubeicon.png') no-repeat scroll;
    margin: 0 auto;
    min-height: 32px;
    min-width: 32px;
    display: inline-block;
    text-indent: 35px;
    background-position: left center;
    vertical-align: middle;
}

.art-youtube-tag-icon:empty {
    vertical-align: middle;
}

.art-linkedin-tag-icon {
    background: url('../images/linkedinicon.png') no-repeat scroll;
    margin: 0 auto;
    min-height: 32px;
    min-width: 32px;
    display: inline-block;
    text-indent: 35px;
    background-position: left center;
    vertical-align: middle;
}

.art-linkedin-tag-icon:empty {
    vertical-align: middle;
}

.art-footer ul > li:before {
    content: url('../images/footerbullets.png');
    margin-right: 6px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    margin-left: -13px;
}

.opera .art-footer ul > li:before {
    bottom: 0;
}

.art-footer li {
    font-size: 13px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    line-height: 125%;
    color: #070808;
    margin: 5px 0 0 5px;
}

.art-footer ul > li, .art-footer ol {
    padding: 0;
}

.art-footer ul > li {
    padding-left: 13px;
}

.art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover {
    font-family: Arial;
    font-size: 10px;
    letter-spacing: normal;
    word-spacing: normal;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
    color: #59686E;
}

.art-page-footer {
    position: relative;
    z-index: auto !important;
    padding: 1em;
    text-align: center !important;
    text-decoration: none;
    color: #6F838B;
}

.art-lightbox-wrapper {
    background: #333;
    background: rgba(0, 0, 0, .8);
    bottom: 0;
    left: 0;
    padding: 0 100px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 1000000;
}

.art-lightbox, .art-lightbox-wrapper .art-lightbox-image {
    cursor: pointer;
}

.art-lightbox-wrapper .art-lightbox-image {
    border: 6px solid #fff;
    border-radius: 3px;
    display: none;
    max-width: 100%;
    vertical-align: middle;
}

.art-lightbox-wrapper .art-lightbox-image.active {
    display: inline-block;
}

.art-lightbox-wrapper .lightbox-error {
    background: #fff;
    border: 1px solid #b4b4b4;
    border-radius: 10px;
    box-shadow: 0 2px 5px #333;
    height: 80px;
    opacity: .95;
    padding: 20px;
    position: fixed;
    width: 300px;
    z-index: 100;
}

.art-lightbox-wrapper .loading {
    background: #fff url('../images/preloader-01.gif') center center no-repeat;
    border: 1px solid #b4b4b4;
    border-radius: 10px;
    box-shadow: 0 2px 5px #333;
    height: 32px;
    opacity: .5;
    padding: 10px;
    position: fixed;
    width: 32px;
    z-index: 10100;
}

.art-lightbox-wrapper .arrow {
    cursor: pointer;
    height: 100px;
    opacity: .5;
    filter: alpha(opacity=50);
    position: fixed;
    width: 82px;
    z-index: 10003;
}

.art-lightbox-wrapper .arrow.left {
    left: 9px;
}

.art-lightbox-wrapper .arrow.right {
    right: 9px;
}

.art-lightbox-wrapper .arrow:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.art-lightbox-wrapper .arrow.disabled {
    display: none;
}

.art-lightbox-wrapper .arrow-t, .art-lightbox-wrapper .arrow-b {
    background-color: #fff;
    border-radius: 3px;
    height: 6px;
    left: 26px;
    position: relative;
    width: 30px;
}

.art-lightbox-wrapper .arrow-t {
    top: 38px;
}

.art-lightbox-wrapper .arrow-b {
    top: 50px;
}

.art-lightbox-wrapper .close {
    cursor: pointer;
    height: 22px;
    opacity: .5;
    filter: alpha(opacity=50);
    position: fixed;
    right: 39px;
    top: 30px;
    width: 22px;
    z-index: 10003;
}

.art-lightbox-wrapper .close:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.art-lightbox-wrapper .close .cw, .art-lightbox-wrapper .close .ccw {
    background-color: #fff;
    border-radius: 3px;
    height: 6px;
    position: absolute;
    left: -4px;
    top: 8px;
    width: 30px;
}

.art-lightbox-wrapper .cw {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

.art-lightbox-wrapper .ccw {
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
}

.art-lightbox-wrapper .close-alt, .art-lightbox-wrapper .arrow-right-alt, .art-lightbox-wrapper .arrow-left-alt {
    color: #fff;
    display: none;
    font-size: 2.5em;
    line-height: 100%;
}

.ie8 .art-lightbox-wrapper .close-alt, .ie8 .art-lightbox-wrapper .arrow-right-alt, .ie8 .art-lightbox-wrapper .arrow-left-alt {
    display: block;
}

.ie8 .art-lightbox-wrapper .cw, .ie8 .art-lightbox-wrapper .ccw {
    display: none;
}

.art-content-layout .art-sidebar1 {
    background: #BBC5C9;
    background: transparent;
    -webkit-border-radius: 8px 0 0;
    -moz-border-radius: 8px 0 0;
    border-radius: 8px 0 0;
    margin: 0 auto;
    width: 187px;
}

.art-content-layout .art-content {
    margin: 0 auto;
}

fieldset {
    border: none;
}

fieldset dl {
    display: block;
    margin: 0;
    padding: 0;
    background: none;
}

fieldset dt {
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 12em;
    height: 2em;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    background: none;
    line-height: 2em;
    overflow: hidden;
}

fieldset dd {
    display: block;
    min-height: 2em;
    margin: 0 0 0 12em;
    padding: 0;
    background: none;
    line-height: 2em;
}

fieldset label {
    display: inline-block;
    width: 12em;
    font-weight: bold;
}

fieldset textarea {
    vertical-align: text-top;
}

.img-fulltext-left, .img-intro-left {
    float: left;
    display: block;
    border: none;
    padding: 0;
    margin: 0 0.3em 0.3em 0;
    margin-top: 0;
}

.img-fulltext-right, .img-intro-right {
    float: right;
    display: block;
    border: none;
    padding: 0;
    margin: 0 0 0.3em 0.3em;
    margin-top: 0;
}

ul.pagenav {
    clear: both;
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
}

ul.pagenav li, ul.pagenav li:before {
    display: block;
    background: none;
    margin: 0;
    padding: 0;
    width: 50%;
    text-align: center;
    content: normal;
}

ul.pagenav li.pagenav-prev {
    float: left;
}

ul.pagenav li.pagenav-next {
    margin: 0 0 0 50%;
}

div.item-page dl.tabs {
    display: block;
    margin: 0;
    padding: 0;
}

div.item-page dl.tabs:before {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    float: left;
    width: 1em;
    height: 2em;
    overflow: hidden;
}

div.item-page dl.tabs dt {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    float: left;
    height: 2em;
    overflow: hidden;
    border-left: dashed 1px #8E9EA4;
    border-top: dashed 1px #8E9EA4;
}

div.item-page dl.tabs dt h3 {
    margin: 0;
    padding: 0 1em;
    line-height: 2em;
    font-size: 100%;
    overflow: hidden;
}

div.item-page dl.tabs dt h3 a {
    text-decoration: none;
}

div.item-page dl.tabs:after {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    border-left: dashed 1px #8E9EA4;
    content: " ";
    overflow: hidden;
    height: 2em;
}

div.item-page div.current {
    clear: both;
    border: dashed 1px #8E9EA4;
}

div.item-page div.current dd.tabs {
    margin: 0;
    padding: 0;
}

div.item-page .panel {
    border: dashed 1px #8E9EA4;
    margin-top: -1px;
}

div.item-page .panel h3 {
    margin: 0;
    padding: 0;
}

div.item-page .panel h3 a {
    display: block;
    padding: 6px;
    text-decoration: none;
}

div.item-page .panel h3.pane-toggler-down a {
    border-bottom: dashed 1px #8E9EA4;
}

div.item-page .panel .pane-slider {
    margin: 0;
    padding: 0;
}

div.item-page div.pagination ul {
    clear: both;
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
}

div.item-page div.pagination li {
    display: block;
    width: 50%;
    margin: 0;
    padding: 0;
    text-align: center;
    float: left;
    white-space: nowrap;
}

div.item-page div.pagination:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.edit.item-page select + div {
    width: 100% !important;
}

.edit.item-page div > ul {
    border: 1px solid #B9C2CB;
}

.edit.item-page .search-field {
    overflow: visible;
}

.edit.item-page .search-field > input {
    width: 100% !important;
}

.edit.item-page ul > li:before {
    content: normal;
}

.edit.item-page fieldset {
    border: dashed 1px #8E9EA4;
}

.edit.item-page fieldset legend {
    padding: 7px;
    font-weight: bold;
}

#editor-xtd-buttons {
    float: left;
    padding: 0;
}

.toggle-editor {
    float: right;
}

#searchForm .phrases-box {
    display: block;
    float: left;
}

#searchForm .ordering-box {
    text-align: right;
}

#searchForm .phrases-box label, #searchForm .ordering-box label, #searchForm .only label {
    display: inline-block;
    width: auto;
    height: 2em;
    margin: 0;
    padding: 0 0.3em;
}

#mod-finder-searchform label {
    display: block;
}

#mod-finder-searchform input.inputbox {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-width: 300px;
}

#login-form fieldset label {
    width: 100%;
}

#login-form #form-login-username label, #login-form #form-login-password label {
    display: block;
}

#login-form #form-login-username input, #login-form #form-login-password input {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-width: 300px;
}

.breadcrumbs img {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

dl.stats-module {
    padding: 0.3em 0 0.3em 0.3em;
    margin: 0;
}

dl.stats-module dt {
    float: left;
    display: block;
    line-height: 1.5em;
    min-height: 1.5em;
    width: 10em;
    padding: 0.3em 0.3em 0 0;
    margin: 0;
    font-weight: bold;
}

dl.stats-module dd {
    display: block;
    line-height: 1.5em;
    min-height: 1.5em;
    margin: 0 0 0 10em;
}

div.mod-languages ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

div.mod-languages li {
    background: none;
    margin: 0 0.3em;
    padding: 0;
}

div.mod-languages ul.lang-inline li {
    display: inline;
}

div.mod-languages ul.lang-block li {
    display: block;
}

div.mod-languages img {
    border: none;
    margin: 0;
    padding: 0;
}

div.clr {
    clear: both;
}

#system-message ul li {
    background-image: none;
}

ul.actions, ul.actions li, ul.actions li img {
    display: inline;
    margin: 0;
    padding: 0;
    border: none;
}

ul.actions li {
    background: none;
    list-style: none;
}

.items-row {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.items-row .item {
    display: table-cell;
    vertical-align: top;
}

.items-row .row-separator {
    display: none;
}

div.pagination p.counter {
    display: inline-block;
    margin: 0 0.3em 0 0;
    padding: 0;
    background: none;
}

div.pagination ul, div.pagination ul li, div.pagination ul > li:before {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0 0.3em;
    background: none;
    content: normal;
}

div.tip-wrap {
    background: #FFFF99;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #aaa;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
}

div.tip-wrap div.tip {
    padding: 0.3em;
}

div.tip-wrap div.tip-title {
    font-weight: bold;
}

table.category {
    width: 100%;
}

table.category thead th img {
    padding: 0 0 0 0.3em;
    margin: 0;
    border: none;
}

span.hasTip a img {
    padding: 0;
    margin: 0;
    border: none;
}

div.categories-list ul li span.item-title, div.cat-children ul li span.item-title {
    display: block;
    margin: 0 0 0.3em 0;
}

div.categories-list ul li div.category-desc, div.cat-children ul li div.category-desc {
    margin: 0 0 0.3em 0;
}

div.categories-list dl, div.cat-children dl {
    display: block;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    background: none;
}

div.categories-list dl dt, div.cat-children dl dt, div.categories-list dl dd, div.cat-children dl dd {
    display: inline-block;
    padding: 0;
    margin: 0;
    background: none;
}

div.img_caption p.img_caption {
    padding: 0.3em 0;
    margin: 0;
}

form .search label, form .finder label {
    display: none;
}

#search-searchword {
    margin-bottom: 5px;
}

.cols-2 .column-1, .cols-2 .column-2, .cols-3 .column-1, .cols-3 .column-2, .cols-3 .column-3 {
    float: left;
    clear: right;
}

.cols-2 .column-1 {
    width: 50%;
}

.cols-2 .column-2 {
    width: 50%;
}

.cols-3 .column-1 {
    width: 33%;
}

.cols-3 .column-2 {
    width: 33%;
}

.cols-3 .column-3 {
    width: 34%;
}

.row-separator {
    clear: both;
    float: none;
    font-size: 1px;
    display: block;
}

ul.categories-module li h1, ul.categories-module li h2, ul.categories-module li h3, ul.categories-module li h4, ul.categories-module li h5, ul.categories-module li h6 {
    display: inline;
}

.only, .phrases {
    border: solid 1px #ccc;
    margin: 10px 0 0 0px;
    padding: 15px;
    line-height: 1.3em;
}

div.tags {
    display: inline;
}

.tag-category ul > li:before {
    content: normal;
}

ul.list-striped > li:before {
    content: normal;
}

.list-striped {
    border-top: 1px solid #ddd;
}

.list-striped li, .list-striped dd {
    border-bottom: 1px solid #ddd;
}

.accordion {
    margin-bottom: 18px;
}

.accordion-group {
    margin-bottom: 2px;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.accordion-heading {
    border-bottom: 0;
}

.accordion-heading .accordion-toggle {
    display: block;
    padding: 8px 15px;
}

.accordion-toggle {
    cursor: pointer;
}

.accordion-inner {
    padding: 9px 15px;
    border-top: 1px solid #e5e5e5;
}

.accordion-body.in:hover {
    overflow: visible;
}

.collapse.in {
    height: auto;
}

.collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    -moz-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease;
}

/* Begin Additional CSS Styles */
.art-blockheader .t, .art-vmenublockheader .t {
    white-space: nowrap;
}

.art-blockcontent fieldset {
    border: none;
    margin: 0px;
    padding: 0px;
}

.art-block {
    background-repeat: no-repeat !important;
}

p#form-login-remember label {
    width: auto;
}

input[type="email"], select.selectbox, select.ParameterFieldSetting, select.ParameterField, select.ParameterFieldOption {
    background: #FFFFFF;
    border: 1px solid #5DC5FF;
    margin: 0 auto;
}

input[type="email"], select.selectbox, select.ParameterFieldSetting, select.ParameterField, select.ParameterFieldOption {
    padding: 0 0;
    color: #000080;
}

input.inputbox, input[type="email"], select.selectbox {
    width: auto;
}

fieldset legend {
    font-weight: bold;
    font-size: 16px;
}

fieldset {
    margin-top: 10px;
}

div.bluePanelLine {
    width: 183px;
    height: 2px;
    background-image: url(../images/blue_panel_line.png);
    background-repeat: no-repeat;
    position: relative;
    left: -5px;
    margin: 5px 0;
}

/* End Additional CSS Styles */
#system-message > .warning > ul {
    background: #FFDD00 url(/media/system/images/notice-note.png) no-repeat;
    background-position: left;
    padding-left: 0px;
    padding: 10px 10px 10px 0px;
    border: 2px solid #FF0000;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-indent: 0;
}

#system-message > .message > ul, #system-message > .notice > ul {
    background: #7BDAF9 url(/media/system/images/notice-info.png) no-repeat;
    background-position: left;
    padding-left: 40px;
    padding: 10px 10px 10px 40px;
    border: 2px solid #FF0000;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-indent: 0;
}

#system-message > .error > ul, #system-message.alert {
    background: #FC9AA5 url(/media/system/images/notice-alert.png) no-repeat;
    background-position: left;
    padding-left: 40px;
    padding: 10px 10px 10px 40px;
    border: 2px solid #FF0000;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-indent: 0;
}

dl#system-message li {
    color: #000080;
    font-weight: normal;
}

.art-block-meteo {
    background: #007CD2 url('../images/block.png') scroll;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 5px;
    margin: 7px;
    background-repeat: no-repeat !important;
}

.custommeteo-block-promotion {
    border: 2px solid rgba(142, 158, 164, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.custommeteo-article-table, .custommeteo-article-table th, .custommeteo-article-table td {
    border-style: solid;
}

.custommeteo-article-table td p {
    margin: 5px;
}

.custommeteo-article p {
    margin: 5px;
}

ul.custommeteo-article-ul li:before {
    content: url("../images/postcircle.png");
}

.contact-miscinfo dd {
    margin-left: 0;
}

.control-group {
    margin-top: 5px;
}

form#contact-form .control-group {
    margin-bottom: 5px;
}

form#contact-form .control-label {
    width: 150px;
    display: inline-block;
    vertical-align: top;
}

form#contact-form .controls {
    display: inline-block;
}

form#contact-form input[type="text"], div.contact-form input[type="email"] {
    padding: 2px 0;
    width: 400px;
}

form#contact-form textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #5DC5FF;
    width: 400px;
}

form#contact-form .form-actions {
    margin-left: 154px;
}

form#contact-form fieldset,
div.login form fieldset,
div.reset form fieldset,
div.reset-confirm form fieldset,
div.reset-complete form fieldset,
div.remind form fieldset,
div.registration form fieldset,
div.profile-edit form fieldset {
    border: 1px groove gray;
}

div.login form .control-label .star,
div.reset-confirm .control-label .star {
    display: none;
}

div.reset-confirm input[type="text"] {
    width: 250px;
}

div.registration form fieldset label {
    width: 250px;
    line-height: 2em;
}

div.registration input[type="text"], div.registration input[type="email"], div.registration input[type="password"] {
    width: 250px;
    padding: 2px 0;
}

input[type="text"].readonly {
    background-color: transparent;
    border: 0 none;
}

.weatherLocationsTable ul > li:before {
    content: none;
}

.popover {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    max-width: 276px;
    padding: 1px;
    position: absolute;
    text-align: left;
    top: 0;
    white-space: normal;
    z-index: 1060;
}

.popover.top {
    margin-top: -10px;
}

.popover.right {
    margin-left: 10px;
}

.popover.bottom {
    margin-top: 10px;
}

.popover.left {
    margin-left: -10px;
}

.popover-title {
    background-color: #0090F6;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    margin: 0;
    padding: 8px 14px;
    color: #ffffff;
}

.popover-title:empty {
    display: none;
}

.popover-content {
    padding: 9px 14px;
}

.popover .arrow, .popover .arrow::after {
    border-color: transparent;
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}

.popover .arrow {
    border-width: 11px;
}

.popover .arrow::after {
    border-width: 10px;
    content: "";
}

.popover.top .arrow {
    border-bottom-width: 0;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
}

.popover.top .arrow::after {
    border-bottom-width: 0;
    border-top-color: #fff;
    bottom: 1px;
    margin-left: -10px;
}

.popover.right .arrow {
    border-left-width: 0;
    border-right-color: rgba(0, 0, 0, 0.25);
    left: -11px;
    margin-top: -11px;
    top: 50%;
}

.popover.right .arrow::after {
    border-left-width: 0;
    border-right-color: #fff;
    bottom: -10px;
    left: 1px;
}

.popover.bottom .arrow {
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-top-width: 0;
    left: 50%;
    margin-left: -11px;
    top: -11px;
}

.popover.bottom .arrow::after {
    border-bottom-color: #fff;
    border-top-width: 0;
    margin-left: -10px;
    top: 1px;
}

.popover.left .arrow {
    border-left-color: rgba(0, 0, 0, 0.25);
    border-right-width: 0;
    margin-top: -11px;
    right: -11px;
    top: 50%;
}

.popover.left .arrow::after {
    border-left-color: #fff;
    border-right-width: 0;
    bottom: -10px;
    right: 1px;
}

header .logo-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 55px;
    margin: 0 auto;
    width: 960px;
}

header .logo {
    margin-left: 10px;
    margin-top: 10px;
}

.search-box {
    background: #0097f0;
    display: flex;
    flex-direction: column;
    color: #AEE2FF;
    border-radius: 8px;
    font-size: 12px;
}

.search-box .logo,
.search-box .menu {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

.search-box .search-row {
    height: 60px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.search-box .tab-nav {
    margin: 0;
}

.search-box .tab-nav li {
    height: 50%;
    margin: 0;
    padding-right: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #AEE2FF;
    font-size: 12px;
    font-weight: normal;
}

.search-box .tab-nav li::before {
    content: none;
}

.search-box .tab-nav li.active {
    background-color: transparent;
    color: #ffffff;
    font-weight: bold;
}

.search-box .tab-nav li:first-child {
    border-radius: 0 8px 0 0;
}

.search-box .tab-nav li:last-child {
    border-radius: 0 0 8px 0;
}

.search-box .tab-content {
    display: flex;
    align-items: center;
    width: 100%;
}

.search-box .tab-pane {
    padding: 10px;
    display: none;
}

.search-box .tab-pane.active {
    display: flex;
}

.search-box .search-city {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.search-box .search-city label {
    text-align: center;
}

.search-box .search-field {
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-box .buttons > span {
    font-size: 17px;
    cursor: pointer;
    width: 24px;
    height: 22px;
    display: inline-block;
}

.search-box .buttons a {
    color: #AEE2FF;
}

.search-box .buttons > span:hover,
.search-box .buttons a:hover,
.search-box #favorite .remove:hover {
    color: #ffffff;
}

.search-box .buttons > span:first-child {
    border: 1px solid #AEE2FF;
}

.search-box .buttons > span:last-child {
    border-top: 1px solid #AEE2FF;
    border-bottom: 1px solid #AEE2FF;
    border-right: 1px solid #AEE2FF;
    border-radius: 0 4px 4px 0;
}

.search-box .buttons.no i {
    opacity: 0;
}

.search-box .buttons.no span:first-child {
    border-left: none;
    border-right: none;
}

.search-box .buttons.no span {
    cursor: text;
}

.search-box .search-city input {
    font-size: 12px;
    border-bottom: 1px solid #AEE2FF;
    border-left: 1px solid #AEE2FF;
    border-top: 1px solid #AEE2FF;
    border-right: none;
    width: 550px;
    background-color: transparent;
    color: #AEE2FF !important;
    padding: 3px 5px;
    border-radius: 4px 0 0 4px;
    height: 16px;
}

.search-box .search-city input::placeholder {
    color: #4ebff6;
}

.search-box #search {
    align-items: center;
    width: 100%;
}

.search-box #search .selected {
    margin-left: 20px;
    font-size: 20px;
    cursor: pointer;
    color: white;
}

.search-box #favorite {
    font-size: 12px;
    flex-wrap: wrap;
}

.search-box #favorite > div {
    margin-left: 20px;
}

.search-box #favorite a, .search-box #favorite a:hover {
    text-decoration: none;
    color: #AEE2FF;
}

.search-box #favorite .remove {
    cursor: pointer;
}

.search-box .tab-title {
    display: inline-grid;
    align-items: center;
    width: 100%;
    color: white;
    font-size: 16px;
    text-align: center;
}

.autocomplete-suggestions {
    border: 1px solid #999;
    background: #ffffff;
    overflow: auto;
    color: #0000ff;
    border-radius: 4px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    cursor: default;
}

.autocomplete-suggestions a {
    color: #000080;
    text-decoration: none;
}

.autocomplete-suggestions a:hover {
    color: #000080;
    text-decoration: none;
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-selected {
    background: #f0f0f0;
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #3399FF;
}

.autocomplete-group {
    padding: 2px 5px;
}

.autocomplete-group strong {
    display: block;
    border-bottom: 1px solid #000;
}

.warning-container .button-box {
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
}
.warning-container .button-box .current-date {
    font-size: 20px;
}


.warning-container .main-table {
    margin-top: 10px;
}
table.warning-table {
    width: 100%;
}
table.warning-table tr.branch-row {
    height: 41px;
}
table.warning-table, table.warning-table th, table.warning-table td {
    border: 1px solid #0A2E45;
    border-collapse: collapse;
}

table.warning-table th {
    color: #aee2ff;
    background-color: #00a1fd;
    text-align: center;
}
table.warning-table td.text-center {
    text-align: center;
}
table.warning-table td.color-YES {
    background: #5ecc5e;
}
table.warning-table td.color-NO {
    background: #ff4e4e;
}

table.warning-table th, table.warning-table td {
    padding: 5px;
}

table.warning-table tr.even {
    background-color: #a8a8a8;
}

table.warning-table td.right {
    text-align: right;
    vertical-align: top;
}

.warning-button {
    width: 20px;
    height: 20px;
    color: white !important;
    border: 0;
    border-radius: 5px;
    line-height: 20px !important;
    font-size: 18px;
    display: inline-block;
    padding: 5px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
}

.warning-button:hover {
    background-color: #888888 !important;
}

.warning-button.warning-button-form {
    width: auto !important;
    height: 30px !important;
    line-height: 20px !important;
    font-size: 13px !important;
}

.warning-button.warning-button-small {
    width: auto !important;
    height: 30px !important;
    line-height: 20px !important;
    font-size: 13px !important;
}

.warning-button.warning-button-large {
    width: auto !important;
    height: 40px !important;
    line-height: 40px !important;
    font-size: 17px !important;
}

.warning-button.warning-button-big {
    width: auto !important;
    height: 50px !important;
    line-height: 48px !important;
    font-size: 17px !important;
}

.warning-button.warning-button-add {
    background: #006009;
}

.warning-button.warning-button-send {
    background: #001660;
}

.warning-button.warning-button-edit {
    background: #004d85;
}

.warning-button.warning-button-remove {
    background: #af0303;
}

.warning-button.warning-button-raise {
    background: #c1c700;
}

.warning-button.warning-button-cancel {
    background: #af6a03;
}

.warning-button.warning-button-save {
    background: #006009;
}

.warning-button.warning-button-save-cancel {
    background: #af6a03;
    padding: 0 5px 0 5px;
    line-height: 30px !important;
}

.breadcrumb-box {
    background: #0097f0;
    border-radius: 8px;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
}

.breadcrumb-box a,
.breadcrumb-box a:link,
.breadcrumb-box a:visited,
.breadcrumb-box a:focus,
.breadcrumb-box a:active {
    color: #ffffff;
}

.breadcrumb-box ul {
    margin: 0;

}
.art-post .breadcrumb-box > ul > li:before {
    content: url('../images/disc.png');
}
.breadcrumb-box ul li {
    display: inline;
    padding: 0 0 0 18px;
    margin: 0;
    color: #ffffff;
}

fieldset.narrow-list label {
    width: 10em;
    font-weight: normal;
}
fieldset.near-list label {
    width: 2em;
    font-weight: normal;
}
.warning-container input[type=text]:disabled,
.warning-container input[type=email]:disabled,
.warning-container select:disabled,
.warning-container textarea:disabled {
    background-color: #c6c6cd;
}
.send-warning .title {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
}
.send-warning ul li {
    color: #ff0000;
    font-size: 16px;
}
.send-warning ul {
    margin-bottom: 10px;
}
.warning-container input[type="email"],
.warning-container input[type="text"],
.warning-container select,
.warning-container textarea {
    padding: 5px;
}
.warning-container textarea {
    font-size: 16px;
    width: 100%;
}

.level-legend-right span,
.road-level-legend-right span {
    display: block;
    color: white;
    margin-bottom: 5px;
}
.level-legend-top,
.road-level-legend-top {
    text-align: center;
    line-height: 38px;
    margin-top: 7px;
}
.level-legend-top span,
.road-level-legend-top span {
    display: inline;
}
.level-legend-top button,
.road-level-legend-top button {
    margin-left: 20px;
}

.level-legend-right i.level1 {
    color: white !important;
}
.level-legend-top i.level1 {
    color: black !important;
}
.level-legend-right i.level2,
.level-legend-top i.level2 {
    color: orange !important;
}
.level-legend-right i.level3,
.level-legend-top i.level3 {
    color: red !important;
}
.level-legend-right i.level4,
.level-legend-top i.level4 {
    color: black !important;
}

.normalRow.warning-level-2 {
    background: #ffca75 !important;
}
.normalRow.warning-level-3 {
    background: #ff9191 !important;
}
.normalRow.warning-level-4 {
    background: #a6a6a6 !important;
}

.road-level-legend-right i.fa-circle.level1,
.road-level-legend-top i.fa-circle.level1 {
    color: white !important;
}
.road-level-legend-right i.fa-circle.level2,
.road-level-legend-top i.fa-circle.level2 {
    color: #ccff99 !important;
}
.road-level-legend-right i.fa-circle.level3,
.road-level-legend-top i.fa-circle.level3 {
    color: #66ffff !important;
}
.road-level-legend-right i.fa-circle.level4,
.road-level-legend-top i.fa-circle.level4 {
    color: #ff7c80 !important;
}

.normalRow.warning-road-level-2 {
    background: #ccff99 !important;
}
.normalRow.warning-road-level-3 {
    background: #66ffff !important;
}
.normalRow.warning-road-level-4 {
    background: #ff7c80 !important;
}