/*
Autore	>	Fabio Dreosso | www.dreosso.it |
Versione	>	1.0 - 16 Novembre 2005
Stile		>   stile di Default
margin: margin-top margin-right margin-bottom margin-left
*/

HTML { font-size: 100%; }
BODY { font-size: 0.8em; font-family: Verdana, Arial; margin:10px 0px 0px 0px; padding:0; color: #095A82; background: #FFF url(../img/back.gif) 0px 10px repeat-x;}

.oldbrw {display:none}
#sito {margin:0; padding:0; display:block; float:left; width:61.2em;}
#fascia { background: url(../img/fascia.jpg) 0 0 no-repeat; margin:0; padding:0; height:94px; display:block;}

#fascia H1 { position:absolute; margin:4px 0px 0px 10px; padding:0;}
#fascia H1 A { background: url(../img/gonfalone.gif) 0 0 no-repeat; margin:0; padding:0; display:block; width:296px; height:72px;}
#fascia H1 A:hover { background: url(../img/gonfalone2.gif) 0 0 no-repeat;}
#fascia H1 A SPAN {position:absolute; margin-left:-10000px;}

#fascia UL {padding:0; margin:0; white-space: nowrap;}
#fascia LI {display:inline; list-style-type:none; padding:0; margin:0;}
#fascia LI A {color:#FFF; font-weight:bold; font-size:.85em; text-decoration:none; margin:0; display:block; float:left}
#fascia LI A:hover {background:#FF6600}

#menu1, #menu2 {position:absolute;}
#menu1 {margin:50px 0px 0px 223px}
#menu1 A {padding: 3px 12px 3px 13px; }
#menu2 {margin:69px 0px 0px 255px}
#menu2 A{padding: 3px 20px 3px 20px; }


#cjatafur {display:block; border:1px solid #171624; color:#FFF; background:#5F96B4; position:absolute; margin:6px 0px 0px 500px; padding:0;}
#cjatafur FORM {margin:0; padding:0;}
#cjatafur FORM P {margin:0; padding:0;}
#cjatafur FORM input,
#cjatafur FORM label {margin:.1em .5em; padding:.1em;}
#cjatafur FORM label {display:none;}
#cjatafur FORM input.pulsante {font-size:.75em; font-weight:bold; color:#FFF; background:#66B6E8; border:1px solid #171624; }

#indirizzo1,
#indirizzo2 {font-size:.85em; color:#0C79AD; padding:0; margin:0px 0px 0px 10px; position:absolute;}
#indirizzo1 A,
#indirizzo2 A {text-decoration:none; color:#26B7FD; border-bottom: 1px dotted; margin:0; padding:0;}
#indirizzo1 A:hover,
#indirizzo2 A:hover {color:#F00}
#indirizzo1 {top:90px;}
#indirizzo2 {top:108px;}
#gimuj {font-size:.8em; color:#FFF; position:absolute; padding:0; top:45px; margin:0px 0px 0px 360px}

#cuarphome, #cuarp {clear:both; float:left; width:70.5em; font-size:.85em; padding:0; margin: 2em 0em 0em 0em; }
#cuarphome H2, #cuarp H2 {font-size:1.08em; clear:both; font-weight:bold; }
h2.titolo1 {color:#263C4A; padding:0; margin:1em 0em 0em .8em;}
h2.titolo2 {color:#263C4A; padding:0; margin:1em 0em 0em .8em;}
h2.titolo3 {color:#263C4A; padding:0; margin:1em 0em 0em .8em;}
h2.titolo4 {color:#263C4A; padding:0; margin:1em 0em 0em .8em;}

/*
Autore	>	Fabio Dreosso | www.dreosso.it |
		>	creato per la ditta Synergie, per il progetto del Comune di San Giovanni al Natisone
*/

h2.blanc {color:#FFF; text-align:right; background:#5F96B4; margin:1em 0em 0em 6em; padding:0em 1em 0em 0em}

#cuarphome div#sampe {float:left; width:28.2em; background: url(../img/backnews.gif) 100% 0 no-repeat; }
#cuarphome div#jestre {float:right; width:42.1em; clear:right}

#cuarp div#sampe H2 {color:#FFF; background:#5F96B4; width:15em; }

#cuarp div#jestre {float:right; width:55.4em; margin:2px 0px 0px 0px; padding:0; background: #FFF url(../img/pix.gif) 0 0 repeat-y; }
#cuarp div#jestre h1 {color:#80B0E6; font-size:1.8em; font-weight:normal;padding:0; margin:0em 0em 0em 2em;}
#cuarp div#jestre h2 {color:#4F7D9E; font-size:1.6em; font-weight:normal; padding:0; margin:0em 0em 0em 2.5em; text-transform:uppercase}
#cuarp div#jestre h3 {color:#26B7FD; font-size:1.4em; font-weight:bold; padding:0; margin:0em 0em 0em 3.2em;text-transform:uppercase}
#cuarp div#jestre h4 {color:#80B0E6; font-size:1.3em; font-weight:bold;padding:0; margin:0em 0em 0em 3.5em; text-transform:uppercase}
#cuarp div#jestre h5 {color:#4F7D9E; font-size:1.1em; font-weight:bold;padding:0; margin:0em 0em 0em 4.5em; text-transform:uppercase}
#cuarp div#jestre h6 {color:#80B0E6; font-size:1em; font-weight:bold;padding:0; margin:0em 0em 0em 5em; text-transform:uppercase}
#cuarp div#jestre P {padding:0; margin:1em 0em .5em 5.5em;}
#cuarp div#jestre UL,
#cuarp div#jestre OL {padding:0; margin:1.5em 0em 2.5em 9em;}
#cuarp div#jestre UL LI {list-style-type:square}
#cuarp div#jestre LI {padding:0; margin:.5em;}
#cuarp div#jestre A {color:#26B7FD; font-weight:bold}
#cuarp div#jestre A:hover {color:#F00}
#cuarp div#jestre A IMG {border:none}

#cuarphome DIV.sampin,
#cuarphome DIV.sampin2,
#cuarphome DIV.jestrin {width:13.9em;}
#cuarphome DIV.jestrin {clear:right}


#cuarphome DIV.sampin {float:left; clear:left; background: url(../img/pix.gif) 100% 0 repeat-y; min-height: 35em; height: auto !important; height: 35em;}
#cuarphome DIV.sampin2 {float:left; background: url(../img/pix.gif) 100% 0 repeat-y; min-height: 35em; height: auto !important; height: 35em; }
#cuarphome DIV.jestrin {float:right;}
#cuarphome DIV#sampe DIV.jestrin {background: url(../img/pix.gif) 100% 1em repeat-y; min-height: 45em; height: auto !important; height: 45em;}

.imghome {width:41em; border:1px solid #000; margin:0em 0em 0em 1em}

#cuarp {background: #FFFFFF url(../img/interna.gif) 0  2.3em no-repeat;}
#cuarp DIV{margin-bottom:1.3em}
#cuarphome UL, #cuarp div#sampe UL {margin:.5em 0em 1.5em 0em;}
#cuarphome UL, #cuarphome LI, #cuarp div#sampe UL, #cuarp div#sampe LI {padding:0px; display:block; float:left;}
#cuarphome LI, #cuarp div#sampe LI {list-style-type:none; clear:both; margin:0px;}
#cuarphome A, #cuarp div#sampe A {color:#0C79AD; display:block; background: url(../img/pix2.gif) 0 50% no-repeat; text-decoration:none; margin:.4em 0em .4em 1.4em; padding-left: 1em; width:12em;}
#cuarphome A:hover, #cuarp div#sampe A:hover {color:#F00; background: url(../img/pix3.gif) 0 50% no-repeat;}



#archivio { color:#0C79AD; margin:0; padding:0; font-size:1em;  background: url(../img/back-bot.gif) 11.5em 0 no-repeat; display:block; height:3em; width:60em; float:left; clear:both;}
#archivio A {font-weight:bold; color:#0C79AD; text-decoration:none; font-size:.8em; padding:0px 0px 0px 1em; margin:1em 0em 0em 18em; background: url(../img/pix2.gif) 0 50% no-repeat;}
#archivio A:hover {color:#C30}


#pardisot, #pardisot2 { color:#0C79AD; font-size:.8em;clear:both}
#pardisot2 {padding:1em 0em 0em 1em; background: url(../img/back-b1.gif) 0 0 no-repeat;}
#pardisot {text-align:right;}
#pardisot A, #pardisot2 A {font-weight:bold; color:#5CB5E7}
#pardisot A:hover,
#pardisot2 A:hover {color:#F00}

/***************** BARRA STILI VERSIONI ***/
#screen{
	height:1.8em;
	background-color: #FFF;
	text-align:left;
	padding: .28em 0 .1em .5em;
	background-image: url(../img/back-b1.gif);
	background-repeat: repeat-y;
	margin:0 0 .3em 0;
	vertical-align: middle;
	display:block
}
#screen P{display:inline;vertical-align: middle;}
#screen A{
	display:inline;
	background-image: none;
	padding:0;
	margin:0;
	background:none;
	width:auto;
	color:#0C79AD;
	text-decoration:none;
}
#screen A:hover{background-image: none;color:#F00;text-decoration:none;}
#screen p.zoom {padding: 0 0 0 32em;}
#screen IMG{border:none;margin:0 0 0 .2em; vertical-align: middle;}

/****************** news *********************/
#news {margin:0 1.05em 0 0;padding:0 }
#news SPAN{display:block;}
#news UL {
    text-align:right;
    padding: .5em 0 0 .2em ;
    width:100%
}
#news LI {padding-bottom:.7em;width:100%;}
#news SPAN.titolo{font-weight: bold;color:#6394AD;}
#news A {margin:0 0 .2em .9em;padding:0; background:none}
#news A:hover {background:none}

#news SPAN.data{font-weight: bold;color:#2AB4FF}
#news SPAN.testo-news{color:#0c79ad}




div.flashintro {font-size:1em; display:block; width:41.6em; height:10em; border: 1px solid #5F96B4}