@charset "utf-8";
/* CSS Document */

html {overflow:scroll}

/*STILI DELLA GABBIA */
	body {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333333; background:url(/images/bg_principale.gif) repeat-x top; margin:0; padding:0; }
	.clear {clear:both; height:0; line-height:0; font-size:0; /*overflow:hidden;*/ }
	.clearleft {clear:left;}
	* {margin:0;padding:0;outline:none!important;}
	img {border:0}
	a {text-decoration:none; color:#333333}
	a:hover {text-decoration:none;}
	hr { visibility:hidden; clear:left; }
	
	
	#generale {margin:0 auto; width:942px; padding:0; }
	
	#header { text-align:right; height:24px; padding-right:28px; line-height:24px; }

	
	#principale { background-color:#FFF;  }
	#principale .bottarancio { padding:0; margin-right:7px; float:left;  height:32px; list-style-type:none;-moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background:url(/images/bg_butt_registrati.png) repeat-x; }
	#principale .bottarancio a  {font-size:14px; line-height:32px; height:32px;text-align:center; padding:0 20px; display:block; color:#FFF; font-weight:bold; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background:url(/images/bg_butt_registrati.png) repeat-x;}
	#principale .bottarancio a:hover {background:url(/images/bg_butt_registrati_over.png) repeat-x; text-decoration:none; cursor:pointer;display:block;}
	
	#top { background:url(/images/bg_top_logo.gif) no-repeat; height:90px; width:895px; margin:0 auto;   }
	#top .logo a { padding-left:10px; float:left}
	
	#top .pipe {border-left:1px solid #c2c2c2; height:11px; float:left; padding-right:10px; margin:40px 0 10px;}
	#top .share {  height:20px; width:400px ; float:left; margin-top:32px  }
		
	#top .bottoni { float:right; padding:23px 10px 0 0}


	
	
	#contenuti { width:895px; margin:0 auto; height:840px; padding-bottom:10px; }
	
	#funzionalita { width:895px;  margin:0 auto;  }
	
	/*menu funzionalitaTOP*/
	#menu { height:47px;  background: url(/images/bg_menu-top.png) repeat-x; }
	#menu ul {list-style: none; margin-left:10px }
	#menu ul li {padding:0; margin:0; list-style:none; display:inline;}
	#menu ul li a {color:#666666; font-weight:bold; line-height:47px;  padding:9px 18px; height:34px; }
	#menu ul li span {background:url(../images/tab-manuTop.png) 100% 100% no-repeat; height:34px;   }
	#menu ul li a:hover { height:34px;  background:url(/images/bg_butt-menu.png) repeat-x; text-decoration:none; color:#FFF; padding:9px 18px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;}
	
	/*menu funzionalitaSX*/
	#foglia { margin-top:40px;}
	#menuSX { width:175px; float:left;} 
	#menuSX .icona { height:215px; padding-left:55px; }
	#menuSX ul { list-style-type:none}
	#menuSX li { list-style-type:none; border-bottom:1px solid #e2e2e2;  margin:1px 0;padding:0;  }
	#menuSX li span {   }
	#menuSX li a {color:#0066cc;display:block; padding:7px 9px; }
	#menuSX li a:hover {background:#f9f9f9; font-weight:bold;  padding:7px 9px;  }
	
	
	/*foglia*/
 	#foglia div.centrale { background:url(/images/bg_foglia.gif) top left no-repeat; margin-left:175px; padding-left:30px;  width:690px}
	#foglia div.centrale .testi { margin:30px 10px} 
	 #foglia div.centrale .testi h2 { color:#333333; font-size:16px; font-weight:bold }
	#foglia div.centrale .testi .h70 { height:35px }
	 #foglia div.centrale .testi .h45 { height:22px }
	 #foglia div.centrale .testi p {padding:10px 0}
	 #foglia div.centrale .testi img { padding:15px 0}
	#foglia div.centrale .testi span { font-weight:bold}
	#foglia div.centrale .testi a {font-weight:bold; color:#0066cc }
	#foglia div.centrale .testi a:hover { text-decoration:underline} 
	#foglia div.centrale .testi ul { line-height:25px;list-style:disc;padding:5px 10px }
	#foglia div.centrale .testi li {padding-left:10px;list-style-position:inside;  }
	
	/*  menu breadcrumb*/ 
 	#breadcrumb {position:relative; margin-top:1px; height:31px;  }
	
	
	#breadcrumb h1 {position:relative; margin:0 5px 0 10px;  height:31px; display:inline; font:bold 16px Arial, Helvetica, sans-serif;color:#2fa3e8;line-height:30px;padding:0;}
	#breadcrumb h1 a {display:block ;color:#2fa3e8; font-weight:normal; text-decoration:none; line-height:30px; padding:0 10px; font-size:14px; background:url(../images/arrow_breadcrump.gif) 100% 7px no-repeat; float:left} 
	#breadcrumb h1 a:hover {text-decoration:underline;}
	#breadcrumb h1 a.active{color:#2fa3e8; background:none; font-size:16px; font-weight:bold;  }
	#breadcrumb h1 a.active:hover {text-decoration:none;}
	
	/*foglia contenuti index*/
	#contentbox {   width:895px; overflow:hidden }
	#contentbox .box { width:298px; height:170px; float:left; margin:15px 0;}
	#contentbox .box .span { background:url(/images/riga_vert.png) repeat-y; height:170px; }
	#contentbox .box h2 {padding:8px;  height:48px; display:block}
	#contentbox .box h2 a { font:18px bold Arial, Helvetica, sans-serif;  display:block; margin-top:5px }
	#contentbox .box h2 a:hover { color:#666666;} 
	#contentbox .box h2 a span {  font-weight:normal}
	#contentbox .box h2 img { float:left; padding-right:3px;display:block}
	#contentbox .box p { padding:0 20px}
	#contentbox .box p span  { font-weight:bold}
	#contentbox .box p span a {color:#0066cc}
	#contentbox .box p span a:hover  { text-decoration:underline}
	
	/*faq*/
	#faq { width:895px; min-height:950px}
	#contentfaq { width:817px; min-height:420px;  border:3px solid #44b4ff; margin:16px; padding:20px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;} 
	#contentfaq .box1 { float:left; width:390px; display:block; height:100%;}
	#contentfaq .box1 h4 { font-size:14px}
	#contentfaq .box1 ul { list-style-type:none; padding-bottom:20px}
	#contentfaq .box1 li {font-size:12px}
	#contentfaq .box1 li a { color:#0066cc; }
	#contentfaq .box1 li a:hover { text-decoration:underline}
	#display-faq { padding:0 40px; }
	#display-faq .single-faq{ padding:8px 30px 8px 0;border-bottom:#dfdfde 1px solid;}
	#display-faq   h2 { font-size:22px; font-weight:bold; padding:20px 0}
	#display-faq   h3 { font-size:16px; font-weight:bold ;color:#0099ff} 
	#display-faq   a {color:#3b5fcf}
	#display-faq   a.faq { text-decoration:underline}
	#display-faq .nobottom {padding:8px 30px 8px 0; border-bottom:none;}
	#display-faq a.right {color:#666666; font-weight:bold; float:right; padding-top:30px; text-decoration:underline }
	
	/*hp*/
	#centrale {width:895px; height:514px; background: url(/images/bg_contenuti1.png) repeat-x ; position:absolute; z-index:0; }
	#creativ { height:520px;  position:relative; top:-33px;  z-index:1;}
	#creativ .boxvideo { width:351px; height:247px ; margin:175px 0 0 36px; position:absolute;  z-index:2;}
	#creativ .boxvideo .span { color:#333333; width:351px; text-align:center; position:relative; top:-10px }
	#creativ .boxvideo a.link { text-decoration:underline}
	#creativ .boxvideo .bottone a { display:block;position:relative; top:-20px; margin-left:83px; margin-top:226px;padding-left:20px;width:191px;  line-height:40px; font-size:14px; font-weight:bold; color:#FFF; text-shadow:1px 1px 1px #000000; text-decoration:none;height:40px; background:url(/images/butt_video.png) no-repeat;}
	#creativ .boxvideo .bottone a:hover { background:url(/images/butt_video_hover.png) no-repeat;color:#ff9900; text-shadow:1px 1px 1px #000000; }
	
	/*static-video*/
			
	   #video  { width:895px; height:466px;}	
	   #video .strillo { background:url(/images/bg_navigazione.gif) repeat-x; border-top:1px solid #dedede; height:46px; padding:9px 0;margin-top:26px; text-align:center; font:normal 19px/19px Arial, Helvetica, sans-serif } 
	   #video .box { background:#FFF; width:642px;  height:362px;margin:0 auto; margin-top:23px; border:1px solid #c7c5c7; padding:8px 8px 40px 8px }
	   #video .sharing { padding-top:5px}
	   
	   
	/*strilli*/
	#strilli { position: absolute; margin-top:510px; width:896px; }
	#strilli .box { width:298px; float:left; }
	#strilli .box h3  { font-size:18px; font-weight:bold; padding-top:15px; height:62px ; padding-bottom:0; }
	#strilli .box h3 a {  color:#333333 }
	#strilli .box h3 a:hover { color:#666666}
	#strilli .box span {font-size:18px; font-weight:normal} 
	#strilli .box p { display:block; margin:0 10px 0 10px; min-height:75px;}
	#strilli .box p span { font-weight:bold; font-size:12px}
	#strilli .box img {  float:left;  padding:0 10px}
	#strilli .box p a { color:#0066cc;}
	#strilli .box p a:hover { text-decoration:underline}
	#strilli .box .linkeria {  padding-top:5px ; margin:0 10px;}
	#strilli .box .linkeria .riga { background:url(/images/riga.png) repeat-x; width:278px; height:1px; padding:5px  0; }
	#strilli .box .linkeria ul { list-style-type:none ; padding:0 0 10px 0}
	#strilli .box .linkeria li { background:url(/images/plus_linkeria.png) no-repeat 0 3px; padding-left:15px; }
	#strilli .box .linkeria li a:hover { text-decoration:underline }
	/*bottone scopri azzurro*/
#strilli .bottScopri {width:188px;float:right; margin:0 10px 10px 0;  background:url(/images/bg_butt_scopri.png) repeat-x; -moz-border-radius:5px;-webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;  text-align:center; line-height:27px;  font-weight:bold ; }
	#strilli .bottScopri a {padding:0 13px;display:block;height:27px ;color:#FFF;-moz-border-radius:5px;-webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;
 }
	#strilli .bottScopri a:hover {background:url(/images/bg_butt_scopri_hover.png) repeat-x; }


	/*claim hp*/
	#claim { background:#ebebeb; width:900px; height:70px;  margin:780px 0 0 0; position:absolute; }
	#claim h2 { padding:15px 20px;  font-weight:normal; font-size:18px; height:42px; float:left}
	#claim h2 a { color:#FF6600; font-weight:bold; }
	#claim h2 span { line-height:32px; padding-left:40px; padding-right:35px }
	#claim .bottone { padding:15px 10px 0 0;  }
	#claim .bottarancio a { font-size:24px;}
	
	/*claim foglia*/
	#claimfoglia { background:url(/images/bg_claimfoglia.png) repeat-x;width:895px; height:68px;  margin-top:40px; }
	#claimfoglia h2 { padding:15px 20px;  font-weight:normal; font-size:18px; height:42px; float:left}
	#claimfoglia h2 a { color:#FF6600; font-weight:bold; }
	#claimfoglia h2 span { line-height:32px; padding-left:60px; padding-right:25px }
	#claimfoglia .bottone { padding:15px 10px  0; height:37px; }
	#claimfoglia .bottarancio a { background:url(/images/bg_butt_registratiN2.png) repeat-x;font-size:24px;  line-height:37px; height:37px;
	-moz-border-radius:5x 5px 5px 5px;-webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;
	}
	#claimfoglia .bottarancio a:hover { background:url(/images/bg_butt_registratiN2_over.png) repeat-x;}
	
	
	#social { background:url(/images/bg_barra_social.png) repeat-x; height:57px; width:895px; border-top:1px solid #dddddd; margin:0 auto;}
	#social h4 { padding:20px 0 0 20px; float:left}

	
/*FINE STILI DELLA GABBIA */


   
#footer {height:60px !important;font-size:11px;font-family:Arial, FreeSans, sans-serif;color:#707070;text-transform:uppercase;margin:10px 0 25px 0;padding:0;text-align:left; }
	#footer .ftop {height:20px;padding:0 0 0 32px;background:#FFF;font-weight:normal;}
	#footer .ftop  a {text-decoration:none;color:#707070;}
	#footer .ftop  a:hover {color:#848484;}
	#footer .ftop .pipe {padding:0 10px;}
	#footer .fbottom {height:18px;padding:0 0 0 32px;}
