/* 
    Document   : suann
    Created on : 10-dic-2012, 13.22.03
    Author     : enrico
    Description:
        Purpose of the stylesheet follows.
*/
html {
    height: auto;
    width: auto;
    height: 100%;
}
body,html {
    position:relative;
    margin: 0;
    padding:0;
}
body, body * {
    font-family: Helvetica, Verdana, Arial, sans-serif !important;
    font-size: 10pt;    
    text-shadow: none !important;
}
body {
    background-color: #fff;
/*    height: 100%;*/
    text-align:left;
    width: auto !important;
    width: 100%;
    min-width: 100%;
/*    
    display:-moz-inline-stack;
    display:inline-block !important;
*/
    display:block;
    zoom:1;
    *display:inline;
    color: #4f4f4f;
}
body span {
    color: inherit;
}
div {
    position: relative;
}
table, table td, table th, table tr {
    border: 0 none;
    border-color: transparent;
    border-style:  hidden;
}
*:focus {
    outline: 0;
}
#main, #bottom {
    width: auto !important;
    height: auto !important;
    width: 970px;
    left: 0;
    right: 0;
    min-width: 970px;
    max-width: 970px;
    margin: 0 auto auto;
}
#main {
    background-color: white;
}
body#bCorpo.hasbglnk #main {
	margin-top: 13px;
}
#bottom {
    padding-top: 2em;
    color: white;
}
#bottomcnt {
    height:261px;
    min-height:261px;
    max-height:261px;
    width: 100%;
    min-width: 100%;
    background: #ff0000 url('../images/sfondo_bottom.png') repeat-x 0 0;
}
#topbannercnt {
    float: left;
}
#topbannercnt_home {
    float: left;
    width: 383px;
    margin-left: -20px;
    margin-top: 12px;
}
#bottomleft {
    float: left;
    width: 50%;
}
#menutop {
    float: right;
    margin-top: 12px;
    margin-right: 2em;
}
#menutop button {
    margin-top: 10px;
}
#bottomright {
    float: right;
    width: 50%;
}
#header, #breadcrumbs, #ricerca, #mainbanner, #mainindexcnt, #indexfirstbannerband, #indexsecondbannerband, #sponsorizzate, #province, #bottomcnt, #main, #maintext {
    clear: both;
}
#mainbanner {
    padding: 10px 0;
    border-bottom: 1px solid #ff0000;
}
body.index #mainbanner {
    border-top: 1px solid #ff0000;
}
#breadcrumbs .ui-breadcrumb {
    padding: 5px 5px 7px 0;
}
body.index #breadcrumbs {
    border-top: 1px solid red;
    border-bottom: 1px solid red;
}

#header {
    height: auto !important;
    height: 93px;
    min-height: 93px;
    padding-top: 0; /*50px;*/
    background-color: red; /* TODO: debug rimasto - verificare se intenzionale o da rimuovere (2026-04-22) */
}
#ricerca {
    height: auto !important;
    height: 91px;
    min-height: 91px;
    width: auto !important;
    width: 970px;
    min-width: 970px;
    max-width: 970px;
    float: left;
/*    background: transparent url('../images/sfondo_box_ricerca.png') no-repeat top left;*/
/*    margin-bottom: 1em;*/
}
#istituzionale {
    margin-top: 1em;
}
#istituzionale .pivarea {
    margin-top: 1em;
    display: block;
}
#bottommex {
    margin-top: 3em;
}
#indexfirstbannerband {
    height: auto !important;
    height: 222px;
    min-height: 222px;
}
#indexsecondbannerband {
    height: auto !important;
    height: 151px;
    min-height: 151px;
}
.centoxcento { 
    width: 100%;
}
.trentaxcento { 
    width: 30%;
    text-align: right;
}
.settantaxcento { 
    width: 70%;
}
.noborder {
    border: none 0 transparent;
}
.bold {
    font-weight: bold;
}
.toplogocnt {
    float: left;
    height: 103px;
    min-height: 103px;
    max-height: 103px;
    margin-right: 40px;
    width: 66.66666667%;
}
.toplogocnt img {
    margin-top: 30px;
}
hr.clear {
    color: transparent;
    height: 1px;
    margin: 0;
    padding: 0;
    border: 0 none;
    background-color: transparent;
    width: 1px;
}
.ui-menu, .ui-menu .ui-menuitem-link, .ui-breadcrumb {
    background: transparent;
    border: 0 none;
}
#menutop .ui-menuitem-text {
    font-size: 11pt; /*7pt;*/
    color: white;
}
#menutop span.ui-menuitem-text, #toppreheader span.ui-menuitem-text{
/*    
    background: transparent url('../images/barra_nera.png') no-repeat center right;
*/
    padding-right: 0.75em;
}
#menutop li.ui-menuitem a:after {
    content: '.';
    color: white;
}
#menutop a.last_bar span.ui-menuitem-text {
    background-image: none;
}
#menutop li.ui-menuitem a.last_bar:after {
    content: none;
}
#bottomright ul {
    display: block;
    text-align: right;
}
#bottomright ul li{
    display: inline-block;
    width: auto;
    padding: 0.4em 0.3em;
}
#bottomright ul li.social_bottom_lnk {
    float: right;
    clear: both;
}
#bottomright span.ui-menuitem-text, #bottomright ul li a{
    background: transparent url('../images/barra_bianca.png') no-repeat center right;
    padding-right: 1em;
}
#bottomright .ui-state-hover, #bottomright .ui-widget-content .ui-state-hover, 
#menutop .ui-menu .ui-state-hover, #menutop .ui-menu .ui-widget-content .ui-state-hover,
#breadcrumbs .ui-breadcrumb .ui-state-hover, #breadcrumbs .ui-breadcrumb .ui-widget-content .ui-state-hover{
    background: transparent;
    border: 0 none;
    box-shadow: none;
    border-radius: 0;
    color: #FE0000;
}
#bottomright .ui-state-hover, #bottomright .ui-widget-content .ui-state-hover, #bottomright ul li a:hover {
    color: #4F4F4F;    
}
#bottomright a.facebook span.ui-menuitem-text {
    background-image: none;
}
#bottomright li.ui-menuitem a.facebook, #bottomright ul li a.facebook, #bottomright ul li a.facebook_like, 
#bottomright ul li a.googleplus, #bottomright ul li a.twitter {
/*    padding-right: 2em;*/
    padding-right: 3em;
    line-height: 32px;
    display: block;
    
}
#bottomright ul li a.facebook_like, #bottomright ul li a.googleplus, #bottomright ul li a.twitter, 
#bottomright li.ui-menuitem a.facebook, #bottomright ul li a.facebook,
#bottomright li.ui-menuitem-active a.facebook, #bottomright ul li a.facebook:hover,
#bottomright ul li a.facebook_like:hover, #bottomright ul li a.googleplus:hover, #bottomright ul li a.twitter:hover,
#menutop .ui-state-default, #menutop .ui-state-hover{
    background-image: url("#{resource['images/ico_e_bg.png']}");
    background-color: transparent;
    background-repeat: no-repeat;
}
#bottomright ul li a.facebook_like {
    background-position: 100% -58px;
}
#bottomright ul li a.googleplus {
    background-position: 100% -119px;
}
#bottomright ul li a.twitter {
    background-position: 100% -182px;
}
#bottomright li.ui-menuitem a.facebook, #bottomright ul li a.facebook {
    background-position: 100% 5px;
}
#bottomright li.ui-menuitem-active a.facebook, #bottomright ul li a.facebook:hover{
    background-position: 100% -23px;
}
#bottomright ul li a.facebook_like:hover {
    background-position: 100% -85px;
}
#bottomright ul li a.googleplus:hover {
    background-position: 100% -148px;
}
#bottomright ul li a.twitter:hover {
    background-position: 100% -223px;
}
#bottomright .ui-widget-content a, #bottomright ul li, #bottomright ul li a{
    color: white;
    text-decoration: none;
}
#menutop .ui-state-default {
/*    background: transparent url('../images/sfondo_pubblica.png') no-repeat center center;*/
    background-position: 50% -267px;
    border: 0 none;
    box-shadow: none;
    border-radius: 7px;
    width: 100%;
    color: #fff;
    text-shadow: none;
}
#menutop .ui-state-hover {
/*    background: transparent url('../images/sfondo_pubblica_s.png') no-repeat center center;*/
    background-position: 50% -315px;
}
#menutop .ui-state-default span.ui-button-text {
    font-size: 11pt;
}
#breadcrumbs .ui-icon-home {
    background-image: none;
    text-indent: 0;
    width: auto;
    margin-top: 3px;
}
#breadcrumbs a.ui-menuitem-link {
    text-decoration: none;
    color: #4F4F4F;
}
#breadcrumbs .ui-icon-triangle-1-e {
    background: transparent url('../images/slash.png') no-repeat center center;
}
.listacatsx, .listacatcnt, .listacatdx {
    margin-top: 40px;
}
.listacatsx {
    float: left;
    width: 230px;
    margin-right: 10px; /*10px;*/
}
.listacatcnt {
    float: left;
    width: 230px;
    margin-right: 10px; /*10px;*/
}
.listacatdx {
    width: 230px;
    float: right;
}
#mainindexcnt {
    float: left;
    width: 100%;
}
#mainindexcnt, #indexfirstbannerband, #indexsecondbannerband, #sponsorizzate, #maintext {
    background: transparent url('../images/linea_rossa.png') repeat-x bottom left;
}
#mainindexcnt.nobtmbg, #indexfirstbannerband.nobtmbg, #indexsecondbannerband.nobtmbg, #sponsorizzate.nobtmbg {
    background-image: none;
}
#maintext {
    background: transparent url('../images/linea_rossa.png') repeat-x top left;
    text-align: justify;
    padding: 0.5em 0;
    color: #4f4f4f;
    font-size: 10px;
}
#maintext * {
    font-size: 12px !important;
}
.index #maintext {
    background: none;
}
#sponsorizzate {
/*    
    margin-top: 9em;
    padding-bottom: 1em;
*/
    background-image: none;
}
#sponsorizzate *, #province *, #bottomcnt * {
    font-size: 8pt;
}
#sponsorizzate h3, #sponsorizzate div.sponsorizzate, #province h3 {
/*    color: #d10019;*/
    color: #f00;
    font-weight: 900;
    font-size: 9pt;
}
#mainindexleft {
    width: 710px;
    min-width: 710px;
    max-width: 710px;
    background: transparent url('../images/linea_rossa.png') repeat-x top left;
