@charset "UTF-8";

/* 
Centro Assistenza Tecnica
Author: Solproject
*/

/*Generale*/
*{ margin: 0; padding: 0; }/*Reset*/

body {
top:0px;
width:100%; 
height:100%;
background-color:#ffffff;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 100.01%;
color: #000;
}

#shadow {
background-image:url("../img/shadow.png");
background-repeat:repeat-y;
background-attachment:scroll;
background-color:#ffffff;
background-position: 1px 1px;
margin:0 auto;
width:1002px;
}

#page{
margin:0 auto;
width:982px; 
background-color:#ffffff;
}


/* --- PARTI GENERALI --- */
.header {
z-index:3;
width:982px; 
height:293px;
}

#header0{background:transparent url(../img/head.png) no-repeat center;}
#header1{background:transparent url(../img/head1.png) no-repeat center;}
#header2{background:transparent url(../img/head2.png) no-repeat center;}

#main{
z-index:3;
width:982px; 
min-height:400px;
background-color:#fff;
}

#footer {
z-index:3;
width:982px; 
min-height:62px;
background:transparent url(../img/footer.png) no-repeat center;
margin-top:0px;
}


/* link in alto a destra */
#head {
z-index:6;
width:982px; 
}

#head_logo{
float:left;
min-width:277px; 
min-height:107px;
background:transparent url(../img/logo.png) no-repeat center;
margin-left:35px;
margin-top:10px;
margin-bottom:5px;
}


#head_testo{
float:left;
min-width:440px; 
min-height:24px;
background:transparent url(../img/lorem2.png) no-repeat top;
margin-top:35px;
margin-left:85px;
}


#head_toplinks{
float:right;
min-width:120px; 
min-height:107px;
}

#top_map{
margin-right:15px;
}

#top_home{
margin-right:11px;
}
.toplinks{float:right;margin-top:15px;height:12px;width:12px;}

/* menu trasparente sopra l'header */
#menu_alto{
z-index:6;
width:982px; 
height:176px;
}


#menu_alto_opzioni{
float:left;
z-index:9;
min-width:165px; 
height:159px;
background-color:#dddddd;
border:1px solid #666666;
/* CSS3 standard */
opacity:0.7;
/* for IE */
filter:alpha(opacity=70);
}

#menu_alto_opzioni ul{
list-style-type: none;
z-index:10;
min-width:100px; 
min-height:100px;
margin-top:8px;
}

#menu_alto_opzioni ul li div{ margin-left:25px;}

#menu_alto_opzioni ul li {
margin-bottom:8px;

}

#menu_alto_opzioni ul li:hover {
background-color:#ffffff;
/* CSS3 standard */

}

.menu_text {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 18px;
}

.sitemap_text {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 15px;
margin-bottom: 2px;
}

#menu_alto_linguetta{
float:left;
z-index:9;
min-width:24px; 
height:170px;
}

.tabfill {
height:66px;
}

#tabarrow {
z-index:9;
width:24px; 
height:38px;

}


.status_open1 {background:transparent url(../img/ar_left1.png) no-repeat center;}

.status_open1:hover {background:transparent url(../img/ar_left.png) no-repeat center;}

.status_close1 {background:transparent url(../img/ar_right2.png) no-repeat center;}

.status_close1:hover {background:transparent url(../img/ar_right.png) no-repeat center;}

.box1_ON {
display:inline;
} 
.box1_OFF {
display:none;
} 
					
/* --- corpo della pagina */ 
/* 
left e right fanno riferimento a main, la loro larghezza va in percentuale rispetto a quella di main, hanno lo stesso margin bottom e top.
*/
#left{
float:left;
background-color:#ffffff;
min-height:300px;
width:251px;
margin-left:1px;
}

#right{
float:left;
background-color:#ffffff;
min-height:300px;
min-width:710px;
margin-left:10px;
}			

 .spacerTOP {margin-top:25px;} 
 .spacerBOTTOM {margin-bottom:2px;}

/* sotto - contenitori  */

#left_box{
background-color:#ffffff;
padding: 2px 4px;
border-right-color:#dddddd;  	
border-right-style:solid; 
border-right-width:1px;
}

#right_box{
background-color:#ffffff;
padding: 4px 4px;
}

/* width:982px; */



/* --- parte sinistra della pagina */

	#left_row1{padding-right:18px;}
		#left_row1 img{padding-left:19px;padding-top:2px;}
	#left_row2{padding-left:18px;margin-bottom:5px;padding-top:13px;}
		#left_row2 img {}
	
	#left_row3{
	padding-left:18px;
	margin-bottom:39px; 
	}
		#left_row3 p{
		font-size: 12px;
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;
		}

	
/* --- parte destra della pagina --- */	

