@charset "utf-8";

/* css v.1.0 by Stefano F - Arscolor.com - 02.07.08 =====================================

> colori utilizzati

	- blu link attivi e titoli: #00467C
	- grigio menu laterale: #DEDEDE
	- azzurro chiaro:97ADD7
		
> sommario (mettere = davanti al titolo per cercarlo)

	-typo
	-layout
	-header
	-main nav
	-colonna sinistra
	-colonna destra
	-contenuto 
	-paginazione, elementi di navigazione comuni
	-forms
	-footer
	
======================================================================================= */

*{
	margin:0;
	padding:0;
	}
	
.clearLeft{
	clear:left;
	}
	
.clearRight{
	clear:right;
	}
	
.clearBoth{
	clear:both;
	}
	
img{
	border:0;
	}
	
/* =typo =========================================================================== */

html, body{
	font:normal 12px Arial, Helvetica, sans-serif;
	line-height:16px;
	color:#000;
	}

#content h2{
	background:#DAD9DD url(img/bg_title_int.gif) left top no-repeat;
	height:24px;
	padding:10px 12px 0 0;
	text-align:right;
	color:#00467C;	
	font-size:13px;
	}
	
#colRight h3{
	font-size:12px;
	color:#00467C;
	margin-bottom:6px;	
	}
	
#colRight h4{
	color:#999;
	font-size:12px;
	margin-bottom:2px;
	}
	
#colRight ul, #colRight ol{
	margin-left:20px;
	margin-bottom:15px;
	}
		
#colRight p{
	margin-bottom:15px;
	}
	
#footer{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#999;
	}
	
/* =layout ========================================================================= */

body{
	background:#FFF url(img/bg_int.jpg) top repeat-x;
	}
	
#container{
	width:946px;
	margin:0 auto;
	position:relative;
	}
	
#header{
	height:200px;
	padding-top:62px;
	position:relative;
	}
	
#content {
	background:#FFF url(img/bg_cont.gif) left repeat-y;
	min-height:440px;
	}
	
#footer {
	background:#FFF url(img/bg_footer.gif) left top no-repeat;
	padding:24px 0;
	position:relative;
	clear:both;
	}
	
#colLeft{
	float:left;
	width:256px;
	padding:48px 0 48px 24px;
	}

#colRight{
	float:right;
	width:582px;
	padding:48px 48px 48px 0;
	}
	
#colRight .vertImage{
	float:left;
	width: 160px;
	}
	
#colRight .rightCont{
	padding-left:180px;
	}
		
/* homepage */

body.home{
	height:100%;
	overflow:hidden;
	}

.home #header{
	height:auto;
	padding-top:0px;
	position:relative;
	}

.home #container{
	width:946px;
	height:600px;
	position:relative;
	z-index:10;
	}
	
#lowerHome{
	background-color:#FFF;
	position:absolute;
	width:100%;
	bottom:0px;
	height:62px;
	z-index:11;
	}

#lowerHome #footer {
	background-image:none;
	background-color:#FFF;
	clear:none;
	width:946px;
	margin:0 auto;
}

#newsHome {
	position:absolute;
	top:100px;
	right:0px;
	width:180px;
	}
	
/* background home */
	
div#flashcontent {
	width: 100%;
	height: 98%;
	overflow:hidden;
	left: 0;
	top: 0;
	position: absolute;
	z-index: 0;
}


div#flashcontent img{
	position:absolute;
	top:  0; 
    left: 0;
    width: 100%;
	min-width:960px;
	/*height: 100%;*/
}

	
/* =header ========================================================================= */

#nav{
	position:absolute;
	right:0px;
	top:0px;
	list-style:none;
	}
	
#search{
	position:absolute;
	top:20px;
	left:0px;
	}
	
#search input{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	border:#CCC 1px solid;
	}
	
#search button{
	background:#315DAF url(img/bg_search.jpg) left no-repeat;
	border:none;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#FFF;
	padding-left:6px;
	cursor:pointer;
	margin-left:10px;
	}
	
#search a{
	background:#315DAF url(img/bg_search.jpg) left no-repeat;
	border:none;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#FFF;
	padding-left:6px;
	cursor:pointer;
	margin-left:10px;
	text-decoration:none;
	}
	
#header h1{
	position:absolute;
	top:96px;
	left:30px;
	width:126px;
	height:126px;
	background:url(img/logo_argo_126.gif) left top no-repeat;
	}
	
#header h1 a{
	display:block;
	height:100%;
	width:100%;
	text-indent:-2000px;
	background-image:url(img/blank.gif);
	}
	
#header .imgHolder{
	border:#CCC 1px solid;
	}
	
/* home page */

.home #header h1{
	top:22px;
	}
	
/* =main nav ======================================================================= */

#nav li{
	display:inline;
	}
	
#nav li a{
	padding:22px 24px 6px 24px;
	float:left;
	width:auto;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	border-right:#FFF 1px solid;
	}
	
#nav li a:hover{
	background:#FFF;
	color:#00467C;	
	}
	
#nav li.last a{
	/*padding:22px 6px 6px 30px;*/
	border-right:none;
	}

	
/* =colonna sinistra =============================================================== */



/* =colonna destra ================================================================= */


	
/* =contenuto ====================================================================== */

/* news home */

#newsHome ul{
	list-style-type:none;
	}
	