/*    padding-top: 1em;*/
    min-height: 764px;
    float: left;
}
#editmex {
    width: 469px;
    border: 1px solid lightgrey;
    margin: 10px 0 0 10px;
}
#editmex h3 {
    padding-left: 10px;
    color: red;
    margin-bottom: 0;
}
#editmex ul {
    list-style-type: none;
    padding: 0 0 10px 10px;
    margin: 0;
}
#editmex li {
    list-style-type: none;
    color: #4f4f4f;
    font-weight: bold;
    padding: 5px 0 0;
    margin: 0;
}
body.edit #mainindexleft {
    background: none;
    min-height: auto; /*300px;*/
    width: 100% /*480px;*/
/* min-width: 480px;*/
/*    max-width: 480px;*/
}
body.edit #mainindexleft div.titoloannuncio {
    background: none;    
    border: 0 transparent none;
}

body.edit #annuncio_pre  div#infoannunciotop {
    border-top: 1px #c0c0c0 solid;
    padding: 0.5em;
    clear: both;
}

body.edit .finsins .ta-confirm-btn-modifica, body.edit .finsins .ta-confirm-btn-pubblica {
    color: #4f4f4f;
    background-color: white;
    max-width: 30em;
    font-size: 1.5em;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0.5em 4em;
}
body.edit .finsins .ta-confirm-btn-pubblica  {
    color: red;
}
.ta-mail-warning-new {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75em;
}    

.ta-mail-warning-text-new {
    background-color: red;
    color: white;
    max-width: 30em;
    padding: 1em 2em;
    text-align: center;
    font-size: 1.5em;
    max-width: 30em;
}
body .ta-mail-warning-text-new * {
    font-size: 1em;
}
body.statica #mainindexleft, body.registrato #mainindexleft {/*, body.personali #mainindexleft {*/
    width: 960px;
    min-width: 960px;
    max-width: 960px;
    min-height: 300px;
    text-align: justify;
}
body.statica div.titoloannuncio h1, body.edit div.titoloannuncio h1 {
    color: black;
}
body.index #mainindexleft {
    min-height: 300px;
    width: 710px;
    min-width: 710px;
}
#mainindexcnt.nobtmbg #mainindexleft {
    background-image: none;
}
body.index #mainindexcnt.nobtmbg #mainindexleft
{
/*    border-top: 1px solid #ff0000;*/
/*    border-bottom: 1px solid #ff0000;*/
}
body.index #mainindexleft h1 {
    border-bottom: 1px solid #ff0000;
    padding-bottom: 8px;
}
#mainindexleft .intestacategoria {
    float: left;
    font-weight: bold;
    margin-left: 1em;
    max-width: 11em;
    min-width: 10em;
    width: auto !important;
    width: 10em;
}
#mainindexleft .listasottocat {
    float:left;
    margin-left: 1em;
    font-weight: normal;
    position: relative;
    padding-top: 1em;
    padding-bottom: 1em;
    width: 170px;
    min-height: 110px;
    margin-bottom: 10px;
}
#mainindexleft .listasottocat ul {
    width: 100%;
    list-style-type: none;
}
#mainindexleft .listasottocat li {
    line-height: 2em;
    border-bottom: 1px solid;
    width: 100%;
    list-style-type: none;
}
#mainindexleft .listasottocat li a,  .intestacategoria a{
    text-decoration: none;
}
#mainindexleft .listasottocat li a:hover{
    color: black;
    font-size: 10pt
}
#mainindexleft .listasottocat li a,  #mainindexleft .intestacategoria a{
    font-size: 10pt
}
.intestacategoria a:hover {
    text-decoration: underline;
}
#mainindexleft .listasottocat li.last, #mainindexleft .listasottocat li:last-of-type {
    border-bottom: 0 none;
}
#mainindexright {
    float: right;
}
#mainindexleft .ui-widget-content {
    border: none;
}
#mainindexleft img {
    margin-bottom: 2em;
}
.bannerimage, .bannerimageright {
    margin: 1em 0;
    display: inline-block !important;
    display: block;
}
.bannerimageright {
    float: right;
}
#mainindexright .bannerimageright {
/*    display: block !important;*/
/*    float: none;*/
    clear: both;
}
.bannerimage {
    margin-right: 20px;
    float: left;
}
#___plusone_0 {
    float: right !important;
}
.fb-like {
    float: left !important;
    width: 120px;
    overflow: hidden;
}
#mainindexright #sociallikes {
    top: -1em;
    width: 235px;
    overflow: hidden;
    height: 24px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    float: right;
}
.index #mainindexright #sociallikes {
    width: 235px;
}
#mainindexcnt.nobtmbg #mainindexright #sociallikes {
    margin-top: 2em;
}
.listasottocat ul.ui-datalist-data {
    margin: 0;
    padding: 0;
    -webkit-margin-start: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
}
.clear {
    float:none;
    clear: both;
}
.rightcl {
    float: right;
    clear: both;
}
.left {
    float: left;
}
.leftcl {
    float: left;
    clear: both;
}
.leftclr {
    float: left;
    clear: right;
}
.leftclro{
    float: left;
    clear: right;
    width: 80%;
}
.leftclc {
    float: left;
    clear: both;
    width: 100%;
}
.right {
    float: right;
}
.rightclr {
    float: right;
    clear: right;
}
/*
.fileupload-content {
    display: none;
    visibility: hidden;
}
*/
.rc_table {
    background: transparent url('../images/top_corner_rf.png') no-repeat top right;
    width: 708px;
    min-width: 708px;
    max-width: 708px;
    min-height: 764px;
}
body.registrato #mainindexleft .rc_table{/*, body.personali #mainindexleft .rc_table {*/
    width: 960px;
    min-width: 960px;
    max-width: 960px;
}

.rc_table thead tr{
    background: transparent url('../images/top_corner_lf.png') no-repeat top left;
}
.rc_table th{
    background: transparent url('../images/every_column.png') repeat center center;
    margin-right: 0;
    margin-left: 0;
    padding: 6px 0;
    text-align: left;
    color: white;
}
.rc_table th:last-of-type{
    background-position: bottom right;
}
.rc_table th.first, .rc_table th.firstlogged{
    background: transparent url('../images/bottom_corners.png') no-repeat bottom left;
    text-align: left;
}
.rc_table td.first
{
    width: auto !important;
    width: 427px;
    min-width: 427px;
}
.rc_table td.firstlogged
{
    width: auto !important;
    width: 367px;
    min-width: 367px;
}
.rc_table td.tipologiafull {
    width: auto !important;
    width: 100px;
    min-width: 100px;
    max-width: 150px;
    text-align: left;
}
.rc_table td.annid, .rc_table td.annstato, .rc_table td.datafull, .rc_table td.categoriafull, .rc_table td.operazioni {
    width: auto !important;    
}
.rc_table td.annid
{
    width: 30px;
    min-width: 30px;
    max-width: 50px;
}
.rc_table td.annstato
{
    width: 50px;    
    min-width: 50px;
    max-width: 70px;
}
.rc_table td.datafull
{
    width: 100px;    
    min-width: 100px;
    max-width: 120px;
}
.rc_table td.categoriafull
{
    width: 100px;    
    min-width: 100px;
    max-width: 120px;
}
.rc_table td.operazioni
{
    width: 100px;    
    min-width: 100px;
    max-width: 120px;
}
td.operazioni a {
    font-size: 10pt;
}
td.operazioni a:hover {
    text-decoration: underline;
}

body.personali .rc_table th{ /*,body.personali .rc_table th.last {*/
/*    min-width: 200px;
    width: 200px;   */ 
}
#fricerca .rc_table td.first
{
    width: auto !important;
    width: 377px;
    min-width: 377px;
}
.rc_table span.imgcnt {
    margin: 0 10px 0 0;
    text-align: center;
    min-width: 110px;
    min-height: 92px;
    max-width: 110px;
/*    max-height: 92px;*/
    width: 110px;
    height: auto !important;
    height: 92px;
    float: left;
    padding: 0;
    overflow: hidden;
}
.rc_table td span.imgcnt img {
    text-align: center;
    padding: 2px;
    border: 1px #c0c0c0 solid;
}
.rc_table td dl.datiinserzione {
    float: left;
    width: 300px;
    margin: 0;
    padding: 0;
}

.rc_table td.firstlogged dl.datiinserzione {
    float: left;
    width: 240px;
    margin: 0;
    padding: 0;
}

