
#content aside + article{
	float: left;
	width: 67.5%;
	margin: 3.5088% 1.7544% 1.7544% 1.7544%;
}



.maintitle{
	font-size: 1.8em;
	color: #555;
	margin-bottom: 1.3158%;
}

.dataupdate{
	color: #555;
	font-size: 1.2em;
	font-weight: bold;
	margin: .877% 0;
}

#content aside{
	margin:0 0 1.7544% 1.7544%;
	float: right;
	width: 25%;
	margin-top: 3.588%;
}

#content .aside .asidelist1{
	padding: 10px;
	margin: 3.588% 0;
}

#content .aside .asidelist1 .listpage li{
	border-bottom: 1px dotted #666;
}

#content .aside .asidelist1 .listpage li a{
	display: block;
	padding: 10px 0;
	font-size: 1.2em;
	color: #888;
}

#content .aside .asidelist1 .listpage li:hover > a{
	color:#9ccd63;
	margin-left: 1px;
}

#content .aside .asidelist2{
	padding: 10px;
	margin: 3.588% 0;
}

#content .aside .asidelist2 .menu2 li{
	border-bottom: 1px dotted #666;
}

#content .aside .asidelist2 .menu2 li a{
	display: block;
	padding: 10px 0;
	font-size: 1.4em;
	color: #888;
}

#content .aside .asidelist2 .menu2 li a:hover{
	color:#9ccd63;
	margin-left: 1px;
}
 
/*******************************************************************/
@media screen and (max-width: 768px) {
#content aside + article{
	float: left;
	width: 99%;
	margin: 3.5088% 1.7544% 1.7544% 1.7544%;
} 
#content article{
	float: none;
	width: 92.8%;
	margin: 3.5088%;
}

.maintitle{
	font-size: 1.4em;
}

.dataupdate{
	font-size: 1em;
}

#content aside{
	margin:0 3.588% 3.588% 3.588%;
	float: none;
	width: auto;
}

#content .aside .asidelist1{
	padding: 10px;
	margin: 3.588% 0;
}

#content .aside .asidelist1 .listpage li{
	border-bottom: 1px dotted #666;
}

#content .aside .asidelist1 .listpage li a{
	display: block;
	padding: 5px 0;
	font-size: 1em;
	color: #888;
}

#content .aside .asidelist2{
	padding: 10px;
	margin: 3.588% 0;
}

#content .aside .asidelist2 .menu2 li{
	border-bottom: 1px dotted #666;
}

#content .aside .asidelist2 .menu2 li a{
	display: block;
	padding: 5px 0;
	font-size: 1em;
	color: #888;
} 

}

/******************************************************************************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************************************************************************/


.evidenziato
{  background: #eaeaea none repeat scroll 0 0;
    border-bottom: 3px solid #00cc99;
	    color: #5e5e5e;
		padding: 25px 25px 24px;
			 border-radius:3px;
	text-align: center;
	font-style: italic;
}
.offertashock {
    background: none repeat scroll 0 0 orange;
    border-bottom: 3px solid #00cc99;
    border-radius: 3px;
    color: #fff;
    padding: 25px 25px 24px;
    text-align: center;
	    font-size: x-large;
}

