/* @override http://localhost/~Fabio/ottaviocelestino.com/css/basic.css */

/* STANDARD */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p,blockquote, fieldset { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, th, a, a:link, a:visited, a:active, a:hover { font-family: Helvetica; font-size: 12pt; font-weight: normal; font-style: normal; color: #000; }
a, a:link, a:active, a:hover, a:visited {  font-size: 8pt; font-family: Helvetica; color: #999;}
a:hover { text-decoration: underline; color: #333;}
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
fieldset, img { border: none; }
caption, th { text-align: left; }
ul, ol { list-style: none; }
li { display: inline; }
a:focus { outline: 0; }

/* SPLASH */
#index { background-color: #fff; background-repeat: repeat-x; background-position: -700px 170px; position: absolute; margin:0; left: 0;}
#flash { top: 204px; left: 423px; width: 140px; height: 270px; position: absolute; }
.flash { width: 140px; height: 270px }

/* HOME */
#foto-home { background-image: none!important; }
#mappa {margin: 0px; top:0pt; left: 0; position: absolute}

/* DEFAULT */
body, #home { background-color: #fff; width: 910px; margin: 0 0 0 -455px; left: 50%;  position: absolute;}
#box, #box-home { width: 910px; background-color: #fff; height: 650px; min-height: 650px; height: 650px!important; margin-top: 40px; }
#menu { width: 160px; float: left; }
#foto, #foto-home { width: 750px; float: right; background-color: #fff; background-image: url(../immagini/otto.png); background-repeat: no-repeat; background-position: 535px 525px; }
#foto { height: 670px; min-height: 670px; height: 670px!important;}
#navy, #navy-home { width: 750px; clear: both; text-align: left; text-indent: 140px; font-size: 8pt; font-family: Helvetica; color: #999; margin-top: 30px; }
#titolo {width: 300px; margin-top: 10px; font-size: 11px; font-family: Helvetica; color: #666; font-weight: bold; margin-bottom: 10px}
#titolo {width: 300px; margin-top: 10px; font-size: 11px; font-family: Helvetica; color: #666; font-weight: bold; margin-bottom: 10px}
#link { width: 35px; height: 65px; position: absolute; left: 705px; top: 575px; }
.black { color: #000; }
.normal { font-weight: normal;}

/* GALLERIA */
#placeholder {width: 660px; height: 520px; }
#desc, .testo {width: 500px; text-align: justify;  height: 50px; min-height: 50px; height: 50px!important; font-size: 11px; font-family: Helvetica; color: #999; }
#num {top: 616px; left: 725px; position: absolute; font-size: 13px; font-family: Helvetica; color: #999; }

/* SCROLLING */
#screen { width: 400px; height:70px; border-top: 1px solid #999; border-bottom: 1px solid #999;  }
#sections { overflow:hidden; width:400px; height:70px; clear:left; margin-bottom: 5px;}
#sections ul{ width:3660px; }
#sections li{ float:left; }
.img { margin-top: 10px; margin-left: 10px; border: 1px solid #999; }

/* FRECCE */
img.prev {background-image: url(../immagini/sx.png); background-repeat: no-repeat; }
img.next {background-image: url(../immagini/dx.png); background-repeat: no-repeat; }
a img.prev,
a img.next
	{ background-position: 0 0; }
a:hover img.prev,
a:hover img.next
	{ background-position: 0 -17px; }

/* MENU */
#wrap { width: 150px; overflow: hidden; }
h3 { background: #000;}
ul li div.a1, ul li div.b1{ background-repeat: no-repeat; }
ul li a div.a1 { background-position: 0 0; }
ul li a div.b1 { background-position: 0 -20px; }
ul li a:hover div.a1 { background-position: 0 -20px; }