@charset "utf-8";

/* css v.1.0 by Arscolor.com =========================================================

Aggiornato il 18/07/08  da Lorenzo

> colori utilizzati

	- viola logo/sfondo: #7b1d61
	- giallo logo/ titoli: #fff689
	- blu titoli: #11539e
	- violetto sfondo titoli, box: #c1c8e4
	- violetto pił chiaro colonna destra: #e9edff
	
> sommario (mettere = davanti al titolo per cercarlo)

	-typo
	-layout
	-header
	-main nav
	-colonna sinistra
	-colonna destra
	-contenuto 
	-paginazione, elementi di navigazione comuni, menu aggiuntivi
	-forms
	-footer
	
======================================================================================= */

html, body{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#333;
	}
	
body{
	background-color:#FFF;
	}
		
*{
	margin:0;
	padding:0;
	}
	
.clearLeft{
	clear:left;
	}
	
.clearRight{
	clear:right;
	}
	
.clearBoth{
	clear:both;
	}
	
img{
	border:0;
	}
	
/* =typo =========================================================================== */

#content h2, #content h3, #content h4{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

#leftCol h2, .rightBar h2{
	font:bold 16px Verdana, Arial, Helvetica, sans-serif;
	}

.contentBox p, .contentBox ul, .contentBox ol, .contentBox table{
	margin-bottom:17px;
	line-height:17px;
	}
	
#content h3{
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#7b1d61;
	}
			
/* =layout ========================================================================= */

#bgTop{	
	background:#7b1d61 url(img/bg_top.gif) top repeat-x;
}

#wrapper{
	width:960px;
	margin:0 auto;
	min-height:480px;
	height:auto !important;
	height:480px;
	}
	
#header{
	height:103px;
	position:relative;
	}
	
#leftCol {
	float:left;
	width:275px;
	}
	
#centRight{
	float:right;
	width: 675px;
	}
	
#content{
	float:left;
	width:477px;
	}
	
#rightCol{
	float:right;
	width:190px;
	}
	
#bgBottom{
	width:100%;
	background:#FFF url(img/bg_bottom.gif) top repeat-x;
	clear:both;
	}
	
#footer{
	width:912px;
	margin:0 auto;
	height:132px;
	position:relative;
	background:url(img/bg_footer.jpg) left -1px no-repeat;
	padding:12px 24px;
	}
	
/* homepage */

.home{
	background: url(img/bg_homelogin.jpg) -7px -3px no-repeat;
	}
	
.homeLogin{
	height:235px;
	}
	
.homeLogin .auleTxt, .homeLogin .homeLoginBox{
	float:left;
	width:212px;
	padding:12px 2px 12px 18px;
	}
	
.homeLogin .auleTxt{
	font-weight:bold;
	line-height:17px;
	}
	
.homeLogin .homeLoginBox label{
	font-weight:bold;
	color:#11539e;
	}
	
.homeLogin .homeLoginBox input{
	display:block;
	}
	
.homeLogin .homeLoginBox p{
	margin-bottom:7px;
	}
	
.homeLogin .homeLoginBox .formP{ /* Lorenzo 18/07/08 */
	padding-top:4px;
	padding-bottom: 4px;
	}
	
#content .homeLogin h2{
	background:none;
	color:#7b1d61;
	padding:10px 16px 0px 16px;
	margin:0;
	}
	
#content .homeLogin h3{
	color:#7b1d61;
	font-size:12px;
	margin-bottom:2px;
	}

#content .homeFocus h2{
	background:url(img/focushome_top.png) -4px top no-repeat;
	padding:24px 12px 0 16px;
	margin:0;
	}
	
#content .focusContent{
	background:url(img/focushome_bg.png) -4px bottom no-repeat;
	padding:12px 18px 48px 18px;
	}
	
#content .focusContent h3{
	margin-bottom:18px;
	color:#11539e;
	}


/* =header ============================================================ */

#header h1{
	background:url(img/logo.gif) left top no-repeat;
	width:251px;
	height:103px;
	}
	
#header a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-2000px;
	}
	
#header #certTitle{
	position:absolute;
	top:0px;
	right:0px;
	background:url(img/logo_tuv.jpg) left top no-repeat;
	width:206px;
	height:102px;
	}


	
/* =main nav ========================================================================= */

#nav{
	height:48px;
	background:url(img/div_menu.gif) left top no-repeat;
	list-style-type:none;
	margin-bottom:10px;
	padding-left:3px;
	}
	
#nav li{
	float:left;
	width:auto;
	background:url(img/div_menu.gif) right top no-repeat;
	padding-top:4px;
	padding-right:3px
	}
	
#nav li a{
	float:left;
	width:auto;
	height:32px;
	padding:12px 16px 0 16px;
	color:#FFF;
	font:bold 14px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	}

#nav li a:hover, #nav li a.active{
	background-color:#e9edff;
	color:#11539e;
	}
	

/* =colonna sinistra ============================================================================== */

