/* ------------------------ STRUTTURA ------------------------ */
body {
	font-family:Verdana;
	font-size:8pt;
	color:#5c5c5c;
	margin:0 auto;
	padding:0px;
	text-align:center;
	border-top:9px solid #c1171f;
	background:url(/images/sf_pagina.gif) repeat-x;
}
#wrapper {
	width:950px;
	margin:0 auto;
	padding:0px;
	text-align:left;
}

#top {
	position: relative;
	width:917px;
	height:311px;
	margin:0 0 3px 0;
	padding:0px;
}
#menu {
	height:44px;
}
.bottone	{font-size:10px; color:#39414E; width:90px; height:25px;}

/* ------------------------ IMMAGINE PRINCIPALE ------------------------ */

#scuola #top, #direzionesegreteria #top, #info #top {
	background:url(/images/immagini_principali/imm_princ_03.jpg) no-repeat;
}
#orientamentididattici #top {
	background:url(/images/immagini_principali/imm_princ_07.jpg) no-repeat;
}
#sede #top, #home #top {
	background:url(/images/immagini_principali/imm_princ_01.jpg) no-repeat;
}
#contatti #top, #conferma #top {
	background:url(/images/immagini_principali/imm_princ_04.jpg) no-repeat;
}
#eventi #top {
	background:url(/images/immagini_principali/imm_princ_12.jpg) no-repeat;
}
#progetti #top {
	background:url(/images/immagini_principali/imm_princ_14.jpg) no-repeat;
}
#docenti #top {
	background:url(/images/immagini_principali/imm_princ_06.jpg) no-repeat;
}
#piccoli #top {
	background:url(/images/immagini_principali/imm_princ_13.jpg) no-repeat;
}
#corsi8_13 #top {
	background:url(/images/immagini_principali/imm_princ_09.jpg) no-repeat;
}
#corsi14_18 #top {
	background:url(/images/immagini_principali/imm_princ_08.jpg) no-repeat;
}
#corsi14inpoi #top {
	background:url(/images/immagini_principali/imm_princ_11.jpg) no-repeat;
}
#corsi8_13e #top {
	background:url(/images/immagini_principali/imm_princ_10.jpg) no-repeat;
}
#adulti #top {
	background:url(/images/immagini_principali/imm_princ_02.jpg) no-repeat;
}

/* ------------------------ Fine IMMAGINE PRINCIPALE ------------------------ */


#left_top {
	float:left;
	width:249px;
	height:411px;
	background:url(/images/sf_left_top.jpg) no-repeat;
}


	
h1#logo {
	width:178px;
	height:174px;
	background:url(/images/ScuolaMusicaleRiva_logo.gif);
	text-indent:-9999px;
	top:0px;
	left:0px;
	padding:0px;
	margin:0px;
	float:left;
}
h1#logo a {
	display:block;
	width:178px;
	height:174px;
}
#middle {
	position:relative;
	text-align:left;
	padding:0px;
	width:917px;
	border-bottom: 9px solid #c1171f;
	border-top: 5px solid #c1171f;
}
#left_middle {
	float:left;
	width:214px;
}




/* ------------------------ CONTENUTI ------------------------ */	


#corsi h4#didascalia1 {
	background:url(/images/dida1.jpg);
	text-indent:-9999px;
}
#corsi h4#didascalia2 {
	background:url(/images/dida2.jpg);
	text-indent:-9999px;
}
#corsi h4#didascalia4 {
	background:url(/images/dida4.jpg);
	text-indent:-9999px;
}
#corsi h4#didascalia3 {
	background:url(/images/dida3.jpg);
	text-indent:-9999px;
}
#ensemble h4#didascalia1 {
	background:url(/images/dida1e.jpg);
	text-indent:-9999px;
}
#ensemble h4#didascalia2 {
	background:url(/images/dida2e.jpg);
	text-indent:-9999px;
}
#right_middle {
	float:right;
	width:703px;
	background:white;
	margin:0 0 10px 0;
}
.testo {
	position:relative;
	margin:0 0 20px 0;
	width:917px;
	float:right;
	padding:5px 0 0 0;
}
.riquadro {
	border: 1px solid #d2d2cf;
	padding:10px;
	margin:0 0 20px 0;
}
.colum_left {
	float:left;
	width:325px;
	margin:0px;
}
.colum_right {
	float:right;
	width:370px;
}
.colum {
	float:right;
	width:715px;
	margin:0px;
}
.testo .colum_left p {
	text-align:justify;
	line-height:10pt;
}
.testo p {
	text-align:justify;
	line-height:12pt;
}
#sposta_sx {
	position:relative;
	float:left;
	width:168px;
	margin:0 24px 0 0;
	padding:5px;
	background:#e0e0e0;
	text-align:left;
}
#info .testo .colum_left ul, #info .testo .colum_right ul, #corsi .testo .colum_left ul, #corsi .testo .colum_right ul, #ensemble .testo .colum_left ul, #ensemble .testo .colum_right ul {
	margin:7px 0 0 0;
	padding:0 0 0 15px;
}
#info .testo .colum_left ul li, #info .testo .colum_right ul li, #corsi .testo .colum_left ul li, #corsi .testo .colum_right ul li, #ensemble .testo .colum_left ul li, #ensemble .testo .colum_right ul li {
	margin:3px 0 0 0;
	list-style-type:square;
}
/* ------------------------ Fine CONTENUTI ------------------------ */

