/* font */
input, select, textarea, h2, #welcome, .ult, .sn, .cn, .dx, .mod {font:11px Verdana, Arial, sans-serif}
#user, .menu0, .menu1, .menutitoli, .titolo {font-family: 'Comic Sans MS', Verdana, sans-serif}
#user {font-size:27px}
.menu0, .menu1 {font-size:15px}
.menu1 {font-size:14px}
.menutitoli {font-size:13px}
.titolo {font-size:18px}
.but {font-size:10px}
.intro {font-size:14px}

/* colori */
body, p {color:#236}
#user, #welcome, #autore a:link, #autore a:visited, .menu0, .menu0 a:link, .menu0 a:visited, .menu1, .menu1 a:link, .menu1 a:visited {color:#598b82}
.but {color:#355}
a:link, a:visited, #menupiede {color:#369; text-decoration:none}
a:hover, .menu0 a:hover, .menu1 a:hover, .selezionato {color:#d00}

body {text-align:center; margin:3px 7px 0 7px; background:#eefafa url(/giocanti/img/sf.jpg)}
p, td {text-align:left}
table, form, img {margin:0; padding:0; border:0}
input, select, textarea {padding:0 2px}
select {padding:0}

#menupiede {background:transparent; border:0; margin:0 0 4px 0}

/* dicitura variabile nel modulo */
h2 {margin:3px; text-align:left; line-height:11px; font-weight:normal}

/* intestazioni */
#testa {position:relative; margin:0; height:88px; background:url(/giocanti/img/sf_sup.jpg) repeat-x}
#home { position:absolute; top:15px; left:5px; width:86px; height:34px; z-index:4}
#user {position:absolute; top:11px; left:110px; right:125px; text-align:left; font-weight:bold}
#autore {position:relative; top:-2px; font-size:18px; font-weight:normal}
#autore a:hover {text-decoration:underline}
#welcome {position:absolute; top:18px; right:5px; text-align:right; font-weight:bold}

/* contenuto0 per l'indice, contenuto per il resto */
#contenuto, #contenuto0 {position:relative; margin:0 0 0 20px; text-align:center}
#contenuto {margin:0 0 0 15px; padding:0 20px 20px 20px; border:solid 1px #94bbba; background:#d7e5e2 url(/giocanti/img/sf_contenuto.jpg)}

/* ultimi testi */
#ult {border-left:groove 3px #598b82; border-bottom:groove 3px #598b82; width:210px; padding:0 0 5px 0; margin:2px 0 10px 20px; float:right}
.ult {line-height:16px; margin:0 5px}
.titult {color:#8aa; font-weight:bold; margin:0 0 5px 0; padding:5px 0; text-indent:5px}

/* menu superiori */
#menu_sup {position:absolute; top:49px; left:5px; right:40%}
.menu_nav {color:#cdc; padding:6px 10px; font-weight:bold; white-space:nowrap}
.menu_nav a:link, .menu_nav a:visited {color:#ffb}
.menu_nav a:hover {color:#ff0}
#menu_log { position:absolute; top:55px; left:auto; right:5px; font-size:11px; text-align:right; color:#ffd}
#menu_log a:link, #menu_log a:visited {color:#ffd}
#menu_log a:hover {color:#ff0}

/* menu laterale */
#menu {margin:0 12px}
.menu0 {line-height:18px; text-align:center; font-weight:bold; margin-bottom:-10px}
.menu1 {text-align:center; margin:15px 10px 10px 10px}
.riga { border-bottom:solid 2px #90bcb9}
.menu2, .menu3 {padding-bottom:5px; font-weight:bold; margin:5px 10px; border-bottom:solid 1px #94bbba; display:block}
.menu3 {font:14px 'Comic Sans MS',Verdana,sans-serif;font-weight:normal}
.menutitoli {font-weight:normal}
.menu4 {color:#369; margin:8px 10px}
.menu2 a:link, .menu2 a:visited, .menu3 a:link, .menu3 a:visited, .menu4 a:link, .menu4 a:visited {display:block}
.menu2 a:hover, .menu3 a:hover, .menu4 a:hover {background:#ff9}

/* testo */
.titolo {margin-bottom:15px}
.descr {color:#666}
.divtesto, .testo {line-height:140%; text-align:justify}
.testo {margin:0; padding:0}
#fine {position:relative; width:100%; margin-top:30px; border-top:solid 2px #a4cbca}
.mod {position:absolute; top:0; left:0; text-align:left}
.data {font-size:11px; text-align:right; color:#749b9a}
#tit_es, #txt_es {margin:0 50px; padding:0 5px; border:solid 2px #b4dbda; line-height:25px; overflow:hidden}
#tit_es {height:45px}
#txt_es {height:25px; margin-bottom:15px}
.imgsn {margin:5px 10px 5px 0; float:left; display:inline} /*img a sn nei testi*/
.imgdx {margin:5px 0 5px 10px; float:right; display:inline} /*img a dx nei testi*/

.testo0 {line-height:140%; text-align:justify; margin:10px 0}
.intro {color:#ffe;text-align:center;background:#8aa url(/giocanti/img/sf_intro.jpg);margin:0 -20px 15px -20px;padding:3px}
.anteprima {font-size:16px;color:#8aa;font-weight:bold;text-align:center;margin:0 -20px 15px -20px;text-transform:uppercase; padding-top:10px}
#piede {position:relative; margin:6px 0 0 0; padding:20px 0 0 0; height:20px; background-image:url(/giocanti/img/sf_sup.jpg)}
.titolo2 {margin:20px 0 10px 0; text-align:center}
.sn, .cn, .dx {margin:0 0 10px 0; padding:0 5px}
.cn {text-align:center}
.dx {text-align:right}
.red {color:#d00; text-align:center; margin:10px}
#avviso {width:300px;border:groove 4px #94bbba;text-align:center;margin:25% auto;padding:10px;background:#eefafa}

/* form */
#form_fcod {text-align:left; margin:0 auto; width:100%; padding:3px; border:1px solid #94bbba; background:#d3e9e6}
.but {text-align:center; border:solid 1px #666; background:#eef; padding:0; margin:3px 0 3px 3px}
#testo {width:100%; margin:0; font-size:13px; line-height:17px}
.form_tit {color:#94bbba; font-weight:bold; width:100%; border-top:solid 2px #94bbba; margin:20px 0 15px 0}
.campi {font-size:11px; margin:5px 0; padding:0; text-align:left; color:#547b7a} /*sezioni*/

/* img scheda */
div#fimg {text-align:center; width:100%; margin-bottom:20px; overflow:auto}
div#miniature {text-align:left}
div.mimg {position:relative; text-align:center; width:100px; height:100px; overflow:hidden; margin:10px; border:solid 1px #a4cbca; float:left}
div.timg {font-size:10px; text-align:center; margin:5px; height:14px; overflow:hidden}
div.mimg:hover {border-color:#d00; cursor:pointer}
#note {font-size:14px}
/* img galleria */
.divmini {position:relative; width:300px; margin:10px; background:#e3f1f0; border:solid 2px #a4cbca; border-top:0; float:left}
.minitit {position:relative; text-align:left; padding:2px 7px 0 7px; font-weight:bold; height:18px; overflow:hidden; background:#a4cbca}
.minitit a {color:#fff}
.minitit a:hover {color:#ff9}
.divimg {width:100%; height:140px; overflow:auto}
.dimimg {position:absolute; top:2px; right:5px; left:auto; font-size:11px; color:#fff; text-align:right}
.minimg {margin:7px 10px 5px 7px; float:left}
.minimg img {border:solid 1px #e3f1f0}
.minimg img:hover {border:solid 1px #d00}
.minitxt {text-align:left; padding:7px 5px 5px 7px}
.minimod {font-size:10px; text-align:left; margin:5px 0 0 0; white-space:pre; padding:2px 7px; border-top:solid 1px #a4cbca; background:#daebea}
 /* midi */
.minmid3 {font-size:11px; text-align:left; line-height:18px}
.celmidi1, .celmidi2{vertical-align:middle; padding:7px 0; border-bottom: solid 1px #a4cbca}
.celmidi1{width:150px}

/* scheda ajax (variati rispetto a /style_gen.css) */
/*
#ajax_sopra_2 {position:fixed; overflow:auto; text-align:center; padding:0; top:30px; left:30px; bottom:30px; right:30px; background:url(/img2/sfondi/sf_trasp-b.png);*/ /*border:3px solid #9ab;*/ /*z-index:30}
#ajax_but_2 {position:fixed; top:20px; left:20px; right:auto; bottom:auto; font-size:14px; text-align:right; background:none; padding:0; margin:0; border:0; z-index:200}
#ajax_tit {font-size:16px; padding:10px 40px; font-weight:bold}
#ajax_img {padding:10px 0}
#ajax_creato {text-align:right; font-size:11px; margin:10px 20px 5px 20px; border-bottom:solid 2px #9ab}
#ajax_testo {text-align:left; font-size:13px; padding:0 20px 10px 20px}
*/
