/*****************
** PHOTOGALLERY **
******************/

#wrapHeader {height:118px; margin: 0 auto 0 auto; text-align: left; width:652px; }

.jcarousel-skin-photogallery .jcarousel-container{font-family:"Segoe UI", Tahoma, Arial, Helvetica, sans-serif; }
.jcarousel-skin-photogallery .jcarousel-container-horizontal {width:612px; padding: 0 20px 0 20px; height:118px; margin:0; }
.jcarousel-skin-photogallery .jcarousel-clip-horizontal {width:612px; height:118px;}

/* We set the width/height explicitly. No width/height causes infinite loops. */
.jcarousel-skin-photogallery .jcarousel-list li, .jcarousel-skin-photogallery .jcarousel-item {float: left; list-style: none; width:140px!important; height:97px; margin:0 0 0 0; padding:21px 0 0 13px;}
.jcarousel-skin-photogallery .jcarousel-item-horizontal {width:140px; height:97px; margin:0 0 0 0; padding:21px 0 0 13px; float:left; background:url(../images/bg-image-carousel-photogallery.jpg) top left no-repeat;}


/* Horizontal Buttons*/
.jcarousel-skin-photogallery .jcarousel-next-horizontal {position: absolute; top:0; right:0; width:20px; height:100px; cursor: pointer; background: url(../images/arrow-right.jpg) top left no-repeat;}
.jcarousel-skin-photogallery .jcarousel-next-horizontal:hover {}
.jcarousel-skin-photogallery .jcarousel-next-horizontal:active {}
.jcarousel-skin-photogallery .jcarousel-prev-horizontal {position: absolute; top:0; left:0; width:20px; height:100px; cursor: pointer; background: url(../images/arrow-left.jpg) top left no-repeat;}
.jcarousel-skin-photogallery .jcarousel-prev-horizontal:hover {}
.jcarousel-skin-photogallery .jcarousel-prev-horizontal:active {}


/* This <div> element is wrapped by jCarousel around the list and has the classname "jcarousel-container".*/
.jcarousel-skin-photogallery .jcarousel-container {position: relative;}
.jcarousel-skin-photogallery .jcarousel-clip {z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;}
.jcarousel-skin-photogallery .jcarousel-list {z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;}


/*****************
** SPECIALI **
******************/
#wrapHeader3 {width:986px; height:290px; margin:0; text-align: left;   }
/*
.jcarousel-skin-speciali .jcarousel-container{}
.jcarousel-skin-speciali .jcarousel-container-horizontal {width:986px; padding: 0 0 0 0; height:290px; margin:0;}
.jcarousel-skin-speciali .jcarousel-clip-horizontal {width:986px; height:290px;}
*/
/* We set the width/height explicitly. No width/height causes infinite loops. */
/*
.jcarousel-skin-speciali .jcarousel-list li, .jcarousel-skin-speciali .jcarousel-item {float: left;  list-style: none; width:217px!important; height:250px!important; padding:20px 10px 20px 20px!important; margin:0 0 0 0;}
.jcarousel-skin-speciali .jcarousel-item-horizontal {width:216px;  height:250px; margin:0 0 0 0;  float:left;}
.jcarousel-skin-speciali .jcarousel-item-horizontal .news-box-carousel{width:206px;  height:250px; margin:0 0 0 0; padding:0 10px 0 0; border-right:1px solid #dddddd;}
.jcarousel-skin-speciali .jcarousel-item-horizontal .news-box-carousel .tag-a{text-align:left; white-space:normal;}
*/
/*
.jcarousel-skin-speciali .jcarousel-item-horizontal .news-box-carousel .tag-a .where-news-carousel{width:206px;  height:18px; margin:0; }
.jcarousel-skin-speciali .jcarousel-item-horizontal .news-box-carousel .tag-a .where-news-carousel p{color:#0073bd; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.jcarousel-skin-speciali .jcarousel-item-horizontal .news-box-carousel .tag-a .image-news-carousel{width:191px;  height:107px; margin:0 0 6px 0; padding:0;}
.jcarousel-skin-speciali .jcarousel-item-horizontal .news-box-carousel .tag-a .title-news-carousel{font-family: 'Tinos', arial, serif; font-size:18px; color:#343434; line-height:18px; margin-bottom:10px; font-weight:bold;}
.jcarousel-skin-speciali .jcarousel-item-horizontal .news-box-carousel .tag-a .text-news-carousel{font-size:12px; color:#343434;}
.jcarousel-skin-speciali .jcarousel-item-horizontal .news-box-carousel .tag-a .text-news-carousel a{text-decoration:none; color:#343434;}
.jcarousel-skin-speciali .jcarousel-item-horizontal .news-box-carousel .tag-a:hover .text-news-carousel{text-decoration:underline; color:#343434;}
.jcarousel-skin-speciali .jcarousel-item-horizontal .news-box-carousel .tag-a:hover .title-news-carousel{text-decoration:underline; color:#343434;}
*/
/* Horizontal Buttons*/
/*
.jcarousel-skin-speciali .jcarousel-next-horizontal {position: absolute;  top:128px; right:-18px; width:36px; height:41px; cursor: pointer; background:#0F0; z-index:100;}
.jcarousel-skin-speciali .jcarousel-next-horizontal:hover {}
.jcarousel-skin-speciali .jcarousel-next-horizontal:active {}
.jcarousel-skin-speciali .jcarousel-prev-horizontal {position: absolute; top:128px; left:-18px; width:36px; height:41px; cursor: pointer; background:#C3F;z-index:100;}
.jcarousel-skin-speciali .jcarousel-prev-horizontal:hover {}
.jcarousel-skin-speciali .jcarousel-prev-horizontal:active {}
*/