#newsHome li{
	padding:6px 0px 6px 16px;
	background:url(img/bulllet01.gif) left 10px no-repeat;
	color:#FFF;
	}
	
#newsHome h3{
	font-size:12px;
	}
	
#newsHome a{
	color:#FFF;
	text-decoration:none;
	}
	
#newsHome a:hover{
	text-decoration:underline;
	}
	
#newsHome h2{
	font-size:12px;
	background-color:#FFF;
	color:#00467C;
	padding:2px 16px;
	}	

#mapHome{
	position:absolute;
	bottom:60px;
	right:0px;
	width:180px;
	}
	
#mapHome h2{
	font-size:12px;
	background-color:#FFF;
	color:#00467C;
	padding:2px 16px;
	position:absolute;
	top:40%;
	width:148px;
	}	

#mapHome h2 a{ /* Lorenzo 11/07/08 added */
	color:#00467C;
	text-decoration:none;
	}	
	
#homeSpot{
	position:absolute;
	width:580px;
	top:194px;
	left:86px;
	height: 345px;
	}
	
#homeSpot h1{
	text-align:center;
	font:bold 26px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	line-height:28px;
	margin-left:24px;
	}
	
#homeSpot h1 span{
	font-size:18px;
	}
	
/* marchi */

.brand{
	width:185px;
	height:170px;
	margin:0 5px 20px 0;
	text-align:center;
	float:left;
	}
	
/* media */

.thumb{
	width:120px;
	height:160px;
	margin:0 18px 18px 0;
	text-align:center;
	float:left;
	position:relative;
}


.thumb p{
	position:absolute;
	bottom:-9px;
	width:120px;
	text-align:center;
	font-size:10px;
	line-height:12px;
	}
	

/* pagina risultati */




/* =paginazione, elementi di navigazione comuni ==================================== */

#colRight a{
	color:#00467C;
	}
	
/* menu secondo livello */

.subNav{
	background:url(img/shadow_menu.png) 4px bottom no-repeat;
	padding:0 10px 18px 0;
	}

.subNav ul{
	list-style-type:none;
	/*border-top:#FFF 1px solid;
	border-left:#FFF 1px solid;*/
	width:212px;
	}
	
.subNav li{
	background-color:#DEDEDE;
	width:100%;
	float:left;
	}
	
.subNav li a{
	display:block;
	font-weight:bold;
	text-decoration:none;
	font-weight:bold;	
	padding:12px 20px;
	border-right:#FFF 1px solid;
	border-bottom:#FFF 1px solid;
	color:#000;
	}
	
.subNav li a.active{
	color:#00467C;
	}
	
.subNav li a:hover{
	color:#FFF;
	background-color:#00467C;
	}
	

/* immagini sx e dx - Lorenzo 16/07/08 */

.imgRight{
	float:right;
	margin:0 0 18px 18px;
	}

.imgLeft{
	float:left;
	margin:0 18px 18px 0;
	}
	

#content a.docLink { /*Lorenzo 17/07/08 */
	background: url(img/ico_pdf.gif) left no-repeat;
	display: block;
	padding: 4px 0px 0px 16px;
}


/* paginazione */

.paging{
	position:relative;
	padding:12px;
	height:16px;
	border-top:#ECECEC 1px solid;
	}
	
.paging a{
	display:block;
	width:auto;
	color:#01422c;
	}
	
.paging a.back{
	position:absolute;
	left:0px;
	height:12px;
	padding:3px;
	text-decoration:none;
	font-weight:bold;
	}
	
.paging a.fwd{
	position:absolute;
	right:0px;
	height:12px;
	padding:4px;
	text-decoration:none;
	font-weight:bold;
	}
	
.paging p{
	list-style-type:none;
	width:200px;
	margin:0 auto;
	height:14px;
	text-align:center;
	padding-top:4px;
	}
	
.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 ===================================================================================== */

/* form generico */

.arsForm{
	margin-top:18px;
}

.arsForm label{
	float:left;
	width:120px;
	font-weight:bold;
	font-size:11px;
}

.arsForm p.note label {
	width:180px;
}

#content p.inLineForm label{
	float:none; 
	display:inline;
	width:auto;
	}
	
.arsForm fieldset{
	padding:12px;
	border:none;
	margin-bottom:12px;
	}
	
.arsForm legend{
	color:#333;
	padding:2px;
	border:#999 1px solid;
	margin-bottom:12px;
	font-weight:bold;
	font-size:12px;
	}
	
/* =footer ====================================================================================== */

#footer #privacy{
	position:absolute;
	top:24px;
	left:500px;
	}
	
#footer #parts{
	position:absolute;
	top:24px;
	left:360px;
	}
	
#footer #lang{
	position:absolute;
	top:24px;
	right:0px;
	list-style:none;
	}
	
#footer #lang li{
	float:left;
	width:auto;
	padding:0px 4px;
	border-right:#000 1px solid;
	}
	
#footer a{
	color:#999;
	margin-right:10px;
	}
	
#footer #lang li a{
	font-weight:bold;
	color:#000;
	text-decoration:none;
	margin-right:0px;
	}
	
#footer #lang li.last{
	border-right:none;
	}
	
#footer #lang li a:hover, #footer #lang li a.active{
	color:#00467C;
	}



	
