/* Rosa: #F0037F */
/* Rosa spento: #F0AFD1*/

body {
	background-color: #fff;
	font-family: "Verdana", "Helvetica", sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	line-height: 1.5em;	
}

* {
	padding: 0px;
	margin:0px;
}


/* http://www.codestore.net/store.nsf/unid/BLOG-20050907 */
/* Wrapper per mantenere il contenuto al centro della pagina in orizzontale. */
#wrapperCentrato {
	width: 950px;
	height: 580px;
	margin: 0 auto;
	background-color: white;
}

/* Non si sa mai. */
#cuscinetto{
	height: 10px;
	width: 950px;
	
}

#wrapperHeader {
	background-color: transparent;
	width:950px;

}

/* Intestazione */
#header {
	height: 150px;
	width: 915px;	
	background: white url(../img/logo-networking.png) 100% 100% no-repeat;
	margin:0;
	padding:0;
		float:left;
	
}

#logoHome {

	height: 25px;
	width: 29px;	
	background: transparent;
	float:right;
	
	position:relative;
	margin-top: 125px;
	text-align: right;

	padding:0;
}

/* Banner con logo */
#header img {

}

#wrapperMain {
	float: left;
	width: 100%; height: 410px;
	margin-top: 3px;
	background-color: transparent;
	position:relative; /* Per il posizionamento del box news*/
}

/* Colonna sinistra per pagine interne (artisti, livorno etc.)*/
#zoomLogo {
	float: left;
	width: 50px;
	height: 50px;
		background-color: transparent;
	z-index: 200;
	position: absolute;
	top: 325px; left: 0px;
}

/* Colonna sinistra per pagine interne (artisti, livorno etc.)*/
#colonnaSinistra {
	float: left;
	width: 400px;
	height: 380px;
	background-color: transparent;
	margin-top: 0px;
	padding: 0px;
}

/* */
#boxDestra {
font-size: smaller;
	line-height: 1.1em;	
	color: white;
}

#boxDestra p {
margin-bottom: 8px;
}

#boxDestra h4 {
color: #F0037F;
margin-bottom: 3px;
}

/* Main per le pagine interne */
#main {
	background-color: transparent;
	margin-left: 400px;

}

/* Main per la home */
#mainIndex {
	background-color: transparent;
	height: 410px;
	margin-top: 0px;
	padding: 0px;
}

/* Main per la pagina dei tutors */
#mainTutors {
	background-color: transparent;
	height: 350px;
	margin-top: 0px;
	padding: 0px;
}

/* Main per la pagina dei tutors */
#mainTutorsFooter {
	background-color: transparent;
	height: 60px;
	margin-top: 0px;
	padding: 0px;
	font-size: small;
	color:#bbb;	
}

#mainTutorsFooter a {
	text-decoration: none;
	color: #F0037F;

}

#mainTutorsFooter a:visited  {
	text-decoration: none;
	color: #F0037F;

}

#mainTutorsFooter a:hover  {
	text-decoration: none;
	color: black;

}

#mainTutorsFooter a:visited:hover {
	text-decoration: none;
	color: black;

}


/* Main per la pagina dei tutors */
#mainArtists {
	background-color: transparent;
	height: 350px;
	margin-top: 0px;
	padding: 0px;
}

/*********************************************************/

/* Main footer per la pagina degli artisti selezionati */
#mainArtistsFooter {
	background-color: transparent;
	height: 60px;
	margin-top: 0px;
	padding: 0px;
	font-size: small;
	color:#bbb;
}

#mainArtistsFooter a {
	text-decoration: none;
	color: #F0037F;

}

#mainArtistsFooter a:visited  {
	text-decoration: none;
	color: #F0037F;

}

#mainArtistsFooter a:hover  {
	text-decoration: none;
	color: black;

}

#mainArtistsFooter a:visited:hover {
	text-decoration: none;
	color: black;

}

/*********************************************************/

#biografia a {
	text-decoration: none;
	color: #F0037F;

}

#biografia a:visited  {
	text-decoration: none;
	color: #F0037F;

}

#biografia a:hover  {
	text-decoration: none;
	color: black;

}

