/* ==========================================================
   tpl_rastignano - Template per Joomla 4 e 5
   Porting fedele da rb_verde (Artisteer/Joomla 2.5/3)
   Palette verde: #32A482, #316D65, #429489, #C7E6E2
   ========================================================== */

/* --- RESET E BASE --- */
*, *::before, *::after {
   box-sizing: border-box;
}

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

ul {
   list-style-type: none;
}

ol {
   list-style-position: inside;
}

html, body {
   height: 100%;
}

body {
   padding: 0;
   margin: 0;
   min-width: 700px;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 13px;
   color: #2D3E3E;
   background-color: #C4D4D4;
   background-image: url('../images/Bottom_texture.jpg');
   background-repeat: repeat;
   background-attachment: fixed;
   background-position: top left;
}

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

input, select, textarea {
   vertical-align: middle;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 12px;
}

a img {
   border: 0;
}

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

/* --- SFONDI PAGINA --- */
#art-page-background-middle-texture {
   position: relative;
   background-image: url('../images/Middle_texture.jpg');
   background-repeat: repeat-x;
   background-position: top left;
   background-attachment: fixed;
   width: 100%;
   min-width: 90%;
   min-height: 100%;
}

#art-main {
   position: relative;
   z-index: 0;
   width: 100%;
   min-height: 100%;
   left: 0;
   top: 0;
   cursor: default;
   overflow: hidden;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 13px;
}

/* --- UTILITÀ --- */
.cleared {
   display: block;
   clear: both;
   float: none;
   margin: 0;
   padding: 0;
   border: none;
   font-size: 0;
   height: 0;
   overflow: hidden;
}

.reset-box {
   overflow: hidden;
   display: table;
}

/* --- BOX SYSTEM --- */
.art-box, .art-box-body {
   margin: 0 auto;
   position: relative;
}

.art-box::before, .art-box::after, .art-box-body::before, .art-box-body::after {
   position: absolute;
   top: 0;
   bottom: 0;
   content: ' ';
   background-repeat: no-repeat;
   line-height: 0;
}

.art-box::before, .art-box-body::before { left: 0; }
.art-box::after, .art-box-body::after { right: 0; }

.art-box::before {
   overflow: hidden;
   background-position: bottom left;
   direction: ltr;
   z-index: -3;
}
.art-box::after {
   background-position: bottom right;
   z-index: -3;
}

.art-box-body::before, .art-box-body::after {
   background-repeat: repeat-y;
}
.art-box-body::before {
   background-position: top left;
   z-index: -3;
}
.art-box-body::after {
   background-position: top right;
   z-index: -3;
}

.art-box .art-box::before, .art-box .art-box::after,
.art-box-body .art-box-body::before, .art-box-body .art-box-body::after {
   z-index: -2;
}

/* --- BAR SYSTEM --- */
.art-bar {
   position: relative;
}
.art-bar::before, .art-bar::after {
   position: absolute;
   top: 0;
   bottom: 0;
   content: ' ';
   background-repeat: repeat;
   z-index: -1;
}
.art-bar::before {
   left: 0;
   background-position: top left;
}
.art-bar::after {
   right: 0;
   background-position: top right;
}

/* --- SHEET (contenitore principale) --- */
.art-sheet {
   margin-top: 5px;
   margin-bottom: -5px;
   cursor: auto;
   width: 90%;
   min-width: 700px;
   max-width: 1728px;
}
.art-sheet-body {
   padding: 7px;
   min-width: 28px;
   min-height: 28px;
   padding-top: 7px;
   padding-bottom: 7px;
}
.art-sheet::before, .art-sheet::after {
   content: url('../images/sheet_t.png');
   font-size: 0;
   background-image: url('../images/sheet_b.png');
}
.art-sheet::after {
   clip: rect(auto, auto, auto, 1707px);
}
.art-sheet::before, .art-sheet-body::before {
   right: 21px;
}
.art-sheet-body::after {
   width: 21px;
   top: 21px;
   bottom: 21px;
   background-image: url('../images/sheet.png');
}
.art-sheet-body::before {
   top: 21px;
   bottom: 21px;
   background-image: url('../images/sheet.png');
}

/* --- HEADER --- */
div.art-header {
   margin: 0 auto;
   position: relative;
   width: 100%;
   height: 125px;
   margin-top: 0;
   margin-bottom: 0;
}
.art-header::after {
   position: absolute;
   z-index: -1;
   display: block;
   content: ' ';
   top: 0;
   width: 100%;
   height: 125px;
   background-image: url('../images/header.jpg');
   background-repeat: no-repeat;
   background-position: center center;
}