.fricerca .rc_table td dl.datiinserzione {
    float: left;
    width: 250px;
    margin: 0;
    padding: 0;
}
.rc_table td dl.datiinserzione dt, .rc_table td dl.datiinserzione dd{
    margin:0;
    padding:0;
    clear: both;
}
.rc_table a {
    color: #4f4f4f;
    text-decoration: none;
}
.rc_table td dl.datiinserzione dt a{
    color: #ff0000;
    font-weight: bold;
}
.rc_table th.last{
    background: transparent url('../images/last_bottom_corner.png') no-repeat bottom right;
    padding: 0 0 6px;
}
.rc_table th span {
    display: block;
    background: transparent url('../images/other_columns.png') repeat-y center center;
}
.rc_table th.first span {
    display: block;
    background: transparent url('../images/first_column.png') repeat-y center left;
}
.rc_table th.first span.first {
    padding-left: 1em;
}
.rc_table th.last span.last {
    background: transparent url('../images/last_top_corner.png') no-repeat top right;
    padding-top: 5px;
    padding-bottom: 1px;
}
.rc_table tr.odd_row td, .rc_table tr.even_row td{
    padding-top: 1em;
    vertical-align: top;
    border-bottom: 1px solid #c0c0c0;
    border-style: solid;
    border-left-style: hidden;
}
.rc_table tr {
        border-bottom: 1px solid #c0c0c0;
        border-style: solid;
}
.rc_table thead tr {
    position: relative;
}
.rc_table tbody tr,  .rc_table tbody tr td, .rc_table tbody tr th{
    max-height: 110px;
}
.rc_table tbody {
    min-height: 0;
}
.rc_table tfoot td span{
    background: transparent url('../images/other_columns.png') repeat-y center center;
    color: white;
}
.rc_table tfoot td span.disabled{
    color: #c0c0c0;
}
.rc_table tfoot td span a{
    color: white;
    text-decoration: underline;
}
.rc_table tfoot td span.toppartleft{
    background: transparent url('../images/top_corners.png') no-repeat top left;
    display: block;
    height: 6px;
    width: 50%;
    float: left;
    clear: left;
}
.rc_table tfoot td span.toppartright{
    background: transparent url('../images/top_corners.png') no-repeat top right;
    display: block;
    height: 6px;
    width: 50%;
    float:right;
    clear: right;
}
.rc_table tfoot td span.centerpart{
    background: transparent url('../images/every_column.png') repeat center center;
    display: block;
    width: 100%;
    clear: both;
}
.rc_table tfoot td span.bottompartleft{
    background: transparent url('../images/bottom_corners.png') no-repeat bottom left;
    display: block;
    height: 6px;
    width: 50%;
    float:left;
    clear: left;
}
.rc_table tfoot td span.bottompartright{
    background: transparent url('../images/bottom_corners.png') no-repeat bottom right;
    display: block;
    height: 6px;
    width: 50%;
    float:right;
    clear: right;
}
img.immagineannuncio {
    border: 1px #c0c0c0 solid;
    padding: 4px;
}
h1.titoloannuncio {
    color: #ff0000;
/*    background: transparent url('../images/linea_rossa.png') repeat-x bottom left;*/
    border-bottom: 1px solid red;
    padding-bottom: 4px;
    font-size: 1.25em;
}
div.titoloannuncio {
/*    background: transparent url('../images/linea_rossa.png') repeat-x bottom left;*/
    border-bottom: 1px solid red;
    padding-bottom: 0;
}
div.titoloannuncio h1 {
    color: #ff0000;    
    font-size: 1.25em;
}
div#annuncio pre.corpoannuncio, div.annuncio pre.corpoannuncio {
    border: 1px #c0c0c0 solid;
    padding: 4px 8px;
    clear: both;
}
div#annuncio dl.datiaggiuntiviinserzione, div#annuncio dl.datiaggiuntiviinserzionesx,
div.annuncio dl.datiaggiuntiviinserzione, div.annuncio dl.datiaggiuntiviinserzionesx{
    float: left;
    clear: both;
    width: 100%;
}
div#annuncio dl.datiaggiuntiviinserzionesx, div.annuncio dl.datiaggiuntiviinserzionesx {
    width: 49%;
    clear: left;
}
div#annuncio dl.datiaggiuntiviinserzionedx, div.annuncio dl.datiaggiuntiviinserzionedx {
    float: right;
    width: 49%;
    clear: right;
}
div#annuncio dl.datiaggiuntiviinserzione dt, div#annuncio dl.datiaggiuntiviinserzionesx dt, div#annuncio dl.datiaggiuntiviinserzionedx dt,
div.annuncio dl.datiaggiuntiviinserzione dt, div.annuncio dl.datiaggiuntiviinserzionesx dt, div.annuncio dl.datiaggiuntiviinserzionedx dt{
    float: left;
    clear: left;
    min-width: 12em;
    max-width: 12em;
    width: 12em;
    margin: 0 0 0.5em;
}
div#annuncio dl.datiaggiuntiviinserzione dd, div#annuncio dl.datiaggiuntiviinserzionesx dd, div#annuncio dl.datiaggiuntiviinserzionedx dd,
div.annuncio dl.datiaggiuntiviinserzione dd, div.annuncio dl.datiaggiuntiviinserzionesx dd, div.annuncio dl.datiaggiuntiviinserzionedx dd{
    font-weight: bold;
    margin: 0 0 0.5em;
    float: left;
    clear: right;
}
div#infoannunciotop {
    border-bottom: 1px #c0c0c0 solid;
    padding: 0 0 8px;
    clear: both;
}
div#infoannuncio {
    padding: 2px 0 0;
    clear: both;
}
div#rispondi {
    border: 1px #c0c0c0 solid;
    padding: 4px 0;
    clear: both;
    margin: 1em 0 0;
    float: none;
    width: 100%;
}
div#rispondi ul.risposte {
    float: none;
    width: 100%;
    margin: 0;
    padding: 1em 0 1em 1em;
    list-style: none;
}
div#rispondi ul.risposte li{
    font-size: 0.9em;
    list-style: none;
}
div#rispondi ul.risposte li a{
    background: transparent url('../images/pallino_rosso.png') no-repeat left center;
    padding: 4px 0 4px 24px;
    display: block;
    white-space: nowrap;
    text-decoration: none;
    font-weight: bold;
    color: #000;
}
div#rispondi ul.risposte li.btnrispondi{
    float: none;
    white-space: nowrap;
    font-size: 1em;
    list-style: none;
    padding: 4px 0;
}
div#rispondi ul.risposte li.fstcol{
    float: right;
}
div#rispondi ul.risposte li.seccol{
    float: right;
    clear: right;
}
div#rispondi .ui-state-default {
    background: transparent url('../images/pulsante_rispondi.png') no-repeat center center;
    border: 0 none;
    box-shadow: none;
    border-radius: 0;
    width: 236px;
    color: #fff;
    text-shadow: none;
    padding: 8px;
    margin: 0;
}
div#rispondi .ui-state-default span.ui-button-text {
    font-size: 11pt;
}
div#rispondi button {
}

.bold {
    font-weight: bold;
}
ul.orizzontaler {
    float: right;
    list-style: none;
    padding: 8px 0;
    margin: 0;
}
ul.orizzontaler li {
    float: left;
    list-style: none;
    padding: 4px 8px;
}
ul.orizzontaler li.last {
    padding-right: 0;
    clear: right;
}
ul.orizzontaler li a {
    background: transparent url('../images/barra_nera.png') no-repeat center right;
    padding-right: 0.75em;
    display: block;
    text-decoration: none;
    font-weight: bold;
    color: black;
}
ul.orizzontaler li.last a{
    background-image: none;
}
div.spostamentoi {
    padding: 0;
    margin:0;
    float: right;
}
.galbordato {
    margin: 0 auto;
    text-align: center;
    border: 1px #c0c0c0 solid !important;
    padding: 2px !important;    
}
.galbordato img {
}

.galbordatobtm {
    padding: 0 0 10px;
    border-bottom: 1px #c0c0c0 solid !important;
}
#mappagoogle {
    float: right;
    clear: both;
}
.mainsrccnt, .detailsrccnt {
/*    float: left;*/
    width: 936px;;
    margin: 5px;
    position: relative;
    background-color: red;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    padding: 12px;
}
#srchform .detailsrccnt .realfltcnt .txtquery td label {
    color: white;
}
.mainsrccnt label.lblintest, .detailsrccnt label.lblintest, .detailsrccnt span.lblintest{
    display: block;
    color: white;
    font-weight: bold;
    padding-bottom: 4px;
}
.mainsrccnt .srcradio, .detailsrccnt .srcradio {
    color: white;
    font-weight: bold;    
}
.mainsrccnt .srcradio label, .detailsrccnt .srcradio label{
    margin-left: 0.25em;
    margin-top: 0;
}
.mainsrccnt {
    background-color: #616E77;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.detailsrccnt {
    border-top: 1px solid white;
    padding-top: 5px;  
    min-height: 8em;
}
.bigselect .ui-selectonemenu-label {
    padding-top: 12px;
    font-size: 16px;
    color: grey;
}
.txtquery {
    display: inline;
    float: left;
    margin-right: 10px;
    overflow: hidden;
    padding: 2px;    
    position: relative;
}
.catquery {
    display: inline;
    float: left;
    margin-right: 10px;
    overflow: hidden;
    padding: 2px;    
    position: relative;
}
.locquery {
    display: inline;
    float: left;
    margin-right: 10px;
    overflow: hidden;
    padding: 2px;    
    position: relative;
}
.doquery {
    display: inline;
    float: right;
    margin-right: 10px;
    overflow: hidden;
    padding: 2px;    
/*    padding-top: 22px;*/
    clear: right;
    position: relative;
}
.bigselect {
    min-width: 240px; 
    height: 40px;
    background-color: white;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}
.realfltcnt .txtquery {
    min-width: 260px;
    padding: 0 10px;
    text-align: left;
}
.bigtext {
    height: 32px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}
.bigslider {
    
}
.slidercnt {
    padding: 13px 8px;
    height: 20px;
}
.slidercnt .lblintest {
    float: right;
    margin-top: -33px;
}
.cercabtn, .cercabtn_new {
    height: 40px;
    width: 120px;
    color: red;
    background-color: white;
    font-size: 24px;
    line-height: 24px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}
.cercabtn .ui-button-text, .cercabtn_new .ui-button-text{
    font-size: 24px;
    line-height: 24px;
    padding: 0;
    text-align: center;
}

.cercabtn_new {
    background-color: #fff;
    color: #ff3b45;
    border-radius: 7px;
    font-weight: bold;
    width: auto;
    padding: 0 1em;
    font-size: 18px;
}
.cercabtn_new .ui-button-text{                                  
    font-size: 18px;
}

.color-button-rosso .ui-state-default {
    background-color: red !important;
}
.color-button-nero .ui-state-default {
    background-color: black !important;
}
.color-button-bianco .ui-state-default {
    background-color: white !important;
}
.color-button-arancione .ui-state-default {
    background-color: orange !important;
}
.color-button-verde .ui-state-default {
    background-color: green !important;
}
.color-button-blu .ui-state-default {
    background-color: blue !important;
}
.color-button-giallo .ui-state-default {
    background-color: yellow !important;
}
.color-button-grigio .ui-state-default {
    background-color: grey !important;
}
.color-button-marrone .ui-state-default {
    background-color: maroon;
}
.suann-color-button {
    width: 20px;
    height: 20px;
    padding: 2px;
    margin: 2px !important;
}
.suann-color-button .ui-radiobutton-box {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 2px;
    width: 20px;
    height: 20px;
}
.suann-color-button .ui-radiobutton-icon {
    margin-left: 0;
}
.suann-color-button .ui-state-active {
    border: 2px solid black;
}
.suann-color-button .ui-icon-bullet {
    background-image: none;
}
span.puberror, span.pubinfo {
    display: block;
}
span.puberror, li.puberror {
    color: red;
}
span.pubinfo, li.pubinfo {
    color: green;
}
li.puberror, li.pubinfo {
    list-style-type: none;
}
.finsins table.centoxcento td.trentaxcento label, 
.finsins table.centoxcento td.trentaxcento .lbllike, 
#loginForm table.centoxcento td.trentaxcento label,
#forgForm label,
.contatticnt .finsins label{
    font-weight: bold;
    padding-right: 5px;
}
.contatticnt .finsins label{
    float: left;
    padding-top: 4px;
}
.finsins table.centoxcento td.trentaxcento .lbllike {
    display: block;
}
.finsins table.centoxcento td, .finsins table.centoxcento th {
    vertical-align: top;
}
.finsins table.centoxcento td.trentaxcento, table.centoxcento  .finsins th.trentaxcento, .finsins table.centoxcento td.settantaxcento, table.centoxcento  .finsins th.settantaxcento {
    padding: 18px 4px 0 0;
}
.finsins table.centoxcento td.settantaxcento, table.centoxcento  .finsins th.settantaxcento {
    padding-top: 14px;
}
.finsins table.centoxcento .ui-radiobutton, .finsins table.centoxcento .ui-selectmanycheckbox label,
.finsins table.centoxcento .ui-selectoneradio label, .contatticnt .finsins .ui-selectoneradio label
{
    margin: 0;
}
.finsins table.centoxcento .ui-selectmanycheckbox label,
.finsins table.centoxcento .ui-selectoneradio label 
.contatticnt .finsins .ui-selectoneradio label{
    padding: 0 4px;
}
.botbg {
    border-bottom: 1px solid lightgrey;
    padding-bottom: 8px;
}
.small {
    font-size: 8pt;
}
.smalllbl {
    font-size: 8pt;
    padding-left: 4px;
    font-weight: normal;
}
.smalllbl a {
    font-size: inherit;
}
.smalllbl strong {
    font-size: 8pt;
}
.distanzia {
    padding: 5px 0;
}
.pnlfotocnt .ui-panelgrid td{
    border-color: lightgrey;
    border-style: dashed;
}
#loginForm *{
    font-size: 8pt;
}
.finsins button.ui-state-default, .finsins .ui-chkbox-box, #loginForm button.ui-state-default, 
.ftoaf button, .contatticnt .finsins button.ui-state-default, #forgForm button.ui-state-default {
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
}
.finsins button.ui-state-default, #loginForm button.ui-state-default, #forgForm button.ui-state-default,
.ftoaf button, .contatticnt .finsins button.ui-state-default, .fldcnt .ui-button-text-only .ui-button-text{
    color: white;
    background-color: red;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.finsins button.ui-state-hover, #loginForm button.ui-state-hover,  #forgForm button.ui-state-hover,
.ftoaf button.ui-state-hover, .contatticnt .finsins button.ui-state-hover{
    border-color: lightgray;
    box-shadow: 0px 0px 15px 1px rgba(192,192,192, .99);
}
.finsins .ui-corner-all, #loginForm .ui-corner-all, #forgForm .ui-corner-all, .ftoaf .ui-corner-all, .contatticnt .finsins .ui-corner-all{
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}
.finsins .ui-button-text {
/*    
    padding: 0;
    text-align: center;
*/    
}
.finsins .ui-selectonemenu {
    min-width: 280px;
}
ul.messages, ul.messages li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
ul.messages li {
    
}
.top {
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	width: 100%; 
		
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=50);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.5;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.5;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.5;
}
.innerspan {
    padding-top: 4px;
    display: block;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-image: none;
}
.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
    box-shadow: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
