/*
*********************** STILE GLOBALE
*/

* { padding: 0; margin: 0; }
body {font: 13px Arial, Verdana, Tahoma; }
a {text-decoration: none; }
form { display: inline; }

#wrapper {
 width: 1000px;
 overflow: hidden;
 /* background: url(/images/frontend/misc/background3.jpg) scroll top left no-repeat; */
 background: url(/media/redazione/background.jpg) scroll top left no-repeat;
}
#header {
 height: 48px;
 position: relative;
}
a#logohome 
{
    display: block;
    position: absolute;
    top: 10px;
    left: 30px;
    width: 220px; 
    height: 90px;
}
#navigation {
 width: 1000px;
 height: 20px;
}
#leftcolumn {
 float: left;
 width: 185px;
 /* background: url(../images/border.gif) scroll 100% 25px no-repeat; */
 padding-top: 55px;
}
#centercolumn {
 float: left;
 width: 630px;
 padding-top: 20px;
}
#rightcolumn { 
 float: left;
 width: 185px;
 /*background: url(../images/border.gif) scroll 0% 25px no-repeat; */
 padding-top: 50px;
}
#footer {
 width: 1000px;
 font: 9px Tahoma, Arial;
 text-align:center;
 height: 20px;
 line-height: 20px;
}

/*
*********************** BARRA NAVIGAZIONE ORIZZONTALE
*/

#topmenu {
	margin-left: 250px;
	z-index: 999;
}
#topmenu li {
	display: block;
	float: left;
	height: 20px;
	width: 120px;
	border-right: 1px solid #eee;	
}
#topmenu a {
	display: block;
	height: 20px;
	font: 11px Georgia,"Times New Roman",Times,Sans-serif;
	font-size:10px;
	color: #fff;
	text-align: center;
	line-height: 20px;
}
#topmenu a:hover {
	font-weight: bold;
}
#topmenu li ul {
	z-index: 999;
	display: none;
	position: absolute;
}
#topmenu li ul li {
	height: 20px;
	border: 0;
	border-top: 2px solid #fff;
	float: none;
}
#topmenu li ul li a {
	height: 20px;
	line-height: 20px;
}
#topmenu li ul li a.top1 { background-color: #0056a2;}
#topmenu li ul li a.top2 { background-color: #007bea;}
#topmenu li ul li a.top3 { background-color: #62b5ff;}

/*
*********************** STILE COLONNA SX
*/

#leftmenu ul {
	margin-left: 25px;
	padding: 0;
	width: 150px;	
	list-style-type: none;
	font: normal 13px Georgia,"Times New Roman",Times,sans-serif;
	position: relative;
    z-index: 2;
}
#leftmenu ul li
{
    height: 25px;
    position: relative;
    margin: 0 0 5px 0;
    width: 150px;
    float: left;    
}
#leftmenu ul li a 
{
    overflow: auto;
	display: block;
	height: 25px;
	overflow: auto;
	color: #fff;
	line-height: 25px;
	padding-left: 30px;
	background: url(/images/frontend/misc/freccia_trasparente.png) no-repeat 8px 7px scroll;
}
#leftmenu ul li ul {
	position: absolute;
	display: none;
	width: 130px;
	top: 0px;
	left: 150px;
	margin: 0;
}
#leftmenu ul li ul li { height: 20px; margin: 0px; border-bottom: 1px solid #fff; }
#leftmenu ul li ul li a
{   
    padding-left: 5px;
    font: normal 11px Georgia,"Times New Roman",Times,sans-serif;
    height: 20px;
    line-height: 20px;
    background: none;
}
#leftmenu ul li ul li a:hover { font-weight: bold; }
/* Holly Hack for IE \*/
* html #leftmenu ul li { float: left; height: 1%; }
* html #leftmenu ul li a { height: 1%; }
/* End */

div.agenziePanelLogin { margin-top: 20px; text-align: center; }
div.agenziePanelLogin img { border: 0; margin: 3px;}
div.agenziePanelLogin .txtInput {
    background-color:#E6E6E6;
    border: 1px dotted #000;
    color:#333333;
    width:110px;
    margin: 5px;
}

/*
*********************** STILE COLONNA DX
*/

#menuDxBig {
	/*background: url(../images/border_ori_dx.gif) scroll 20px 100% no-repeat;*/
	/* padding-bottom: 10px; */
	margin-left: 5px;
}
div.menuDxTitle {
	background: url(/images/frontend/misc/freccia.png) scroll 0 3px no-repeat;
	padding-left: 15px;
}
div.menuDxTitle a {
	font: bold 12px "Century Gothic",Tahoma,Helvetica,Sans-serif;
	color: #036;
}
div.menuDxBody {
	margin: 2px 0 10px 0;
	font: 10px "Century Gothic",Tahoma,Helvetica,Sans-serif;
	color:#333;
	line-height:12px;
}
/*
#videoButton {
	position: relative;
	top: -10px;
	left: 100px;
}
*/

