@charset "utf-8";
/* CSS Document */

/************************************************/
/********************* LINK *********************/
/************************************************/
/* Link principali */
a:link, a:visited, a:hover, a:active { color:#7c0c3e; text-decoration:none; font-weight:bold; }
a:hover, a:active { color:#000; text-decoration:none; font-weight:bold; }

/* Link del menù principale */
#menu a:link, #menu a:visited, #menu a:hover, #menu a:active { color:#7c0c3e; font-weight:normal; font-family: Verdana, Arial, Helvetica, sans-serif; }
#menu a:hover, #menu a:active { color:#000; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }

	a.mail:link, a.mail:active, a.mail:visited { color:#7c0c3e; text-decoration:none; font-weight:bold; font-size:0.9em; }
	a.mail:hover { color: #333; text-decoration:none; font-weight:bold; font-size:0.9em; }


/* Link del footer */
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active { color:#000; font-weight:normal; font-family: Century Gothic,Arial; }
#footer a:hover, #footer a:active { color:#B83748; font-weight: normal; font-family: Century Gothic,Arial; }

a:focus { outline:0; }

/******* Link corrente evidenziato *******/
#page_1 a#menu_1, #page_2 a#menu_2, #page_3 a#menu_3, #page_4 a#menu_4, #page_5 a#menu_5, #page_6 a#menu_6, #page_7 a#menu_7 { color: #A98C2E; }

/************************************************/
/************* menu di paginazione **************/
/************************************************/
#menu_navigazione { width:100%; text-align:center;	margin:10px 0 0 0; }
	.navigazione_sx { width:130px; text-align:left;	float:left; }
	.navigazione_centro_sx { display:inline; }
	.navigazione_centro { margin-left:5px; margin-right:5px; display:inline; }
	.navigazione_centro_dx { display:inline; }
	.navigazione_dx { width:130px; text-align:right; float:right;}

/************************************************/
/*************** MESSAGGI E ERRORI **************/
/************************************************/
.msg_center { background-color: #7c0c3e; font-weight:bold; color: #FFF; font-size:0.9em; padding: 10px 0; width: 100%; border: 5px double #FFF; margin: 0 0 10px 0; }
#msg p{ padding: 2px 5px; }
/************************************************/
/**************** STILI DI TESTO ****************/
/************************************************/
/* Paragrafo generico */
p { font-size:0.9em; }

/* Paragrafo del contenuto principale */
#content_dx p { letter-spacing: 0.1em;}

/* Stili di posizionamento */
.center { text-align:center; }
.justify { text-align:justify; }

/* Stili di grandezza testo */
.big { font-size:1.2em; }
.small { font-size:0.8em; }

#menu li { line-height:1.5em; }

/* Titoli */
h1, h2, h3, h4 {
	color:#7c0c3e;
	font-weight: normal;
	margin:0;
	padding:0 0 10px 0;
}
	h1 { font-size:2em; }
	h2 { font-size:1.7em; }
	h3 { font-size:1.45em; }
	h4 { font-size:1.15em; color:#000; }

.title { width:100%; border-bottom:2px solid #A0242D; margin-bottom:5px; }
.title h3 { color:#FFF; font-size:1.4em; font-family: Century Gothic,Arial; padding:0; font-weight:normal; }
.title h3:first-letter { font-weight:bold; }

.nostrong { font-weight:normal !important; }

/************************************************/
/****************** STRUTTURA *******************/
/************************************************/
html, body {
	margin:0;
	padding:0;
	background-color:#C4AF96;
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size: small; /* Small equivale a un font di 14px circa sulla maggioranza dei browser. L'uso di small fixa il problema di IE6 per cui con misure fisse del font in body e relative nelle altre classi non si possono modificare le misure del font da browser */
}

/* Contenitore generale (footer escluso) */
#general { margin:0 auto; padding:0; width:950px; min-height:250px; height:auto !important; height:250px; }

/* Header (logo + menù principale) */
#head { margin:auto; min-height:250px; height:auto !important; height:250px; width:950px; }
#head_top { margin:0 auto; height:20px; width:950px; background-image:url(../images/str/sf-head-top.png); background-position:bottom; }
#head_sx { float:left; margin:0; height:190px; width:25px; background-image:url(../images/str/sf-head-sx.png); }
#head_centro { float:left; min-height:150px; height: auto !important; height:150px; width:860px; padding:20px; background-color:#E6E6E6; }
	img#logo {width: 153px; height:150px; }
#head_dx { float:right; margin:0; height:190px; width:25px; background-image:url(../images/str/sf-head-dx.png); }
#head_down { margin:0 auto; height:40px; width:900px; background-image:url(../images/str/sf-head-down.png); }

	#head img { float:left; }
	#head_foto { width:610px; height:220px; margin:0; float: right; }
			/* Galleria di immagini */
			#slideshow { width:610px; height:150px; float:right; }
	
#sfondo_sx { float:left; width:25px; height:640px; background-image:url(../images/str/sf-sx.png); background-position:top; background-repeat:no-repeat; }
#sfondo_dx { float:right; width:25px; height:640px; background-image:url(../images/str/sf-dx.png); background-position:top; background-repeat:no-repeat; }

/* Parte principale del sito */
#content {
	float:left;
	margin:0;
	padding:20px;
	width:860px;
	min-height:500px;
	height:auto !important;
	height:500px;
	background-image:url(../images/str/sf-content.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#E6E6E6;
}


/* Parte sinistra del sito */
#colonna_menu { width:200px; min-height:600px; height:auto !important; height:600px; margin-left:25px; float:left; position:relative;}
#menu { width:200px; margin:0; font-size:1.1em; }
	#menu ul { margin:0; padding:0; float:right; }
	#menu li { margin:0; padding:0 10px; list-style:none; line-height:30px; border-bottom:1px solid #333; }
	
	#menu .trigger{ 
		background: url(../images/icone/plus-circle-purple.png) no-repeat scroll left top; 
		width: 16px; 
		height: 16px; 
		float: right; 
		margin: 8px 5px 0px;
		cursor: pointer;
	}
	#menu .open{ background: transparent url(../images/icone/minus-circle-purple.png) no-repeat scroll left top;}
	.toggle_container{ padding: 0 !important;}
	.toggle_container  ul{ float: none !important;}
	.toggle_container ul li { padding-left: 20px !important;}

#indirizzo { position:absolute; bottom:0; left:15px;}


/* Parte destra del sito */
#content_dx {
	float: right;
	margin:0;
	margin-right:10px;
	width:570px;
	min-height:550px;
	height:auto !important;
	height:550px;
}

/* Box home page */
#box_news { width:570px; min-height:140px; height:auto !important; height:140px; margin-top:20px; }
	#box_news_up {width:530px; min-height:100px; height:auto !important; height:100px; padding:20px 20px 5px 20px; background-image:url(../images/str/box-news.gif); }
	#box_news_down {width:570px; height:15px; background-image:url(../images/str/box-news-down.gif); }

.box_content { padding:10px; background-color:#CCC;}

.rassegna { margin-bottom:15px; }

#follow { width:300px; float:left; }
#follow p { margin:0 0 10px 0; }
#follow a { margin:0 20px 0 0; }

hr { padding:0; margin:0.5em 0; }
a img { border:none; outline:0; }

/* Classe per nascondere contenuti di navigazione per l'accessibilità del sito */
.none { display:none; }

/* Classe per interruzione */
.clr { clear:both; }

/**/
span.data{ font-size: smaller; color: #000;}
/************************************************/
/****************** CONTATTI ********************/
/************************************************/
div#riferimenti { background-color: #7c0c3e; font-weight:bold; color: #FFF; font-size:0.9em; padding: 10px 0; width: 100%; border: 5px double #FFF; margin: 0 0 10px 0;}
div#riferimenti #cartina, div#riferimenti #recapito {float: left; padding: 10px;}
div#riferimenti .mail:link, div#riferimenti .mail:active, div#riferimenti .mail:visited { color:#FFF }
	div#riferimenti .mail:hover { color: #CCC; }
/******************* GALLERIA FOTOGRAFICA *******************/
ul.photogallery { list-style:none; padding:0; }
ul.photogallery li { margin:0; padding:0; display:inline; }
ul.photogallery li img { width:105px; height:70px; margin:0 1.5em 1.5em 0; }

/************************* PRIVACY **************************/
div#testo_privacy { margin:0 auto; }
div#testo_privacy ol { padding:0; margin:10px 10px 10px 15px; letter-spacing: 0.1em; }
div#testo_privacy ol li { list-style:decimal; margin:10px; }

.titolo { display:block; padding-bottom:0.7em; font-size:1.3em; font-weight:bold; }

/************************** FOOTER **************************/
#footer { width:100%; text-align:center; padding:1em 0; margin:0; font-size:0.9em; background-image:url(../images/str/sf-footer.gif); background-position:center top; background-repeat:no-repeat; }

/******************* FIRMA ARTISTIKO ************************/
ul#artistiko { padding:0; margin:0; }
ul#artistiko li { display:inline; list-style:none; }
ul#artistiko li img { border:0; padding:0 0.6em 0 0; vertical-align: middle; }
ul#artistiko a { font-size:0.9em; }

/************************************************/
/********************* FORM *********************/
/************************************************/
fieldset.no_fieldset{ border: none; padding: 0; margin: 0;}

form#contatti { margin:0 auto; width:100%; }
form#contatti ol { margin:0; padding:0; }
form#contatti li { list-style:none; padding:0; margin:0; }
form#contatti label { display:block; margin:0 0 2px 0; }
form#contatti .campi {float: left; padding: 0 0 10px 10px; clear: none; height: auto;}
/*************************************/
/* css/tooltip.css -- fancy tooltips */
/*************************************/
span.tool {
  position: relative;   /* this is key */
  cursor: pointer;
  display: inline-block;
  float:  right;
}
 
span.tool span.tip {
  display: none;        /* so is this */
}

/* tooltip will display on :hover event */
span.tool:hover span.tip {
  display: block;
  z-index: 800;
  position: absolute;
  top: -4em;
  left: 0em;
  width: 120px;
  padding: 5px 10px 5px 10px;
  border: 1px outset #7c0c3e;
  background-color: #EEE;
  font: normal 0.9em/1.2em arial, helvetica, sans-serif;
  text-align: left;
  color: #7c0c3e;
}

#box_sx { width:220px; min-height:180px; height:auto !important; height:180px; margin-top:20px; float:left; }
	#box_sx_up { width:180px; min-height:140px; height:auto !important; height:140px; padding:20px 20px 5px 20px; background-image:url(../images/str/box-sx.gif); }
	#box_sx_down { width:220px; height:16px; background-image:url(../images/str/box-sx-down.gif); }
	
/************************************************/
/****************** ADMIN ***********************/
/************************************************/
li form{
	float: left;
	width: 16px; 
	height: 16px; 
	margin: 0 5px;
}
/*********** news ************/
.header_news h3 { padding-bottom: 0;}
#news-content {min-height: 495px;}
#add-news{ float: right; padding:0 0 10px; }
.icone form{float: left; padding: 0 5px 0 0; }
.single_news{ padding:0 0 10px; }
/********* add - news *********/

.field {clear: both; min-height: 30px; max-height: 30px; }
.field label, .field input{ float: left; }
.field label { min-width: 75px; max-width: 75px; display:block; } 

.ui-accordion-header { outline: 0; }

.sort, .sortfold, .sort li, .sortfold li { margin: 5px 0; list-style: none; } 
.handle { float: left; min-width: 16px; min-height: 16px; }
.openFolder { min-width: 16px; min-height: 16px; float:left; background: transparent url("../images/icone/folder-horizontal.png") no-repeat top center; }
.opened { background-image: url("../images/icone/folder-horizontal-open.png") !important; }

#add-file, #add-folder { float: left; width: 49%;}
#add-file span, #add-folder span  { cursor: pointer; }
.form-to-slide {  display: none; float: left; text-align: left;}