/* --- HEADER OBJECT (grafica centrale) --- */
div.art-headerobject {
   display: block;
   left: 50%;
   margin-left: -145px;
   position: absolute;
   top: 0;
   width: 289px;
   height: 125px;
   background-image: url('../images/header-object.png');
}

/* --- LOGO --- */
div.art-logo {
   display: block;
   position: absolute;
   top: 20px;
   left: 0;
   margin-left: 0;
}

.art-logo-name,
.art-logo-name a,
.art-logo-name a:link,
.art-logo-name a:visited,
.art-logo-name a:hover {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 22px;
   font-weight: bold;
   text-decoration: none;
   color: #fff;
   text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
   padding: 0 10px;
}

.art-logo-text {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 13px;
   color: #D5ECE9;
   padding: 0 10px;
}

/* --- MENU ORIZZONTALE (navigation bar) --- */
.art-nav {
   margin: 0 auto;
   min-height: 38px;
   z-index: 100;
   margin-top: 0;
   margin-bottom: 0;
}
.art-nav::before, .art-nav::after {
   background-image: url('../images/nav.png');
}
.art-nav::before {
   right: 0;
}
.art-nav::after {
   width: 0;
}

.art-nav-outer {
   position: absolute;
   width: 100%;
}

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

/* Menu struttura */
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 {
   position: relative;
   padding: 6px;
   float: left;
}

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

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

ul.art-hmenu li li {
   float: none;
   width: auto;
}

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

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

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 ul {
   visibility: hidden;
   position: absolute;
   z-index: 10;
   left: 0;
   top: 0;
   background-image: url('../images/spacer.gif');
   padding: 10px 30px 30px 30px;
   margin: -10px 0 0 -30px;
}

/* Menu item principale */
ul.art-hmenu > li > a {
   position: relative;
   display: block;
   height: 26px;
   cursor: pointer;
   text-decoration: none;
   color: #D5ECE9;
   padding: 0 17px;
   line-height: 26px;
   text-align: center;
}

ul.art-hmenu > li > a::before,
ul.art-hmenu > li > a::after {
   position: absolute;
   display: block;
   content: ' ';
   top: 0;
   bottom: 0;
   z-index: -1;
   background-image: url('../images/menuitem.png');
}

ul.art-hmenu > li > a::before {
   left: 0;
   right: 3px;
   background-position: top left;
}
ul.art-hmenu > li > a::after {
   width: 3px;
   right: 0;
   background-position: top right;
}

.art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover {
   text-align: left;
   text-decoration: none;
}

ul.art-hmenu > li > a:hover::before, ul.art-hmenu > li:hover > a::before {
   background-position: center left;
}
ul.art-hmenu > li > a:hover::after, ul.art-hmenu > li:hover > a::after {
   background-position: center right;
}
ul.art-hmenu > li > a:hover, ul.art-hmenu > li:hover > a {
   color: #151E1E;
}

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

/* Sub item menu */
.art-hmenu ul a {
   display: block;
   white-space: nowrap;
   height: 24px;
   background-image: url('../images/subitem.png');
   background-position: left top;
   background-repeat: repeat-x;
   border-width: 1px;
   border-style: solid;
   border-top-width: 0;
   border-color: #479E93;
   min-width: 7em;
   text-align: left;
   text-decoration: none;
   line-height: 24px;
   color: #132A27;
   margin: 0;
   padding: 0 22px;
}

.art-hmenu ul > li:first-child > a {
   border-top-width: 1px;
}

.art-hmenu ul a:hover,
.art-hmenu ul li:hover > a {
   color: #D0F1E7;
   background-position: left bottom;
   border-color: #214A44;
   border-top-width: 1px !important;
}

/* --- LAYOUT WRAPPER --- */
.art-layout-wrapper {
   position: relative;
   margin: 0 auto;
}

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

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

.art-layout-cell {
   display: table-cell;
   vertical-align: top;
}

/* --- SIDEBAR SINISTRA --- */
.art-content-layout .art-sidebar1 {
   width: 200px;
}
.art-content-layout .art-sidebar1::before {
   position: absolute;
   z-index: -2;
   direction: ltr;
   left: 0;
   bottom: 0;
   top: 0;
   content: ' ';
   overflow: hidden;
   display: block;
   background-color: #C7E6E2;
   width: 200px;
}

.art-layout-sidebar-bg {
   position: relative;
}