#menuDxSmall {
	margin: 30px 0 0 5px;
	padding-bottom: 0px;
	/* background: url(../images/frontend/misc/menu_right_basso.png) scroll 0px 100% no-repeat; */
}
#menuDxSmall a {
	display: block;
	height: 20px;
	font: 11px "Century Gothic","Tw Cen MT",Tahoma,Helvetica,Sans-serif;
	color: #333;
	background: url(/images/frontend/misc/freccia_piccola.png) scroll 0 5px no-repeat;
	padding-left: 15px;
}
#menuDxSmall a:hover {
	font-weight: bold;
}

/*
*********************** STILE HOME
*/

#homeOffertecontainer 
{
    border:0; margin: 0; padding: 0;
    padding-top: 20px;
    width: 209px;
    float: left;
    border-right: 1px dashed #999;
}
#homeOffertecontainer img { border:0; float: right; }
#homeOfferte {
	float: left;
	width: 190px;
	padding-left: 19px;
    position: relative;
    overflow: hidden;
    height: 492px;
}

#homeOfferte div.itemlist 
{
    position: absolute;
    height: 20000px;
    width: 190px;
    z-index: 0;
}

#homeOfferte .boxofferta 
{
    padding-right: 3px;
    padding-bottom: 3px;
    height: 75px;
    background-color: #fff;
    border-bottom: 1px dashed #999;
    color: #036;
    font: 11px "Century Gothic","Tw Cen MT",Tahoma,Helvetica,Sans-serif; 
    text-align: right;
    margin-bottom: 3px;
    position: relative;
}
#homeOfferte .titolo { overflow: hidden; height: 32px; font-size: 13px; font-weight: bold; }
#homeOfferte .testo { overflow: hidden; height: 27px; font: 11px Tahoma,Helvetica,Sans-serif; margin-top: 0px; }
#homeOfferte .prezzo { overflow: hidden; height: 16px; font-size: 14px; line-height: 14px; font-weight: bold; text-align: right;}

#homeOfferte .titoloOfferte {
	height: 16px;
	font: bold 13px "Century Gothic", "Tw Cen MT", Tahoma, Helvetica, Sans-serif;
	color:#FFF;
	padding: 1px;
}

#homeOfferte .testoOfferte {
	height:16px;
	font: 11px Tahoma, Helvetica, Sans-serif;
	color:#000;
}

#homeContenuti {
	float: left;
	width: 400px;
	padding: 0px 10px 0px 10px;
}


