@charset "utf-8";
/* CSS Document */
/*CSS principale per il menu*/

body {
background:#500000;
}

.header {
width: 800px;
height: 200px;
}

#menu{
font-size:11px; 
font-weight:bold; 
font-family:Verdana, Arial, Helvetica, sans-serif;
width:800px;
}

#menu ul{
margin:0;
padding:0; 
list-style:none;
height:27px;
line-height:26px;
}

#menu li{
display:block;
float:left;
width:133px;
text-transform:uppercase;
}

#menu li a{
display:block;
color:#500000;
text-decoration:none;
padding:0 2/*5*/px;
background:#ebdbca url(img/menu_white.jpg) no-repeat left;
border-bottom:2px solid #d7a278;												
}

#menu li a:hover{
color:#fff;
background:#a73e29 url(img/menu_red.jpg) no-repeat left;
border-bottom:2px solid #b75542;
}

#menu li a.current{
display:block;
color:#fff;
background:#a73e29 url(images/menu_red.jpg) no-repeat left;
border-bottom:2px solid #b75542;
text-decoration:none;
padding:0 2/*5*/px;	
}

#menu li a:hover.current{
color:#fff;
}

a.link, a.eventi{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#6F0000;
}

a.link:hover, a.eventi:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}

.titoli, .footer, .textbox {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#ebdbca;
}
 
.testo{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
padding: 5px;
}

.text-contatti {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
color:#ebdbca;
}
	
.content {
background-color:#ebdbca;
}
.foto {
background-color:#ebdbca;
padding-left:30px;
}	

.toggleopacity img, .toggleopacity2:hover img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.toggleopacity:hover img, .toggleopacity2 img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.toggleopacity img, .toggleopacity2 img{
border: 1px solid #ccc;
}

.toggleborder:hover img,.toggleborder2:hover img{
border: 1px solid navy;
}

.toggleborder:hover, .toggleborder2:hover{
color: red; /* Dummy definition to overcome IE bug */
}

/*preload classes*/ 
.svw {width: 300px; height: 200px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
border: 5px solid #500000;   
margin: 0 0 1px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: #ebdbca; 
color: #500000; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #500000; 
color: #ffffff; 
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
} 

/* set millions of background images */
.rbroundbox { background: url("img/nt.gif") repeat;}
.rbtop div { background: url("img/tl.gif") no-repeat top left; }
.rbtop { background: url("img/tr.gif") no-repeat top right; }
.rbbot div { background: url("img/bl.gif") no-repeat bottom left; }
.rbbot { background: url("img/br.gif") no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; color:#FFFFFF; }
.rbroundbox { width: 100%; margin: 1em auto; }

.gallery {
text-align: center;
margin-left:30px;
}
.thumb {
background-color:#500000;
border:1px solid #d7a278;
margin-bottom:10px;
float:left;
margin-right:10px;
padding:3px 3px 8px;
}