box-shadow: 0px 0px 15px 1px rgba(192, 192, 192, .99);
border-color: lightgrey;
}

.ui-inputfield.ui-state-focus {
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: white none;
}
.ui-selectonemenu .ui-selectonemenu-trigger {
    border-left: none;
}
.ui-selectonemenu .ui-state-hover{
-moz-box-shadow: none;
-webkit-box-shadow:none;
box-shadow: none;
}
#srchform .ui-state-hover{
-moz-box-shadow: 0px 0px 20px 1px rgba(255, 255, 255, .99);
-webkit-box-shadow:0px 0px 20px 1px rgba(255, 255, 255, .99);
box-shadow: 0px 0px 20px 1px rgba(255, 255, 255, .99);
}
#srchform .ui-selectonemenu .ui-state-hover{
-moz-box-shadow: none;
-webkit-box-shadow:none;
box-shadow: none;
}
.ui-icon-triangle-1-s {
    
}
#srchform .ui-icon-triangle-1-s {
    
}
.lcatlabel {
    color: white;
    background-color: red;
    display: block;
    padding: 4px;
}
.visrgtfrm {
    float: right;
    width: 236px;
    padding: 4px 5px; 
    border: 1px solid #c0c0c0;
    margin-top: 20px;
    clear: both;
}
#rispondipri {
    float: none;
}
#infoazi h2 {
    text-align: center;
    color: red;
    font-size: 0.9em;
    letter-spacing: 0.1em;
    font-weight: bold;
}

#infoazi .intestaazi {
    background-color: red;
    color: white;
    text-align: center;
    font-size: 0.9em;
    padding: 5px;
    margin: 0 5px 1em;
}
#infoazi .intestaazi h3 {
    margin: 0 0 1em;
}
.visrgtfrm .fldcnt {
    font-size: 0.9em;    
    padding: 5px;
}
.visrgtfrm .fldcnt div {
    margin-bottom: 5px;
}
.visrgtfrm .fldcnt label{
    float: left;
    font-size: 0.9em;    
}
.visrgtfrm .fldcnt span.leftclc .boolmrg, .fldcnt .left .boolmrg, .fldcnt .rightclr .boolmrg{
    margin-top: 2px;
    margin-right: 5px;
    float: left;
}
.visrgtfrm .fldcnt span.leftclc .leftclro {
    font-size: .9em;
}
.visrgtfrm .fldcnt span.leftclc .leftclro a, .contatticnt .fldcnt .leftclc a{
    color: #4f4f4f;
}

.ui-messages-error, .ui-message-error, .ui-messages-info, .ui-message-info {
color: red;
background-color: white;
border: 1px solid red;
}

.ui-messages-info, .ui-message-info {
color: #4f4f4f;
background-color: white;
border: 1px solid #4f4f4f;
}

.ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon, .ui-messages-fatal-icon {
    background-image: none;
}
.ftoaf .ui-messages-error, .ftoaf .ui-message-error, .ftoaf .ui-messages-error-summary, .ftoaf .ui-message-error-summary
.ftoaf .ui-messages-info, .ftoaf .ui-message-info, .ftoaf .ui-messages-info-summary, .ftoaf .ui-message-info-summary{
    font-size: 8pt;
}
#contattaredazione {
    width: 420px;
    margin: 2em auto;
}
.contatticnt {
    float: left;
    clear: both;
    width: 100%;
    margin: 1em 0;
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
}
.contatticnt .fldcnt div {
    margin-bottom: 10px;
}
.center {
    text-align:center;
    margin: 0 auto;
}
.telcnt {
    width: 100%;float: left; border-top: 1px solid #c0c0c0;
}
div#annuncio .telcnt dl.datiaggiuntiviinserzione dt, div#annuncio .telcnt dl.datiaggiuntiviinserzione dd {
    margin-bottom: 0;
}
div#annuncio .telcnt dl.datiaggiuntiviinserzione {
    margin-bottom: 0.2em;
}
#meteopanel {
    margin-top: 5px;
    float: right;
    clear: both;
    width: 252px;
}
#sbtnpanel {
    margin-top: 5px;
    float: right;
    clear: both;
    width: 252px;
}
.sbtnpanelcnt {
margin: 7px 0;
}

#cm_module_17318 {
    width: 180px;
    border: 1px solid #ff0000;
    margin: 10px auto;
}
#cm_module_17318 table.c15 {
    border: 1px solid #ffffff;
}
#geopanel {
    margin-top: 5px;
    float: right;
    clear: both;
}
#geopanel .ui-corner-all, #geopanel .ui-widget-content, #geopanel .ui-widget-header, #geopanel .ui-tabs .ui-tabs-nav {
    background: transparent;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
}
#geopanel * {
    border: none;
    box-shadow: none;
    border-radius: 0;
}
#geopanel #geotab.ui-tabs .ui-tabs-nav {
    padding: 0;
    margin: 0;
}
#geopanel #geotab.ui-tabs .ui-tabs-nav li{
    margin: 0;
    padding: 0;
    text-align: center;
    width: 50%;
    background: #f0f0f0 url('../images/downsel_rosso.png') no-repeat 50% 2px;
}
#geopanel .ui-tabs {
    padding: 0;
}
#geopanel #geotab.ui-tabs .ui-tabs-nav li a {
    display: block;
    width: 100%;
    padding: .5em 0;
    float: none;
    color: #4f4f4f;
}
#geopanel #geotab.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    background: #ff0000 url('../images/downsel_bianco.png') no-repeat 50% 2px;
    color: white;
}
#geopanel #geotab.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    color: white;
}
#geopanel #geotab .ui-tabs-panel {
    border: 1px solid #ff0000;
    margin: 0;
    padding: 0;
}
.mappaitalia {
}
.mappatorino {
    
}
#italiamapcnt, .italiamapcnt, #torinomapcnt, .torinomapcnt {
    position: relative;
    width: 252px;
    height: 321px;
}
#italiamapcnt, .italiamapcnt {
    background: #f0f0f0 url('../../../img/statiche/mappe/italia.gif') no-repeat 0 0;
}
#torinomapcnt, .torinomapcnt {
    background: #f0f0f0 url('../../../img/statiche/mappe/piemonte/torino/torino_pulita.gif') no-repeat 0 0;
}
#mappa_locale {
    margin-top: 5px;
    float: right;
    clear: both;
    border: 1px solid red;
}
#mappaflt_cnt {
    position: relative;
    width: 252px;
    height: 321px;    
}
.mappaflt_com_tocitta_cnt {
    background: white url('../../../img/statiche/mappe/piemonte/torino/quartieri/torino_quartieri.gif') no-repeat 0 0;
}
.mappaflt_com_tocitta_aurora {
    background: transparent url('../../../img/statiche/mappe/piemonte/torino/quartieri/quartieri_filled.gif') no-repeat 0 0;    
}
.mappaflt_com_tocitta_barriera_di_milano {
    background: transparent url('../../../img/statiche/mappe/piemonte/torino/quartieri/quartieri_filled.gif') no-repeat -252px 0;    
}
.mappaflt_com_tocitta_borgata_vittoria {
    background: transparent url('../../../img/statiche/mappe/piemonte/torino/quartieri/quartieri_filled.gif') no-repeat -504px 0;    
}
.mappaflt_com_tocitta_borgo_po {
    background: transparent url('../../../img/statiche/mappe/piemonte/torino/quartieri/quartieri_filled.gif') no-repeat -756px 0;    
}
.mappaflt_com_tocitta_cenisia {
    background: transparent url('../../../img/statiche/mappe/piemonte/torino/quartieri/quartieri_filled.gif') no-repeat -1008px 0;    
}
.mappaflt_com_tocitta_centro {
    background: transparent url('../../../img/statiche/mappe/piemonte/torino/quartieri/quartieri_filled.gif') no-repeat -1260px 0;    
}
.mappaflt_com_tocitta_cit_turin {
    background: transparent url('../../../img/statiche/mappe/piemonte/torino/quartieri/quartieri_filled.gif') no-repeat 0 -321px;    
}
.mappaflt_com_tocitta_crocetta {
    background: transparent url('../../../img/statiche/mappe/piemonte/torino/quartieri/quartieri_filled.gif') no-repeat -252px -321px;    
}
.mappaflt_com_tocitta_falchera {
    background: transparent url('../../../img/statiche/mappe/piemonte/torino/quartieri/quartieri_filled.gif') no-repeat -504px -321px;    
}
.mappaflt_com_tocitta_lanzo_madonna_di_campagna {
    background: transparent url('../../../img/statiche/mappe/piemonte/torino/quartieri/quartieri_filled.gif') no-repeat -756px -321px;    
}
.mappaflt_com_tocitta_lingotto {
    background: transparent url('../../../img/statiche/mappe/piemonte/torino/quartieri/quartieri_filled.gif') no-repeat -1008px -321px;    
}
.mappaflt_com_tocitta_madonna_del_pinone {
    background: transparent url('../../../img/statiche/mappe/piemonte/torino/quartieri/quartieri_filled.gif') no-repeat -1260px -321px;    
}
.mappaflt_com_tocitta_mirafiori_nord {
    background: transparent url('../../../img/statiche/mappe/piemonte/torino/quartieri/quartieri_filled.gif') no-repeat 0 -642px;    
}
.mappaflt_com_tocitta_mirafiori_sud {
    background: transparent url('../../../img/statiche/mappe/piemonte/torino/quartieri/quartieri_filled.gif') no-repeat -252px -642px;    
}
.mappaflt_com_tocitta_nizza_millefonti {
    background: transparent url('../../../img/statiche/mappe/piemonte/torino/quartieri/quartieri_filled.gif') no-repeat -504px -642px;    
}
.mappaflt_com_tocitta_parella {
    background: transparent url('../../../img/statiche/mappe/piemonte/torino/quartieri/quartieri_filled.gif') no-repeat -756px -642px;    
}
.mappaflt_com_tocitta_pozzo_strada {
    background: transparent url('../../../img/statiche/mappe/piemonte/torino/quartieri/quartieri_filled.gif') no-repeat -1008px -642px;    
}
.mappaflt_com_tocitta_regio_parco {
    background: transparent url('../../../img/statiche/mappe/piemonte/torino/quartieri/quartieri_filled.gif') no-repeat -1260px -642px;    
}
.mappaflt_com_tocitta_san_donato {
    background: transparent url('../../../img/statiche/mappe/piemonte/torino/quartieri/quartieri_filled.gif') no-repeat -0px -963px;    
}
.mappaflt_com_tocitta_san_paolo {
    background: transparent url('../../../img/statiche/mappe/piemonte/torino/quartieri/quartieri_filled.gif') no-repeat -252px -963px;    
}
.mappaflt_com_tocitta_san_salvario {
    background: transparent url('../../../img/statiche/mappe/piemonte/torino/quartieri/quartieri_filled.gif') no-repeat -504px -963px;    
}
.mappaflt_com_tocitta_santa_rita {
    background: transparent url('../../../img/statiche/mappe/piemonte/torino/quartieri/quartieri_filled.gif') no-repeat -756px -963px;    
}
.mappaflt_com_tocitta_vallette_lucento {
    background: transparent url('../../../img/statiche/mappe/piemonte/torino/quartieri/quartieri_filled.gif') no-repeat -1008px -963px;    
}
.mappaflt_com_tocitta_vanchiglia {
    background: transparent url('../../../img/statiche/mappe/piemonte/torino/quartieri/quartieri_filled.gif') no-repeat -1260px -963px;    
}

