@charset "windows-1252";
/* CSS Document */

html{background:#F8F8F8; margin:0px;
	padding:0px;}
	
	.sfondo{
	background:url(../images/angololb.png) no-repeat scroll left bottom;
}
	
	.sinistra{ float:left; width:150px; text-align:left; margin-right:22px; margin-left:12px;}
body{
	margin:0px;
	padding:0px;
	text-align:center;
	font: 11px Arial, Helvetica, sans-serif;
	color: #333333;
	background: #F8F8F8 url(../images/sfbody1.gif) repeat-x center top;}
.clearfloat{
clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
a {outline:none}

.titolo{width:400px; height:70px; margin-left:5px; padding:0px;}
.titolo2{color:#CC0000}
strong{color:#000000; font-weight:bold}

.left{float:left; }
.left2{float:left; margin-left:40px;}
.leftcontatti{float:left;  margin-left:100px;}


/* MENU    MENU   MENU */


.menu { background:#CCCCCC;  width:150px; margin-bottom:4px; }
.cat{height:20px; background:#000000; border-bottom:2px solid #FFFFFF;  width:145px; color:#FFFFFF; font-weight:bold; line-height:20px; padding-left:5px;}
.menu a:link, .menu a:visited{
	color:#333333;
	font: lighter 12px/25px Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin:3px;}
	
	.menu a:hover{
	color:#990000;
	font-weight: bold;
}

.menu strong{color:#990000}
.menu a.active{color:#000000; font-weight: bold;}
	
	/* TESTO */
	.testo{ width:790px;  padding:8px; margin-bottom:20px; color:#333; font-size:12px; text-align:left; margin-left:auto; margin-right:auto;}
	.testo2{ width:600px;  float:right; margin-right:25px; padding:0px; color:#666666; font-size:10px;}
	
	
	.shoponlinehome{width:200px; height:90px; position:relative; left:450px; margin-top:8px;}

	.testoprof{
	width:430px;
	float:left;
	padding:8px;
	color:#666666;
	font-size:12px;
	line-height: 16px;
}
.testoespo{
	width:350px;
	float:left;
	padding:8px;
	color:#666666;
	font-size:11px;
	line-height: 12px;
}

.testoespo strong{
	font: 16px Arial, Helvetica, sans-serif;
	color: #000000;
	background:url(http://www.giakomolavori.com/images/punto.png) no-repeat left center;
	padding-left:15px;
}

.page{width:540px; float:left;}


	.fotoleft{float:left; width:220px;  text-align:center; margin-left:20px;}
	.fotoleft img { width:210px; padding:2px; margin:2px; border:1px solid #CCCCCC;}
   .fotoprof{float:left; width:120px;  text-align:right; margin-left:10px;  padding:4px;}
   .fotoespo{float:left; width:200px;  text-align:right; margin-left:20px;  padding:8px;}
   .fotoespo img{border:0px; width:200px;}
	.elenco{ width:450px;  margin-left:25px; margin-top:20px; padding:0px; color:#000000; font-size:10px;}
	.elenco div{float:left; width:220px; margin-bottom:30px; text-align:left;}
	.elenco div a:link, .elenco div a:visited{color:#000000; text-decoration:none; font-size:16px; padding-left:15px;
	background:url(http://www.giakomolavori.com/images/punto.png) no-repeat left center;}
	.elenco div a:hover{color:#FF6600}



	.gallerywithshop{width:90%; padding:5px; position:relative; top:300px; margin-left:auto; margin-right:auto;}
	.gallerywithshop img{width:150px; margin:2px;padding2px; border:1px solid #333333;}

	
	.gallery{width:640px; padding:5px; margin-top:20px; }
	.gallery img{width:150px; margin:2px;padding2px; border:1px solid #333333;}
	
	/* PAGINE PAGINE PAGINE */
	
	.home{
	background: #FFFFFF;
	width:850px;
	padding: 5px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	text-align:left;
}





.chisono{
	width:640px;
	padding: 0px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	text-align:left;
}

.contatti{
	
		background: #FFFFFF url(http://www.giakomolavori.com/images/contatti.jpg) no-repeat center top;
	width:888px;
	padding-left: 0px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	border:1px solid #000000;
	text-align:left;
}

.sfondoespo{
background: #FFFFFF url(http://www.giakomolavori.com/images/toprightespo.jpg) no-repeat top right;
	width:888px;
	padding: 0px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	border:1px solid #000000;
	text-align:left;
}

.esposizioni{width:640px; height:300px; margin-left:auto; margin-right:auto; margin-top:20px;overflow:auto; padding:4px; text-align:left; padding-bottom:30px;}





/* FOOTER */
.footer {width:850px; line-height:60px; padding:5px;  color:#999999; text-align:right; margin-left:auto; margin-right:auto;}
.footer a:link, .footer a:visited { color:#000000; text-decoration:none;}
.footer a:hover{color:#FF6600}

.titolonero{line-height:11px; padding:2px; background:#000000; color:#FFFFFF; text-align:left; width:640px}

.right{float:right; width:350px; text-align:left; padding:2px}
.left{float:left;  text-align:left; padding:4px}



.testoform{width:110px; float:left; padding:4px; text-align:left}

/* LIVE VALIDATOR -------------------------------------------------------------------------------------------------------------------*/
/* Classe che si applica ai messaggi di validità */
.LV_valid {
	color:#FF9900;
	font-size: 8pt;
	padding-left:5px;
}

/* Classe che si applica ai messaggi di non validità */	
.LV_invalid {
	color:#CC3300;font-size: 8pt;padding-left:5px;
}

/* Classe che si applica a tutti i messaggi di validazione */	
.LV_validation_message{
 font-size: 8pt;
    margin:0 0 0 5px;
}

/* Stili applicati ai campi validi */    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #006699;
}

/* Stili applicati ai campi non validi */ 
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #FF0000;
}