﻿
body
{
	font-size: 12px; 
	color: black;
	font-style: normal;
	font-family: Verdana;
	background-color: #FFFFFF;
	text-align: justify;
	font-variant: normal;
	text-indent: 0px;
	letter-spacing: normal;
}

/* Attenzione il div container con gli attributi deve essere nei fogli di stile 
 * altrimenti gli oggetti che metti dentro il div non vengono posizionati relativamente 
 * al div ma rispetto all'angolo in alto a sinistra del browser
*/
div#container {
    margin: 0 auto;
    position: relative;
    z-index: 100;
    background-color: #FFFFFF;
    line-height: 15pt;
    font-size: 9pt;
    color: #666666;
    text-align: justify;
    width: 1024px;
    height: 666px;
    left: 0px;
    top: 0px;
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;

} 

div#container1 {
    margin: 0 auto;
    position: relative;
    z-index: 100;
    background-color: #FFFFFF;
    line-height: 15pt;
    font-size: 9pt;
    color: #666666;
    text-align: justify;
    width: 1024px;
    height: 666px;
    left: 0px;
    top: 0px;
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    background-image: url('IMG/SFONDO.jpg');
    border-style: hidden;
    
}

div#container_Lunga {
    margin: 0 auto;
    position: relative;
    z-index: 100;
    background-color: #FFFFFF;
    line-height: 15pt;
    font-size: 9pt;
    color: #666666;
    text-align: justify;
    width: 1024px;
    height: 1200px;
    left: 0px;
    top: 0px;
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    background-image: url('IMG/SFONDOlungo.jpg');
    border-style: hidden;
    
}




.riquadro {
       display:block;
       height:80px;
       width:400px;
       overflow-y:auto; /* se il contenuto dovesse essere alto più di 80 pixels, apparirà una scrollbar */
       border:1px solid gray;
}

div#containerAlessioLucchesi
{
	margin: 0 auto;
	position: relative;
	z-index: 100;
	background-color: white;
	line-height: 15pt;
	font-size: 7pt;
	text-align: justify;
	width: 1024px;
	height: 600px;
	left: 0px;
	top: 0px;
	border-top: black 1px solid;
	border-left: black 1px solid;
}

/* Stile dei link testuali*/
a
{
	color: black;
	text-decoration: none;
}

a:visited
{
  color: red
}

a:active
{
  color: red
}

a:disabled
{
    color:Grey; 
    text-decoration:none
}

/*il colore del link e del titolo farli uguali */
a:hover
{
	color: red;
}

.enabledLinkButton
    {
       color: black;
	   text-decoration: none;
    }

.enabledLinkButton:hover
    {
        color: red;
        text-decoration:none
    }

.enabledLinkButton:active
   {
        color: red;
        text-decoration:none
    }





.disabledLinkButton
    {
        color:Grey;
        text-decoration:none
    }


.disabledLinkButton:hover
    {
        color:Grey;
        text-decoration:none
    }

.disabledLinkButton:active
   {
        color:Grey;
        text-decoration:none
    }

/* titoli dei paragrafi */
.titolo
{
	text-transform: uppercase;
	color: red;
	font-size: 15px;
}


.titolo1 {
    color: #484747;
    font-size: 18px;
    font-weight: normal;
    font-style: italic;
}


/* titoli dei paragrafi */
.titolo2 {
    
    color: grey;
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
}


/* fotografie con bordo grigio fine */
IMG.foto
{
	border-right: #d2d2d2 1px solid;
	border-top: #d2d2d2 1px solid;
	border-left: #d2d2d2 1px solid;
	border-bottom: #d2d2d2 1px solid;
}

/* Stile dei link sulle immagini */
A:hover img
{
	border-right: #d2d2d2 1px solid;
	border-top: #d2d2d2 1px solid;
	border-left: #d2d2d2 1px solid;
	border-bottom: #d2d2d2 1px solid;
}

a:visited img
{
	border-right: #d2d2d2 1px solid;
	border-top: #d2d2d2 1px solid;
	border-left: #d2d2d2 1px solid;
	border-bottom: #d2d2d2 1px solid;
}

/* SERVE PER I CARATTERI PICCOLI*/
.pi h1
{
	font-size: 8px;
	color: gray;
	text-transform: lowercase;
	letter-spacing: normal;
}
.pi 
{
	font-size: 8px;
	color: gray;
	text-transform: lowercase;
	letter-spacing: normal;
}

/* Stile dei link testuali*/
.pi a
{
	color: gray;
	text-decoration: none;
}

.pi a:visited
{
  color: gray;
}

.pi a:active
{
  color: gray;
}

/*il colore del link e del titolo farli uguali */
.pi a:hover
{
	color: gray;
}



/*veramente un casino mettere un bordo su un TR....... se non metti display non lo visualizza altrimenti devi mettere  <table style="border-collapse: collapse;">*/
 tr.bordo_tabella_awards { 
        display: table;            /* this makes borders/margins work */
        border: 1px solid #CCCCCC;
        margin: 10px;
        padding-left:15px;
    }