/* Cedacri Group Globalnav layout  */
	/* You may adapt elements of this CSS in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the DESIGN") is copyright 2013 Cedacri Group and Areaitalia may not be reproduced. */ 
	
	
/*
===== CONTENTS =====


	1: Principal Navigation
	2: Footer Navigation
	3: Crumbs
	4: Mappa Sito 


====================
*/


/*
===== 1: Principal Navigation =====
*/

div.navcontainer{
	float:right;
	position:relative;
	display:inline;
	z-index:1000;
	width: 57%;
}

div.navcontainer ul{
	zoom: 1;
	margin: 0;
	padding-right: 1px;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 35, color-stop(0%, rgba(255, 255, 255, 0.15)), color-stop(100%, rgba(255, 255, 255, 0)));
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 35px);
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 35px);
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 35px);
	background-image: linear-gradient(top, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 35px);
	background-position: 100% 0;
	background-repeat: no-repeat;
	background-size: 1px 100%;
	width: 100%;
	max-height: 50px;
	/*overflow:auto;*/
}


div.navcontainer ul > li {
  display: block;
  list-style-type: none;
}
div.navcontainer ul:before, div.navcontainer ul:after {
  content: "";
  display: table;
}
div.navcontainer ul:after {
  clear: both;
}
div.navcontainer ul > li {
  display: block;
  float: left;
  list-style-type: none;
}
div.navcontainer ul > li > a {
  -webkit-transition: 0.075s all;
  -moz-transition: 0.075s all;
  -o-transition: 0.075s all;
  transition: 0.075s all;
  display: block;
  padding: 19px 14px 17px 14px;
  border-right: 1px solid #f1f1f1;
  color: #FFF;
  font-size: 14px;
  text-transform:uppercase;
  line-height: 1;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
  background: #003e7e;
}

div.navcontainer ul > li.last > a{
	border:none;
}

div.navcontainer ul > li > a:hover {
  /*background-color: #003e7e;
  background-color: rgba(255, 255, 255, 0.08);*/
  background:#be0f34;
  text-decoration: none;
}
div.navcontainer ul > li > a:focus {
  	font-style: italic;
	text-decoration: underline;
	background: #be0f34;
}
div.navcontainer ul > li.active > a {
  position: relative;
  color: #fff;
  background: #be0f34;
}
div.navcontainer ul > li.active > a:after {
  content: "";
  display: block;
  position: absolute;
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: solid 10px;
  border-color: #be0f34 transparent transparent transparent;
  top: 50px;
  left: 50%;
  margin-left: -10px;
}

div.navcontainer ul.navlist ul{
	width:220px;
	display:inline;
	float:left;
	margin:0;
	padding:5px 0;
	background: #be0f34;
	list-style-type:none;
}

div.navcontainer ul.navlist ul li{
	padding:0;
	border-right: none;
}

div.navcontainer ul.navlist ul li a{
	font-weight:normal;
	width:200px;
	display:block;
	float:left;
	margin:0;
	border-right:none;
	padding:5px 10px;
	font-size:12px;
}

div.navcontainer ul.navlist ul li a:hover,
div.navcontainer ul.navlist ul li.active a{
	text-decoration:none;
	background:#003e7e;
}

/*

===== : left navigation =====

*/

.leftmenu{
	float:left;
	width:100%;
}

.leftmenu ul {
  margin: 0px;
  padding:0;
}
.leftmenu ul > li {
  display: block;
  float:left;
  position:relative;
  margin-bottom:5px;
  list-style-type: none;
}
.leftmenu ul > li > a {
  display: block;
  font-size: 14px;
  line-height: 1;
  float:left;
  width:186px;
  padding: 9px 0 9px 14px;
  white-space: nowrap;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -ms-border-radius: 3px 0 0 3px;
  -o-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  position: relative;
  background:#F1F1F1;
}

.leftmenu ul > li.active > a {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -ms-border-radius: 3px 0 0 3px;
  -o-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  position: relative;
  background: #be0f34;
  color: #fff;
  z-index: 1;
  margin-right: 14px;
}


.leftmenu ul > li.active > a:hover {
  text-decoration: none;
  
}


.leftmenu ul > li > a:hover{
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-ms-border-radius: 3px 0 0 3px;
	-o-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
	position: relative;
	background: #be0f34;
	color: #fff;
	z-index: 1;
	margin-right: 14px;
	text-decoration: none;
}

