/*################## OVERRIDE TEMPLATE  ##################*/
table {
 border: 0;
 border-spacing: 5px;
 padding: 5px;
}
.footer div.copyright p {
	color: #333;
	text-shadow: 1px 2px 2px #FFF;
	margin: 2px 10px;
	
	font-size: 12px;
} 
.page-header {
	border: 0;
}
div.header-btn {
    vertical-align: middle;
}
body {
	font-size: 14px;
	background-color: #666;
	background-image: url('../../../images/2.png');
}
.pull-right div {
	float: none;
	display: inline-block;
}


#content {
	min-height: 600px;
}
	

footer {
	font-size: 14px;
	background-color: rgba(255,255,255,.7);
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	margin-top: 10px;
	padding: 10px;
}
p {
  font-size: 110%;
  margin-top: 5px;
  margin-bottom: 10px;
  text-align: justify;
  line-height: 1.3em;
}
ul {
  font-size: 100%;
  margin-top: 5px;
  margin-bottom: 10px;
  text-align: justified;
/*  list-style-position: inside; */
}
li {
   line-height: 1.3em;
   margin-top: 5px;
   margin-bottom: 5px;
}
h2 {
    background-color: none;
    background-position: 4px top;
    background-repeat: no-repeat;
    border-bottom: 6px solid #0B0B60;
    color: #0B0B60;
    list-style: none outside none ;
    margin-bottom: 15px;
    margin-top: 20px;
    padding: 4px;
	padding-bottom: 10px;
    font-size: 180%;
    
    text-decoration: none;
    text-decoration: bold;
    text-align: left;
	line-height: 1.2em;
}
h2 a {
    color: #0B0B60;
}
h2 a:hover {
  color: #FF6600;
  text-decoration: none;
  text-decoration: bold;
}
h3 {
  font-size: 150%;
  color: #101070;
  border-bottom: 2px solid #101070;
    padding: 4px;
	padding-bottom: 8px;
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: left;
  	line-height: 1.2em;
}
h3 a {
  color: #101070;
}
h3 a:hover {
  color: #FF6600;
  text-decoration: none;
  text-decoration: bold;
}
h4 {
  font-size: 120%;
  color: #151580;
  margin-bottom: 8px;
  	line-height: 1.2em;
}
h4 a {
  color: #151580;
}
h4 a:hover {
  color: #FF6600;
  text-decoration: none;
  text-decoration: bold;
}
h5 {
  font-size: 110%;
  color: #1D1D8D;
  text-align: left;
  margin-bottom: 8px;
  padding: 2px;
  padding-bottom: 4px;
  	line-height: 1.2em;
}
h5 a {
  color: #1D1D8D;
}
h5 a:hover {
  color: #FF6600;
  
  text-decoration: none;
  text-decoration: bold;
}
h6{
  text-decoration: bold;
  padding: 2px;
  padding-bottom: 4px;
  	line-height: 1.2em;
}
/*################## INDICE VOCI   ##################*/
table.index-box {
  background-color: #FAFAFA; 
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin: 0px;
  padding: 10px 23px;
  font-family: verdana, arial, geneva, helvetica, sans-serif;
  font-weight: bold;
  color: white;
  border-collapse: collape;
  border-spacing: 13px;
background-image: URL('../../../images/animazioni/indice_files/pd-frecce.png');
    -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
  -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
  box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}
