/* Start of CMSMS style sheet 'fortigroup-CSS' */
/* --- globali --- */


/* inizio stile top_menu */

/* CSS classes used in this template:
#menuwrapper - The id for the <div> that the menu is wrapped in. Sets the width, background etc. for the menu.
#primary-nav - The id for the <ul>
.menuparent - The class for each <li> that has children.
.menuactive - The class for each <li> that is active or is a parent (on any level) of a child that is active. */

/* Horizontal menu for the CMS CSS Menu Module */

#menu_vert {
   margin-left: 1px;
   margin-right: 1px;
}

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper {
   /* Fix for Opera 8 */ 
   /* overflow: hidden; */
   position: relative; top: 50px; left: 150px;
   width: 670px;
   background-color: #005a99;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
   width: 130px;
   border-bottom: 1px solid #fff;
}


/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}
#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
}
#primary-nav ul ul { 
   margin-top: 1px;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 
}
	
#primary-nav li { 
   margin-left: -1px;
   float: left; 
}
#primary-nav li li { 
   margin-left: 0px;
   margin-top: -1px;
   float: none; 
   position: relative; 
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 5px 10px; 
   text-decoration: none;
   font-size: 11px;
   color: #fff;
}
#primary-nav li a { 
   border-right: 1px solid #005a99;
   border-left: 1px solid #005a99;
}
#primary-nav li li a { 
   border: 1px solid #005a99;
   border-bottom: 1px solid #fff;
}	
#primary-nav li, #primary-nav li.menuparent { 
   background-color: #005a99; 
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
   background-color: #005a99; 
}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
/* arrow for menuparents */
   background-image: url(images/cms/arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat; 
}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
   background-color: #005a99; 
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}

/* fine stile menu */



body{
  margin: 0px; padding: 0px;
  background-color: #ececec;
  
  font-family: verdana;
}

img{
  border: none;
}

#container{
  position: relative; top: 0px; left: 50%;
  margin-left: -431px;
  width: 862px;
}

#container-top{
  position: relative; top: 0px;
  padding-right: 19px; padding-left: 19px;
  width: 824px; height: 113px;
  overflow: visible;
  z-index: 1000;

  background: #fff url(uploads/images/static/backgrounds/top.jpg) no-repeat;
}

#container-middletop{
  position: relative; top: 0px;
  padding-right: 19px; padding-left: 19px;
  width: 824px; height: 276px;
  
  background: #fff url(uploads/images/static/backgrounds/middletop.jpg) no-repeat;
}

	#middletop-box-vid{
          visibility: visible;
	  position: absolute; top: 8px; left: 30px;
	  text-align: left;
	  font-size: 10px;
	  color: #fff;
	}

	#middletop-box-vid-avmap{
          visibility: hidden;
	  position: absolute; top: 6px; left: 26px;
	  text-align: left;
	  font-size: 10px;
	  color: #fff;
	}

		#middletop-box-vid-avmap #hide-vid{
 	         visibility: hidden;
		}

	#middletop-box-vid-navteq{
          visibility: hidden;
	  position: absolute; top: 6px; left: 26px;
	  text-align: left;
	  font-size: 10px;
	  color: #fff;
	}

		#middletop-box-vid-navteq #hide-vid{
 	         visibility: hidden;
		}

	#middletop-box-vid-parrot{
          visibility: hidden;
	  position: absolute; top: 6px; left: 26px;
	  text-align: left;
	  font-size: 10px;
	  color: #fff;
	}

		#middletop-box-vid-parrot #hide-vid{
 	         visibility: hidden;
		}

	#middletop-box-vid-parrot{
          visibility: hidden;
	  position: absolute; top: 6px; left: 26px;
	  text-align: left;
	  font-size: 10px;
	  color: #fff;
	}

		#middletop-box-vid-parrot #hide-vid{
 	         visibility: hidden;
		}

	#middletop-box-vid-karcher{
          visibility: hidden;
	  position: absolute; top: 6px; left: 26px;
	  text-align: left;
	  font-size: 10px;
	  color: #fff;
	}

	#middletop-box-news{
	  position: absolute; top: 14px; left: 510px;
	  width: 320px; height: 250px;
	  text-align: left;
	  font-size: 10px;
	  color: #000;
          /* background-color: #000; */
	}

		#box-news-title{
		  margin-bottom: 10px;
		  font-size: 17px;
		  color: #0158a7;
		}

		.NewsSummary{
		  margin-top: -10px;
		  font-size: 11px;
		  letter-spacing: -0.8px;
		  color: #036;
		}

			.NewsSummaryLink{
			  display: inline;
			}


			.NewsSummarySummary{
			  display: inline;
			}

			.NewsSummaryMorelink{
			  display: inline;
			}

				.NewsSummaryMorelink a{
				  color: #036;
				}

				.NewsSummaryMorelink a:hover{
				  color: #f00;
				}

		.NewsSummary-esteso{
		  margin-top: -6px; 
		  margin-bottom: 6px;
		  font-size: 8px;
		  letter-spacing: -0.8px;
		  color: #036;
		}

		#box-news-piede{
		  margin-bottom: 10px;
		  font-size: 10px;
		  color: #0158a7;
		}