/* - LAYOUT DUE COLONNE - */

	#right_row1 {
	min-width:700px;
	min-height:280px;
	background-color:#ffffff;
	}

		#right_row1 p {
		font-size: 12px;
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;		
		}
		
		#right_row1 ul {
		padding-top:10px;
		padding-left:15px;
		list-style-type: disc;		
		font-size: 10px;
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;		
		}
		
		
		.contentSX {width:300px;float:left;}
		#cntSX_row1 {min-height:20px;}
			#cntSX_row1 img{}
		#cntSX_row2 {padding-left:2px;}						

								
		.contentDX {width:300px;float:left;margin-left:60px;}
		#cntDX_row1 {padding-right:1px;min-height:20px;}
			#cntDX_row1 img{}
		#cntDX_row2 {padding-left:5px;padding-top:15px;}		
		
		
		.contentSPACER {padding-top:15px;}	
								
						
	#right_row2 {
	background:transparent url(../img/bar.png) no-repeat center;
	height:46px;
	min-width:700px;
	}
			#right_row2  div{
			float:left;
			margin-left:1px;
			margin-top:9px;
			width:100px;
			height:28px;
			}			

			
			
			
/* --- LAYOUT SERVIZI --- */ 

.SERVIZI #right_row1 {width:700px;min-height:280px;}
/*
	#right_row1 #ul_servizi{
		padding-top:10px;
		padding-left:25px;
		list-style-type: disc;		
		font-size: 10px;
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;		
	}
*/
	.SERVIZI #ul_servizi{
		padding-top:15px;
		padding-left:20px;
		list-style-type: none;		
		font-size: 17px;
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;	
	}
	
	.SERVIZI #ul_servizi1, .SERVIZI #ul_servizi2, .SERVIZI #ul_servizi3, .SERVIZI #ul_servizi4, .SERVIZI #ul_servizi5{
		display:inline;
		padding-top:60px;
		padding-left:25px;
		list-style-type: none;		
		font-size: 13px;
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;
			
	}	
	
	.SERVIZI #ul_servizi1 li, .SERVIZI #ul_servizi2 li, .SERVIZI #ul_servizi3 li, .SERVIZI #ul_servizi4 li, .SERVIZI #ul_servizi5 li {padding-top:1px;}
	.SERVIZI #ul_servizi1 li div b, .SERVIZI #ul_servizi2 li div b, .SERVIZI #ul_servizi3 li div b, .SERVIZI #ul_servizi4 li div b, .SERVIZI #ul_servizi5 li div b {color:#8c2020;}
	
	/*.SERVIZI #ul_servizi li{padding-top:1px;}*/
	.SERVIZI #ul_servizi li{color:#000;}
	.SERVIZI #ul_servizi li:hover{color:#8c2020;text-decoration:underline;}

#serv1sub, #serv2sub, #serv3sub, #serv4sub, #serv5sub {display:none;}	
/*serv1*/
/*
	.SERVIZI #ul_servizi #serv1{padding-top:1px;}
	.SERVIZI #ul_servizi #serv1:hover{color:#00ff00;padding-top:1px;}
*/


.SERVIZI #right_row2 {width:700px;height:46px;}



/* --- LAYOUT PROGETTI --- */ 

#right_row1 .PROGETTI{width:700px;height:50px;}
#right_row2 .PROGETTI{width:700px;height:250px;}
#PROGETTI_head {padding-left:1px;margin-bottom:10px;}

#right_row2  #arrow_holder {
min-width:500px;
height:20px;
margin-left:98px;
margin-top:12px;
margin-bottom:2px;
padding:0px;
}



#arrow_holder #slide_arr_left { 
float:left;margin-left:0px;
}


#arrow_holder #slide_arr_right{
float:right;margin-right:0px;
}
#right_row2  #arrow_holder #slide_arr_left {margin:0px;width:18px;height:20px;}
#right_row2  #arrow_holder #slide_arr_right{margin:0px;width:18px;height:20px;} 




/* --- LAYOUT CONTATTI --- */ 

	ul.CONTATTI#ul_contatti1 {
		display:inline;
		padding-top:60px;
		padding-left:25px;
		list-style-type: none;		
		font-size: 13px;
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;		
	}		
	
	

	ul.CONTATTI#ul_contatti2 {
		display:inline;
		padding-top:60px;
		padding-left:25px;
		list-style-type: none;		
		font-size: 12px;
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;		
	}	
/*
									<ul id="ul_contatti2" class="CONTATTI">
										<li><div class="ajax curspoint" id="contatti1"><div class="rawdata">popup_Informazioni Generali_4_0_125_50</div>Informazioni Generali</div></li>
										<li><div class="ajax curspoint" id="contatti2"><div class="rawdata">popup_Richiesta Assistenza_4_0_125_50</div>Richiesta Assistenza</div></li>
									</ul>	
*/									

	ul.CONTATTI#ul_contatti2 #contatti1 {
	background:transparent url(../img/bot1.png) no-repeat center;
	height:60px;
	width:150px;	
	}

	
	#cntDX_row2 #contatti1 {	
	background:transparent url(../img/bot3.png) no-repeat center;
	height:41px;
	width:150px;		
	margin-top:25px;	
	margin-left:65px;
	}
	
	#cntDX_row2 #contatti1:hover{background:transparent url(../img/bot3hover.png) no-repeat center;	}
	
	
	#cntDX_row2 #contatti1 div{
	padding-top:9px;	
	padding-left:37px;
	color:#ffffff;
	}

	#cntDX_row2 #contatti1 div:hover{color:#eeeeee;}		
			
			
			
			
			
