/* CSS Document */
body, html{ height:100%; margin:0; padding:0;}
body{ font-family: Tahoma; font-size:12px; }
p{ color:#6d6d6d; padding-left:10px; padding-top:3px;}
a{ color:#333333; text-decoration:none;}
a:hover{ color:#ea222d;}
hr{ margin:5px 0px 5px 0px; padding:0px; border-bottom:1px solid #dddddd;  border-top:1px solid #ffffff;  border-left:1px solid #ffffff;  border-right:1px solid #ffffff;}
h1{ color:#ed1d24; font-size:14px; text-transform:uppercase;}
h1 span{color:#000000; font-size:14px; font-style:normal;}
h2{color:#000000; font-size:14px; text-transform:uppercase; font-style:normal;  padding-left:10px;}
h3{ font-family: Tahoma, Geneva, sans-serif; font-size:11px; color:#ed1d24; padding:0px; margin:0px; text-transform:uppercase; font-style:normal;}
img { border:none; }
.lingua{ font-size:10px; color:#CCC; text-align:right; }
.lingua a { color:#CCC; text-decoration:none; }
.lingua a:hover {  color:#ea222d; }

/*
::selection {
	background:none;
	color:#333;
}

::-moz-selection {
	background:none;
	color:#333;
}

::-webkit-selection {
	background:none;
	color:#333;
}
*/


.logo_home{ width:510px; text-align:center; padding-top:30px; padding-bottom:55px;}


#tabella_mother{ width:950px; height:550px;}

.titrovi{
	width:100%;
	background-image: url(../img/bg_titrovi.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

.titrovi a{ color:#FFF; text-decoration: none;}
.titrovi a:hover{ color:#ea222d; text-decoration: none;}
.trovin{height:17px; color:#FFF; padding-top:3px;}
.titrovi table { border-collapse:collapse; }

/*PDF*/
.pdf{ width:238px; padding-left:10px; padding-top:20px; text-transform:uppercase; font-size:11px;}
.pdf a{ 
	background-image: url(../img/pdf.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left:35px;	
	color:#666;}
.pdf a:hover{ background-image: url(../img/pdf2.jpg);
	background-repeat: no-repeat;
	background-position: left;}

/*SLIDE*/
#homeSlideShow { position:relative; width:530px; height:508px; margin-top:35px; overflow:hidden; }
.slide_testo { padding:5px 10px;text-align:right; color:#FFF; z-index:2; position: absolute; left:0px; bottom: 0px; width: 510px; background-color:#999;  background:url(../img/bgdida.png); }
.slide_pallini{	z-index:15;	position:absolute; top:10px; right:10px; }
#slideImmagini { position:absolute; width:530px; height:508px; top:0px; left:0px; }
.pallina { display:block; width:13px; height:12px; background:url(../img/pallinahome.png) 0px 0px no-repeat; float:left; margin-left:5px; }

/* SCROLLBAR - PRODOTTI */
.scrollable {
	margin-left:30px;
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 800px;
	height:90px;
	background-color:#fcfcfc;
	padding:0px;
}


.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
	margin:0px;
	padding:0px;
	
}



/* single scrollable item */
.scrollable img {
	float:left;
	margin:5px 40px 3px 30px;	
	width:130px;
	height:70px;	
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}


.scrollable {
	float:left;
	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:30px;
	height:25px;
	float:left;
	margin:28px 20px;
	cursor:pointer;
	
	background-image: url(../img/freccia.png);
	background-repeat: no-repeat;
}

/* right */
a.right { background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; } 


/* left */
a.left { margin-left: 0px; } 
a.left:hover { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }

/* up and down */
a.up, a.down {float: none;margin: 10px 50px;}

/* up */
a.up:hover { background-position:-30px 0; }
a.up:active { background-position:-60px 0; }

/* down */
a.down { background-position: 0 -30px; }
a.down:hover { background-position:-30px -30px; }
a.down:active { background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {visibility:hidden !important;} 	








/*MENU PRODOTTI*/

.menu_prodotti{line-height:15px; background-color:#d6d6d7;}

ul.menu_prodotti{
list-style-type:none;
margin:0px;
padding:0;
}

.ecat a { font-size:11px; }
ul.menu_prodotti li{
display:inline;
margin-right:10px;
margin-left:10px;
text-transform:uppercase;
font-size:11px; 
}

.ecat {
	position: absolute;
	margin-top: -14px;
	margin-left: 850px;
}

.ecat a,
ul.menu_prodotti li a
{
	position:relative;
	color:black;
	padding-bottom:1px;
	text-decoration:none;
	background-image: url(../img/freccia_ds.png);
	background-repeat: no-repeat;
	background-position: right ;
	padding-right:15px;
}

.ecat a:hover,
ul.menu_prodotti li a:hover{
	background-image: url(../img/freccia_ds_rossa.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right:15px;
}






/*EVENTI HOME*/

p.eventi{ font-size:11px; color:#6c6c6c; padding:2px; margin:1px; text-align:center; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; width:455px; }
p.data{ font-size:10px; color:#6c6c6c; padding:2px; margin:1px; text-align:center;}
p.eventi_titoli{ font-size:11px; color:#000; padding:2px; margin:1px; /* text-transform:uppercase; */ text-align:center; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; width:455px;}

#siteMaster { width:950px; margin:0px auto; }

#headRiga { position:relative; height:106px; }
#headLogo { position:absolute; top:0; left:0; }
#topMenuTable { position:absolute; top:10px; right:0; border-collapse:collapse; text-align:left; }
#topMenuTable td { vertical-align:middle; padding:0px 3px; }
#topMenuTable a { color: #494949; padding: 4px 6px 4px 4px; margin: 0; text-decoration: none; font-size:11px; text-transform:uppercase; }
#topMenuTable a:hover, #topMenuTable a.lang:hover { color: #eb1c24; }
#topMenuTable a.lang { color: #000; }
#topMenuTable a.langSel { color: #eb1c24; }



/* DROP DOWN MENU */
.contmenu { font-weight: normal; font-size:11px;  color: #dddddd; margin-left:30px; }
ul.menu { list-style:none; margin:0; padding:0; z-index:10; line-height:22px; background-color:#CCC; }
ul.menu * { margin:0; padding:0}
ul.menu a { display:block; color:#000; text-decoration:none; }
ul.menu li { position:relative; float:left; margin-right:22px; border:0px solid #F00; padding-bottom:10px; }
ul.menu ul { position:absolute; top:25px; left:5px; display:none; opacity:0; list-style:none; background-color:#f3f4f3; text-transform:uppercase; }
ul.menu ul li { position:relative; width:130px; margin:0; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:0px; }
ul.menu ul li a { display:block; padding:0px 7px 0px 7px; color:#777777;  border-top:1px solid #EEEEEE; }
ul.menu ul li a:hover {	color:#ee1b24; background-image: url(../img/arrow.gif); background-repeat: no-repeat;	background-position: right;  border-top:1px solid #EEEEEE;  }
ul.menu ul ul { left:130px; top:0px; }
ul.menu .menulink {  padding-left:2px; font-weight:normal; width:83px; color: #C30;  text-align:left; }
ul.menu .menulink:hover, ul.menu .menuhover { color:#3FF;  }
ul.menu .sub { }
ul.menu .topline {  }


.box_menu{width:130px; margin-right:3px; float:left; }

/*NEWS CONTENT*/

#news{ margin:0px 0px; padding:0px 5px 20px 0px;}
#news h2 { padding:0; }
#news p.data{ text-align:left; color:#999; font-size:11px;}
#news { margin:2px; padding:2px; float:left;}
#news a { color:#ed1b24; }




/*MENU EVENTI - NEWS*/
#accordion { margin:0; padding:0; list-style:none; color:#000000; text-align:left; width:180px; }	
#accordion li {	width:180px; line-height:22px; }	
#accordion li a { display: block; width: 140px;color:#000; 
	background-image: url(../img/freccia_ds_rossa.png);
	background-repeat: no-repeat;
	background-position: right ;
	padding-right:15px;}
#accordion li a:hover {display: block; color:#000; 	
	background-image: url(../img/freccia_ds.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right:15px;}

/* UL -menu*/
#accordion ul { width:120px;	margin:0;padding:0;	display:none; list-style:none; }
#accordion ul li { width:120px; height:25px; margin-right:15px; padding-top:5px; border-bottom:1px dotted #777; text-indent:0; color:#333333; text-decoration:none; }
#accordion ul li a { color:#333333;	text-decoration:none; }				
#accordion ul li a:hover{ color:#ea222d; }
	
#accordion ul.sub li { line-height:16px; padding:5px; height:auto; width:130px; margin-left:20px; }	
#accordion ul.sub li a { background-image:none; }	
		


/* NEWS*/
.entry {
	clear: both;
	margin: 0px 15px 0px 0px;
	padding: 6px 3px 0px 0px;
}

.entry-header {
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	height: 50px;
	padding-top: 12px;
	padding-right: 5px;
	padding-bottom: 12px;
	padding-left: 0px;
}

.posted{ font-size:11px; color:#999999; text-decoration:none; padding:0px; }
 .entry-header a{ font-size:11px; color:#999999; text-decoration:none;}
 .entry-header a.hover{ font-size:11px; color:#999999; text-decoration:none;}

.entry-header3 {
	margin: 0px 0px 0px 0px;
	padding: 13px 13px 0px 13px;
	border-top-width: 1px;
	border-top-style: solid;	
	border-top-color: #eae8e9;	
	height: 72px;	
}

.titolo { font-size:12px; color:#333333; text-transform:uppercase; text-decoration:none; margin:0px; padding:0px; }
.titolo a{ font-size:12px; color:#333333; text-transform:uppercase; text-decoration:none; }
.titolo a:hover{ font-size:12px; color:#ed1d24; text-transform:uppercase; text-decoration:none; }


.date {
	float: left;
	height: 50px;
	width: 45px;
	margin-right: 8px;
	padding-top: 0px;
	background-color:#CCCCCC;
	
	vertical-align:top;
}

.date p {
	text-align: center;
	color: #00CCFF;
	margin:0px; padding:0px;	
	text-transform: uppercase;
}

.date span.month {	
	font-size: 12px;
	height: 10px;
	display: block;
	margin-top:0px;
	color:#666666;
	vertical-align:top;
}
.date span.anno{
	margin-top:1px ;
	padding:0px;
	font-size: 10px;
	height: 9px;
	display: block;
	vertical-align:top;
}
.date span.day {
	padding-top: 0px;
	margin-top:3px;
	font-size: 18px;
	font-weight:bold;
	display: block;
	color:#ed1d24;
}
.continua{ font-size:10px; color:#ed1d24; text-align:right;}
.continua a{ font-size:10px; color:#ed1d24; text-align:right; text-decoration:none;}
.continua a:hover{ font-size:10px; color:#bbb; text-align:right;}

#footer{  font-size:11px; color:#999999; padding-left:5px; text-align:center; border-top: 1px #efebe8 solid ;}
#footer a{ color:#999999; text-decoration:none; }
#footer a:hover{ color:#ed1d24; text-decoration:none; }




.calendar { border:1px solid #EEE; width:257px; height:184px; border-collapse:collapse; font-family:Arial, Helvetica, sans-serif; }
.calendar th { padding:0; height:37px; vertical-align:middle; text-align:center; }
.calendar td { padding:0px 0px 0px 1px; vertical-align:middle; text-align:center; }
.calendar .calendar-month { height:22px; text-align:center; }
.calendar .calendar-month .testata { width:253px; line-height:22px; background:#CCC; border:1px solid #999; font-weight:bold; color:#FFF; font-size:13px; }
.calendar span.giorno, .calendar .linked-day a { text-align:right; width:28px; line-height:19px; height:19px; display:block;  padding-right:4px; }
.calendar span.giorno { background:#EEE; border:1px solid #d8dcdf; }
.calendar .linked-day a { border:1px solid #ed1b24; background:#fcedee; color:#000; text-decoration:none; }
.calendar-prev { float:left; margin-left:10px; }
.calendar-next { float:right; margin-right:10px; }
.calendar-prev a, .calendar-next a { text-decoration:none; color:#FFF; font-size:15px; }

.titoloBubble { color:#ed1b24; font-size:14px; }
.ulBubble { padding-left:20px; }



.wrap {
  background: #FFF;
  border: 0px solid #456;
  padding: 10px;
	margin-bottom: 20px;
	border-radius: 5px;
	clear: both;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
}

.box {
  margin: 5px;
  padding: 5px;
  background: #D8D5D2;
  font-size: 11px;
  float: left;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

.col1 { width: 180px; }
.col2 { width: 180px; }
.col3 { width: 280px; }
.col4 { width: 380px; }
.col5 { width: 480px; }    

#eventContenitore { border:0px solid #F00; width:470px; margin-left:32px; height:212px; overflow:hidden; position:relative; }
#eventContenitore a:hover { color:#000; }
.eventContenuto { position:absolute; top:212px; left:0px; border:0px solid #0f0; width:470px; }

#storiaMaschera { width:950px; height:366px; overflow:hidden; position:relative; }
#storiaAnni { position:absolute; top:0px; left:950px; }
.storiaPallino { display:block; width:13px; height:12px; background:url(../img/pallino_storia.png) 0px 0px no-repeat; margin-right:5px; }


.scroll-pane
{
	width: 520px;
	height: 250px;
	overflow: auto;
	margin-top:20px;
}

.scroll-pane2
{
	width: 180px;
	height: 250px;
	overflow: auto;
	margin-top:20px;
}

.scroll-pane3
{
	width: 220px;
	height: 345px;
	overflow: auto;
	margin-top:20px;
}

.scroll-pane3 a { display: block; width: 200px; color:#000; background: url(../img/freccia_ds_rossa.png) right no-repeat; padding-right:15px; line-height:22px; }
.scroll-pane3 a:hover { display: block; color:#ea222d; background: url(../img/freccia_ds.png) right no-repeat; }
.scroll-pane3 a.sel { display: block; color:#ea222d; background: url(../img/freccia_ds.png) right no-repeat; }

.scroll-pane4
{
	width: 100%;
	height: 345px;
	overflow: auto;
	margin-top:20px;
}

.scroll-pane5
{
	width: 180px;
	height: 300px;
	overflow: auto;
	margin-top:20px;
	border:1px solid #F00;
}

.scroll-pane6
{
	width: 280px;
	height: 340px;
	overflow: auto;
	margin-top:10px;
	border:0px solid #F00;
}

.scroll-pane7
{
	width:520px; 
	height:200px;
	overflow: auto;
	margin-top:10px;
	border:0px solid #F00;
}

.scroll-pane8
{
	width:610px; 
	height:210px;
	overflow: auto;
	margin-top:10px;
	border:0px solid #F00;
}



.img_right { float:right; margin:0px 0px 10px 10px; }
.img_left { float:left; margin:0px 10px 10px 0px; }

.evento { padding:20px; color:#888888; cursor:pointer; border-bottom:1px solid #ddd; }
.evento:hover { background:#eee; }
.evento .data { color:#2e2a2b; margin-bottom:5px; }
.evento .titolo { color:#333; font-size:12px; font-weight:bold; }
.evento .testo { font-size:12px; }
.evento .testo a { color:#333; }
.evento .testo a:hover { color:#ea222d; }
.pari { background:#eee; }
.dispari {  }

a.pdf_eventi
{
	background: url(../img/pdf.jpg) left no-repeat;
	padding-left:35px;
	color:#666;
	margin-left:20px;
}

a.pdf_eventi:hover
{
	background-image: url(../img/pdf2.jpg);
	background-repeat: no-repeat;
	background-position: left;
}


.box_worldnews{width:250px; background-color:#f9f9f9; }
.logo_boxnews{ padding-top:15px; margin:0px;}
.img_world{ width:422px;  padding-top:15px; margin:0px;}


/* WORLD */
#wwSlideShow { position:relative; width:422px; height:319px; overflow:hidden; }
.wwslide_pallini{	z-index:15;	position:absolute; bottom:10px; right:10px; }
#wwslideImmagini { position:absolute; width:422px; height:319px; }
#contatti a { color:#000; text-decoration:underline; }
#contatti a:hover { color:#ea222d; }

#wweventContenitore { border:0px solid #F00; width:300px; margin-left:32px; height:180px; overflow:hidden; position:relative; background:#f9f9f9; }
.wwweventContenuto { position:absolute; top:180px; left:0px; border:0px solid #0f0; width:300px; }
#wweventContenitore a { color:#000; }
#wweventContenitore a:hover { color:#000; }

p.wweventi { font-size:11px; color:#6c6c6c; padding:0px; margin:0px; text-align:center; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; width:285px; border:0px solid #F00; }
p.wwdata { font-size:10px; color:#6c6c6c; padding:0px; margin:0px; text-align:center; }
p.wweventi_titoli { font-size:11px; color:#000; padding:2px; margin:0px; text-align:center; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; width:285px; }

.scroll-pane2 #accordion a:hover { color:#ea222d; }



/* PRODOTTI */
#prSlideShow { position:relative; width:314px; height:284px; overflow:hidden; }
.prslide_pallini { z-index:15;	position:absolute; bottom:10px; right:10px; }
#prslideImmagini { position:absolute; width:314px; height:284px; }

.prTestoMaschera { width:520px; height:200px; overflow:hidden; position:relative;}
.prTestoContenitore { position:absolute; top:0px; left:0px; border-collapse:collapse;}

#layerIframeBG { display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background:url(../img/bgdida.png); z-index:9999999; border-collapse:collapse; }
#layerBIframeBG { display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background:url(../img/bgdida.png); z-index:9999999; border-collapse:collapse; }

#layerCustom { display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background:url(../img/bgdida.png); z-index:9999999; border-collapse:collapse; }
#layerIframe { width:1000px; height:487px; border:none; margin:0px; padding:0; overflow:hidden; border:0px solid #F00; border:none; }
#layerIframeCont { width:1000px; height:487px; margin:0px; padding:0; position:absolute; top:0px; left:0px; }
#layerBIframe { width:1000px; height:374px; border:none; margin:0px; padding:0; overflow:hidden; border:0px solid #F00; border:none; }
#layerBIframeCont { width:1000px; height:374px; margin:0px; padding:0; position:absolute; top:0px; left:0px; }

.pulsante { border:2px solid #CCC; background:#FFF; cursor:pointer; }
a.loginlink { color:#ea222d; }
a.loginlink:hover { color:#333; }

#linguaInt { position:absolute; top:0px; right:-510px; font-size:10px; text-align:right; }
#linguaInt a { color:#CCC; text-decoration:none; }
#linguaInt a:hover { color:#ea222d; }

#layer360BG { display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background:url(../img/bgdida.png); z-index:9999999; border-collapse:collapse; }

#layer360 { display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background:url(../img/bgdida.png); z-index:9999999; border-collapse:collapse; }
#layer360Iframe { width:800px; height:550px; border:none; margin:0px; padding:0; overflow:hidden; background:none; border:none; }
#layer360Cont { width:800px; height:550px; margin:0px; padding:0; position:relative; border:none; }

iframe { border:0px solid #FFF; }


.cssform p { width: 320px; clear: left; margin: 0; padding: 2px;  }
.cssform label { font-weight: normal; color:#333; font-size:12px; float: left; width: 90px; text-align:right; padding-right:10px; }
.cssform input[type="text"] { width: 180px; border:1px solid #CCC; }
.cssform textarea { width: 180px; height: 50px; border:1px solid #CCC; }


.scroll-pane6 a { color:#888; }
.scroll-pane6 a:hover { color:#000; }
.gbubble a { color:#888; }
.gbubble a:hover { color:#000; }

			#formtitolo { color:#ea222d; font-weight:bold; font-size:14px; border-bottom:1px solid #ea222d; text-align:center; }


.outer_container { z-index:1; }