#leftCol .leftBox{
	background:url(img/leftbox_bg.png) bottom no-repeat;
	padding-bottom:36px;
	margin-bottom:12px;	
	list-style:none;
	}

#leftCol h2{
	background:url(img/leftbox_top.png) top no-repeat;
	padding:14px 16px;
	height:23px;
	color:#fff689;
	/*position:relative;
	top:-10px;*/
	}

#leftCol .leftBox li, #leftCol .leftBox p{
	background:url(img/leftbox_div.gif) bottom repeat-x;
	/*padding:12px 16px;*/
	margin:0px 6px 0px 5px;
	font:bold 12px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	clear:left;
	}
	
#leftCol .leftBox a, #leftCol .leftBox .bullet{
	text-decoration:none;
	color:#FFF;
	background:url(img/bullet01.gif) 12px 16px no-repeat;
	display:block;
	width:auto;
	padding:12px 16px 12px 30px;
	}
	
#leftCol .leftBox a:hover, #leftCol .leftBox a.active{
	background-color:#e9edff;
	color:#11539e;
	}
	
	
/* =colonna destra ======================================================================================= */

.rightBar{
	background: url(img/rightbox_bg.gif) left bottom no-repeat;
	padding-bottom:104px;
	position:relative;
	}
	
.rightBar h2{
	background:url(img/rightbox_top.gif) left top no-repeat;
	color:#11539e;
	padding:10px 16px;
	height:26px;
	font-size:16px;
	}
	
.rightBar h3{
	font:bold 14px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color:#11539e;
	}
	
.rightBar ul{
	list-style:none;
	}
	
.rightBar li{
	padding:8px 12px;
	margin:0px 6px 0 5px;
	clear:left;
	font:bold 12px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	}
	
.rightBar li p{
	font:normal 11px Arial, Helvetica, sans-serif;
	line-height:17px;
	color:#000;
	}

	
.rightBar a{
	text-decoration:underline;
	color:#11539e;
	}
	
.rightBar #tueIdee{
	position:absolute;
	bottom:48px;
	left:12px;
	}

/* =contenuto ====================================================================== */

#content h2{
	background:url(img/content_top.png) left top no-repeat;
	padding:16px 24px 0px 24px;
	height:32px;
	font:bold 16px Verdana, Arial, Helvetica, sans-serif;
	color:#11539e;
	}
	
#content h3{
	}
	
#content .contentBox{
	background:url(img/content_bg.png) left bottom no-repeat;
	padding:12px 24px 24px 24px;
	margin-bottom:12px;
	}
	
#content ul, #content ol{
	margin-left:24px;
	}	


/* =paginazione, elementi di navigazione comuni, menu aggiuntivi =================== */

#content a{
	color:#11539e;
	text-decoration:none;
	}
	
#content a:hover{
	text-decoration:underline;
	}
	
	
#content a.docLink { /*Lorenzo 27/06/08 */
	background: url(img/ico_pdf.gif) left no-repeat;
	display: block;
	padding: 4px 0px 0px 16px;
}

.imgLeft{
	float:left;
	margin:0 12px 12px 0;
	}
	
.paging{
	position:relative;
	padding:12px 0;
	height:24px;
	}
	
.paging a{
	display:block;
	width:auto;
	}
	
.paging a.back{
	position:absolute;
	left:0px;
	text-decoration:none;
	font-weight:bold;
	}
	
.paging a.fwd{
	position:absolute;
	right:0px;
	text-decoration:none;
	font-weight:bold;
	}
	
.paging p{
	list-style-type:none;
	width:200px;
	margin:0 auto;
	height:18px;
	text-align:center;
	}
	
.paging li{
	float:left;
	padding:0 6px 8px 0;
	}
	
.paging p a{
	text-decoration:none;
	font-weight:bold;
	display:inline;
	}
	
.paging a:hover{
	text-decoration:underline;
	}



/* =forms ========================================================================== */


.blueButton{
background:#036 url(img/bg_button_blu.jpg) top repeat-x;
color:#FFF;
font:bold 10px Tahoma, Verdana, Arial, Helvetica, sans-serif;
border:#369 1px solid;
padding:2px 6px;
}

.arsForm{
margin-top:18px;
}

.arsForm label{
float:left;
width:180px;
font-weight:bold;
}




/* =footer ========================================================================= */

#footer{
	color:#FFF;
	}
	
#footer a{
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	}
	
#footer a:hover{
	color:#c1c8e4;
}
	

#footer #footDati{
	position:absolute;
	top:12px;
	left:24px;
	width:300px;
	padding-right:12px;
	border-right:#c1c8e4 1px solid;
	}
	
#footer #menuFoot{
	position:absolute;
	top:12px;
	left:360px;
	list-style:none;
	}
	
#footer #copyright{
	top:12px;
	position:absolute;
	right:24px;
	background:url(img/logo_footer.gif) right top no-repeat;
	padding-top:38px;
	width:200px;
	text-align:right;
	}