#container-middlebottom{
  position: relative; top: 0px;
  padding-top: 10px; padding-right: 19px; padding-left: 19px;
  width: 824px;
  
  background-color: #fff;
  
  overflow: hidden;
}

#container-bottom{
  position: relative; top: 0px; left: 0px;
  padding-right: 19px; padding-left: 19px;
  width: 824px; height: 51px;
  
  background: #fff url(uploads/images/static/backgrounds/bottom.jpg) no-repeat;
}

	#bottom-box-left{
	  position: absolute; top: 9px; left: 20px;
	  font-size: 10px;
	  color: #fff;
	}

	#bottom-box-right{
	  position: absolute; top: 9px; left: 570px;
          width: 300px;
	  font-size: 10px;
	  color: #fff;
	}



/* --- #container-middlebottom --- */

/* - news - */

#news-box-top{
  width: 790px; height: 15px;
  padding-right: 15px; padding-left: 15px;
  background: #fff url(uploads/images/static/backgrounds/news/box-top.jpg) no-repeat;
}

#news-box-middle{
  width: 790px;
  padding-right: 15px; padding-left: 15px;
  background: #fff url(uploads/images/static/backgrounds/news/box-middle.jpg) repeat-y;
  font-size: 12px;
  font-family: verdana;
  color: #808080;
}

	#NewsPostDetailDate{ /* per far sparire la data */
	  margin-bottom: -30px;
	  color: #fff;
	}

	#NewsPostDetailTitle{
	  margin-bottom: 30px;
	  text-align: center;
	}

	#NewsPostDetailContent{
	  line-height: 16px;
	  font-size: 13px;
	}

	#news-box-back{
	  margin-top: 20px;
	  text-align: center;
	}

		#news-box-back a{
		  color: #036;
		}

		#news-box-back a:hover{
		  color: #f00;
		}

#news-box-bottom{
  width: 790px; height: 15px;
  padding-right: 15px; padding-left: 15px;
  background: #fff url(uploads/images/static/backgrounds/news/box-bottom.jpg) no-repeat;
}

/* - home - */

#home-box-a{
  float: left;
  
  margin-right: 10px;
  width: 214px; height: 423px;
  
  background: #fff url(uploads/images/static/backgrounds/home/box-1.jpg) no-repeat;
}

#home-box-b{
  float: left;
  
  margin-right: 10px;
  width: 214px; height: 423px;
  
  background: #fff url(uploads/images/static/backgrounds/home/box-2.jpg) no-repeat;
}

