A
{
    COLOR: #ffffff;
    TEXT-DECORATION: none
}


BODY
{
    SCROLLBAR-FACE-COLOR: #ffffff;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    SCROLLBAR-HIGHLIGHT-COLOR: #666666;
    SCROLLBAR-SHADOW-COLOR: #666666;
    COLOR: #000000;
    SCROLLBAR-3DLIGHT-COLOR: #666666;
    SCROLLBAR-ARROW-COLOR: #000000;
    SCROLLBAR-TRACK-COLOR: #ffffff;
    FONT-FAMILY: verdana, arial;
    SCROLLBAR-DARKSHADOW-COLOR: #000000;
    BACKGROUND-COLOR: #6292C3;
}

#Destra1
{
    vertical-align: top;
	display:table-cell;
	position: relative
}


#Destra2
{
	position: absolute;  width:100%;
	bottom: 0px
}

#portafoto
{
	width: 70%; display:table-cell
}

#portafoto img
{
	max-width: 100%
}


#elenco
{
    text-align: left;
	margin-bottom: 30px
	}


.st1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #000000;
    FONT-FAMILY: verdana, arial
}
.st1:hover
{
    COLOR: #0000ff
}
.Quadrodentro
{
    BORDER-RIGHT: 0px solid;
    PADDING-RIGHT: 10px;
    BORDER-TOP: 0px solid;
    PADDING-LEFT: 10px;
    BACKGROUND: url(white.jpg);
    PADDING-BOTTOM: 10px;
    BORDER-LEFT: 0px solid;
    PADDING-TOP: 10px;
    BORDER-BOTTOM: 0px solid
}
.Quadrogrande
{
    BORDER-RIGHT: #000000 2px solid;
    PADDING: 4px;
    BORDER-TOP: #ffffff 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    BACKGROUND: #002C58;
    MARGIN-BOTTOM: -4px;
    BORDER-LEFT: #ffffff 1px solid;
    COLOR: #ffffff;
    BORDER-BOTTOM: #000000 2px solid;
    FONT-FAMILY: arial, geneva, helvetica, sans-serif;
    LETTER-SPACING: 0.05em;
	line-height: 130%;
	text-align: center;
}
p.Quadrogrande :hover
{
    COLOR: #C3D0DD
}

.Quadrogrande img
{
	padding: 7px 1px 1px 1px
}


.sottotab
{
}
.Quadrograndino
{
    BORDER-RIGHT: #000000 2px solid;
    PADDING: 1px 0.2em 1px 0.2em;
    BORDER-TOP: #ffffff 1px solid;
    MARGIN-TOP: 4px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BACKGROUND: #002C58;
    MARGIN-BOTTOM: 0px;
    BORDER-LEFT: #ffffff 1px solid;
    BORDER-BOTTOM: #000000 2px solid;
    FONT-FAMILY: arial, geneva, helvetica, sans-serif;
    LETTER-SPACING: 0.05em;
    DISPLAY: block;
	TEXT-ALIGN: center;
	
}
.Quadrograndino :hover
{
    COLOR: #C3D0DD
}
.nomi
{
    BORDER-RIGHT: #000000 2px solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #ffffff 1px solid;
    MARGIN-TOP: 0px;
    PADDING-LEFT: 10px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: #ffffff 1px solid;
    COLOR: #000066;
    LINE-HEIGHT: 130%;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #000000 2px solid;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #C3D0DD
}
.nomi2
{
    BORDER-RIGHT: #000000 2px solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #ffffff 1px solid;
    MARGIN-TOP: 0px;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: #ffffff 1px solid;
    COLOR: #000066;
    LINE-HEIGHT: 130%;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #000000 2px solid;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #C3D0DD
}

#prec {float: left	}

#seg {float: right}

.riappare {display: none}



@media only screen and (max-width: 600px) {
#portafoto, #destra1
{    display: block; 
	width: 100%;
	padding-bottom: 0px
	}
#Destra2
{    position:relative
	}


#elenco {margin-bottom: 5px	}

.quadrograndino a span{ display:none	}

.riappare {display: block}
.scompare {display: none}


}


