/* CSS Document */
body {
	text-align:center;
	margin-top: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFCD5;
	background-image: url(./immagini/pagina/sfondo_pagina.jpg);
	background-repeat: repeat-x;
} 

div#contenitore {
	width:970px;
	margin:0 auto;
	text-align:left;
	background-image: url('./immagini/pagina/sfondo_tabella.jpg');
	background-repeat: repeat-y;
}

/* header: logo + email + foto01 + foto02 + menutop */

div#preheader {
	width:970px;
	height:30px;
	background-color: #Fbeda2;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
}

.box-home {
	width:260px;
	height:400px;
	background-color: #FFF;
	border: 1px dotted #395104;
}

		/* effetto rollover su menu header*/	
		a.menu
		{
	color: #395104;
	text-decoration: underline;
	font-size: 10px;
		}
		a:hover.menu
		{
   		color: #395104;
		text-decoration: none;
		}


div#header {
	float:left;
	width:970px;
	height:240px;
}
	div#logo {
	width:400px;
	height:240px;
	background-image: url('./immagini/pagina/logo.jpg');
	background-repeat: no-repeat;
	float:left;
	text-align: center;
	font-weight: bold;
	}
	
	div#logo a:link, div#logo a:visited, div#logo a:active {
	text-decoration: none;
    color: #FF9900;
	}

	div#logo a:hover {
	text-decoration: none;
	color: #7A553D;
	}	

	
	
	div#foto01 {
		width:570px;
		height:240px;
		float:left;
	}
/*	
	div#foto02 {
		width:243px;
		height:180px;
		float:left;
	}
	
/* colonna sinistra: menu navigazione a sinistra */

div#colsx {
	width:228px;
	float:left;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #FFF;
}

/* menu navigazione sinistra */

#MenuSx {
width: 229px !important; width:228px; 
font-weight: bold;
}
#MenuSx ul {
margin: 0;
padding: 0;
list-style: none;
}
#MenuSx li {
font-size: 0.70em;
display: inline;
margin: 0;
padding: 0;
}
#MenuSx a:link, #MenuSx a:visited {
	display: block;
	color: #395104;
	margin: 0;
	text-decoration: none;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFFAB9;
	border-left-color: #395104;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #E4DDD8;
	padding-top: 0.6em;
	padding-right: 0.6em;
	padding-bottom: 0.6em;
	padding-left: 1em;
}
#MenuSx a:hover, #MenuSx a:focus, #MenuSx a:active{
	background-color: #FFFAB9;
	color: #250000;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #F2D900;
}

/* menu top */

#MenuTop{
	width: 243px;
	height: 60px;
	float:left;
	line-height: 60px;
}
	#MenuTop ul{
	margin: 0;
	padding-left: 0;
	list-style: none;
	}
	#MenuTop li{
	font-size: 0.7em;
	display: inline;
	margin: 0;
	padding: 0;
	}
	#MenuTop a:link, #MenuTop a:visited{
	float:left;
	background: url('./immagini/pagina/sfondo_menu_top.jpg') repeat-x;
	color: #7A553D;
	padding: 0.3em 1.5em 0.3em 1.5em;
	text-decoration: none;
	}
	#MenuTop a:hover, #MenuTop a:focus, #MenuTop a:active{
	color: #FF9900;
	background: url('./immagini/pagina/sfondo_menu_top.jpg') repeat-x; 
	background-color: #fff;
	}

/* Sottomenu realizzazioni 

.SottomenuSx {
	background-color: #F9F6F3;
	color: #FF9900;
	line-height: 2.1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4DDD8;
}		
*/

/* colonna destra: foto top + testi + foto miniature cliccabili*/
	
div#coldx {
	background:#FFFCD5; width:741px; 
	float:left; 
}
div#titolo {
	background: url('./immagini/pagina/sfondo_titolo.jpg') no-repeat;
	width:631px;
	height:40px;
	float:left;
	font-size: 1.1em;
	color: #395104;
	padding-top: 10px;
	padding-left: 40px;
}

div#certificati {
	width:350px; 
	float:left; 
}