.mappaflt_pie_cnt {
    background: white url('../../../img/statiche/mappe/piemonte/piemonte.gif') no-repeat 0 0;
}
.mappaflt_pie_al {
    background: transparent url('../../../img/statiche/mappe/piemonte/piemonte_base_trasparente.gif') no-repeat 0 0;    
}
.mappaflt_pie_at {
    background: transparent url('../../../img/statiche/mappe/piemonte/piemonte_base_trasparente.gif') no-repeat -252px 0;    
}
.mappaflt_pie_bi {
    background: transparent url('../../../img/statiche/mappe/piemonte/piemonte_base_trasparente.gif') no-repeat -504px 0;    
}
.mappaflt_pie_cn {
    background: transparent url('../../../img/statiche/mappe/piemonte/piemonte_base_trasparente.gif') no-repeat -756px 0;    
}
.mappaflt_pie_no {
    background: transparent url('../../../img/statiche/mappe/piemonte/piemonte_base_trasparente.gif') no-repeat 0 -321px;    
}
.mappaflt_pie_to {
    background: transparent url('../../../img/statiche/mappe/piemonte/piemonte_base_trasparente.gif') no-repeat -252px -321px;    
}
.mappaflt_pie_vb {
    background: transparent url('../../../img/statiche/mappe/piemonte/piemonte_base_trasparente.gif') no-repeat -504px -321px;    
}
.mappaflt_pie_vc {
    background: transparent url('../../../img/statiche/mappe/piemonte/piemonte_base_trasparente.gif') no-repeat -756px -321px;    
}

/*
.vda, .pie, .lig, .lom, .tad, .ven, .fri, .emi, .tos, .umb, .mar, .laz, .abr, .cam, .mol, .bas, .pug, .cal, .sic, .sar {
    background: transparent url('../../../img/statiche/mappe/regioni_base_trasparente.gif') no-repeat 0 0;    
}
*/
.vda, #vda.selzone {
    background: transparent url('../../../img/statiche/mappe/regioni_base_trasparente.gif') no-repeat 0 0;    
}
.pie, #pie.selzone {
    background: transparent url('../../../img/statiche/mappe/regioni_base_trasparente.gif') no-repeat -252px 0;    
}
.lig, #lig.selzone {
    background: transparent url('../../../img/statiche/mappe/regioni_base_trasparente.gif') no-repeat -504px 0;    
}
.lom, #lom.selzone {
    background: transparent url('../../../img/statiche/mappe/regioni_base_trasparente.gif') no-repeat -756px 0;    
}
.tad, #tad.selzone {
    background: transparent url('../../../img/statiche/mappe/regioni_base_trasparente.gif') no-repeat -1008px 0;    
}
.ven {
    background: transparent url('../../../img/statiche/mappe/regioni_base_trasparente.gif') no-repeat 0 -321px;    
}
.fri {
    background: transparent url('../../../img/statiche/mappe/regioni_base_trasparente.gif') no-repeat -252px -321px;    
}
.emi {
    background: transparent url('../../../img/statiche/mappe/regioni_base_trasparente.gif') no-repeat -504px -321px;    
}
.tos {
    background: transparent url('../../../img/statiche/mappe/regioni_base_trasparente.gif') no-repeat -756px -321px;    
}
.umb {
    background: transparent url('../../../img/statiche/mappe/regioni_base_trasparente.gif') no-repeat -1008px -321px;    
}
.mar {
    background: transparent url('../../../img/statiche/mappe/regioni_base_trasparente.gif') no-repeat 0 -642px;    
}
.laz {
    background: transparent url('../../../img/statiche/mappe/regioni_base_trasparente.gif') no-repeat -252px -642px;    
}
.abr {
    background: transparent url('../../../img/statiche/mappe/regioni_base_trasparente.gif') no-repeat -504px -642px;    
}
.cam {
    background: transparent url('../../../img/statiche/mappe/regioni_base_trasparente.gif') no-repeat -756px -642px;    
}
.mol {
    background: transparent url('../../../img/statiche/mappe/regioni_base_trasparente.gif') no-repeat -1008px -642px;    
}
.bas {
    background: transparent url('../../../img/statiche/mappe/regioni_base_trasparente.gif') no-repeat 0 -963px;    
}
.pug {
    background: transparent url('../../../img/statiche/mappe/regioni_base_trasparente.gif') no-repeat -252px -963px;    
}
.cal {
    background: transparent url('../../../img/statiche/mappe/regioni_base_trasparente.gif') no-repeat -504px -963px;    
}
.sic {
    background: transparent url('../../../img/statiche/mappe/regioni_base_trasparente.gif') no-repeat -756px -963px;    
}
.sar {
    background: transparent url('../../../img/statiche/mappe/regioni_base_trasparente.gif') no-repeat -1008px -963px;    
}
.tocitta, #tocitta.selzone {
    background: transparent url('../../../img/statiche/mappe/piemonte/torino/torinofilled.gif') no-repeat -252px 0;        
}
.toprov, #toprov.selzone {
     background: transparent url('../../../img/statiche/mappe/piemonte/torino/torinofilled.gif') no-repeat 0 0;         
}
.disclaimer_dlg .ui-dialog-titlebar {
    padding: 0;
}
.disclaimer_dlg .ui-dialog-titlebar .ui-dialog-title {
    margin: 0;
}
.disclaimer_dlg h1 {
    text-align: center;
    font-size: 13pt;
}
.disclaimer_dlg h2, .disclaimer_dlg h2 * {
    text-align: center;
    font-size: 13pt;
    color: #ff0000;
}
.disclaimer_dlg h2 {
    padding: 10px 0;
    background: transparent url('../images/attenzione_disclaimer.png') no-repeat 50% 50%;
}
.disclaimer_dlg .txtDisclaimer {
    text-align: justify !important;
}
.disclaimer_dlg .accept .ui-button, .disclaimer_dlg .refuse .ui-button{
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    border: 1px groove #f0f0f0;
    box-shadow: none;
    color: #fff;
}
.disclaimer_dlg .refuse .ui-button{
    background: #ff0000;
}

.disclaimer_dlg .accept .ui-button{
    background: #AAD200;
}

.disclaimer_dlg .refuse .ui-state-hover{
    background: #ff0000;
}

.disclaimer_dlg .accept .ui-state-hover{
    background: #8AB200;
}

