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

/************************************************/
/********************* LINK *********************/
/************************************************/
/* Link principali */
a:link, a:visited, a:hover, a:active { color:#000;text-decoration:none; font-weight:bold; }
a:hover, a:active { color:#EB7206; border-bottom:2px dotted #EB7206; }
a:focus	{ outline:0; color:#EB7206; border-bottom:2px dotted #EB7206; }
a.no_dec:hover, a.no_dec:active, a.no_dec:link, a.no_dec:visited, a.no_dec:hover { color:#000;text-decoration:none; border-bottom: none; }
/* Link del menù principale */
#menu a:link, #menu a:visited, #menu a:hover, #menu a:active { color:#000; font-size:1em; font-family:"Times New Roman", Times, serif; }
#menu a:hover, #menu a:active { color:#EB7206; border-bottom:2px dotted #EB7206; }
#menu a:focus { outline:0; color:#EB7206; border-bottom:2px dotted #EB7206; }

/* Link del footer */
#footer { clear:both;}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active { color:#000; }
#footer a:hover, #footer a:active { color:#EB7206; border-bottom:2px dotted #EB7206; }
#footer a:focus { outline:0; color:#EB7206; border-bottom:2px dotted #EB7206; }
/* Messaggi di errore */
.msg_top { background-color: #EB7206; width: 100%; max-width: 517px; font-weight:bold; color: #FFF; font-size:0.9em; padding: 10px 0 0 0;}
#msg p{ padding: 2px 5px; }
.msg_bottom {background: transparent url(../images/str/fumetto.png) no-repeat scroll left bottom; height: 20px; clear: both; }
/************************************************/
/**************** STILI DI TESTO ****************/
/************************************************/
/* Paragrafo generico */
p { font-size:1em; padding:0; margin:0; }

/* 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.85em; }

/* Messaggi di sato */
.message { text-align:center; font-weight:bold; font-size:1.3em; padding:8px; color:#063; background-color:#CF9; border:2px solid #063; margin:15px auto; }

/* Titoli */
h1, h2, h3, h4 {
	color:#000;
	font-weight:bold;
	margin:0;
	padding:5px 0 0 0;
}
	h1 { font-size:2em; }
	h2 { font-size:1.7em; }
	h3 { font-size:1.4em; margin-bottom: 5px;}
	h4 { font-size:1.2em; }

/* Sotto titoli */
.subtitle { font-style: italic; margin-bottom:10px; }
/* Formattazione per DIV che contengono altri DIV  */
.clearfix:after{               
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Anteprime immagine */
.thumb{
    margin: 0 5px 0 0;
    box-shadow: 3px 3px 6px #000;
    -moz-box-shadow: 3px 3px 6px #000;
    -webkit-box-shadow: 3px 3px 6px #000;
}
/* Effetto 3D DIV*/
.bordoesterno{ 
    border-left:2px solid #fff;
    border-top:2px solid #fff; 
    border-bottom:2px solid #716f64; 
    border-right:2px solid #716f64; 
    margin: 5px 0 0 0;
} 
.bordointerno{ 
    border-left:2px solid #ece9d8; 
    border-top:2px solid #ece9d8; 
    border-bottom:2px solid #aca899; 
    border-right:2px solid #aca899; 
    background-image: url(../images/icone/tbl-bg.jpg);
    background-color: transparent;
    background-repeat: repeat-x; 
    background-position: left bottom;
    padding:5px; 
}
.bordoesterno:active{
    border-left:1px solid #fff;
    border-top:1px solid #fff; 
    border-bottom:1px solid #716f64; 
    border-right:1px solid #716f64;    
}
.bordointerno:active{ 
    border-left:1px solid #ece9d8; 
    border-top:1px solid #ece9d8; 
    border-bottom:1px solid #aca899; 
    border-right:1px solid #aca899; }
/************************************************/
/****************** STRUTTURA *******************/
/************************************************/
html, body {
	margin:0;
	padding:0;
	background-color:#FFF;
	color:#000;
	font-family:Helvetica, sans-serif;
	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 */
	background-image:url(../images/str/sfondo.gif); /* Sfondo di default (home page) */
	background-position:center top;
	background-repeat:no-repeat;
    height:100%;
}
	
/******* 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, #page_8 a#menu_8 { color: #EB7206; }

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

/* Header (logo + menù principale) */
#head { margin:auto; min-height:400px; height:auto !important; height:400px; width:950px; position:relative; }
	#menu { padding:0 0 8px 0; text-align:center; width:950px; margin:0; font-size:1.6em; }
	#menu ul { margin:0; padding:0;}
	#menu li { display:inline;  }
	#head img { margin:20px 0 10px 150px;}
.login #head { min-height:220px;}

#claim { width:200px; position:absolute; top:210px; left:40px; font-family:"Courier New", Courier, monospace; font-size:1.8em; color:#FFF; font-weight:bold; }

/* Parte principale del sito */
#content { margin:0 0 10px 0; padding:0; width:950px; min-height:350px; height:auto !important; height:350px; }
	/* Colonna sinistra */
	#content_sx{
		width:600px;;
		float:left;
	}
		#content_sx #progetti-in-corso, 
		#content_sx #associazione
		{
				width:580px;
				min-height:300px;
				height:auto !important;
				height:300px;
				padding:10px;
				float:left;
				border:3px solid #EB7206;
				margin-top:10px;
		}
 		#content_sx #new_project,
        #content_sx #progetti
		{
			width:274px;
			min-height:300px;
			height:auto !important;
			height:300px;
			padding:10px;
			float:left;
			border:3px solid #EB7206;
			margin-top:10px;
		}   
	#content_mid{
		width:930px;
		min-height:300px;
		height:auto !important;
		height:300px;
		padding:10px;
		float:left;
		border:3px solid #EB7206;
	}
		#add-news {	width:100%; text-align:right;}
		.login #content_mid { min-height: 500px;}
	/* Colonna destra */
	#content_dx {
		width:auto;
		min-height:300px;
		height:auto !important;
		height:300px;
		padding:20px 0 0 0;
		float:right;
		background-image:url(../images/str/sfondo-colonna.png);
		background-position:right top;
		background-repeat:no-repeat;
	}
		#content_dx #progetti 
		{
			width:580px;
			min-height:300px;
			height:auto !important;
			height:300px;
			padding:10px;
			float:right;
			border:3px solid #EB7206;
			margin-top:10px;
		}
    
		#box-news {
			width:274px;
			min-height:244px;
			height:auto !important;
			padding:10px;
			margin-top:20px;
			float:right;
			border:3px solid #EB7206;
		}
		#informagiovani, #newsletter, #new_news{
			width:274px;
			min-height:122px;
			height:auto !important;
			padding:10px;
			margin-top:10px;
			float:right;
			border:3px solid #EB7206;		
		}
			#newsletter label, #newsletter #button{
					margin-top: 5px;
					display:block;
			}
			#newsletter .nwsl_msg{ color: #EB7206; }
		#filter_project, #content_project{
			width:580px;
			min-height:20px;
			height:auto !important;
			padding:10px;
			margin-top:10px;
			float:left;
			border:3px solid #EB7206;				
		}
			.single_filter{
				float:left;
				margin: 0 10px 0 0;
			}				

	/* Galleria di immagini della colonna principale */
	#gallery { width:640px; height:190px; padding:5px; background-color:#C93; float:right; z-index:10; position: relative; }

hr { padding:0; margin:0.5em 0; }
a img, a img:hover, a img:visited, a img:link, a img:focus, a img:active { border: 0 !important; outline:0 !important; }

/* Classe per nascondere contenuti di navigazione per l'accessibilità del sito */
.skip { position:absolute; left:-9999px; }

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

/******************** ASSOCIAZIONE **************************/
.ass_gallery {
    width: 875px;
}
    .ass_gallery ul{
        list-style-type: none;
    }
        .ass_gallery ul li{
                float: left;
                margin: 0 10px 10px 0;
                width: 120px;
                height: auto; 
                text-align: center;
        }
/********************** PROGETTI ****************************/
#progetti .ui-tabs-panel{
    padding-left: 5px;
    min-height: 480px;
}
/************************ NEWS ******************************/
/* menu di paginazione*/
#news{ min-height:268px; }
	.single_news{margin: 5px; }
	.img_news {float: left; padding: 5px;}
    /* metodo per rimpicciolire le immagini in modo proporzionale */
    .img_news {
        height:auto;
        width:120px;
    }
    .img_news {
        height:80px;
        width:auto;
    }
	.titolo_news h3{ padding: 0; margin: 0;}
	.testo_news {margin: 5px 0 10px 0; }