/* This <div> element is wrapped by jCarousel around the list and has the classname "jcarousel-container".*/
/*
.jcarousel-skin-speciali .jcarousel-container {position: relative;}
.jcarousel-skin-speciali .jcarousel-clip {z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;}
.jcarousel-skin-speciali .jcarousel-list {z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;}
*/

/*****************
** COMOINCOM **
******************/

#wrapHeader2 {width:986px; height:180px; margin:0; text-align: left;   }

.jcarousel-skin-comincom .jcarousel-container{}
.jcarousel-skin-comincom .jcarousel-container-horizontal {width:986px; padding: 0 0 0 0; height:180px; margin:0;}
.jcarousel-skin-comincom .jcarousel-clip-horizontal {width:986px; height:180px;}


.jcarousel-skin-comincom .jcarousel-list li, .jcarousel-skin-comincom .jcarousel-item {float: left;  list-style: none; width:299px!important; height:140px!important; padding:20px 10px 20px 20px!important; margin:0 0 0 0;}
.jcarousel-skin-comincom .jcarousel-item-horizontal {width:299px;  height:140px; margin:0 0 0 0;  float:left;}
.jcarousel-skin-comincom .jcarousel-item-horizontal .offerta-box-carousel{width:289px;  height:140px; margin:0 0 0 0; padding:0 10px 0 0; border-right:1px solid #dddddd;}
.jcarousel-skin-comincom .jcarousel-item-horizontal .tag-a{text-align:left; white-space:normal;}

.jcarousel-skin-comincom .jcarousel-item-horizontal .offerta-box-carousel .tag-a .box-offerta{width:289px; height:140px; position:relative; padding:0;  }
.jcarousel-skin-comincom .jcarousel-item-horizontal .offerta-box-carousel .tag-a .box-offerta .box-image{width:97px; height:73px; float:left; margin:0 10px 10px 0;}
.jcarousel-skin-comincom .jcarousel-item-horizontal .offerta-box-carousel .tag-a .box-offerta .orange-title-o{font-size:16px; color:#f19a00; font-weight:bold; margin-bottom:4px;}
.jcarousel-skin-comincom .jcarousel-item-horizontal .offerta-box-carousel .tag-a .box-offerta .orange-title-o a{color:#f19a00; text-decoration:none;}
.jcarousel-skin-comincom .jcarousel-item-horizontal .offerta-box-carousel .tag-a .box-offerta .text-offerta-o{font-size:18px; color:#000000; font-weight:bold; margin-bottom:4px; line-height:18px;}
.jcarousel-skin-comincom .jcarousel-item-horizontal .offerta-box-carousel .tag-a .box-offerta .text-offerta-o a{color:#000000; text-decoration:none;}
.jcarousel-skin-comincom .jcarousel-item-horizontal .offerta-box-carousel .tag-a .box-offerta .text-discount-o{font-size:12px; color:#7f7f7f; line-height:12px;}
.jcarousel-skin-comincom .jcarousel-item-horizontal .offerta-box-carousel .tag-a .box-offerta .text-discount-o a{color:#7f7f7f; text-decoration:none;}
.jcarousel-skin-comincom .jcarousel-item-horizontal .offerta-box-carousel .tag-a .box-offerta .box-discount{width:60px; height:49px; padding:8px 0 0 0; text-align:center; background:url(../images/bg-discount.png) top left no-repeat; position:absolute; top:30px; left:-20px;}
.jcarousel-skin-comincom .jcarousel-item-horizontal .offerta-box-carousel .tag-a .box-offerta .box-discount p{color:#000000; font-size:28px; font-weight:bold;}
.jcarousel-skin-comincom .jcarousel-item-horizontal .offerta-box-carousel .tag-a .box-offerta .box-discount p span{color:#7f7f7f; font-size:12px;}

.jcarousel-skin-comincom .jcarousel-item-horizontal .offerta-box-carousel .tag-a:hover .box-offerta .orange-title-o {color:#f19a00; text-decoration:underline;}
.jcarousel-skin-comincom .jcarousel-item-horizontal .offerta-box-carousel .tag-a:hover .box-offerta .text-offerta-o { color:#000000; text-decoration:underline;}
.jcarousel-skin-comincom .jcarousel-item-horizontal .offerta-box-carousel .tag-a:hover .box-offerta .text-discount-o {color:#7f7f7f; text-decoration:underline;}


.jcarousel-skin-comincom .jcarousel-next-horizontal {position: absolute;  top:128px; right:-18px; width:36px; height:41px; cursor: pointer; background:#0F0; z-index:100;}
.jcarousel-skin-comincom .jcarousel-next-horizontal:hover {}
.jcarousel-skin-comincom .jcarousel-next-horizontal:active {}
.jcarousel-skin-comincom .jcarousel-prev-horizontal {position: absolute; top:128px; left:-18px; width:36px; height:41px; cursor: pointer; background:#C3F;z-index:100;}
.jcarousel-skin-comincom .jcarousel-prev-horizontal:hover {}
.jcarousel-skin-comincom .jcarousel-prev-horizontal:active {}


.jcarousel-skin-comincom .jcarousel-container {position: relative;}
.jcarousel-skin-comincom .jcarousel-clip {z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;}
.jcarousel-skin-comincom .jcarousel-list {z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;}


/*****************
** DOSSIER pagina speciali **
******************/
#wrapHeader4 {width:316px; height:247px; margin:0; text-align: left; }


.jcarousel-skin-single .jcarousel-container-horizontal {width:316px; padding: 0 0 0 0; height:247px; margin:0;}
.jcarousel-skin-single .jcarousel-clip-horizontal {width:316px; height:247px;}

/* We set the width/height explicitly. No width/height causes infinite loops. */
.jcarousel-skin-single .jcarousel-list li, .jcarousel-skin-single .jcarousel-item {float: left;  list-style: none; width:274px!important; height:205px!important; padding:21px 21px 21px 21px!important; margin:0 0 0 0; background:#eeeeee;}
.jcarousel-skin-single .jcarousel-item-horizontal {width:274px;  height:205px; margin:0 0 0 0;  float:left;}
.jcarousel-skin-single .jcarousel-item-horizontal img{ border:1px solid #dddddd;}



/* Horizontal Buttons*/
.jcarousel-skin-single .jcarousel-next-horizontal {position: absolute;  top:0; right:0; width:21px; height:247px; cursor: pointer; background: url(../images/arrow-right-dossier.jpg) top left no-repeat; z-index:100;}
.jcarousel-skin-single .jcarousel-prev-horizontal {position: absolute; top:0; left:0; width:21px; height:247px; cursor: pointer; background: url(../images/arrow-left-dossier.jpg) top left no-repeat; z-index:100;}


/* This <div> element is wrapped by jCarousel around the list and has the classname "jcarousel-container".*/
.jcarousel-skin-single .jcarousel-container {position: relative;}
.jcarousel-skin-single .jcarousel-clip {z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;}
.jcarousel-skin-single .jcarousel-list {z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;}