div#flash {
	width:420px; 
	float:left; 
}

div#flashdx {
	width:300px; 
	float:left; 
}

.testo01 {
	font-size:0.8em;
	padding: 10px;
	color: #200;
	line-height: 18px;
}

.testo01 a:link, .testo01 a:visited, .testo01 a:active {
	text-decoration: underline;
    color: #395104;
}

.testo01 a:hover {
	text-decoration: underline;
	color: #0C0401;
}	


div#testo {
	width:730px;
	font-size:0.8em;
	clear:left;
	padding: 10px;
	text-align: justify;
	color: #200;
	line-height: 18px;
}

.titoloHome {
	font-size: 1.0em;
	color: #395104;
}

.testoHome {
	font-size:0.7em;
	clear:left;
	padding: 5px;
	color: #200;
}
div#testo a:link, div#testo a:visited, div#testo a:active {
	text-decoration: underline;
    color: #395104;
}

div#testo a:hover {
	text-decoration: underline;
	color: #0C0401;
}	

div#testo01 {
	width:500px;
	font-size:0.8em;
	float:left;
	text-align: justify;
	color: #200;
	padding: 10px;
}

div#testo01 a:link, div#testo01 a:visited, div#testo01 a:active {
	text-decoration: underline;
    color: #FF9900;
}

div#testo01 a:hover {
	text-decoration: underline;
	color: #7A553D;
}

/* Google Maps */

div#map {
	background: #FFF;
	width:621px;
	height:300px;
	clear:left;
	padding:10px;
	text-align: center;
	margin-left: 15px;
}	

/* Indirizzo */

div#indirizzo {
	width:210px;
	height:162px;
	float:left;
	color: #000000;
	font-size: 0.8em;
	text-align: center;
	background-color: #FFFCD5;
	border: 1px dashed #73A548;
}	

div#indirizzo a:link, div#indirizzo a:visited, div#indirizzo a:active {
	text-decoration: underline;
    color: #395104;
}

div#indirizzo a:hover {
	text-decoration: underline;
	color: #0C0401;
}

/* Skype */

div#skype {
	width:210px;
	float:left;
	color: #000000;
	font-size: 0.8em;
	text-align: center;
	margin-top:10px;
	border: 1px dashed #73A548;
}	

/* foto miniature a destra */

div#foto {
	width:244px;
	float:left;
	color: #000000;
}
				div#foto03 {
				width:118px;
				height:87px;
				float:left;
				color: #000000;
				text-align: center;
				line-height: 87px;
				}

/* foto - testi home */

div#fotohome {
	width:153px;
	float:left;
	color: #000000;
	margin-left: 5px;
	text-align: center;
	line-height: 120px;
	vertical-align: middle;
	height: 120px;
}

div#testohome {
	width:493px;
	float:left;
	color: #000000;
	font-size: 0.9em;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #FF9900;
}

div#testohome a:link, div#testohome a:visited, div#testohome a:active {
	text-decoration: underline;
    color: #FF9900;
}

div#testohome a:hover {
	text-decoration: underline;
	color: #7A553D;
}

/* foto realizzazioni */

div#fotorealizzazioni {
	width:760px;
	float:left;
	color: #000000;
}
				div#foto04 {
				width:122px;
				height:87px;
				float:left;
				color: #000000;
				text-align: center;
				line-height: 87px;
				}
				
/* corpo pagina con immagini 			
.dona {
	background:white;
	padding:3px;
	float:left;
	margin-right:4px;
	margin-left:4px;
} 
*/	

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	display: inline;
	margin-left: 10px;
	}

img.alignleft {
	display: inline;
	margin-right: 10px;
	}
	
.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */
	

		
/* fine pagina */
		
div#footer {
	width:970px;
	clear:left;
	text-align:left;
	font-size: 11px;
	color: #395104;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #395104;
	background-color: #FFFCD5;
}

div#footer a:link, div#footer a:visited, div#footer a:active {
	text-decoration: underline;
    color: #F2D900;
}

div#footer a:hover {
	text-decoration: none;
	color: #395104;
}