/* Foglio di stile by MaRoK - chi copia mi deve birra e pheega! */
/* NB: lo sfondo 'fffffe' ed il colore '000001' sono stati introdotti per una paranoia del validatore W3C */

*			{font-family: verdana, sans-serif; font-size:12px}
body 			{background:#94cf52; margin:0px}
h2			{display:inline; font-weight:bold}
iframe			{border:none}
#arco			{position:absolute; left:110px; top:90px; width:24px; height:23px; z-index:2}
#barra			{position:absolute; left:105px; top:10px; width:450px; height:80px; color:white; background:black; z-index:99}
#bussola		{position:absolute; left:115px; top:65px; color:white; z-index:1000; font-weight:bold; font-size:12px}
#bussola a, #bussola a:hover {color:white; font-size:12px; text-decoration:none}
#bussola a:hover 	{text-decoration:underline}
#foto4			{position:absolute; right:60px; top:10px; width:53px; height:109px; background:black; z-index:10000; padding:0px; border:1px solid white}
#foto4	    		img {width:30px; height:24px; border:none}
#foto4	      		a {border:1px solid white; width:30px; height:24px; display:block}
#foto4	      		a:hover {border:1px solid #ffcc00}
#griglia		{position:absolute; left:10px; top:10px; width:100px; height:120px; background: url('sfondo_griglia.png') left top no-repeat; z-index:5}
#grumo			{width:1px; height:130px}
#ilgrandecentro		{position:absolute; width:100%; height:100%; top:0px; left:0px; margin:0px} 
#tusopraiosotto		{position:absolute; left:110px; top:10px; width:21px; height:80px; z-index:1; background:url('hidden.png') left top no-repeat}
#ricerca		{width:440px; background:black;}
#sinistra		{position:absolute; left:10px; top:125px; width:100px; height:300px; z-index:98}

/* Tanto lo so che cercate di copiare il menu fisso... :D Ecco qua: */

body>#arco, body>#barra, body>#foto4, body>#griglia, body>#tusopraiosotto, body>#sinistra, body>#bussola {position:fixed}

div.colore		{width:8px; height:8px; font-size:1px;}
div.foto, div.foto2	{width:auto; min-width:400px; margin:0px 20px 0px 145px; border:1px solid #000002; z-index:3; background:black; text-align:left; padding:20px; color:white}
div.foto img, div.foto2 img {border:4px solid white; width:100px; height:75px}
div.foto2 img		{height:100px}
div.foto a, div.foto2 a	{color:white; font-weight:bold; text-decoration:none}
div.foto a:hover, div.foto2 a:hover {color:white; font-weight:bold; text-decoration:underline}
div.sezioni 	      a {font-size:12px; font-weight:bold; color:white; text-decoration:none}
div.sezioni 	a:hover {font-size:12px; font-weight:bold; color:white; text-decoration:underline}
div.sinistra2 	      a {color:white; font-size:12px; text-decoration:none}
div.sinistra2 	a:hover {color:white; font-size:12px; text-decoration:underline}

.allineamento2		{text-align:center}
.allineamento3		{text-align:right}
.attivo, .estinto 	{margin-top:20px}
.bianco, .bianco:hover  {color:white}
.bianco2		{color:white; vertical-align:bottom; font-weight:bold; margin:0 1px 0 0; padding:0 2px 0 0}
.bordo0			{border:none}
.bordo1			{margin:10px; border:1px solid black !
important}
.bordo2			{border:1px solid white !
important}
.c6			{color: #000001; font-weight:bold; background:#e4e4e4; display:block; text-decoration:none}
.c6_ns4			{color: #000001; font-weight:bold; background:#e4e4e4; display:inline; text-decoration:none}
.evid			{color:green}
.evid2			{color:green; font-style:italic; font-weight:bold}
.evid3			{font-weight:bold; color:green}
.filmato1		{margin-bottom:3px}		
.filmato2		{color:white; vertical-align:bottom; font-weight:bold; padding-left:4px}
.grumo			{width:1px; height:140px}
.kastrox		{width:auto; min-width:400px; margin:0px 20px 0px 145px; z-index:3; text-align:center; padding:20px}
.kastrox		img {border:none}
.ico_sx			{width:20px; height:20px; border:1px solid #e7e7e7; margin:5px}
.img_sx			{margin:10px; border:1px solid black; float:left}
.img_dx			{margin:10px; border:1px solid black; float:right}
.immaginetitolo		{border:1px solid black; padding:20px; background:#fffffe url('http://www.marok.org/bianco1b.jpg');}
.navi			{width:auto; min-width:400px; margin:0px 20px 0px 145px; border:1px solid #000002; z-index:3; background:black; text-align:center; padding:20px; color:white}
.navi		      a {color:white}
.partners		{display:none}
.piccolo		{font-size:10px}
.piccolo2		{font-size:10px; font-weight:bold}
.piccolo3		{font-size:10px; font-weight:normal}

/* Quadro5 è quello normale, quadro8 è un contenitore trasparente, quadro9 è un div opaco a grandezza fissa */

.quadro1, .quadro2, .quadro3, .quadro4, .quadro5, .attivo, .attivo2, .estinto, .estinto2 {border:1px solid black; background:#fffffe; padding:10px; font-size:12px}
.quadro1 		{width:auto; min-width:400px; margin:0px 20px 0px 145px; z-index:3; background:#e7e7e7; padding:15px}
.quadro3, .attivo, .estinto {text-align:justify}
.quadro4		{text-align:center}
.quadro5		{width:auto; min-width:400px; margin:0px 20px 0px 145px; z-index:3; background:#fffffe url('http://www.marok.org/bianco1b.jpg'); text-align:justify; padding:15px}
.quadro6 		{width:auto; min-width:400px; margin:0px 20px 0px 145px; z-index:3; text-align:justify; padding:15px; font-size:12px}
.quadro7		{z-index:3; text-align:center; padding:15px; font-size:12px; background:#fffffe url('http://www.marok.org/bianco1b.jpg'); border:1px solid black}
.quadro8		{padding:10px; font-size:12px; width:auto; min-width:400px; margin:0px 20px 0px 145px; z-index:3; text-align:justify; padding:15px}
.quadro9, .quadro_foto	{z-index:3; background:#fffffe; text-align:justify; padding:20px; font-size:12px; border:1px solid black; width:600px}
.quadro10		{z-index:3; background:#fffffe; text-align:center; padding:20px; font-size:12px; border:1px solid black; width:360px}
.quadro14		{width:300px; z-index:4; padding:10px; text-align:center; color:white; background:#333333; border:1px dashed white}
.quadro14		a {color:white}
.quadro14		a:hover {color:gold}
.quadro14		img {width:88px !important; height:31px !important; border:none
!important}
.quadro_foto2		{z-index:3; text-align:justify; padding:20px; font-size:12px; width:600px}
.quadro_foto, .quadro_foto2 {text-align:center}
.quadro_foto 	    img {width:100px; height:75px; border:1px solid black}
.quadro_foto2 	    img {width:100px; height:75px; border:1px solid white}
.quadro_foto a:hover, .quadro_foto2 a:hover {text-decoration:none}



.quadro_esterno		{background:#fffffe; font-size:10px; border-top:1px solid #848284; border-left:1px solid #848284; border-right:1px solid #c6c6c6; 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}
.sezioni		{width:440px; background:black; font-size:11px; font-weight:bold; color:white; vertical-align:top}
.scaletta		{font-style:italic; background:#fffffe; border:1px dashed black; width:300px; margin:10px; padding:10px; text-align:left}
.sinistra2		{width:100px; background:black; color:white; vertical-align:top; font-weight:bold; font-size:12px}
.staceppadiminkia	{background:#fffffe; color: #000001; font-style:italic; font-weight:bold; padding:3px}
.staceppadiminkia     a	{color: #000001 !important}
.staceppadiminkia     a:hover {color:red !important; text-decoration:underline}
.stats			{visibility:hidden}
.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}
.titolo1, .titolo	{font-weight:bold}
.youtube		{width:360px; background:white; border:1px solid black; padding:20px; text-align:center}
span.posizione  	{font-size:12px}
span.posizione        a {font-size:12px; font-weight:bold; color:white; text-decoration:none}
span.posizione  a:hover {font-size:12px; font-weight:bold; color:white; text-decoration:underline}
span.shiny	    img {width:1px; height:1px; visibility:hidden}
div.shiny		{display:none}

.estinto, .estinto2	{background:#aeca8a}

a.colore2		{background:none; font-size:6px; display:block; font-weight:bold; text-decoration:none}
a.colore2:hover		{background:#fffffe; font-weight:bold; text-decoration:none}
a.resize		{color: #000001; font-weight:normal; background:#fffffe; text-decoration:none}
a.resize:hover		{color:white; font-weight:normal; background: black; text-decoration:none}

a			{color:green}