/* --- BLOCK (moduli sidebar) --- */
.art-block {
   max-width: 1728px;
   margin: 10px;
}
.art-block-body {
   padding: 0;
}
div.art-block img {
   border-width: 0;
   margin: 0;
}

.art-blockheader {
   margin-bottom: 0;
   min-height: 26px;
   line-height: 26px;
}
.art-blockheader::before, .art-blockheader::after {
   background-image: url('../images/blockheader.png');
}
.art-blockheader::before {
   right: 20px;
}
.art-blockheader::after {
   width: 20px;
}
.art-blockheader .t {
   min-height: 26px;
   line-height: 26px;
   color: #000;
   font-size: 14px;
   font-weight: bold;
   margin: 0;
   padding: 0 5px 0 26px;
   white-space: nowrap;
}
.art-blockheader .t a,
.art-blockheader .t a:link,
.art-blockheader .t a:visited,
.art-blockheader .t a:hover {
   color: #000;
   font-size: 14px;
}

.art-blockcontent {
   max-width: 1728px;
}
.art-blockcontent-body {
   padding: 5px;
   color: #273535;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 12px;
   text-align: left;
}
.art-blockcontent-body table,
.art-blockcontent-body li,
.art-blockcontent-body a,
.art-blockcontent-body a:link,
.art-blockcontent-body a:visited,
.art-blockcontent-body a:hover {
   color: #273535;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 12px;
}
.art-blockcontent-body p {
   margin: 12px 0;
}
.art-blockcontent-body a,
.art-blockcontent-body a:link {
   color: #1C5A47;
   text-decoration: underline;
}
.art-blockcontent-body a:visited {
   color: #547373;
   text-decoration: underline;
}
.art-blockcontent-body a:hover {
   color: #257960;
   text-decoration: none;
}
.art-blockcontent-body ul li {
   font-size: 13px;
   line-height: 125%;
   color: #364A4A;
   margin: 5px 0 0 10px;
   padding: 0 0 0 13px;
   background-image: url('../images/blockcontentbullets.png');
   background-repeat: no-repeat;
   background-position: top left;
}
div.art-block select {
   width: 96%;
}

/* --- VMENU (menu verticale in sidebar) --- */
.art-vmenublock {
   max-width: 1728px;
   margin: 10px;
}
.art-vmenublock-body {
   padding: 0;
}
.art-vmenublockheader {
   margin-bottom: 0;
   min-height: 26px;
   line-height: 26px;
}
.art-vmenublockheader .t {
   min-height: 26px;
   line-height: 26px;
   color: #000;
   font-size: 14px;
   margin: 0;
   padding: 0 5px;
   white-space: nowrap;
}
.art-vmenublockcontent {
   max-width: 1728px;
}
.art-vmenublockcontent-body {
   padding: 0;
}

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;
   margin-left: 0;
   margin-right: 0;
}
ul.art-vmenu ul.active {
   display: block;
}

ul.art-vmenu a {
   display: block;
   cursor: pointer;
   z-index: 0;
   text-decoration: none;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 12px;
   text-align: left;
   margin-left: 0;
   margin-right: 0;
   position: relative;
}
ul.art-vmenu li {
   position: relative;
}
ul.art-vmenu > li > a {
   color: #314444;
   padding: 0 11px;
   height: 30px;
   line-height: 30px;
   white-space: nowrap;
}
ul.art-vmenu > li > a.active {
   color: #CAE7E3;
}
ul.art-vmenu a:hover, ul.art-vmenu a.active:hover {
   color: #A1E2CF;
}

ul.art-vmenu > li > a::before, ul.art-vmenu > li > a::after {
   position: absolute;
   display: block;
   content: ' ';
   z-index: -1;
   background-image: url('../images/vmenuitem.png');
   top: 0;
   height: 30px;
}
ul.art-vmenu > li > a::before {
   left: 0;
   right: 4px;
   background-position: top left;
}
ul.art-vmenu > li > a::after {
   width: 4px;
   right: 0;
   background-position: top right;
}
ul.art-vmenu > li > a.active::before {
   background-position: bottom left;
}
ul.art-vmenu > li > a.active::after {
   background-position: bottom right;
}
ul.art-vmenu > li > a:hover::before {
   background-position: center left;
}
ul.art-vmenu > li > a:hover::after {
   background-position: center right;
}
ul.art-vmenu > li { margin-top: 4px; }
ul.art-vmenu > li > ul { margin-top: 4px; }
ul.art-vmenu > li:first-child { margin-top: 0; }