#menu_navigazione { width:100%; text-align:center;	margin:10px 0 0 0; font-size:1.2em; }
	.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; }	

/******************* 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 **************************/
#contatti { line-height:1.6em; }

/************************* PRIVACY **************************/
div#testo_privacy { margin:0; padding:10px; font-size:0.9em; border:3px solid #EB7206; }
div#testo_privacy ol { padding:0; margin:5px 0 5px 10px; }
div#testo_privacy ol li { list-style:decimal; margin-left:20px; }
div#testo_privacy ol li ul li { list-style:disc; margin-left:25px; padding-left:0px; }
div#testo_privacy ul { padding:0; margin:5px 0 5px 10px; }
div#testo_privacy ul li { margin-left:20px; }

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

/************************************************************/
.data {font-size:0.9em; font-weight:normal;}
.testo {font-size:small; font-weight:normal;}
.news { padding-bottom:10px; }
/***********
*************** FOOTER **************************/
#footer { width:950px; text-align: right; padding:1.5em 0; margin:0; font-size:0.9em; color:#000; background-image:url(../images/str/sfondo-footer.gif); background-position:left; 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; }
ul#artistiko a { font-size:0.9em; }

/************************************************/
/********************* FORM *********************/
/************************************************/
form#contatti { margin:2em auto 2em auto; width:550px; }
form#contatti ol { margin:0; padding:0; }
form#contatti li { list-style:none; padding:2px; margin:0; }
form#contatti label { display:block; margin:0 0 2px 0; }
form#contatti em { font-weight:bold; font-size:1.28em; font-style:normal; color:#F19123; }
form#contatti textarea { width:500px; height:64px; display:block; }
form#contatti input.textbox { width:500px; height:1.15em; font-size:1.06em; display:block; }

