/*Stile Blue Flatround*/

/*PRINCIPALI*/
body { font-family: Verdana, Sans-serif; margin: 0px; 
	font-size: small; text-align: center; }
#container { width: 800px; margin: 1em auto; margin-top: 0px; 
	border: 1px solid black; border-top: none; }
.cr { clear: both; }
.imgfl { float: left; border: 1px solid black; padding: 1px; margin: 5px; }
h1 {  margin: 0px; font-size: 150%; }
h2 { margin: 0px; font-size: 100%; }
img { border: 0px }
/*TITOLO*/
#titolo { height: 20px; -moz-opacity: 0.9; filter: alpha(opacity='90'); }
#titolo h1 { line-height: 20px; font-size: 12px; }
#titolo h1 span { font-size: 9px; }
/*HEADER*/
#header { background: transparent url(sfondo-logo.jpg) top left;
	margin: 0; padding: 0; height: 120px; width: 800px; border-bottom: 1px solid black; }
/*NAVBAR*/
#header #nav { margin: 0px; position: relative; top: 70px; padding: 0px; 
	margin-left: 10px; list-style: none;  }
#header #nav a { text-decoration: none; }
#header #nav li { margin: 0; float: left; display: block; padding-right: 15px; }
#header #nav li a { font-weight: bold; display: block; line-height: 28px;
	height: 28px; padding: 0; padding-left: 10px; 
	padding-right: 10px; border: 2px solid black; border-bottom: 1px solid black; }
#header #nav li.on a { border-bottom: 1px solid white; }
/*BODY*/
#context { margin-top: 0px; padding: 20px; min-height: 400px; }
#context p { text-align: justify; }
#context h3 span { text-decoration: underline; }
/*FOOTER*/
#footer p { padding: 5px; margin: 0px; font-size: 8pt; margin: 0px; padding: 2px; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer p.small { font-size: 70%; }
/*----------------*/
/*    CONTATTI    */
/*----------------*/
#form-email { float: left; width: 380px; height: 300px; 
	text-align: left; margin-left: 40px; }
form.cmxform { width: 380px; margin-top: 10px; }
form.cmxform fieldset { border: 1px solid #ccc;
	position: relative; padding: 0px 10px 10px; margin: 0px;
	background-image: url("sfondo-form.gif"); border: 1px solid black; }
form.cmxform legend { font-weight: bold; color: #000; border: 1px solid black;
	background-color: #fff; margin-top:-10px;	padding: 2px; }
form.cmxform label { display: block; vertical-align: top; width: 200px; }
form.cmxform input { width: 200px; }
form.cmxform textarea { width: 300px; height: 100px; }
form.cmxform #submit { padding: 2px; margin: 0px; text-align: center; }
form.cmxform #submit input { width: auto; }
form.cmxform fieldset ol { margin: 0; padding: 0; }
form.cmxform fieldset li { list-style: none; padding: 5px; margin: 0; }

#biglietto { float: right; padding: 20px; margin-right: 20px; border: 4px double #aaa;
	border-color: #eee #aaa #aaa #eee; text-align: left; margin-top: 40px; }
#biglietto dl { margin: 0px; }
#biglietto dl dt { margin: 0px; font-weight: bold; font-size: 100%;  }
#biglietto dl dd { font-size: 90%; margin-left: 10px; font-style: italic;
	margin: 5px; }

/*----------------*/
/*    PRODOTTI    */
/*----------------*/
#prodotti-pagine { text-align: right; }
#prodotti-pagine a { color: #000; font-weight: bold; text-decoration: none; }
#prodotti-pagine span { border: 1px solid black; padding: 2px; }
#prodotti-pagine a:hover { text-decoration: underline; }

#prodotti-categorie { width: 180px; float: left; }
#prodotti-categorie ol { list-style: none; padding: 0px;
	background-image: url("sfondo-form.gif"); margin: 0px; 
	background-repeat: repeat-x; }
#prodotti-categorie li { display: inline; margin: 0px; padding: 0px; }
#prodotti-categorie li a { display: block; padding: 4px; text-decoration: none; 
	font-weight: bold; color: #000; border-bottom: 1px solid #fff;
	border-right: 1px solid black; margin: 0px; }
#prodotti-categorie li a:hover { background-color: #468966; color: #fff; }
#prodotti-categorie li.on a { border: 1px solid black; border-right: 0px;
	background-color: #fff; }
#prodotti-categorie li.on a:hover { color: #000; }
#prodotti { float: left; width: 550px; padding-left: 10px; }
#prodotti .prodotto { float: left; margin: 10px; padding: 2px; border: 1px solid black; }
.prodotto img { margin: 0px; padding: 0px; border: 0px; }
.prodotto div.tooltip { position: absolute; border: 1px solid black; visibility: hidden;
	background-color: #fff; max-width: 400px; }
.prodotto div.tooltip { padding: 5px; }

/*-------------------------*/
/*    DETTAGLI PRODOTTI    */
/*-------------------------*/
#prodotti-dettagli h2 { font-size: 20px; margin: 5px; }
#prodotti-dettagli a { font-size: 120%; color: #000; text-decoration: underline; }
#prodotti-dettagli strong { background-color: yellow; }
#prodotti-dettagli p.ctr { text-align: center; }
#prodotti-dettagli span.bar { text-decoration: line-through; }
#prodotti-dettagli img { border: 1px solid black; padding: 1px; }
#map h3 { margin: 0px; }