/*****************************************/
/* STILI CONTENUTO: COLORI BORDI E FONTS */
/*****************************************/

/* ARTICOLO */
#article                { background: transparent; letter-spacing: 1px; font-family: 'Abel', sans-serif;}
#article 		{ margin: 0; padding: 0 0 15px; height: auto !important; min-height: 440px; }

/* TITOLI E LINEE */
#article em 		{ width: 99%; }
#article h2         { color: #2A5275; font-size: 1.8em; font-family: 'Abel', sans-serif;font-weight: 700; line-height: 1.4em; text-transform: uppercase;text-align: left;margin: 0 0 15px; padding: 0 10%; }
/* Titolo della pagina: il FW ora lo emette come h1 in #conttitle (prima h2), e
   con CONT_IMG_POS = 'over' lo mette sulla foto di testata. Stessa resa del
   vecchio h2: Abel maiuscolo, blu del sito senza foto. Sulla foto colore,
   margini e ombra li impone lo <style> di common/bg_cont.php, che viene dopo. */
#conttitle h1        { color: #2A5275; font-size: 1.4em; font-family: 'Abel', sans-serif; font-weight: 700; line-height: 1.4em; letter-spacing: 1px; text-transform: uppercase; text-align: left; margin: 10px 0 15px; padding: 0 10%; }
#article h3         { color: #2A5275; font-size: 1.4em; font-family: 'Abel', sans-serif;font-weight: 700; line-height: 1.4em; text-transform: uppercase;text-decoration: none; text-align: left;margin: 10px 0; padding: 0 10%; }
#article h4         { color: #2A5275; font-size: 1.2em; font-family: 'Abel', sans-serif;font-weight: bold; line-height: 1.2em; text-transform: uppercase;text-decoration: none; text-align: left;margin: 5px 0; padding: 0 10%; }
#article h5 		{ color: #2A5275 !important; font-size: 1.1em; font-family: 'Abel', sans-serif;font-weight: bold; text-transform: uppercase;line-height: 1.1em; text-align: left;margin: 5px 0; padding: 0 10%; }
#article h6 		{ color: #2A5275 !important; font-size: 1.1em; font-family: 'Abel', sans-serif;font-weight: bold; text-transform: uppercase;line-height: 1.0em; text-align: left;margin: 5px 0; padding: 0 10%; }
#article hr 		{ color: #0000CC; border-top: none; border-bottom: 1px #ddd solid; border-right: 1px solid #ddd; border-left: none; }

/* PARAGRAFO */
#article p{background:transparent;font-size:1em;line-height:1.5em;text-align:justify;margin:5px 10% 0;padding:5px 0 5px;}
#article p.disclaimer 	{ font-size: 0.7em; line-height: 1.2em; }
#article p.author	{ font-size: 0.7em; text-align: right; }
#article p.autore	{ margin: 1px 0; padding-right: 50px; }

/* LINKS */
#article a		{ color: #CF0707; font-weight: 700; text-decoration: none;  }
#article a:hover 	{ color: #CF0707; font-weight: 700; text-decoration: underline;  }
#article .link		{ border-bottom: 2px dashed #78a4ce }
#article .link		{ padding: 5px 0; clear: left; }
#article .link img	{ border: solid 1px #78a4ce }
#article .link img	{ margin: 5px 15px 5px 0; float: left; }
#article .link p	{ }

/* IMMAGINI */
#article img{border: 0px #336699 solid;max-width: 98%; margin: 5px 5px 0 0; padding: 5px 5px 5px 0; }
#article img.ico{background: transparent; border: none;width: 32px; vertical-align: middle; margin: 5px 16px; padding: 2px 1px; }
#article img.ico a{background: transparent; border: none; }
#article img.dx 	{ margin: 5px 0 5px 15px; width: 250px; padding: 5px; float: right; clear: right; }
#article img.dxh	{ margin: 5px 0 5px 15px; height: 250px; padding: 5px; float: right; clear: right; }
#article img.sx 	{ margin: 5px 15px 5px 0; padding: 5px; float: left; clear: left; }

#article img.meteo 	{ margin: 5px 15px 5px 0; padding: 5px; clear: left; max-width: 90%; max-height: 500px; }

/* CITAZIONE */
#article blockquote     { text-align: justify; line-height: 1.0em; word-spacing: 0.2em; border-left: solid 30px #8E942D }
#article blockquote     { margin: 5px; padding: 20px; }