#biografia a:visited:hover {
	text-decoration: none;
	color: black;

}

/*********************************************************/


#menuCitta {
	height: 30px;
	background-color: transparent;
	text-align: right;
	color: #797979;
}

#menuCitta a {
	text-decoration: none;
	color: #FFB1DA;
	font-weight: 700;
}

#menuCitta a:visited  {
	text-decoration: none;
	color: #FFB1DA;
	font-weight: 700;	
}

#menuCitta a:hover  {
	text-decoration: none;
	color: #F0037F;
	font-weight: 700;		
}

#menuCitta a:visited:hover {
	text-decoration: none;
	color: #F0037F;
	font-weight: 700;	
}

/* Footer */
#footer {
	clear: left;
	padding-top: 0px;
	width: 100%;
	height: 20px;
	background-color: transparent;
	color: #888;
	font-size: x-small;
	text-align: right;
}

#footer a {
	color: #888;
	text-decoration:underline;
}

#footer a:visited {
	color: #888;
	text-decoration:underline;
}

#footer a:hover {
	color: #333;
	text-decoration:underline;
}

#footer a:visited:hover {
	color: #333;
	text-decoration:underline;
}

.innertube{

}

#boxContenuto {
	height: 130px;
	margin-bottom:10px;
}

#boxContenuto p {
	margin-bottom: 5px;	
}

#boxContenuto h4 {
	color: #F0037F;
	font-weight: bold;
	padding-bottom:5px;
}

#boxContenutoTestoIt {
	color: #000;
}

#boxContenutoTestoEn {
	color: #777;
}

#boxContenutoTesto {
	float: left;
	width: 400px;
	background-color:transparent;
	margin-left: 10px;
	line-height: 1.1em;
}

#boxContenutoFoto {
	float: right;
	width: 128px;
	background-color:transparent;
	text-align: right;
	margin-right: 5px;
}

#boxContenutoFoto img {
	width: 128px;
	border: 0px;
}

#areaScroll {
	background-color: transparent;
	height: 380px;
	width:540px;
	overflow: hidden;
}

a.readMoreIt {
	text-decoration: none;
	color: #FFB1DA;	
}

a:visited.readMoreIt  {
	text-decoration: none;
	color: #FFB1DA;
}

a:hover.readMoreIt  {
	text-decoration: none;
	color: #F0037F;	
}

 a:visited:hover.readMoreIt {
	text-decoration: none;
	color: #F0037F;
}

a.readMoreEn {
	text-decoration: none;
	color: #FFB1DA;
}

a:visited.readMoreEn  {
	text-decoration: none;
	color: #FFB1DA;
}

a:hover.readMoreEn  {
	text-decoration: none;
	color: #F0037F;
}

a:visited:hover.readMoreEn {
	text-decoration: none;
	color: #F0037F;
}

/***************************/

	.transparent {
		background:#333;
		opacity: .85;
		filter: alpha(opacity=85);
		width: 100% !important;
		
		
		}
	
	
	.transparent_wrapper {
	position: absolute;
	top: 80px;
	right: 0px;
	width: 200px;
	height: 300px;


		}
		
	
	.transparent_bgrd {	
		position: absolute;
		z-index: 1;
		width: 100%;
		height: 300px !important;

		}
		

	.opaque_content {
		position: relative;
		top: 0;
		z-index: 2;
				padding:10px;
		}
		
		
/*************** Popup div ****************/

 #blanket {
	background-color:#fff;
	opacity: 0.70;
	filter:alpha(opacity=70);
	position:absolute;
	z-index: 900000000;
	top:0px;
	left:0px;
	width:100%;
}

#popUpDiv {
	position:absolute;
	background-color:#fff;
	width:640px;
	height:550px;
	z-index: 900000001;
}

/*************** POPUP RELOADED ******************/

#fade {
	background: #fff;
	position: fixed;
	width: 100%;
	height: 100%;
	opacity: 0.70;
	filter:alpha(opacity=70);
	left: 0;
	top: 0;
	z-index: 999999998;
}

#fade2 {
	background: #000;
	position: fixed;
	width: 100%;
	height: 100%;
	opacity: 0.70;
	filter:alpha(opacity=70);
	left: 0;
	top: 0;
	z-index: 999999998;
}