ul.art-vmenu ul a {
   display: block;
   position: relative;
   white-space: nowrap;
   height: 24px;
   overflow: visible;
   background-image: url('../images/vsubitem.png');
   background-repeat: repeat-x;
   background-position: top left;
   padding: 0 15px;
   line-height: 24px;
   color: #24514B;
   margin-left: 0;
   margin-right: 0;
}
ul.art-vmenu ul a:hover {
   background-position: center left;
   color: #24514B;
}
ul.art-vmenu ul a.active {
   color: #CAE7E3;
}
ul.art-vmenu ul ul a { padding-left: 30px; }
ul.art-vmenu ul ul ul a { padding-left: 45px; }

/* --- POST / ARTICOLO --- */
.art-post {
   max-width: 1728px;
   margin: 0;
}
.art-post-body {
   padding: 15px;
   min-width: 26px;
   min-height: 26px;
}
.art-post::before, .art-post::after {
   content: url('../images/post_t.png');
   font-size: 0;
   background-image: url('../images/post_b.png');
}
.art-post::after {
   clip: rect(auto, auto, auto, 1700px);
}
.art-post::before, .art-post-body::before {
   right: 28px;
}
.art-post-body::after {
   width: 28px;
   top: 28px;
   bottom: 28px;
   background-image: url('../images/post.png');
}
.art-post-body::before {
   top: 28px;
   bottom: 28px;
   background-image: url('../images/post.png');
}

