@charset "utf-8";
/* DESIGN " LA CITTA' MATERNA " / CSS Document */

@import "galleria.css"; /* CSS applicato alla galleria portfolio degli artisti */



html, body{
    margin:0;
    padding:0;
	background-color:#111111;
	background-image: url(../images/bg_site.gif);
	background-position:30% 50%;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

#content_wrapper {    /* contenitore principale del sito */
	width:800px;
	margin:0 auto auto auto;
	padding-bottom:20px;
	border: 0px solid #FFFFFF;
	height: auto;
}

/* --------------------------------------------------------- TOP SITO ------------------------------------------------------------ */

#content_top {   /* contenitore per l'elemento descrittivo "TOP" del sito */
	float:left;
	width:650px;
	height:70px;
	border-top: 8px solid #333333;
}
.top_text {
	font-family:"Times New Roman", Times, serif;
	font-size:28px;
	color:#FFFFFF;
	margin: 20px 0 0 20px;
}
.top_materna_description {
	font-family:"Times New Roman", Times, serif;
	font-size:28px;
	color:#555555;
}
.top_artisti_description {
	font-family:"Times New Roman", Times, serif;
	font-size:28px;
	color:#a41c22;
}

/* ---------------------------------------------------- END TOP SITO --------------------------------------------------------------- */

#header {
	background-color:#333333;
	width:650px;
	height:50px;
	float:left;
	border-left: 1px solid #262626;
	border-right: 1px solid #262626;
	margin-bottom:0px;
}

#contained {
	width:650px;
	height:auto;
	float:left;
	background-color:#000000;
	background-image:url(../images/bg_contained.gif);
	border-left: 1px solid #262626;
	border-right: 1px solid #262626;
	background-repeat:no-repeat;
	background-position:center;
}

#footer {
	width:650px;
	height:50px;
	float:left;
	margin-top:0px;
	margin-bottom:20px;
	border-left: 1px solid #262626;
	border-right: 1px solid #262626;
}

.footer_pusher {
	width: 650px;
	display: block;
	height: 40px;
	border-left: 1px solid #262626;
	border-right: 1px solid #262626;
	background-color:#000;
	clear: both;
	overflow: hidden;
	float:left;
}

#info_content {
	float:left;
	width:650px;
	height:auto;
}

.info_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#555555;
	text-align:left;
	letter-spacing:0.3px;
	word-spacing: 2px;
	padding: 8px 0 0 8px;
	float:left;
}

/* ----------- OGGETTO "TORNA SU" --------------------------------------------------------------------------------- */
/* ----------- CSS per il posizionamento dell'oggetto "torna su" rappresenteto dall'immagine "arrow up"----------- */

#up_content { /* box per il posizionamento dell'oggetto tra due elementi */
	width:550px;
	font-size:12px;
	font-weight:normal;
	color:#ffffff;
	height: auto;
	float: left;
	margin-top: 10px;
}

.up { /* classe da usare nel caso si voglia posizionarlo all'interno dello stesso elemento */
	float: right;
	padding-right:5px;
}

.up_text { /* classe da utilizzare nel caso si voglia inserire del testo 
               all'interno dell'elemento contenente entrambi (testo + arrow_up) */
	float:left;
}


/* ------------ RSS ------------------------------------------------------- */

.rss {
	color:#FF6600;
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

.rss_ico {
	margin-top: 8px;
	margin-left: 0px;
	margin-right: 0px;
	float: right;
}

/* -------------------------------------------------------------------------*/


/* ------------- Elementi per la formattazione generale di tutto il testo o parti di esso presenti nel sito ---------------- */

h1 {
   font-family:Arial, Helvetica, sans-serif;
   font-size:17px;
   font-weight: normal;
   color:#ffffff;
}

h2 {
	font-size:12px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color: #333333;
	padding-left: 8px;
}

h3 {
	font-size:12px;
	font-weight:normal;
	color:#cccccc;
	text-align:left;
}
b {
	color:#c7c7c7;
}
i {
   color:#d4d4d4;
   font-weight: bold;
}

.grey {
   color:#cccccc;
   font-size:12px;
}
.titolo_elenco {
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#ffffff;
}

.main_header {
	DISPLAY: block;
	HEIGHT: auto;
	OVERFLOW: hidden;
	float: left;
	margin: 25px 0 0 30px;
}
.main_header {
	FONT-FAMILY: Georgia, "Times New Roman", Times, serif;
	COLOR: #FFFFFF;
	FONT-SIZE: 20px
}



/*----------------------------------------------- LA CITTA' MATERNA ---------------------------------------------------------------- */

/* ---------------------------------- ELEMENTI PER LA FORMATTAZIONE DELLE PAGINE DELLA CITTA' MATERNA ------------------------------ */

/*------ HOME / NEWSLIST --------------------------------------------------------------------------------- */

#home_random_content {
	float:left;
	width:auto;
	height:auto;
	border:1px solid #333333;
	margin: 20px 0 0 25px;
	padding: 25px 25px 25px 25px;
	
}