#notiziaArezzo1 {
	position: absolute;
	top: 0;
	left: 0;
}

.notiziaPopup {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;	
}

#hideshow2 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

#mappaArezzoGrande {
	position: absolute;
	width: 950px;
	height: 410px;
	top: 0;
	left: 0;
}


.popup_block {
	background: #fff;
	float: left;
	width: 600px;
	height: 480px;
	position: absolute;
	top: -50px;
	left: 260px;	
	z-index: 999999999;
}
.popup_block .popup {
	float: left;
	width: 600px;
		height: 480px;
	background: transparent;
	margin: 10px 0;
	padding: 2px 0;
	position:relative;
}

.popup h4 {
	padding-top: 10px;
	padding-left: 30px;
	padding-bottom:10px;
	font-size: 1.5em;
	font-weight: normal;
	color: #F0037F;
}

.popup p {
	padding-left: 30px;
	padding-right: 30px;
	padding-top:10px;
	
	margin: 5px 0;
}
.popup img.cntrl {
	position: absolute;
	right: -5px;
	top: -15px;
	border: 0;
}

.notiziaScroll {
	background-color:transparent;
	margin-top: 10px;
	height: 400px;
	width: 575px;
	overflow-y: auto;
	overflow-x: hidden;
		
}

.notiziaScroll ul {
margin-left: 45px;
		
}

.notiziaScroll h5 {
	padding-left: 30px;
	color: #F0037F;
	padding-top: 10px;
	font-size: 1em;
}

.notiziaScrollUnstyled {
	background-color:transparent;
	margin-top: 10px;
	height: 400px;
	width: 575px;
	overflow-y: auto;
	overflow-x: hidden;
		
}

.notiziaScrollUnstyled ul {
margin-left: 45px;
		
}

.notiziaScrollUnstyled h5 {
	padding-left: 30px;
	color: #F0037F;
	padding-top: 10px;
	font-size: 1em;
}

img.fotoNotizia {
	padding-left: 30px;
	padding-right: 30px;
	padding-top:10px;
	margin: 5px 0;
}

/********************************************************************/

#mappaArezzoGrande {
	padding-top: 30px;
	width: 950px;
	height: 560px;
}

.popup_block_mappaGrande_arezzo {
	background: url(../img/barra-mappa-arezzo.png) center top no-repeat;
	float: left;
	width: 950px;
	height: 590px;
	position: absolute;
	top: -136px;
	left: 20px;	
	z-index: 999999999;
}

.popup_mappaGrande {
	float: left;
	width: 950px;
	background: transparent;
	margin: 0;
	padding: 0;
	position:relative;
}

/******************/

#mappaFirenzeGrande {
	padding-top: 30px;
	width: 950px;
	height: 560px;
}

.popup_block_mappaGrande_firenze {
	background: url(../img/barra-mappa-firenze.png) center top no-repeat;
	float: left;
	width: 950px;
	height: 590px;
	position: absolute;
	top: -136px;
	left: 20px;	
	z-index: 999999999;
}

/*********************/



#mappaLivornoGrande {
	padding-top: 30px;
	width: 950px;
	height: 560px;
}

.popup_block_mappaGrande_livorno {
	background: url(../img/barra-mappa-livorno.png) center top no-repeat;
	float: left;
	width: 950px;
	height: 590px;
	position: absolute;
	top: -136px;
	left: 20px;	
	z-index: 999999999;
}

/*********************/

#mappaMonsummanoTermeGrande {
	padding-top: 30px;
	width: 950px;
	height: 560px;
}

.popup_block_mappaGrande_monsummanoTerme {
	background: url(../img/barra-mappa-monsummano-terme.png) center top no-repeat;
	float: left;
	width: 950px;
	height: 590px;
	position: absolute;
	top: -136px;
	left: 20px;	
	z-index: 999999999;
}

/*********************/

#mappaPontederaGrande {
	padding-top: 30px;
	width: 950px;
	height: 560px;
}

.popup_block_mappaGrande_pontedera {
	background: url(../img/barra-mappa-pontedera.png) center top no-repeat;
	float: left;
	width: 950px;
	height: 590px;
	position: absolute;
	top: -136px;
	left: 20px;	
	z-index: 999999999;
}

