/* Lambrusco Mobile */
body {font: 14px/150% 'Roboto', Trebuchet MS, Tahoma, Sans-serif; color: #585858; background: #F1F1F1}
a {text-decoration: none}

.footer {color: #535353; background: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none}
.footer a {font-weight: bold; color: #535353}

/* SIDEBAR */
.sidebar {background-color: #FFF}
.sidebar li {line-height: normal; color: #747474}
.side_title {background-color: #FFF; color: #464646; text-align: center !important}
.sidebar .menu li a {color: #464646}
.sidebar .submenu {background: #F3F3F3; margin: 5px; border-radius: 5px; -moz-border-radius: 5px}
.menu {overflow-x: hidden !important}
.frequented_sites {width: auto !important}
.submenu > li {padding: 5px}
.menu > li:nth-child(even) .side_close {background: #F1F1F1}
/* menu utente */
.menu .nickname {font-weight: bold; font-size: 18px; color: #464646}
.sidebar em {font-weight: bold; color: #FFF; background-color: #464646}
/* login */
.login input[type=submit] {background: #535353; color: #FFF; font-weight: bold}
/* cerca */
.search {background-color: #F1F1F1}
.search input {color: #999; padding: 0 5px}

/* NAV */
#nav-title span {color: #FFF; font-size: 18px; font-weight: normal}

/* HEADER, LOGO */
.logo {padding-top: 8px; background-position: right center; background-repeat: no-repeat; background-size: cover}

/* SEZIONI */
.list-group {background: #F9F9F9; box-shadow: 0 0 5px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2)}
.list-group > *, .stats_bottom li, .u_info dl {background-color: #FFF; padding: 8px}
.stats .user_online {background: #FFF}
.stats_list > li:last-child {border-bottom: 0}

.title {background-color: #6E5F56;
 background-image: url("https://upload.forumfree.net/i/ff6764947/mbackLeft.png"), url("https://upload.forumfree.net/i/ff6764947/mbackRight.png");
 background-position: left center, right center;
 background-repeat: no-repeat;
 border: 1px solid white;
 border-radius: 5px 5px 0 0 !important; -moz-border-radius: 5px 5px 0 0 !important;
 box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) inset; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) inset;
 font-size: 14px;
 padding: 8px;
 color: whitesmoke}
.list-group.stats .title, .list-group.topic .title {background-size: cover}

.web a {font-size: 19px; font-weight: bold}
.forum .web a {font-size: 17px}
/* mantenere "!important" per evitare problemi di visualizzazione */
.desc, .desc * {color: #777 !important}
.last-post {color: #888}
.board .last-post a, .board .last-post a * {font-size: 14px !important; font-weight: normal}
.forum .last-post {margin-top: 7px}
.topics, .replies, .views {font-size: 12px; color: #535353}
span.timeago {color: #999 !important}
.topic .timeago {color: #666}
.no-time {font-style:italic; color: #999}
.popupago {text-align: center; background-color: #000; color: #FFF; border-radius: 5px; -moz-border-radius: 5px}

/* sottosezioni */
.sub-link {font-size: 13px; color: #333}

/* SELEZIONE RIGA: Moderazione */
li.selected {border-bottom-color: #2684F0 !important; color: #FFF}
.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 {background: #FFF !important}
.details a, .cancelled {font-size: 18px; font-weight: bold; color: #09C}
.cancelled {padding-left: 5px; font-weight: normal; color: #444}
.topic .group {color: rgba(0, 0, 0, .5); font-size: 13px}
.color {color: #3F3F3F; 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}
.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: #F68B8B !important; color: #C00 !important}
.info {background: #AFD5E2 !important; color: #146AAE !important}
.success {background: #BAE2AF !important; color: #18A21A !important}
.alert a, .info a, .success a {color: #FFF; border: 1px dotted transparent}
.alert a:hover, .info a:hover, .success a:hover {color: #F7F7F7}
/* allegati */
.attachment {text-align: center; position: relative}
.attachment > a {display: inline-block; padding: 7px}
/* popup moderazione post */
.topic .pop ul {background-color: #EEE; box-shadow: 0 0 5px rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1)}
.topic .pop li:last-child {border: 0}
.topic .pop a {font-size: 14px; color: #333}

/* ONLINE, OFFLINE, ANONIMO */
.online {background-color: #7CD554}
.offline {background-color: #E22D2D}
.anonimo {background-color: #464646}

/* SONDAGGI */
.poll-bar {background: #E0E0E0; border-radius: 3px; -moz-border-radius: 3px}
.poll-bar div {background: #AADDF4; border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px}
.poll-max .poll-bar {background: #E0E0E0; color: #535353}
.poll-max .poll-bar div {background: #70C6EC}

/* PAGINAZIONE */
.pages, .pages .nolink:hover {background-color: #EEE !important; margin}
.pages li a {color: #666; font-size: 17px}
.pages li a:hover {background-color: #EEE}
.pages .prev, .pages .next {background: rgba(0, 0, 0, .05)}

/* CITAZIONI, SPOILER E CODICI */
.quote, .code {padding: 5px; font-size: 9pt; font-weight: normal; color: #4D4D4D; background: #EAEAEA; border-radius: 5px; -moz-border-radius: 5px}
.quote .quote, .quote .code, .spoiler .quote, .code .code {color: #696969; background: #F6F6F6}
.quote .quote .quote, .quote .quote .code,
.spoiler .quote .quote, .spoiler .quote .code,
.quote .spoiler .quote, .quote .code .code {color: #4D4D4D; background: #EAEAEA}
.quote .quote .quote .quote, .quote .quote .quote .code,
.spoiler .quote .quote .quote, .spoiler .quote .quote .code,
.quote .spoiler .quote .quote, .quote .spoiler .quote .code,
.quote .quote .spoiler .quote, .quote .quote .code .code,
.quote .quote .quote .code {color: #696969; background: #F6F6F6}
.quote_top, .code_top {font-size: 11px; color: #555; margin: 1em 2px}

/* PROFILO */
.list-group.profile, .profile .bottom {background: none !important; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none}
.profile .title {display: none}
.profile .u_info {box-shadow: 0 0 5px rgba(0, 0, 0, .1) !important; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1) !important; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1) !important; margin-top: 20px}
header.profile {padding: 15px 0; color: #FFF; background: #6E5F56}
.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: #FFF}
.u_group {font-size: 15px}
.profile .title, li.u_info, li.u_signature, li.u_friends {margin: 0 7px}
.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-radius: 5px; -moz-border-radius: 5px}
.friend_avatar img {border-radius: 5px; -moz-border-radius: 5px}
.friend_nickname {background: #222; color: #FFF; font-size: 10px; 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: #888}
.groups_list {padding: 10px 5px}
.user_online a:before, .groups_list a:before {color: #888}
.stats_list {text-align: left} .stats_list > li {padding: 3px 10px; font-weight: bold}

/* COLORI UTENTI */
.male {color: #5AD} .female {color: #E57}
.daconvalidare {font-style: italic; color: #757575}
.post .details {border-bottom: 3px solid rgba(0, 0, 0, .1); background: rgba(0, 0, 0, .05)}
.post .details a:hover {opacity: .6}
.amministratore, .gruppo1 {color: #58A72E; font-weight: bold}
.box_amministratore .details, .box_gruppo1 .details {border-color: #58A72E}
.box_amministratore .details > a, .box_gruppo1 .details > a {color: #58A72E}
.moderatore, .gruppo2 {color: #4178C9; font-weight: bold}
.box_moderatore .details, .box_gruppo2 .details {border-color: #4178C9}
.box_moderatore .details > a, .box_gruppo2 .details > a {color: #4178C9}
.gruppo3 {color: #3ABA83; font-weight: bold}
.box_gruppo3 .details {border-color: #3ABA83}
.box_gruppo3 .details > a {color: #3ABA83}
.gruppo4 {color: #8268AF; font-weight: bold}
.box_gruppo4 .details {border-color: #8268AF}
.box_gruppo4 .details > a {color: #8268AF}
.gruppo6, .gruppo7, .gruppo8 {color: #717171; font-style: italic}
.gruppo12 {color: #E27F14; font-weight: bold}

/* INPUT e BOTTONI */
.codebuttons, .forminput, .textinput, #allegati input {font-size: 1em; margin: 3px; padding: 5px 8px; color: #545454; background: #E4E4E4; border: none; border-radius: 3px; -moz-border-radius: 3px}
/* mantenere separato il selettore per evitare problemi di visualizzazione */
#allegati input::-webkit-file-upload-button {font-size: 1em; margin: 3px; padding: 5px 8px; background-color: #E4E4E4; color: #545454; border-radius: 3px; -moz-border-radius: 3px}
.codebuttons:hover, #send-button:hover {background: #70C6EC; color: #FFF}
.textinput {margin: 10px 0; font-size: 18px}
#mod_options {color: #777; padding: 3px}
#send-button {background: #535353; font-size: 15px; color: #FFF; font-weight: bold}
.buttons a {padding: 7px 0; background-color: #535353; color: #FFF; font-weight: bold; font-size: 14px}
.buttons a:hover {background-color: #70C6EC; color: #FFF}
a.new-topic {color: #FFF}
a.new-topic:hover {opacity: .8}
a.reply {color: #FFF}
a.reply:hover {opacity: .8}
a.delete {background-color: #ED3D3B; color: #FFF}
a.delete:hover {opacity: .8}


/* CSS DEFAULT MOBILE */
a {color: #917B6F}
a:hover {color: rgba(92, 175, 48, 0.5)}
.last-post a *, .web * {color: #5E4F46 !important;
 text-shadow: 0 1px 0 white}
.menuwrap_bg {background-color: #69594F}
.menuwrap em {background-color: rgba(220, 242, 208, 0.6)}
.header {background: #FFF}
.on {border-left: 4px solid #D0EEC0}
.annuncio {background-color: rgba(96, 183, 50, 0.2) !important}
.importante {background-color: rgba(220, 242, 208, 0.6) !important}
li.selected {background-color: #58A72E !important}
a.new-topic, a.new-topic:hover {background-color: #5E4F46}
a.reply, a.reply:hover {background-color: whitesmoke;
 border: 1px solid rgba(0, 0, 0, 0.2);
 color: rgba(0, 0, 0, 0.4)}

 /*CODICI SCHEDE PG, ROLE, CERCASI*/



/* topic principali */
.tit1 {font: 28px libre franklin; text-shadow: 1px 1px 2px #D1BCA0; color: #DFC8AA; height: 20px; letter-spacing: 0; font-weight:bold; text-transform:lowercase; padding: 6px; padding-left: 20px; line-height: 20px}
.tp1 {padding: 20px; background: #1B1B1B; border: 1px solid #1B1B1B; font: 14px libre franklin; text-align:justify; color: #888; letter-spacing: 0; line-height: 20px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px}
.tp2 {border-bottom: 2px dotted #DDD; padding: 4px; margin-top: 5px; color: #AAA; font-weight:bold; letter-spacing: 1px; text-align:right}
/* approvazione pg */
.ap1 {padding: 20px; background: #F7F7F7!important}
.ap3 {font: 25px libre franklin; margin-top: 0!important; line-height: 22px; color: #D1BCA0; text-transform:uppercase; font-weight:bold}
.at1 {margin-top: 7px}
.ap9 {font: 20px libre franklin!important; color: #DDD; font-weight:bold!important; letter-spacing: 1px; text-transform:uppercase; width: 560px!important; text-align:right!important}
.ap10 a {color: #BCA88E!important; font: 12px libre franklin}
.ap10 {font: 12px libre franklin; color: #FFF; padding: 30px; background: #DBB692}
.ap5 {color: #E6D3B9; font-size: 40px}
.ap6 {font: 12px libre franklin; text-transform:lowercase; padding: 20px; background: #EEE; color: #999}
.ap4 {font: 25px libre franklin; text-transform:lowercase; color: #AAA!important; font-weight:bold}
.ap2 {font: 70px libre franklin; width: 420px; float:left; line-height: 60px; color: #E6D3B9; text-transform:uppercase; font-weight:bold; letter-spacing: 1px; margin-right: 50px}
/* registro */
.serpeverde {width: 280px; font: 13px libre franklin; font-weight:bold; padding: 10px; background: #C2CBA4; color: #FFF; margin-right: 10px; margin-top: 10px}
.grifondoro {width: 280px; font: 13px libre franklin; font-weight:bold; padding: 10px; background: #BB6868; color: #FFF; margin-right: 10px; margin-top: 10px}
.tassorosso {width: 280px; font: 13px libre franklin; font-weight:bold; padding: 10px; background: #DBDE88; color: #FFF; margin-right: 10px; margin-top: 10px}
.corvonero {width: 280px; font: 13px libre franklin; font-weight:bold; padding: 10px; background: #96ADBF; color: #FFF; margin-right: 10px; margin-top: 10px}
.adulto {width: 280px; font: 13px libre franklin; font-weight:bold; padding: 10px; background: #9B86A4; color: #FFF; margin-right: 10px; margin-top: 10px}
.r0 {float:right; text-transform:lowercase; font-size: 11px}
.r2 {width: 280px; padding: 10px; background: #EEE; font: 8px libre franklin; text-transform:uppercase; font-weight:bold; color: #BBB; letter-spacing: 1px; margin-right: 10px}
.r3 {height: 331px; overflow:auto}
.r10 {border-bottom: 2px dotted #DDD; padding: 4px; margin-top: 5px}
/* codes by jelly */
.du1 {width: 340px; background: #F3F3F3; color: #999; font: 13px libre franklin; letter-spacing: 0; line-height: 18px}
.du2 {height: 142px; margin-bottom: 20px; overflow:auto; padding: 20px; padding-top: 0; padding-bottom: 0; border-top: 20px solid #F3F3F3}
.du3 {font: 15px libre franklin; letter-spacing: 1px; font-weight:bold; text-transform:lowercase; color: #FFF!important; height: 20px; padding: 10px; line-height: 20px}
.du4 {font: 12px magra; width: 340px; letter-spacing: 1px; font-weight:bold; color: #AAA; text-transform:uppercase; background: #EEE; padding: 10px}
.du5 {width: 100px; text-align:center; background: #F3F3F3}
.du7 {font: 7px libre franklin; font-weight:bold; padding: 10px; letter-spacing: 1px; color: #FFF; text-transform:uppercase}
.du8 {margin-top: 5px; width: 200px; padding: 5px; background: #333}
.du9 {font: 8px; text-align:right; padding: 10px; letter-spacing: 1px; color: #FFF; text-transform:uppercase; background: #F7F7F7}
.du10 {margin-top: 5px; width: 100px; padding: 5px; background: #444}
.bv1 {background: #EEE; border-radius: 100%; -moz-border-radius: 100%; padding: 3px; float:left}
.bv2 {padding: 5px; width: 140px; margin-right: 10px; height: 10px; padding-bottom: 10px; border-bottom: 2px dotted #EEE}
.bv3 {font: 10px libre franklin; color: #AAA; text-transform: lowercase; font-weight:bold; letter-spacing: 1px}
.du0 {width: 239px; height: 100px}
.tr1 {width: 410px; height: 305px; background: #F3F3F3; color: #999; font: 13px libre franklin; letter-spacing: 0; line-height: 18px}
.tr2 {height: 164px; overflow:auto; padding: 20px; font: 16px libre franklin; letter-spacing: 0; line-height: 18px; text-align: justify}
.tr3 {font: 15px libre franklin; letter-spacing: 1px; font-weight:bold; text-transform:lowercase; color: #FFF!important; height: 20px; padding: 10px; line-height: 20px}
.tr4 {font: 12px magra; letter-spacing: 1px; font-weight:bold; color: #AAA; text-transform:uppercase; background: #EEE; padding: 15px}
.tr5 {width: 196px; text-align:center; background: #F3F3F3}
.tr9 {text-align:right; background: #F7F7F7; padding: 10px}
.br1 {border-radius: 100%; -moz-border-radius: 100%; padding: 3px; float:left}
.br2 {padding: 5px; width: 190px; margin-right: 10px; height: 10px; padding-bottom: 10px; border-bottom: 2px dotted #EEE}
.br3 {font: 10px libre franklin; color: #AAA; text-transform: lowercase; font-weight:bold; letter-spacing: 1px}
.tr0 {width: 239px; height: 102px}
/* scheda */
.fg11 {width: 200px; background: #F7F7F7; font: 12px libre franklin; letter-spacing: 0; line-height: 15px; height: 130px; padding: 20px; padding-top: 0; padding-bottom: 0; border-top: 20px solid #F7F7F7; overflow:auto; border-bottom: 20px solid #F7F7F7; color: #AAA}
.fg12 {font: 8px magra; text-transform:uppercase; letter-spacing: 2px; margin-right: 5px; color: #FFF; padding: 15px; padding-bottom: 2px; padding-top: 2px}
.fg13 {width: 370px; padding: 20px; background: #F3F3F3; font: 12px libre franklin; letter-spacing: 0; line-height: 16px; height: 130px; color: #AAA; overflow:auto; padding-top: 0; padding-bottom: 0; border-top: 20px solid #F3F3F3; border-bottom: 20px solid #F3F3F3}
.fg14 {font: 10px libre franklin; text-transform:lowercase; font-weight:bold; letter-spacing: 1px; padding-bottom: 5px; border-bottom: 2px dashed #DDD; margin-bottom: 5px}
.fv12 {width: 100px; height: 10px; padding: 10px; font: 8px libre franklin; text-transform:uppercase; font-weight:bold; color: #FFF; letter-spacing: 1px}
.fv13 {height: 90px; padding: 10px; background: #333; width: 100px; font: 12px libre franklin; text-transform:uppercase; font-weight:bold; letter-spacing: 1px; color: #FFF; text-align:center}
.qr0 {width: 240px; height: 140px}
.qrr0 {width: 110px; height: 140px}
.fv7 {padding: 20px; width: 280px; background: #F6F6F6; font: 15px libre franklin; line-height: 16px; letter-spacing: 0; color: #999}
.fv8 {padding-right: 20px; height: 100px!important; overflow:auto}
.fv0 {float:right; text-transform:lowercase; font-size: 11px}
.fv9 {width: 270px; padding: 10px; background: #EEE; font: 8px libre franklin; text-transform:uppercase; font-weight:bold; color: #BBB; letter-spacing: 1px; height: 120px}
.fv10 {border-bottom: 2px dotted #DDD; padding: 4px; margin-top: 5px}
.co2 {background: #F3F3F3; width: 281px; padding: 10px; height: 10px; text-transform:uppercase; letter-spacing: 2px; font: 9px magra; color: #FFF}
.co6 {padding: 10px; width: 19px!important; height: 25px; text-align:center; font: 20px libre franklin; font-weight:bold; line-height: 25px; background: #444}
.co5 {font: 12px libre franklin; line-height: 30px; text-transform:lowercase; letter-spacing: 1px; font-weight:bold; color: #FFF}
.co7 {padding: 10px; width: 242px!important; height: 25px}
.co8 {height: 40px; padding: 10px; width: 281px; background: #F7F7F7; color: #CCC}
.co0 {width: 109px; height: 135px}
.coo0 {width: 200px; background: #F3F3F3; font: 12px libre franklin; letter-spacing: 0; line-height: 15px; height: 74px; padding: 20px; padding-top: 0; padding-bottom: 0; border-top: 13px solid #F3F3F3; overflow:auto; border-bottom: 15px solid #F3F3F3; color: #AAA}
.co11 {font: 20px libre franklin; margin-top: 2px; text-transform:lowercase; font-weight:bold; text-align:center}
.coo1 {font: 11px libre franklin; font-weight:bold; padding: 10px; color: #FFF}
/* agenda 03 */
.ag1 {width: 500px; background-color: #; border-radius: 30px 30px / 8px 5px; -moz-border-radius: 30px 30px / 8px 5px; padding: 0}
.ag2 {padding: 10px; background-color: #1B1B1B; border-radius: 8px 30px / 30px 8px; -moz-border-radius: 8px 30px / 30px 8px}
.ag3 {width: 210px; background-color: #EEE; font: 10px libre franklin; font-weight:bold; letter-spacing: 1px; color: #AAA; text-align: justify; padding: 5px; height: 105px}
.ag4 {width: 230px; overflow:auto; height: 115px; padding-right: 15px; padding-left: 10px; background-color: #F7F7F7}
.ag5 {background-color: #EEE; line-height: 10px; padding: 5px; font: 7px magra; margin-bottom: -12px; font-weight:bold; color: #BBB; text-transform: uppercase; letter-spacing: 1px}
.ag6 {width: 120px; border: 0 solid #EEE; height: 100px; border-right: 0; margin-top: 10px}
.ag12 {height: 30px; padding: 10px; width: 100px; font: 7px libre franklin; padding-top: 15px; text-transform:uppercase; letter-spacing: 2px; color: #FFF; border-bottom-left-radius: 20px; font-weight:bold}
.ag9 {overflow:auto; padding-right: 5px; height: 110px}
.ag9 a {padding: 3px; color: #AAA; font-style:none!important}
.ag10 {background: #EEE; border-radius: 100%; -moz-border-radius: 100%; padding: 3px; margin-right: 10px}
.ag7 {padding: 5px; width: 220px; margin-right: 10px; height: 10px; padding-bottom: 15px; border-bottom: 2px dotted #EEE; color: #999}
.ag8 {font: 10px libre franklin; color: #AAA; text-transform: lowercase; font-weight:bold; letter-spacing: 1px}
.ag11 {font: 11px libre franklin; text-transform:lowercase; font-weight:bold; letter-spacing: 1px}