/* Sito Berardino */

.widget3Content {
      background: #333333; /* Old browsers */
background: -moz-linear-gradient(top, #333333 50%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#333333), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #333333 50%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #333333 50%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #333333 50%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom, #333333 50%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

    border-radius: 10px 10px 10px 10px;
    font-family: 'Lato';
    margin-bottom: 10px;
    margin-left: 22px;
    max-height: 435px;
    overflow: hidden;
    width: 722px;
	height: 390px;
}

.widget3Content h2 {
    border-bottom: 1px solid black;
    box-shadow: 0 1px 0 #4C4C4C;
    color: #666666;
    margin-bottom: 0;
    margin-left: 15px;
    padding-bottom: 15px;
}

.box1of3Content{
  float: left;
  width:33%;
  color:white;
}

.box1of3Content .boxSingolaNews {
    border-bottom: 1px solid #4C4C4C;
    margin: 15px 0 15px 15px;
    padding-bottom: 14px;
	height: auto;
}

.box1of3Content .boxSingolaNews img {
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}

.box1of3Content .boxSingolaNews .boxRight {
    float: left;
    width: 110px;
}

.box1of3Content .berardinoVideo
{
	height: 75px !important;
	overflow: hidden;
}

.box1of3Content #boxScadenze {
    margin-bottom: 10px;
    min-height: 235px;
}

.box1of3Content  .dataScadenza {
    border-bottom: 1px solid #4C4C4C;
    margin-left: 15px;
    margin-top: 15px;
    padding: 15px 15px 20px 0;
}
.box1of3Content  .giornoScadenza {
    float: left;
    font-size: 55px;
    font-weight: 900;
    width: 70px;
}
.box1of3Content .meseScadenza {
    color: #BBCCD3;
    float: left;
    font-size: 34px;
    line-height: 20px;
    margin: -12px 0 0;
    padding: 0;
    text-align: left;
    width: 100px;
}
.box1of3Content .annoScadenza {
    clear: both;
    color: #666666;
    font-size: 18px;
}

.widget3Content .logoDirectio {
    bottom: 0;
    float: right;
    margin-right: 10px;
    position: relative;
}


body {

    font-size: 84%;
    margin: 0;
    padding: 0;
    text-align: left;
    line-height: 1.3em;
}

p {
    margin: 0;
    padding: 0;
	font-size: 12px;
}

img  {border:none;}
.clear{ clear: both;}

