/* CSS HomePage */

/* testata */
#hp #head { height:85px; background-image: url(/imgs/bg_head_hp.png);}
#hp #head ul {top:61px;}
#hp #head #data {top:65px;}
#hp #head h1 a {cursor:default;}

/* menu laterale sx */
#hp #menu {width:171px;}
#hp #menu dl {width:171px;}
#hp #menu dt {width:171px;}
#hp #menu dd {width:171px;}

/* contenitore */
#hp #container {background: url(/imgs/bg_container_hp.png) repeat-y 0 0;}

/* colonna centrale */
#hp #col02 {float:left; width:586px;}

/* box verticale alto sx */
#hp #box01 {border-right:1px solid #435F77; border-top:1px solid #435F77; padding:9px 2px; width:115px; height:280px; float:left; text-align:center; font-size:11px; overflow:auto; }

/* box con immagine apertura */
#hp #box02 {background: url(/imgs/img_home.jpg) no-repeat 50% 0; border-top:1px solid #435F77; width:466px; height:298px; float:left; }

/* box centrali con foto, titolo ed intro */
#hp .boxR2 {border-top:1px solid #435F77; padding:7px; width:181px; height: 121px; float:left; position:relative}
#hp .boxR2 img {position:absolute; top:7px; left:7px; border:1px solid #435F77; }
#hp .boxR2 img:hover {border-color:#FF6600; }
#hp .boxR2 h2 {font-size:12px; background-color:#FFFFFF; line-height:12px; color:#435F77; text-indent:7px; margin-bottom:4px; padding-left:70px;}
#hp .boxR2 h2 a {color:#435F77;}
#hp .boxR2 h2 a:hover {color:#FF6600;}
#hp .boxR2 p {font-size:11px; line-height:13px; color:#000000; padding-left:77px;}

/* stili in comune per i quattro box fondo pagina divisi per righe */
#hp .boxR3 {background-color:#BED5E3; border-top:1px solid #435F77; padding:10px; width:273px; height:80px; float:left; overflow:hidden;}
#hp .boxR4 {background-color:#BED5E3; border:1px solid #435F77; border-left:none; padding:10px; width:273px; height:80px; float:left; overflow:hidden;}
#hp .boxR3 h3, #hp .boxR4 h3 {font-size:14px; text-transform:uppercase;}
#hp .boxR3 p, #hp .boxR4 p {font-size:13px;}

/* box webcam */
#hp #box06.boxR3 {background:#BED5E3 url(/imgs/bg_webcam.jpg) no-repeat 100% 100%; border-right:1px solid #435F77; padding:30px 72px 30px 20px; width:200px; height:40px;}
#hp #box06.boxR3 h3 a {color:#435F77;}
#hp #box06.boxR3 h3 a:hover {color:#FF6600;}

/* box vuoto */
#hp #box07.boxR3 {padding:0; width:293px; height:100px; }

/* box newsletter */
#hp #box08.boxR4 {background:#BED5E3 url(/imgs/bg_keyboards.jpg) no-repeat 0 100%; padding:20px 10px 10px 80px; width:202px; height:70px;}

/* box contatta webmaster */
#hp #box09.boxR4 {background:#BED5E3 url(/imgs/bg_box_sfumato.jpg) repeat-y 100% 0; padding:15px 10px; height:70px; border-right:none; text-align:right;}
#hp #box09.boxR4 img {float:right; margin-left:10px;}