#home-box-c{
  float: left;
  
  margin-right: 10px;
  width: 214px; height: 423px;
  
  background: #fff url(uploads/images/static/backgrounds/home/box-3.jpg) no-repeat;
}

#home-box-d{
  float: left;
  
  width: 148px; height: 423px;
  
  background: #fff url(uploads/images/static/backgrounds/home/box-4.jpg) no-repeat;
}

	.home-box-title{
	  margin-top: 24px; margin-left: 14px;
	  font-size: 14px;
	  color: #fff;
	}
	
	#home-box-d-title{
	  margin-top: 5px;
	    
	  text-align: center;
	  font-size: 12px;
	  color: #0158a7;
	}
	
	.home-box-links{
	  margin-top: 55px;
	  text-align: center;
	}
	
		.home-box-links a{
		  display: block;
		  margin-top: 15px;
		}

/* - azienda - */

#azienda-box{
  position: relative; top: 0px;
  width: 820px; height: 386px;

  background: #fff url(uploads/images/static/backgrounds/azienda/box-azienda.jpg) no-repeat;
}

	#azienda-box-a{
	  position: absolute; left: 20px; top: 20px;
	  width: 135px;  height: 366px;
	  font-size: 12px;
	  color: #fff;
	}

		#azienda-box-a a{
		  display: block;
		  line-height: 16px;
		  text-decoration: none;
		  color: #fff;
		}

		#azienda-box-a a#primo{
		  margin-top: 20px;
		}

		#azienda-box-a a#arche{
		  margin-top: 180px;
		}

	#azienda-box-b{
	  position: absolute; left: 175px; top: 20px;
	  width: 620px;
	  font-size: 10px;
	  color: #333;
	}

		#azienda-title{
		  margin-bottom: 15px;
		  font-size: 16px;
		}


		a#vision-sellin{
		  margin-left: 120px;
		}


		a#vision-sellout{
		  margin-left: 90px;
		}

		#azienda-cont a{
		  color: #039;
		}

		#azienda-cont a:hover{
		  color: #f00;
		}

		#azienda-cont #mappa{
		  float: right;
		}


/* - servizi al canale - */

#servizi-box{
  position: relative; top: 0px;
  width: 820px; height: 310px;
  
  background: #fff url(uploads/images/static/backgrounds/servizi/box-servizi.jpg) no-repeat;
}

	#servizi-box-title{
	  position: absolute; left: 25px; top: 10px;
	}

		#servizi-box-title a{
		  font-size: 14px;
		  color: #fff;
		  text-decoration: none;
		}

	#servizi-box-a{
	  position: absolute; left: 95px; top: 45px;
	}

	#servizi-box-b{
	  position: absolute; left: 365px; top: 45px;
	}

	#servizi-box-c{
	  position: absolute; left: 635px; top: 45px;
	}

		.servizi-box-abc-title{
		  margin-bottom: 5px;
		  font-size: 18px;
		  color: #fff;
		}

		a.servizi-box-abc-link{
		  display: block;
		  width: 160px;
		  font-size: 16px;
		  color: #036;
		  text-decoration: none;
		}

	#servizi-box-links{ /* si trova nelle pagine sell-in, sell-out e suppor */
	 position: absolute; left: 720px; top: 30px;
	}

/* - servizi al canale - sell in - */

#sellin-box{
  position: relative; top: 0px;
  width: 820px; height: 310px;
  
  background: #fff url(uploads/images/static/backgrounds/servizi/box-sell-in.jpg) no-repeat;
}

	#sellin-box-title{
	  position: absolute; left: 25px; top: 10px;
	}

		#sellin-box-title a{
		  font-size: 14px;
		  color: #fff;
		  text-decoration: none;
		}

	#sellin-box-a{
	  position: absolute; left: 95px; top: 45px;
	}

		#sellin-box-a-title{
		  margin-bottom: 5px;
		  font-size: 18px;
		  color: #fff;
		}

		#sellin-box-a-subtitle{
		  margin-bottom: 35px;
		  font-size: 16px;
		  color: #333;
		}

		#sellin-box-a-cont{
		  font-size: 13px;
		  color: #333;
		}

