/* $Id: navigation.css,v 1.2 2010/07/24 02:26:35 jmburnz Exp $ */

/**********************************************************
 *                       Menus
 **********************************************************/
/**
 * Prefix these with the block id to style one menu only.
 */
ul.menu,
ul.menu ul, 
ul.menu ul ul, 
ul.menu ul ul ul {
  margin: 0 0 0 0.75em; /* LTR */
  padding: 0;
}

/* Menu li styles */
ul.menu li {
  padding: 0.35em 0 0 0; /* LTR */
  border-bottom: 1px dotted  #DFDFDF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: bold;
}

ul.menu li.collapsed {list-style-image: url("images/menu-collapsed.png");}
ul.menu li.expanded  {list-style-image: url("images/menu-expanded.png");}
ul.menu li.leaf      {list-style-image: url("images/menu-leaf.png");}

ul.menu li a{
    background-color: white;
    border-right: 12px solid #FFFFFF;
    color: #00008B;
    display: block;
    padding: 0.5em;
    text-decoration: none;
}

ul.menu li a:link    {
	background-color: white;
    border-right: 12px solid #FFFFFF;
    color: #00008B;
    display: block;
    padding: 0.5em;
    text-decoration: none;
}
ul.menu li a:hover   {
background-color: #EDF4FC;/*#008BCE;*/
color: #00008B;/*#FFFF49;*/
border-right: 12px solid #0057AD;
}
ul.menu li a:visited {color:#00008B}
ul.menu li.active a  {}
ul.menu li.active-trail {}

ul.menu li.first {}
ul.menu li.last  {}


/**********************************************************
 *               Primary & Secondary Links
 **********************************************************/
/**
 * Implimentation of Primary and Secondary Links.
 *
 * Primary & Secondary Links are colored by default so you 
 * can easily identify them.
 */

/* Hide menu headers. */
#main-menu-wrapper h2,
#secondary-menu-wrapper h2 {
  height: 0;
  overflow: hidden;
  position: absolute;
}

/* Main Menu */

/* FLOAT RIGHT */
/* #main-menu-wrapper .main-menu-inner {float: right;} */

/* ALIGN CENTER */
/* #main-menu-wrapper .main-menu-inner {display: table; margin: 0 auto; text-align: center;} */

#main-menu-wrapper {
  margin: 0.75em 0;
}

#main-menu {
  background: #0057AD; /* Default gray for dev only. */
  font-weight: bold;
  margin: 0;
  padding: 0;
}

/* Modify the margin to set tab spacings. */
#main-menu li {
  display: inline;
  line-height: 2;
  list-style: none;
  margin: 0 1em;
  padding: 0;
 
}

#main-menu li a {
  text-decoration: none;
  white-space: nowrap;
   color:#fff;
}

/* Set pseudo class styles. */
#main-menu li a:link {}
#main-menu li a:visited {}
#main-menu li a:hover {}
#main-menu li a:focus {}
#main-menu li a:active {}


/* Primary first and last classes. */
#main-menu li.first {}
#main-menu li.last {}

/* Active trail classes. */
#main-menu li.active {}
#main-menu li.active-trail {}
#main-menu li.active-trail a {}


/* Secondary menu */

/* FLOAT RIGHT */
/* #secondary .secondary-inner {float: right;} */

/* ALIGN CENTER */
/* #secondary .secondary-inner {display: table; margin: 0 auto; text-align: center;} */

#secondary-menu-wrapper  {
  margin: 0.75em 0;
}

#secondary-menu {
  background: #0057AD; /* Default gray for dev only. */
  font-weight: bold;
  margin: 0;
  padding: 0;
  text-align:right;
  border-top:6px solid #ffd24d;
  border-bottom:6px solid #00a3d9;
}

/* Modify the margin to set tab spacings. */
#secondary-menu li {
  display: inline;
  line-height: 2;
  list-style: none;
  margin: 0 1em;
  padding: 0;
}

#secondary-menu li a {
  text-decoration: none;
  white-space: nowrap;
  color:#fff;
}

/* Set pseudo class styles. */
#secondary-menu li a:hover {}
#secondary-menu li a:focus {}
#secondary-menu li a:active {}
#secondary-menu li a:visited {}

/* Secondary first and last classes. */
#secondary-menu li.first {}
#secondary-menu li.last {}

/* Active trail classes. */
#secondary-menu li.active {}
#secondary-menu li.active-trail {}
#secondary-menu li.active-trail a {}


/**********************************************************
 *                      Breadcrumb
 **********************************************************/
/**
 * Genesis places the breadcrumb directly below the header, 
 * giving it the full width of theme to expand into.
 * You can eaisly drag the breadcrumb html to the main 
 * content column if you need to.
 */