/*************************************************/
/******************** ADMIN **********************/
/*************************************************/
label {font-weight:bold; font-size: 1.2em;}
/******** SPORTELLO INFORMAGIOVANI ************/
#informagiovani input{
    margin: 0 0 15px 0;
    clear: both;
}
/************** ASSOCIAZIONE ******************/
#form_associazione input{
    margin: 0 0 15px 0;
    clear: both;
}
input.button{
    margin-top: 15px;
}

    #from_pc #altre_immagini, #from_pc #altri_docs{
        padding: 1em 1.4em;
    }
#immagini_presenti, #doc_presenti{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
}
    #immagini_presenti img{ 
        float: left; 
        margin: 0;
    }
    #immagini_presenti li {
        float:left;
        margin:5px;
        padding:0;
     }
     #immagini_presenti li img,
     #immagini_presenti li img:hover,
     #immagini_presenti li img:active,
     #immagini_presenti li img:focus,
     #doc_presenti a,
     #doc_presenti a:hover,
     #doc_presenti a:focus,
     #doc_presenti a:active{
        cursor:move;
     }
/***************** PROGETTI ***********************/

/* Liste */
ul#categorie { list-style-type: none; padding-left: 0;}
ul#categorie li{ padding-bottom:10px; }
ul#categorie li ul { list-style-type: none; padding-left: 25px;  padding-bottom:10px; }

#categorie .nome, #categorie .icone, .evento .icone, .evento .data{
    float:left;
}
/***************** ADD - PROJECT ******************/
#form_project{ 
    float:left;
	width:100%;
 }
/******************** NEWS ***********************/
.news_content{margin: 0 0 10px 0;}
.header_news{ display:block; width:auto; max-height:33px;}
	.header_news .data, 
	.header_news .icone,
	.header_news h3{ 
		float:left; 
		min-height:100%; 
		height: auto !important; 
		height:100%; 
	}
	.header_news .data, 
	.header_news .icone{
		padding-top:10px;
	}
.icone, .icone:hover, .icone:focus, .icone:active, .icone:link, .icone:visited {height:16px; border-bottom:none; }
	.icone .id_news{ float:left; margin: 0 5px 0 0; font-weight:bold; }
	.icone form {  float:left; margin: 0 5px 0 0;}
#new_news div{ margin: 0 0 10px 0;}

/****************** ADD NEWS *********************/
#form_add_news form{
	margin: 20px 0 0 0;
}
	#drop_img_form{
		width: 16px;
		height: 16px;
		float:left;
	}
		#drop_img_form form{
			margin: 0;
		}
	#prev_img{
		width:100%;
	}
	#field_img, #field_data, #field_titolo, .field{
		float:left;
		margin: 0 5px 5px 0;
	}
    .field{
        width: 20%;
    }
	.dp-choose-date,
	.dp-choose-date:hover, 
	.dp-choose-date:focus, 
	.dp-choose-date:link, 
	.dp-choose-date:active, 
	.dp-choose-date:visited { 
		border-bottom:none;
	}
#form_news{  
    float: left;
	width:100%;
}

