html,body{margin:0 auto;padding:0; height: 100%}
h1, h2, h3, h4, h5{margin:0;padding:0;}
a img{border:none;}

body{color:#c7b48b;background-repeat:repeat;background-color:#FFFFFF;text-align:center;font-family:'Verdana',sans-serif; font-size:12px;}

div#container{
width:950px;
padding:0;
position:absolute;
left:50%;
margin-left:-475px;
}
div#header{height:110px; width:950px; background:#ffffff transparent url('img/loading.gif') no-repeat center;}
div#header_left{float:left; width:200px; height:90px; margin: 20px 0px 0px 25px; text-align:left; border-bottom: 1px solid #CCC;}
div#header_right{float:right; width:700px; height:90px; margin: 20px 25px 0px 0px; text-align:right; border-bottom: 1px solid #CCC;}
div#header_images{ height:200px; width:950px; background:#ffffff transparent url('img/loading.gif') no-repeat center;}


div#footer{height:40px; width:900px; margin:20px 25px 0px 25px; border-top: 1px solid #CCC; color:#000000; font-size:10px; line-height: 20px;}

ul#header_fader{list-style-type:none;margin: 5px 0px 0px 25px;padding:0px 0px 0px 0px}

div#subcontainer{height:480px; width:950px; background-color:#ffffff; padding: 20px 0px 0px 0px;6}

div#navigazione {height: 50px; width:950px;}
div#navigazione ul{list-style-type:none;padding:10px 0px 0px 25px;margin:0px;}
div#navigazione ul li.central{float:left;width:150px;height:30px;line-height:30px;text-align:center; background:url('img/menu_bg_central.png')  no-repeat center; padding: 0px 0px 0px 0px;}
div#navigazione ul li.left{float:left;width:150px;height:30px;line-height:30px;text-align:center; background:url('img/menu_bg_left.png')  no-repeat left; padding: 0px 0px 0px 0px;}
div#navigazione ul li.right{float:left;width:150px;height:30px;line-height:30px;text-align:center; background:url('img/menu_bg_right.png')  no-repeat right; padding: 0px 0px 0px 0px;}
div#navigazione ul a{color:#172982;font-size:12px;text-decoration:none; font-weight:bold;}
div#navigazione ul a:hover{color:#7878A5;font-size:12px;text-decoration:none; font-weight:bold;}

div#left{width:200px; height:450px; float:left; background-color:#ffffff; border-right: 1px dashed #CCC; margin: 0px 0px 0px 25px;}
div#right{width:721px; height:450px; float:right; background-color:#ffffff; text-align:left;;}
div#center{width:725px; background-color:#5c0103; text-align:center; padding-top:20px;}


.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;

	/* vertical scrollables have typically larger height than width but not now */
	height: 300px;
}

/* root element for scrollable items */
.scrollable .items {
	position:absolute;
	width: 200px;
	/* this time we have very large space for the height */
	height:300px;
}

.items div {
	width:200px;
	height: 100px;
}


div#contact_home{margin-top: 30px; height:15px; font-size:8.5px;color:#000000;}
div#contact_home a{font-size:11px;color:#000000;text-decoration:none}
div#contact_home a:hover{font-size:11px;color:#172982;text-decoration:underline}

img#marchio{vertical-align:middle; position:relative;}

div#piva{width:600px;height:15px;margin:0px 0px 0px 40px;font-size:8.5px;color:#000000; text-align:right;}
div#contatti_testo{width:300px;height:70px;font-size:11px;color:#000000; text-align:center;margin: 20px 0px 0px 150px; padding: 20px 0px 0px 0px; }

div#marchi_left{width:320px; padding-right: 10px; float:left; border-right: 1px dotted #CCC}
div#marchi_right{width:310px; padding-left: 4px; float:right;}

div#marchi_img{width:110px; float:left; padding-right: 5px; height: 130px; text-align:center;}
div#marchi_testo{width:180px; float:right; height: 130px;}