/* - servizi al canale - sell out - */

#sellout-box{
  position: relative; top: 0px;
  width: 820px; height: 310px;
  
  background: #fff url(uploads/images/static/backgrounds/servizi/box-sell-out.jpg) no-repeat;
}

	#sellout-box-title{
	  position: absolute; left: 25px; top: 10px;
	}

		#sellout-box-title a{
		  font-size: 14px;
		  color: #fff;
		  text-decoration: none;
		}

	#sellout-box-a{
	  position: absolute; left: 95px; top: 45px;
	}

		#sellout-box-a-title{
		  margin-bottom: 5px;
		  font-size: 18px;
		  color: #fff;
		}

		#sellout-box-a-subtitle{
		  margin-bottom: 15px;
		  font-size: 16px;
		  color: #333;
		}

		#sellout-box-a-cont{
		  font-size: 13px;
		  color: #333;
		}

	#sellout-box-flash{
	  position: absolute; left: 30px; top: 143px;
	}

/* - servizi al canale - support - */

#support-box{
  position: relative; top: 0px;
  width: 820px; height: 310px;
  
  background: #fff url(uploads/images/static/backgrounds/servizi/box-support.jpg) no-repeat;
}

	#support-box-title{
	  position: absolute; left: 25px; top: 10px;
	}

		#support-box-title a{
		  font-size: 14px;
		  color: #fff;
		  text-decoration: none;
		}

	#support-box-a{
	  position: absolute; left: 95px; top: 45px;
	}

		#support-box-a-title{
		  margin-bottom: 5px;
		  font-size: 18px;
		  color: #fff;
		}

		#support-box-a-subtitle{
		  margin-bottom: 120px;
		  font-size: 16px;
		  color: #333;
		}

		#support-box-a-cont{
		  font-size: 10px;
		  color: #333;
		}

/* - mobility - */ /* uguale a ict e house care, cambia il colore dei bordi del box principale */

#mobility-box-top{
  position: relative; top: 0px;
  width: 824px; height: 27px;
  
  background: #fff url(uploads/images/static/backgrounds/mobility/box-top.jpg) no-repeat;
}

#mobility-box-middle{
  position: relative; top: 0px;
  width: 824px;
  
  background: #fff url(uploads/images/static/backgrounds/mobility/box-middle.jpg) repeat-y;

  color: #808080;
}

	#mobility-title-left{
	  position: absolute; left: 25px; top: 5px;
	}

	#mobility-title-right{
	  position: absolute; left: 650px; top: 20px;
	}

	#mobility-content{
	  position: relative; left: 12px; top: 60px;
	  width: 800px; height: 265px;
	  background: #fff url(uploads/images/static/backgrounds/mobility/mobility.jpg) no-repeat 15px 0px;
	}

		#mobility-box-a{
		  position: absolute; left: 35px; top: 27px;
		  width: 210px; height: 160px;
		}

			.mobility-testo{
			  margin-top: 10px;
			  text-align: justify;
			  font-size: 11px;
			}

			a.mobility-freccia{
			  display: block;
			  position: absolute; left: 185px; top: 135px;
			}

		#mobility-box-b{
		  position: absolute; left: 295px; top: 27px;
		  width: 210px; height: 160px;
		}

		#mobility-box-c{
		  position: absolute; left: 555px; top: 27px;
		  width: 210px; height: 160px;
		}

#mobility-box-bottom{
  position: relative; top: 0px;
  width: 824px; height: 27px;
  
  background: #fff url(uploads/images/static/backgrounds/mobility/box-bottom.jpg) no-repeat;
}

/* - ict - */ /* uguale a mobility e house care, cambia il colore dei bordi del box principale */