table.index-box on {
background-image: URL('../../../images/animazioni/indice_files/pd-frecce-on.png');
}
table.index-box td h3 {
  font-size: 10px;
  text-align: center;
  border: none;
  margin: 2px;
  color: #444;
  text-align: left;
  margin-left: 10px;
}
table.index-box td div {
  margin: 0px 10px 0px 10px;
  padding: 5px;
  }
  table.index-box td div ul {
  width: 100%;
  text-transform: none;
  list-style: none;
  margin: 0px;
  font-size: 15px;
  color: #fff;
  text-align: center;
}
  
  
  table.index-box td div ul li {
  float: left;
  background: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  letter-spacing: 0px;
  text-indent: 0;
  background: -moz-linear-gradient(top, #F0F0F0 0%, #808080);
  background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#808080));
  filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F0F0F0', endColorstr='#808080'); /* IE6 & IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F0F0F0', endColorstr='#808080')"; /* IE8 */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow:     2px 2px 3px rgba(000,000,000,0.5);  
  -webkit-box-shadow:    2px 2px 3px rgba(000,000,000,0.5);  
  box-shadow:    2px 2px 3px rgba(000,000,000,0.5);
  color: #000;
  padding: 0px;
  min-width: 100px;
  height: 34px;
  line-height: 34px;
}
table.index-box td div ul li a {
  color: #000;
  display: block;
  text-decoration: none;
    height: 34px;
  line-height: 34px;
}
table.index-box td div ul li a:hover {
  color: #FFF;
  display: block;
  text-decoration: none;
    height: 34px;
  line-height: 34px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
table.index-box td div ul li span {
  font-size: 70%;
  letter-spacing: 0px;
}
table.index-box td div ul li span.off {
  color: #AAA;
}
/*################## INDICE VOCI P ##################*/
div.index-box-p {
  width: 120px;
  height: 225px;
}
div.index-box-p ul li {
  width: 100px;
  margin: 8px;
}
div.index-box-p li a:hover {
  background: #C00000;
 }
/*################## INDICE VOCI M ##################*/
div.index-box-m {
   width: 160px;
   height: 225px;
}
div.index-box-m ul li {
  width: 140px;
    margin: 8px;
}
div.index-box-m li a:hover {
  background: #0040C0;
}
/*################## INDICE VOCI I ##################*/
div.index-box-i {
  width: 160px;
  height: 225px;
}
div.index-box-i ul li {
  width: 140px;
    margin: 8px;
}
div.index-box-i li a:hover {
  background: #00B0D0;
}
/*################## INDICE VOCI S ##################*/
div.index-box-s {
  width: 190px;
  height: 370px;
}
div.index-box-s ul {
 font-size: 7px;
}
div.index-box-s ul li {
  width: 170px;
  margin: 5px 8px;
}
div.index-box-s li a:hover {
  background: #00C000;
}
/*################## INDICE VOCI T ##################*/
div.index-box-t {
  width: 330px;
  height: 170px;
}
div.index-box-t ul li {
  width: 132px;
    margin: 8px 15px;
}
div.index-box-t li a:hover {
  background: #D0B000;
}
/*################## INDICE VOCI O ##################*/
div.index-box-o {
  width: 160px;
  height: 185px;
}
div.index-box-o ul {
}
div.index-box-o ul li {
  margin: 5px 8px;
    width: 140px;
}
div.index-box-o li a:hover {
  background: #777;
}
/*################ ANIMAZIONI ##################*/
div.anim-info
{
  font-size: 125%;
  padding: 5px;
  color: #000000;
  text-align: justify;
  min-width: 300px; 
}
div.anim-info h3
{
  border: none;
  padding: 0px;
  color: #FF9900;
}
div.anim-body
{  
  margin: 5px;
  background: -moz-linear-gradient(top, #73B4DE 0%, #FFFFFF);
  background: -webkit-gradient(linear, left top, left bottom, from(#73B4DE), to(#FFFFFF));
  filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#73B4DE', endColorstr='#FFFFFF'); /* IE6 & IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#73B4DE', endColorstr='#FFFFFF')"; /* IE8 */
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  margin-bottom: 50px;
}
/* ##########################  SCRIVANIA  ########################### */
.blog_desktop {
	background: #FFF url('../../../images/mod-bg.jpg'); 
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
	padding:4px;
	margin: 0px;
}
.blog_desktop  h1{
	text-shadow: 0px 1px 1px #EEE;
	color: rgba(0,0,0,0.7);
	padding: 2px;
	
	margin: 5px;
	font-size: 18px;
	font-weight: bold;
	text-align: right;
	padding-right: 20px;
}
div.desktop, div.training {
  border: 0;
  margin: 10px 5px;
  padding: 0px;
  display: block;
   -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
	background: #FFF;
   text-align: center;
}
div.desktop   {
	background-color: #f0f0f0;
	/* background: #ffffff url('../../../images/mod-bg.jpg'); */
	-webkit-box-shadow: inset 2px 2px 6px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 2px 2px 6px 0px rgba(0,0,0,0.5);
	box-shadow: inset 2px 2px 6px 0px rgba(0,0,0,0.5);
  }
div.training {
	background-color: #f0f0f0;
	/* background: #ffffff url('../../../images/mod-bg.jpg'); */
	-webkit-box-shadow: inset 2px 2px 6px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 2px 2px 6px 0px rgba(0,0,0,0.5);
	box-shadow: inset 2px 2px 6px 0px rgba(0,0,0,0.5);
}
div.fx  .nn_tooltips-link, div.training ul  .nn_tooltips-link, div.desktop ul  .nn_tooltips-link  {
	border: 0px;
}
div.training ul.thumb-list, div.desktop ul.thumb-list {
	/*margin-left: -20px;*/
	padding: 5px;
	
    margin: 10px;
	list-style: none;
	*zoom: 1;
	display: table;
	float: none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
div.training ul.thumb-list ul, div.desktop ul.thumb-list ul {
	margin: 5px;
	
	margin-top: 0px;
}
ul.block-tools { min-height: 179; border-color: rgba(80,80,80,.3); 	  }
ul.block-standard { min-height: 179; border-color: rgba(80,80,80,.3); }
ul.block-rec {  border: 2px solid rgba(255,0,0,.3);	background: #ffffff;}
ul.block-tec { border: 2px solid rgba(200,60,0,.3);	background: #ffffff; }
ul.block-spec { border: 2px solid rgba(0,255,0,.3);	background: #ffffff; }
ul.block-pro { border: 2px solid rgba(0,60,200,.3);	background: #ffffff;}
ul.block-protec { border: 2px solid rgba(0,60,200,.3);	background: #ffffff;}
#manrec, #manspec, #manpro, #mantec, #manprotec {
  display: none;
}

ul.thumb-list  li {
	float: left;
	width: 14%;
	display: table-row;
	padding: 10px;
	text-align: center;
	position: relative;
	margin: 0px;
	min-width: 70px;
}
div.desktop  ul > li  {
	width: 12% !important;
	padding: 10px;
}
ul.thumb-list li div.item-container {
	margin: 2px;
	width: 100%;
}
  
div.thumb-item a, div.thumb-item-off a {
    display: block;
	padding: 0px;
}
div.item-container:hover img {
	display: block;
	position: relative;
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,1);
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,1);
    box-shadow: 0px 0px 10px rgba(0,0,0,1);
	
	filter: brightness(1.12);
    -webkit-filter: brightness(1.2);
    -moz-filter: brightness(1.2);
    -ms-filter: brightness(1.2);
    -o-filter: brightness(1.2);
	
	background: none;
}
div.item-container  img {
    width: 100%;
	margin: 0px;
	display: block;
	position: relative;
	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 2px rgba(0,0,0,0.6);
  
}
div ul li span.item-overlay {
	position: absolute;	
	right: 5px;
	top: 5px;
	background: #BB4422;
	color: white;
	height: 1.9em;
	width: 1.9em;
	line-height: 2.0em;
	border: .20em solid #fff;
	text-align: center;
	font-weight: bold;
	-moz-border-radius: 2.4em;
	-webkit-border-radius: 2.4em;
	border-radius: 2.4em;
	font-size: 100%;
	z-index: 300;
}
/*################ PRODOTTI MARKET ##################*/
div.product-list {
	display: block;
	float: none;
}
ul.product-list {
	/*margin-left: -20px;*/
	padding: 0px;
	margin: 0px;
	list-style: none;
	*zoom: 1;
	display: table;
	float: none;
}
ul.product-list > li {
	float: left;
/* 	margin-bottom: 18px;
	margin-left: 20px; */
	margin-bottom: 10px;
	display: block;
}
ul.product-list li  div.item-description{
	font-size: 80%;
}
div.product-item {
    text-align: center;
	display: block;
	padding: 5px;
	margin: 0px;
	text-align: center;
	white-space: normal;
}
div.product-item a {
    display: block;
	padding: 0px;
}
div.product-item  a img {
	max-width: 70px;
	margin: 10px;
}
div.product-item a:hover
{
}
div.product-item a:hover img
{
	margin: 5px;
	max-width: 80px;
}
div.product-item h4 {
	font-size: 80%;
	padding: 0px 4px 0px 4px;
	color: #000;
	text-indent: 0px;
}
.badge {
	padding-left: 9px;
	padding-right: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}

/* ##########################  COVER TRAINING  ########################### */

.training-cover   {
 background: #ffffff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  text-align: left;
  margin-bottom: 10px;
  -moz-box-shadow: 5px 5px 5px #AAA;
  -webkit-box-shadow: 5px 5px 5px #AAA;
  box-shadow: 5px 5px 5px #AAA;
  margin-left: auto;
  margin-right: auto;
  min-height: 60px;
  padding: 10px;
  color: #000;
  font-size: 20px;
  max-width: 1000px;
  border: 1px solid #AAA;
}

.training-cover h1 {
    margin: 5px;
    display: block;
    margin-bottom: 10px;
	padding: 0;
    line-height: 1.2em;
    /* FONT 3D */
    font-family: arial, serif;
    background-color: transparent;
    border:0;
    font-size: 1.2em;
	font-weight: 700;
	letter-spacing: 1px;
  color: #151580;
    text-align: left;
    /* Left - Top - Grossir*/

	letter-spacing: -1px;
}
.training-cover h2 {
    margin: 5px;
    display: block;
    margin-bottom: 10px;
	padding: 0;
    line-height: 1.0em;
    /* FONT 3D */
    font-family: arial, serif;
    background-color: transparent;
    border:0;
    font-size: 1.1em;
	font-weight: 700;
	letter-spacing: -1px;
    color: #151580;
    text-align: left;
	border: none;
}

.training-cover div {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

.training-cover p {
  font-size: 14px;
}

.training-cover img {
  width: 180px;
  height: 180px;
  float: left;

  margin: 20px;
  margin-top: 5px;
  margin-bottom: 40px;
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,1);
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,1);
    box-shadow: 0px 0px 10px rgba(0,0,0,1);
	  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
	filter: brightness(1.12);
    -webkit-filter: brightness(1.2);
    -moz-filter: brightness(1.2);
    -ms-filter: brightness(1.2);
	
    -o-filter: brightness(1.2);
	
	background: none;
}
/* ##########################  COVER  ########################### */
.cover-rec   {
 background: #ffffff url('../../../images/generali/cover-rec.jpg') no-repeat top center;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
  margin-bottom: 10px;
    -moz-box-shadow: 5px 5px 5px #AAA;
  -webkit-box-shadow: 5px 5px 5px #AAA;
  box-shadow: 5px 5px 5px #AAA;
  margin-left: auto;
  margin-right: auto;
  min-height: 60px;
  padding: 10px;
  color: #000;
  font-size: 20px;
  max-width: 1000px;
}
.cover-rec h1 {
    margin: 5px;
    display: block;
    resize: none;
    margin-bottom: 20px;
	padding: 0;
    overflow: hidden;
    line-height: 1.2em;
    /* FONT 3D */
    font-family: arial, serif;
    background-color: transparent;
    border:0;
    font-size: 2.2em;
	font-weight: 750;
	letter-spacing: 1px;
    color: #fff;
    text-align:center;
    /* Left - Top - Grossir*/
    text-shadow:
    -1px -1px 1px #fcc,
	-2px -2px 0 rgba(255,255,255,0.1),
    1px 1px 1px rgba(5,0,0,0.9),
    1px 1px 0 rgba(0,0,0,0.9),
	2px 2px 0 rgba(0,0,0,0.8),
	3px 3px 0 rgba(0,0,0,0.7),
	4px 4px 0 rgba(0,0,0,0.6),
	5px 5px 1px rgba(0,0,0,0.5),
    6px 6px 12px rgba(0,0,0,0.3);
	letter-spacing: -2px;
}
.cover-rec div {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}
.cover-rec div.quotation {
    margin: 10px;
	margin-left: 200px;
	font-weight: bold;
	font-size: 70%;
    font-style: italic;
	letter-spacing: 1px;
    color: #A00;
}
.cover-rec div.credits {
  margin: 10px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 70%;
  color: #000;
  line-height: none;
  text-align: center;
  vertical-align: middle;
    width: 90%;
}
.cover-rec div.credits  img {
  margin: 5px;
  width: 140px;
  height: 140px;
  vertical-align: middle;
}
.cover-tek   {
 background: #ffffff url('../../../images/generali/cover-tek.jpg') no-repeat top center;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
  margin-bottom: 10px;
    -moz-box-shadow: 5px 5px 5px #AAA;
  -webkit-box-shadow: 5px 5px 5px #AAA;
  box-shadow: 5px 5px 5px #AAA;
  margin-left: auto;
  margin-right: auto;
  min-height: 60px;
  padding: 10px;
  color: #000;
  font-size: 20px;
  max-width: 1000px;
}
.cover-tek h1 {
    margin:0;
    display:block;
    resize:none;
    padding:5px;
    overflow: hidden;
    line-height: 1.2em;
    /* FONT 3D */
   font-family: 'Arvo', arial, serif;
   background-color: transparent;
   border:0;
    font-weight:750;
    color:#fff;
    font-size:3em;
    text-align:center;
    /* Left - Top - Grossir*/
    text-shadow:
    -1px -1px 1px #fcc,
	-2px -2px 0 rgba(255,255,255,0.1),
    1px 1px 1px rgba(5,0,0,0.9),
    1px 1px 0 rgba(0,0,0,0.9),
	2px 2px 0 rgba(0,0,0,0.8),
	3px 3px 0 rgba(0,0,0,0.7),
	4px 4px 0 rgba(0,0,0,0.6),
	5px 5px 1px rgba(0,0,0,0.5),
    6px 6px 12px rgba(0,0,0,0.3);
	letter-spacing: -2px;
}
.cover-tek div {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}
.cover-tek div.quotation {
    margin: 0px;
    margin-bottom: 20px;
    margin-top: 30px;
    font-style: italic;
    color: #B80;
}
.cover-tek div.credits {
  margin: 10px;
  text-align: center;
  font-size: 80%;
  color: #000;
}
.cover-tek div.credits  img{
  margin: 5px;
  width: 110px;
  height: 110px;
  vertical-align: top;
}
.cover-spec   {
 background: #ffffff url('../../../images/generali/cover-spec.jpg') no-repeat top center;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
  margin-bottom: 10px;
    -moz-box-shadow: 5px 5px 5px #AAA;
  -webkit-box-shadow: 5px 5px 5px #AAA;
  box-shadow: 5px 5px 5px #AAA;
  margin-left: auto;
  margin-right: auto;
  min-height: 60px;
  padding: 10px;
  color: #000;
  font-size: 20px;
  max-width: 1000px;
}
.cover-spec h1 {
    margin:0;
    display:block;
    resize:none;
    padding:5px;
    overflow: hidden;
    line-height: 1.2em;
    /* FONT 3D */
   font-family: 'Arvo', arial, serif;
   background-color: transparent;
   border:0;
    font-weight:750;
    color:#fff;
    font-size:3em;
    text-align:center;
    /* Left - Top - Grossir*/
    text-shadow:
    -1px -1px 1px #fcc,
	-2px -2px 0 rgba(255,255,255,0.1),
    1px 1px 1px rgba(5,0,0,0.9),
    1px 1px 0 rgba(0,0,0,0.9),
	2px 2px 0 rgba(0,0,0,0.8),
	3px 3px 0 rgba(0,0,0,0.7),
	4px 4px 0 rgba(0,0,0,0.6),
	5px 5px 1px rgba(0,0,0,0.5),
    6px 6px 12px rgba(0,0,0,0.3);
	letter-spacing: -2px;
}
.cover-spec div {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}
.cover-spec div.quotation {
  margin: 0px;
  margin-bottom: 15px;
  margin-top: 30px;
  font-style: italic;
  color: #0A0;
}
.cover-spec div.credits {
  margin: 10px;
  text-align: center;
  font-size: 80%;
  color: #000;
}
.cover-spec div.credits  img{
  margin: 5px;
  width: 110px;
  height: 110px;
  vertical-align: top;
}
.cover-pro   {
 background: #ffffff url('../../../images/generali/cover-pro.jpg') no-repeat top center;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
  margin-bottom: 10px;
    -moz-box-shadow: 5px 5px 5px #AAA;
  -webkit-box-shadow: 5px 5px 5px #AAA;
  box-shadow: 5px 5px 5px #AAA;
  margin-left: auto;
  margin-right: auto;
  min-height: 60px;
  padding: 10px;
  color: #000;
  font-size: 20px;
  max-width: 1000px;
}
.cover-pro h1 {
    margin:0;
    display:block;
    resize:none;
    padding:5px;
    overflow: hidden;
    line-height: 1.2em;
    /* FONT 3D */
   font-family: 'Arvo', arial, serif;
   background-color: transparent;
   border:0;
    font-weight:750;
    color:#fff;
    font-size:3em;
    text-align:center;
    /* Left - Top - Grossir*/
    text-shadow:
    -1px -1px 1px #fcc,
	-2px -2px 0 rgba(255,255,255,0.1),
    1px 1px 1px rgba(5,0,0,0.9),
    1px 1px 0 rgba(0,0,0,0.9),
	2px 2px 0 rgba(0,0,0,0.8),
	3px 3px 0 rgba(0,0,0,0.7),
	4px 4px 0 rgba(0,0,0,0.6),
	5px 5px 1px rgba(0,0,0,0.5),
    6px 6px 12px rgba(0,0,0,0.3);
	letter-spacing: -2px;
}
.cover-pro div {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}
.cover-pro div.quotation {
  margin: 0px;
  margin-bottom: 10px;
  margin-top: 30px;
  font-style: italic;
  color: #04A;
}
.cover-pro div.credits {
  margin: 10px;
  text-align: center;
  font-size: 80%;
  color: #000;
  margin-bottom: 10px;
}
.cover-pro div.credits  img{
  margin: 5px;
  width: 110px;
  height: 110px;
  vertical-align: top;
}
.disclaimer   {
  padding: 5px;
  margin: 5px;
  vertical-align: top;
}
.disclaimer  p {
  text-align: justify;
  font-size: 10px;
  letter-spacing: 1px;
}
img.shaded {
    -webkit-box-shadow: inset 0 0 30px #fff;
    -moz-box-shadow: inset 0 0 30px #fff;
    box-shadow: inset 0 0 30px #fff;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
img.square {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
table.square {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
table th.square {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
table td.square {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
table  {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
table th,td {
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}
table th {
}
table.standardtable {
  border-spacing: 6px;
  text-align: left;
    display: inline-block;
}
table.standardtable  tr {
}
table.standardtable th  {
  background-color: #888;
  color: #FFF;
  line-height: 1em;
  padding: 3px;
  vertical-align: middle;
  text-align: center;
}
table.standardtable td {
  border: 1px solid #888888;
  padding: 5px;
  font-size: 90%;
  
}
table.description {
  border-spacing: 6px;
  text-align: left;
}
th.description  {
  background-color: #888;
  color: #FFF;
  line-height: 1em;
  padding: 3px;
  vertical-align: middle;
  text-align: center;
}
td.description {
  border: 1px solid #888888;
  padding: 5px;
  font-size: 90%;
}
th.description-red  {
  background-color: #F00000;
  color: #FFF;
  line-height: 1em;
  padding: 3px;
  vertical-align: middle;
  text-align: center;
}
td.description-red  {
  border: 1px solid #F00000;
  padding: 5px;
  font-size: 90%;
}
th.description-yellow  {
  background-color: #E0A000;
  color: #FFF;
  line-height: 1em;
  padding: 3px;
  vertical-align: middle;
  text-align: center;
}
td.description-yellow  {
  border: 1px solid #E0A000;
  padding: 5px;
  font-size: 90%;
}
th.description-green  {
  background-color: #00D000;
  color: #FFF;
  line-height: 1em;
  padding: 3px;
  vertical-align: middle;
  text-align: center;
}
td.description-green  {
  border: 1px solid #00D000;
  padding: 5px;
  font-size: 90%;
}
div.manual-intro-sp
{
  background:  #ffffff  URL('../../../images/pta/sp_bg.png') no-repeat top center;
  border: #aaa 1px solid;
  
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
  margin-bottom: 10px;
    -moz-box-shadow: 5px 5px 5px #AAA;
  -webkit-box-shadow: 5px 5px 5px #AAA;
  box-shadow: 5px 5px 5px #AAA;
  margin-left: auto;
  margin-right: auto;
  min-height: 60px;
  padding: 10px 20px;
  color: #000;
  font-size: 18px;
  max-width: 1000px;
}
div.manual-intro-sp img
{
  margin: 5px 10px 5px 10px;
  float: left;
  width: 165px;
  height: 155px;
}
div.manual-intro-sp p
{
  text-align: justify;
}
div.manual-intro-sp h1
{
  font-size: 150%;
  font-weight: bold;
  border: 0px;
  color: #444;
  background: none;
  padding: 10px;
  text-align: center;
}
div.manual-intro-sp h2
{
  fontdiv-size: 130%;
  font-weight: bold;
  border: 0px;
  color: #000;
  background: none;
  padding: 10px;
  text-align: center;
}


/* ##########################  MODULI  ########################### */
#floatdiv_floating_absolute {
	max-width: 220px;
	z-index: 500;
}
div.moduletable , .footer{
  padding: 5px;
  font-size: 90%;
  background-color: #EEE;
  
  margin: 0px;
  margin-bottom: 10px;
  display: block;
  min-width: 60%;
}
div.moduletable .desktop div, div.moduletable .library div  {
	margin: 0px;
	z-index: 1000;
}
 div.moduletable div.slideshow,  div.moduletable div.slideshow div{
   	margin: 0px;
	border: 0px;
	padding: 0px;
 }
div.moduletable h3 {
  text-align: left;
  font-size: 90%;
  letter-spacing: 0.1em;
  background-color: #888;
  color: #FFF;
  text-transform: uppercase;
  padding: 2px;
  padding-left: 8px;
  margin: 0px;
  margin-bottom: 5px;
  border: 0;
  -moz-border-radius: 6px 6px 0px 0px ;
  -webkit-border-radius: 6px 6px 0px 0px ;
  border-radius: 6px 6px 0px 0px ;
  
  background-color: #555;
  
  /*background: -moz-linear-gradient(top, #aaa 0%, #444 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaa), color-stop(100%,#444));
  background: -webkit-linear-gradient(top, #aaa 0%,#444 100%);
  background: -o-linear-gradient(top, #aaa 0%,#444 100%);
  background: -ms-linear-gradient(top, #aaa 0%,#444 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaa', endColorstr='#444',GradientType=0 );
  background: linear-gradient(top, #aaa 0%,#444 100%);*/
}
 div.moduletable .fx form,  div.moduletable .fx .sourcecoast form {
	margin: 2px;
	padding: 2px;
} 
  
/*################ MODULO STRUMENTI ##################*/
.tools  {
    padding: 0px;
	text-align: center;
}
.tools a img {
  width: 36px;
}
.tools input,.tools textarea {
  margin: 2px;
  width: 170px;
    padding: 0px;
	display: block;
}
.tools a:hover img {
  margin: 0px;
  width: 32px;
}
.tools ul {
  display: inline-block;
  padding: 0px;
}
.tools ul li {
  float: left;
  padding: 0px;
  margin: 0px;
}
.fx , .footer {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  
  vertical-align: middle;
  
  border: 1px solid rgba(0,0,0,.4);
  margin: 10px;
  padding: 5px;
  -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
  -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
  box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
  
 /* background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
  background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
  background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
  background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
  background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%);*/
  
  background-image: url('../../../images/mod-bg.jpg');
  
  float: none;
}
/*################ BOTTONI STRUMENTI ##################*/
.btn {
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.6);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.6);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.6);
	margin: 2px;
}
a.bigbutton {
 	background-color: #777;
	background: url('../../../images/but-bg.jpg') no-repeat center center; 
	border: 1px solid rgba(0,0,0,.4);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.6);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.6);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.6);
	
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
	margin: 2px;
	padding: 6px;
	display: block;
}
a.bigbutton:hover {
    border: 3px solid rgba(0,0,0,.8);
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
a.bigbutton:focus {
    -webkit-filter: brightness(.9);
    -moz-filter: brightness(.9);
    -ms-filter: brightness(.9);
    -o-filter: brightness(.9);
}
#modnote, #modmail, #modcalc, #modtable {
  display: none;
  padding: 5px;
  margin: 0px;
  	width: 218px;
  text-align: center;
  	-moz-box-shadow: 8px 2px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 8px 2px 2px rgba(0,0,0,0.4);
	box-shadow: 8px 8px 4px rgba(0,0,0,0.4);
	position: absolute;
	top: 20%;
	left: 200px;
	z-index: 3000;
}
#modnote a.closebtn, #modmail a.closebtn, #modcalc a.closebtn, #modtable a.closebtn {
	position: absolute;
	width: 30px;
	height: 30px;
	right: -15px;
	top: -15px;
	background: url('../../../images/generali/closebox.png') no-repeat center;
	border: none;
	display: visible;
}
#modcalc {
	background-color: #EEE;
	float: left;
	margin: 0px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
#modtable {
	background-color: #EEE;
	float: left;
	margin: 0px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
#modnote form, #modmail form, #modcalc  form{
    width: 100%;
	display: block;
	margin: 0px;
 }
 
 #modnote form input, #modmail form input, #modcalc  form input,
 #modnote form textarea, #modmail form textarea, #modcalc  form textarea {
	display: inline-block;
	width: 190px;
    padding: 8px;
	margin: 5px;
 }
 
 #modnote  {
   	background-color: #FFF001;
	background-image: -moz-linear-gradient(top,#FFF001,#FED00B);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#FFF001),to(#FED00B));
	background-image: -webkit-linear-gradient(top,#FFF001,#FED00B);
	background-image: -o-linear-gradient(top,#FFF001,#FED00B);
	background-image: linear-gradient(to bottom,#FFF001,#FED00B);
	margin: 2px;
 }
 
 #modcalc  form input{
 	background-color: #ADA;
	border: 1px solid rgba(0,0,0,.4);
	font-size: 24px;
 }
 
 #modcalc  .btn {
	display: inline-block;
	width: 18px;
	margin: 2px;
	padding: 8px 13px;
	font-size: 20px;
	font-weight: bold;
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
 }
 
 #modcalc  .black {
	background: #444;
	color: #FFF;
	border: 1px solid rgba(0,0,0,.4);
	background-image: -moz-linear-gradient(top,#444,#000);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#444),to(#000));
	background-image: -webkit-linear-gradient(top,#444,#000);
	background-image: -o-linear-gradient(top,#444,#000);
	background-image: linear-gradient(to bottom,#444,#000);
 }
 
  #modcalc  .red {
	background: #D40;
	color: #FFF;
	border: 1px solid rgba(0,0,0,.4);
	background-image: -moz-linear-gradient(top,#D40,#A20);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#D40),to(#A20));
	background-image: -webkit-linear-gradient(top,#D40,#A20);
	background-image: -o-linear-gradient(top,#D40,#A20);
	background-image: linear-gradient(to bottom,#D40,#A20);
 }
.cnotes-notes {
  text-align: left;
}
/*################ MODULO MENU LATERALE ##################*/
/* Starter CSS for Flyout Menu */
.sidemenu ul .nav .menu li
{
	background: transparent;
}
.sidemenu ul,
.sidemenu li {
  list-style: none;
  margin: 0;
  padding: 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.sidemenu ul {
  position: relative;
  z-index: 5000;
  font-size: 100%;
  text-align: center;
  padding: 4px;
}
.sidemenu ul li {
  float: left;
  min-height: 16px;
  line-height: 1.5em;
  vertical-align: middle;
  z-index: 9000;
}
.sidemenu ul li.hover,
.sidemenu ul li:hover {
  position: relative;
  cursor: default;
}
.sidemenu ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 9000;
  width: 100%;
  background-color: #F0F0F0;
  text-align: left;
}
.sidemenu ul ul li {
  float: none;
}
.sidemenu ul ul,
.sidemenu ul ul ul {
  top: -1px;
  left: 99%;
  border: 1px solid #AAA;
  padding: 2px;
  
  font-size: 100%;
}
.sidemenu ul li:hover > ul {
  visibility: visible;
}
.sidemenu ul li {
  float: none;
}
.sidemenu a {
  display: block;
}
/* Custom CSS Styles */
.sidemenu {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
}
div.moduletable #sidemenu:after,
.sidemenu ul:after {
  content: '';
  display: block;
  clear: both;
}
.sidemenu ul {
  min-width: 160px; 
  
}
.sidemenu ul li {
  color: #000;
  position: relative;
}
.sidemenu ul li.hover,
.sidemenu ul li:hover,
.sidemenu ul li:focus {
  background-color: #04327E;
  color: #FFF;
}
.sidemenu ul ul {
  width: auto;
  white-space: nowrap;
}
.sidemenu li a, .sidemenu a {
  padding: 0px 2px 0px 2px;
  text-decoration: none;
  color: #000;
}
.sidemenu a:link,
.sidemenu a:visited {
}
.sidemenu a:hover,
.sidemenu a:active {
  background-color: #04327E;
  color: #FFF;
}

.sidemenu .has-sub:hover > a:after,
.sidemenu .has-sub.hover > a:after {
  background-color: #04327E;
  color: #FFF;
}
.sidemenu .has-sub > a:after {
  content: '';
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 4px 0 4px 4px;
  background-color: #04327E;
  color: #FFF;
  position: absolute;
  top: 50%;
  right: 5%;
  margin-top: -4px;
  -webkit-transform: rotate(360deg);
}

.sidemenu.fx > ul > li> a:hover, .sidemenu.fx > ul > li> a:focus , .sidemenu.fx > ul > li> a:active{
  background-color: #04327E;
  color: #FFF;
}
  /*################ TESTO MULTICOLONNA ##################*/
  
  .columns2
  {
  -moz-column-count: auto; /* Firefox */
  -webkit-column-count: auto; /* Safari and Chrome */
  column-count: auto;
  column-fill: balance;
  
  -moz-column-width: 350px; /* Firefox */
  -webkit-column-width: 350px; /* Safari and Chrome */
  column-width: 350px;
  -moz-column-gap: 30px; /* Firefox */
  -webkit-column-gap: 30px; /* Safari and Chrome */
  column-gap: 30px;
  }
  
@media (min-width: 1200px) {
   .columns2
     {
	  -moz-column-count: 2; /* Firefox */
	  -webkit-column-count: 2; /* Safari and Chrome */
	  column-count: 2;
   }
}
  
  
  
  .columns2 p:first-letter
  { 
  font-size:130%;
  color:#000;
  font-weight: bold;
  }
  
  div.columns2 div.note  p:first-letter {
  font-size: 100%;
  font-weight: normal;
}
  .columns2 img {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
  
  
  /* ##########################  NOTES  ########################### */
.note   {
  background: #F4F4F4;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  text-align: justify;
  -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
  -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
  box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
  padding: 10px;
  margin: 10px 3px;
  display: inline-block;
  width: 93%;
}
.ricorda   {
	background: #DFFFE0 url('../../../images/generali/note-bg-ricorda.png') no-repeat top left;
}
.esempio   {
	background: #FFDFFF url('../../../images/generali/note-bg-esempio.png') no-repeat top left;
}
.idea   {
	background: #FCFFD5 url('../../../images/generali/note-bg-idea.png') no-repeat top left;
}
.attenzione   {
	background: #FFDFDF url('../../../images/generali/note-bg-attenzione.png') no-repeat top left;
}
.rifletti   {
	background: #FFF1E4 url('../../../images/generali/note-bg-rifletti.png') no-repeat top left;
}
.nota   {
	background: #E4E8FF url('../../../images/generali/note-bg-nota.png') no-repeat top left;
}
.note  p {
  text-align: justify;
}
.note h2 {
  font-size: 110%;
  font-weight: bold;
  border: 0px;
  color: #222;
  background: none;
  padding: 0;
  margin-top: 4px;
  margin-bottom: 4px;
}
.note table
{
  vertical-align: top;
  text-align: center;
  width: 100%;
}
.note td {
  vertical-align: top;
  text-align: center;
  padding: 10px 25px;
}
.note td div {
  background: #f8f8ff;
  border: #ccc 1px solid;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  text-align: justify;
  -moz-box-shadow: 5px 5px 5px #AAA;
  -webkit-box-shadow: 5px 5px 5px #AAA;
  box-shadow: 5px 5px 5px #AAA;
  padding: 10px;
  width: 100%;
  min-height: 100px;
  margin-bottom: 15px;
}
.note td div img {
  margin: 5px 10px;
  float: left;
  width: 80px;
  height: 80px;
}
.note td div p {
  text-align: justify;
}
.note td div h2 {
  font-size: 120%;
  font-weight: bold;
  border: 0px;
  color: #222;
  background: none;
  padding: 0;
  margin-top: 5px;
}
.span9 {
	border: 1px solid #CCC;
	padding: 20px;
	margin: 0px;
	background: #FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}

/*################## J2STORE ##################*/



#content > div.blog.j2store > div.items-row > div > div > div.page-header > h2,
#content > div.blog.j2store > div.items-row > div > div > h2 { 
		font-size: 15px;
		border: none;
		margin: 5px;
		text-align: center;
}


#content > div.blog.j2store > div.items-row > div > div,
#content > div.blog.j2store > div.items-row > div > div > p >   { 
		text-align: center;
		margin: 20px;
		
}
#content > div.blog.j2store > div.items-row > div > div > img,
#content > div.blog.j2store > div.items-row > div > div > p > img { 
		width: 180px;
		height: 180px;
}
#content > div.blog.j2store > div.items-row > div > div > div.system-unpublished > div.page-header > h2 { 
		font-size: 15px;
		border: none;
		margin: 5px;
		text-align: center;
}

#content > div.blog.j2store > div.items-row > div > div > div.system-unpublished    { 
		text-align: center;
		margin: 20px;
		
}
#content > div.blog.j2store > div.items-row > div > div > div.system-unpublished > img { 
		width: 180px;
		height: 180px;
}

.j2store  .item, .j2store  .items-leading { 
	background-color:  transparent;
	position: relative;
	margin: 10px;
	padding: 10px;
		border: 1px solid rgba(0,0,0,0.3);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
    min-height: 140px;
}

div.j2store  div.item  { 
	width: 92%;
	float: left;
}

div.j2store div.items-row > div.span6 {
	min-height: 0;
}


.j2store  .item-image img { 
	width: 100px;
	height: 100px;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.j2store-cart-item-image {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.j2store-product-info {
	background: transparent;
	border: 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.j2store-product-info .product_price {
	background: #888;
	color: #FFF;
	font-weight: bold;
	border: 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 2px;
	padding: 4px;
	display: flex;
	float: left;
}
.j2store-product-info .j2store_cart_button {
	float: right;
}
.j2store h1 {
	font-size: 16px;
}
.j2store-product-info p {
	font-size: 12px;
}
.j2store_cart_button {
	float: left;
}


/*################## LISTE IN EVIDENZA ##################*/
div.rounded-list {
	width: 100%;
	display: block;
}
div.rounded-list ol {
	counter-reset: section; /* Initiate a counter */
	list-style: none; /* Remove default numbering */
	*list-style: decimal; /* Keep using default numbering for IE6/7 */
    font-size: 16px;
    font-family: helvetica, verdana, arial, geneva, sans-serif;
	padding: 0px;
	padding-right: 50px;
	margin-bottom: 10px;
}
div.rounded-list ol ol {
	margin: 0 0 0 2em; /* Add some left margin for inner lists */
}
div.rounded-list ol li {
	position: relative;
	display: inline-block;
	padding: .5em .8em .5em 2.0em;
	*padding: .6em;
	margin: 5px;
	margin-left: 5px;
	background: #F0F0F0;	
	color: #000;
	text-decoration: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
    line-height: 1.3em;
	width: 100%;
}
div.rounded-list ol li:before {
	content: counters(section, ".") " ";
	counter-increment: section;
	position: absolute;	
	left: -1.3em;
	top: 50%;
	margin-top: -1.3em;
	background: #38AFE2;
	color: white;
	height: 2.1em;
	width: 2.1em;
	line-height: 2.2em;
	border: .25em solid #fff;
	text-align: center;
	font-weight: bold;
	-moz-border-radius: 2.4em;
	-webkit-border-radius: 2.4em;
	border-radius: 2.4em;
	font-size: 120%;
}
div.rounded-list ol ol li:before {
	height: 2.2em;
	width: 2.2em;
	line-height: 2.3em;
	font-size: 115%;
}


div.rounded-list ul {
	counter-reset: section; /* Initiate a counter */
	list-style: none; /* Remove default numbering */
	*list-style: decimal; /* Keep using default numbering for IE6/7 */
    font-size: 16px;
    font-family: helvetica, verdana, arial, geneva, sans-serif;
	padding: 0px;
	padding-right: 50px;
	margin-bottom: 10px;
}
div.rounded-list ul ul {
	margin: 0 0 0 2em; /* Add some left margin for inner lists */
}
div.rounded-list ul li{
	position: relative;
	display: inline-block;
	padding: .5em .8em .5em 2.0em;
	*padding: .6em;
	margin: 5px;
	margin-left: 5px;
	background: #F0F0F0;
	color: #000;
	text-decoration: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
    line-height: 1.3em;
	width: 100%;
	
}
div.rounded-list ul li:before{
	content: counters(section, ".") " ";
	position: absolute;	
	position: absolute;	
	left: -1.3em;
	top: 46%;
	margin-top: -1.3em;
	background: #38AFE2;
	color: white;
	height: 2.4em;
	width: 2.4em;
	line-height: 2.5em;
	border: .3em solid #fff;
	text-align: center;
	-moz-border-radius: 2.4em;
	-webkit-border-radius: 2.4em;
	border-radius: 2.4em;
	color: #38AFE2;
	    font-size: 90%;
}
div.rounded-list ul li li:before{
	    font-size: 80%;
}

div.rounded-list-2 {
	width: 100%;
	display: block;
}

div.rounded-list-2 ol {
	counter-reset: section; /* Initiate a counter */
	list-style: none; /* Remove default numbering */
	*list-style: decimal; /* Keep using default numbering for IE6/7 */
    font-size: 14px;
    font-family: helvetica, verdana, arial, geneva, sans-serif;
	padding: 0px;
	padding-right: 50px;
	margin-bottom: 5px;
}

div.rounded-list-2 ol ol {
	margin: 0 0 0 1em; /* Add some left margin for inner lists */
}

div.rounded-list-2 ol li {
	position: relative;
	display: inline-block;
	padding: .5em .6em .5em 2.0em;
	*padding: .6em;
	margin: 5px;
	margin-left: 5px;
	background: #F0F0F0;	
	color: #000;
	text-decoration: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
    line-height: 1.2em;
	width: 100%;
}
div.rounded-list-2 ol li:before {
	content: counters(section, ".") " ";
	counter-increment: section;
	position: absolute;	
	left: -1.3em;
	top: 50%;
	margin-top: -1.3em;
	background: #38AFE2;
	color: white;
	height: 1.9em;
	width: 1.9em;
	line-height: 2.0em;
	border: .25em solid #fff;
	text-align: center;
	font-weight: bold;
	-moz-border-radius: 2.4em;
	-webkit-border-radius: 2.4em;
	border-radius: 2.4em;
	font-size: 120%;
}
div.rounded-list-2 ol ol li:before {
	height: 1.8em;
	width: 1.8em;
	line-height: 1.9em;
	font-size: 115%;
}


/*################## INTRO MODULO ##################*/
div.intro-modulo {
  background-color: #F8F8F8; 
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin: 0px;
  padding: 0px;
  font-family: helvetica, verdana, arial, geneva, sans-serif;
  font-weight: bold;
  color: #333;
  padding: 5px;
  margin-bottom: 20px;
  text-align: left;
}
div.intro-modulo table {
	border-spacing: 10px;
	border: 1px solid #F8F8F8;
}
div.intro-modulo table th {
  color: #FFF;
  text-align: center;
  width: 45%;
 }
div.intro-modulo table th h3 {
  background-color: #38AFE2;
  font-weight: bold;
  color: #FFF;
  letter-spacing: 2px;
  border: 0px;
  margin: 0px;
  padding: 5px;
  text-transform: uppercase;
    -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  
}
div.intro-modulo table td {
  vertical-align: top;
  width: 50%;
  padding: 10px;
/*    border: 1px solid #38AFE2; */
}
div.intro-modulo table td ul{
  width: 100%;
  font-size: 17px;
  text-align: left;
/*   list-style-position: inside; */
}
div.intro-modulo table td ul li{
  font-size: 17px;
  text-align: left;
  line-height: 34px;
}
div.intro-modulo table td.panoramica ul{
  	list-style: none;
	list-style-type: none;
}
div.intro-modulo table td.lessons ul{
}
div.intro-modulo table td.lessons ul li{
}
div.intro-modulo table td.lessons ul li a{
}
div.intro-modulo table td.lessons ul li a:hover{
}
/* ##########################  img interattive  ########################### */
div.interactive-image
{
position: relative;
}
div.interactive-image div.inner-image img{
 width: 100%;
}
div.interactive-image div.inner-icon-tl
{
position:absolute; left:0; top:0;
}
div.interactive-image div.inner-icon-tr
{
position:absolute; left:100%-76px; top:0;
}
div.interactive-image div.inner-icon-tr img
{
	margin: 8px;
	width: 60px;
	width: 60px;  
}
div.interactive-image div.inner-icon-tl img
{
	margin: 8px;
	width: 60px;
	width: 60px;  
}
div.clickable
{
  margin: 15px;
  padding: 0px;
  width: auto;
  	text-align: center;
}
div.clickable a div{
	display: block;
}
div.clickable a {
	border: #888 dashed 1px;
	padding: 5px;
	margin: 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    width: auto;
    display: block;
	  	text-align: center;
}
div.clickable a:hover 
{
border-style: solid;
	filter: opacity(0.5);
    -webkit-filter: brightness(1.1);
    -moz-filter: brightness(1.1);
    -ms-filter: brightness(1.1);
    -o-filter: brightness(1.1);
	
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 8px rgba(0,0,0,0.5);
	
}
/* ##########################  calcolo a T  ########################### */
table.tcalc-container
{
  display: inline-block;
}
table.tcalc
{
  background:  #ffffff  URL('../../../images/man_nitrox/tcalc.png') no-repeat center center;
  font-size: 2.1em;
  font-weight: bold;
  /*border-spacing: 15px 15px;
  border: #000000 1px solid;*/
}
table.tcalc td
{
  padding: 0px;
}
table.tcalc td.up
{
  vertical-align: bottom;
  text-align: center;
  padding-bottom: 30px;
}
table.tcalc td.down1
{
  vertical-align: top;
  text-align: right;
    padding-right: 15px;
  padding-top: 0px;
}
table.tcalc td.down2
{
  vertical-align: top;
  text-align: left;
      padding-left: 15px;
  padding-bottom: 10px;
}
table.tcalc-desc
{
  font-size: 1.3em;
  font-weight: bold;
  /*border-spacing: 15px 15px;
  border: #000000 1px solid;*/
}
table.tcalc-desc td {
  padding-left: 20px;
}
table.tcalc-desc td.formula
{
  background:  #ffffc0;
  font-weight: bold;
}
table.tcalc-desc td.variable
{
  font-weight: none;
}
/* ##########################  BOTTONI LINK ESTERNI  ########################### */
.button_info { 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  color: #ffffff;
  padding: 8px 4px;
  margin: 15px 5px;
  margin-left: auto;
  margin-right: auto;
  max-width: 70%;
  left: 50%;
  text-align: center;
  min-width: 60px;
  text-indent: 0;
  background: -moz-linear-gradient(top, #9195DF 0%, #222679);
  background: -webkit-gradient(linear, left top, left bottom, from(#9195DF), to(#222679));
  filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#9195DF', endColorstr='#222679'); /* IE6 & IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#9195DF', endColorstr='#222679')"; /* IE8 */
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #2A3094;
  -moz-box-shadow:
    0px 1px 3px rgba(000,000,000,0.5),    inset 0px 0px 1px rgba(255,255,255,0.5);
  -webkit-box-shadow:
    0px 1px 3px rgba(000,000,000,0.5),    inset 0px 0px 1px rgba(255,255,255,0.5);
  box-shadow:
    0px 1px 3px rgba(000,000,000,0.5),    inset 0px 0px 1px rgba(255,255,255,0.5);
  text-shadow:
    0px -1px 0px rgba(000,000,000,0.7),    0px 1px 0px rgba(255,255,255,0.3);
}
.tablezoom  { 
	text-align: center;
}
.tablezoom .clickable { 
	margin-bottom: 0px;
	width: auto;
}
.tablezoom .clickable img { 
	margin-bottom: 0px;
}
.tablezoom span { 
  margin: 0px;
  margin-bottom: 20px;
  color: #ffffff;
  padding: 6px;
  background-color: #BBBBBB;
  
  -moz-border-radius: 0px 0px 5px 5px;
  -webkit-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
}
/* ##########################   CUSTOM STYLE TIME & DATE MODULE  ########################### */
div.datetime { 
  padding: 2px;
}
div.time { 
  padding: 2px;
  text-align: right;
  float: right;
}
div.time span.clock { 
  font-size: 25px;
  color: #FFF;
  font-weight: bold;
  background-color: #555;
  padding: 2px;
  margin: 2px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  letter-spacing: 2px;
}
div.date{ 
  padding: 4px;
  text-align: right;
}
div.date { 
font-size: 18px;
font-weight: bold;
color: #000;
}
div.date #gregorian {
    background-color: #555;
	float: right;
}
div.date #gregorian span {
    color: #FFF;
}
/* ##########################   COMMUNITY BUILDER OVERRIDE  ########################### */
img.cbFullPict {
    -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  
  	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 8px rgba(0,0,0,0.5);
	
	border:0;
}
#cb_tabmain  h2.tab{
    -moz-border-radius:  5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
}
/* ##########################   PIANO DIDATTICO HOMEPAGE  ########################### */
div.plan-container {
	position: relative;
	display: block;
	background: url("../../../images/pta/pd.jpg") top left no-repeat;
	background-size: cover;
	background-color: rgba(255,255,255,0.5);
	width: 965px;
	height: 460px;
	
		-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
	-webkit-box-shadow: inset 2px 2px 6px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 2px 2px 6px 0px rgba(0,0,0,0.4);
	box-shadow: inset 2px 2px 6px 0px rgba(0,0,0,0.4);
}
div.plan-container  div {
	position: absolute;
	margin: 0px;
	padding: 0px;
	-moz-border-radius:  5px;
    -webkit-border-radius:   5px;
    border-radius:   5px ;
}
div.plan-container  ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
div.plan-container  h2{
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	padding: 2px;
	border: 0;
	text-align: center;
	-moz-border-radius:  5px 5px 0px 0px;
  -webkit-border-radius:   5px 5px 0px 0px;
  border-radius:   5px 5px 0px 0px;
  line-height: 20px;
}
div.plan-container  li  {
  font-size: 20px;
  line-height: 14px;
  text-align: center;
  vertical-align: middle;
  width: 130px;
  padding: 5px;
  margin: 5px 5px;
  background-color: #FFF;
  -moz-border-radius:  5px ;
  -webkit-border-radius: 5px ;
  border-radius:  5px ;
  -moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.6);
  -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.6);
  box-shadow: 2px 2px 8px rgba(0,0,0,0.6);
  min-height: 20px;
}
div.plan-container  ul a  {
  border: 0px;
  display: block;
  padding: 5px;
  margin: 0px;
  font-weight: bold; 
  color: #444;
  width: 100%;
  text-decoration: none;
    text-align: center;
  vertical-align: middle;
}
div.plan-container  .nn_tooltips-link {
	border: 0;
}
div.plan-container  a span {
	font-size: 11px;
	line-height: 11px;	
}
div.plan-container  a:hover span {
	font-size: 11px;
	line-height: 11px;
}
/* ------------------------ REC ------------------------*/
div.plan-container  div.plan-block-rec  {
	top: 10px;
	left: 25px;
	width: 160px;
	background-color: rgba(250,0,0,0.3);
}
div.plan-container   div.plan-block-rec  ul a:hover  li{
  text-decoration: none;
  background-color: #F00;
  color: #FFF;
}
div.plan-container   div.plan-block-rec   h2{
	background-color: #F00000;
}
/* ------------------------ PICCOLI SUB ------------------------*/
div.plan-container  div.plan-block-ps  {
	top: 310px;
	left: 25px;
	width: 160px;
	background-color: rgba(250,0,0,0.3);
}
div.plan-container  div.plan-block-ps  ul  a  li{
 
    font-size: 16px;
  line-height: 18px;
}
div.plan-container   div.plan-block-ps  ul a:hover  li{
  text-decoration: none;
  background-color: #F00;
  color: #FFF;
}
div.plan-container   div.plan-block-ps   h2{
	background-color: #F00000;
}
/* ------------------- ISTRUTTORI REC -------------------*/
div.plan-container  div.plan-block-irec  {
  top: 10px;
  left: 220px;
  width: 140px;
  background-color: rgba(0,0,200,0.3);
}
div.plan-container  div.plan-block-irec  ul  a  li{
  width: 110px;
}
div.plan-container  div.plan-block-irec  ul  a:hover  li{
  text-decoration: none;
  background-color: #00A;
  color: #FFF;
}
div.plan-container  div.plan-block-irec    h2{
	  background-color: #00A;
	  
}
/* ------------------- BLS -------------------*/
div.plan-container  div.plan-block-bls  {
  top: 310px;
  left: 220px;
  width: 140px;
  background-color: rgba(255,160,0,0.3);
}
div.plan-container  div.plan-block-bls  ul  a  li{
  width: 110px;
  
    font-size: 16px;
  line-height: 18px;
}
div.plan-container  div.plan-block-bls  ul  a:hover  li{
  text-decoration: none;
  background-color: #FA0;
  color: #FFF;
}
div.plan-container  div.plan-block-bls    h2{
	  background-color: #FA0;
	  
}
/* ------------------- SPECIALITÀ -------------------*/
div.plan-container  div.plan-block-spec  {
  top: 10px;
  left: 395px;
  width: 210px;
  background-color: rgba(0,200,0,0.3);
}
div.plan-container  div.plan-block-spec  ul  li{
  width: 180px;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  min-height: 20px;
  margin: 0px 5px;
}
div.plan-container  div.plan-block-spec  ul  a:hover  li{
  text-decoration: none;
  background-color: #0A0;
  color: #FFF;
}
div.plan-container  div.plan-block-spec   h2{
  background-color: #0A0;
}
div.plan-container  div.plan-block-spec  ul  a  li.tec{
}
div.plan-container  div.plan-block-spec  ul  a:hover  li.tec{
  text-decoration: none;
  background-color: #FA0;
  color: #FFF;
}
div.plan-container  div.plan-block-spec  ul  a  li.prov{
}
div.plan-container  div.plan-block-spec  ul  a:hover  li.prov{
  text-decoration: none;
  background-color: #0A0;
  color: #FFF;
}
div.plan-container  div.plan-block-spec  ul  a  li.rec{
}
div.plan-container  div.plan-block-spec  ul  a:hover  li.rec{
  text-decoration: none;
  background-color: #F00;
  color: #FFF;
}




/* ------------------- ISTRUTTORI TEC -------------------*/
div.plan-container  div.plan-block-itec  {
  top: 10px;
  left: 635px;
  width: 140px;
  background-color: rgba(0,120,220,0.3);
}
div.plan-container  div.plan-block-itec  ul  a  li{
  width: 105px;
}
div.plan-container  div.plan-block-itec  ul  li{
  font-size: 16px;
  line-height: 18px;
}
div.plan-container  div.plan-block-itec  ul  a:hover  li{
  text-decoration: none;
  background-color: #08B;
  color: #FFF;
}
div.plan-container  div.plan-block-itec    h2{
	  background-color: #08B;
}
/* ------------------- TECNICHE -------------------*/
div.plan-container  div.plan-block-tec  {
  top: 10px;
  left: 800px;
  width: 145px;
  background-color: rgba(255,160,0,0.3);
}
div.plan-container  div.plan-block-tec  ul  a  li{
  width: 110px;
}
div.plan-container  div.plan-block-tec  ul  li{
  font-size: 14px;
  line-height: 16px;
}
div.plan-container  div.plan-block-tec  ul  a:hover  li{
  text-decoration: none;
  background-color: #FA0;
  color: #FFF;
}
div.plan-container  div.plan-block-tec    h2{
  background-color: #FA0;
}
  
@media (max-width: 1200px) {
  /* ##########################   PIANO DIDATTICO HOMEPAGE  ########################### */
	div.plan-container {
		position: inherit;
		display: block;
		background: none;
		width: auto;
		height: auto;
		text-align: center;
		padding: 10px;
	}
	div.plan-container  div {
		position: inherit;
		display: block;
		top: 0px;
		left: 0px;
		margin: 5px;
		text-align: center;
		width: 100% !important;
		
	}
	div.plan-container  div ul {
		width:	100% !important;
		display: table-row !important;	
	}
	div.plan-container  div ul  a {
		width: auto !important;	
				float: left !important;
	}
	div.plan-container  div ul a li {
		width: auto !important;
		float: left !important;
		margin: 3px !important;
		display: table-cell !important;
		vertical-align: middle !important;
	}
}
/* ##########################   GUIDA IN HOMEPAGE  ########################### */
div.guide  {
	background-color: #f0f0f0;
	/* background: #ffffff url('../../../images/mod-bg.jpg'); */
	-webkit-box-shadow: inset 2px 2px 6px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 2px 2px 6px 0px rgba(0,0,0,0.5);
	box-shadow: inset 2px 2px 6px 0px rgba(0,0,0,0.5);
	  border: 0;
  margin: 10px 5px;
  padding: 0px;
  display: block;
   -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
	background: #FFF;
   text-align: center;
}
 ul.guide {
	width: 100%;
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: block;
}
ul.guide  li {
text-align:center;
display: inline-block;
width: 33%;
}
ul.guide  li img{
  	width: 100%;
}
/*############ HIDE GSPEECH TIP ############*/
span.powered_by_3 {
	display: none;
}





/* ##########################  TABELLA SP  ########################### */
table.sep
{
  font-size: 1em;
  font-weight: normal;
  border-collapse:separate;
  border-spacing:0px 10px;
  display: inline-block;

}
table.sep tr
{
background-color:  #e8e8ff;
  vertical-align: top;
  text-align: left;

}
table.sep th
{
	font-weight: bold;
	font-size: 16px;
    padding: 8px;
}
table.sep td
{
	font-size: 12px;
    padding: 8px;
}
table.sep-tit
{
  font-size: 1.4em;
  font-weight: normal;
  border-collapse:separate;
  border-spacing:0px 10px;
}
table.sep-tit tr
{

}
table.sep-tit th
{
font-weight: bold;
    padding: 8px;
}
table.sep-tit td
{
    padding: 8px;
}


div.sep-tbl { 

}

div.sep-tcl,div.sep-thd { 
  display: table-cell ;
   margin: 5px;
  padding: 5px;
  font-size: 12px;
  font-weight: normal;
  background-color:  #e8e8ff;
  vertical-align: top;
  text-align: left;
  vertical-align: top;
}
div.sep-thd { 
    font-size: 14px; font-weight: bold; 
}
div.sep-trw {
  	display: table-row;
}
div.sep-tbl ul li { 
	display: inline-block;
	list-style: none;
	background-color: #e8e8ff;
	padding: 6px;
	margin: 4px;
	width: 90%;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
	vertical-align: middle;
}
div.sep-tbl ul li span { 
	padding: 4px 8px;
	font-size: 14px;
	font-weight: bold; 
	background-color: #fff;
	float: left;
	margin: 3px;
	margin-right: 20px;
	min-width: 44px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	vertical-align: middle;	
}

div.sep-tbl ul li h5 { 
	font-size: 16px;
	background: transparent;
	padding: 0px;
	vertical-align: middle;	
}


/* ##########################  TABELLA SP  ########################### */
#cbfv_29 > img {
	float: left;
}