#home_newslist {
	border-top: 1px solid #333333;
	width: 600px;
	height: auto;
	overflow: hidden;
	float: left;
	margin: 20px 0 0 26px;
	padding: 0 0 10px 0px;
	color:#666666;
}
.newslist_element {
	padding-bottom: 10px;
	padding-left: 10px;
	width: 560px;
	padding-right: 10px;
	display: block;
	height: auto;
	padding-top: 10px
}
.newslist {
	
}
.newslist_element {
	display: block;
	overflow: hidden;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
}
.newslist_element_not_last {
	padding-bottom: 10px; 
	margin-bottom: 10px;
}
.newslist_thumb {
	min-height: 100px; 
	width: auto; 
	display: block; 
	float: left
}
.newslist_thumb {
	border-bottom: #3b3d30 1px solid;
	border-left: #3b3d30 1px solid;
	border-top: #3b3d30 1px solid;
	border-right: #3b3d30 1px solid;
	padding: 5px 5px 5px 5px;
	overflow: hidden;
}
.newslist_text {
	min-height: 117px;
	width: 380px;
	display: block;
	float: left;
	margin-left: 10px
}
.newslist_text_1 {
	min-height: 0px;  /* valore precedente 117px */
	width: 550px;
	display: inline;
	float: left;
	margin-left: 0px
}
.newslist_element_header {
	display: block;
	font-size: 12px;
	overflow: hidden;
	font-weight: normal;
	color: #DF5B1C;
}
.header_date {
	color: #6c6a4f;
}

.newslist_element_description {
	margin-top: 5px;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	line-height: 18px;
	letter-spacing: 0.01em;
}
.newslist_element_description a {
	color: #BE0131;
	text-decoration:none;
}
.newslist_element_description a:hover {
	color: #fff;
}
.newslist_element_link {
	width: 560px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.line_element {
	border-bottom: #3b3d30 1px solid;
}
.citazione {
	color:#ffffff;
}

/*-------------------------------------------------------- END HOME / NEWSLIST ----------------------------------------------------- */


.materna_thumb { /* elemento che definisce la posizione dell'immagine indicante la pagina che si sta visitando 
                     in riferimento alla Città  Materna */
	float:left;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:1px;
	color: #CCCCCC;
	margin: 50px 0 0 30px;
	display: inline;
}

.materna_img { /* elemento per il posizionamento dell'immagine 
                  all'interno del testo del "PROFILO" della Città  Materna */
	padding: 5px 5px 5px 5px;
	border: 1px solid #333333;
	margin: 20px 0px 0px 30px;
	float: left;
}

.materna_testo {  /* Box contenente il testo di " la città  materna " */
	float:left;
	margin: 20px 0 20px 30px;
	height: auto;
	width: 590px;
	padding-top: 10px;
	font: 12px Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#999999;
	text-align: justify;
}

.materna_titolo_1 {
	width:auto;
	font-size:12px;
	font-weight:normal;
	color:#ffffff;
	background-color: #333333;
	height: 18px;
	padding-left: 8px;
	font-family: Arial, Helvetica, sans-serif;
}
p.materna:first-letter {
	color: #ffffff;
	font-family:"Times New Roman", Times, serif;
	font-size:xx-large;
	float:left;
}
/* ---------------------------------------------------- LINK E BIBLIOTECA -------------------------------------------------------- */

#links_content {  /* Box per la pagina Links di " la città  materna ", questo va' modificato appena verrannos inseriti
                 i links di riferimento */
	float:left;
	font: 12px Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#999999;
	width: 580px;
	margin: 30px 0 50px 30px;
	border: 4px solid #222222;
}
.interno {
	padding: 10px;
}
.link_titolo  {
	font-family: Arial, Helvetica, sans-serif;
	height: 18px;
	font-size: 12px;
	color:#47a6c1;
}
#list {
	padding-left: 0;
	margin-left: 0;
	list-style:none;
	line-height: 1.8;
	color:#777777;
}
#list li {
	list-style: none;
	margin: 0;
	padding: 10px 10px 10px 10px;
	border-top: 1px solid #222222;
}
#list li.active {
	list-style: none;
	margin: 0;
	border-top: 0px;
}
#list a {
    color:#a1a1a1;
	text-decoration:none;
}
#list a:hover {
    color:#ffffff;
	text-decoration:none;
}


/* ----------------------------------------------------- END LINK E BIBLIOGRAFIA --------------------------------------------------- */


/* ---------------------------------------------------------------- ARTISTI ---------------------------------------------------------*/

/* ---------------------------- ELEMENTI PER LA FORMATTAZIONE DELLE PAGINE "PROFILO" INERENTI AGLI ARTISTI ------------------------- */

#content_description_artisti {
	float:left;
	width: 550px;
	height:auto;
	margin: 40px 0 20px 50px;
	padding: 0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #999999;
	text-align:justify;
	line-height: 1.4em;
	clear: both;
	display: inline; /* <---Solution for bug IE6 */ 
}

.titolo_description_artisti {
	float: right;
	width: 380px;
	clear: right;
}

.image_description_artisti {
	float:left;
	margin: 0 15px 0 0;
	border: 1px solid #333333;
	width: 140px;
	padding: 5px 5px 5px 5px;
	clear: both;
	height: auto;
}

