﻿html { background: url("../img/sfondo_blu.jpg") repeat top left; }
body { font-size: 82%; font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif; background: url("../img/sfondo_sfum.jpg") repeat-x top left;  }
strong { font-weight: bold; }
.hidden { display: none; }
#Header { position: relative; background: url("../img/banner.jpg") no-repeat 142px 32px; min-height: 142px; }
#Logo { position: relative; z-index: 1; top: 27px; left: 20px; width: 98px; height: 108px; }
#Logo span { position: absolute; display: block; width: 98px; height: 108px; background: url("../img/logo.jpg") no-repeat top left; top: 0; left: 0; z-index: 10; }
#Logo acronym { display: block; position: absolute; top: 98px; left: 120px; background: url("../img/coirag-acronym.jpg") no-repeat top left; width: 627px; height: 17px; overflow: hidden;}
#Logo acronym span { display: none; }
#ReservedAreaMenu { position: absolute; top: 0; right: 0; }
#ReservedAreaMenu li { float: left; padding-left: 5px; margin-left: 5px; margin-top: 4px; border-left: 1px solid #666; font-size: 90% }
#ReservedAreaMenu .padded a { line-height: 25px; }
#ReservedAreaMenu li.primo { border-left: 0; padding-left: 0; }
#ReservedAreaMenu li.area { border-left: 0; border-right: 1px solid #666; padding-left: 0; padding-right: 5px }
#ReservedAreaMenu li.area a { color: #000099; }
#ReservedAreaMenu li a { color: #666; text-decoration: none; font-weight: bold }
#ReservedAreaMenu li a:hover { text-decoration: underline; }
#ReservedAreaMenu li.primo a { border-left: 0; color: red  }

#Container { font-size: 1em; width: 934px; margin: 0 auto; background:  url("../img/background_new.png") repeat-y top left; padding: 0 20px;  }

#Content { clear: left; margin-top: 10px; min-height: 410px; height: auto !important; height: 410px; padding-bottom: 10px; border-bottom: 1px solid #CCC; }

#Content .btnBlue { position: relative; text-align: right; }

.iagpfoto { position: absolute; bottom: -5px; left: 3px; background: #FFF }
.iagpfoto img {  border-color: Red; border-width: 2px; border-style: solid; }

#Scuola { float: left; width: 264px; padding: 10px; min-height: 390px; height: auto !important; height: 390px; border-left: 6px solid #82B4E5; background: #E5EAED url("../img/area01_libri.jpg") no-repeat 10px bottom; line-height: 1.5em; margin-right: 15px; }
#Eventi { position: relative; float: left; width: 280px; padding: 10px; min-height: 390px; height: auto !important; height: 390px; border-left: 6px solid #5A96D4; background: #D8E0E3 url("../img/area02_sedie.jpg") no-repeat right bottom; line-height: 1.5em; margin-right: 15px; }
#Gruppi { float: left; width: 282px; padding: 10px; min-height: 215px; height: auto !important; height: 215px; border-left: 6px solid #1865AD; background: #C9D4D8 url("../img/area03_rivista.jpg") no-repeat left bottom; line-height: 1.5em; margin-bottom: 20px; }
#AreaRiservata { float: left; width: 308px; background:#EFEFEF; line-height: 1.5em; }

#Scuola h2 { position: relative; width: 240px; height: 32px; margin-bottom: 10px; overflow: hidden; }
#Scuola h2 span { position: absolute; top: 0; left: 0; width: 240px; height: 32px; background: url("../img/tit_home_scuola.jpg") no-repeat top left; }

#Eventi #tit-eventi { position: relative; width: 242px; height: 18px; margin-bottom: 10px; }
#Eventi #tit-eventi span { position: absolute; top: 0; left: 0; width: 242px; height: 18px; background: url("../img/tit_home_eventi.jpg") no-repeat top left; }
#Eventi #tit-eventi-ultimo { position: relative; width: 189px; height: 18px; margin-bottom: 0px; }
#Eventi #tit-eventi-ultimo span { position: absolute; top: 0; left: 0; width: 250px; height: 18px; background: url("../img/tit_home_ultimoevento.jpg") no-repeat top left; }
#Eventi hr { height: 1px; border: 0; background: #999 }

#Eventi div  { position: relative; }
#Eventi div .btnBlue { position: absolute; top: 45px; right: 0 } 

#Gruppi h2 { position: relative; width: 233px; height: 18px; margin-bottom: 10px; }
#Gruppi h2 span { position: absolute; top: 0; left: 0; width: 233px; height: 18px; background: url("../img/tit_home_rivista.jpg") no-repeat top left; }

#AreaRiservata h2 { position: relative; width: 212px; height: 16px; margin-bottom: 10px; } 
#AreaRiservata h2 span { position: absolute; top: 0; left: 0; width: 212px; height: 16px; background: url("../img/tit_home_reserved.jpg") no-repeat top left; } 

#AreaRiservata fieldset { position: relative; margin-top: 5px; }
#AreaRiservata fieldset #Username input { width: 120px; }
#AreaRiservata fieldset #Password { position: absolute; top: 0; left: 135px; }
#AreaRiservata fieldset #Password input { width: 120px; }
#AreaRiservata fieldset #Button { position: absolute; top: 18px; left: 265px; }
#AreaRiservata label { display: block; font-weight: bold; font-size: 90%  }
.noblock label { display: inline; float: left;  }

#AreaRiservata .areaHeader { background: url("../img/box_argento_home_header.jpg") no-repeat top left; height: 11px; width: 308px; }
#AreaRiservata .areaBody { padding: 0px 16px 0 16px; background: url("../img/box_argento_home_body.jpg") repeat-y top left; min-height: 130px; height: auto !important; height: 130px; }
#AreaRiservata .areaFooter { background: url("../img/box_argento_home_footer.jpg") no-repeat top left; height: 12px; width: 308px; }

/* FOOTER */
#Footer { clear: left; position: absolute; left: 50%; margin-left: -487px; background: url("../img/footer.png") no-repeat bottom left; min-height: 36px; height: auto !important; height: 36px; width: 976px; /*margin: 0 auto;*/ }
#Footer li { float: left; margin-right: 5px; padding-right: 5px; border-right: 1px solid #333; }
#Footer li.ultimo { margin-right: 0px; padding-right: 0px; border-right: 0; }
#Footer a { color: #333; text-decoration: none; font-size: 80% }
#Footer a:hover { text-decoration: underline; }
#Footer ul { width: 320px; margin: 0 auto; padding-top: 9px; text-align: center; height: 20px; }
#Footer p.address { position: absolute; top: 40px; width: 100%; text-align: center; color: #FFF }

body #Container #Header #ReservedAreaMenu a.red { color: red; }
body #Container #Header #ReservedAreaMenu a.blue { color: #2b469d; }

.link { color: #228822; }
.divpages { border-top: 1px solid #2b469d; padding-top: 5px; text-align: center; }
.divresults {  }