/* ELENCHI GENERICI */
#article ul 		{ font-size: 1em; }
#article ul 		{ list-style-type: none; margin: 5px 0 0; padding: 0 10% 0; }
#article ul li 		{ background: url("../graphics/bg_li.png") no-repeat top left; background-size: 8px;list-style-image: none; margin: 0 0 0 20px; padding: 0 0 0 20px;  line-height: 1.5em;}
#article ul ol 		{ font-size: 1em; font-weight: 500;margin: 5px 0 0; }
#article ol ul 		{ font-size: 1em; font-weight: 500;margin: 5px 0 0; }
#article ul ul 		{ font-size: 1em; font-weight: 500;margin: 5px 0 0; }
#article ol ol 		{ font-size: 1em; font-weight: 500;margin: 5px 0 0; }
#article ol 		{ font-size: 1em;line-height:1.5em;font-weight: 500;list-style-type: decimal; margin: 5px 0 0; padding: 0 10% 0;  }
#article ol li 		{ background: transparent;margin-left: 15px; padding-left: 25px; }
#article ol li p 	{ font-size: 1em;line-height:1.5em; }

/* TABELLA GENERICA */
#article table                  { font-size: 0.9em; }
#article table                  { width: 95%; }
#article th                     { background: #fff; color: #003366; font-weight: bold }
#article td                     { background: #fff; color: #003366; border: 1px #fff solid; text-align: left;  }
#article td                     { margin: 5px 3px 5px 3px; padding: 2px 5px 2px 5px; }
#article td p                   { color: #003366; font-size: 1em; text-align: left; }
#article td p strong            { color: #003366; font-weight: normal; text-align: left; }

/* TABELLA X LISTE */
#article table.items 			{ background: transparent; border: solid 1px #0366C9; }
#article table.items 			{ width: 96%; margin: 0 2%;}
#article table.items th 		{ background: #0366C9; color: #FFf; letter-spacing: 2px; font-weight: bold; text-align: center; border: 0px solid #0366C9; }
#article table.items th 		{ padding: 5px; }
#article table.items td 		{ color: #fff; background: #0366C9; text-align: center; border: 0px solid #fff; }
#article table.items td 		{ padding: 5px; width: 33%; }
#article table.items td a		{ color: #fff; background: transparent; }
#article table.items td.itemlogo 	{ color: #000; background-color: #fff; border: 0px #0366C9 solid; text-align: center; }
#article table.items td img 		{ width: 100%; margin: 2px; padding: 0;  }

/* TABELLA X LISTE */
#article table.people 			{ background: transparent; border: solid 0px #0366C9; }
#article table.people 			{ width: 96%; margin: 0 2%;}
#article table.people th 		{ background: transparent; color: #fff; letter-spacing: 2px; font-weight: bold; text-align: center; border: 0px; }
#article table.people th 		{ padding: 5px; }
#article table.people td 		{ color: #295175; background: transparent; text-align: left; border: 0px; }
#article table.people td 		{ padding: 5px; }
#article table.people td p		{ margin:0; padding:0; }
#article table.people td a		{ color: #295175; background: transparent; }
#article table.people td.img            { width: 20%; margin: 2px; padding: 10px; vertical-align: top; }
#article table.people td img 		{ width: 95%; margin: 2px; padding: 10px; }

/* ALTRE IMMAGINI SITO */
#article img.preview                    { display: block; margin: 5px 10px 5px 0; padding: 0; width: 450px; height: 318px; border: solid 1px #663 }
#article img.data                       { margin: 0px 10px -10px 0px; border: 0px none}

/* NEWS */
#article hr                             { clear: left; color: #999; }
#article img.news                       { margin: 5px 5px 5px 0px; width: 150px; padding: 5px; float: left; border-right: 1px #f59129 solid; }

/* Le regole .nivoSlider / .nivo-caption / .nivo-controlNav che stavano qui
   sono state rimosse: nessuna pagina usa piu' nivoSlider, lo slider della home
   e' .aw-slider (home.css). */
#article #wrapper                       { background: transparent; float: left; width: 100%; min-height: 300px; margin: 15px 0px 10px; }

#article #post_holder p.inactive{ background: #ccc; }

/* AMMINISTRAZIONE
   Il blocco che stava qui (nove regole con i bg_adm_*.png, immagini che nel
   sito non c'erano nemmeno, piu' geometria e colore del pulsante, #333399,
   scritti a mano) e' passato al framework, in css/awvIcons.css: le icone sono
   SVG usate come maschera, quindi prendono da sole il colore del sito, e
   stanno in un posto solo per tutti i progetti. Il foglio del FW e' linkato
   dal <head> di index.php e content.php, prima di questo, cosi' quel che resta
   qui sotto ha comunque l'ultima parola. Il colore dei pulsanti si governa da
   --awv-admin-bg (vedi :root in screen.css). */

/* Il linkino di modifica testo che get_text() infila dentro l'etichetta del
   pulsante quando si e' redattori: non e' un pulsante, resta testo. */
#article ul.admin li a.text     { color: #333; background: transparent; }
#article ul.admin li a.text     { display: inline; padding: 0; margin: 0; }

#article table.browser              { width: 100%; }
#article table.browser th           { padding: 0 3px; }
#article table.browser td           { padding: 5px 8px 0 8px; }
#article table.browser td.action    { width: 24px; }
#article table.browser img a        { margin: 0; padding: 0; width: 50px }

/* TABELLE DI GESTIONE (BROWSE) */
.admtable{ width: 94% !important; margin: 0 3%; font-family: "Open Sans", Arial, Helvetica, sans-serif; border-color: #888; }
.admtable input[type="checkbox"]{ width: auto !important; height: auto !important; }
.admtable ul{ font-size: 14px !important; }
.admtable th{ line-height:2.2em !important;font-size:1.2em !important;color:#fff !important;background:#225588 !important;}
.admtable tr{border-bottom: 2px solid #ddd !important;}
.admtable td{border: 2px solid #ddd !important;}
.admtable ul li{background:transparent!important}
/*.admtable td{text-align:center !important;}*/

.admtable tr.footable-filtering{padding:10px 30px;border:1px solid #777 !important;}
.footable-pagination-wrapper{ text-align: center !important; }
li.footable-page            { display: none !important; background: transparent !important;}
li.footable-page.visible    { display: inline !important; padding: 0 !important; background: transparent !important; }
li.footable-page-nav        {  background: transparent !important; }
li.footable-page a.footable-page-link,li.footable-page-nav a.footable-page-link{color:#225588 !important;}
li.active a.footable-page-link{color:#fff !important;}

.admtable-odd               { background-color: #f7f7f7; }

.admtable{ width: 94% !important; margin: 0 3%; font-family: "Open Sans", Arial, Helvetica, sans-serif; border-color: #888; }
.admtable input[type="checkbox"]{ width: auto !important; height: auto !important; }
.admtable ul{ font-size: 14px !important; }
.admtable th{ line-height:2.2em !important;font-size:1.2em !important;color:#fff !important;background:#225588 !important;}
.admtable tr{border-bottom: 2px solid #ddd !important;}
.admtable td{border: 2px solid #ddd !important;}
.admtable ul li{background:transparent!important}
/*.admtable td{text-align:center !important;}*/

.admtable tr.footable-filtering{padding:10px 30px;border:1px solid #777 !important;}
.footable-pagination-wrapper{ text-align: center !important; }
li.footable-page            { display: none !important; background: transparent !important;}
li.footable-page.visible    { display: inline !important; padding: 0 !important; background: transparent !important; }
li.footable-page-nav        {  background: transparent !important; }

.admtable-odd               { background-color: #f7f7f7; }

#article a.text 		{ color: #333; background: transparent; }
#article table.browser          { width: 100%; }
#article table.browser		{ font-size: 0.8em; letter-spacing: 0px; border: solid 2px #3B488D; width: 94%; }
#article table.browser th  	{ color: #fff; background: #225588; line-height: 2.2em; font-size: 1.4em; text-align: center; font-weight: bold; border-bottom: 2px solid #BACF9B }
#article table.browser th       { padding: 0 3px; }
#article table.browser tr  	{ border: 2px solid #ddd; }
#article table.browser td  	{ color: #000; background: #fff; text-align: center; vertical-align: middle; border: 2px solid #ddd; }
#article table.browser td       { padding: 5px 8px 0 8px; }
#article table.browser td.action{ width: 24px; }
#article table.browser img a    { color: #000; background: #fff; text-align: center; vertical-align: middle; border: 2px none #b99f8c; width: 50px; }
#article table.browser img a    { margin: 0; padding: 0; width: 50px }

#article #form_post             { }
#article #form_post textarea    { width: 95%; border: solid 2px #bbb; height: 4em; resize: none; }

/* PAGINAZIONE */
ul.simplePagerNav ul.pagination1 li:hover,
ul.pagination2 li:hover,
ul.pagination3 li:hover             { background-color: #FF9500 !important; }

ul.pagination1 li,
ul.pagination2 li,
ul.pagination3 li                   { padding: 10px !important; background-color: #8890FC !important; font-size: 1.6em !important; color: #fff !important; width: 600px !important; margin-bottom: 1px !important; list-style: none !important; }

ul.red                              { outline: 10px solid red !important; }
ul.simplePagerNav                   { margin: 15px 0 !important; padding: 15px 30px !important; }
ul.simplePagerNav li                { background-image: none !important; display: block; float: left; padding: 5px 10px !important; margin-bottom: 10px !important; font-size: 0.9em !important; border-radius: 10px; border: 0px solid #003366; }
ul.simplePagerNav li a              { color: #333 !important; text-decoration: none !important; }
li.currentPage                      { background: red !important; background: #FF9500 !important; border-radius: 10px; }
ul.simplePagerNav li.currentPage a  { color: #fff !important; }
table.pageme                        { border-collapse: collapse; border: 1px solid #ccc; }  
table.pageme td                     { border-collapse: collapse; border: 1px solid #ccc; }

#article .paging                        { font-size: 0.8em; background: transparent; line-height: 1.7em; margin-top: 5px;  }
#article .paging                        { margin-top: 5px;  }
#article .paging p                      { text-align: center; }
#article .paging ul.paging              { text-align: center; margin: 0 auto; padding: 3px; border-style: none; }
#article .paging ul.paging              { list-style-type: none; margin: 0 auto; padding: 3px; }
#article .paging ul.paging li.page      { text-align: center; background: transparent; padding: 3px; }
#article .paging ul.paging li.page      { display: inline; list-style-image: none; margin: 0 5px; padding: 3px; }
#article .paging ul.paging li.page a    { text-decoration: underline; }

.my-simple-gallery{width:100%;float: left;text-align:center}
.my-simple-gallery figure{min-height:390px;margin:5px 10px;display:inline-table;}
.my-simple-gallery figure.land{min-height:400px;}
.my-simple-gallery figure.potr{min-height:630px;}

#iubenda_policy ul, 
#iubenda_policy li                  { background: transparent !important; padding: 0 !important; margin: 0 !important; }

/* Codice per SMARTPHONE max 320 px  */
@media only screen and (max-width: 320px) {
#article h2         { font-size: 0.9em;  }
#article h3         { font-size: 0.9em; }
#article h4         { font-size: 0.9em; }
#article h5 	{ font-size: 0.9em; }
#article h6 	{ font-size: 0.9em; }

#article p 		{ font-size: 0.9em; }
#article ul 	{ font-size: 0.9em; }

#contimages         { display: none; }
#conttitle h2       { padding: 110px 0 0 0; font-size: 1.4em; }

.my-simple-gallery figure       { width: 80%;}
}

/* Codice per TABLET vert SMARTPHONE oriz 321-480 px */
@media only screen and (min-width: 321px) and (max-width: 480px) {
#article h2         { font-size: 0.9em;  }
#article h3         { font-size: 0.9em; }
#article h4         { font-size: 0.9em; }
#article h5 	{ font-size: 0.9em; }
#article h6 	{ font-size: 0.9em; }

#article p 		{ font-size: 0.9em; }
#article ul 	{ font-size: 0.9em; }

#contimages         { display:none; }
    
    .my-simple-gallery figure       { width: 80%;}
}

/* Codice per TABLET vert. 481 – 768 px */
@media only screen and (min-width: 481px) and (max-width: 768px) {
#article h2         { font-size: 1.5em;  }
#article h3         { font-size: 1.3em; }
#article h4         { font-size: 1.2em; }
#article h5 	{ font-size: 1.1em; }
#article h6 	{ font-size: 1.1em; }

#article p 		{ font-size: 1.1em; }
#article ul 	{ font-size: 1.1em; }

#contimages         { display:none; }

.my-simple-gallery figure       { width: 90%;}
}

/* Codice per TABLET oriz. 769 – 1024 px */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.my-simple-gallery figure   { width: 30%;}

#article h2.tititems        { clear: left; }
#article ul.items li 	{ float: left; width: 43%; margin: 1%; padding: 1%; text-align: center; vertical-align: middle; border: 1px solid #333;background-color:rgba(256, 256, 256, 0.7); }
}

/* Codice per TABLET 1025 – 1240 px */
@media only screen and (min-width: 1025px) and (max-width: 1240px)  {
.my-simple-gallery figure   { width: 30%;}

#article h2.tititems        { clear: left; }
#article ul.items li 	{ float: left; width: 27%; margin: 1%; padding: 1%; text-align: center; vertical-align: middle; border: 1px solid #333;background-color:rgba(256, 256, 256, 0.7); }
}

/* Codice per DESKTOP min. 1241 px  */
@media only screen and (min-width: 1241px) {
#article p{font-size:1.4em;line-height:2.0em;}
#article ol,#article ul{font-size:1.4em;line-height:2.0em;}

.my-simple-gallery figure   { width: 30%;}

#article h2.tititems        { clear: left; }
#article ul.items li 	{ float: left; width: 27%; margin: 1%; padding: 1%; text-align: center; vertical-align: middle; border: 1px solid #333; background-color:rgba(256, 256, 256, 0.7); }
}