@charset "utf-8";
/* CSS Document */
@import url(reset.css);
@import url(lightbox.css);

html, body{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666;  line-height:120%; text-align:center; background:#DDE3E4 url(../images/bgPage.jpg) center top no-repeat;}

hr{display:none;}

a{color:#2C436C; text-decoration:underline;}
a:hover{color:#F02B11;}
a.active{cursor:default;}
h1, h2, h3, h4, h5, h6{font:inherit;}

.cleared{clear:both; height:1%;}
.cleared:after{clear:both; visibility:hidden; display:block; content:"."; height:0;}
.clear{width:100%; height:1px; line-height:1px; overflow:hidden; float:none; clear:both;}
.hidden{display:none;}

/*common*/
.currentTxt{margin:20px 0;}
.mainCol .currentTxt{margin-top:0;}
.currentTxtBorder{padding-bottom:20px; border-bottom:1px solid #DDE3E4;}
.currentTxt p, .currentTxt ul, .currentTxt ol{margin-top:14px;}
.currentTxt ul{list-style-type:disc; margin-left:20px;}
.currentTxt ol{list-style-type:decimal; margin-left:20px;}
.currentTxt strong{color:#2C436C;}

.txtColorRed{color:#F02B11;}
.txtColorBlue{color:#2C436C;}

a.arrow{display:block; padding-left:8px; position:relative; text-decoration:none;}
a.arrow:hover{}
a.arrow span{display:block; width:4px; height:7px; background:url(../images/arrow.png) 0 0 no-repeat; position:absolute; top:4px; left:0;}
a.arrow:hover span{background-position:0 -50px;}

a.linkBtn{display:inline-block; /*float:left;*/ height:28px; overflow:hidden; line-height:28px; text-decoration:none; background:url(../images/linkBtn.png) right 0 no-repeat; position:relative; padding:0 10px 0 28px; clear:both; margin-top:5px; font-weight:bold;}
a.linkBtn span{display:block; width:28px; height:28px; background:url(../images/linkBtn.png) 0 0 no-repeat; position:absolute; top:0; left:0;}
a.linkBtn:hover{color:#DC1D1F;}
a.linkBtn:hover span{background-position:0 -30px;}


a.linkFile{text-decoration:none; position:relative; padding:2px 0 0 24px;}
a.linkFile span{display:block; width:18px; height:16px; background:url(../images/linkFIle_areaDoc.png) -6px -5px no-repeat; position:absolute; top:0; left:0;}
a.linkFile:hover{color:#DC1D1F; text-decoration:underline;}
a.linkFile:hover span{background-position:-6px -35px;}

a.linkFile_pdf span, a.linkFile_pdf:hover span{background-position:-6px -65px;}
a.linkFile_doc span, a.linkFile_doc:hover span{background-position:-6px -95px;}
a.linkFile_xls span, a.linkFile_xls:hover span{background-position:-6px -125px;}
a.linkFile_ppt span, a.linkFile_ppt:hover span{background-position:-6px -155px;}
a.linkFile_zip span, a.linkFile_zip:hover span{background-position:-6px -185px;}
a.linkFile_img span, a.linkFile_img:hover span{background-position:-6px -215px;}
a.linkFile_genDoc span, a.linkFile_genDoc:hover span{background-position:-6px -245px;}

.bgBox{padding:20px; background-color:#eaedee; text-align:center; font-size:130%;}

table.tableBordered{border-top:1px solid #ccc; width:100%;}
table.tableBordered th, table.tableBordered td{padding:5px 0; vertical-align:top; border-bottom:1px solid #ccc; margin:20px 0;}
table.tableVAlignBottom th, table.tableVAlignBottom td{vertical-align:bottom;}

/*struttura*/
.general{min-width:980px; text-align:center;}
.container{width:768px; margin:0 auto; text-align:left; position:relative;}
	.header{height:154px; background:url(../images/bgHeader.png) right top no-repeat; position:relative;}
	.center{background:url(../images/bgCenter.png) right top repeat-y;}
		.content{width:762px; float:right; padding-bottom:42px; position:relative;}
			.main{width:675px; overflow:hidden; margin-left:40px; min-height:400px;}
	.footer{background:url(../images/bgFooter.png) right top no-repeat; padding:14px 0; position:relative; margin-bottom:30px;}
		.footer .footerCnt{margin-left:30px;}
		.footerBot{height:30px; width:100%; background:url(../images/bgFooterBot.png) right top no-repeat; position:absolute; bottom:-30px; left:0;}
		
/*header*/
.logo{position:absolute; top:70px; left:20px;}
.header .tit{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:26px; color:#000; line-height:100%; position:absolute; top:85px; left:63px;}
.header .tit em{display:block; padding-left:15px; font-size:13px; line-height:100%; font-style:normal; color:#333;}


/*contents*/
.pageTit{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; line-height:120%; color:#F02B11; text-transform:uppercase; margin:20px 0; position:relative;}

.pageTit a.linkBtn{position:absolute; top:-3px; right:0; margin-top:0;}


/*login*/
.boxLogin{background:url(../images/areaDoc_loginBox_bg.jpg) 0 0 repeat-y; position:relative; width:292px; position:relative; margin:50px auto 0 auto;}
.boxLogin .top{width:100%; height:11px; background:url(../images/areaDoc_loginBox_bgTop.jpg) 0 0 no-repeat; position:absolute; top:0; left:0;}
.boxLogin .bot{width:100%; height:11px; background:url(../images/areaDoc_loginBox_bgBot.jpg) 0 0 no-repeat; position:absolute; bottom:0; left:0;}
.boxLogin .tit{padding:13px 0 11px 0; margin:0 14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; line-height:100%; text-transform:uppercase; color:#00667D; border-bottom:1px solid #d4d4d4;}
.boxLogin .mid{padding:14px;}
.boxLogin .mid .form{border-bottom:1px solid #d4d4d4; margin-bottom:14px; padding-bottom:5px; width:264px;}
.boxLogin .form span.error{text-align:right; right:3px;}
.boxPwd{display:none;}
.boxPwd .msg{display:none; border-bottom:1px solid #d4d4d4; margin-bottom:14px; padding-bottom:5px;}


/*footer*/
.footer .footerCnt .col{float:left; background:url(../images/footer_col.gif) right top repeat-y; padding:0 14px; font-size:10px; line-height:15px; position:relative;}
.footer .footerCnt .col a.pec{color:#2C436C; text-decoration:underline;}
.footer .footerCnt .colNoBorder{background:none; font-size:11px;}
.footer .footerCnt .col a.pec:hover{color:#D2250C;}


/* ----------------- */
/* ----- FORMS ----- */
/* ----------------- */

/* form */
/*.main{width:547px;}*/

/*
normal = mezza larghezza pagina
L	= tutta larghezza pagina
S	= metà larghezza normale (calcolando margine in caso di float)
XS	= un terzo larghezza normale (calcolando margine in caso di float)
2XS	= due XS, ovvero due terzi della larghezza normale (calcolando margine in caso di float)
float	= flottano e quindi di posizionano sulla stessa riga
aCenter	= testo dell'input centrato
*/

.form{width:570px;}
.form fieldset{padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #DDE3E4; }
.form legend{color:#2C436C; font-weight:bold; margin-bottom:15px;}
.form label{display:block;}
.form label.hidden{display:none;}
.form .block{padding-bottom:7px; position:relative;}
.form .blockCol{width:283px;}
.form .blockXS{width:91px;}
.form .block2XS{width:180px;}
.form .blockS{width:135px;}
.form .blockL{width:547px;}
.form span.error{color:#F00; position:absolute; top:0; right:25px; font-size:10px; display:none; line-height:120%;}

.form .float{float:left; clear:right;}
.form .aCenter{text-align:center;}

.form input.inputTxt{margin:3px 0 0 0; width:252px; padding:5px 5px 7px 5px; color:#666; border:1px solid #ccc;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.form input.inputTxtXS{width:71px; margin-right:7px;}
.form input.inputTxt2XS{width:161px; margin-right:7px;}
.form input.inputTxtS{width:114px; margin-right:7px;}
.form input.inputTxtL{width:535px;}

.form textarea.inputTextarea{margin:3px 0 0 0; width:252px; padding:0; height:120px; line-height:120%; padding:5px; color:#666; border:1px solid #ccc; font-family:Arial, Helvetica, sans-serif; font-size:13px; overflow:auto; resize:none;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.form textarea.inputTextareaXS{width:71px; margin-right:7px;}
.form textarea.inputTextarea2XS{width:161px; margin-right:7px;}
.form textarea.inputTextareaS{width:114px; margin-right:7px;}
.form textarea.inputTextareaL{width:535px;}

.form select.inputSelect{margin:3px 0 0 0; width:264px; padding:5px; color:#666; border:1px solid #ccc;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.form select.inputSelectXS{width:83px; margin-right:7px;}
.form select.inputSelect2XS{width:173px; margin-right:7px;}
.form select.inputSelectS{width:126px; margin-right:7px;}
.form select.inputSelectL{width:547px;}

.form input.inputTxt:focus, .form textarea.inputTextarea:focus, .form select.inputSelect:focus{color:#000;}

.form .blockBtn{}
.form a.btn{display:block; float:left; height:30px; overflow:hidden; line-height:30px; text-decoration:none; background:url(../images/form_btn.png) no-repeat; position:relative; padding:0 10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; margin-right:10px;}
.form a.btn span{display:block; width:10px; height:30px; background:url(../images/form_btn.png) no-repeat; position:absolute; top:0; left:0;}
.form a.btnSend{background-position:right 0; color:#fff;}
.form a.btnSend span{background-position:0 0;}
.form a.btnSend:hover{background-position:right -30px; color:#fff;}
.form a.btnSend:hover span{background-position:0 -30px;}
.form a.btnReset{background-position:right -60px; color:#2C436C;}
.form a.btnReset span{background-position:0 -60px;}
.form a.btnReset:hover{background-position:right -90px; color:#2C436C;}
.form a.btnReset:hover span{background-position:0 -90px;}

/* side col forms */
.sideCol .formBox{background:url(../images/form_side_bg.png) 0 0 repeat-y; position:relative; padding:14px; margin-bottom:12px;}
.sideCol .formBox .top{width:100%; height:11px; background:url(../images/form_side_bgTop.png) 0 0 no-repeat; position:absolute; top:0; left:0;}
.sideCol .formBox .bot{width:100%; height:11px; background:url(../images/form_side_bgBot.png) 0 0 no-repeat; position:absolute; bottom:0; left:0;}
.sideCol .formBox .tit{padding-bottom:11px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; line-height:100%; text-transform:uppercase; color:#00667D; border-bottom:1px solid #d4d4d4; margin-bottom:11px;}

.sideCol .formBox input, .sideCol .formBox select{margin:0 0 10px 0; padding:0; border:none; color:#B2B1B3; outline:none;}
.sideCol .formBox input:focus, .sideCol .formBox select:focus{color:#000;}
.sideCol .formBox input.inputTxt{width:162px; height:20px; line-height:20px; padding:5px; background:transparent url(../images/form_side_inputTxt.png) 0 0 no-repeat;}
.sideCol .formBox select.inputSelect{width:172px; height:30px; line-height:27px; padding:5px; background:transparent url(../images/form_side_inputTxt.png) 0 0 no-repeat;}
.sideCol .formBox input.inputFile{width:172px; height:30px; padding:0; line-height:30px; background:transparent url(../images/form_side_inputTxt.png) 0 0 no-repeat;}

.sideCol .formBox a.btn{display:block; float:left; height:30px; overflow:hidden; line-height:30px; text-decoration:none; background:url(../images/form_side_btn.jpg) right 0 no-repeat; position:relative; padding:0 10px; clear:both; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; color:#00667D;}
.sideCol .formBox a.btn span{display:block; width:10px; height:30px; background:url(../images/form_side_btn.jpg) 0 0 no-repeat; position:absolute; top:0; left:0;}
.sideCol .formBox a.btn:hover{color:#fff; background-position:right -30px;}
.sideCol .formBox a.btn:hover span{background-position:0 -30px;}

a.btn_side_big{width:180px; display:block; float:left; height:36px; overflow:hidden; line-height:100%; text-decoration:none; background:url(../images/btn_side_big.jpg) right 0 no-repeat; position:relative; padding:7px 10px 0 10px; clear:both; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; color:#00667D; text-align:center; margin-bottom:12px;}
a.btn_side_big span{display:block; width:10px; height:43px; background:url(../images/btn_side_big.jpg) 0 0 no-repeat; position:absolute; top:0; left:0;}
a.btn_side_big:hover{color:#fff; background-position:right -43px;}
a.btn_side_big:hover span{background-position:0 -43px;}


/*form modulistica*/
.formMod{}
.formMod .text{margin:15px 0 7px 0; color:#2C436C; width:547px;}
.formMod .text:first-child{margin-top:0;}
.formMod .block{}
.formMod input.inputTxt{/*width:535px;*/}
.formMod textarea.inputTextarea{width:535px;}
.formMod .checkboxList{padding:3px 0 7px 0; margin-top:5px; width:545px;}
.formMod .checkboxList, .formMod .checkboxList li{padding:0; list-style-type:none; clear:left;}
.formMod .checkboxList input[type="checkbox"] {float: left; /*margin-left: -20px;*/}
.formMod .checkboxList label{padding:0 10px 0 5px; display:inline-block;}
.formMod .checkboxList.checkboxListO li {display: inline-block;}

.formMod .radioList{margin-top:5px;}
.formMod .radioList, .formMod .radioList li{padding:0; list-style-type:none; clear:left;}
.formMod .radioList input[type="checkbox"] {float: left; /*margin-left: -20px;*/}
.formMod .radioList label{padding:0 10px 0 5px; display:inline-block;}
.formMod .radioList.radioListO li {display: inline-block;}

/*.formMod .checkboxListO{clear:both; height:1%;}
.formMod .checkboxListO:after{clear:both; visibility:hidden; display:block; content:"."; height:0;}
.formMod .checkboxListO label{ float:left; padding-right:15px;}
.formMod .radioList{padding:3px 0 7px 0; width:545px;}
.formMod .radioListO{clear:both; height:1%;}
.formMod .radioListO:after{clear:both; visibility:hidden; display:block; content:"."; height:0;}
.formMod .radioListO label{ float:left; padding-right:15px;}*/
.formMod .blockBtn{margin-top:15px; padding-top:15px; border-top:1px solid #DDE3E4;}
.formMod span.error{position:relative; top:0; right:0;}