/* Accordion */
#allOfferte { padding: 20px 0px 0px 0px; width: 400px; height: 550px; margin-left: 10px; background: url(/images/frontend/misc/bgofferte.jpg) no-repeat left 20px scroll; }
#accordionPanel { width: 390px; }
#accordionPanel img { border: 0; vertical-align: middle;}
.accordionh { cursor: pointer; }
.accordionc { display: none; margin: 0; }
.acdHeader { width: 390px; height: 30px; line-height: 30px; }
.acdContent { width: 390px; }
.acdContent div.off {height: 13px; line-height: 13px; margin-bottom: 7px;}
.acdContent div.offDest { font-size: 12px; height: 16px; line-height: 16px; margin-bottom: 7px; font-weight: bold;}
.acdContent a.loff {font: 11px Tahoma, Helvetica, Sans-serif; color: #333; }
.acdContent a.loff:hover { text-decoration: underline; }
#allOfferte .cercaButton { float: right; margin-right: 5px;}
#allOfferte .cercaButton img { border:0 }

/* Ricerca */
#srcOfferte { padding: 20px 0px 0px 0px; width: 400px; height: 550px; margin-left: 10px; background: url(/images/frontend/misc/bgofferte.jpg) no-repeat left 20px scroll; }
#srcOfferte img { border: 0; }
#srcOfferte .allOffButton { float: right; margin-right: 15px;}
#srcOfferte select, #searchOfferte input { font: 11px Tahoma, Helvetica, Sans-serif; color:#036; }
#srcOfferte .destSel { width: 140px; }
#srcOfferte .dateSel { width: 40px; }
#srcOfferte .year { width: 50px; }
#srcOfferte div div.dl, #srcOfferte div select { float: left; }
#srcOfferte .dl { font: 11px Tahoma, Helvetica, Sans-serif; color:#036; width: 25px; text-align: right; line-height: 17px; padding-right: 5px;}
#srcOfferte .srcRow { margin-bottom: 3px; vertical-align: top; height: 20px; }
#srcOfferte .srcBut { position: absolute; }
#srcResultPanel { height: 450px; overflow: hidden; }
#srcOfferte .nores { margin-top: 10px; font: 11px Tahoma, Helvetica, Sans-serif; color:#333; font-weight: bold;}

/* Ricerca Agenzie */
#cercaAgenzieSx { width: 290px; height: 500px; float: left; padding-left: 10px; } 
#cercaAgenzieSx #searchResults { margin-top: 5px; height: 500px; } 
#cercaAgenzieDx { width: 290px; height: 500px; float: left; margin-left: 5px; border-left: 1px dashed #ccc; padding-left: 10px;} 
#cercaAgenzieDx img { border: 0; }
#cercaAgenzieDx select { margin-bottom: 5px; font: 11px Tahoma, Helvetica, Sans-serif; color:#036; width: 200px; padding:1px; }
#cercaAgenzieSx .cap { color: #f30; font-size: 15px; font-weight: bold; margin-bottom: 3px;}
#cercaAgenzieSx .citta { color: #00699d; font-size: 15px; font-weight: bold; margin-bottom: 3px;}
#cercaAgenzieSx .ag { font: 11px Tahoma, Helvetica, Sans-serif; border-bottom: 1px dashed #ccc; margin-bottom: 5px;}
#cercaAgenzieSx .nomeAg { font-size: 12px; font-weight: bold; color: #035; text-transform:capitalize; }
#cercaAgenzieSx .ind { text-transform: capitalize; }
#cercaAgenzieSx .info { color: #333; margin-bottom: 5px; }
#cercaAgenzieSx .info a:link, #cercaAgenzieSx .info a:visited { color: #333; }
#cercaAgenzieSx .info a:hover { text-decoration: underline; }

/* Popup */
#popup-overlay { background-color: #000; }
#popup-wrapper { width: 500px; height: 546px; }
#popup-container { display: none; height: 546px; }
#popup-container .content { height:0px; background-color:#fff; overflow: hidden; }
#popup-container .loading { height: 500px; background: url(/images/frontend/misc/ajax-loader.gif) no-repeat 50% 50% scroll;}
#popup-container .top { font-size: 1px; height: 13px; background: url(/images/frontend/misc/popup500_topw.gif) no-repeat left top;}
#popup-container .bottom { font-size: 1px; height: 13px; background: url(/images/frontend/misc/popup500_bottomw.gif) no-repeat left top;}
#popup-container .closebar { height: 20px; background-color:#fff; text-align: right; }
#popup-container .simplemodal-close { margin-right: 10px; cursor: pointer; }

/* Form registrazione agenzie */
.regAg { width: 600px; margin-left: 10px; font: 11px Tahoma, Arial, Verdana; color: #333; }
.regAg .spacer { width: 500px; clear: both; height: 2px; font-size: 1px; line-height: 2px; }
.regAg .cb input { vertical-align: middle; margin: 0px 3px;}
.regAg .fL { font-weight: bold; width: 90px; text-align: right; float: left; margin-bottom: 5px; line-height: 17px; } 
.regAg .big { width: auto; }
.regAg div.file { width: 250px; }
.regAg .fI { width: 195px; text-align: left; float: left; margin-bottom: 5px; padding-left: 5px;  line-height: 17px; }
.regAg .fI .txt { font: 11px Tahoma, Helvetica, Sans-serif; color:#036; width: 160px; padding:1px; }
.regAg .sub { cursor: pointer; border: 1px dashed #ccc; padding: 2px; width: 65px; height: 25px; float: right; margin-right: 50px; background: url(/images/frontend/misc/inviaregistrazione.png) no-repeat left 2px; }
.regAg .regResp { padding: 2px; font: 11px Tahoma, Helvetica, Sans-serif; font-weight: bold; color:red; }

/* Form registrazione amicopiu */
.regAmico { width: 620px; height: 580px; margin-left: 10px; font: 11px Tahoma, Arial, Verdana; color: #333; background:url(/media/redazione/amicopiu/bgamici.jpg) top right no-repeat; }
.regAmico .spacer { width: 500px; clear: both; height: 2px; font-size: 1px; line-height: 2px; }
.regAmico .cb input { vertical-align: middle; margin: 0px 3px;}
.regAmico .fL { font-weight: bold; width: 130px; text-align: right; float: left; margin-bottom: 3px; line-height: 17px; } 
.regAmico .big { width: auto; }
.regAmico .info { width: auto; clear: both;}
.regAmico .selectInput { font: 11px Tahoma, Helvetica, Sans-serif; color:#036; width: 300px; }
.regAmico .fI { width: 400px; text-align: left; float: left; margin-bottom: 3px; padding-left: 0px;  line-height: 17px; }
.regAmico .fI .txt { font: 10px Tahoma, Helvetica, Sans-serif; color:#036; width: 200px; padding:1px; }
.regAmico .fLsel {font: 12px Tahoma, Helvetica, Sans-serif; color:#036; font-weight: bold; margin:5px 3px; }
.regAmico .fIsel {}
.regAmico .selectInput { font: 10px Tahoma, Helvetica, Sans-serif; color:#036; width: 200px; }
.regAmico .sub { cursor: pointer; border: 1px dashed #ccc; padding: 2px; width: 65px; height: 25px; float: right; margin-right: 50px; background: url(/images/frontend/misc/inviaregistrazione.png) no-repeat left 2px; }
.regAmico .sub2 { -moz-background-inline-policy:continuous; background:url("/media/redazione/amicopiu/button.jpg") no-repeat scroll 0 0 transparent; height:25px; margin:8px; text-align:center; width:90px; font-size: 10px; color: #036; }
.regAmico .regResp { padding: 2px; font: 11px Tahoma, Helvetica, Sans-serif; font-weight: bold; color:red; }
.regAmico .autorizzazione { background: #FFF url(/media/redazione/amicopiu/bgautorizzazione.jpg) repeat-x top; border: 1px dashed #ccc; margin:7px 0px; font-size: 10px;}

/* Form lavora con noi animazione & assistenza */
.aniForm { margin-left: 20px; width: 600px; height: 480px; font: 11px Tahoma, Helvetica, Sans-serif; background: url(/images/frontend/misc/bganimazione.jpg) no-repeat right bottom; }
.assForm { background: url(/images/frontend/misc/bgassistenza.jpg) no-repeat right bottom; }
.aniForm .fL { width: 100px; text-align: left; margin-bottom: 3px; float: left; line-height: 17px;}
.aniForm .fRb { padding-left: 3px; width: 445px; text-align: left; margin-bottom: 3px; float: left; line-height: 17px;}
.aniForm .fRs { padding-left: 3px; width: 195px; text-align: left; margin-bottom: 3px; float: left; line-height: 17px;}
.aniForm .txt { font: 11px Tahoma, Helvetica, Sans-serif; color:#036; width: 150px; padding:1px; }
.aniForm .rad input { margin: 0 3px 0 5px; vertical-align: middle; }
.aniForm .spacer { width: 550px; clear: both; height: 10px; font-size: 1px; line-height: 2px; }
.aniForm .divpBut { padding-right: 10px; width: 160px; text-align: right; float: left; }
.aniForm .divnBut { padding-left: 10px; width: 420px; text-align: left; float: left; }
.aniForm .tit { margin-bottom: 3px; width: 450px; text-align: left; color: #f60; font: 13px Tahoma, Helvetica, Sans-serif; font-weight: bold; }
.aniForm .prevB { border-style: none; cursor: pointer; width: 65px; height: 25px; background: url(/images/frontend/misc/indietro.png) no-repeat left top; }
.aniForm .nextB { border-style: none; cursor: pointer; width: 65px; height: 25px; background: url(/images/frontend/misc/avanti.png) no-repeat left top; }
.aniForm .subB { border-style: none; cursor: pointer; width: 65px; height: 25px; background: url(/images/frontend/misc/inviaanimatore.png) no-repeat left top; }
.aniForm .regResp { padding: 2px; font: 11px Tahoma, Helvetica, Sans-serif; font-weight: bold; color:red; }
.lavOk { font: 11px Tahoma, Helvetica, Sans-serif; padding: 2px; }

/* Newsletter */
.iscrNl { width: 400px; height: 300px; font: 11px Tahoma, Helvetica, Sans-serif;  background: url(/images/frontend/misc/bgnewsletter.jpg) no-repeat right top;}
.iscrNl .spacer { width: 390px; clear: both; height: 5px; font-size: 1px; line-height: 2px; }
.iscrNl .rad input { vertical-align: middle; margin-left: 3px; }
.iscrNl .txt { font: 13px Tahoma, Helvetica, Sans-serif; color:#036; width: 200px; padding:2px; margin-bottom: 5px; border: 1px solid #333; }
.iscrNl .fL { width: 150px; text-align: right; margin-bottom: 3px; float: left; line-height: 17px;}
.iscrNl .fR { padding-left: 3px; width: 395px; text-align: center; margin-bottom: 3px; float: left; line-height: 17px;}
.iscrNl .sub { cursor: pointer; border: 0px dashed #ccc; padding: 2px; width: 137px; height: 28px; float: right; background: url(/images/frontend/misc/invianl.png) no-repeat left 2px; }
.iscrNl .magazine { float: left; }
.iscrNl img { border: 0;}
.iscrNl .regResp { padding: 2px; font: 11px Tahoma, Helvetica, Sans-serif; font-weight: bold; color:red; }

/* SiteMap */
#siteMap { width: 620px; height: 500px; }
#siteMap ul { list-style-position: inside; color: #666; }
#siteMap .smLeft { width: 185px; float: left; height: 500px; padding-left: 10px; border-left: 1px dashed #ccc; }
#siteMap .smMid { width: 185px; float: left; height: 500px; padding-left: 10px; border-left: 1px dashed #ccc; }
#siteMap .smRight { width: 185px; float: left; height: 500px; padding-left: 10px; border-left: 1px dashed #ccc; }
#siteMap .smTitle { color: #036; font: 12px Tahoma, Helvetica, Sans-serif; font-weight: bold; }
#siteMap a.smLink:active,
#siteMap a.smLink:link,
#siteMap a.smLink:visited { color: #666; font: 11px Tahoma, Helvetica, Sans-serif; }
#siteMap a.smLink:hover { text-decoration: underline; }

/* Scrollable */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
	background: url(/images/frontend/misc/scroller/osx_track.gif) repeat-y;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
	background: url(/images/frontend/misc/scroller/osx_drag_middle.gif) repeat-y;	
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	background: url(/images/frontend/misc/scroller/osx_drag_top.gif) no-repeat;
	height: 6px;	
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	background: url(/images/frontend/misc/scroller/osx_drag_bottom.gif) no-repeat;
	height: 7px;	
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 24px;
	background: url(/images/frontend/misc/scroller/osx_arrow_up.png) no-repeat 0 -30px;	
}
a.jScrollArrowUp:hover {
	background-position: 0 0;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 24px;
	background: url(/images/frontend/misc/scroller/osx_arrow_down.png) no-repeat 0 -30px;	
}
a.jScrollArrowDown:hover {
	background-position: 0 0;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/* Localita / Strutture */
#listaS {overflow: hidden; height: 550px; width: 630px; }
#listaS.loghi {height: 450px;}
#listaS .boxS
{
    width: 295px;
    height: 105px;
    float: left;
    margin: 0 5px 20px 0; 
    border-right: 1px dashed #ccc;
    /* background: url(/images/frontend/misc/border_little.gif) repeat-y right top scroll; */
}
#listaS .boxHead  
{
    font: bold 13px Tahoma,Helvetica,Sans-serif;
    text-align: right;
    text-transform: capitalize;
    height: 25px;
    padding: 5px;    
}
#listaS .boxHead .zona { font-size: smaller; }
#listaS .boxHead img { margin-left: 5px;}
#listaS .boxBody { border-bottom: 1px dashed #fff; height: 70px; padding: 5px 5px 5px 0px; }
#listaS .boxBody .info { width: 71px; height: 70px; }
#listaS .boxBody .infoItem { height: 20px; width: 65px; margin: 3px; }
#listaS img { border: 0; }
#listaS .imgdiv { text-align: right; height: 68px; width: 95px; overflow: hidden; border: 1px solid #000; margin-right: 3px; }
#listaS img.gall { height: 68px; }
#listaS .fL { float: left; }
#listaS .fR { float: right; }
#listaS .localita { clear: left; margin: 3px; font-size: 16px; font-weight: bold; height: 20px; line-height: 20px; }
div.videoBox { width: 400px; height: 267px; margin:0; padding: 0; border: 0; }
div.noVideo { background: #fff url(/images/frontend/misc/novideo.jpg) no-repeat top left; color: #03c; font-weight: bold; font-size: 25px; text-align:center; width: 400px; height: 267px; }

/* Home Community */
#comH { float: left; width: 620px; height: 545px; margin-top: 10px; }
#comH ul { margin-top: 10px; list-style-image:url(/images/frontend/community/list.png); }
#comH li { margin-bottom: 3px; }
#comH img { border: 0; margin-right: 5px; }
#comHSin { float: left; width: 470px; height: 545px; }
#comHDes { float: left; width: 150px; height: 545px; background:transparent url(/media/redazione/community/bgdestra.jpg) no-repeat scroll center bottom; }
#comHSinTit { width: 470px; height: 25px; }
#comHSinT { width: 470px; height: 235px; background: url(/images/frontend/community/bgtop.png) no-repeat scroll 0 0; }
#comHSinTl { width: 160px; float: left; text-align: right; }
#comHSinTr { width: 310px; float: left; }
#comHSinB { width: 470px; height: 285px; }
#comHSinBl { width: 160px; float: left; text-align: right; }
#comHSinBr { width: 310px; float: left; }
#comHSinBr .fotoFrame { position: relative; width: 300px; height: 285px; background: url(/images/frontend/community/fotoframe.png) no-repeat scroll 0 0; }
#comHSinBr .fotoFrame .foto { position: absolute; width: 237px; height: 165px; left: 29px; top: 27px; overflow: hidden; }
#comHSinBr .fotoFrame .foto img { border: 0; }
#comHSinBr .fotoFrame .vacanza { color: #036; font-family: Tahoma,Helvetica,sans-serif; font-size:10px; position: absolute; width: 190px; height: 11px; left: 95px; top: 202px; overflow: hidden; }
#comHSinBr .fotoFrame .titolo { color: #036; font-family: Tahoma,Helvetica,sans-serif; font-size:10px; position: absolute; width: 180px; height: 11px; left: 95px; top: 223px; overflow: hidden; }
#comHSinBr .fotoFrame .firma { color: #036; font-family: Tahoma,Helvetica,sans-serif; font-size:10px; position: absolute; width: 190px; height: 11px; left: 95px; top: 245px; overflow: hidden; }
#comHDesT { width: 150px; height: 260px; text-align: right; display: none;}
#comHDesB { width: 150px; height: 145px; padding-top: 140px; text-align: right; display:none;}
a.linkAmico { display: block; height: 100%; width: 100%; }
#comHSinTr .tit, #comHSinTr .aut, #comHSinTr .txt { margin-right: 20px; margin-bottom: 2px; text-align: right; font-family: Tahoma,Helvetica,sans-serif; font-size:10px; }
#comHSinTr .tit a { color: #036; font-size:11px; font-weight: bold; }
#comHSinTr .aut a { color: #F60; font-style:italic; font-weight: bold;  }
#comHSinTr .txt a { color: #333;}
#comHSinTr .txt { height: 35px; overflow: hidden; border-bottom: 1px solid #333; padding-bottom: 5px; margin-bottom: 5px; }

/* Form Community */
#commL { margin-top: 10px; width: 310px; height: 520px; float: left; border-right: 1px dashed #ccc; }
#commR { margin-top: 10px; width: 300px; height: 520px; float: left; }
#commL .txt, #commR .txt { margin-bottom: 8px; float: left; width: 100px; text-align: right; color:#333; font-family:Tahoma,Helvetica,sans-serif; font-size:11px; }
#commL .inp, #commR .inp { margin-bottom: 8px; float: left; width: 197px; padding-left: 3px; color:#333; font-family:Tahoma,Helvetica,sans-serif; font-size:11px; }
#commL .btn, #commR .btn { width: 190px; clear: left; padding-left: 100px; }
#commR .sep { font-size: 0px; line-height: 0px; margin: 2px 0 2px 10px; float: left; border-top: 1px dashed #ccc; width: 280px; }
#commL .txtInput,
#commR .txtInput { background: url(/images/frontend/community/bginput.jpg) repeat-x scroll 0 0; color:#003366; font-size:10px; font-weight:bold; width: 85%;}
#commL .textareaInput { width: 180px; color:#036; font-family:Tahoma,Helvetica,sans-serif; font-size:11px;} 
#commL .selInput, #commR .selInput { background: url(/images/frontend/community/bginput.jpg) repeat-x scroll 0 0; color:#003366; font-size:10px;}
#commL .sendBtn, #commR .sendBtn { border:0; width: 63px; height: 28px; color: #036; font-weight: bold; Background: url(/images/frontend/community/button.jpg) repeat-x scroll 0 0; font-family:Tahoma,Helvetica,sans-serif; font-size: 10px; line-height: 30px; }
#commL .response, #commR .response { margin:0; display: block; padding: 5px; color:#036; font-family:Tahoma,Helvetica,sans-serif; font-size:11px; font-weight: bold;}
#commL .response a, #commR .response a, 
#commL .response a:link, #commR .response a:link,
#commL .response a:active, #commR .response a:active,
#commL .response a:visited, #commR .response a:visited
{ text-decoration: underline; color:#036; font-family:Tahoma,Helvetica,sans-serif; font-size:11px; font-weight: bold; }
#commL ul, #commR ul { list-style-position:inside; }
#commL .priv, #commR .priv { margin-bottom: 3px; font-family:Tahoma,Helvetica,sans-serif; width: 90%; font-size: 9px; }

/* Gallery community */
#othergl { width: 510px; height: 100px; float: left; overflow: hidden; position: relative; }
#othergl .itemlist { float: left; position: absolute; width: 20000em; }
#othergl .gl { width: 80px; float: left; margin-right: 5px; text-align: center;}
#othergl .tit { text-align: center; color:#036; font-family:Tahoma,Helvetica,sans-serif; font-size:11px; }
#othergl .fot { text-align: center; overflow: hidden; height: 60px; }
#othergl .hd { text-align: center; vertical-align:middle; }
#othergl .hd a { line-height: 13px; color:#036; font-family:Tahoma,Helvetica,sans-serif; font-size:13px; font-weight: bold }
#othergl .fish { margin: 0px auto; }
#othergl .fot img { border: 0; width: 100px; }
#othergl .hd img { border: 0; }
#otherL, #otherR { width: 60px; height: 80px; float: left; text-align: right;}
#otherR { text-align: left; }
#otherL img, #otherR img { margin-top: 30px; border: 0; }

/* Racconti Community */
#raccAccordion { width: 260px; margin: 20px 20px; }
#raccAccordion .rchead { width: 260px; height: 20px; }
#raccAccordion .rccont { width: 260px; height: 200px; overflow:auto;}
#raccAccordion .lnk a { font-weight: bold; font-size: 11px; font-family: Tahoma,Helvetica,sans-serif; color: #036; }
#raccAccordion .info a { text-transform: capitalize; font-size: 10px; font-family: Tahoma,Helvetica,sans-serif; color: #333; }
#raccAccordion .info a:hover { color: #f60; }
#raccAccordion .info, #raccAccordion .lnk { padding: 2px; }
#raccL { width: 280px; float: left; height: 500px; background: url(/images/frontend/community/bg_lettere.png) no-repeat scroll right bottom; }
#raccR { width: 345px; float: left; height: 500px; background: url(/images/frontend/community/bg_raccontidestra.jpg) no-repeat scroll right top; }
#raccR.attivo { background: url(/images/frontend/community/bg_racconto.jpg) no-repeat scroll right top; }
#raccR .rac { height: 300px; text-align: right; margin-top: 5px; overflow: auto; }
#raccR .rac .tit  { font-weight: bold; font-size: 12px; font-family: Tahoma,Helvetica,sans-serif; color: #f60; padding: 3px 5px; }
#raccR .rac .data  { text-transform: capitalize; font-weight: bold; font-size: 11px; font-family: Tahoma,Helvetica,sans-serif; color: #036; padding: 3px 5px;}
#raccR .rac .firma  { font-weight: bold; font-size: 11px; font-family: Tahoma,Helvetica,sans-serif; color: #333; font-style:italic; padding: 3px 5px;}
#raccR .rac .testo,
#raccR .ris .testo { font-size: 11px; font-family: Tahoma,Helvetica,sans-serif; color: #333; line-height:16px; padding: 3px 5px;}
#raccR .ris { text-align: right; margin-top: 10px; }
#raccR .ris .testo { font-style:italic; height: 150px; overflow:hidden; line-height:13px; }

/* Invia la foto */
#cmFoto { height: 580px; width: 630px; background: url(/media/redazione/community/foto/bgcentrale.jpg) no-repeat scroll right bottom; }
#cmFoto.vis { background: url(/media/redazione/community/foto/bgcentrale_visualizzazione.jpg) no-repeat scroll right bottom; }
#cmFoto .cmHead { vertical-align: middle; margin: 2px; margin-bottom: 5px; height: 22px;  }
#cmFoto .cmHead span { text-transform:capitalize; font-family: Georgia,Times,serif; font-size: 16px; font-weight:bold; vertical-align: middle;  }
#cmFoto .midalign { vertical-align: middle; }
#cmFoto .cmDid { font-family: Georgia,Times,serif; font-size: 12px; color: #333; margin: 2px; margin-bottom: 5px; }
#cmFoto .cmImg { width: 500px; max-height: 390px; padding: 5px; border: 1px dashed #666; overflow: hidden; }
#cmFoto .cmForm { width: 540px;  float: left; margin: 5px 0 0 0; }
#cmFoto .cmFormTxt { float: left; text-align: left; font-family:Tahoma,Helvetica,sans-serif; width: 95px; color: #333; font-size: 11px; margin-bottom: 2px; }
#cmFoto .cmFormInp { float: left; text-align: right; width: 115px; margin-bottom: 2px;} 
#cmFoto .txt { width: 90px; background-color: #ccc; font-size: 11px; }
#cmFoto .txtarea { width: 303px; background-color: #ccc; font-size: 11px; height: 42px; }
#cmFoto .cmInvia { height: 30px; width: 80px; background: url(/media/redazione/community/foto/bginvia.jpg) repeat-x scroll center bottom; }
#cmFoto .cmResp { color: #333; text-align: center; padding-top: 30px; width: 500px; font-family:Tahoma,Helvetica,sans-serif; font-weight: bold; font-size: 12px;}
#cmFoto .cmInfo { line-height: 18px; text-align: right; float: left; padding: 2px; width: 196px; height: 80px; border-right: 1px dashed #333; font-size:12px; font-family:Tahoma,Helvetica,sans-serif; color: #333; font-weight: bold; } 
#cmFoto .cmMsg { float: left; padding: 2px; width: 196px; font-family:Georgia,Times,serif; font-size: 10px;} 
#cmFoto .mail { font-family:Tahoma,Helvetica,sans-serif; color: #036; font-size:11px; } 
#cmFoto .priv { background-color: #ccc; font-family:Tahoma,Helvetica,sans-serif; width: 90%; font-size: 9px; }

/* Calendario */
table.jCalendar 
{
    font-family: Tahoma, arial, sans-serif;
	background: #fff;
	border-collapse: separate;
	border-spacing: 1px;
	width: 200px;
}
table.jCalendar th {
	background: #F60;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #036;
	padding: 3px 5px;
	text-align: center;
	font-weight: bold;
}
table.jCalendar td.other-month {
	background: #eee;
	color: #888;
}
table.jCalendar td.today {
	background: #f60;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f33;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #44f;
	color: #fff;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #ccc;
	color: #555;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #ccc;
	color: #555;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #fff;
	font-size: 10px;
	font-family: Tahoma, arial, sans-serif;
	padding: 2px;
	width: 200px;
	line-height: 1.2em;
	border: 1px solid #000;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 
{
    font: 12px Tahoma, arial, sans-serif;
	font-weight: bold;
	text-align: center;
	margin: 2px 0;
	padding: 2px;
	color: #036;
}
a#dp-close {
	font-size: 10px;
	font-weight: bold;
	padding: 4px 0;
	text-align: center;
	display: block;
	color: #036;
}
a#dp-close:hover {
	color: #fff;
	background-color: #036;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
	color: #036;
	height: 22px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #036;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
a.dp-nav-prev-year, a.dp-nav-next-year {
	display: none;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
	height: 22px;
	font-weight: bold;
}
div.dp-popup div.dp-nav-next a {
	float: right;
	font-size: 12px;
	font-weight: bold;
	color: #036;
}
div.dp-popup div.dp-nav-next a:hover ,
div.dp-popup div.dp-nav-prev a:hover {
	color: #FFF;
	background-color: #036;
}

div.dp-popup a.disabled {
	cursor: default;
	color: #fff;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

/*
* GALLERY
*/
.ad-gallery {
  width: 700px;
}
.ad-gallery, .ad-gallery * {
  margin: 0;
  padding: 0;
}
.ad-gallery { margin: 0px auto; }

  .ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 400px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
  }
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      border: 1px solid #CCC;
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(non-existing.jpg)\9
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(ad_prev.png);
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(ad_next.png);
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
    }
      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 5px;
        text-align: left;
        width: 100%;
        z-index: 2;
        background: url(opa75.png);
        color: #000;
      }
      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
      }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
          display: block;
        }
  .ad-gallery .ad-controls {
    height: 20px; overflow: hidden;
  }
    .ad-gallery .ad-info {
      float: left;
      height: 20px;
      font-weight: bold;
      color: #03c;
    }
    .ad-gallery .ad-slideshow-controls {
      float: right;
    }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-left: 5px;
        cursor: pointer;
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        padding-left: 5px;
        font-size: 0.9em;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;
    }
  .ad-gallery .ad-nav {
    width: 100%;
    height: 75px;
    position: relative;
  }
    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 0;
      height: 100%;
      z-index: 10;
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward,* html  .ad-gallery .ad-back {
      height: 100px;
    }
    .ad-gallery .ad-back {
      cursor: pointer;
      left: -20px;
      width: 14px;
      display: block;
      background: url(/images/frontend/misc/gallery_prev.gif) 0px 24px no-repeat;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      right: -20px;
      width: 14px;
      background: url(/images/frontend/misc/gallery_next.gif) 0px 24px no-repeat;
    }
    .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 100%;
    }
      .ad-gallery .ad-thumbs ul {
        float: left;
        width: 9000px;
        list-style: none;
      }
        .ad-gallery .ad-thumbs li {
          float: left;
          padding-right: 5px;
        }
          .ad-gallery .ad-thumbs li a {
            display: block;
          }
            .ad-gallery .ad-thumbs li a img {
              border: 2px solid #03c;
              display: block;
            }
            .ad-gallery .ad-thumbs li a.ad-active img {
              border: 2px solid #fa0;
            }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
    in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:url(/images/frontend/colorbox/overlay.png) 0 0 repeat;}

#colorbox{}
	#cboxTopLeft{width:21px; height:21px; background:url(/images/frontend/colorbox/borderTopLeft.png) 0 0 no-repeat;}
	#cboxTopCenter{height:21px; background:url(/images/frontend/colorbox/borderTopCenter.png) 0 0 repeat-x;}
	#cboxTopRight{width:21px; height:21px; background:url(/images/frontend/colorbox/borderTopRight.png) 0 0 no-repeat;}
	#cboxBottomLeft{width:21px; height:21px; background:url(/images/frontend/colorbox/borderBottomLeft.png) 0 0 no-repeat;}
	#cboxBottomCenter{height:21px; background:url(/images/frontend/colorbox/borderBottomCenter.png) 0 0 repeat-x;}
	#cboxBottomRight{width:21px; height:21px; background:url(/images/frontend/colorbox/borderBottomRight.png) 0 0 no-repeat;}
	#cboxMiddleLeft{width:21px; background:url(/images/frontend/colorbox/borderMiddleLeft.png) 0 0 repeat-y;}
	#cboxMiddleRight{width:21px; background:url(/images/frontend/colorbox/borderMiddleRight.png) 0 0 repeat-y;}
	#cboxContent{background:#fff;}
		#cboxLoadedContent{margin-bottom:28px;}
                #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
                #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
                #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
                #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/images/frontend/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxPrevious.hover{background-position:-25px -25px;}
                #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/frontend/colorbox/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxNext.hover{background-position:0px -25px;}
		#cboxLoadingOverlay{background:url(/images/frontend/colorbox/loading_background.png) center center no-repeat;}
                #cboxLoadingGraphic{background:url(/images/frontend/colorbox/loading.gif) center center no-repeat;}
		#cboxClose{position:absolute; bottom:0; right:0; background:url(/images/frontend/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
		#cboxClose.hover{background-position:-50px -25px;}
		
@import url(/media/redazione/stile_globale.css);