html, body, div, span, p, a, em, img, strong, fieldset, form, label, legend { margin:0; padding:0; border:0; outline:0; font-size:100%; }

body { background:#ffffff; color:#000000; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:150%; text-align:center; }

#wrapper { width:790px; margin:0 auto; background:url(bg-wrapper.jpg) no-repeat; }

#container { width: 690px; margin:0 auto; }

#header { height:270px; position:relative; }

#content { padding:10px 15px 20px 15px; background:#70cd3e; text-align:left; min-height:200px; }

#footer { padding-top:5px; font-size:11px; margin-bottom:25px; }
#footer-left { float:left; display:inline; width:405px; margin:0 20px; text-align:left; }
#footer-right { float:left; display:inline; width:205px; margin:0 20px; text-align:right; }
#footer a { color:#CC0000; }


/* HEADER */
h1 { position:absolute; top:0; right:0; width:200px; height:50px; text-indent:-9999px; }
#navigation { position:absolute; top:55px; left:0; width:150px; height: }
#navigation a { width:150px; display:block; text-indent:-9999px;}
#chi-siamo { height:50px; }
#foto { height:50px; }
#dove-siamo { height:48px; }
#informazioni { height:56px; }

#prezzi { position:absolute; bottom:25px; right:0; width:150px; height:50px; display:block; text-indent:-9999px; }


#protofade { position:relative; width:660px; height:310px; margin:0 auto; padding:0; overflow:hidden; background:#C4F76A; }
#protofade div { position:absolute; top:5px; left:5px; margin:0; padding:0; width:650px; height:320px; overflow:hidden; }


#gallery { padding:0; margin-top:10px; float:left; width:100%; border-top:1px dotted #666666; }
#gallery div { width:150px; height:110px; float:left; display:inline; margin:10px 20px 10px 0; background:#C4F76A; }
#gallery div.last { margin-right:0; } 
#gallery img { padding:5px;}


table { width:100%; margin:10px 0; padding:0; border-collapse:collapse; }
th, td { border-top:1px dotted #666666; border-bottom:1px dotted #666666; padding:10px; }
th { text-transform:uppercase; font-weight:bold; }



/* .......... CONTATTI, NEWSLETTER */
#form { width:660px; margin:20px 0; float:left; overflow:hidden }
#form div { padding:10px 0; float:left; display:inline; width:330px; border-top:1px dotted #666666;}
#form label { padding-right:10px; width:100px; display: block; float:left; text-align:right; }
#form legend { font-size:24px; color:#FFFFFF; text-transform:uppercase; margin:0; padding-bottom:5px; width:100%; }
#form input, #form select, #form textarea { border:1px solid #666666; padding:3px; width:200px; background:#FFFFFF; font-size:12px; font-family: Arial, Helvetica, sans-serif; }
#form textarea { overflow:auto; width:530px; }
#form div.textarea { clear:both; width:660px; float:left; }
#form div.textarea input { width:660px;}

#form div.button {clear:both; width:660px; float:left; padding-top:10px; }
#form .button input { font-size:12px; margin-left:40px; padding:4px 0; height:auto; float:left; width:60px; cursor:pointer; color:#cc0000; }
.button p { margin:0; padding-right:10px; float:right; }
input#privacy_Req { width:auto; float:left; display:inline; background:none; border:none; }

#form input.hoverfocus, #form select.hoverfocus, #form textarea.hoverfocus { border:1px solid #cc0000;}

#error { border-top:1px dotted #666666; border-bottom:1px dotted #666666; margin:20px auto 0 auto; padding:5px 0; text-align:left; }
#error li { margin:0; padding:0 0 5px 15px; background:url(bullet.gif) no-repeat left 3px; }


#map { width:660px; height:350px; margin-top:15px; }
#tooltip { padding:10px; text-align:left; }

#follow-me { position:fixed !important; position:absolute; width:30px; height:125px; top:50%; left:0; margin-top:-60px; }
#follow-me a { display: block; width:30px; height:125px; }
#follow-me img { border:none; }

/* TYPOGRAPHY */

h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0; padding:0; text-align:left; color:#ffffff; text-transform:uppercase }

h2 { font-size:24px; margin:20px 0 10px 0; }
h3 { font-size:20px; margin:16px 0 8px 0; }
h4 { font-size:18px; margin:12px 0 6px 0; }
h5 { font-size:16px; margin:10px 0 5px 0; }
h6 { font-size:14px; margin:10px 0 5px 0; }


h2.title { margin-top:0; }
p { margin-bottom:5px; }
ol, ul, li { list-style-type:none; margin:0; padding:0;}
a:link, a:visited  { text-decoration:none; color:#CC0000; }
a:hover, a:focus, a:active { color:#000000; }


ul.list, .testo ul { margin:5px 0; padding:0; list-style-type:none; text-align:left; }
ul.list li, .testo li { margin:0; padding:0 0 5px 15px; background:url(bullet.gif) no-repeat left 3px; }

/* ..... COMMON RULES */
.small { font-size:10px; }
.italic { font-style:italic; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify;}
.hidden { display: none; }


/* ..... CLEAR RULES*/
html body div.clear, html body span.clear { background:none; border:0; clear:both; display:block; float:none; font-size:0; margin:0; padding:0; overflow:hidden; visibility:hidden; width:0; height:0; }