.hader{width:100%; float:left; background:#FFF; padding-top:20px; padding-bottom:20px;}
.sec{/*width:100%; float:left; */ background:#0C9; padding-top:40px; padding-bottom:40px;}
.sec2{/*width:100%; float:left; */ background:#eee; padding-top:40px; padding-bottom:40px; }
.sec2 .con-text{color:#000;}
.h1-heding-green{ width:100%; float:left; text-align: center; font-size:25px; text-transform:uppercase; color: #07a880; padding-bottom:20px; border-bottom:1px solid #07a880;}

.h1-heding{ width:100%; float:left; text-align: center; font-size:25px; text-transform:uppercase; color:#FFF; padding-bottom:20px; border-bottom:1px solid #07a880;}
.h1-menu{ font-size:25px; color:#333; width:100%; background:#00cc99; padding-top:15px; padding-bottom:15px; color:#FFF; text-align:center; margin:0px;}
.con-img{width:100%; float:left; text-align:center;}
.con-text{width:100%; float:left; text-align: justify; color:#FFF; font-size:16px; margin-top:20px;}
.con-pad{ padding-left:20px; padding-right:20px;}
.read-bg{width:100%; float:left; text-align:center; margin-top:20px;}
.read-more{ padding:10px 10px; background:#07a880; font-size:16px; font-weight:bold; color:#FFF; border-radius:4px;
-webkit-border-radius:4px;
-ms-border-radius:4px;
-moz-border-radius:4px;}
.read-more:hover{ color:#FFF; border:2px solid#FFF; background:#00cc99;}

.menu-ci{width:100%; float:left; display:none;}

.cat{width:100%; float:left; }
.cat ul{ list-style-type:none; padding:0px; margin:0px;}
.cat ul li{float:left; padding-top:10px;padding-bottom:10px;
/*padding-left:40px;*/ text-align:center;  padding-bottom:10px;  background:#f6f7f7; width:100%;   text-align: left;}
.cat ul li:hover{background:#00cc99;}
.cat ul li:hover a{ color:#FFF;}
.cat ul li a{ color:#333; font-size:18px;}
a {
    transition: all 0.3s ease-in-out 0s;
}
.about-heding{width:100%; float:left; font-size:40px; }
.right-cal p{width:100%;}
.primaryContainer {
	
    height: auto;
    margin-left: auto;
    margin-right: auto;

    width: 1024px;
	max-width:100%;
}
.row {
    float: left;
  
    margin-left: 0%;
    margin-top: 2px;
    clear: none;
    width: 100%;

}

.banner { background:#333; min-height:300px;
    float: left;

    margin-left: 0%;
    margin-top: 3px;
    clear: both;
    width: 100%;
}


.mid-sec{width:100%; float:left; background:#FFF; padding-top:30px; padding-bottom:30px;}
.box12 {
    float: left;
    height: 98px;
    margin-left: 2.3090182570985345%;
    margin-top: 15px;
    clear: none;
    width: 31.721657487082418%;
    background-image: linear-gradient(270deg, white 0%, black 100%);
    background-attachment: scroll;
    background-size: auto;
    background-position: 0px 50%;
    background-repeat: repeat repeat;
}
.box12:first-child{ margin-left:0px;}
.box13 {
    float: left;
    height: 74px;
    margin-left: 0px;
    margin-top: 8px;
    clear: none;
    width: 22.965843362682143%;
    background-image: linear-gradient(270deg, white 0%, black 100%);
    background-attachment: scroll;
    background-size: auto;
    background-position: 0px 50%;
    background-repeat: repeat repeat;
}
.box14 {
    float: left;
    height: 73px;
    margin-left: 3.929156081386917%;
    margin-top: 9px;
    clear: none;
    width: 73.10874249450332%;
    background-image: linear-gradient(270deg, white 0%, rgb(227, 27, 27) 100%);
    background-attachment: scroll;
    background-size: auto;
    background-position: 0px 50%;
    background-repeat: repeat repeat;
}

.left-cal { border:1px solid #f5f5f5;
    float: left;
   
    margin-left: 0%;
    margin-top: 15px;
    clear: none;
    width: 31%;
   
}
.rigxht-cal {
 
  
}
.left-cal  + .right-cal
{
   float: left;
    margin-left: 2.3996773556745006%;
    margin-top: 15px;
    clear: none;
    width:64.881%;

}




 

.con-box {
    float: left;

    margin-left: 2.398192501634734%;
    margin-top: 11px;
    clear: none;
    width: 31.721657487082418%;


}
.con-box:first-child{ margin-left:0px;}
.box22 {
    float: left;
    height: 64px;
    margin-left: 0%;
    margin-top: 3px;
    clear: both;
    width: 100%;
    background-image: linear-gradient(270deg, white 0%, black 100%);
    background-attachment: scroll;
    background-size: auto;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}
.clearfixit
{clear:both;}
.f-box {
    float: left;

    margin-left: 2.4026501253087544%;
    margin-top: 1px;
    clear: none;
    width: 23.192141541471305%;
   
}
.f-box:first-child{ margin-left:0px;}

.f-heding{width:100%; float:left; font-size:24px; color:#333; border-bottom:1px solid #4c5d58;padding-bottom:10px; color:#ffffff;}
.footer{/*width:100%; float:left;*/ padding:10px; background:#3c4341; border-top:4px solid #00cc99;}
.f-list{width:100%; float:left;}
.f-list ul{ list-style-type:none; padding:0px; margin:0px;}
.f-list li{ width:100%; float:left;padding-top:10px; color:#74938a;}
.f-list li:hover{ color:#00cc99;}
.footer-buttom{ width:100%; float:left; padding-top:10px; padding-bottom:10px; background:#323a38;}
.copy-text{width:100%; float:left; text-align: center; font-size:14px; color:#5a6d68; margin-top:10px;}
.f-icon-bg{width:100%; float:left; text-align:center;}
.f-icon-bg ul{ list-style-type:none; margin:auto; width:300px;}
.f-icon-bg ul li{ float:left; margin-left:4px;margin-right:4px;}
@media only screen and (max-width: 1263px) {
	

   .right-cal {
        margin-top: 15px;
        margin-left: 2.221328866602101%;
        clear: none;
   }
   .nav { 
        margin-top: 7px;
        margin-left: 25.501750188782268%;
        clear: none;
   }
   .left-cal {
        width: 31.721657487082418%;
   }
}
@media only screen and (max-width: 768px) {
.menu-ci{ display:block; background:url(images/nav-icon.png) no-repeat center #00cc99; height:20px; text-indent:-9999px;  padding-top:5px;padding-bottom:5px;}
.menu li{width:100%; float:left; border-bottom:1px solid #dadbdb; padding-bottom:10px;}
   .box22 {
        height: 334px;
        margin-top: 9px;
        margin-left: 0%;
        clear: both;
   }
   .f-box {
        margin-top: 36px;
        margin-left: 14.668343176858547%;
        clear: both;
        width: 70.51240217353416%;
   }
   .f-box:first-child{  margin-left: 14.668343176858547%;}
 
   

   .con-box {
        margin-top: 18px;
        margin-left: 14.668343176858547%;
        clear: both;
        width: 70.58144260410877%;
   }
.con-box:first-child{    margin-left: 14.668343176858547%;}
 
   .right-cal {
        margin-top: 24px;
        margin-left: 14.668343176858547%;
        clear: both;
        width: 70.40636950911626%;
   }
   .left-cal {
        margin-top: 15px;
        margin-left: 14.796567569500521%;
        clear: none;
        width: 70.54692464637267%;
   }

   .box12 {
        margin-top: 23px;
        margin-left: 14.668343176858547%;
        clear: both;
        width: 70.34719006215128%;
   }
.box12:first-child{ margin-left: 14.668343176858547%;}
  
   .banner {
        margin-top: 4px;
        margin-left: 0%;
        clear: both;
   }
   .row {
      
   }
   .nav {
        margin-top: 33px;
        margin-left: 14.668343176858547%;
        clear: both;
        width: 70.4211654996331%; float:left;
   }
   .logo {
        margin-top: 1px;
        margin-left: 25.601913062425986%;
        clear: none;
        width: 48.808007010328566%;
   }
}



/*================================================*/


.slider{
	position:relative;
	width:100%; 
	height:400px; /* when responsive, comment this out */
	margin:0 auto;
	
	background:#1b1b1b;
}

@media only screen and (min-width: 1000px){
	.slider{
	
	}
	#column-left + #content {
	margin-left: 195px;

}
#column-left    {
	width:180px;
	float:left;

}
}

/* ELEMENT STYLES */

.claim{
	position:absolute;
	top:-200px;
	
	z-index:8000;
	padding:1% 3%;
	
	font-size:24px;
	line-height:100%
	color:#fff;
	white-space: nowrap;
	text-transform:uppercase;
}

.claim{
	line-height:100%
}	

.teaser{
	padding:0.5% 1.5%;
	font-size:14px;
	 line-height:100%
}

.small{
	width:250px;
   padding-left:0; padding-right:0px;
	text-align:center;
}

.light-green{background:#95C542;}
.green{background:#7CB761}
.orange{background:#EF7D00}
.turky{background:#348E8A}
.white{background:#fff; color:#333}






/*==================================*/
.fraction-slider{
	position:relative;
	width:100%; height:100%;
	overflow:visible;
}

.fraction-slider .slide{
	display:none; width:100%; height:100%;
	position:absolute;
	z-index:5000;
}

.fraction-slider .active-slide{
	z-index:9999;
}

.fraction-slider .fs_obj{
	display:block; display:none;
	position:absolute;
	top:0px; left:100%;
	z-index:7000;
}

.fraction-slider .fs_fixed_obj{
	z-index:6000;
	left:0;
}

.fraction-slider .fs_obj *{
	display:inline-block;
	position:relative;
	top:0px; left:0px;
}

.fs_loader{
	width:100%; height:400px;
	background:url(images/fs.spinner.gif) center center no-repeat transparent;
}

/** CONTROLS **/

.fraction-slider .prev,
.fraction-slider .next{
	display:none;
	position:absolute;
	width:45px; height:45px;
	z-index:9999;
}

.fraction-slider .prev{
	left:10px; top:185px;
	background:url(images/fs.prevnext.png) 0px 0px no-repeat transparent;
	
}
.fraction-slider .prev:hover{
	background:url(images/fs.prevnext.png) 0px -45px no-repeat transparent;
}

.fraction-slider .next{
	right:10px; top:185px;
	background:url(images/fs.prevnext.png) -45px 0px no-repeat transparent;
}
.fraction-slider .next:hover{
	background:url(images/fs.prevnext.png) -45px -45px no-repeat transparent;
}

.fraction-slider:hover .prev,
.fraction-slider:hover .next{
	display:block;
}

/** PAGER **/

.fs-pager-wrapper{
	position:absolute;
	left:10px; bottom:10px;
	z-index:9999;	
}

.fs-pager-wrapper a{
	display:inline-block;
	width:14px; height:14px;
	margin:0 5px 0 0;
	background:url(images/fs.pager.png) 0px -14px no-repeat transparent;
}
.fs-pager-wrapper .active{
	background:url(images/fs.pager.png) 0px 0px no-repeat transparent;
}