.disclaimer_dlg .accept .ui-state-hover {
}
.btnDisclaimer {
    float: left;
    width: 100%;
    padding-top: 10px;    
}
.disclaimer_dlg {
    background: transparent url('../images/semitrasparente.png') repeat 0 0;
}
.nascosta {
    display: none;
}
#mainindexleft .listasottocat li.comprimi, #mainindexleft .listasottocat li.espandi {
    border-bottom: none;
    font-size: 10pt;
    background: transparent url('../images/exp_hide.png') no-repeat -100px -100px;
    padding-left: 16px;
}
#mainindexleft .listasottocat li.comprimi *, #mainindexleft .listasottocat li.espandi *
{
    font-size: inherit;
    background-color: white;
    display: block;
    padding: 2px 0 1px 6px;
}
#mainindexleft .listasottocat li.comprimi {
    background-position: -17px 50%;
}
#mainindexleft .listasottocat li.espandi {
    background-position: 0 50%;
}
#istituzionale a{
    color: inherit;
    text-decoration: none;
}
#rispondipri h2 {
    color: red;
}
#bottom_fb_follow, #bottom_googleplus_follow, #bottom_twitter_follow {
    position: absolute;
    right: 0;
    top: -40px;
    background-color: white;
    padding: 10px;
    border: 1px solid lightgrey;
}
ul#lista_altri_dati {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px #c0c0c0 solid;
    margin-top: 0;
}
ul#lista_altri_dati li{
    list-style-type: none;
    display: inline-block;
    width: 30%;
    padding-bottom: 4px;
}
ul#lista_altri_dati li a{
    color: #444;
}
ul#lista_altri_dati li.ele0 {
}
ul#lista_altri_dati li.ele1 {
}
ul#lista_altri_dati li.ele2 {
}
a.top1 {
    background: transparent url('../images/stellem.png') no-repeat -135px center;
    padding-left: 20px;
}
a.top3, a.top1000, a.top10000 {
    background: transparent url('../images/stellem.png') no-repeat -105px center;
    padding-left: 50px;
}
a.top0 {
    
}
a.conimma {
    background: transparent url('../images/cameras.png') no-repeat -280px bottom;
    padding-bottom: 24px;
    display: block
}
.seo_txt{font-family:Arial, Helvetica, sans-serif; color:#666}
.seo_dida{background-color:#666; width:150px; color:#fff; text-align:center}
.seo_txt_content{font-size:10px; text-align:justify;}
.seo_img{border:solid #666;} 
.seo_rosso{color:#ff0000}
#maintext div.seo_txt h1, div.seo_txt h1 { font-size: 35px !important; }
#maintext div.seo_txt h2, div.seo_txt h2 { font-size: 24px !important; }
#maintext div.seo_txt h3, div.seo_txt h3 { font-size: 22px !important; }

.ele_comuni_cnt {
    float: left;
    width: 252px;
    border-top: 1px solid red;
    background-color: #f0f0f0;
}
.ele_comuni_cnt a, .ele_comuni_cnt span {
    float: left;
    width: 100px;
    padding: 2px 4px 2px 7px;
    font-size: 9pt;
    color: red;
}
.ele_comuni_cnt a:link {
    text-decoration: none;
}
.ele_comuni_cnt a:hover {
    text-decoration: underline;
}
.ele_comuni_cnt span {
    color: #444;
}
.dlgLstComCl {
    width: 560px;
    float: left;
}
.dlgLstComCl a, .dlgLstComCl span {
    width: 100px;
    padding: 2px 4px 2px 7px;
    float: left;
    font-size: 9pt !important;
}
a.fltgest {
    float: right;
    clear: both;
    width: 100%;
    text-align: right;
    color: #444;
}
a.fltgest:link {
    text-decoration: underline;
}
.lstordch {
    margin-bottom: 4px;
    background-color: #f0f0f0;
}
.lstordch a {
    padding: 2px 40px;
}
.lstordch a:link {
    text-decoration: none;
}
.lstordch a:hover {
    text-decoration: underline;
}
#dialogFltCom .ui-dialog-titlebar {
    background-color: #ff0000;
}
.dummy {
    
}
#ricerca_top, #ricerca_btm, #ricerca_main {
    float: left;
}
#ricerca_top {
    background: transparent url('../images/sfondo_box_ricerca_top.png') no-repeat top left;
    width: 100%;
    height: 10px;
}
#ricerca_btm {
    background: transparent url('../images/sfondo_box_ricerca_btm.png') no-repeat bottom left;
    width: 100%;
    height: 9px;
}
#ricerca_main {
    background: transparent url('../images/sfondo_box_ricerca_main.png') repeat center center;
    width: 100%;
}
.srcsca .ui-selectonemenu-table td, .srcsca .ui-selectonemenu-table tr.ui-widget-content {
    border: 0 none transparent !important;
    border-width: 0;
    border-style: none;
    border-color: transparent;
}
image.do_wm_i {
    background-image: url('../images/watermark.png');
}
#dlgPwdForg #forgForm table tr.ui-widget-content, #dlgPwdForg #forgForm .ui-panel-grid td{
    border: 0 none transparent;
}
#dlgPwdForg.ui-corner-all {
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    border-radius: 8px !important;
}
#dlgPwdForg .ui-widget-header{
    background-color: red;
    color: white;
}
#seotop {
}
.seolist li {
    display: inline-block;
    margin-right: 0.25em;
}
.seolist li:last-of-type {
    margin-right: 0;
}
.seolist li:before {
    content: " | ";
}
.seolist li:first-of-type:before {
    content: "";
}
.seolist li a{
    text-decoration: none;
}
.seolist li a:hover{
    text-decoration: underline;
}

.seolist ul {
    list-style-type: none;
    padding: 0;
}
.seolist .ui-widget-content {
    border: none transparent 0;
    background: transparent;
}
#seobottom {
}
#seobottom.seolist .ui-widget-content a{
    color: #4f4f4f;
}
div.ultimi_annunci {
    border-top: 1px red solid;
    margin-top: 2em;
}
div.ultimi_annunci ul{
    list-style-type: none;
    width: 100%;
    padding: 0;
    margin: 2em 0;
    text-align: justify;    
}
div.ultimi_annunci ul li{
    display: inline-block;
}
div.ultimi_annunci ul li img{
    padding: 4px;
}
div.ultimi_annunci ul.elenco_ultime {
    width: 97%;
    margin-right: auto;
    margin-left: auto;
    background-color: #4F4F4F;
    padding: 4px;
}
ul.elenco_ultime li{
    width: 180px;
    height: 250px;
    overflow: hidden;
    position: relative;
    text-align: center;
    border: 1px dimgray solid;
}
ul.elenco_ultime li a{
    
}
ul.elenco_ultime li a img{
/*    max-width: 100%;*/
    max-height: 100%;
    vertical-align: bottom;
}
ul.elenco_ultime li.justifier {
    height: 1px;
    width: 100%;
}
div.ultimi_annunci ul.elenco_ultime li h4 {
    position: absolute;
    bottom: 0;
    color: #d00101;
    text-align: center;
    width: 100%;
}
div.ultimi_annunci ul.elenco_ultime li h4 span{
    display: block;
    color: white;
    font-weight: normal;
}
.vtlabel {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;

  /* Should be unset in IE9+ I think. */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  display: block;
}
.vtlabelcnt {
    display: inline-block;
    width: 2em;
    height: 100%;
    background-color: #A5A5A5;
    text-align: center;
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    -moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
}
.realfltcnt {
    display: inline-block;
    margin-left: 3em;
    width: 920px;
    text-align: center;
}
.srcvtlbl {
    position: absolute;
    left: -3em;
    top: 45%;
    font-weight: bold;
}

body.index_e #mainindexleft {
    width: 710px;
    min-width: 710px;
    max-width: 710px;
    background: transparent none;
/*    padding-top: 1em;*/
    min-height: 300px;
    float: right;
}
body.index_e #mainindexright {
    float: left;
    width: 250px;
}
.errpgmxblock {
/*    width: 50%;*/
    margin: 0 0; 
    padding-top: 9em;
    text-align:left;
    font-size:16pt;
}
.errpgmxblock strong{
    font-size:16pt;
}
.sortasc, .sortdesc {
    display: block;
    background-image: url("#{resource['images/icone_ordine.png']}");
    margin: -3px 0px -3px 0;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;    
    width: 16px;
    height: 16px;
    float: right;
}
.rc_table th span.sortasc, .rc_table th span.sortdesc {
    background: transparent url("#{resource['images/icone_ordine.png']}") no-repeat center center;
}
.sortdesc, .rc_table th span.sortdesc {
    background-position: 0 -26px;    
}
.sortasc, .rc_table th span.sortasc {
    background-position: 0 0;    
    margin-right: 8px;
}
.rc_table th span.sortasc.ui-state-disabled, .rc_table th span.sortdesc.ui-state-disabled {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	-moz-opacity:0.65;
	-khtml-opacity: 0.65;
	opacity: .65;
}
span.spndata, span.spnprezzo {
	min-width: 96px;
}
#toprightbanner_home {
    float: left;
    width: 573px;
    height: 193px;
}
#topleftbanner_home {
    float: left;
    margin-right: 20px;
}
#bCorpo.index #mainbanner .ui-carousel-header, #bCorpo.index_e #mainbanner .ui-carousel-header,
#bCorpo.index #topleftbanner_home .ui-carousel-header, #bCorpo.index_e #topleftbanner_home .ui-carousel-header, 
#rightbannerelepers .ui-carousel-header, #rightbannerelepers .ui-carousel-header,
#rightbannerskpers .ui-carousel-header, #rightbannerskpers .ui-carousel-header{
    display: none;
}
#bCorpo.index #mainbanner .ui-carousel, #bCorpo.index #mainbanner .ui-widget-content,
#bCorpo.index_e #mainbanner .ui-carousel, #bCorpo.index_e #mainbanner .ui-widget-content,
#bCorpo.index #topleftbanner_home .ui-carousel, #bCorpo.index #topleftbanner_home .ui-widget-content,
#bCorpo.index_e #topleftbanner_home .ui-carousel, #bCorpo.index_e #topleftbanner_home .ui-widget-content,
#rightbannerelepers .ui-carousel, #rightbannerelepers .ui-widget-content,
#rightbannerskpers .ui-carousel, #rightbannerskpers .ui-widget-content{
    border: 0 none;
}
body.edit #mainindexleft #finsins.finsins .settantaxcento select {
width: 100%;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
height: 2em;
}
body.edit #mainindexleft #finsins.finsins .settantaxcento select option:disabled {
	background-color: red;
	color: white;
}
#cookiebarcnt.top {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
  filter: alpha(opacity=95);
  -moz-opacity: 0.95;
  -khtml-opacity: 0.95;
  opacity: 0.95;
}
#cookiebarcnt.ui-notificationbar {
    height: auto;
}
/* scroll-margin-top: evita che fixed-bar overlay gli elementi scrollati in view
   (notificationBar cookie ~60px + navbar ~55px = ~115px) */
.ta-catgrid-cnt,
.ta-cat-header,
.ta-scalink,
.ta-sca-header,
.ta-form-body {
    scroll-margin-top: 120px;
}
body.personali .detailsrccnt {
    background: red url('/img/statiche/banner_ricerca_personali.png') no-repeat center center;
    background-image: url('/img/statiche/banner_ricerca_personali.png');
    background-repeat: no-repeat;
    background-position: center center;
}
img.seg_pi {
	display: block;
	margin-top: 1.5em;
}
.leftfloat {
    float:left;
}
.rightfloat {
    float:right;
}
#toppreheader #topmenupreheader {
    
}
.toplogocnt .logogrp {
    margin-left:10px;
}
.toplogocnt .logogrp img{
    margin-top: 15px;
}
.toplogocnt .bloggrp img, .toplogocnt .fbgrp img {
    display: block;
}
.toplogocnt .bloggrp, .toplogocnt .fbgrp {
    text-align: center;
    border-right: 1px solid rgba(192, 192, 192, 0.4);
    padding: 0 1em;
}
.toplogocnt .bloggrp img, .toplogocnt .fbgrp img{
    margin-top: 10px;
    padding-bottom: 0.75em;
}
.toplogocnt .bloggrp {
    
}
.toplogocnt .fbgrp {
    
}
.toplogocnt .bloggrp a, .toplogocnt .fbgrp a {
    color: white;
    text-decoration: none;
}