/*********************/


#mappaPratoGrande {
	padding-top: 30px;
	width: 950px;
	height: 560px;
}

.popup_block_mappaGrande_prato {
	background: url(../img/barra-mappa-prato.png) center top no-repeat;
	float: left;
	width: 950px;
	height: 590px;
	position: absolute;
	top: -136px;
	left: 20px;	
	z-index: 999999999;
}

/*********************/

.popup_mappaGrande h4 {
	padding-top: 0px;
	padding-left: 30px;
	font-size: 1.5em;
	font-weight: normal;
	font-color: #F0037F;
}
.popup_mappaGrande p {
	padding: 30px;
	margin: 5px 0;
}

/* Il comportamento della croce in cima alle mappe grandi. */
.popup_mappaGrande img.cntrl {
	position: absolute;
	right: 10px;
	top: 4px;
	border: 0;
	z-index: 9999999999;
}

/*****************************/

#balloonContainer {
	height:120px;
	width: 260px;
}

#balloonFoto {
	height:120px;
	width:96px;
	background-color:transparent;
	float:left;
}

#balloonFoto img {
	height:120px;
	width:96px;
}

#balloonBioTitolo {
	width:150px;
	background-color:transparent;
	float:right;
	overflow:auto;
	font-size:smaller;
	line-height: 1.1em;
}

#balloonBioTitolo h4 {
	color: #F0037F;
	padding-left:5px;
}


#balloonBio {
	height:105px;
	width:150px;
	background-color:transparent;
	float:right;
	overflow-y:auto;
	overflow-x:hidden;	
	font-size:smaller;
	line-height: 1.1em;
}

#balloonBio p {
	padding:5px;
}


#balloonBio a {
	text-decoration: none;
	color: #FFB1DA;
}

#balloonBio a:visited  {
	text-decoration: none;
	color: #FFB1DA;
}

#balloonBio a:hover  {
	text-decoration: none;
	color: #F0037F;
}

#balloonBio a:visited:hover {
	text-decoration: none;
	color: #F0037F;
}

/*****************************/

#balloonCitta {
	height:105px;
	width:150px;
	background-color:transparent;
	float:right;
	overflow:auto;
	font-size:smaller;
	line-height: 1.1em;
}

#balloonCitta ul {
	list-style-type: circle;
	padding-left: 17px;
}

#balloonCitta li {

}

#balloonCitta p {
	padding:5px;
}


#balloonCitta a {
	text-decoration: none;
	color: #F0037F;
}

#balloonCitta a:visited  {
	text-decoration: none;
	color: #F0037F;
}

#balloonCitta a:hover  {
	text-decoration: none;
	color: black;
}

#balloonCitta a:visited:hover {
	text-decoration: none;
	color: black;
}



/***************************/

#balloon {

}

#balloon a {
	text-decoration: none;
	color: #FFB1DA;
}

#balloon a:visited  {
	text-decoration: none;
	color: #FFB1DA;

}

#balloon a:hover  {
	text-decoration: none;
	color: #F0037F;

}

#balloon a:visited:hover {
	text-decoration: none;
	color: #F0037F;
}

#biografia {
	float: left;
	width: 520px;
	background-color:transparent;
	margin-left: 10px;
	line-height: 1.1em;
}

#biografia p {
	margin-bottom: 5px;	
}



.imgCaption p {
	font-size: x-small;
	color: #bbb;
	padding-bottom:10px;	
}

.imgCaption a {
	text-decoration: none;
	color: #bbb;
	border-bottom: solid 1px #ddd;
}

.imgCaption a:visited  {
	text-decoration: none;
	color: #bbb;
	border-bottom: solid 1px #ddd;
}

.imgCaption a:hover  {
	text-decoration: none;
	color: #bbb;
	border-color: #bbb;
}

.imgCaption a:visited:hover {
	text-decoration: none;
	color: #F0037F;
}

/*******************/

p.testoItaliano {

}

p.testoInglese {
	color:#666;
}

span.nomeSpento {
	color: #F0AFD1;
}


/************/