@charset "utf-8";

/* generali */

html,body{margin:0; padding: 0; height:100%; font-family:Verdana, Arial, Helvetica, sans-serif ; font-size:11px ; color:#fff;}

div, ul, li, h1 { margin:0; padding:0;}
ul{ list-style:none; }
img, input{border:none;}
a{text-decoration:underline; color:#fff; font-weight:bold; }
a:hover, a:active{ color:#FF9900;}
#box_alto a{color:#6c6c6c; font-weight:normal; text-decoration:none}
#box_alto a:hover, #box_alto a:active{color:#00407a}

/* contenitori */

#container{position:relative; width:100%; height:100%}
body{ background:url(../img/tile2.gif) repeat top left; }
#colonna_1{position:absolute; float:left; top:0px; left:0px; width:100%; height:100%;}
/* #colonna_2{position:absolute; float:right; top:0px; right:0px; width:50%; height:100%; z-index:5} */
#up_grad{position:relative; float:left; top:0px; left:0px; width:100%; height:350px; background:url(../img/grad_up_2.png) repeat-x top left;}
#down_grad{position:fixed; bottom:0px; width:100%; height:330px; background:url(../img/grad_down_2.png) repeat-x bottom left; }

:*first-child+html #down_grad{position:absolute; margin-bottom:-250px;}

/* elementi principali struttura */
#main{position:relative; float:left; left:50%; top:0px; margin-left:-414px; width:828px; height:auto; background:url(../img/pag_grad.png) repeat-y top left; padding:0px 16px; z-index:10}
#testata{position:relative; float:left; width:796px; height:330px; background:url(../img/testata.jpg) no-repeat top left;}
#box_alto{position:absolute; float:right; top:32px; right:76px; height:20px; background-color:#fff; color:#6c6c6c; z-index:30}
#pagina{position:relative; float:left; width:100%; height:auto; padding:5px 25px 25px 25px;}
*html #pagina{padding:25px 0px}
	#sx{position:relative; float:left; width:190px; height:auto; margin:5px 0px 0px 25px; }
	#dx{position:relative; float:left; width:486px; padding:0px 0px 0px 45px;}
#piede{position:relative; float:left; width:100%; height:50px; text-align:center; padding-top:15px;}

.testo_sx{position:relative; float:left; width:100%; }
.testo_dx{position:relative; float:left; width:400px;  }
.uljobs{position:relative; float:left; width:100%; margin:15px 0px}
.homeflash{position:relative; float:left; width:486px; height:569px;}
.titolo{position:relative; float:left; letter-spacing:-1px; width:auto; display:block}

.foto_pag{position:relative; float:left;height:191px; width:445px; margin-left:22px; background:url(../img/ombrafoto.jpg) no-repeat top left}
.foto_pag img{position:relative; float:left; margin:16px 0px 0px 10px;}

.box{position:relative; float:left; width:490px; top:-14px; color:#4d4d4d;}
.box_up{position:relative; float:left; width:100%; height:35px ;background:url(../img/box_top.png) no-repeat top left}
.box_middle{position:relative; float:left; width:100%; background:url(../img/box_middle.jpg) repeat-y top left; padding:0px 32px}
.box_bottom{position:relative; float:left; width:100%; height:100px ; background:url(../img/box_bottom.jpg) no-repeat top left}

.ulbox{position:relative; float:left; width:100%;}
.ulbox li{position:relative; float:left; width:430px; margin-bottom:45px;}
.ulbox li span{position:relative; float:left; height:auto; margin-top:4px;}

.tit_box{position:relative; float:left; width:100%; margin:2px 0px 20px 0px;}
.imm{position:relative; float:left; width:100px; height:100px; margin-right:15px;}
.testo_ulbox{position:relative; float:left; width:311px}
.testo_ulcont{position:relative; float:left; left:0px; width:100%; padding-top:5px;}

.ulboxtxt{position:relative; float:left; width:100%; padding:15px 0px 15px 32px;}
.ulboxtxt li{position:relative; float:left; width:380px; list-style-type:disc; list-style-position:outside; margin-bottom:8px; }


/* accessori */

.login{position:relative; float:left; width:400px; display:block; }
.label{position:relative; float:left;  display:block; clear:left; width:100px;}
.insert{position:relative; float:left; border:1px solid #fff; width:140px; height:14px; background:url(../img/login.jpg) repeat-x top left; margin-bottom:2px;}
.bt_invio{position:relative; float:right; width:90px; height:22px; top:0px; background:url(../img/bt_login.png) no-repeat bottom left; }

.data_news{position:absolute; float:right; top:-2px;}
.back_pag{position:relative; float:right; width:100%; right:60px ; text-align:right}
.linea, .linea_fine{position:relative; float:left; width:100%; height:1px; border-bottom:1px dotted #a2fffb; margin:8px 0px;}
*html .linea{margin:0px 0px 8px 0px;}
.linea_fine{margin-bottom:40px;}
a.freccia{position:relative; float:left; left:0px; background:url(../img/freccia.png) no-repeat top left; width:19px; height:19px; margin:3px 8px}
a:hover.freccia{position:relative; float:left; left:0px; background:url(../img/freccia.png) no-repeat bottom left; width:19px; height:19px; margin:3px 8px}
.pdf a{position:relative; float:left; width:100px;  height:20px; background:url(../img/pdf.gif) no-repeat top left; padding:7px 0px 0px 24px;}
.pdf a:hover{background:url(../img/pdf.gif) no-repeat bottom left; padding:7px 0px 0px 24px; color:#ececec}

/* titoli */

.bold{font-weight:bold;}
.grande{font-size:20px; }
.bluscuro{ color:#004789;}
.titolo span{font-weight:normal}