.leftmenu ul > li > a:after {
  position: absolute;
  top: 0px;
  left: 100%;
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: solid 16px;
  border-color: transparent transparent transparent #F1F1F1;
}


.leftmenu ul > li.active > a:after,
.leftmenu ul > li.hover > a:after,
.leftmenu ul > li > a:focus::after{
  position: absolute;
  top: 0px;
  left: 100%;
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: solid 16px;
  border-color: transparent transparent transparent #be0f34;
}

/*.leftmenu ul > li > a:focus{
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-ms-border-radius: 3px 0 0 3px;
	-o-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
	position: relative;
	background: #be0f34;
	color: #fff;
	z-index: 1;
	margin-right: 14px;
	text-decoration: none;
}*/

/*

===== : footer navigation =====

*/


div.footernavcontainer{
	float:left;
	display:inline;
	margin:0;
	padding:0;
	width:200px;
}

div.footernavcontainer ul{
	float:left;
	display: inline;
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
}

div.footernavcontainer ul li{
	display:block;
}

div.footernavcontainer ul li a{
	float:left;
	display:block;
	width:100%;
	margin-bottom:10px;
	color:#999;
	font-size:14px;
}

div.footernavcontainer ul li a:hover{
	color:#0099cc;
}

div.footernavcontainer ul li a:focus{
	color: black;
	font-style: italic;
	text-decoration: underline;
	background: #D3D3D3;
}





/*
===== 3: crumbs =====
*/

#crumbs{
	float:right;
	margin:0;
	text-align:right;
	font-size:9px;
	padding:5px 0;
}


#crumbs ul {
        margin: 0;
        padding: 0;
        display: inline;
        border: none;
        } 

#crumbs ul li {
        margin: 0;
        padding-left: 1px;
        border: none;
        list-style: none;
        display: inline;
        font-weight:bold;
 }


#crumbs ul li a{
	font-size:9px;
}


#crumbs ul li#selected{
	font-size:12px;
}

#crumbs ul li#selected em{
	font-size:12px;
	font-style:normal
}


/*
===== 4: Mappa Sito =====
*/

div#mappasito{
	float:left;
	margin:0;
	min-height:265px;
	height:auto;
}

/* for Internet Explorer */
/*\*/
* html div#mappasito {
	min-height:265px;
	height: 265px;
}
/**/

ul#sitemap
 {
margin: 1em 0;
list-style-type: none;
background: url(../images/dot.gif) repeat-y 3px 0;
padding: 0;
width:100%;
/*float:left;
background:red;*/
 }

 ul#sitemap li
 {
margin-bottom: .5em;


 }

 ul#sitemap li a
 {
background: url(../images/bullet1.gif) no-repeat 0 .4em;
padding-left: 15px;

 }

 ul#sitemap li a.open, ul#sitemap li li a.open, ul#sitemap li li li a.open, ul#sitemap li li li li a.open 
 {
background-image: url(../images/bullet2.gif); 
 }

 /* second level */
 ul#sitemap ul
 {
margin: .5em 0 0 0;
padding: 0;
list-style-type: none;
 }

 ul#sitemap li li 
 { 
 background: url(../images/dot2.gif) no-repeat 2px .5em;
 }

 ul#sitemap li li a
 {
padding: 0 0 0 30px;
background: url(../images/bullet1.gif) no-repeat 20px .3em;
 }

 /* third level */
 ul#sitemap ul ul 
 { 
background: url(../images/dot.gif) repeat-y 30px 0; 
 }

 ul#sitemap li li li 
 { 
background: url(../images/dot2.gif) no-repeat 30px .5em; 
 }

 ul#sitemap li li li a
 {
padding: 0 0 0 60px;
background: url(../images/bullet1.gif) no-repeat 50px .3em;
 }

 /* fourth level */
 ul#sitemap ul ul ul 
 { 
background: url(../images/dot.gif) repeat-y 60px 0; 
 }

 ul#sitemap li li li li 
 { 
background: url(../images/dot2.gif) no-repeat 60px .5em; 
 }

 ul#sitemap li li li li a
 {
padding: 0 0 0 90px;
background: url(../images/bullet1.gif) no-repeat 80px .3em;
 }