/* === card component ====== 
 * Variation of the panel component
 * version 2018.10.30
 * https://codepen.io/jstneg/pen/EVKYZj
 */
 .card{ background-color: #fff; border: 1px solid transparent; border-radius: 6px; }
 .card > .card-link{ color: #333; }
 .card > .card-link:hover{  text-decoration: none; }
 .card > .card-link .card-img img{ border-radius: 6px 6px 0 0; }
 .card .card-img{ position: relative; padding: 0; display: table; }
 .card .card-img .card-caption{
   position: absolute;
   right: 0;
   bottom: 16px;
   left: 0;
 }
 .card .card-body{ display: table; width: 100%; padding: 12px; }
 .card .card-header{ border-radius: 6px 6px 0 0; padding: 8px; }
 .card .card-footer{ border-radius: 0 0 6px 6px; padding: 8px; }
 .card .card-left{ position: relative; float: left; padding: 0 0 8px 0; }
 .card .card-right{ position: relative; float: left; padding: 8px 0 0 0; }
 .card .card-body h1:first-child,
 .card .card-body h2:first-child,
 .card .card-body h3:first-child, 
 .card .card-body h4:first-child,
 .card .card-body .h1,
 .card .card-body .h2,
 .card .card-body .h3, 
 .card .card-body .h4{ margin-top: 0; }
 .card .card-body .heading{ display: block;  }
 .card .card-body .heading:last-child{ margin-bottom: 0; }
 
 .card .card-body .lead{ text-align: center; }
 
 @media( min-width: 768px ){
   .card .card-left{ float: left; padding: 0 8px 0 0; }
   .card .card-right{ float: left; padding: 0 0 0 8px; }
	 
   .card .card-4-8 .card-left{ width: 33.33333333%; }
   .card .card-4-8 .card-right{ width: 66.66666667%; }
 
   .card .card-5-7 .card-left{ width: 41.66666667%; }
   .card .card-5-7 .card-right{ width: 58.33333333%; }
   
   .card .card-6-6 .card-left{ width: 50%; }
   .card .card-6-6 .card-right{ width: 50%; }
   
   .card .card-7-5 .card-left{ width: 58.33333333%; }
   .card .card-7-5 .card-right{ width: 41.66666667%; }
   
   .card .card-8-4 .card-left{ width: 66.66666667%; }
   .card .card-8-4 .card-right{ width: 33.33333333%; }
 }
 
 /* -- default theme ------ */
 .card-default{ 
   border-color: #ddd;
   background-color: #fff;
   margin-bottom: 24px;
   /*min-height:380px;*/
 }
 .card-default > .card-header,
 .card-default > .card-footer{ color: #333; background-color: #ddd; }
 .card-default > .card-header{ border-bottom: 1px solid #ddd; padding: 8px; }
 .card-default > .card-footer{ border-top: 1px solid #ddd; padding: 8px; }
 .card-default > .card-img:first-child img{ border-radius: 6px 6px 0 0; }
 .card-default > .card-left{ padding-right: 4px; }
 .card-default > .card-right{ padding-left: 4px; }
 .card-default p:last-child{ margin-bottom: 0; }
 .card-default .card-caption { color: #fff; text-align: center; text-transform: uppercase; }
 
 
 /* -- price theme ------ */
 .card-price{ border-color: #999; background-color: #ededed; margin-bottom: 24px; }
 .card-price > .card-heading,
 .card-price > .card-footer{ color: #333; background-color: #fdfdfd; }
 .card-price > .card-heading{ border-bottom: 1px solid #ddd; padding: 8px; }
 .card-price > .card-footer{ border-top: 1px solid #ddd; padding: 8px; }
 .card-price > .card-img:first-child img{ border-radius: 6px 6px 0 0; }
 .card-price > .card-left{ padding-right: 4px; }
 .card-price > .card-right{ padding-left: 4px; }
 .card-price .card-caption { color: #fff; text-align: center; text-transform: uppercase; }
 .card-price p:last-child{ margin-bottom: 0; }
 
	.card-body p {
		text-align: justify;
	}


 .card-price .price{ 
   text-align: center; 
   color: #337ab7; 
   font-size: 3em; 
   text-transform: uppercase;
   line-height: 0.7em; 
   margin: 24px 0 16px;
 }
 .card-price .price small{ font-size: 0.4em; color: #66a5da; }
 .card-price .details{ list-style: none; margin-bottom: 24px; padding: 0 18px; }
 .card-price .details li{ text-align: center; margin-bottom: 8px; }
 .card-price .buy-now{ text-transform: uppercase; }
 .card-price table .price{ font-size: 1.2em; font-weight: 700; text-align: left; }
 .card-price table .note{ color: #666; font-size: 0.8em; }

 .h3 {
	font-size: 1.1em;
 }

 .btn-oam {

  width: 98%;
  margin-bottom:1%;
  margin-right:1%;
  margin-left:1%;
 }



 .card p {
	 font-size: 0.9em;
 }


.news-IN-PRIMO-PIANO h2 {
    padding: .1em .5em;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    background-color: #008c95;
    min-width: 180px;
    text-align: center;
	white-space: nowrap;
	position: absolute;
	top: -26px;
	z-index: 100000;
	left: 15px;
	border-radius: 3px;
}

.news-IN-PRIMO-PIANO {
	border-color: #008c95;
	border-top: 5px solid #008c95;
	padding-top: 20px;
	position:relative;
}

.news-ULTIME-PUBBLICAZIONI, .news-VADEMECUM, .news-CONTRIBUTI-E-ALTRE-SOMME, .news-MANUALE-UTENTE-E-MODULI {
	border-color: #64CCC9;
	border-top: 5px solid #64CCC9;
	padding-top: 16px;
	position:relative;
}

.news-ULTIME-PUBBLICAZIONI h2, .news-VADEMECUM h2, .news-CONTRIBUTI-E-ALTRE-SOMME h2, .news-MANUALE-UTENTE-E-MODULI h2 {
    padding: .1em .5em;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
    background-color: #64CCC9;
    min-width: 180px;
    text-align: center;
	white-space: nowrap;
	position: absolute;
	top: -26px;
	z-index: 100000;
	left: 15px;
	border-radius: 3px;
}

.news-FOCUS, .news-GUIDA-ALL\%27ISCRIZIONE, .news-ACQUISTO-FIRMA-DIGITALE, .news-ACCESSO-AGLI-ATTI,
.news-COME-REGISTRARSI, .news-CONVENZIONE-ACQUISTO-FIRMA-DIGITALE, .news-AVVISO-PER-LA-PEC {
	border-color: #64CCC9;
	border-top: 5px solid #64CCC9;
	padding-top: 16px;
	position:relative;
}

.news-FOCUS h2, .news-GUIDA-ALL\%27ISCRIZIONE h2, .news-ACQUISTO-FIRMA-DIGITALE h2, .news-ACCESSO-AGLI-ATTI h2,
.news-COME-REGISTRARSI h2, .news-CONVENZIONE-ACQUISTO-FIRMA-DIGITALE h2, .news-AVVISO-PER-LA-PEC h2 {
    padding: .1em .5em;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
    background-color: #64CCC9;
    min-width: 180px;
    text-align: center;
	white-space: nowrap;
	position: absolute;
	top: -26px;
	z-index: 100000;
	left: 15px;
	border-radius: 3px;
}

div#jsn-pos-content-top div.jsn-modulecontainer_inner {
	margin-left:0px;
	margin-right:0px;
}

.ultime_pubblicazioni {
	position:relative;
	width:66.66666666%;
	float:left;
}
.focus, .ultime_pubblicazioni.home-agenti-mediatori {
	position:relative;
	width:33.33333333%;
	float:left;
}

body.jsn-itemid-1676 div.news-IN-PRIMO-PIANO {
  border: none;
  padding-top:0px;
}

body.jsn-itemid-1676 div.news-ULTIME-PUBBLICAZIONI div.card-default,body.jsn-itemid-1676  div.news-FOCUS div.card-default {
  margin-bottom: 0px;
}

body.jsn-itemid-1676 .news-IN-PRIMO-PIANO h2,body.jsn-itemid-1676 div#jsn-mainbody-content {
  display:none;
}

@media( max-width: 768px ){
  .btn-oam {
    width: 98%;
  }
}