div#prodotti_left{width:320px; padding-right: 5px; float:left; border-right: 1px dotted #CCC}
div#prodotti_right{width:320px; padding-left: 4px; float:right;}

div#prodotti_riga{width: 320px; height: 90px; }
div#prodotti_img{width:120px; float:left; padding-right: 5px; height: 80px; text-align:center; padding-top: 5px;}
div#prodotti_testo{width:180px; float:right; height: 80px; font-size: 11px; color:#172982;}


div#prodotti_testo a{font-size:18px;color:#CCCCCC;text-decoration:underline}
div#prodotti_testo a:hover{color:#000000;text-decoration:underline}

div#scrollable {position:relative; overflow:hidden; height: 100px;}
div#scrollable div.items {position:absolute;height: 100px;} 
div#scrollable div.items div {height: 35px; width: 588px; font-size:14px; border: 1px #CCC solid; margin:10px 0px 10px 0px; padding: 0px 0px 0px 10px;}
div#scrollable div.items div p.data {width:80px; height: 16px; text-align:right; font-size:10px; color:#000; float:right; border-bottom: 1px #CCC solid; border-left: 1px #CCC solid; padding: 2px 10px 0px 0px; background-color:#fdf3d4; margin: 0px;}
div#scrollable div.items div p.contenuto {font-size:10px; padding-top: 2px;}

div#testo{width:656px; height:100px; color:#000000; font-size: 10px; text-align:justify; padding:0px 0px 0px 40px; background:url('img/filigrana.png') no-repeat 140px;}
div#testo button[type="button"]{width:200px; height:25px; font-size:11px; color:#000; background-color:#fdf3d4; border:1px #b8b8b8 solid; margin:0px 0px 0px 0px;}

div#testo h1{font-size:18px; font-weight:normal;color:#172982; border-bottom: solid 2px #e20a17; padding: 0px 0px 10px 0px;}
div#testo h2{font-size:11px; font-weight:bold;color:#172982; border-bottom: solid 1px #e20a17; padding: 0px 0px 0px 0px;}
div#testo a{font-size:11px;color:#000000;text-decoration:none}
div#testo a:hover{color:#172982;text-decoration:underline}
div#map {width:350px; height:300px; float:right; margin-top:10px;} 
div#recapiti {width:280px; height:350px; float:left; font-size:11px; padding-top:10px;} 

div#privacy{width:550px; height:100px; color:#000000; font-size: 10px; text-align:justify; padding:0px 0px 0px 40px; margin-top: 80px;}
div#privacy h1{font-size:18px; font-weight:normal;color:#172982; border-bottom: solid 2px #e20a17; padding: 0px 0px 10px 0px;}
div#privacy li{margin-top: 10px;}

fieldset#login{width:350px; padding: 40px 25px 40px 25px; margin:140px 100px 0px 100px; border:1px #b8b8b8 solid; background:url('img/form_bg.png')}
fieldset#login label{width:100px; height:15px; float:left; margin: 5px 0px 5px 0px;}
fieldset#login input{width:200px; height:15px; font-size:11px; color:#000; background:transparent; border:1px #b8b8b8 solid; margin: 5px 0px 5px 0px;}
fieldset#login input[type="submit"]{width:100px; height:25px; font-size:11px; color:#000; background-color:#fdf3d4; border:1px #b8b8b8 solid; margin:0px 100px 0px 100px;}
fieldset#login select{width:200px; height:15px; font-size:11px; color:#000; background:transparent; border:1px #b8b8b8 solid; margin: 5px 0px 5px 0px;}

