/* Skin INUTILITY per MAROK.ORG			*/
/* Coded by MaRoK - 2003 			*/
/* Potete studiare questo codice ed utilizzarlo */
/* nei vostri siti, ma dovete citare la fonte!  */
/* E mi dovete birra e pheega.			*/


/* Default per tutti gli elementi */

body 		{background:#b4b4b4; margin:0px; padding:0px}
div, td		{font-family: Verdana, Sans-Serif; color:black; font-size:12px}
pre		{font-family: fixedsys, Monotype; font-weight:normal; text-align:left}
ul, li, ul *, li * {text-align:left !important}
a 		{color:navy}
a:hover		{color:red}

/* Struttura */


/* Contenitore del contenuto */

#ilgrandecentro	{position:absolute;   top:0px;   left:0px;   width:100%;  height:100%}

/* Cornice (decorazioni e menu) */

#bussola	{display:none}
#cambiasfondo_e	{}
#cambiasfondo_i	{}
#cambiatesto_e	{}
#cambiatesto_i	{}
#cercaMI_e	{position:absolute; left:0; top:0; width:1px; height:1px; overflow:hidden; visibility:hidden}
#cercaMI_i	{}
#dec1		{display:none} 
#dec2		{display:none}
#dec3		{display:none}
#dec4, #dec5, #dec6, #dec7, #dec8, #dec9, #dec10, #dec11, #dec12, #dec13, #dec14 {display:none}
#grumo		{					   width:115px; height:75px}
#invisibile	{position:absolute; margin-left:190px; margin-right:30px; width:auto; padding:0px; text-align:center; background:#eeeeee; border:1px solid black; padding:10px; margin:10px; margin-top:25px; text-align:justify}
#iscrivimi	{position:absolute; left:0; top:0; width:1px; height:1px; overflow:hidden; visibility:hidden}
#menu2e		{display:none}
#menu2i		{}
#lati		{display:none}
#lati98		{position:absolute; left:0; top:0; width:1px; height:1px; overflow:hidden; visibility:hidden}
#lato1logo1	{display:none}
#lato2logo1	{display:none}
#lato3logo1	{display:none}
#lato4logo1	{display:none}
#lato5logo1	{display:none}
#lato1logo2	{position:absolute; top:10px;  left:10px;  width:163px; height:65px; background:#226eae url('Images/farinei.png') center center no-repeat; z-index:1000}
#lato2logo2	{position:absolute; top:30px;  left:12px;  width:233px; height:74px;  				background: url('Images/banner.jpg')}
#lato3logo2	{position:absolute; top:10px;  left:10px;  width:163px; height:65px; background:#226eae url('Images/cumpa.png') center center no-repeat; z-index:1000}
#lato4logo2	{position:absolute; top:10px;  left:10px;  width:163px; height:65px; background:#226eae url('Images/inutility.png') center center no-repeat; z-index:1000}
#lato5logo2	{position:absolute; top:30px;  left:12px;  width:233px; height:74px;  				background: url('Images/banner.jpg')}
#menufoto_e	{display:none}
#menufoto_i	{display:none}
#pulsante1	{display:none}
#pulsante2	{display:none}
#ritornoal98	{position:absolute; bottom:10px; left:10px; z-index:1000}
#scriviMI	{position:absolute; left:0; bottom:0; width:1px; height:1px; overflow:hidden; visibility:hidden}
#sezioni	{display:none}
#sopra		{display:none}
#stats		{display:none}
#w_foto		{position:absolute; left:10px; top:300px;  width:163px; background:#d6d3ce; border-top:1px solid white; border-left:1px solid white; border-right:1px solid #848284; border-bottom:1px solid #848284; text-align:left; padding:3px; font-size:1px; z-index:1000}
#w_foto2	{position:absolute; left:110px; bottom: 5px; width:30px; background:#d6d3ce; border-top:1px solid white; border-left:1px solid white; border-right:1px solid #848284; border-bottom:1px solid #848284; text-align:left; padding:1px; font-size:10px; visibility:hidden; z-index:1000}
#w_handicap	{position:absolute; left:10px;  top:80px;  width:163px; background:#d6d3ce; border-top:1px solid white; border-left:1px solid white; border-right:1px solid #848284; border-bottom:1px solid #848284; text-align:left; padding:3px; z-index:1000}
#w_handicap2	{position:absolute; left:5px; bottom: 5px; width:30px; background:#d6d3ce; border-top:1px solid white; border-left:1px solid white; border-right:1px solid #848284; border-bottom:1px solid #848284; text-align:left; padding:1px; font-size:10px; visibility:hidden; z-index:1000}
#w_javascript	{position:absolute; left:10px;  top:195px;  width:163px; background:#d6d3ce; border-top:1px solid white; border-left:1px solid white; border-right:1px solid #848284; border-bottom:1px solid #848284; text-align:left; padding:3px; z-index:1000}
#w_javascript2	{position:absolute; left:40px; bottom: 5px; width:30px; background:#d6d3ce; border-top:1px solid white; border-left:1px solid white; border-right:1px solid #848284; border-bottom:1px solid #848284; text-align:left; padding:1px; font-size:10px; visibility:hidden; z-index:1000}
#w_navigatore	{position:absolute; left:183px; top:10px;  width:400px; background:#d6d3ce; border-top:1px solid white; border-left:1px solid white; border-right:1px solid #848284; border-bottom:1px solid #848284; text-align:left; padding:3px; font-size:10px; font-weight:bold; z-index:1000}
#w_navigatore2	{position:absolute; left:75px; bottom: 5px; width:30px; background:#d6d3ce; border-top:1px solid white; border-left:1px solid white; border-right:1px solid #848284; border-bottom:1px solid #848284; text-align:left; padding:1px; font-size:10px; visibility:hidden; z-index:1000}
#w_setup	{position:absolute; right:44px; top:10px;  width:120px; background:#d6d3ce; border-top:1px solid white; border-left:1px solid white; border-right:1px solid #848284; border-bottom:1px solid #848284; text-align:left; padding:3px; font-size:1px; z-index:1000}
#w_setup2	{position:absolute; left:110px; bottom: 5px; width:30px; background:#d6d3ce; border-top:1px solid white; border-left:1px solid white; border-right:1px solid #848284; border-bottom:1px solid #848284; text-align:left; padding:1px; font-size:10px; visibility:hidden; z-index:1000}
#w_sezioni	{position:absolute; left:10px;  top:80px;  width:163px; background:#d6d3ce; border-top:1px solid white; border-left:1px solid white; border-right:1px solid #848284; border-bottom:1px solid #848284; text-align:left; padding:3px; z-index:1000}
#w_sezioni2	{position:absolute; left:5px; bottom: 5px; width:30px; background:#d6d3ce; border-top:1px solid white; border-left:1px solid white; border-right:1px solid #848284; border-bottom:1px solid #848284; text-align:left; padding:1px; font-size:10px; visibility:hidden; z-index:1000}

.bussola_sfondo	{display:none}
.cambias	{margin:2px; margin-left:0px}
.cambiat	{margin:2px; margin-left:0px}
.cambias2 	{background:#fffffe; font-size:10px; border-top:1px solid #424142; border-left:1px solid #424142; border-right:1px solid #d6d3ce; border-bottom:1px solid #d6d3ce; text-align:right; padding:0px; margin:0px; width:61px}
.cambias3	{width:70px}
.cambias4	{font-size:10px; font-weight:bold}
.ico01, .ico02, .ico03, .ico04, .ico05, .ico06, .ico07, .ico08, .ico09, .ico_sx {display:none}
.sep		{display:none}
.stilefoto	{margin:5px}
.stilefoto2    	{display:none}
.stilefoto3	{margin:5px}

/* Link negli oggetti della cornice */

#lati a, #sezioni a, #cambiatesto_i a 	{}
#lati a:hover, #sezioni a:hover 	{}
#bussola a 				{}
#bussola a:hover 			{}
#cambiatesto_i a 			{}
#cambiatesto_i a:hover 			{}
a.lato2, a.lato3, a.lato4, a.lato5, a.lato6, a.lato7, a.sez1, a.sez2, a.sez3, a.sez4, a.sez5, a.sez6 {border-left:1px solid black; padding-left:3px; color:black; text-decoration:none}
a.sez1, a.sez2				{}
a.sez5, a.sez6				{background:#ddddde}
#menu2i a 				{}
#sezioni3				{font-size:10px}
#sezioni3				a {display:block; border:none; font-weight:bold}
#sezioni3				img {width:16px; height:16px}

a.sez301, a.sez301b {display:none}

a.sez302 img {background: url('Images/ico_a.png') no-repeat}
a.sez302b img {background: url('Images/ico_a_c.png') no-repeat}
a.sez302:hover img {background: url('Images/ico_a_c.png') no-repeat}

a.sez303 img {background: url('Images/ico_blog.png') no-repeat}
a.sez303b img {background: url('Images/ico_blog_c.png') no-repeat}
a.sez303:hover img {background: url('Images/ico_blog_c.png') no-repeat}

a.sez304 img {background: url('Images/ico_chi.png') no-repeat}
a.sez304b img {background: url('Images/ico_chi_c.png') no-repeat}
a.sez304:hover img {background: url('Images/ico_chi_c.png') no-repeat}

a.sez305 img {background: url('Images/ico_disegni.png') no-repeat}
a.sez305b img {background: url('Images/ico_disegni_c.png') no-repeat}
a.sez305:hover img {background: url('Images/ico_disegni_c.png') no-repeat}

a.sez306 img {background: url('Images/ico_foto.png') no-repeat}
a.sez306b img {background: url('Images/ico_foto_c.png') no-repeat}
a.sez306:hover img {background: url('Images/ico_foto_c.png') no-repeat}

a.sez307 img {background: url('Images/ico_perle.png') no-repeat}
a.sez307b img {background: url('Images/ico_perle_c.png') no-repeat}
a.sez307:hover img {background: url('Images/ico_perle_c.png') no-repeat}

a.sez308 img {background: url('Images/ico_storie.png') no-repeat}
a.sez308b img {background: url('Images/ico_storie_c.png') no-repeat}
a.sez308:hover img {background: url('Images/ico_storie_c.png') no-repeat}

a.sez309 img {background: url('Images/ico_voci.png') no-repeat}
a.sez309b img {background: url('Images/ico_voci_c.png') no-repeat}
a.sez309:hover img {background: url('Images/ico_voci_c.png') no-repeat}

a.sez401 {display:none}

a.sez402 img, a.sez402b img {background: url('Images/ico_cd.png') no-repeat}
a.sez403 img, a.sez403b img {background: url('Images/ico_pc.png') no-repeat}
a.sez404 img, a.sez404b img {background: url('Images/ico_num.png') no-repeat}
a.sez405 img, a.sez405b img {background: url('Images/ico_wc.png') no-repeat}
a.sez406 img, a.sez405b img {background: url('Images/ico_mscp.png') no-repeat}
a.sez407 img, a.sez406b img {background: url('Images/ico_par.png') no-repeat}
a.sez408 img, a.sez407b img {background: url('Images/ico_calc.png') no-repeat}
a.sez409 img, a.sez408b img {background: url('Images/ico_neve.png') no-repeat}
a.sez410 img, a.sez409b img {background: url('Images/ico_din.png') no-repeat}
a.sez411 img, a.sez410b img {background: url('Images/ico_maus.png') no-repeat}
a.sez412 img, a.sez410b img {background: url('Images/ico_bocc.png') no-repeat}

/* workaround (leggi: supercazzola) per far stare fissi i livelli su Opera e su tutti gli altri browser che non leggono overflow-y */

body>#bussola, body>#cambiasfondo_e, body>#cambiatesto_e, body>#cercaMI_e, body>#dec1, body>#dec2, body>#dec3, body>#dec4, body>#menu2e, body>#lati, body>#lato1logo1, body>#lato1logo2, body>#lato2logo1, body>#lato2logo2, body>#lato3logo1, body>#lato3logo2, body>#lato4logo1, body>#lato4logo2, body>#lato5logo1, body>#lato5logo2, body>#scriviMI, body>#sezioni {} 


/* Contenuti */

form			{display:inline}
h1, .titolo3		{font-family: Arial, Sans-Serif; font-size:16px; margin:0px}
h2			{font-family: Arial, Sans-Serif; font-size:14px; font-weight:bold; margin:0px; background:#eeeeef}
h3, .titolo5		{font-family: Verdana, Sans-Serif; font-size:13px; font-weight:bold; background: #ffccaa; color:black; padding:1px; padding-left:5px; padding-right:5px}
input			{font-family: Verdana, Sans-Serif; font-size:10px; font-weight:bold}
img			{border:none}
.allineamento1		{text-align:left}
.allineamento2		{text-align:center}
.allineamento3		{text-align:right}
.attivo, .estinto	{border:1px solid black; margin-top:20px; margin-bottom:20px; padding:10px; background:#fffffe}
.attivo img, .estinto img {width:75px; height:80px; margin:10px; border:1px solid black}
.attivo2, .estinto2	{border:1px solid black; font-size:5px; padding:3px; margin:0px}
.barra_titolo		{background:#226eae; color:white; font-size:10px; text-align:left; font-weight:bold; border:1px solid #aaaaaa; padding:2px}
.barra_h1h2		{background:#eeeeef; padding:10px; margin-bottom:20px; border:1px solid black}
.bordo1			{border:1px solid black}
.bussola_js		{font-size:10px; margin:2px}
.bussola_js 	      * {border:none; text-decoration:none}
.bussola_js	      a {color:black; border:none; text-decoration:none}
.bussola_js	    img {display:none}
.casella1		{width:400px}
.colore img, .colore2 img {width:8px; height:8px}
.colore3 img 		{}
.colore	a, .colore2 a   {}
.credit			{font-style:italic}
.deevid			{}
.disegni		{text-align:center}
.disegni 	    img {border:1px solid black; margin:10px}
.disegnofrancy  	{width:600px; height:660px; border:1px solid black; padding:0px; background:#fffffe url('../../Elio/disegnofrancy.png') center center no-repeat}
.email			{}
.errore			{text-decoration:line-through}
.estinto, .estinto2	{background:#cccccd}
.evid			{font-weight:bold}
.evid2			{font-weight:bold}
.evid3			{font-style:italic}
.evid4			{background:#d6d3ce; color:black}
.firma			{font-style:italic; text-align:right}
.foto			{border:1px solid black !important; background:#fffffe; padding:10px; text-align:left}
.foto img		{width:100px; height:75px; border:1px solid black}
.foto a 		{text-decoration:none}
.foto a:hover		{}
.frifaind		{width:320px; margin-right:5px}
.testo98, .testo98b, .testo98c, .testo98d, .testo98e, #ritornoalfuturo {visibility:hidden; width:1px; height:1px; overflow:hidden}
.img_dx			{float:right; border:1px solid black !
important; margin:10px}
.img_sx			{float:left; border:1px solid black !
important; margin:10px}
.indice			{text-align:center; padding:10px; border:1px solid black; background:#f3f3f3; width:500px; margin:auto; margin-bottom:30px; margin-top:30px}
.indice	      	      a {color:black; text-decoration:none; display:block}
.indice         a:hover {color:red; background:#cccccd; text-decoration:none}
.kastrox		{background:#cccccd; width:300px; border:1px dashed black; padding:10px; text-align:center; margin:auto}
.kastrox	    img {width:88px; height:31px; border:none}
.listalati		{padding:2px; font-size:10px}
.listalati	      a {color:black; text-decoration:none}
.listalati	a:hover {color:white; background:#000001; text-decoration:none}
.navi			{text-align:center; margin-top:40px}
.navi		      a {display:inline}
.nerd			{font-family: fixedsys, Monotype; background:white; border:1px dashed black; margin:10px; padding:10px}
.nota			{font-style:italic}
.partners 		{display:none}
.piccolo		{font-size:10px}
.punteggi	     td {}
.quadro_dx		{float:right; margin:10px; margin-right:0; padding:10px; border:1px dashed black; text-align:right; font-size:11px; background:#fffffe !
important}
.quadro1 		{margin-left:190px; margin-right:30px; width:auto; border:none !important; padding:0px; text-align:center}
.quadro2		{border:1px solid black !important; background:#fffffe; padding:10px; margin:10px; margin-top:25px; text-align:justify}
.quadro3		{border:1px dashed black; padding:10px; width:300px; margin:auto; text-align:center}
.quadro3	      a {display:block}
.quadro3        a:hover {}
.quadro4		{float:right; margin:20px; padding:10px; border:1px dashed black; background:#eeeeef}
.quadro5		{border:1px dashed black; background:#eeeeef; width:300px; margin:auto; padding:20px; text-align:center}
.quadro6		{border:1px solid black !important; background:#fffffe; padding:10px; margin:10px; margin-top:25px; text-align:center}
.quadro7		{}
.quadro8		{border:1px dashed black; background:#eeeeef; margin:20px; padding:10px}
.quadro9		{border:1px dashed black; background:#eeeeef; margin:auto; padding:10px; width:300px}
.quadro10		{}
.quadro11		{width:500px; padding:5px; margin:auto; border-top:1px solid white; border-left:1px solid white; border-right:1px solid #848284; border-bottom:1px solid #848284; text-align:left; background: #d6d3ce}
.quadro11	      a {}
.quadro10 td, .quadro11 td, .quadro11 {font-size:11px; font-weight:bold}
.quadro12		{border:1px solid black; background:#fffffe; padding:10px; margin:auto; margin-top:25px; text-align:justify; width:450px}
.quadro13		{display:inline; margin:5px}
.quadro13	    img {border:1px solid black}
.quadro13	     td {font-weight:bold; font-size:11px}
.quadro14		{border:1px solid black; background:#fffffe; padding:10px; margin:auto; margin-top:25px; text-align:justify; width:450px}
.quadro15		{border:1px solid black; background:#eeeeef; margin:20px; padding:10px}
.quadro15 td		{border:1px dashed black; background:#f3f3f3; margin:10px; padding:5px}
.quadro15 table		{width:100%; margin:5px}
.quadro15 img           {margin-bottom:0px !important; margin-top:0px !important; border:1px solid black}
.quadro16		{border:1px solid black; background:#eeeeef; margin:20px; padding:10px}
.quadro16 table		{width:100%}
.quadro17		{border:1px solid black; background:#eeeeef; margin:20px; padding:10px}
.quadro17 td		{border:1px dashed black; background:#f3f3f3; margin:10px; padding:5px; text-align:center}
.quadro17 table		{margin:5px}
.quadro17 img           {margin-bottom:0px !important; margin-top:0px !important; border:1px solid black}
.quadro18		{border:1px dashed black; background:#ddddde; width:400px; margin:20px; padding:10px; text-align:left}
.quadro19	    img {width:100px; height:75px; margin:2px; border:1px solid black}
.quadro20		{border:1px solid black !important; background:#e7e7ef; width:500px; padding:10px; padding-top:20px; margin:auto; margin-top:25px; margin-bottom:25px; text-align:justify}
.quadro21		{border:1px solid black !important; background:#e7e7e7; width:600px; padding:10px; padding-top:20px; margin:auto; margin-top:25px; margin-bottom:25px; text-align:justify}
.quadro22		{border:1px dashed black; background:#fffffe; margin:20px; padding:10px; text-align:left; font-size:10px}
.quadro_esterno		{background:#fffffe; font-size:10px; border-top:1px solid #848284; border-left:1px solid #848284; border-right:1px solid white; border-bottom:1px solid white}
.quadro_interno		{background:#fffffe; font-size:10px; border-top:1px solid #424142; border-left:1px solid #424142; border-right:1px solid #d6d3ce; border-bottom:1px solid #d6d3ce; padding:3px; text-align:right}
.quadro_interno	      a {text-decoration:none; color:black}
.quadro_interno a:hover {background:#000001; color:white}
.quadro_interno2	{background:#fffffe; font-size:10px; border-top:1px solid #424142; border-left:1px solid #424142; border-right:1px solid #d6d3ce; border-bottom:1px solid #d6d3ce; padding:3px; text-align:left}
.quadro_interno3	{background:#fffffe; font-size:10px; border-top:1px solid #424142; border-left:1px solid #424142; border-right:1px solid #d6d3ce; border-bottom:1px solid #d6d3ce; padding:0px; text-align:left}
.quadro_titolo		{border:1px solid black !important; background:#fffffe; width:600px; padding:10px; padding-top:20px; margin:auto; margin-top:25px; text-align:center}
.riga1			{text-decoration:none}
.riga2			{text-decoration:none; background:#cccccd}
.sbarra			{width:300px}
.spanstyle 		{color: white; font-family: Verdana; font-size: 10pt; font-weight: bold; position: absolute; top: -50px; visibility: visible; z-index:1000}
.skin_fava		{display:none}
.skin_farinei		{display:none}
.skin_inutility		{visibility: visible !important; font-size:12px}
.skin_linx		{display:none}
.skin_maryjane		{display:none}
.skin_98		{display:none}
.southpark 	    img {width:150px; height:150px}
.staceppadiminkia, .staceppadiminkia2 {border:1px dashed black; background:#f3f3f3; padding:10px; margin-bottom:10px; font-weight:bold}
.staceppadiminkia a, .staceppadiminkia2 a {}
.staceppadiminkia a:hover, .staceppadiminkia2 a:hover {}
.staceppadiminkia2	{}
.staceppadiminkia2  img {}
.stile1			{text-align:right; font-size:10px !important}
.stile2			{font-weight:normal !important; vertical-align:top; text-align:right}
.stile3			{font-weight:normal}
.stile4			{font-size:13px !important}
.stile4		      a {color:#555555; text-decoration:none}
.stile4		a:hover {color:white; background:#000001}
.tabella1		{background:#f3f3f3; margin:20px; border:none; border-right:1px solid #505050; border-bottom:1px solid #505050; border-collapse:collapse}
.tabella1 	     td {border:1px solid #505050; border-bottom:none; border-right:none; padding:2px; font-size:10px !important; vertical-align:top}
.tabella1 *		{font-size:10px !important}
.the_end		{background:#fffffe; padding:10px; border:1px solid black; width:400px; margin:auto; text-align:center; margin-bottom:20px}
.tipo1			{border:1px dashed black; border-left:none; border-bottom:none; padding:20px}
.tipo2			{border:1px dashed black; border-right:none; border-bottom:none; padding:20px}
.youtube		{width:450px; background:#fffffe; border:1px solid black; margin:auto; margin-top:20px; margin-bottom:20px; text-align:center}
.youtube .img_sx, .youtube .img_dx {border:none !important}
.youtube	  table {margin:auto}
.youtube 	     td {text-align:center !important}
.youtube *		{color:black !important; font-size:13px !important; text-align:center !important; background:#fffffe !important}