#menutop .ui-state-default, #menutop .ui-state-hover {
    background-color: #FFC833;
    font-weight: bold;
    background-image: none;
}
.preheadmenu {
    text-align: right;
    margin: 0 0 0 auto;
    float: right;
}
.preheadmenu li.ui-menuitem a:after {
    content: '.';   
}
.preheadmenu li.ui-menuitem a.last_bar:after {
    content: none;   
}
.index .mainsrccnt {
    margin: 0;
    width: auto;
}
.mainsrccnt .bigtext, .mainsrccnt .bigselect {
    color: #707d85;
    border-radius: 7px;
}
body#bCorpo.hasbglnk {
    padding-top: 85px !important;
}
#menutop button.newlook {
    width: auto !important;
    color: #333 !important;
    background: #c0c0c0 !important;
    padding: 0.5em 1em !important;
    border: 1px #c0c0c0 solid !important;
    border-radius: 3px 4px !important;
    text-decoration: none !important;    
    display: block !important;
    margin-left: auto;
    margin-right: auto;
}
.ui-button-text-icon-left.newlook .ui-button-text {
    padding: 0 1em 0;
}
img.dummypreview {
   max-height: 80px;
   display: block; 
}
#dlImmagini  ul {
 list-style-type:  none;
 margin-left: 1em;
}
#dlImmagini  ul li{
 list-style-type:  none;   
 margin-bottom: 0.5em;
 display: inline-grid;
 padding: 1em;
}
#dlImmagini  ul li span {
    display: block;
}

/* ================================================================
   INSERIMENTO ANNUNCIO — layout pagina (body.inserimento)
   Sostituisce body.edit: il pannello sx occupa tutta la larghezza
   e il pannello "RICORDA" viene incorporato nel contenuto.
   ================================================================ */
body.inserimento #mainindexleft {
    width: 960px;
    min-width: 960px;
    max-width: 960px;
    min-height: 300px;
}
body.statica div.titoloannuncio h1, body.edit div.titoloannuncio h1,
body.inserimento div.titoloannuncio h1 {
    color: black;
}

/* --- Titolo inserimento: box bordato centrato (come nel PDF) --- */
body.inserimento div.titoloannuncio {
    border-bottom: none;
    text-align: center;
    margin-top: 2em;
    margin-bottom: 1.2em;
}
body.inserimento div.titoloannuncio .left {
    float: none;
    display: inline-block;
}
body.inserimento div.titoloannuncio h1 {
    display: inline-block;
    border: 1px solid #c0c0c0;
    padding: 8px 28px;
    font-size: 1.35em;
    font-weight: bold;
    margin: 0;
}

/* ================================================================
   INSERIMENTO ANNUNCIO — componenti ta-*
   ================================================================ */

/* --- box "RICORDA": nascosto sulla pagina inserimento (non presente nel PDF) */
body.inserimento .ta-ricorda-box {
    display: none;
}
/* stili originali mantenuti per eventuali altri contesti */
.ta-ricorda-box {
    margin-bottom: 1.5em;
    border-left: 4px solid #ff0000;
    background-color: #fff8f8;
    border-color: #ff0000;
    color: #4f4f4f;
}
.ta-ricorda-box h4 {
    color: #ff0000;
    font-weight: bold;
    margin-top: 0;
}
.ta-ricorda-box ul {
    margin-bottom: 0;
    padding-left: 1.5em;
}

/* --- griglia categorie ---------------------------------------- */
.ta-catgrid-cnt {
    margin-bottom: 1.5em;
}
.ta-scegli-cat-lbl {
    font-size: 1.1em;
    font-weight: bold;
    color: #4f4f4f;
    margin-bottom: 0.75em;
    text-align: center;
}
.ta-catgrid {
    margin-left: 0;
    margin-right: 0;
}
.ta-catitem {
    padding: 4px;
    margin-bottom: 8px;
    position: relative;
}
.ta-cat-header {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: left;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 8px 10px;
    background: #fafafa;
    min-height: 64px;
}
.ta-cat-header:hover,
.ta-cat-header.ta-cat-open {
    background: #fff3f3;
    border-color: #ff0000;
}
.ta-cat-icon {
    display: block;
    flex-shrink: 0;
    margin: 0 10px 0 0;
    max-height: 48px;
    max-width: 48px;
}
.ta-cat-name {
    flex: 1;
    font-size: 9pt;
    font-weight: bold;
    line-height: 1.3;
    word-wrap: break-word;
}
.ta-scalist {
    /* dropdown sotto il tile: top:100% = fondo del .ta-catitem (= fondo del .ta-cat-header,
       che è l'unico elemento in-flow dentro .ta-catitem).
       left/right a 0 per allinearsi al padding del .ta-catitem (4px su ogni lato). */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border: 1px solid #ff0000;   /* rosso = continua il bordo del tile aperto */
    border-top: none;
    border-radius: 0 0 4px 4px;
    background: #fff;
    padding: 4px 0;
    z-index: 500;
    box-shadow: 0 6px 14px rgba(0,0,0,0.18);
}
a.ta-scalink,
.ta-scalink {
    display: block;
    padding: 6px 12px;
    color: #4f4f4f !important;
    text-decoration: none !important;
    font-size: 9pt;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
    background: transparent;
}
.ta-scalink:last-child {
    border-bottom: none;
}
.ta-scalink:hover {
    background: #ff0000 !important;
    color: #fff !important;
}

/* --- corpo del form ------------------------------------------- */
/* P5e: nessun bordo rosso sopra il titolo sottocategoria (PDF: forma pulita) */
.ta-form-body {
    padding-top: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
}
/* P5f: spaziatura form-group più ariosa (PDF ~18-20px), label a dimensione piena */
.ta-form-body .form-group {
    margin-bottom: 18px;
}
.ta-form-body .form-group > label.control-label {
    font-weight: 700;
    color: #333;
    margin-bottom: 0.5em;
    font-size: 1.15em;
}
.ta-form-body .help-block {
    display: block;
    font-size: 0.85em;
    margin-top: 2px;
    margin-bottom: 4px;
}
.ta-form-body .ui-outputlabel-rfi {
    font-size: 0.85em;
    vertical-align: baseline;
    color: #777;
    font-weight: normal;
    margin-left: 2px;
}
.ta-form-body .help-block.text-danger {
    color: #a94442;
    font-weight: bold;
}
.ta-sca-header {
    display: block; /*flex;*/
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 1em;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 0.4em;
}
/* P5g: heading sottocategoria più prominente — 1.5em allineato al PDF */
.ta-sca-title {
    color: #222;
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
}
.ta-cambia-cat {
    font-size: 8pt;
    color: #888 !important;
    text-decoration: none !important;
    white-space: nowrap;
    margin-left: 1em;
}
.ta-cambia-cat:hover {
    color: #ff0000 !important;
}

/* --- sezione foto (rev.15) ------------------------------------ */
.ta-foto-group {
    margin-bottom: 1.5em;
}

/* riga header: label a sx, info-box a dx */
.ta-foto-top-row {
    margin-bottom: 0.6em;
}
.ta-foto-label {
    display: block;
    overflow: hidden;   /* rimane a sx del float */
}

/* box informativo flottato a destra (formato JPEG + NO PDF) */
.ta-foto-info-box {
    float: right;
    margin-left: 12px;
    margin-bottom: 8px;
    border: 2px solid #aa0000;
    border-radius: 10px;
    padding: 10px 22px;
    font-size: 1.25em;      /* em → parent ha 10pt da body *: 1.25×10pt = 12.5pt, non dipende dalla root */
    font-weight: bold;
    line-height: 1.7;
    background: #cc0000;
    color: #ffffff;
    text-align: center;
}
/* body * { font-size: 10pt } (spec. 0,0,1,1) azzera l'ereditarietà su tutti i
   discendenti. Questo selettore (spec. 0,1,0,1) vince e fa sì che ogni figlio
   del box erediti il 1.1rem impostato sopra, anziché ricevere 10pt da body *. */
.ta-foto-info-box * {
    font-size: 1em;
}
/* JPEG e NO PDF in giallo — sovrascrive color senza toccare font-size */
.ta-foto-info-box strong {
    color: #FFE600;
}
.ta-foto-info-nopdf {
    margin-top: 4px;
}
.ta-foto-info-att {
    margin-top: 6px;
}

/* Nasconde il chrome PrimeFaces (buttonbar visivo + coda file).
   L'input[type=file] NON viene nascosto: viene posizionato come
   overlay trasparente fixed sopra il primo slot vuoto via JS,
   così il click dell'utente atterra direttamente sull'input
   (nessuna simulazione .click(), nessun problema di user-activation). */
.ta-fileupload-hidden .ui-fileupload-content {
    display: none !important;
}
/* Il buttonbar collassato a zero: non prende spazio, non intercetta click.
   L'input[type=file] figlio ha position:fixed → sfugge all'overflow:hidden
   e viene posizionato via JS sopra il primo slot vuoto. */
.ta-fileupload-hidden .ui-fileupload-buttonbar {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
}
/* Input off-screen ma accessibile nel DOM: necessario perché label[for]
   non funziona su input con display:none. L'area clickabile è gestita dal
   <label id="ta-file-click-overlay"> creato e posizionato via JS. */
.ta-fileupload-hidden input[type="file"] {
    position: fixed !important;
    top: -9999px !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
}

/* P5h: slot vuoto — min-height ereditato da .ta-foto-item */
.ta-foto-item-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: default;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    margin-bottom: 8px;
    background: #fafafa;
}
.ta-foto-slot-vuoto {
    text-align: center;
    font-size: 3em;
}

/* icona camera: grigia per default (slot vuoto generico) */
.ta-foto-cam-slot {
    font-size: 2.2em;
    color: #ddd;
    display: block;
    margin: 0 auto;
}
/* label "Aggiungi foto": nascosta su tutti gli slot, mostrata solo sul primo vuoto */
.ta-foto-add-lbl {
    display: none;
    font-size: 1.5em;
    font-weight: bold;
    color: #ff0000;
}

