/****  jquery tooltip  fumetto ****/
.ui-tooltip, .arrow:after { background: white; border: 2px solid white;}
.ui-tooltip { padding: 10px 10px; color: #515050; border-radius: 20px; font: 12px Arial; box-shadow: 0 0 7px black; text-align: center;}
.arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px;}
.arrow.top { top: -16px; bottom: auto;}
.arrow.left { left: 20%;}
.arrow:after { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; box-shadow: 6px 5px 9px -9px black; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); tranform: rotate(45deg);}
.arrow.top:after { bottom: -20px; top: auto;}


/********  PULSANTIERA  LATO SINISTRO   ********/
.pulsantiera { padding-top: 22px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; width: 233px; margin-left: 11px;}

.pulsante_on { height: 38px; width: 233px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; background-image: url(../images/pulsante_on.gif); display: block; padding: 0px; margin-top: 1px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;}
    .pulsante_on a{ height: 38px; width: 233px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; display: block; padding: 0px;}
    .pulsante_on a:hover { height: 38px; width: 233px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; background-image: url(../images/pulsante_on.gif); display: block; margin: 0px; padding: 0px;}
        .pulsante_on a span { padding-top: 10px; padding-right: 0px; padding-left: 39px; padding-bottom: 0px; display: block; margin: 0px;}

.pulsante_of { height: 38px; width: 233px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; background-image: url(../images/pulsante_of.gif); display: block; padding: 0px; margin-top: 1px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
    .pulsante_of a{ height: 38px; width: 233px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; display: block; padding: 0px;}
    .pulsante_of a:hover { height: 38px; width: 233px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; background-image: url(../images/pulsante_on.gif); display: block; margin: 0px; padding: 0px;}
        .pulsante_of a span {padding-top: 10px; padding-right: 0px; padding-left: 39px; padding-bottom: 0px; display: block; margin: 0px;}



/****  GENERIC CLASSES  ****/
.red { color:#FF0000;}
.green { color:#429006; font-weight:bold;}
.tr-grigio { background-color:#f7f7f7;}
.tr-verde { background-color:#DDFACA;}
.tr-verdone { background-color:#8DCE82;}
#divMessage { width:550px; color:#333333; text-decoration:none; }
    #divMessage ul li { margin-top:0; }


/*****   GRIDVIEW e PAGINAZIONE   *****/
.gv { border:0; padding-top:0; }
#PagesTable { border:0;}
    #PagesTable #Table2 { border: 0; color:#429006;}
    


    /* classi per categorie nel footer  ---  start*/
.footer .container_24 .footercategories ul {
	text-align: center;
}

.footer .container_24 .footercategories ul li{
	display: inline;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #a2a1a1;
	padding-right: 5px;
	padding-left: 5px;
    border-left:1px solid #666;
}
.footer .container_24 .footercategories ul li a{
	font-size: 10px;
	color: #666;
	text-decoration: none;
	}
.footer .container_24 .footercategories ul li a:hover{
	font-size: 10px;
	color: #666;
	text-decoration: underline;
	}
/* classi per categorie nel footer  --- end */



/*****   AREA PRIVATA UTENTE E AMMINISTRATORE CONDOMINIALE   *****/
#divMessage { width:550px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; clear:both; display:block;}
    #divMessage ul { list-style-type:none; margin:0; }
        #divMessage ul li { margin:-8px 0 0 0; color:#ff0000; font-style:normal;font-size: 12px;  }

#divMessage1 { width:550px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; clear:both; display:block;}
    #divMessage1 ul { list-style-type:none; margin:0; }
        #divMessage1 ul li { margin:-8px 0 0 0; padding:0; color:#ff0000; font-style:normal; font-size: 12px; }

.colonnasx { width:320px; float:left; padding-right:10px; }
    .colonnasx p { margin:8px 0; }
.colonnadx { width:320px; float:left; padding-right:10px; }
    .colonnadx p { margin:8px 0; }



/*****   ECOMMERCE   *****/
.esaurito { color:#cc0000; text-decoration:none; }
.ButtonSearch { border:1px solid #cccccc; height:28px; float:right; color:#515050; }

.carrello { margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #CCC; text-align: right; vertical-align: middle; padding:2px 0 0 0; float: right; width:400px; height:73px;}
    .carrello a { color:#ffffff; }

    .carrello .stexttopuser { width:100px; margin-top:3px; height:14px; font-size:10px; margin-right:60px; }
    .carrello .stexttop { width:100px; margin-top:5px; height:14px; font-size:10px; }
    .carrello .submitforml2top { width:50px; border:1px solid #cccccc; height:20px; float:right; color:#515050; margin-left:10px; margin-top:-11px; padding-top:-2px; }
    .carrello .submitRiprova { width:80px; height:50px; border:1px solid #cccccc; height:20px; color:#515050; }
    .carrello .riassuntoCarrello {margin-right:20px; }
        .carrello .riassuntoCarrello a { color:#429006; font-weight:bold; }


/**  NEWS  **/
.presentationBox .news-elenco { padding-bottom: 20px; width: 676px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #7d7b7b; line-height: 15px;}
.presentationBox .news-elenco .img { width: 253px; float: left;}
.presentationBox .news-elenco .titolo a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: #429006; font-weight: bold; width: 420px;}
.presentationBox .news-elenco .titolo a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: #7d7b7b; font-weight: bold; width: 420px;}
.presentationBox .news-elenco .data { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: #515050; width: 420px; font-weight: bold;}
.presentationBox .news-elenco .testo-news { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: #515050; margin-top: 5px;}
.presentationBox .news-elenco .testo-news a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: #515050;}
.presentationBox .news-elenco .testo-news a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: #999;}
.presentationBox .news-elenco .box { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: #515050; width: 420px; float: left; margin-top: 10px;}

/***  HOME PAGE  ***/
.social { width:72px; }
    .social img { border:0; margin:0; float:left; }

.txtnewsletter { width:200px; height:20px; position:relative; top:60px; left:15px; border:1px solid #cccccc; font-size:12px;}
.btnnewsletter { width:150px; height:23px; position:relative; top:65px; left:35px; font-size:12px;}
.msgnewsletter { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; position:relative; width:200px; top:60px; left:15px;}