body {background: url("../images/background.png") repeat-x scroll center top transparent; font:0.8em/1.6 "arial", sans-serif;}
h1, h2, h3, h4, h5, h6, address, blockquote, dl, fieldset, ol, p, table, ul {margin:15px 0;}

a {color:#000000;}
a:hover, a:active, a:focus {color:#004488;}


#main {width:1001px; margin:0 auto; padding:0; background: transparent url('../images/container-background.png') repeat-y scroll left top}
#header {position:relative; height:200px; padding:0 20px; background: url("../images/top-background.png") repeat-y scroll left top #FFFFFF}
#header .top-stripe {display: flex; justify-content: space-between; align-items: center;}
#header #logo {margin-top:30px; margin-bottom: 5px; display: block; width: 300px; height: 50px;}
#header #logo span {display: block; background-size: contain;}
#header #logo img {display:block;}
#header #nav span {margin:0 10px;}
#header #nav span, #subnav span {color:#cfcfcf;}
#footer {padding-bottom:20px; font-size:85%; background: url("../images/footer-background.png") repeat-y scroll left bottom transparent}
#footer p {margin:0;}

#title {margin:0; padding:22px 20px 22px 20px; font:270%/1 "arial",sans-serif; letter-spacing:-1px;border-top:5px solid #1B94CC; border-bottom:1px solid #ddd; color:#000;}
#main.volterino #title {border-top:5px solid #AAFF03;}
#titleInfo {font-size: 12px; background: #DFF2BF url('/images/info.png') no-repeat 15px center; margin: 8px 0; padding: 13px 2px 13px 60px; text-align: left; border: 1px solid #4F8A10; color: #4F8A10; font-weight: bold;}
#subnav {margin:0; padding:15px 20px;}
#subnav span {margin:0 10px;}

#nav .lang-selector {
    z-index: 101;
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 27px;
    height: 22px;
}

#nav .lang-selector .down-arrow {
    display: inline-block;
    width: 3px;
    height: 3px;
    border: solid #666666;
    border-width: 0px 1px 1px 0;
    margin-left: 5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: relative;
    top: -2px;
}

#nav .lang-selector .current-lang {
    width: 27px;
    height: 22px;
    line-height: 22px;
    background: #fff;
    z-index: 1;
    position: relative;
    text-align: center;
}

#nav .lang-selector img {
    vertical-align: middle;
}

#nav .lang-selector > ul {
    display: none;
}

#nav .lang-selector.expanded {
    z-index: 111;
    border: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    background: #fff;
}

#nav .lang-selector.expanded > ul {
    position: absolute;
    top: calc(100% - 1px);
    left: -1px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    background: #fff;
    z-index: -1;
    border: 1px solid #ccc;
    line-height: 25px;
    margin: 0;
}

#nav .lang-selector.expanded > ul img {
    margin-right: 10px;
}

#nav .lang-selector.expanded > ul li {
    white-space: nowrap;
    display: block;
    text-align: left;
}

#nav .lang-selector.expanded > ul li.current {
    background-color: #ecf5fe;
}

#nav .lang-selector.expanded > ul a {
    display: block;
    padding: 5px 10px;
}

.content {width:920px; margin:0 20px 20px 20px; padding:20px;background:#e9e9e9;}
.content .subcontent {padding:10px; background: #FFFFFF}
.content .content-bottom {width:940px; height:3px; background:url("../design/content-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; margin-top:-1px;}

.content table {margin:15px 0; border-collapse:collapse;border:3px solid #cfcfcf;}
.content table th, .content table td {padding:7px 10px;border:1px solid #dfdfdf;}
.content table th {text-align:center; font-weight:bold;color:#004488;}
.content h1, .content h2 {font-size:200%;}
.content h3 {font-size:160%;}

.input {padding:5px; background:url("../design/input.gif") 0 0 no-repeat; font:100%/1 "arial",sans-serif;border:1px solid #bfbfbf;}
.input-submit {padding:5px; font:bold 100%/1 "arial",sans-serif;border:1px solid #1172d4; border-right:1px solid #024; border-bottom:1px solid #024; background:#004488; color:#fff;}