/* Prima cella vuota = "Aggiungi foto" attivo: rossa, cliccabile */
.ta-foto-first-empty {
    cursor: pointer;
}
.ta-foto-first-empty .ta-foto-cam-slot {
    display: none; /* l'icona è dentro ta-foto-add-lbl sul first-empty */
}
.ta-foto-first-empty .ta-foto-add-lbl {
    display: block;
    color: #ff0000;
    font-weight: bold;
}
.ta-foto-first-empty .ta-foto-add-lbl .glyphicon {
    font-size: 1.4em;
    margin-right: 4px;
    vertical-align: middle;
}
.pnlfotocnt {
    margin-top: 0;
}
.ta-foto-grid .ui-datagrid-column {
    padding: 4px;
    vertical-align: top;
}
.ta-foto-item {
    position: relative;
    min-height: 168px;
    max-height: 168px;
    max-width: 300px;
    width: 100%;
    margin: 0 auto 8px;
    border: 2px solid #ccc;
    border-radius: 6px;
    padding: 8px;
    background: #fafafa;
    overflow: hidden;
}
/* Stella "immagine principale": badge bottom-left dentro .ta-foto-item.
   .ui-chkbox resta intatto e cliccabile; si nascondono solo icona e label.
   ::after su .ui-chkbox-box riflette .ui-state-active gestito da PF — no JS. */
.ta-foto-item .ta-foto-caption {
    position: absolute;
    bottom: 4px;
    left: 6px;
    z-index: 6;
    line-height: 1;
}
/* nasconde la label PF5 */
.ta-foto-caption .ui-chkbox .ui-chkbox-label {
    display: none;
}
/* box: trasparente, mantiene dimensioni e click */
.ta-foto-item .ta-foto-caption .ui-chkbox-box {
    border: none;
    background: none;
    box-shadow: none;
    overflow: visible;
    width: 22px;
    height: 22px;
    line-height: 22px;
    margin: 0;
    padding: 0;
}
/* nasconde lo span icona PF */
.ta-foto-item .ta-foto-caption .ui-chkbox-icon {
    display: none;
}
/* ☆ non selezionata */
.ta-foto-item .ta-foto-caption .ui-chkbox-box::after {
    content: '\2606';
    font-size: 2em;
    color: #ccc;
}
/* ★ selezionata — .ta-foto-caption nel selettore per battere il tema PF a riga ~2926 */
body.inserimento .finsins .ta-foto-caption .ui-chkbox:has(input[type="checkbox"]:checked) .ui-chkbox-box::after {
    content: '\2605';
    font-size: 2em !important;
    color: #f5c518;
    background: none white;
    border: none;
}
body.inserimento .finsins .ta-foto-caption .ui-chkbox:has(input[type="checkbox"]:checked) .ui-chkbox-box {
    background: none white !important;
    border: none !important;
}
/* Badge × elimina: cerchio rosso angolo alto-destra
   !important necessario per battere le regole PrimeFaces 5.x sul tema */
.ta-foto-item .ta-badge-del {
    position: absolute !important;
    top: 5px;
    right: 5px;
    width: 22px !important;
    height: 22px !important;
    min-width: 0 !important;
    border-radius: 50% !important;
    padding: 0 !important;
    line-height: 22px !important;
    font-size: 13px !important;
    text-align: center;
    z-index: 10;
    overflow: hidden;
}
.ta-foto-item .ta-badge-del .ui-button-text {
    padding: 0 !important;
    line-height: inherit !important;
    display: block;
}
/* Badge ↻ ruota: cerchio scuro semitrasparente in basso al centro */
.ta-foto-item .ta-badge-rot {
    position: absolute !important;
    bottom: 5px;
    left: 50% !important;
    right: auto;
    transform: translateX(-50%) !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 0 !important;
    border-radius: 50% !important;
    padding: 0 !important;
    line-height: 26px !important;
    font-size: 15px !important;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.45) !important;
    border-color: transparent !important;
    color: #fff !important;
    z-index: 10;
    overflow: hidden;
}
.ta-foto-item .ta-badge-rot .ui-button-text {
    padding: 0 !important;
    line-height: inherit !important;
    display: block;
}
.ta-foto-preview img.dummypreview,
.ta-foto-item img.dummypreview {
    max-height: 112px;
    max-width: 100%;
    display: block;
    margin-bottom: 6px;
}
.ta-foto-btns {
    margin-top: 6px;
    display: block;
    width: 100%;
}
.ta-foto-copertina {
    margin-top: 6px;
    margin-bottom: 0;
}

/* --- selezione colore ----------------------------------------- */
.ta-colori-cnt {
    margin-top: 6px;
}

/* --- btn-group radio (Offro/Cerco, Privato/Azienda, SI/NO) ---- */
/* I due bottoni si dividono la piena larghezza 50%+50% come nel PDF:
   flex:1 su ciascun bottone, gap tra i due (non connessi).
   border-radius:6px !important batte le pseudo-classi Bootstrap
   (.btn-group > .btn:first-child:not(:last-child)...) che
   azzerano i corner interni con specificità più alta. */
.ta-radio-btngroup {
    display: flex;
    gap: 8px;
    margin-top: 5px;
    margin-bottom: 4px;
}
.ta-radio-btngroup .btn {
    flex: 1;
    float: none;
    border-radius: 6px !important;
    text-align: center;
}
/* nasconde il widget PrimeFaces dentro il label-bottone,
   lasciando funzionale il radio input sottostante */
.ta-radio-btngroup .btn .ui-radiobutton {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    pointer-events: none;
}
/* Bootstrap 3 data-toggle="buttons": lo stato active
   viene applicato automaticamente dal componente JS */
.ta-radio-btngroup .btn.active {
    background-color: #ff0000;
    border-color: #cc0000;
    color: #fff;
    box-shadow: none;
}
.ta-radio-btngroup .btn:hover {
    border-color: #ff0000;
}

/* --- warning mail (istruzioni conferma) ----------------------- */
/* P5d: leggermente più distante dal campo email */
.ta-mail-warning {
    margin-top: 1.8em;
    overflow: hidden;
}
.ta-mail-warning-icon {
    float: left;
    margin-right: 0.75em;
}
.ta-mail-warning-icon .fa {
    display: block;
    font-size: 2em;
}
.ta-mail-warning-icon .fa-envelope {
    color: lightskyblue;
}
.ta-mail-warning-text {
    overflow: hidden;
    text-align: center;
}

/* --- form-control su select e input nel form inserimento ------ */
body.inserimento .finsins .form-control {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    height: auto;
    min-height: 34px;
}
body.inserimento .finsins .form-control.ui-inputtextarea {
    height: auto;
}
/* fix PrimeFaces selectOneMenu width dentro form-control */
body.inserimento .finsins .form-control .ui-selectonemenu {
    width: 100% !important;
    min-width: 0;
}
/* override bordi PrimeFaces sui widget dentro il form nuovo */
body.inserimento .finsins .ui-corner-all {
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
}

/* ================================================================
   FIX P6-checkbox: p:selectBooleanCheckbox (insAccettazione)
   Lo sprite jQuery UI non rende visibile lo stato checked su questa
   pagina. Usiamo due meccanismi indipendenti:
   A) .ui-state-active  — classe aggiunta da PrimeFaces JS al click
   B) :has(input:checked) — legge il DOM nativo (CSS Level 4,
      Chrome 105+, Firefox 121+, Safari 15.4+), non dipende dal JS
   ================================================================ */

/* box PrimeFaces: serve position:relative per ::after */
body.inserimento .finsins .ui-chkbox-box {
    position: relative !important;
    overflow: visible !important;
    background-image: none !important;  /* blocca eventuali sprite */
}
/* Nascondiamo lo sprite (ui-icon-blank / ui-icon-check):
   ridisegniamo il segno di spunta via ::after */
body.inserimento .finsins .ui-chkbox-box .ui-chkbox-icon {
    display: none !important;
}
/* Stato NON checked: bordo grigio, sfondo bianco */
body.inserimento .finsins .ui-chkbox-box:not(.ui-state-active) {
    background-color: #ffffff !important;
    background-image: none !important;
    border-color: #aaaaaa !important;
}

/* ── MECCANISMO A: classe PrimeFaces JS ── */
body.inserimento .finsins .ui-chkbox-box.ui-state-active {
    background-color: #cc0000 !important;
    background-image: none !important;
    border-color: #990000 !important;
}
body.inserimento .finsins .ui-chkbox-box.ui-state-active::after {
    content: "\2713";       /* ✓ CHECK MARK */
    color: #ffffff;
    font-size: 14px !important;
    font-weight: bold !important;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 1;
}

/* ── MECCANISMO B: stato nativo input:checked (CSS :has) ── */
body.inserimento .finsins .ui-chkbox:has(input[type="checkbox"]:checked) .ui-chkbox-box {
    background-color: #cc0000 !important;
    background-image: none !important;
    border-color: #990000 !important;
}
body.inserimento .finsins .ui-chkbox:has(input[type="checkbox"]:checked) .ui-chkbox-box::after {
    content: "\2713";       /* ✓ CHECK MARK */
    color: #ffffff;
    font-size: 14px !important;
    font-weight: bold !important;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 1;
}

.glyphicon {
    font-family: 'Glyphicons Halflings' !important;
}
.fa {
    font-family: 'FontAwesome' !important;
}

/* ================================================================
   STILI ESTRATTI DA INLINE — razionalizzazione
   ================================================================ */

/* --- riga titolo sottocategoria + link "cambia categoria" ------------- */
.ta-sca-titlerow {
    position: relative;
    display: flex;
    align-items: baseline;
    height: 100%;
    top: -2em;
}

/* --- span "Aggiungi foto" dentro .ta-foto-add-lbl --------------------- */
.ta-foto-add-lbl span {
    display: block;
}

/* --- input-group prezzo (max-width contenuto) ------------------------- */
.ta-prezzo-group {
    max-width: 220px;
}

/* --- riga submit annuncio --------------------------------------------- */
.ta-submit-row {
    margin-top: 1.5em;
}

/* ================================================================
   CONFERMA INSERIMENTO (body.edit) — layout colonna singola
   extrasingola è già full-width; qui solo stili presentazione.
   ================================================================ */

/* Griglia immagini conferma: 4 col desktop, 2 col mobile (col-xs-6 col-sm-3) */
.ta-confirm-foto-block {
    margin-bottom: 1.5em;
}
.ta-confirm-foto-col {
    margin-bottom: 12px;
}
.ta-confirm-foto-col img {
    width: 100%;
    height: auto;
    display: block;
    border: 1px solid #ddd;
    border-radius: 4px;
}

/* Pulsanti azione conferma: uno sopra l'altro, centrati come nel PDF */
.ta-confirm-btn-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 1.5em;
    margin-bottom: 1em;
    gap: 0.75em;
}
.ta-confirm-btn-row .ui-button {
    min-width: 280px;
}
.ta-confirm-btn-modifica {
    /* stile secondario — lascia i default PrimeFaces */
}
.ta-confirm-btn-pubblica {
/*    
    background-color: #cc0000 !important;
    border-color: #aa0000 !important;
    color: #fff !important;
    font-weight: bold;
*/    
}