@charset "UTF-8";
/* CSS Document */

body {margin:0; padding: 0; font-family:Arial, Helvetica, sans-serif; background-color:#CCCCCC;}
p { font-size:80%; margin: 8px 0 0 0;}
h2 { font-size: 90%; color:#333333; padding:0; margin: 10px 0 0 0;}
.rosso { color:#FF0000; font-weight: bold;}

#pagina { width: 995px; margin: 0 auto 0 auto; padding:0; overflow: hidden; background-color: #FFFFFF;}
#testata { width: 995px; height:150px; margin: 0; padding:0; float:left; background-image:url(testata.jpg);}

#testata ul { list-style-type: none; line-height: 20px; text-decoration: none; padding: 0; margin: 60px 0 0 0; float:left; font-weight:bold; font-size:110%; background-color: #333333; width: 200px;}
#testata a { text-decoration: none; color:#FFFFFF; padding-left:13px; font-size: 80%;}
#testata a:hover { text-decoration: none; padding-left:18px; font-size: 80%;}

#immaginehome { width: 995px; height:160px; margin: 0; padding:0; float:left; background-image:url(home.jpg);}
#immaginecomeordinare { width: 995px; height:160px; margin: 0; padding:0; float:left; background-image:url(comeordinare.jpg);}
#immaginelistinoprezzi { width: 995px; height:160px; margin: 0; padding:0; float:left; background-image:url(listinoprezzi.jpg);}
#immaginecampionario { width: 995px; height:160px; margin: 0; padding:0; float:left; background-image:url(fotocampionario.jpg);}


#boxtesto { width:982px; float: left; margin: 10px 0 13px 13px; display:inline; }
.box { width:314px;  float:left; margin:0 13px 20px 0;}

.box ul {text-decoration: none; padding-left: 17px; margin: 3px 0 10px 0; float:left; font-size: 80%;}
.box li { margin: 5px 0 0 0; }
.box a {  color:#FF0000;}


#footer {width: 995px; height: 35px; float:left; background-image:url(footer.jpg);}



/*FORM*/
#boxform { width:641px; float:left; margin:8px 13px 20px 0; background-color: #CCCCCC;}
#risultatoinvio {width:641px; height: 21px; float: left;}
h3 {color: #FF0000; margin: 8px 0 10px 10px; font-size:80%; }

.cssform p{width:641px; height:100%; float:left; margin: 0; clear:left;} /*colonna di destra forse usare clear:left*/

.cssform label{font-weight: bold; font-family:Arial, Helvetica, sans-serif; float: left; width: 180px; height: 17px; margin: 5px 0 0 10px; /*colonna di sinistra*/}

.cssform input[type="text"]{margin: 4px 0 4px 0; float:left;}
.cssform textarea{width: 400px; height: 100px; margin: 3px 0 10px 0;}
.radio {margin-top: 7px;}
.messaggio{height: 140px;}

#submitreset {width: 360px; clear:both; padding-left: 190px; margin: 0;}



#boxlistino { width:641px; height: 901px; float:left; margin:8px 13px 20px 0; background-image:url(listino.jpg);}
#boxlistino a { width:641px; height: 901px; display:block; text-indent: -9999px; margin: 0;}

#boxcampionario { width:641px; height: 321px; float:left; margin:8px 13px 20px 0; background-image:url(campionario.jpg);}
#boxcampionario a { width:213px; height: 43px; display:block; text-indent: -9999px; margin: 0; float:left;}

#bloccocampionario { width:641px; height: 56px; float:left;}
.colonnacampionario { width:213px; height:858px; margin:0; padding:0; float: left; }



/*Shinystat*/
#sh {position:absolute; width:200px; height:115px; z-index:1; overflow: hidden; visibility: hidden;}

#contenitorecopyright {width: 995px; height:15px; margin: 0 auto 30px auto; overflow: hidden; background-color:#999999 ;}
#copyright {width:150px; height: 15px; background-image:url(copyright.jpg); display:block; float: right;}
#copyright a {width:150px; height: 15px; display:block; text-indent: -9999px; margin: 0;}






/*Lightbox*/


#lightbox{position: absolute; left: 0; width: 100%; z-index: 100; line-height: 0; margin-top: -75px; }

#lightbox a img{ border: none; }

#outerImageContainer{position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; padding: 0;
	}

#imageContainer{padding: 10px;}

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav{position: absolute;top: 0; left: 0; height: 100%; width: 100%; z-index: 10; padding: 0; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif)left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0;	}

#imageData{	padding:0 10px; color: #FF0000; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000000;}