@charset "UTF-8";
/* CSS Document */

/* parte per standarizzare tra tutti i browser */
body, html {
margin: 0px;
padding: 0px;
border: 0px; }

body {
	font-family: "Arial", sans-serif;
	font-size: 12px;
	color:#cdcd9b;
	background:#000000;
}

input, select, button {vertical-align: middle}
.area_input { background-color:#FFFFFF;}
table, tr, td {margin: 0px; padding: 0px}
p, h1, h2, h3, div, img, form {margin: 0px; padding: 0px}
img {border: 0px; vertical-align:middle;}
div { position:relative; margin:0px auto; padding:0px 0px; border:none; background-repeat:no-repeat; display:block}
table {margin:0px auto; padding:0px 0px; border:none; }
a {border:none;}

/* fine del standard */

/* contenitore principale, il margin auto lo fa centrare */
#contenitore{ width:900px; margin:50px auto 0px; border:1px solid #cdcd9b}

/* la colonna 1 è la parte sinistra del sito quindi comprende il logo  e l'immagine */
#colonna_1{ float:left; width:450px}
#logo{margin:0px}
#colonna_1 img{margin:0px 5px}

/* colonna2 è la parte destra del sito, comprende solo il testo per ora */
#colonna_2{ float:right; width:450px}
.testo{ overflow:scroll; overflow-x:hidden; width:300px; height:250px;; margin-top:50px; margin-left:70px; border:1px solid #cdcd9b; padding:10px}

/* hack per risolvere un piccolo bug di alcuni browser, te lo spieghero, cmq va messo dopo i div col float */
.trascinatore{ clear:both}

/* barra dei menu, la parte dove c'è "hover" definisce il rollover, tutto quello che ce nel "hover" viene aggiunto/modificato al nomale stato, per mettere un immagine aggiungi tipo "background=url(percorso.jpg);" */
#barra{ margin:20px auto; clear:both; padding:7px; text-align:center}
#barra li{ display:inline; float:left; list-style:none; margin:0px auto}
#barra li a{ padding:4px 18px; border-right: 1px solid #cdcd9b; color:#cdcd9b}
#barra li a:hover{ color:#000000; background:#cdcd9b}

/* parte dove va il copyright etc */
#fondo{ text-align:center; margin:0px auto}