#indirizzi {
	float:left;
	color:#8b8b8b;
	margin:0px;
	padding:0px;
	text-align:left;
}
#indirizzi p {
	padding:0px;
}
.tito2 {
	color:#5c5c5c;
	font-weight:bold;
}
.tito3 {
	color:#5c5c5c;
	font-weight:bold;
	font-size:7pt;
}

.tito {
	color:#c1161e;
}
.tito4 {
	color:#c1161e;
	font-weight:bold;
}


#bottom {
	width:917px;
	text-align:right;
	margin:5px 0 0 0;
}
/* ------------------------ H2 ------------------------ */

h2 {
	color:#c1161e;
	font-size:16pt;
	margin:5px 0 0 0;
	padding:0px;
	float:left;
	width:178px;
	text-align:right;
}
h4 {
	position:absolute;
	top:7px;
	right:33px;
	margin:0px;
	padding:0px;
	font-family:Verdana;
	font-size:12pt;
	width:680px;
}
/* ------------------------ Fine H2 ------------------------ */

/* ------------------------ LINK GENERICI ------------------------ */
a:link, a:visited {
	color:#8b8b8b;
	text-decoration:none;
}
a:hover {
	color:#5c5c5c;
	text-decoration:none;
}
/* ------------------------ Fine LINK GENERICI ------------------------ */

/* ------------------------ Concept by ------------------------ */

#concept {
	float:right;
	font-size:8pt;
	color:#5d5c5a;
	margin:0 0 20px 0;
}

#concept .linktp,
#concept .linktp:link,
#concept .linktp:visited           {font-size:9px; font-family: Times New Roman; color: #808080; text-decoration: none;}
#concept .linktp:hover                {font-size:9px; font-family: Times New Roman; color: #E97D00; text-decoration: none;}

/* ------------------------ Concept by ------------------------ */

/* FORM */
	#formcontatti {
		position:relative;
		padding:0px;
		top:20px;
		left:0px;
		font-family:Verdana;
		font-size:8pt;
		color:#828181;
		margin:0 0 20px 0;
	}
	#formcontatti form {
		padding:0px;
		margin:0px;
	}
	#formconferma {
		position:relative;
		padding:0px;
		top:15px;
		left:20px;
		font-family:Verdana;
		font-size:8pt;
		color:#828181;
		margin:0 0 20px 0;
	}
	.elemento_input {
	color:#000;
	width: 100%;
	padding:2px;
	height:11px;
	border:1px solid #828181;
	}
	.elemento_small {
		width: 50%;
	}

	.input_select {
		color:#808080;
		border:1px solid #828181;
		padding:3px;
		font-size:10pt;		
	}
	.input_area2 {
		height: 45px;
		width:280px;
		font-family:Verdana;
		border:1px solid #828181;
	}
	.input_area {
		height: 45px;
		font-size:8pt;
		width:280px;
		border:1px solid #828181;
	}
	.contatti {
		float:left;
		width:280px;
		padding-left:10px;
		padding-right:10px;
	}
	#modulo {
		width:70%;
		padding:10px;
		color:#FAB958;
	}

	#box_errore {
		position:absolute;
		display:none;
		margin:100px;
		width:300px;
		left:550px;
		top:350px;
		height:150px;
		border:1px solid #949393;
		text-align:left;
		background:#fff;
		z-index:1;
		}
	#div_titolo_errore {
		background:#949393;
		color:#fff;
		padding:10px;
		}
	#div_errore {
		color:#1f1a17;
		padding:10px;
		text-align:center;
		position:relative;
		top:10px;
		}
	#bottone_errore {
		position:relative;
		top:30px;
		}
	form {
		margin:0px;
		padding:0px;
	}
/* fine FORM */	

img {
	border:0px;
	padding:0px;
	margin:0px;
}
.clear {
	clear:both;
}
.left {
	float:left;
	margin:0 0 0 20px;
}
/* ------------------------ Pagina DOCENTI ------------------------ */
#scheda {
	width:370px;
	height:500px;
	font-family:Verdana;
	font-size:8pt;
	text-align:left;
	background:white;
	border:0px;
}
#docenti .colum_left ul {
	margin:0px;
	padding:0 0 0 15px;
}
#docenti .colum_left ul li {
	list-style-type:square;
	margin:8px 0 8px 0;
}
#scheda h5 {
	color:#c1161e;
	font-weight:bold;
	margin:0px;
	padding:0px;
}
h6 {
	margin:0px;
	padding:0px;
	font-size:8pt;
}
#scheda .testo_scheda {
	float:left;
	margin:0 0 0 10px;
	text-align:left;
	padding:0 0 0 15px;
	border-left: 1px solid #c1161e;
}
#scheda img {
	float:left;
}
#corsi p.immagine {
	text-align:left;
	margin:20px 0 0 5px;
}


/* ------------------------ Fine Pagina DOCENTI ------------------------ */


#contenuti {
	position:relative;
}

h3 {
	position:absolute;
	bottom:8px;
	left:0px;
	margin:0px;
	padding:2px 8px 0 0;
	color:#c1171f;
	width:170px;
	text-align:right;
	height:23px;
}
h3 a:link, h3 a:visited {
	color:#c1171f;
	font-size:13pt;
}
h3 a:hover {
	color:#c1171f;
	font-size:13pt;
}
#mappa {
	float:right;
}
#gallery {
	margin:20px 0 0 0;
	background:#c9c9c9;
	padding:4px;
}
#gallery img {
	border: 2px solid #e0e0e0;
	margin:0 0 3px 0;
	padding:0px;
}
p.dida_gallery {
	margin:0 0 5px 0;
	padding:0px;
	font-size:7pt;
}