body {margin:5px auto; text-align:center; font-family: Arial, Helvetica, sans-serif;}

#contenitore {width:984px;text-align:center; margin:auto}

#testata {text-align:right;}
#testata img, #contenitore img {margin:0 5px; border:none;}

#navcontainer {background: #A9CC7A;padding: 0 0 0 0; margin: 10px auto;font-family: Arial, Helvetica, sans-serif;}
/* to stretch the container div to contain floated list */
#navcontainer:after{content: ".";display: block;line-height: 0px;font-size: 1px;clear: both;}
ul#navlist{list-style: none;padding: 0;margin: 0 auto;width: 100%;font-size: 14px;}
ul#navlist li{display: block;float: left; width:15%;margin: 0;padding: 0;}
ul#navlist li a{display: block;width: 100%;padding: 3px;border-width: 1px;border-color:#aaab9c #fff;border-style: solid;color: #777;text-decoration: none;background: #A9CC7A;}
#navcontainer>ul#navlist li a { width: auto; color: #000;}
ul#navlist li#active a{background: #A9CC7A;color: #000;}
ul#navlist li a:hover, ul#navlist li#bianco a:hover{color: #fff;}

#centrale { background-image:url(images/verde.gif); background-repeat:repeat-y; margin:15px auto; width:100%; padding:0; border-right:1px solid #A9CC7A; border-bottom: 1px solid #A9CC7A; border-left:1px solid #A9CC7A;}
#centrale img{margin:auto!important;}

#cartina {margin:auto; text-align:center; width:580px;}
#cartina img {border:none; margin:15px;}
#cartina p {text-align:justify; font-size:12px; font-family: Arial, Helvetica, sans-serif; line-height:18px; padding-left:15px;}

#testo {margin:auto; width:445px;  font-family:Arial, Helvetica, sans-serif;float:left; }
#testo a {color: #000; text-decoration:none;}
#testo a:hover {color: #fff;}
#testo p { font-size:14px; text-align:justify; padding:30px 55px 0px 55px; line-height:20px; }
#testo img {text-align:center!important; margin:15px 0px;}
#testo table {margin:15px 20px;}
#testo table p {font-size:14px;padding:0 0;text-align:center;}
#testo table a {text-decoration:underline;}
#testo ul, #testo ol {text-align:left; padding:20px 25px 0px 70px; margin:0; font-size:14px; line-height:20px; }
#testo li {text-align:left; padding:5px 0; margin:0; font-size:14px; }
.prezzo {margin-bottom:20px; padding:0 55px!important;}

#foto-grande {position:relative; float:right; width:510px;}
#foto-grande img {margin:0px 0px 0px 15px; border:3px solid #A9CC7A;float:right;}
#foto-piccola {float:right; position:relative; width:510px;}
#foto-piccola img {margin: 33px 0px 0px 14px; border:3px solid #A9CC7A; float:right;}
#foto-piccola ul { margin:380px 0 0 0 !important; padding:0 !important;}
.nome {float:right; position:relative; margin: 10px 0px 0px 14px !important; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height: 26px; width:156px;}


#lilla {color:#CEAEC3; text-decoration:none;}
#blu {color:#69A8B7; text-decoration:none;}
#verde {color:#91BF65; text-decoration:none;}

#tabpren {color:#000; font-size:14px;}
#tabpren p {font-size:14px;}
#tabpren td {text-align:left; padding:5px 2px;font-size:14px;font-family:Arial, Helvetica, sans-serif;}
#tabpren input {font-size:12px; margin:0px 0px; padding:0px 0px;}
#tabpren textarea {font-size:12px; margin:0px 0px; padding:0px 0px; font-family:Arial, Helvetica, sans-serif;}


#piede {font-family:Arial, Helvetica, sans-serif;font-size:12px; padding:5px 0;}


.fclear { clear:both; position:relative;}
.fclear hr {display:none;}

/* general styling for this example */
* { margin: 0; padding: 0; }
body { padding: 20px; }

/* begin gallery styling */
#jgal { list-style: none; }
#jgal ul { margin:0 !important; padding:0 !important; width:100%}
#jgal li { opacity: .5; float: left; display: block; width: 143px; height: 100px; background-position: 50% 50%; cursor: pointer; border:3px solid #A9CC7A; 
margin: 0 0 14px 21px !important; padding:0 !important; }
#jgal li img { position: absolute; top: 0px; right:0px; display: none; margin:0;}
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }

/* styling without javascript */
#gallery { list-style: none; display: block; }
#gallery li { float: left; margin: 0 10px 10px 0; }

.summerland {font-size:8pt; text-align:right; position:relative; float:right; margin:0; padding:0;}
.summerland img {border:none !important; padding:0 5px;}