/**************** MEDIA-GALLERY *******************/
#from_gallery,
#from_pc, 
#pag_doc_presenti, 
#pag_immagini_presenti{
    width: 45%;
    border: 2px solid #EB7206;
    float: left;
    margin: 10px 20px 0 0;
    padding: 4px 8px 9px 8px;
    min-height: 275px;
}
.button_media{
    min-width: 411px;
    max-width: 411px;
    min-height: 37px;
    max-height: 37px;
    margin-top: 15px;
}
.single_photo_min{
    width: 96px;
    height: 60px;
    margin-left: 10px;
    position:relative;
    float: left;
    margin: 0 5px 5px 0;
    padding: 5px;
    width: 80px;
    height: auto; 
    border: outset 1px #000;
    text-align: center; 
    overflow: hidden;
    height: 60px;
}
.single_photo_min img{
    margin-top: 0 !important;
}
.on_img_button{
    position: absolute !important;
    top: 5px !important;
    left: 5px !important; 
    z-index: 9000;
  /*  position: relative;
    float: left;*/
    cursor: pointer;
}  
.complete{
    width: 98% !important;
}  
.ui-tabs{
    width: 100%;
    clear: both;
    height: 100%;
    border: 1px solid #EB7206;
}
.ui-tabs-nav li{ 
    float: right;
}
.ui-tabs-nav a{
    border-bottom: 0 !important;
}
.ui-state-active a{
    color: #EB7206 !important;
}
.ui-tabs-panel{
    float: left;
    width: 100%;
}

/************* MEDIA/DOC GALLERY ******************/
#oscura{ /*stile per il div da sovrapporre al body quando compare la media gallery*/ 
	background-color:black;
 /*   min-height:4000px;*/ /* L'altezza viene calcolata via jQuery */
	filter:alpha(opacity=60);
	opacity:0.6;
    margin: 0;
    padding: 0;
	position:absolute;
    overflow:hidden;
	min-width:100%;
	z-index:9000;
}
#close_gallery { /*pulsante per chiudere la gallery*/
    background:transparent url("css_pirobox/shadow/close_btn3.png") no-repeat scroll 0 0;
    cursor:pointer;
    height:35px;
    right:0px;
    top:0px;
    width:35px;
    z-index:100006;
    position:absolute;
}
div.button{
    max-width: 180px;
    max-height: 35px;
    min-width: 180px;
    min-height: 35px;
    float: left;
}
button#annulla{
    background-color: #FFF; 
    border: 2px outset #C00;
    background-color: #FFF;
    outline: none;
    padding: 5px;
    -moz-border-radius-bottomleft:3px; 
    -moz-border-radius-bottomright:3px; 
    -moz-border-radius-topleft:3px; 
    -moz-border-radius-topright:3px; 
    radius: 3px;
}
button#annulla:active{
    border: 1px outset #C00;
}
    button#annulla span#button_span{
        color: #C00; 
        font-weight: bold; 
        font-size: smaller; 
        margin-bottom: 3px;
    }
button#conferma{
    background-color: #FFF; 
    border: 2px outset #11C822;
    background-color: #FFF; 
    padding: 5px;
    outline: none;
    -moz-border-radius-bottomleft:3px; 
    -moz-border-radius-bottomright:3px; 
    -moz-border-radius-topleft:3px; 
    -moz-border-radius-topright:3px; 
    radius: 3px;
}
button#conferma:active{
    border: 1px outset #11C822;
}
    button#conferma span#button_span{
        color: #12A223; 
        font-weight: bold; 
        font-size: smaller; 
        margin-bottom: 3px;
    }
#media_gallery{
    overflow: auto;
    max-height: 500px;
    width: 980px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -250px 0 0 -475px;
	filter:alpha(opacity=100);
    opacity:1;
	z-index:99998;	 
    background-color: #FFF;
    padding: 10px;
    border: 10px solid #EB7206;
    box-shadow: 5px 5px 10px #000;
    -moz-box-shadow: 5px 5px 10px #000;
    -webkit-box-shadow: 5px 5px 10px #000;
}  
    .gallery div div{
        border: 2px solid #EB7206;
        background-color: #EB7206;
        width: 13px;       
        height: 13px;
        min-height: 10px; 
        position: relative;
        float:left;   
        padding: 0;
        margin: 0;
    }
    .gallery div div input{
        background-color: transparent;       
        position: relative;
        float:left;
        padding: 0;
        margin: 0;
    }
    .gallery img{
        margin-top: -18px;
    }
.MultiFile-label span, .MultiFile-label label{
    margin: 0 5px 0 0;
    font-size: 1em !important;
}

/* FIX TEMPORANEI */
#progetti2 h4 { display:inline; color:#C63; }
#progetti2 h5 { display:inline; font-size:1.1em; }
#progetti2 li { padding: 6px 0 0 0; }
#progetti2 li ul li { padding:4px 0 0 0; }
#eng { float:right; margin-bottom:8px; }

#galleria li { list-style:none; display:inline; margin:0 8px 0 0; }

.temp h4 { display:inline; color:#C63; }