/* clear */
.cleft {clear:left;}
.cright {clear:right;}
.cboth {clear:both;}

/* general text 
.footer_text {font-size: 11px;text-align: center;}
*/

/* cursori */
.cursdef {cursor:default;}
.curspoint{cursor:pointer;} 



#footer_credits {float:left;margin-top:14px;color:#000;font-size: 12px;cursor:pointer;}
#footer_text {float:left;position:relative;margin-left:300px;margin-top:13px;color:#000;font-size: 12px;}
#validator{float:left;margin-top:26px;margin-left:10px;}
#validator a{float:left;padding:0 5px;}



/* classi e elementi per gli script */
.rawdata, .secret{display:none;}


/* stile generale della popup  */
#popup{visibility:hidden;padding:5px;position:absolute;top:50px;z-index:15;}
#popup #popup_tran{position:absolute;height:300px;width:250px;border:10px solid #ef4607;margin:0 auto;}
#popup #popup_cont{position:relative;margin:10px;background-color:#fff;height:300px;width:250px;}


#popup #popup_cont #popup_top {margin-bottom:5px;}
	#popup #popup_cont #popup_top #popup_tools {float:right;}
		#popup img#pop_close{float:right;padding:4px;}
		#pop_close {background:transparent url(../img/btn_chiudi_out.gif) no-repeat center;width:15px;height:15px;}
		#pop_close:hover {background:transparent url(../img/btn_chiudi_over.gif) no-repeat center;}

#popup #popup_cont #popup_main {padding-left:12px;padding-right:12px;}
	#popup #popup_cont #popup_main #popup_row1 {margin-bottom:10px;}
	#popup #popup_cont #popup_main #popup_row2{}
	#popup #popup_cont #popup_main #popup_row3{}

#popup #popup_cont #popup_bottom {margin-top:5px;}


#popup img{margin:0 auto;}

#popup p.pop_head1 {text-align:left;margin-bottom:2px;font-family:verdana, helvetica;font-size:14px;color:#000;text-transform:capitalize;}
#popup p.pop_head2 {}
#popup p.pop_txt1 {text-align:left;font-family:verdana, helvetica;font-size:14px;color:#000;}
#popup p.pop_txt2 {text-align:left;font-family:verdana, helvetica;font-size:12px;color:#000;}
#popup p.pop_txt3 {text-align:left;font-family:verdana, helvetica;font-size:9px;color:#000;line-height:14px;margin-bottom:4px;}
#popup p.pop_txt4 {text-align:center;font-family:verdana, helvetica;font-size:12px;color:#000;line-height:14px;margin-bottom:4px;}
#popup br.popspacer1 {margin-bottom:5px;}
#popup br.popspacer2 {margin-bottom:10px;}
#popup a.popA1 {font-size:12px;color:#000;}
#popup a.popA1:hover {font-size:12px;color:#f00;text-decoration: underline; }
#popup a{font-size:14px;color:#000;}



/* stile delle singole popup */

/* CREDITS */
#credits_logo {margin-top:2px;}
#popup #popup_cont #popup_main #popup_row1.pop_credits {margin-bottom:5px;}


/* CONTATTACI */
#popup textarea {width:420px;height:90px;}
#popup input.datatxt{width:220px;height:17px;}
#popup input{width:80px;height:22px;margin-top:2px;}
#popup select{width:140px;height:22px;}


#alert_box {float:right;height:73px;width:262px;display:block;background:transparent;margin-right:73px;margin-top:2px;}
#alert_box p{padding-left:5px;padding-right:5px;padding-top:1px;font-size:11px;font-family:arial;text-align:justify;color:#ff0000;} /* stile testo messaggio di alert*/	

#form_invio	{
	background:transparent url(../img/bot_form.png) no-repeat right;
	height:34px;
	width:85px;
	display:block;
	margin-top:20px;

} 
#form_invio	div { /* tasto invio */
	font-size:13px;
	padding-top:9px;	
	padding-left:26px;
	color:#000000;
} 


/* --- comandi generali --- */ 

a {color: #000; text-decoration: none;}
a:link {color:#000; text-decoration: none; border: none; }   
a:visited {color: #000; text-decoration: none; border: none; }
a:hover {color: #333; text-decoration: underline;}
a:active {outline: none;}
p { font-family: Arial, Helvetica, sans-serif;  font-size: 12px;  line-height: 16px;margin-bottom: 0px; z-index:2;}
img { border: none; display:block;}