html {height:100%; padding:0; margin:0; }

body {height:100%; padding:0; margin:0; background:#444 url(fondo_grigio.jpg) center top repeat-y;} 

/* url(images/righe.gif) center top; */

body {font:0.9em verdana,sans-serif; color:#333; text-align:center;}

div#container {position:relative; width:760px; margin: 0 auto; text-align:left; background:#444 url(fondodx_grigio.jpg) right top repeat-y; }

h1,h2{margin: 0;padding:0}
h1{padding-left:10%; font:bold 10%/20px verdana,serif}
h2{font:bold italic 130% Georgia1, Georgia, serif; color:#888; text-decoration:none; }
h3{font:bold italic 110% Georgia1, Georgia, serif; color:#888; text-decoration:none; }
span {font:italic 80% verdana,sans-serif;}
a {color:#333; text-decoration:none; }
a:hover {color:#444; text-decoration:none}


div#navigationbase{ position:absolute; top:0; right:0; width:250px; height:445px !important; height:445px; min-height:445px; border-left:2px solid #fff; background:#444 url(fondopieno_grigio.jpg) center top;}

div#navigation{ position:absolute; top:250px; right:0; width:250px; background:#444 url(fondopieno_grigio.jpg) center top; z-index:1; border-left:2px solid #fff}
div#navigation ul{ margin:5px; padding:5px; list-style-type:none;}
div#navigation ins {display:block; text-align:left; position:relative; z-index:1; width:210px;}
div#navigation ins ul {margin:0;}
div#navigation ins ins {display:none;}
div#navigation li {background:#444 url(fondopieno_grigio.jpg) center top; margin:0 0 10px 0}
div#navigation a{font:bold 90% Georgia1, Georgia, serif; color:#fff; text-decoration:none; padding-left:5px; border:0}
/* line-height:1.0em; */
div#navigation a:hover{color:#333; text-decoration:none}
/* submenus */
div#navigation li:hover > ins {display:block; width:100px; position:absolute; z-index:10; left:110px; margin-top:-1.0em; padding:0; border-left:1px solid #fff; border-bottom:1px solid #fff; background:#444 url(fondopieno_grigio.jpg) center top;}

div#navigation img{ border:2px solid #cecece;}

div#gallery{ position:absolute; top:500px; right:0; width:250px; background:#444 url(fondopieno_grigio.jpg) center top; padding:15px 0 15px 0; border-left:2px solid #fff}

div#gallery img{ border:2px solid #888;}

#pscroll { display:block; width:210px; height:85px; margin:0; padding:15px 0 0 0;}
.promonews {text-align:left; }

#pscrollin { display:block; width:210px; height:250px; margin:0; padding:0;}

.testonews {font:90%/1.2em Lucida Sans Unicode, Lucida Grande, sans-serif; color:#8a0045; text-align:left; text-decoration:none; }
.testonews a{ display:block; color:#8a0045; text-decoration:none; }
.testonews a:hover{ text-decoration:none; }

/* background:#fff1d0*/

div#content {margin-right:250px; padding:1em; text-align:justify}

div#content .dividigrande{ display:block; width:480px; height:420px; text-align:left; border-bottom:2px solid #888; padding:0 0 10px 0; clear:left}

div#content .dividi{ width:480px; text-align:left; border-bottom:2px solid #888; padding:5px 0 5px 0; clear:left}

div#content .dividi ul {margin:0; padding:5px; list-style-type:none;}
div#content .dividi li { margin:0; padding:0;}

div#content .dividi a:hover{ text-decoration:none; background-color:#e1e1e1; }
div#content .dividi p a{ display:block; font:100% verdana,sans-serif; color:#333; text-align:left; text-decoration:none; margin:0; padding:5px;}
/*
div#content .dividi span{font:normal 80% verdana,sans-serif; color:#444}
div#content .dividi a span{font:italic 80% verdana,sans-serif; color:#888; text-decoration:none;}
*/div#content .dividi h2 {font:bold italic 130% Georgia1, Georgia, serif; color:#888; text-decoration:none; padding:0 0 10px 0; }

div#content .dividi img{ border:1px solid #888; padding:2px}

.etichetta{ position:absolute; top:200px; left:0; width:220px; height:auto !important; min-height:60px; max-height:200px; background:#444 url(fondopieno_grigio.jpg) center top; margin:0; padding:0; border:2px solid #fff; overflow:hidden;}

.etichetta p{ font:80% verdana,sans-serif; color:#fff; text-align:left;}
.etichetta ol {margin:0; padding:5px; list-style-type:none;}
.etichetta li { margin:0; padding:0;}
.etichetta li {font:80% verdana,sans-serif; color:#fff; text-align:left;}
.etichetta a { font-weight:bold; color:#fff; text-decoration:none}
.etichetta a:hover {color:#333; text-decoration:none}

div#compera { background:#fff url(fondodx_grigiocompera.jpg) right top repeat-y; width:250px; margin:0; padding:0; }
div#compera p{ margin:0 100px 0 5px; padding:10px 0 10px 0;}
div#compera p{ font:normal 0.9em verdana,sans-serif; text-align:left; color:#333;}
div#compera span {color:#333; }
div#compera a {display:block; margin:5px 0 0 0; padding:0;}
div#compera a:hover {background-color:#fff; color:#000}
div#compera img{ border:1px solid #888; margin:0 40px 0 40px; padding:2px;}

/*letter-spacing:0px;*/

div#footer{text-align:center; padding:0.5em; background:#444 url(fondosx_grigio.jpg) left top repeat-y;}
div#footer {font:75% verdana,sans-serif; color:#333;}
div#footer a{ color:#333; text-decoration:none}
div#footer a:hover{color:#888; text-decoration:underline}
div#footer a#activelink{color:#888; text-decoration:none}


div#content .fotografie{ width:480px; text-align:left; border-bottom:2px solid #888; padding:20px 0 20px 0; clear:left}
/* thumbnail list class */
ul.thumbs, ul.thumbs li{ margin:0; padding:0; list-style:none;}

ul.thumbs li{ float:left; margin-left:40px; margin-bottom:40px; border:1px solid #888; padding:10px; }
ul.thumbs a{ display:block; float:left; width:80px; height:80px; overflow:hidden; position:relative; z-index:1; }
ul.thumbs a img{ float:left; position:absolute; top:-30px; left:-35px; }

/* mouse over */

ul.thumbs a:hover{ overflow:visible; z-index:1000; border:none; }
ul.thumbs a:hover img{ border:1px solid #888; background:#fff; padding:4px; }

/* // mouse over */

/* clearing floats */

ul.thumbs:after, li#thumbs:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
ul.thumbs, li.thumbs{ display:block; }
/*  \*/
ul.thumbs, li.thumbs{ min-height:1%; }
* html ul.thumbs, * html li.thumbs{ height:1%; }

/* // clearing floats */

/* // thumbnail list */