body  {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	background:#d1dffb;
	background-image:url('../Immagini/bg4.jpg');
	background-repeat:repeat-x;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #000000;
}

.twoColElsLtHdr #container {
	width: 60em; 
	background: #FFFFFF;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid white;  
	text-align: justify;
} 

/* Header con immagine di Background */
#header {
	margin: 0px;	
}

#header img{
	width: 840px;
	height: 100px;
}

/* barra posta sotto il menu */
#bar {
	height: 20px;
   padding-top: 1px; 
	padding-right: 10px;
	float: none;
	margin: 0px;
	border-bottom: 1px solid white;
	background: #3D5383;	
	color: #ffffff;
	text-align: right;
	}
	#fadeimages {
    display: none;
}
#fadeimages, #fadeimages li {
    list-style: none outside;
    margin: 0;
    padding: 0;
    width: 672px;
    height: 465px;
}
#fadeimages li {
    width: 672px;
    height: 465px;

}
#fadeimages li img {
    left: 0;
}


.twoColElsLtHdr #bar a:link, #bar a:visited {
	color:#FFFFFF;
	text-decoration: none;
}
.twoColElsLtHdr #bar a:hover, #bar a:active {
	color: #fff;
	text-decoration:underline; 
}

.twoColElsLtHdr #sidebar1 {
	float: left;
	left:0em;
	width: 12em; 
	/*background: #0099FF; */
	background: #fff;
	padding: 0px; /*15px 0;  top and bottom padding create visual space within this div */
}
.twoColElsLtHdr #sidebar1 h3, .twoColElsLtHdr #sidebar1 p {
	margin-left: 10px;
	margin-right: 10px;
}


.twoColElsLtHdr #mainContent {
	margin: 0 3em 3em 15em; 
	padding-bottom:1em;
}

.twoColElsLtHdr #mainContent h2, #mainContent h3, #maincontent h4 {
	color: #5a6d95;
	margin-bottom: 0.5em;
	margin-top: 1em;
}

.twoColElsLtHdr #mainContent p, .approfondimenti #main p{
	color:#808080;
	text-align: justify;
}
.twoColElsLtHdr #footer {
	border-top: 1px solid #fff;
	background: #3D5383;
	text-align: center;
	padding: 7px 10px;
}
.twoColElsLtHdr #footer a {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}
 
.twoColElsLtHdr #footer p {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #d1dffb;
	text-align:center;
	margin: 0; 
}


/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* Stile per il menu di sinistra*/
ul.menu1 {
	width:12em;
	list-style:none; /* elimino i punti elenco */
	margin:0; padding:0; /* elimino i rientri delle liste */
}

ul.menu1 li a {
	display:block; /* il link occupa tutto lo spazio orizzontale */
	text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
	border-bottom:1px solid white;
	border-right:1px solid white;
	padding:0 1em; /* lascia spazio far il bordo del menu e il testo del link */
	height:2em;
	line-height:2em; /* altezza del link: height e line-height devono avere il medesimo valore */
}
ul.menu1 li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/

ul.menu1 li a:link, ul.menu1 li a:visited { 
	background:#a0b5de;
	color:#FFF;
}

ul.menu1 li a:hover, ul.menu1 li a:active {
	background: #F2F5FB;
	color:#8ca7d7;
	text-decoration:underline;
}
a#current:link, a#current:visited, a#current:hover, a#current:active {
	background: white;
	color:#8ca7d7;
	}
	
a#homebut:link, a#homebut:visited, a#homebut:hover, a#homebut:active{
	background:#a0b5de;
	color:white;
	}

/* Fine stile menu */


/* style per le foto della pagina AMBIENTI */
.twoColElsLtHdr img#foto_th {
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	padding: 2px 2px;
	border: 1px solid #A3D5EE;
}


/* mappa di google */
.twoColElsLtHdr iframe#mappa {
	width:39em;
	height:24em;
}

.twoColElsLtHdr a {
	color: #5a6d95;

}

img.inline-dx {
	border: 1px solid #A3D5EE;
	float: right;
	display: inline;
	padding:4px 4px;
}

img#sorriso{
	margin: 0em 0em 0em 1em;
	}
	
img#studio{
	padding: 4px 4px;
	border: 1px solid #A3D5EE;
	margin: 0.5em 0em 0em 0em;
	}

#staff{
	margin-bottom:1.5em;
	width: 580px;
}
#staff p img{
border: 1px solid #A3D5EE;
float: left;
margin: 0 10px 0 0;
padding: 20;
width: 101px;
height: 121px;
}

/* pagina prestazioni - div contenente immagini con descrizione o solo immagini */
#pr_th_desc {
	margin: 2px 10px 8px 0px;
	margin-top: 1em;
	border: 1px solid #A3D5EE;
	height: auto; 
	width: auto;
	float: left;
	text-align: center;
	
}
/* Style pagina Corsi */

#imm_corsi {
	margin: 0px 0px 8px 15px;
	border: 1px solid #A3D5EE;
	height: auto; 
	width: auto;
	float: right;
	text-align: center;
}

ul.l_corsi{
	list-style:none;
}

ul.l_corsi li{
	line-height:2em;
	color: #525252;
}

/* cornice mappa google */
#map_th_desc {
	margin: 15px 0px 40px 0px;
	border: 1px solid #A3D5EE;
	height: auto; 
	width: auto;
	float: left;
	text-align: left;
	padding: 5px 20px 5px 20px;
}
#pr_th_desc img {
	width: 130px;
	height: 98px;
	display: inline;
	margin: 3px;
	border: 1px solid #ffffff;
}
/* didascalia foto */
#desc {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #a0a1b8;
	margin-bottom: 6px;
}

#skypebutton{
	margin-bottom: 10px;
	margin-top: -10px;
	float:right;
	margin-right: 490px;
}

/* pagina delle prestazioni --> link approfondimenti */
.approfondimenti #main {
	text-align: left;
	background-color: white;
	margin: 8px 10px 8px 10px;
	padding: 10px 10px 20px 10px;
	border: 1px solid white;
	height: auto; 
	width: auto;
}
.approfondimenti #main h3, .approfondimenti #main h4 {
	color: #5a6d95;
	margin-bottom: 1em;
	margin-top: 1em;
	margin-left: 10px;
}
.approfondimenti #main p {
	margin: 3px 5px 10px 10px;
}

#margin-bottom {
	margin-bottom: 0px;
}

hr {
	border-top: 1px solid #d1f2f8;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
}

#boxcontatti {
		background-image:url('../Immagini/contatti.jpg');
		border-right: 1px solid white;
		padding-left: 15px;
		padding-top:40px;
		height: 135px;
		font-size: 90%;
		}
		
#boxcontatti div, #boxcontatti a{
		color: white;
		text-decoration: none;
	}
#boxcontatti div {
		padding-top: 3px;
		padding-bottom: 5px;
		margin-left: 25px;	
	}	
#boxcontatti img{
	float: left;	
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 4px;
	}
	
img#phone {
	position: relative;
	top: 3px;	
	}
	
img#mail {
	position: relative;
	top: 4px;	
	}

.cornice {
	border: 1px solid #d1f2f8;
	padding: 5px;
	}

#home {
	margin: 0px;
	overflow: hidden;	
	}	
	
#home img {	
		float: left;
		padding: 0px;
		margin: 0px;
	}