fieldset#form{width:600px; padding: 10px 24px 10px 24px; margin: 0px 0px 0px 0px; border: 1px #CCC solid; background:url('img/form_bg.png')}
fieldset#form label{width:170px; height:15px;margin: 5px 5px 5px 5px; display: inline-block;}
fieldset#form input{width:200px; height:15px; font-size:11px; color:#000; background:transparent; border:1px #b8b8b8 solid; margin: 5px 0px 5px 0px;}
fieldset#form input[type="checkbox"]{width:20px; height:15px; font-size:11px; color:#000; background:transparent; border:none;}
fieldset#form input[type="submit"]{width:100px; height:25px; font-size:11px; color:#000; background-color:#fdf3d4; border:1px #b8b8b8 solid; margin:0px 100px 0px 100px;}
fieldset#form input[type="button"]{width:100px; height:25px; font-size:11px; color:#000; background-color:#fdf3d4; border:1px #b8b8b8 solid;}
fieldset#form select{width:170px; height:17px; font-size:11px; color:#000; background:transparent; border:1px #b8b8b8 solid; margin: 5px 5px 5px 5px;}

fieldset#contatti{width:500px; height:400px; padding: 10px 24px 0px 24px; margin: 10px 0px 0px 50px; border: 1px #CCC solid; background:url('img/form_bg.png')}
fieldset#contatti label{width:120px; height:15px;margin: 20px 5px 5px 5px; display: inline-block;}
fieldset#contatti label.textarea{width:120px; height:100px;margin: 20px 5px 5px 5px; display: inline-block; vertical-align:top;}
fieldset#contatti input{width:200px; height:15px; font-size:11px; color:#000; background:transparent; border:1px #b8b8b8 solid; margin: 20px 0px 0px 5px;}
fieldset#contatti input[type="checkbox"]{width:20px; height:15px; font-size:11px; color:#000; background:transparent; border:none; }
fieldset#contatti input[type="submit"]{width:100px; height:25px; font-size:11px; color:#000; background-color:#fdf3d4; border:1px #b8b8b8 solid; margin:0px 100px 0px 100px;}
fieldset#contatti input[type="button"]{width:100px; height:25px; font-size:11px; color:#000; background-color:#fdf3d4; border:1px #b8b8b8 solid;}
fieldset#contatti select{width:170px; height:17px; font-size:11px; color:#000; background:transparent; border:1px #b8b8b8 solid; margin: 5px 5px 0px 5px;}
fieldset#contatti textarea{width:350px; height:80px; font-size:11px; color:#000; background:transparent; border:1px #b8b8b8 solid; margin: 20px 0px 0px 5px; text-align:justify;font-family:'Verdana',sans-serif; font-size:10px;}
fieldset#contatti button{width:100px; height:25px; font-size:11px; color:#000; background-color:#CCC; border:1px #666 solid; margin:20px 0px 0px 100px;}



a.contatti{color:#000000; font-size:10px; padding-right:5px; text-decoration:underline;}
a.contatti:hover{color:#7878A5; font-size:10px;}

label { display: inline-block; width: 8em; }
label.error {float: none; color: red; padding-left: .5em; vertical-align: top; }
em.error {
  background:url("img/unchecked.png") no-repeat 5px 2px;
  padding-left: 18px;
}
em.textarea {
  background:url("img/unchecked.png") no-repeat 5px 2px;
  padding-left: 18px;
  vertical-align:top;
}
em.success {
  background:url("img/checked.png") no-repeat 5px 2px;
  padding-left: 18px;
}

/* error message */
.error {
	/* supply height to ensure consistent positioning for every browser */
	height:15px;
	background-color:#dddddd;
	border:1px solid #dddddd;
	font-size:11px;
	color:#000;
	padding:3px 10px;
	margin-left:0px;


	/* CSS3 spicing for mozilla and webkit */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;

	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;
}

.clear {
	clear:both;
	height:15px;		
}

.error {
	margin:0 0 2px;
	padding:2px 6px;	
	-moz-border-radius:4px;
	-webkit-border-radius:4px; 		
}

.error em {
	border:10px solid;
	border-color:#dddddd transparent transparent;
	bottom:-17px;
	display:block;
	height:0;
	left:60px;
	position:absolute;
	width:0;			
}


	#overlay {
		color:#efefef;
		height:450px;
	}
	
	/* container for external content. uses vertical scrollbar, if needed */
	div.contentWrap {
		height:441px;
		overflow-y:auto;
	}
	/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(img/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(img/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}