.personal_description { /* contenitore per informazioni addizzionali sull'artista  */
	height: auto;
	clear: both;
	float: left;
	margin-top: 15px;
	border-top: 1px solid #333333;
	padding-top: 15px;
	width: 550px;
}

#artisti_content_testo {
	width: 550px;
	height:auto;
	float:left;
	margin: 10px auto 20px 50px;
	border-top: 1px solid #333333;
	padding-top: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #999999; /* provare a variare colore testo in #bbbbbb */
	text-align:justify;
	line-height: 1.5em;
}

.artisti_titolo {
	width:auto;
	font-size:12px;
	font-weight:normal;
	color:#ffffff;
	background-color: #333333;
	height: 18px;
	padding-left: 8px;
}

.artisti_titolo_elenco {
	font-size:12px;
	font-weight:normal;
	color:#ffffff;
}

.artisti_titolo_image { /* elemento che definisce la posizione dell'immagine indicante la pagina che si sta visitando 
                     in riferimento alle pagine degli Artisti */
	float:left;
	font: 11px Arial, Helvetica, sans-serif normal;
	color: #CCCCCC;
	margin: 50px 0 0 30px;
	display: inline;
}

.sign { /* posizione della firma presente nelle pagine "PROFILO" degli artisti */
	float: right;
	color: #cccccc;
}

.see_more { /*  */
	float: right;
	color: #cccccc;
	padding-top: 10px;
	padding-left: 10px;
	display: inline;
}


/* ------- MAIN MENU DECLARTIONS --------------------------------------------------------------------------------------------------- */
/* Questo CSS gestisce tutti gli elementi facenti parte dei menu sia quello che fa' riferimento alla città
 materna sia quello degli artisti ---------------------------------------------------------------------------------------------------*/

#content_nav {
	width:135px;
	height:auto;
	float:right;
	margin-right: 3px;
}

#content_menu {
	width: 130px;
	position: fixed;
	top: 98px;
	border: 0px solid #333333;
	font-family:Arial, Helvetica, sans-serif;
	height: 250px;
}

.title_menu { /* titolo dei menu */
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#fff;
	padding-top:10px;
	padding-left: 4px;
	padding-bottom: 3px;
}

.img_menu {  /* box immagine del menu */
	border: 1px solid #262626;
	padding: 5px 5px 5px 5px;
}
#language {
	margin:0 0 5px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555555;
	height: 15px;
}
#language a {
    text-decoration:none;
	color:#555555;
}
#language a:hover {
    text-decoration:none;
	color:#ffffff;
}
#main_menu {
}
#main_menu a {
    display:block;
	color:#555555;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:105px;
	padding: 3px 4px 3px 4px;
	border-bottom: 1px solid #555555;
	text-decoration:none;
}
#main_menu a:hover {
    background-color: #262626;
	border-bottom: 1px solid #555555;
    color: #FFF;
}

/*----- ARTISTI MENU ------------------------------------------------------------------*/

.click-menu {
   width:125px;
   height: auto;
}


.click-menu .box1 {
      color: #555555;
	border-bottom: 1px solid #555555;    
}

.click-menu .box1-hover {
    color: #ffffff;
	background-color:#a41c22;
	border-bottom: 1px solid #555555;
}

.click-menu .box1-open {
	background-color:#a41c22;
    color: #ffffff;
	border-bottom: 1px solid #555555;
}

.click-menu .box1-open-hover {
	background-color:#a41c22;
      color: #ffffff;
 	border-bottom: 1px solid #555555;
}

.click-menu .box1,
.click-menu .box1-hover,
.click-menu .box1-open,
.click-menu .box1-open-hover {
      margin-top:3px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
	width: 125px;
	padding: 3px 0 3px 4px;
}

.click-menu .section {
        font-family: arial;
        font-size: 11px;
        line-height: 15px;
        padding: 4px 0 5px 0px;
        display: none;
}

.click-menu .section a {
        color: #555555;
        text-decoration: none;
        white-space: nowrap;
}

.click-menu .section a:hover {
        color: #ffffff;
        text-decoration: none;
        white-space: nowrap;
}

.click-menu .box2 {
	border-bottom: 1px solid #555555;
	padding: 4px 0 2px 10px;
}

.click-menu .box2-hover {
		border-bottom: 1px solid #555555;
        padding: 4px 0 2px 10px;
        background-color: #262626;
		color:#ffffff;
}

/* ------- END MAIN MENU AND ARTIST DECLARATIONS ---------------------------------------------------*/

/* ------- ELEMENTI DI FORMATTAZIONE PER I VARI LINK DEL SITO ------------------------------------- */

.link_rosso {
	color:#cccccc;
	text-decoration:none;
}

.link_rosso:hover {
	color:#a90c16;
    text-decoration: none;
}

.link_white {
	color:#ffffff;
	text-decoration:none;
}

.link_white:hover {
	color:#a90c16;
    text-decoration: none;
}

.link_grey {
	color:#999999;
	text-decoration:none;
}

.link_grey:hover {
	color:#ffffff;
    text-decoration: none;
}