#ict-box-top{
  position: relative; top: 0px;
  width: 824px; height: 27px;
  
  background: #fff url(uploads/images/static/backgrounds/ict/box-top.jpg) no-repeat;
}

#ict-box-middle{
  position: relative; top: 0px;
  width: 824px;
  
  background: #fff url(uploads/images/static/backgrounds/ict/box-middle.jpg) repeat-y;

  color: #808080;
}

	#ict-title-left{
	  position: absolute; left: 25px; top: 5px;
	}

	#ict-title-right{
	  position: absolute; left: 650px; top: 20px;
	}

	#ict-content{
	  position: relative; left: 12px; top: 60px;
	  width: 800px; height: 265px;
	  background: #fff url(uploads/images/static/backgrounds/ict/ict.jpg) no-repeat 15px 0px;
	}

		#ict-box-a{
		  position: absolute; left: 35px; top: 27px;
		  width: 210px; height: 160px;
		}

			.ict-testo{
			  margin-top: 10px;
			  text-align: justify;
			  font-size: 11px;
			}

			a.ict-freccia{
			  display: block;
			  position: absolute; left: 185px; top: 135px;
			}

		#ict-box-b{
		  position: absolute; left: 295px; top: 27px;
		  width: 210px; height: 160px;
		}

		#ict-box-c{
		  position: absolute; left: 555px; top: 27px;
		  width: 210px; height: 160px;
		}

#ict-box-bottom{
  position: relative; top: 0px;
  width: 824px; height: 27px;
  
  background: #fff url(uploads/images/static/backgrounds/ict/box-bottom.jpg) no-repeat;
}


/* - house care - */ /* uguale a mobility e ict, cambia il colore dei bordi del box principale */

#housecare-box-top{
  position: relative; top: 0px;
  width: 824px; height: 27px;
  
  background: #fff url(uploads/images/static/backgrounds/housecare/box-top.jpg) no-repeat;
}

#housecare-box-middle{
  position: relative; top: 0px;
  width: 824px;
  
  background: #fff url(uploads/images/static/backgrounds/housecare/box-middle.jpg) repeat-y;

  color: #808080;
}

	#housecare-title-left{
	  position: absolute; left: 25px; top: 5px;
	}

	#housecare-title-right{
	  position: absolute; left: 650px; top: 20px;
	}

	#housecare-content{
	  position: relative; left: 12px; top: 60px;
	  width: 800px; height: 265px;
	  background: #fff url(uploads/images/static/backgrounds/housecare/housecare.jpg) no-repeat 15px 0px;
	}

		#housecare-box-a{
		  position: absolute; left: 35px; top: 27px;
		  width: 210px; height: 160px;
		}

			.housecare-testo{
			  margin-top: 10px;
			  text-align: justify;
			  font-size: 11px;
			}

			a.housecare-freccia{
			  display: block;
			  position: absolute; left: 185px; top: 135px;
			}

		#housecare-box-b{
		  position: absolute; left: 295px; top: 27px;
		  width: 210px; height: 160px;
		}

		#housecare-box-c{
		  position: absolute; left: 555px; top: 27px;
		  width: 210px; height: 160px;
		}

#housecare-box-bottom{
  position: relative; top: 0px;
  width: 824px; height: 27px;
  
  background: #fff url(uploads/images/static/backgrounds/housecare/box-bottom.jpg) no-repeat;
}

/* - profilo, missione, offerta */

#profilo-title-right{
  position: absolute; left: 620px; top: 20px;
}

#missione-title-right{
  position: absolute; left: 601px; top: 20px;
}

#offerta-title-right{
  position: absolute; left: 614px; top: 20px;
}

#pmo-content{
  position: relative; left: 12px; top: 65px;
  width: 760px; height: 300px;
  padding-right: 20px; padding-left: 20px;
  font-size: 11px;
}
/* End of 'fortigroup-CSS' */