#breadcrumb {
  /*padding: 0 0 0.75em;*/
}
/*.breadcrumb{padding-bottom:1.8em;}*/
/************** Breadcrumb personalizzati ****************/
			.breadcrumbs { 
				list-style: none; 
				overflow: hidden; 
				font:bold .85em Arial, Helvetica, Sans-Serif;
				text-transform:uppercase;
				/*margin: 0;
				padding: 0;*/
			}
			.breadcrumbs li { 
				float: left; 
			}
			.breadcrumbs li a {
				color: white;
				text-decoration: none; 
				padding: 10px 0 10px 55px;
				background: #004080;                   /* fallback color */
				background: rgb(0,64,128); 
				position: relative; 
				display: block;
				float: left;
			}
			.breadcrumbs li a:after { 
				content: " "; 
				display: block; 
				width: 0; 
				height: 0;
				border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
				border-bottom: 50px solid transparent;
				border-left: 30px solid rgb(0,64,128);
				position: absolute;
				top: 50%;
				margin-top: -50px; 
				left: 100%;
				z-index: 5; 
			}	
			.breadcrumbs li a:before { 
				content: " "; 
				display: block; 
				width: 0; 
				height: 0;
				border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
				border-bottom: 50px solid transparent;
				border-left: 30px solid white;
				position: absolute;
				top: 50%;
				margin-top: -50px; 
				margin-left: 1px;
				left: 100%;
				z-index: 1; 
			}
			.breadcrumbs li:first-child a {
				padding-left: 10px;
				z-index: 5;
			}
			/*.breadcrumbs li.breadcrumb-1 a       { background:        rgb(166,25,25); z-index: 4; }
			.breadcrumbs li.breadcrumb-1 a:after { border-left-color: rgb(166,25,25); z-index: 4; }*/
			.breadcrumbs li.breadcrumb-2 a       { background:        rgb(0,89,179); z-index: 3; }
			.breadcrumbs li.breadcrumb-2 a:after { border-left-color: rgb(0,89,179); z-index: 3; }
			.breadcrumbs li.breadcrumb-3 a       { background:        rgb(0,64,128); z-index: 2; }
			.breadcrumbs li.breadcrumb-3 a:after { border-left-color: rgb(0,64,128); z-index: 2; }
			.breadcrumbs li.breadcrumb-4 a       { background:        rgb(0,89,179); z-index: 1; }
			.breadcrumbs li.breadcrumb-4 a:after { border-left-color: rgb(0,89,179); z-index: 1; }
			.breadcrumbs li.breadcrumb-last a  {
				background: transparent !important;
				color: black;
				pointer-events: none;
				cursor: default;
			}
			.breadcrumbs li.breadcrumb-last, .breadcrumbs li.breadcrumb-last a   { border: 0; padding: 10px 0 10px 55px; font-weight:bold;}
			.breadcrumbs li.breadcrumb-last a:after { border: 0; }
			.breadcrumbs li a:hover { background: rgb(225,215,0); color:#080601 }
			.breadcrumbs li a:hover:after { border-left-color: rgb(225,215,0) !important; }

/**********************************************************
 *                     Pager 
 **********************************************************/

/* The first 2 classes provide the base pager styles. */
.item-list ul.pager    {}
.item-list ul.pager li {
  margin: 0;
}

/* Theme the various states of pager links. */
.item-list ul.pager li a:link    {}
.item-list ul.pager li a:visited {}
.item-list ul.pager li a:hover   {}

/* Note: .pager-current is for the current page. */
.item-list ul.pager li.pager-item     {}
.item-list ul.pager li.first          {}
.item-list ul.pager li.last           {}
.item-list ul.pager li.pager-current  {}
.item-list ul.pager li.pager-first    {}
.item-list ul.pager li.pager-previous {}
.item-list ul.pager li.pager-next     {}
.item-list ul.pager li.pager-last     {}


/**********************************************************
 *                    Skip Navigation
 **********************************************************/
/* The skip link will show on focus. The style of the skip 
 * link matches toolbar and is the same as for the Seven theme. 
 */
#skip-link {
  margin-top: 0;
  position: absolute;
  left: 50%;
  margin-left: -5.25em;
  width: auto;
  z-index: 50;
}
#skip-link a,
#skip-link a:link,
#skip-link a:visited {
  position: absolute;
  display: block;
  top: auto;
  left: -10000px;
  width: 1px;
  height: 1px;
  background: #444;
  color: #fff;
  font-size: 0.94em;
  text-decoration: none;
  border-radius:0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;

}
#skip-link a:hover,
#skip-link a:active,
#skip-link a:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  padding: 1px 10px 2px 10px;
}

/* ************ Ripristino le voci di menu della TOOLBAR ************/
.toolbar-shortcuts ul.menu li.leaf  a    {
	background-image: none;
}
.toolbar-shortcuts  ul.menu li a:link {
    background-color: transparent;
	font-weight:normal;
}

/* ************fine TOOLBAR ********************************/

/********** MENU PRIVACY ************************/
#block-menu-menu-privacy{margin:0 auto;}
#block-menu-menu-privacy ul {text-align:center}
#block-menu-menu-privacy ul li{display:inline-block; text-align:center}
/*********** FINE MENU PRIVACY*******************/