.azzurro {color:#bbccd4;}

.lightStyle .azzurro {color:black;}

.widget2Content{
  overflow: auto;
  font-family:'Lato';
  border-radius:10px;
  /*padding-right:15px;
  padding-left:15px;*/
}



.widget3Content a,
.widget2Content a {
	text-decoration:none;
}

.darkStyle{
   background: #333333; /* Old browsers */
background: -moz-linear-gradient(top, #333333 50%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#333333), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #333333 50%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #333333 50%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #333333 50%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom, #333333 50%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.lightStyle{
	border:1px solid #e6e6e6;
   background: #f0f0f0; /* Old browsers */
background: -moz-linear-gradient(top, #f0f0f0 50%, #fafafa 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#f0f0f0), color-stop(100%,#fafafa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f0f0f0 50%,#fafafa 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f0f0f0 50%,#fafafa 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f0f0f0 50%,#fafafa 100%); /* IE10+ */
background: linear-gradient(to bottom, #f0f0f0 50%,#fafafa 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
}


.darkStyle h2 {
  color:#666666;
  border-bottom: 1px solid black;
  box-shadow: 0 1px 0 #4d4d4d;
  padding-bottom: 15px;
  margin-bottom: 0;
  margin-top: 10px;
  padding-bottom: 10px;
font-weight:normal;
}

.darkStyle a,
.darkStyle a:hover,
.darkStyle a:visited,
{
	color:#666666  !important;
}

.lightStyle h2 {
  color:#999999;
  border-bottom: 1px solid #999999;
  box-shadow: 0 1px 0 #ffffff;
  padding-bottom: 15px;
  margin-bottom: 0;
  margin-top: 10px;
  padding-bottom: 10px;
	font-weight:normal;
}

.lightStyle a,
.lightStyle a:hover,
.lightStyle a:visited,
{
	color:#999999 !important;
}

.boxDataContent{
 /* width:100%;*/
	margin-right: 5px;
    padding-left: 10px;
}

.darkStyle .boxDataContent {
	color:white;
}

.lightStyle .boxDataContent {
	color:black;
}


.boxSingolaScadenza {
  height:15px;
  overflow:hidden;
  margin: 5px 0 5px 0;
  padding-bottom: 5px;
}

.boxSingolaNews {
  height:88px;
 overflow:hidden;
margin: 5px 0 5px 0;
}
.boxSingoloVideo
{
  height:65px;
 overflow:hidden;
}

.boxSingolaNews,
.boxSingoloVideo
{
	margin: 5px 0 5px 0;
   padding-bottom: 5px;
}

.lightStyle .boxSingolaScadenza,
.lightStyle .boxSingolaNews
{
  border-bottom: 1px solid #e6e6e6;
}

.lightStyle .boxSingoloVideo
{
  border-bottom: 1px solid #999999;
}

.boxSingoloVideo img,
.boxSingolaNews img
{
  float:left;
  margin-right:10px;
  margin-top:5px;
}

.boxSingolaNews .boxRight{
	float:left;
	width:65%;
}

.dateNews
{
  font-size: 12px;
  color:#808080;
}

.lightStyle .dateNews
{
	color:#666666;
}

.boxSingolaScadenza p,
.boxSingoloVideo p,
.boxSingolaNews p {color:#bbccd4;}

.titleNews
{
  font-size: 14px;
 color:white;
  font-weight: 900;
  padding-bottom:5px; padding-top:0px;
}

.titleVideo
{
 font-size: 14px;
 color:white;
 padding-bottom:4px;
}

.lightStyle .titleVideo,
.lightStyle .titleNews
{
	color:black  !important;
}
.lightStyle .boxSingolaScadenza p,
.lightStyle .boxSingolaNews p,
.lightStyle .boxSingoloVideo p
{
	color:#4d4d4d !important;
}

.dataScadenza {
    border-bottom: 1px solid #4d4d4d;
    padding: 10px 10px 15px 0;
 	margin-top: 10px;
}

.lightStyle .dataScadenza
{
    border-bottom: 1px solid #999999;
    box-shadow: 0 1px 0 #FFFFFF;
}

.giornoScadenza{
    float: left;
	/*font-size: 52px;*/
    font-size: 45px;
    font-weight: 900;
    height:28px;
	width:60px;
	margin-top:-15px;
	line-height:45px;
}

.meseScadenza{
    float: left;
    /*font-size: 38px;*/
	font-size:33px;
    line-height: 25px;
    padding: 0;

  	text-align: left;
}

.annoScadenza{
 /* font-size:32px;*/
	font-size:25px;
	margin-left: 5px;
}

.darkStyle .testoScadenza,
.darkStyle .meseScadenza,
.darkStyle .giornoScadenza{
	color: #bdccd4 !important;
}

.darkStyle .annoScadenza{
	color:#666666;

}

.lightStyle .testoScadenza,
.lightStyle .meseScadenza,
.lightStyle .giornoScadenza{
	color: #4d4d4d !important;
}


.lightStyle .annoScadenza
{
	color: #999999;
}

.boxLogo{
	margin-bottom:2px;
	border-top: 1px solid #4d4d4d;
    margin-left: 10px;
    margin-right: 5px;
}

.lightStyle .boxLogo
{
   border-top: 1px solid #999999;
}

.logoDirectio {
float: right;
position: relative;
  bottom:0;
	margin-right:10px;
	margin-top:8px;
	margin-bottom:0px;
}

#boxNews div.boxSingolaNews:last-child {
  	border-bottom: none;
	margin-bottom:1px; padding-bottom: 2px;
}
#boxVideo div.boxSingoloVideo:last-child {
  border-bottom: none;
margin-bottom:1px; padding-bottom: 2px;
}

#boxNews, #boxVideo {
   margin-bottom: 10px;
}
#boxScadenze {
 margin-bottom:5px;
}

#boxScadenze div.boxSingolaScadenza:last-child {border-bottom: none; padding-bottom: 2px;}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;

}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
    float: right;
    height: 100%;
    margin: 5px;
    position: relative;
    width: 4px;
	/*bottom: 10px;
    height: 100%;
    position: absolute;
    right: 5px;
    top: 10px;
    width: 3px;*/
	/*position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;*/
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	display:none;

}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #999999;
	position: relative;
}

.lightStyle .jspTrack
{
	background:  #999999;
	position: relative;
}

.jspDrag
{
	background: white;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.lightStyle .jspDrag{background: black;}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #999999;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}


/* WPF Client */


.widget3ContentWPF
{
	margin-left:0;
	height: 218px;
    width: 928px;
}

.widget3ContentWPF .box1of3Content #boxScadenze {
    margin-bottom: 10px;
    min-height: 160px;
}
.widget3ContentWPF .box1of3Content .boxSingolaNews {
    margin: 5px 0 15px 15px;
    padding-bottom: 5px;
}

.widget3ContentWPF .box1of3Content .boxSingolaNews .boxRight {
    float: left;
	width: 62%;
}

.widget3ContentWPF .logoDirectio {
    bottom: 45px;
    float: right;
    margin-right: 10px;
    position: relative;
}


.widget3ContentWPF .box1of3Content .giornoScadenza {
    float: left;
    font-size: 55px;
    font-weight: 900;
    width: 70px;
	margin-top:-10px;
	line-height:45px;

}


@media (max-width: 300px){

    .giornoScadenza {
        font-size: 38px;
        width: 50px;
    }

    .meseScadenza{

    font-size:21px;
    }

    .annoScadenza{

    font-size:21px;
    }

}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */