/* PEACEFUL AUGUST SKIN by sotired @FUCKYEAH */
.table {margin: 0; background: #F9EFEA; padding: 2px}
.ttable {background: #FCFAF0; margin-left: 5px; margin-right: 5px; margin-bottom: 5px; padding: 8px; border-left: 3px solid rgba(0, 0, 0, .1); border-right: 3px solid rgba(0, 0, 0, .1); border-bottom: 3px solid rgba(0, 0, 0, .1)}
.ttitle {margin-top: 5px; margin-left: 5px; margin-right: 5px; text-align: center; letter-spacing: 0; font-size: 11px; text-transform:; color: #FFF; padding: 4px 8px 2px 4px; background: #E5AE9C; border-left: 3px solid rgba(0, 0, 0, .1); border-right: 3px solid rgba(0, 0, 0, .1); border-top: 3px solid rgba(0, 0, 0, .1); border-bottom: 1px solid rgba(0, 0, 0, .1)}
body {font: 14px/150% 'Roboto', Trebuchet MS, Tahoma, Sans-serif; color: #5E525E; background-color: #445640}
a {color: #C5D46D; text-decoration: none} a:hover {color: #DE958C}
.last-post a *, .web * {color: #C5D46D !important}
.footer {color: #333}
.footer a {font-weight: bold; color: #333}
/* SIDEBAR */
.sidebar {background-color: #FCFAF0}
.sidebar a {color: #97B03A}
.sidebar li {line-height: normal; color: #FFFFFF}
.side_title, .side_title.side_close, .side_title #tab_queue {background-color: #E5AE9C; color: #FFFFFF; font-size: 11px; text-transform:; border-bottom: 1px solid #D77A73}
.submenu > li strong {background-color: #E5AE9C; color: #FFFFFF; font-size: 11px; text-transform:; border-bottom: 1px solid #D77A73; display: inline-block; width: 100%; margin: -5px; padding: 8px 15px; margin-left: -20px}
.submenu > li, .login > li, #ff_links, .search {border-bottom: 1px solid #DDD; font-size: 12px}
#ff_links, .search {border-top: 0}
/* menu utente */
.menu > li {color: #6E5837}
.menu .nickname {font-weight: bold; font-size: 18px; color: #6C869C}
.sidebar em {font-weight: bold; color: #FFF; background-color: #6C869C}
/* login */
.login input {color: #6E5837; border: 1px solid #DDD}
.login input[type=submit] {background: #6E879C; color: #FFF; font-weight: bold} .login input[type=submit]:hover {background: #97B03A}
/* cerca */
.search {background-color: #FFF}
.search input {color: #6E5837}
/* NAV */
.menuwrap_bg {background-color: #BFCF64}
.menuwrap em {background-color: #BFCF64}
/* nome forum */
#nav-title span {color: #FFF; font-size: 14px; text-transform:; font-weight: normal}
/* HEADER, LOGO */
.header {background: #EBEDE0}
.logo {padding-top: 8px; background-position: center center; background-repeat: no-repeat; background-size: cover}
/* SEZIONI */
.list-group {background: #F9EFEA; padding: 5px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0 10px}
.list-group > * {background-color: #FCFAF0; border-bottom: 1px solid #EBE6CB; margin: 0 3px; padding: 8px; border-left: 3px solid rgba(0, 0, 0, .1); border-right: 3px solid rgba(0, 0, 0, .1)}
.g_last, .tagboard form, .stats_list > li:last-child, .user_online {border-bottom: 3px solid rgba(0, 0, 0, .1)} .tme {border: none}
.stats_bottom li, .u_info dl {background-color: #FCFAF0; border-bottom: 1px solid rgba(0, 0, 0, .1); padding: 5px}
.title {text-align: center; font-weight: normal; text-transform:; font-size: 11px; letter-spacing: 0; color: #FFFFFF; padding: 5px; background: #E5AE9C; margin-top: 5px; border-top: 3px solid rgba(0, 0, 0, .1); border-bottom: 1px solid rgba(0, 0, 0, .1)}
.web a {font-size: 14px; font-weight: bold; text-transform:} .forum .web a {font-size: 14px}
/* mantenere "!important" per evitare problemi di visualizzazione */
.desc, .desc * {color: #777 !important}
.last-post {color: #888}
.board .last-post a, .board .last-post a *, .forum .last-post a {font-size: 14px !important; font-weight: normal; color: #607D59}
.forum .last-post {margin-top: 7px}
.topics, .replies, .views {font-size: 12px; color: #535353}
span.timeago {color: #999 !important; font-size: 9px; text-transform:} .topic .timeago {color: #666} .timeago:before {display: none}
.no-time {font-style:italic; color: #999}
.popupago {text-align: center; background-color: #E5AE9C; color: #FFF; border-radius: 5px; -moz-border-radius: 5px}
/* sottosezioni */
.sub-link {font-size: 12px; color: #6E5837}
/* .on, .annuncio, .importante */
.on {background: #FDCCA4}
.annuncio {background: #E9EDDF} .importante {background: #E6EAE9}
.annuncio a {color: #90998A !important} .importante a {color: #8D9799 !important}
/* SELEZIONE RIGA: Moderazione */
li.selected {background-color: #E5BBB5 !important; border-bottom-color: #C6A39F !important} .selected *, .selected .web *, .selected .desc, .selected .desc *, .selected .last-post * {color: #FFF !important}
/* MESSENGER */
#mp-option label, #mp-delete {background-color: #FFF; color: #007299; font-weight: bold; font-size: 14px}
#mp-option label {border-right: 1px solid #DDD}
/* DISCUSSIONI, ARTICOLI */
.post {border: 1px solid #BBB}
.details a, .cancelled {font-size: 18px; font-weight: bold; color: #ABD1EA}
.cancelled {padding-left: 5px; font-weight: normal; color: #444}
.topic .group {color: rgba(0, 0, 0, .5); font-size: 13px}
.color {color: #6E5837; text-align: justify}
.color a {font-weight: bold; text-decoration: underline}
.edit {font-size: 10px; font-style: italic; color: #666}
.topic .option, .article .option {background-color: #EEE; border-top: 1px solid #CCC}
.topic .like {color: #666}
/* etichette, firma ffmobile*/
.tags, .ffmsign {font-size: smaller; font-style: italic}
.tags {margin-bottom: 0}
.tags a, .ffmsign a {text-decoration: none; font-weight: normal}
/* alert, info, success */
.alert {background-color: #FDB7C1; color: #B94A48; border-color: #EED3D7}
.info {background-color: #DDF1FF; color: #3A87AD; border-color: #BCE8F1}
.success {background-color: #DFF0D8; color: #468847; border-color: #D6E9C6}
.alert a, .info a, .success a {color: #3A87AD; text-decoration: none; font-weight: bold} .alert a {color: #B94A48} .success a {color: #468847}
/* allegati */
.attachment {text-align: center; position: relative}
.attachment > a {display: inline-block; padding: 7px}
/* popup moderazione post */
.topic .pop ul {background-color: #EEE; border: 1px solid #CCC; box-shadow: 0 0 5px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3)}
.topic .pop li, .pop #t_like {border-color: #CCC} .topic .pop li:last-child {border: 0}
.topic .pop a {font-size: 14px; color: #333}
/* ONLINE, OFFLINE, ANONIMO */
.online {background-color: #ABD1EA}
.offline {background-color: #D18995}
.anonimo {background-color: #C5D46D}
/* SONDAGGIO */
.poll-bar {background-color: #EAD2BF; border-radius: 2px; -moz-border-radius: 2px; color: #002C44}
.poll-bar div {background-color: #E4F0AF; border-radius: 2px 4px 4px 2px; -moz-border-radius: 2px 4px 4px 2px; color: #003A54}
.poll-max .poll-bar div {background-color: #CAE8FC}
/* PAGINAZIONE */
.pages, .pages .nolink:hover {border: 1px solid #CCC; background-color: #FFF !important}
.pages li a {color: #666; font-size: 17px; box-shadow: 1px 0 0 #CCC, inset 1px 0 0 #CCC; -moz-box-shadow: 1px 0 0 #CCC, inset 1px 0 0 #CCC; -webkit-box-shadow: 1px 0 0 #CCC, inset 1px 0 0 #CCC}
.pages li > a:first-child {box-shadow: -1px 0 0 #CCC; -moz-box-shadow: -1px 0 0 #CCC; -webkit-box-shadow: -1px 0 0 #CCC}
.pages li a:hover {background-color: #EEE}
/* CITAZIONI, SPOILER e CODICI annidati */
.quote_top, .code_top {margin: 10pt 0 0; font-size: 11px; padding-left: 7px; text-transform:} .quote_top a {padding: 0 10px; background: transparent url('https://img.forumfree.net/index_file/q.png') center no-repeat; text-decoration: none; text-transform:}
.quote {background: #E9EDDF; border: 2px solid rgba(0, 0, 0, .2); border-radius: 0 20px 20px; -moz-border-radius: 0 20px 20px; text-transform:}
.code, .spoiler .code .code {background: #E5E9EA; border: 2px solid rgba(0, 0, 0, .2); border-radius: 0 20px 20px; -moz-border-radius: 0 20px 20px; text-transform:}
.spoiler .code {background: #FDE1CB; border: 2px solid rgba(0, 0, 0, .2); border-radius: 0 20px 20px; -moz-border-radius: 0 20px 20px; text-transform:}
.quote, .code {padding: 5px 10px 5px 10px; margin-top: 0; font-size: 10pt; line-height: 140%; color: #656565; text-align: justify; text-transform:}
/* PROFILO */
header.profile {padding: 15px 0; color: #FFF}
.profile .avatar {border-radius: 90px; -moz-border-radius: 90px; border-width: 5px; margin-bottom: 20px; background-color: #FFF}
.u_nick {font-size: 25px; font-weight: bold; color: #F76D92}
.u_group {font-size: 15px}
.u_stats > table td {border-left: 1px solid #DDD}
.profile .title, li.u_info, li.u_signature, li.u_friends {margin: 0 7px; border: 1px solid #CCC}
.profile .title {margin-top: 7px; padding: 3px 8px; font-weight: bold; border-bottom: 0}
.u_info dl {padding: 4px 7px} .u_info dl:last-child {border-bottom: 0}
/* miniature avatar amici */
.friend_avatar {border: 1px solid #E5AE9C; border-radius: 5px; -moz-border-radius: 5px}
.friend_avatar img {border-radius: 5px; -moz-border-radius: 5px}
.friend_nickname {background: #E5AE9C; color: #FFF; font-size: 9px; text-transform:; line-height: 15px; text-align: center; border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px}
/* STATISTICHE */
.stats {text-align: center; color: #6E5837}
.groups_list {padding: 10px 5px}
.user_online a:before, .groups_list a:before {color: #6E5837}
.user_online, .groups_list {text-transform:; font-size: 11px}
.stats_list {text-align: left} .stats_list > li {padding: 3px 10px; font-weight: bold}
/* COLORI GRUPPI */
.male {color: #ABD1EA} .female {color: #EAABDA}
.amministratore {color: #7CAE73; font-weight: bold}
.box_amministratore .details {background-color: #D7EBAD}
.box_amministratore .details > a {color: #5C9B4D}
.moderatore {color: #63A4BA; font-weight: bold}
.box_moderatore .details {background-color: #D2F0EE}
.box_moderatore .details > a {color: #4092AD}
.gruppo1 {color: #CAD878; font-weight: bold}
.box_gruppo1 .details {background-color: #CAD878}
.box_gruppo1 .details > a {color: #FAFAFA}
.gruppo2 {color: #8EA5B8; font-weight: bold}
.box_gruppo2 .details {background-color: #8EA5B8}
.box_gruppo2 .details > a {color: #FAFAFA}
.gruppo3 {color: #FE7DA3; font-weight: bold}
.box_gruppo3 .details {background-color: #EA9B81}
.box_gruppo3 .details > a {color: #FAFAFA}
.gruppo4 {color: #FD7057; font-weight: bold}
.box_gruppo4 .details {background-color: #FD7057}
.box_gruppo4 .details > a {color: #FAFAFA}
.gruppo5 {color: #4D9023; font-weight: bold}
.box_gruppo5 .details {background-color: #4D9023}
.box_gruppo5 .details > a {color: #FAFAFA}
/* INPUT e BOTTONI */
.codebuttons, .forminput, .textinput, #allegati input {font-size: 1em; margin: 3px; padding: 3px; background-color: #F9EFEA; color: #9E9A88; border: 1px solid rgba(0, 0, 0, .1); border-radius: 5px; -moz-border-radius: 5px}
/* mantenere separato il selettore per evitare problemi di visualizzazione */
#allegati input::-webkit-file-upload-button {font-size: 1em; margin: 3px; padding: 3px; background-color: #E9E0DC; color: #9E9A88; border: 1px solid #CCC; border-radius: 3px; -moz-border-radius: 3px}
.textinput {margin: 10px 0; font-size: 16px}
/* bagliore azzurro */
.textinput:focus {outline: none; border-color: #E66F9C; box-shadow: 0 0 2px #E66F9C; -moz-box-shadow: 0 0 2px #E66F9C; -webkit-box-shadow: 0 0 2px #E66F9C}
#mod_options {color: #777; border: 1px solid #CCC; padding: 3px}
#send-button {background: #F8F2EA; font-size: 15px; color: #75554D; font-weight: bold}
.buttons a {padding: 5px 0; background: #FDE1CB; border: 2px solid rgba(0, 0, 0, .1); color: rgba(0, 0, 0, .4); border-radius: 5px; -moz-border-radius: 5px; font-weight: normal; font-size: 13px; letter-spacing: 0; text-transform:}










/*CSS TRAMA STE MEL*/
.trama-body {background-color: #607D59;
 color: white;
 font-size: 12px;
 margin: 0}
.trama-header {height: 15px;
 padding: 10px;
 text-align: center;
 background-color: #DDD;
 color: #777777;
 font-family: arial;
 font-size: 10px;
 line-height: 5px}
.trama-intestazione {text-align: center;
 color: white;
 font-family: serif;
 font-size: 19px;
 line-height: 10px}
.trama-citazione {display: block;
 margin-bottom: 1em;
 max-height: 3em;
 padding: 3px;
 text-align: center;
 color: #EEEEEE;
 font-family: serif;
 font-size: 9px;
 letter-spacing: 1px;
 text-transform: uppercase}
.trama-header-immagine {background-image: url(https://i.imgur.com/ztrfjhl.png);
 height: 4em;
 padding: 10px 10px 0 10px;
 align-content: center;
 background-size: 100% auto;
 background-repeat: no-repeat;
 background-position: center}
.trama-tabella-descrittiva {display: grid;
 grid-template-columns: 1fr 1fr 1fr 1fr;
 grid-template-rows: auto;
 grid-template-areas:
 "railcreekrpg railcreekrpg railcreekrpg data"
 "railcreekrpg railcreekrpg railcreekrpg immagine-laterale"
 "railcreekrpg railcreekrpg railcreekrpg immagine-laterale"}
.trama-sottotitolo {color: #CC6D4B;
text-align: center;
line-height: 14px;
 font-size: 15px !important;
 text-transform: uppercase;
 letter-spacing: -1px}
.trama-railcreekrpg {grid-area: railcreekrpg;
 background-color: #DDD;
 padding: 1em;
 text-align: justify;
 align-content: center;
 color: gray;
 font-size: 11px;
 max-height: 25em;
 overflow: scroll}
.trama-data {grid-area: data;
 background-color: #DDA39D;
 border: 5px solid #EDB5AF;
font-family: serif;
 padding: 60px 10px 0 10px;
 margin: 0;
 color: #FFFFFF;
 align-content: center;
 font-size: 11px;
 line-height: 13px}
.trama-immagine-laterale {grid-area: immagine-laterale;
 padding: 10px 10px 0 10px;
 align-content: center;
 margin: 0;
 background-size: 100% auto;
 background-image: url(https://i.imgur.com/jXLuaxv.png)}
/*FINE CSS TRAMA STE MEL*/


/*CSS REGOLAMENTO STE MEL*/
.regolamento-body {background-color: #607D59;
 color: white;
 font-size: 16px;
 margin: 0}
.regolamento-header {height: 15px;
 padding: 10px;
 text-align: center;
 background-color: #EEE;
 color: gray;
 font-family: arial;
 font-size: 9px;
 line-height: 5px}
.regolamento-intestazione {text-align: center;
 color: white;
 line-height: 15px;
 font-family: serif;
 font-size: 22px}
.regolamento-citazione {display: block;
 margin-bottom: 1em;
 max-height: 10em;
 padding: 10px;
 text-align: center;
 color: white;
 font-family: serif;
 font-size: 12px}
.regolamento-tabella-descrittiva {display: grid;
 grid-template-columns: 1fr 1fr 1fr 1fr;
 grid-template-rows: auto;
 grid-template-areas:
 "railcreekrpg railcreekrpg railcreekrpg data"
 "railcreekrpg railcreekrpg railcreekrpg data"
 "railcreekrpg railcreekrpg railcreekrpg data"}
.regolamento-sottotitolo {color: #EEE;
text-align: center;
line-height: 15px;
font-family: serif;
background-color: #CC6D4B;
font-weight: bold;
 font-size: 15px !important;
 text-transform: uppercase}
.regolamento-railcreekrpg {grid-area: railcreekrpg;
 background-color: #EEE;
 padding: 1em;
 text-align: justify;
 align-content: center;
 color: gray;
 font-size: 11px;
 max-height: 25em;
 overflow: scroll}
 .regolamento-sottotitolo2 {color: #DE958C;
text-align: center;
line-height: 22px;
background-color: #EEE;
font-weight: bold;
 font-size: 23px !important;
 padding: 5px;
 text-transform: uppercase}
.regolamento-linkutili {grid-area: data;
 background-color: #CC6D4B;
 font-family: serif;
 padding: 0;
 max-height: 32em;
 margin: 0
 text-align: center;
 align-content: center;
 font-size: 13px;
 line-height: 24px}
/*FINE CSS REGOLAMENTI STE MEL*/



/*CSS BOX GENERICI MEL*/
.razze-body {background-color: #607D59;
 color: white;
 font-size: 12px;
 margin: 0}
.razze-header {height: 15px;
 padding: 10px;
 text-align: center;
 background-color: #DDD;
 color: #777777;
 font-family: georgia;
 font-size: 10px;
 line-height: 5px}
.razze-intestazione {text-align: center;
 color: white;
 line-height: 18px;
 font-family: georgia;
 font-size: 19px}
.razze-citazione {display: block;
 margin-bottom: 1em;
 max-height: 10em;
 padding: 3px;
 text-align: center;
 color: white;
 font-family: georgia;
 font-size: 9px}
.razze-tabella-descrittiva {display: grid;
 grid-template-columns: 1fr 1fr 1fr;
 grid-template-rows: auto;
 grid-template-areas:
 "railcreekrpg railcreekrpg railcreekrpg"
 "railcreekrpg railcreekrpg railcreekrpg"
 "railcreekrpg railcreekrpg railcreekrpg"}
.razze-sottotitolo {color: #30223F;
text-align: center;
line-height: 16px;
background-color: gainsboro;
font-weight: bold;
 font-size: 15px !important;
 text-transform: uppercase}
.razze-railcreekrpg {grid-area: railcreekrpg;
 background-color: #EEE;
 padding: 2px;
 text-align: justify;
 font-family: georgia;
 align-content: center;
 color: #777777;
 font-size: 15px;
 line-height: 17px;
 max-height: auto}
 .razze-titolorazza {color: #FFFFFF;
text-align: right;
line-height: 12px;
background-color: #;
letter-spacing: 2px;
text-transform: uppercase;
 font-size: 12px !important;
 padding: 2px;
 font-family: georgias}
 .razze-riquadro {background-color: #DDA39D;
 padding: 5px;
 text-align: justify;
 font-family: georgia;
 align-content: center;
 color: #777777;
 font-size: 10px;
 max-height: auto}
 .razze-riquadro2 {background-color: #607D59;
 padding: 5px;
 text-align: justify;
 font-family: georgia;
 align-content: center;
 color: #777777;
 font-size: 10px;
 max-height: auto}
.razze-razzadescrizione {font: 13px trebuchet ms;
color: #333;
margin-left: 3px;
margin-right: 3px;
padding: 3px;
background-color: #E8E8E8;
border: 2px solid #DDD;
height: 135px;
overflow: auto}
.razze-titoloregole {color: #FFF;
text-align: center;
line-height: 9px;
background-color: #;
letter-spacing: 9px;
text-transform: uppercase;
 font-size: 10px !important;
 padding: 1px;
 font-family: georgia}
 .razza-riquadroregole {background-color: #CC6D4B;
 padding: 5px;
 text-align: justify;
width: 97%;
 font-family: georgia;
 align-content: center;
 color: #FFF;
 font-size: 10px;
 max-height: auto}
 .razze-regole {font: 13px trebuchet ms;
color: gray;
padding: 3px;
background-color: #E8E8E8;
text-align: justify;
align-content: center;
max-height: auto}
/*FINE CSS BOXGENERICI MEL*/


/* vietnamese */
@font-face {font-family: 'Saira Extra Condensed';
 font-style: normal;
 font-weight: 100;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/sairaextracondensed/v6/-nFsOHYr-vcC7h8MklGBkrvmUG9rbpkisrTri3j5_C9csw.woff2) format('woff2');
 unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab}
/* latin-ext */
@font-face {font-family: 'Saira Extra Condensed';
 font-style: normal;
 font-weight: 100;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/sairaextracondensed/v6/-nFsOHYr-vcC7h8MklGBkrvmUG9rbpkisrTri3j4_C9csw.woff2) format('woff2');
 unicode-range: u+0100-024f, u+0259, u+1e00-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff}
/* latin */
@font-face {font-family: 'Saira Extra Condensed';
 font-style: normal;
 font-weight: 100;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/sairaextracondensed/v6/-nFsOHYr-vcC7h8MklGBkrvmUG9rbpkisrTri3j2_C8.woff2) format('woff2');
 unicode-range: u+0000-00ff, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd}


 /* latin */
@font-face {font-family: 'Indie Flower';
 font-style: normal;
 font-weight: 400;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/indieflower/v12/m8JVjfNVeKWVnh3QMuKkFcZVaUuH.woff2) format('woff2');
 unicode-range: u+0000-00ff, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd}

/* vietnamese */
@font-face {font-family: 'Inconsolata';
 font-style: normal;
 font-weight: 300;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/inconsolata/v21/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp9s8WRL2l2eY.woff2) format('woff2');
 unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab}
/* latin-ext */
@font-face {font-family: 'Inconsolata';
 font-style: normal;
 font-weight: 300;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/inconsolata/v21/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp9s8WRP2l2eY.woff2) format('woff2');
 unicode-range: u+0100-024f, u+0259, u+1e00-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff}
/* latin */
@font-face {font-family: 'Inconsolata';
 font-style: normal;
 font-weight: 300;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/inconsolata/v21/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp9s8WR32lw.woff2) format('woff2');
 unicode-range: u+0000-00ff, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd}


 /* latin-ext */
@font-face {font-family: 'Libre Baskerville';
 font-style: normal;
 font-weight: 400;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/librebaskerville/v9/kmKnZrc3Hgbbcjq75U4uslyuy4kn0qNXaxMICA.woff2) format('woff2');
 unicode-range: u+0100-024f, u+0259, u+1e00-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff}
/* latin */
@font-face {font-family: 'Libre Baskerville';
 font-style: normal;
 font-weight: 400;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/librebaskerville/v9/kmKnZrc3Hgbbcjq75U4uslyuy4kn0qNZaxM.woff2) format('woff2');
 unicode-range: u+0000-00ff, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd}


/*CODE QUEST*/
.immaginequest {float: left; width: 150px; height: 150px; border: 6px solid #DDD; -webkit-transition: all 800ms cubic-bezier(0.670, 0.000, 0.170, 1.000); -moz-transition: all 800ms cubic-bezier(0.670, 0.000, 0.170, 1.000); -ms-transition: all 800ms cubic-bezier(0.670, 0.000, 0.170, 1.000); -o-transition: all 800ms cubic-bezier(0.670, 0.000, 0.170, 1.000); transition: all 800ms cubic-bezier(0.670, 0.000, 0.170, 1.000)}
.immaginequest:hover {float: left; width: 142px; height: 142px; opacity: 1; border: 10px solid #DDD; -webkit-transition: all 1s cubic-bezier(0.670, 0.000, 0.170, 1.000); -moz-transition: all 1s cubic-bezier(0.670, 0.000, 0.170, 1.000); -ms-transition: all 1s cubic-bezier(0.670, 0.000, 0.170, 1.000); -o-transition: all 1s cubic-bezier(0.670, 0.000, 0.170, 1.000); transition: all 1s cubic-bezier(0.670, 0.000, 0.170, 1.000)}
.didascaliaquest {width: 150px; height: 150px; padding-top: 150px; background-color: #FFF; opacity: 0; transition: all .7s ease-in-out; -webkit-transition: all 1s cubic-bezier(0.670, 0.000, 0.170, 1.000); -moz-transition: all 1s cubic-bezier(0.670, 0.000, 0.170, 1.000); -ms-transition: all 1s cubic-bezier(0.670, 0.000, 0.170, 1.000); -o-transition: all 1s cubic-bezier(0.670, 0.000, 0.170, 1.000); transition: all 1s cubic-bezier(0.670, 0.000, 0.170, 1.000)}
.didascaliaquest:hover {opacity: 1; padding-top: 0; width: 142px; height: 142px; -webkit-transition: all 1s cubic-bezier(0.670, 0.000, 0.170, 1.000); -moz-transition: all 1s cubic-bezier(0.670, 0.000, 0.170, 1.000); -ms-transition: all 1s cubic-bezier(0.670, 0.000, 0.170, 1.000); -o-transition: all 1s cubic-bezier(0.670, 0.000, 0.170, 1.000); transition: all 1s cubic-bezier(0.670, 0.000, 0.170, 1.000)}
.rolequest {font: 13px trebuchet ms; color: #333; padding: 5px; margin-left: 10px; background-color: #E8E8E8; border: 4px solid #718C6A; height: 144px; overflow: auto}
.boxquest {width: 100%; background-color: #445640; padding: 5px; text-align: justify; font-family: georgia; align-content: center; color: #888888; font-size: 13px; max-height: auto; border: 4px solid #DDD}
.nomecognomequest {font-family: 'Saira Extra Condensed', sans-serif; text-transform: uppercase; font-weight: bold; margin-top: 5px; font-size: 33px; padding-bottom: 10px; letter-spacing: 1px; text-align: right; color: #CC6D4B; font-style: italic; font-style: oblique}
.brevedescrizionequest {text-align: justify; background-color: #FFF; width: 94%; height: 94%; overflow: auto; padding: 5px; color: #222}
.titolodescrizionepgquest {width: 100%; height: 17px; color: #FFF; background: #519369; font: 12px constantia; line-height: 16px; text-transform:; font-variant: small-caps; letter-spacing: 1px; text-align: center; margin-top: 2px}
.datianagraficiquest {color: #FFFFFF; text-align: right; line-height: 12px; background-color: #; letter-spacing: 0; text-transform: uppercase; font-size: 10px !important; padding: 2px; font-family: georgias}





/*TAGBOARD CODICE MEL*/
.immaginetagboard {float: left; width: 190px; height: 150px; -webkit-transition: all 800ms cubic-bezier(0.670, 0.000, 0.170, 1.000); -moz-transition: all 800ms cubic-bezier(0.670, 0.000, 0.170, 1.000); -ms-transition: all 800ms cubic-bezier(0.670, 0.000, 0.170, 1.000); -o-transition: all 800ms cubic-bezier(0.670, 0.000, 0.170, 1.000); transition: all 800ms cubic-bezier(0.670, 0.000, 0.170, 1.000)}
.immaginetagboard:hover {float: left; width: 190px; height: 150px; opacity: 1; -webkit-transition: all 1s cubic-bezier(0.670, 0.000, 0.170, 1.000); -moz-transition: all 1s cubic-bezier(0.670, 0.000, 0.170, 1.000); -ms-transition: all 1s cubic-bezier(0.670, 0.000, 0.170, 1.000); -o-transition: all 1s cubic-bezier(0.670, 0.000, 0.170, 1.000); transition: all 1s cubic-bezier(0.670, 0.000, 0.170, 1.000)}
.tagboarddidascalia {width: 170px; height: 130px; border: 10px solid #FFF; font: 12px constantia; color: #555; background-color: #FFF; opacity: 0; transition: all 2s ease-in-out; -webkit-transition: all 2s cubic-bezier(0.670, 0.000, 0.170, 1.000); -moz-transition: all 2s cubic-bezier(0.670, 0.000, 0.170, 1.000); -ms-transition: all 2s cubic-bezier(0.670, 0.000, 0.170, 1.000); -o-transition: all 2s cubic-bezier(0.670, 0.000, 0.170, 1.000); transition: all 2s cubic-bezier(0.670, 0.000, 0.170, 1.000)}
.tagboarddidascalia:hover {opacity: 1; width: 170px; height: 130px; -webkit-transition: all 2s cubic-bezier(0.670, 0.000, 0.170, 1.000); -moz-transition: all 2s cubic-bezier(0.670, 0.000, 0.170, 1.000); -ms-transition: all 2s cubic-bezier(0.670, 0.000, 0.170, 1.000); -o-transition: all 2s cubic-bezier(0.670, 0.000, 0.170, 1.000); transition: all 1s cubic-bezier(0.670, 0.000, 0.170, 1.000)}
.linkvelocitagboard {width: 100%; height: 15px; color: #FFF; background-color: #CC6D4B; font: 10px calibri; text-transform: uppercase; line-height: 15px; font-variant: small-caps; letter-spacing: 2px; text-align: center; margin-top: px; border-bottom: 1px solid #FFF; -webkit-transition-property: all; -webkit-transition-duration: 2s; -o-transition-property: all; -o-transition-duration: 2s; -moz-transition-property: all; -moz-transition-duration: 2s}
.linkvelocitagboard:hover {width: 100%; height: 15px; color: #FFF; box-shadow: inset 200px 0 0 #445640; -moz-box-shadow: inset 200px 0 0 #445640; -webkit-box-shadow: inset 200px 0 0 #445640; background: #EEE; letter-spacing: 1px; text-align: center; margin-top: px; -webkit-transition-property: all; -webkit-transition-duration: 2s; -o-transition-property: all; -o-transition-duration: 2s; -moz-transition-property: all; -moz-transition-duration: 2s}
.tempogdrtagboard {width: auto; text-align: center; background: #607D59; color: #FFF !important; padding: 2px; font: 8px calibri; text-transform: uppercase; display: inline; margin-left: 1%}
.tagboardicona {float: left; width: 50px; height: 70px; opacity: 1; -webkit-transition-property: all; -webkit-transition-duration: 2s; -o-transition-property: all; -o-transition-duration: 2s; -moz-transition-property: all; -moz-transition-duration: 2s}
.tagboardicona:hover {float: left; width: 50px; height: 70px; opacity: 1; -webkit-transition-property: all; -webkit-transition-duration: 2s; -o-transition-property: all; -o-transition-duration: 2s; -moz-transition-property: all; -moz-transition-duration: 2s}
.tagboardscrittaicona {float: left; text-transform: uppercase; width: 50px; height: 70px; font: 9px constantia; font-weight: bold; color: #FFF; margin-top: 5px; background-color: #; text-align: center; opacity: 0; transition: all 2s ease-in-out; -webkit-transition: all 2s cubic-bezier(0.670, 0.000, 0.170, 1.000); -moz-transition: all 2s cubic-bezier(0.670, 0.000, 0.170, 1.000); -ms-transition: all 2s cubic-bezier(0.670, 0.000, 0.170, 1.000); -o-transition: all 2s cubic-bezier(0.670, 0.000, 0.170, 1.000); transition: all 2s cubic-bezier(0.670, 0.000, 0.170, 1.000)}
.tagboardscrittaicona:hover {opacity: 1; width: 50px; height: 70px; margin-top: 5px; color: #CF857C; -webkit-transition: all 2s cubic-bezier(0.670, 0.000, 0.170, 1.000); -moz-transition: all 2s cubic-bezier(0.670, 0.000, 0.170, 1.000); -ms-transition: all 2s cubic-bezier(0.670, 0.000, 0.170, 1.000); -o-transition: all 2s cubic-bezier(0.670, 0.000, 0.170, 1.000); transition: all 1s cubic-bezier(0.670, 0.000, 0.170, 1.000)}