/* Titolo post */
.art-postheader {
   color: #195241;
   margin: 5px 0;
   line-height: 1em;
   font-size: 20px;
   font-weight: bold;
}
.art-postheader a, .art-postheader a:link {
   text-align: left;
   text-decoration: none;
   color: #2A896C;
   font-size: 20px;
}
.art-postheader a:visited { color: #384D4D; }
.art-postheader a:hover { color: #316D65; }

.art-postheadericon {
   background: url('../images/postheadericon.png') no-repeat left 0.5em;
   padding-top: 13px;
   margin-top: -13px;
   padding-left: 32px;
   display: inline-block;
   min-height: 26px;
   line-height: 1em;
}

/* Post content */
.art-postcontent,
.art-postheadericons,
.art-postfootericons,
.art-blockcontent-body,
ul.art-vmenu a {
   text-align: left;
}

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

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

.art-postcontent a { color: #32A482; text-decoration: none; }
.art-postcontent a:link { color: #32A482; text-decoration: none; }
.art-postcontent a:visited { color: #425C5C; }
.art-postcontent a:hover { text-decoration: underline; color: #316D65; }

.art-postcontent h1 { color: #316D65; margin: 10px 0 0; font-size: 26px; font-weight: bold; }
.art-postcontent h2 { color: #429489; margin: 10px 0 0; font-size: 22px; font-weight: bold; }
.art-postcontent h3 { color: #316D65; margin: 10px 0 0; font-size: 18px; font-weight: bold; }
.art-postcontent h4 { color: #4D6A6A; margin: 10px 0 0; font-size: 16px; font-weight: bold; }
.art-postcontent h5 { color: #4D6A6A; margin: 10px 0 0; font-size: 14px; font-weight: bold; }
.art-postcontent h6 { color: #749A9A; margin: 10px 0 0; font-size: 13px; font-weight: bold; }

.art-postcontent ol, .art-postcontent ul {
   margin: 1em 0 1em 2em;
   padding: 0;
}
.art-postcontent li {
   font-size: 13px;
   color: #0F1515;
   margin: 3px 0 0 -15px;
   padding: 0 0 0 13px;
}
.art-postcontent ul > li {
   background-image: url('../images/postbullets.png');
   background-repeat: no-repeat;
   background-position: top left;
   padding-left: 13px;
   overflow-x: visible;
   overflow-y: hidden;
}
.art-postcontent ol > li {
   background: none;
   padding-left: 0;
   overflow: visible;
}

/* Immagini e tabelle */
.art-article img, img.art-article, .art-block img, .art-footer img {
   border-color: #A9C1C1;
   border-style: solid;
   border-width: 0;
   margin: 7px;
}

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

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

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

blockquote {
   margin: 10px;
   padding: 10px;
   background-color: #D3DFDF;
   margin-left: 50px;
   padding-left: 38px;
   background-image: url('../images/postquote.png');
   background-position: left top;
   background-repeat: no-repeat;
   overflow: auto;
   clear: both;
   color: #1E433E;
   font-style: italic;
}

/* Post header/footer icons */
.art-postheadericons, .art-postfootericons,
.art-postheadericons a, .art-postfootericons a {
   font-family: Arial, Helvetica, Sans-Serif;
   color: #3E5656;
}
.art-postheadericons, .art-postfootericons { padding: 1px; }
.art-postheadericons a, .art-postheadericons a:link,
.art-postfootericons a, .art-postfootericons a:link {
   text-decoration: none;
   color: #316D65;
}
.art-postheadericons a:hover, .art-postfootericons a:hover {
   text-decoration: underline;
   color: #257960;
}

span.art-postdateicon {
   background: url('../images/postdateicon.png') no-repeat left 0.5em;
   padding-top: 9px;
   margin-top: -9px;
   padding-left: 23px;
   min-height: 18px;
   display: inline-block;
   line-height: 1em;
}
span.art-postauthoricon {
   background: url('../images/postauthoricon.png') no-repeat left 0.5em;
   padding-top: 9px;
   margin-top: -9px;
   padding-left: 24px;
   min-height: 18px;
   display: inline-block;
   line-height: 1em;
}
span.art-postcategoryicon {
   background: url('../images/postcategoryicon.png') no-repeat left 0.5em;
   padding-top: 9px;
   margin-top: -9px;
   padding-left: 24px;
   min-height: 18px;
   display: inline-block;
   line-height: 1em;
}

/* --- FOOTER --- */
.art-footer {
   position: relative;
   margin-top: 0;
   margin-bottom: 0;
   width: 100%;
}
.art-footer-body {
   position: relative;
   padding: 5px;
   color: #0B1917;
   font-size: 11px;
}
.art-footer-body::before {
   position: absolute;
   content: ' ';
   z-index: -2;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   background-image: url('../images/footer.png');
   background-position: bottom left;
}
.art-footer-text {
   padding-left: 10px;
   padding-right: 10px;
   text-align: center;
}
.art-footer-text p {
   padding: 0;
   margin: 0;
   text-align: center;
}
.art-footer-body a, .art-footer-body a:link {
   color: #103328;
   text-decoration: none;
   font-size: 11px;
}
.art-footer-body a:visited { color: #2B3B3B; }
.art-footer-body a:hover { color: #071713; text-decoration: underline; }
.art-footer-body ul li {
   color: #1E2929;
   padding: 0 0 0 13px;
   background-image: url('../images/footerbullets.png');
   background-repeat: no-repeat;
   background-position: top left;
}

div.art-footer img {
   border-width: 0;
   margin: 0;
}

/* --- BUTTON --- */
span.art-button-wrapper > a.art-button,
span.art-button-wrapper > a.art-button:link,
span.art-button-wrapper > input.art-button,
span.art-button-wrapper > button.art-button {
   text-decoration: none;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 12px;
   position: relative;
   top: 0;
   display: inline-block;
   vertical-align: middle;
   white-space: nowrap;
   text-align: center;
   color: #000 !important;
   width: auto;
   outline: none;
   border: none;
   background: none;
   line-height: 31px;
   height: 31px;
   margin: 0 !important;
   padding: 0 16px !important;
   overflow: visible;
   cursor: pointer;
}
span.art-button-wrapper {
   vertical-align: middle;
   display: inline-block;
   position: relative;
   height: 31px;
   overflow: hidden;
   white-space: nowrap;
   width: auto;
   max-width: 1728px;
   margin: 0;
   padding: 0;
   z-index: 0;
}
span.art-button-wrapper > span.art-button-l,
span.art-button-wrapper > span.art-button-r {
   display: block;
   position: absolute;
   top: 0;
   bottom: 0;
   margin: 0;
   padding: 0;
   background-image: url('../images/button.png');
   background-repeat: no-repeat;
}
span.art-button-wrapper > span.art-button-l {
   left: 0;
   right: 10px;
   background-position: top left;
}
span.art-button-wrapper > span.art-button-r {
   width: 10px;
   right: 0;
   background-position: top right;
}
span.art-button-wrapper.hover > span.art-button-l { background-position: center left; }
span.art-button-wrapper.hover > span.art-button-r { background-position: center right; }
span.art-button-wrapper.active > span.art-button-l { background-position: bottom left; }
span.art-button-wrapper.active > span.art-button-r { background-position: bottom right; }
span.art-button-wrapper input { float: none !important; }

/* --- MESSAGGI SISTEMA JOOMLA --- */
#system-message-container,
.alert {
   margin-bottom: 15px;
}
.alert-success { background: #d4edda; border: 1px solid #c3e6cb; color: #155724; padding: 10px 15px; border-radius: 3px; }
.alert-info    { background: #d1ecf1; border: 1px solid #bee5eb; color: #0c5460; padding: 10px 15px; border-radius: 3px; }
.alert-warning { background: #fff3cd; border: 1px solid #ffeeba; color: #856404; padding: 10px 15px; border-radius: 3px; }
.alert-danger, .alert-error  { background: #f8d7da; border: 1px solid #f5c6cb; color: #721c24; padding: 10px 15px; border-radius: 3px; }

/* Legacy Joomla system messages */
#system-message dd.message ul {
   background: #c3d2e5;
   border-top: 3px solid #5b8fc0;
   border-bottom: 3px solid #5b8fc0;
   margin: 0;
   padding-left: 15px;
}
#system-message dd.error ul {
   color: #c00;
   background: #e6c0c0;
   border-top: 3px solid #de7a7b;
   border-bottom: 3px solid #de7a7b;
   margin: 0;
   padding-left: 15px;
}
#system-message dd.notice ul {
   color: #c00;
   background: #efe7b8;
   border-top: 3px solid #f0dc7e;
   border-bottom: 3px solid #f0dc7e;
   margin: 0;
   padding-left: 15px;
}
#system-message ul li {
   background-image: none;
   padding-left: 0;
}
#system-message { margin-bottom: 20px; }

/* --- PAGINAZIONE --- */
.pagination {
   margin: 0;
   padding: 0;
   text-align: center;
}
.pagination .counter { text-align: center; }
.pagination ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
   text-align: center;
}
.pagination ul li {
   display: inline;
   padding: 2px 5px;
   text-align: left;
   margin: 0 2px;
   background-image: none;
}

/* --- LAYOUT BLOG/CATEGORIE --- */
.cols-2 .column-1, .cols-2 .column-2 { float: left; clear: right; width: 50%; }
.cols-3 .column-1 { float: left; clear: right; width: 33%; }
.cols-3 .column-2 { float: left; clear: right; width: 33%; }
.cols-3 .column-3 { float: left; clear: right; width: 34%; }
.row-separator { clear: both; float: none; font-size: 1px; display: block; }

.article-info { margin: 10px 0; }
.article-info .article-info-term { display: none; }
.article-info dd {
   background-image: none;
   margin: 0;
   padding: 0;
   line-height: 120%;
}

/* --- LOGIN --- */
.login .login-description img { float: left; margin: 0 5px 5px 0; }
.login fieldset { clear: both; border: 0; }
.login .login-fields label { float: left; width: 15em; display: block; }

#login-form fieldset { border: none; margin: 0; padding: 0; }
#login-form p { margin: 0.5em 0 0; }
#login-form #form-login-username label,
#login-form #form-login-password label { display: block; }
#login-form #form-login-remember input { margin: 0; padding: 0; vertical-align: bottom; position: relative; top: -1px; }
#login-form #modlgn-username, #login-form #modlgn-passwd { width: 95%; margin: 0; padding: 0; }
#login-form ul { list-style-type: none; margin: 0; padding: 0; }
#login-form ul li { background-image: none; padding: 0; }

/* --- CATEGORIE --- */
.category ul.actions, .category ul.actions li, .category ul.actions li img { display: inline; margin: 0; padding: 0; }
.category ul.actions li { background: none; }
.category-list .category-desc .image-left { float: left; margin: 0 5px 5px 0; }
.category-list .category-desc .image-right { float: left; margin: 0 0 5px 5px; }
.category-list fieldset.filters { border: none; }
.category-list table.category { width: 100%; }
.categories-list ul { list-style-type: none; margin: 0 0 0 20px; padding: 0; }
.categories-list ul li { background-image: none; padding: 5px; clear: both; }

/* --- UL PAGENAV --- */
ul.pagenav { margin: 0; padding: 0; list-style-type: none; text-align: center; }
ul.pagenav li { display: inline-block; padding: 0 5px; text-align: center; background-image: none; }

/* --- TABELLA POSITION --- */
table.position { position: relative; width: 100%; table-layout: fixed; }

/* --- li con h-tag (reset margini) --- */
li h1, li h2, li h3, li h4, li h5, li h6, li p { margin: 1px; }

/* --- PRINT COMPATIBILITÀ --- */
@media print {
   #art-page-background-middle-texture,
   #art-main { background: none !important; }
   .art-nav, .art-hmenu-extra1, .art-hmenu-extra2 { display: none; }
}