/*---------------------------------
	IMPORTS
-----------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
		

a:link,a:visited{
	text-decoration: none;
	outline: none;  /* ELIMINA SELEZIONE TRATTEGGIATA */
}

a:hover,a:active,a:focus{
	outline: none;  /* ELIMINA SELEZIONE TRATTEGGIATA */
	text-decoration: none;
}

body{
	font-family: Raleway, Arial, sans-serif;
}

html{
	position: relative;
}
html, body, #sfondo{
	height: auto !important;
	height: 100%;
	min-height: 100% !important;
}
.anchor{
	display: block; 	/* spaziatore per ancoraggio obbligatorio in caso di header fixed */
	height: 110px; 	/*same height as header*/
	margin-top: -110px; 	/*same height as header*/
	visibility: hidden;
}
img{
	border: 0;
}
p{
	line-height: 1.4;
	margin: 0 0 4px 0;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}

ul.square{
	list-style: square;
}
ul.icon-list{
	list-style-type: none;
}

ul.icon-list li{
	line-height: 3.2;

}
ul.custom {
	margin: 0;
	padding: 0 20px;
	list-style-image: url(../Sfondi/bullet.png);
}
ul.custom.giallo{
	list-style-image: url(../Sfondi/bullet2.gif);
}

ul.custom a:link,ul.custom a:visited{
	color: #333333;
}

ul.custom a:hover,ul.custom a:active{
	color: #666666;
}

ul.nav-orizz li a{
	display: block;
}
ul.nav-orizz{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.nav-orizz li{
	display: inline-block;
	padding: 4px 10px 4px 0;
}
ul.nav-orizz li.sel{
	font-weight: bold;
}
.apice {
	font-size: 10px;
	vertical-align: super;
}
.nav-tabs > li > a{
	display: block;
	height:60px;
}
.barrato{
	color: #666666;
	text-decoration: line-through;
}
.bianco{
	color: #ffffff;
}
.grande{
	font-size: 16px;
}
.info{
	color: #666666;
	font-size: .85em;
	line-height: 125%;
}
.nascondi,.hidden{
	display: none;
}
.piccolo{
	font-size: 95%;
}
.pull-left{
	float: left !important;
}
.pull-right{
	float: right !important;
}
.text-center{
	text-align: center;
}
.text-left{
	text-align: left;
}
.text-right{
	text-align: right;
}
.text-center img{
	margin:0 auto;
}
.lazy{
	background-image: url(../../easyAdmin/images/grey.gif); /* sfondo predefinito per il caricamento immagini "lazy" */
	overflow: hidden;
}
.modal-lg {
    width: 90%;
}
/* @end */
.img-icon{
	/*height: 40px;
	width: 40px;*/
	margin: 10px 5px;
	padding: 0;
}
a:link .img-icon,a:visited .img-icon{
	background-color: #e1e1e1;
}
a:hover .img-icon,a:active .img-icon{
	background-color: #0057aa;
}
blockquote b,blockquote strong{
	color: #666666;
}
blockquote,blockquote p{
	color: #0057aa;
	font-size: 14px;
}
blockquote{
	margin: 0 0 20px;
	padding: 9px 20px 0 19px;
}
hr{
	border: 1px solid #e1e1e1;
	clear: both;
	height: 0;
	margin: 10px 0 30px;
}
img.img-responsive{
	height: auto !important;
	max-width: 100%;
}
.mgtop-auto {
	margin-top: auto;
}
img.img-bordo{
	border: 1px solid #e1e1e1;
	padding: 1px;
}
img.img-floatdx{
	float: right !important;
	margin: 0 0 0 10px;
}
img.img-floatsx{
	float: left !important;
	margin: 0 10px 0 0;
}
img.img-center{
	margin: 0 auto !important;
	height: auto !important;
	max-width: 100%;
}
p.lead{
	color: #666666;
	font-size: 20px;
}
#newscont li,#scheda li{
	line-height: 1.4;
	margin-bottom: 4px;
}
/* @group form */

.col-nopadding > .row,
.col-nopadding > .row > div[class*="col-"],
.col-nopadding > .row > li[class*="col-"]{	
/* Box attaccati senza spaziatura laterale(da applicare al contenitore esterno)*/
	padding-left: 0;
	padding-right: 0;
}

.form-control,
.input-group,
.form-control-static,
.g-recaptcha {
	max-width: 90%; /* serve per aggiungere help e required */
	
}

.input-group .form-control{
	max-width: 100% !important;
}

legend{
	color: #cccccc;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 20px;
	text-transform: uppercase;
}
textarea{
	min-height: 60px;
}

.help-message{
	display: block !important;
	display: none; 	/* IE6 e inferiori */
	font-size: 1.2em;
	color: #306ebe;
	position: relative;
}
.help-message em,.required-message em{
	border-radius: 3px;
	color: #000000;
	font: 11px/normal Arial,sans-serif;
	left: -9999px;
	padding: 4px;
	position: absolute;
	text-transform: none;
	z-index: 10;
}
.help-message em{
	background: #d8e5f5;
	border: 1px solid #306ebe;
}
.required-message em{
	background: #ffbfbf;
	border: 1px solid #C00;
}

.help-message:hover em,.required-message:hover em{
	left: 30px;
	top: -5px;
}
.no-required,
.required-message,
.help-message{
	float: right;
	height: 24px;
	width: 24px;
}
.required-message{
	display: block !important;
	display: none; /* IE6 e inferiori */
	font-size: 12px;
	color: #cc0000;
	right: 0;
	top: 0;
	position: absolute;
}
.required-message:hover em{
	white-space: nowrap;
}
.captcha-cont{
	position:relative;
   margin-right: -15px;
}
.form-legenda{
    position: relative;
    width: 200px;
    background-color: #f5f5f5;
    padding: 4px;
    -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
}
/* @end */

div.citazione{
	background-image: url(../sfondi/quotes1.png);
	background-position: 0 2px;
	background-repeat: no-repeat;
	color: #666666;
	margin: 1em 0.6em 2em auto;
	padding: 8px;
	text-align: right;
	text-indent: 20px;
	width: 18em;
}
div.citazione p{
	background-image: url(../Sfondi/quotes2.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	color: #666666;
	display: inline;
	font-style: italic;
	line-height: 1.8em;
	margin: 0;
}


h1{
	color: #333333;
   font-size: 28px;
   position: relative;
   margin-bottom: 15px;
   text-transform: uppercase;
}
h2{
	color: #333333;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.3;
}
h3{
	color: black;
	font-size: 22px;
	font-weight: normal;
	line-height: 120%;
	margin: 20px 0 10px;
}
h4{
	font-size: 20px;
	font-weight: normal;
	line-height: 1.3;
	margin: 5px 0;
	padding: 0 5px 3px 0;
}
h5{
	font-size: 14px;
	color: #333333;
	font-weight: 700;
	letter-spacing: 2px;
	margin: 0;
}
h6{
	color: #555555;
	font-size: 14px;
	line-height: 1.4;
	margin: 16px 0;
	padding: 0;
	text-align: left;
	text-transform: none;
}

.fullrow, .rowform {
	clear: both;
	padding: 6px 0;
	position: relative;
	text-align: left;
	width: 100%;
	line-height: 1.8;
	margin-bottom: 2px;
}
.fullrow label{
	font-weight:normal;
	width: 30%;
}


.fullrow textarea,
.fullrow input[type="text"],
.fullrow input[type="password"],
.fullrow input[type="email"] {
	width: 60%;
}
.fullrow.nobordo {
	border-bottom: none;
}
.fullrow-cont{
	float: left;
	margin-left: 30%;
	width: 68%;
}
.halfrow {
    float: left;
    margin: 0px 1% 0px 0px;
    padding: 0px;
    text-align: left;
    width: 49%;
}
/* @group table */
table.sfondo1,.sfondo1 td,.sfondo1 th{
	border: 1px solid #e1e1e1;
	border-collapse: collapse;
}
td,th{
	vertical-align: top;
}

.bg1{
	background-color: #f5f5f5;
}

.bg2{
	background-color: #e1e1e1;
}

.bg3{
	background-color: #d8e5f5;
}

.sfondo1 td{
	background-color: #ffffff;
	color: #000000;
	padding: 4px;
}
.sfondo1 th{
	background-color: #e1e1e1;
	color: #666666;
	font-size: 11px;
	font-weight: normal;
	padding: 4px;
	text-transform: capitalize;
}
/* @end */
ul#demo-block{
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0;
	position: fixed; 	/*fullscreen*/
	width: 100%;
	z-index: 4;
}
ul.changenazioni{
	max-height: 400px;
	overflow: auto;
	padding: 5px 8px;
	width: 230px;
}

ul.square{
	list-style: square;
}

/* @group LANG */
.bandiera{
	float: left;
	margin-left: 10px;
}
.lang-cont{
	z-index: 10;
	float: left;
	position: relative;
}
.lang-cont img{
	position: relative;
	top: -2px;
}
.lang-cont a:link, .lang-cont a:visited{
	color: white;
}
/* @end */


#chooseregion-cont{
	background-color: #fff;
   box-shadow: 1px 1px 10px #666666;
   left: 0;
   margin: 0;
   padding: 10px 10px 15px 5px;
   position: absolute;
   top: 36px;
   width: 300px;
}
#chooseregion-cont h5{
	background-color: transparent;
	margin-bottom: 10px;
}
#chooseregion-cont hr{
	margin: 10px 0;
}
#chooseregion-cont ul{
	list-style-type: none;
	padding: 0;
}
#chooseregion-cont li{
	display: inline-block;
	margin: 0 10px 10px 10px;
	text-transform: uppercase;
	text-align: center;
}


/*.nav > li > a{
	padding: 0;
}
.nav > li > a:focus, .nav > li > a:hover{
	background-color: transparent;
}*/
/* @end */
.banner{
	margin: 2px auto;
	padding: 0;
}
.bordo1{
	border: 1px solid black;
	margin-top: 10px;
	padding: 10px;
}
.bordo2{
	border-color: #cc0000;
	border-style: solid;
	border-width: 1px;
	padding: 8px;
}

/* @group BOX BASE  */

.bggrigio{
	background-color: #f5f5f5;
}


header .tooltip{
	text-transform: uppercase;
	font-size: 12px;
}
.tooltip-inner {
  max-width: 240px;
  color: white;
  background-color: #999999;
}
.tooltip.top .tooltip-arrow{
  border-top-color: #999999;
}
.tooltip.top-left .tooltip-arrow{
  border-top-color: #999999;
}
.tooltip.top-right .tooltip-arrow{
  border-top-color: #999999;
}
.tooltip.right .tooltip-arrow{
  border-right-color: #999999;
}
.tooltip.left .tooltip-arrow{
  border-left-color: #999999;
}
.tooltip.bottom .tooltip-arrow{
  border-bottom-color: #999999;
}
.tooltip.bottom-left .tooltip-arrow{
  border-bottom-color: #999999;
}
.tooltip.bottom-right .tooltip-arrow{
  border-bottom-color: #999999;
}


.box{
	padding: 0;
	margin: 0 0 20px 0;
	position: relative;
}
.boxico{
	position: relative;
	text-align: center;
}
.boxico{
   /*  display:inline-block;
   border:0;
   width:196px;
   height:210px;
   position: relative; */
   -webkit-transition: all 200ms ease-in;
   -webkit-transform: scale(1); 
   -ms-transition: all 200ms ease-in;
   -ms-transform: scale(1); 
   -moz-transition: all 200ms ease-in;
   -moz-transform: scale(1);
   transition: all 200ms ease-in;
   transform: scale(1);   
}
.boxmedia .boxico{
	overflow: hidden;
}
.boxmedia .boxico img{
	margin: -9.9% 0;
}
/*.boxico:hover{
    box-shadow: 0px 0px 150px #000000;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.5);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.5);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.5);
    transition: all 200ms ease-in;
    transform: scale(1.5);
}*/
a:link .icoarrow, a:visited .icoarrow{
	display: none;
}
a:hover .icoarrow, a:active .icoarrow{
	background-color: #cc0000;
	border-radius: 4px;
	color: white;
	text-align: center;
	display: block;
	font-size: 14px;
	height: 34px;
	padding: 6px 0 0 0;
	text-transform: uppercase;
	width: 50%;
	margin-left:25%;
}

a:hover .icodetailscat, a:active .icodetailscat{
	bottom: 30px;
	left: 0px;
	position: absolute;
	z-index: 10;
}

a:hover .icoarrow, a:active .icoarrow{
	position: absolute;
	bottom: 10px;
	z-index: 10;
	left: 0;
}

.boxico a {
  display: block;
}
.boxico img{
 	margin: 0 auto;
}

 .boxtitolo{
	/*text-align: center;*/
	font-size: 16px;
	line-height: 1.2;
	margin:10px 0;
}


.boxtitolo a:link,.boxtitolo a:visited,
a:link .boxtitolo,a:visited .boxtitolo{
	color: #333333;
	text-decoration: none;
}
.boxtitolo a:hover,.boxtitolo a:active,
a:hover .boxtitolo,a:active .boxtitolo{
	color: #333333;
	text-decoration: none;
}



.boxtesto{
	text-align: left;
}
.item .boxtesto{
	display:none;
}
.boxtesto ul{
	padding:0 0 0 14px;
 	list-style-type: square;
}

a:link .boxtesto, a:visited .boxtesto{
	color: #333333;
}
a:hover .boxtesto, a:active .boxtesto{
	color: #333333;
}


#anteprima-cont .boxico img{
	border: 1px solid #eeeeee;
}

.boxstore-cont .box{
	border: 1px solid #eeeeee;
}
.boxstore-cont .boxtitolo,
.boxstore-cont .boxtesto{
	margin: 0 10px 10px 10px;
}
.boxstore-cont .boxtesto{
	font-size: 13px;
	padding-bottom: 40px;/* spazio per icone: NON TOGLIERE!!! */
}
.boxstore-cont a:link .boxtitolo,
.boxstore-cont a:visited .boxtitolo,
.boxtitolo-blu {
	color: #2986B2;
	font-weight: bold;
	text-align: left;
	font-size: 20px;
}

#contmacrocat .box{
	margin-bottom: 20px;
}

#contmacrocat .boxico{
	padding: 0 45px;
}
/*#contmacrocat .boxico.americas img{
	padding: 0 15px;
}*/

.boxtesto ul.ul-inline{
	margin: 0;
	padding: 0;
	list-style: square inside;
}
.boxtesto ul.ul-inline li{  
	float: left;
	margin-left: 0px;
	margin-right: 15px;
	padding-left: 0px;
	color: #306ebe;
}
.boxtesto ul.ul-inline li a{
	color: #666666;
}

.boxhorizontal{
	margin: 0 0 10px 0;
	padding: 2px;
	/*border: 1px solid #e1e1e1;*/
}
#scheda-tech .box {
	border-bottom: 1px solid #e1e1e1;
}
#scheda-tech .boxtesto {
	margin-top: 30px;
	font-style: italic;
}

/*#home-ambassador{
	margin-bottom: 140px;
}*/
.box-rounded h3{
	top: 36%;
	text-align: center;
	position: absolute;
	width: 100%;
	text-transform: uppercase;
	font-weight: 300;
	text-shadow: 1px 1px 3px black;
	font-size: 42px;
}
.box-rounded h3 a:link,
.box-rounded h3 a:visited{
	color: #f5f5f5;
}
.box-rounded h3 a:hover,
.box-rounded h3 a:active{
	color: white;
}
.box-rounded .boxtesto{
	position: absolute;
	top: 53%;
	text-align: center;
	padding: 0 15px;
	width: 100%;
	text-shadow: 1px 1px 3px black;
	line-height: 1.3;
	margin-bottom: 20px;
}
.box-rounded .boxtesto a{
	color: #f5f5f5;
}


#download-cont .boxhorizontal{
	background: #f7f7f7;
	border: 0;
   border-bottom: solid 3px #eeeeee;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   display: table;
	width:100%;
	padding-top:10px;
}
#download-cont .boxhorizontal .boxico img,
#download-cont .boxvideo .boxico img{
	border: 1px solid #e1e1e1;
}
#download-cont .boxhorizontal .boxtitolo{
	margin-top: 20px;
	width: 60%;
	float: left;
}
/*#download-cont .boxvideo{
	background-color: #e1e1e1;
}*/
#download-cont .boxvideo .boxtitolo{
	margin-top: 10px;
	font-size:12px;
	text-transform:uppercase;
}

#download-cont .boxtitolo:hover{
	color: #306ebe;
}
#download-cont .boxhorizontal:hover{
   border-color: #306ebe;
}

.boxhorizontal .boxico {
	float: left;
	margin: 0 20px 0 0;
	position: relative;
	text-align: center;
	width: 30%;
}


.boxhorizontal.boxdownload .boxico {
	width: auto;
}

/*#download-cont .boxhorizontal .boxico {
	width: auto;
}*/


.boxhorizontal .boxtitolo, 
.boxhorizontal .boxtesto{
	text-align: left;
}

.boxhorizontal:hover .boxico a::after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 100;
}


#download-cont .boxhorizontal .boxtesto {
    display: table-cell;
    vertical-align: top;
    width: 70%;
    height: 100%;
}

.boxico.cbp-caption-defaultWrap{
	padding: 40px;
}


.conticofeature{
	/*position: absolute;
	bottom: 0;
	right: 0;*/
}
.conticofeature img{
	width: 38px;
	height: auto;
}
.icofeature {
    float: right;
    height: 63px;
    overflow: hidden;
    margin: 1px 2px;
}

#detailsarea .conticofeature{
	bottom: 0px;
	right: 8px;
}
/* @end */


/* @group ATELIER */
h3.boxtitolo.atelier{
	color: white;
   font-weight: normal;
   text-transform: uppercase;
   background-image: url(/atelier/pagine/img/BgAtelier.png);
   background-repeat: no-repeat;
   height: 56px;
   line-height: 64px;
   background-position: center;
   font-size: 13px;
   text-align: center;
   font-weight: bold;
   margin: 0 0 10px;
   background-size: contain;
}
h3.boxtitolo.atelier:hover {
   opacity:0.8;
}
.boxtitolo.atelier a:link, .boxtitolo.atelier a:visited, 
a:link .boxtitolo.atelier, a:visited .boxtitolo.atelier {
    color: #FFF;
}
#btn-atelier {
	margin-bottom: 20px;   		
}
.btn-atelier{
	background-color: #474747;
	border: 3px solid white;
	box-shadow: 1px 0 3px #999999;
	color: #e1e1e1;
	text-shadow: 1px 1px 2px black;
   padding: 5px 20%;
   line-height: 32px;
}
.btn-atelier:hover{
	color: #FFF;
	 -moz-animation: bounce 2s infinite;
 -webkit-animation: bounce 2s infinite;
 animation: pulse 2s infinite;
	
}
a.btn-atelier:hover, a.btn-atelier:link, a.btn-atelier:active{
	color: #FFF;
}
/* @end */



/* @group BOX e ELEMENTI - sezioni varie */
.boxlink{
	bottom: 10px;
	position: absolute;
	right: 0;
}
.boxlink a:link, a:link .boxlink,
.boxlink a:visited, a:visited .boxlink{
	display: block;
	height: 100%;
	width: 100%;
	color:#666666;	
}

.boxlink a:hover, a:active .boxlink{
	color: #0b8ed8;	
}

.boxlink.categoria, .boxlink.settore{
	display:none;
}
.boxlink.categoria a, .boxlink.settore a{
	color: white;
	padding: 4px 9px;
}

.col-nopadding > .row,
.col-nopadding > .row > div[class*="col-"],
.col-nopadding > .row > li[class*="col-"]{	
/* Box attaccati senza spaziatura laterale(da applicare al contenitore esterno)*/
	padding-left: 0;
	padding-right: 0;
}


/* AMERICAS Categorie colori */
.flex-container .box.boxamericas{
	padding:25% 0;
	height:100%;
	border:1px solid #FFF;
}
.flex-container .box.boxamericas:hover{
	opacity:0.8;
}
.box_005 { /* Underwater elettronica */
	background-color: #981A1D;
	color:#FFF;
}
.box_001 {/* Scuba */
	background-color: #0850A0;
	color:#FFF;
}
.box_002 {/* Snorkeling */
	background-color: #F5821F;
	color:#FFF;
}
.box_006 {/* Kids */
	background-color: #9BCC54;
	color:#FFF;
}
.box_003 {/* Swimming  */
	background-color: #13B5EA;
	color:#FFF;
}
.box_007 {/* Bags */
	background-color: #FFD328;
	color:#FFF;
}
.box_004 {/* Spearfishing */
	background-color: #005158;
	color:#FFF;
}

/* SERVE PER IMMAGINI IN MOUSE OVER - CAMBIARE CON BOXLINK SE SERVE */

.boxmenu{
	background-image: url(../Sfondi/boxanteprima.png);
	background-repeat: no-repeat;
	height: 200px;
	margin: 4px auto;
	overflow: hidden;
	width: 200px;
}
.boxmenu .boxico{
	height: 100px;
	margin: 14px auto 4px;
	width: 190px;
}
.boxmenu .boxtesto{
	padding: 0 4px;
}
.boxmenu .boxtitolo{
	height: 16px;
	padding: 0 4px;
}
.boxprezzo{
	bottom: 0;
	height: 30px;
	position: absolute;
	right: 0;
	width: 240px;
}
.icoevid1{
	background-image: url(../../easyAdmin/images/store/New.png);
}
.icoevid1,.icoevid2,.icoevid3{
	background-repeat: no-repeat;
	float: left;
	height: 60px;
	overflow: hidden;
	width: 60px;
}
.icoevid2{
	background-image: url(../../easyAdmin/images/store/Promo.png);
}

.icostatus{
	top: 0;
	left: 0;
	position: absolute;
	z-index: 5;
	width: 100%;
}

.boxstore-cont .icostatus{
	height: 100%;
}


.ribbon {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#F70505 0%, #8F0808 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #8F0808;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #8F0808;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}


.ribbon-color {
  position: absolute;
  left: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}
.ribbon-color span {
  font-size: 10px;
  font-weight: bold;
  color: white;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: #006600;
  background: linear-gradient(#00bb00 0%, #006600 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; left: -21px;
}
.ribbon-color span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #006600;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #006600;
}
.ribbon-color span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #006600;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #006600;
}


.ribbon-gold{
	background-image: url(../Sfondi/IcoAtelier.png);
	background-position: top;
	background-repeat: no-repeat;
	position: absolute;
   left: -5px;
   top: -5px;
   z-index: 1;
   overflow: hidden;
   width: 85px;
   height: 85px;
   text-align: right;
}

.iconew .triangle{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 20px 0 0;
	border-color: #f70505 transparent transparent transparent;
	position:absolute;
	top:0;
	left:0;
}
.icodetails,
.icoviews{
	float: left;
	margin: 5px 10px;
	position: relative;
}
.icodetails .ribbon-color,
.icodetails .ribbon{
	display:none;
}

.icodetails.iconew .ribbon-color{
	display:block;
}

.icodetails.iconew .ribbon-color span{
	top: 10px; left: -10px;
	width: 50px;
	line-height: 14px;
}

#boxcategoria-cont,
#boxsettore-cont{
	padding: 0;
}

.box.boxcarousel{
	margin-right: 6px;
	width: 24%;
	max-width: 200px !important;
}
.boxcarousel .boxtitolo{
	position: relative;
	white-space: normal;
}
#boxcorr-cont{
	position: relative;
	padding-top: 30px;
	width: 100%;
}
#boxcorr-cont .box{
	max-width: 25%;
	float: left;
}
#boxcorr-cont.cycle-slideshow{
	width: 100%;
	margin-right: -60px;
}
/* @end */

.changenaz a{
	color: #ffffff;
	display: block;
	margin: 0;
	padding: 0;
	width: 122px;
}
.changenaz img{
	float: right;
}
.claim{
	color: #cc0000;
	font-family: "Times New Roman",Times,serif;
	font-size: xx-large;
	font-weight: bold;
	letter-spacing: -0.03em;
	line-height: 1;
	margin: 10px 0;
}
.clear{
	clear: both; /*NECESSARIO*/
}
.clearcont:after{
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
}

.colonna25{
	float: left;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 25%;
}
.colonna33{
	float: left;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 33%;
}
.colonna50{
	float: left;
	margin: 0 8px 0 0;
	overflow: hidden;
	padding: 0;
	width: 48%;
}
.colonna50 fieldset input,fieldset .halfrow input{
	width: 180px;
}
.didascalia{
	font-size: 13px;
	color: #333333;
	line-height: 1.4;
	padding: 8px 0;
	text-align: left;
}
.didascalia a:link,.didascalia a:visited{
	color: #333333;
}
.didascalia a:hover,.didascalia a:active{
	color: #999999;
}
.didascalia span{
	font-size: 24px;
}
.doubleview{
	text-align: right;
}
.elenco{
	line-height: 140%;
	list-style-type: square;
	margin: 10px 0;
	text-align: left;
}
.elenco a:link span,.elenco a:visited span{
	color: #0b8ed8;
}
.elenco a:link,.elenco a:visited,.elencografico a:link,.elencografico a:visited{
	color: #333333;
}
.elenco a:hover,.elenco a:active,.elencografico a:hover,.elencografico a:active{
	color: #cc0000;
	text-decoration: none;
}
.elencopdc a:link,.elencopdc a:visited{
	color: #000000;
	text-decoration: none;
}
.elencopdc a:hover,.elencopdc a:active{
	color: #0b8ed8;
	text-decoration: none;
}
.elencoportfolio{
	line-height: 1.2;
	margin-bottom: 3px;
	padding-left: 5px;
}
.evidenza{

color: #a6a6a6;

font-size: 30px;

font-weight: normal;

line-height: 130%;

margin: 0 0 20px 0;

text-align: left;
	clear: both;
}
.evidenza b,.evidenza strong{
	color: #0b8ed8;
}
.evidenza,.evidenza2{
	line-height: 1.5; /*font-weight: bold;*/
	margin: 10px;
	padding: 5px;
}
.evidenza2{
	background-color: #f5f5f5; 	/*border: 1px solid #8C8C8C;*/
	border: 1px solid #cc0000;
	color: #000000;
	font-size: 13px; /*DEVE essere un formato VISIBILE */
	text-align: center;
}
.evidenza2 b,.evidenza2 strong{
	color: #cc0000;
}
.evidword{
	color: #cc0000;
	font-size: 13px;
	padding: 0;
}
.evidword,.evidword2{
	letter-spacing: 0.03em;
}
.evidword2{
	color: #555555;
	font-size: 15px;
	padding: 0;
	line-height: 4;
}

#listino{
	float: right;
	background-color: #055297;
	padding: 6px 30px;
	border-radius: 20px;
	color: #fff;
}
#listino a{ 
	color:#fff;
}

.listcheck{
	clear: both;
	font-size: 11px;
	margin-left: 140px;
}

.no-home #page-cont{
	padding-top: 20px;	
}
.home #page-cont{
	padding-top: 0px;	
}
#sez70 .col-xs-4{
/* Cressi atelier */
	padding-top:16px;
}
.menu-cont{
	margin: 0;
	padding: 0;
	text-align: left;
}
.menu-cont img{
	margin: 5px 10px 5px 0;
}
.menu-cont .menutit{
	color: #333333;
	font-size: 18px;
	text-transform: uppercase;
	margin: 5px 0 10px;
	overflow: hidden;
	padding: 4px 0 4px 0;
	border-bottom: 3px solid #0057aa;
	text-align: left;
}
.txtPCInterfaces{
	color: #333333;
	font-size: 18px;
	text-transform: uppercase;
	margin: 5px 0 10px;
	overflow: hidden;
	padding: 4px 0 4px 0;
	border-bottom: 3px solid #0057aa;
	text-align: center;
}
.menu-cont .menutit strong{
	color: #cc0000;
	font-weight: normal;
}
.menu-cont .menutit a:link,.menu-cont .menutit a:visited{
	color: #0057aa;
}
.menu-cont li a:link,.menu-cont li a:visited{
	color: #333333;
	display: block;
	line-height: 110%;
	margin: 0;
	text-decoration: none;
}
.menu-cont ul{
	font-size: 14px;
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 0;
}
.menu-cont ul.liv1 li a:link,.menu-cont ul.liv1 li a:visited{
	padding: 4px 0;
}
.menu-cont ul.liv1 li a:hover,.menu-cont ul.liv1 li a:active{
	color: #0057aa;
}
.menu-cont ul.liv1 li ul.liv3 li a:hover{
	color: #000000;
}
.menu-cont ul.liv1 li,.menu-cont ul.liv1 li.sel{
	margin: 10px 0;
	padding: 0;
	text-decoration: none;
}
.menu-cont ul.liv1 li.sel a:link,.menu-cont ul.liv1 li.sel a:visited{
	color: #0057aa;
	font-weight: bold;
	padding: 8px 0;
}
.menu-cont ul.liv1 li.sel ul.liv2 li a{
	color: #333333;
	font-weight: normal;
	padding: 3px 0;
}
.menu-cont ul.liv1 li.sel ul.liv2 li a:hover{
	color: #333333;
}
.menu-cont ul.liv1 li.sel ul.liv2 li.sel a{
	color: #333333;
	font-weight: bold;
}
.menu-cont ul.liv1 li.sel ul.liv2 li.sel ul.liv3 li a{
	color: #333333;
	font-weight: normal;
	background-color: transparent;
	padding: 4px 0 4px 3px;
}
.menu-cont ul.liv1 li.sel ul.liv2 li.sel ul.liv3 li.sel a{
	color: #333333;
	background-color: transparent;
	font-weight: bold;
	padding: 4px 0 4px 3px;
}
.menu-cont ul.liv2 li,.menu-cont ul.liv2 li.sel{
	margin: 0 10px 0 0;
	padding: 0;
}
.menu-cont ul.liv2,.menu-cont ul.liv3{
	margin: 2px 0 10px 0;
}

/* @group MAIN NOTIFY */
.msgconfirm{
	background: #dff6c5;
	border: 1px solid #006600;
	border-radius: 3px;
	margin: 20px 15px;
	padding: 1px;
}
.msgconfirm a{
	color: #006600;
	font-weight: bold;
}
.msgconfirm p{
	background: url(../../easyAdmin/images/layout/ico/i_ok.png) #dff6c5 no-repeat 4px 6px;
	color: black;
	font-size: 13px;
	line-height: 125%;
	margin: 0;
	padding: 7px 25px;
	text-align: justify;
}
.msgerror{
	background: #fde4e1;
	border: 1px solid #990000;
	border-radius: 3px;
	margin: 20px 15px;
	padding: 1px;
}
.msgerror a{
	color: #990000;
	font-weight: bold;
}
.msgerror p{
	background: url(../../easyAdmin/images/layout/ico/i_error.png) #fde4e1 no-repeat 4px 6px;
	color: #000000;
	font-size: 13px;
	line-height: 125%;
	margin: 0;
	padding: 7px 25px;
	text-align: justify;
}
.msginfo{
	background: #d8e5f5;
	border: 1px solid #306ebe;
	border-radius: 3px;
	margin: 20px 15px;
	padding: 1px;
}
.msginfo a{
	color: #306ebe;
	font-weight: bold;
}
.msginfo p{
	background: url(../../easyAdmin/images/layout/ico/i_info.png) #d8e5f5 no-repeat 4px 6px;
	color: #000000;
	font-size: 13px;
	line-height: 125%;
	margin: 0;
	padding: 7px 25px;
	text-align: justify;
}
.msgwarning{
	background: #fff7ce;
	/*border: 1px solid #d69746;
	border-radius: 3px;*/
	margin: 20px 0;
	padding: 10px;
}
.msgwarning a{
	color: #990000;
	font-weight: bold;
}
.msgwarning p{
/*	background: url(../../easyAdmin/images/layout/ico/i_warning.png) #fff7ce no-repeat 4px 6px;*/
	color: #000000;
	
	padding: 7px 25px;
	text-align: justify;
}
#reservedarea-top{
	text-align: right;
	margin-top:10px;
	color:#999;
}
.number-red{
	background: #cc0000;
	color: #ffffff;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.8em;
	margin-right: 10px;
	-webkit-border-radius: 0.8em;
	-moz-border-radius: 0.8em;
	border-radius: 0.8em;
	-moz-box-shadow: #323232 2px 2px 5px 0;
	text-align: center;
	-webkit-box-shadow: #323232 2px 2px 5px 0;
	box-shadow: #333333 2px 2px 5px 0;
	width: 1.8em;
}
#one-step-checkout .fullrow {
	margin-bottom: 20px;
}
#one-step-checkout h4 {
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 10px -10px;
	text-transform: uppercase;
}
#one-step-checkout label{
	color: #666666;
	font-weight: normal;
}
#one-step-checkout p {
	line-height: 1.3;
	margin: 0 0 10px 20px;
}
#tblriepilogo.table > tbody > tr > td{
	font-size: 11px;
	line-height: 1.2;
}
/* @end */
.sfondo1{
	background-color: #e1e1e1;
}


/* @group Social bar */
.social-header{
	color: #a6a6a6;
	margin-top: 13px;
	float: right;
}

.cressidog, .cressibythesea{
	float: right;
	margin-top: 11px;
	margin-right: 10px;
}

.boxsegnala{
	float: right;
	height: 30px;
	text-align: left;
	margin-top: 14px;
}
.boxsegnala.facebook{
	width: 110px;
	margin-top:12px;
}
.boxsegnala.linkedin{
	width: 84px;
}
.boxsegnala.pinterest{
	width: 44px;
}
.boxsegnala.plusone{
	width: 60px;
}
.boxsegnala.twitter{
	width: 70px;
}
.socialbar{
	clear: both;
	margin: 30px 0 20px 0;
}


.socialbar .coldx{
	text-align: right;
	width: 80%;
	float: right;
}
.socialbar .colsx{
	text-align: left;
	width: 20%;
	float: left;
}
.socialbar .colsx,.socialbar .coldx{
	height: 30px;
}
.socialbartop{
	left: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: fixed;
	text-align: left;
	top: 40px;
	width: 90px;
}
.socialbartop .likeit{
	margin: 0;
	padding: 2px;
}
.socialbartop img{
	padding: 1px 0;
}
/* @end */



/*Social Icons*/
.social-icons{
	margin-top: 5px;
}
.social-icons li{
	margin: 0; 
}
.social-icons li a{
	margin: 0 1px;
}
/*Icons
------------------------------------*/
/*Social Icons*/
.social-icons {
   margin: 0;
   padding: 0; 
}
.social-icons li {
   list-style: none;
   margin-right: 3px;
   margin-bottom: 5px;
   text-indent: -9999px;
   display: inline-block;
}
.social-icons li a, a.social-icon {
   width: 28px;
   height: 28px;
   border-radius: 5px;
   display: block;
   background-position: 0 0;
   background-repeat: no-repeat;
   transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
}
.social-icons li:hover a {
   background-position: 0 -38px;
}
.social-icons-color li a {
  opacity: 0.7;
  background-position: 0 -38px !important;
  -webkit-backface-visibility: hidden; /*For Chrome*/
}
.social-icons-color li a:hover {
  opacity: 1;
}

.social_facebook {background: url(../social/facebook.png) no-repeat;}
.social_linkedin {background: url(../social/linkedin.png) no-repeat;}
.social_twitter {background: url(../social/twitter.png) no-repeat;}
.social_youtube {background: url(../social/youtube.png) no-repeat;}
.social_instagram {background: url(../social/instagram.png) no-repeat;}
.social_pinterest {background: url(../social/pinterest.png) no-repeat;}
.social_tumblr {background: url(../social/tumblr.png) no-repeat;}



#note{
	clear: both;
}


/* @group HOME SLIDER */

/*.master-slider{
	height: 100%;
}*/
/* @end */

/* @group HEADER */

header .form-control{
	height: auto;
	padding: 5px 4px 6px 4px;
}

header{
	width: 100%;
	z-index: 100;
}
.no-home header{
	background-color: white;
}


/* @end */

/*Reg Header*/
.reg-header {
	border-bottom: solid 1px #eeeeee;
	color: #666666;
	margin-bottom: 35px;
	text-align: center;
}
.reg-header h2 {
	font-size: 24px;
	margin-bottom: 15px;
}
.reg-page {
	background: #f5f5f5;
	border: solid 1px #eeeeee;
	box-shadow: 0 0 3px #eeeeee;
	color: #666666;
	padding: 30px;
	margin-top: 40px;
}
/* @group Box login */
#panel-editing{
	width: 200px;
	text-align: center;
	position: fixed;
	top: 108px;
	right: 50px;
	z-index: 500;
}

a .pdcimg{
	color: #ffffff;
	display: block;
	font-size: 11px;
	height: 54px;
	line-height: 1.1;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-align: right;
	width: 164px;
}
.pdcimg span{
	padding: 0 2px 0 42px;
	position: absolute;
	right: 5px;
	top: 5px;
}
.margin-bottom-20{
	margin-bottom:20px;
}
#boxlogin_entra{
	/* pagine entra */
	width: 450px;
	margin: 20px auto;
}
#boxlogin{
	margin: 0 0 0 20px;
}
#boxlogin .btnpiccolo{
	background-image: url(../Sfondi/btnLogin.png);
	background-position: right;
	color: #ffffff;
	font-size: 10px;
	font-weight: normal;
	height: 20px;
	overflow: hidden;
	vertical-align: top;
	width: 38px;
}
#boxlogin a{
	color: #666666;
}
#boxlogin input{
	border: 1px solid #ccc;
	color: #999999;
	font-size: 11px;
	width: 104px;
}
#boxlogin label{
	clear: left;
	float: left;
	height: 24px;
	margin: 0;
	padding: 0;
	text-align: right;
	vertical-align: middle;
	width: 190px;
}
#boxlogin ul{
	clear: both;
	font-size: 10px;
	list-style-image: url(../Sfondi/trgPDC.png);
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 30px;
	text-align: left;
}
/* @end */

/* @group LAYOUT GENERALE */
.container{
	margin: 0 auto;
	position: relative;
}
#contenuto{
	position: relative;
	padding-bottom: 20px;
}
/*.no-home #page-cont{
	padding-top: 40px;
}*/
/*#menudx{
	padding-top:30px;
}*/
#print, .only4print{
	display: none;
}

/* @end */


/*
ATTENZIONE!!! Credo che questa sezione non serva più..
!!! VERIFICATO !!!! - SERVE PER CAROSELLO ICONE!!!*/

#carousel{
	margin: 10px 0;
	padding: 0;
}
#carousel a{
	display: block;
	padding: 0;
}
#carousel a:focus{
	outline: none;
}
#carousel img{
	border: none;
	display: block;
	max-height: 75px;
	width: auto;
}
#carousel li, .carouselcont li{
	display: block;
	float: left;
	list-style-type: none;
	margin: 0 5px 10px 0;
	padding: 0;
}
#carousel ul, .carouselcont ul{
	margin: 0;
	padding: 0;
}
#carousel li.active li{
	background: #e1e1e1;
}
#carousel-vert{
	margin: 10px 0;
	padding: 0;
	width: 80px;
}
/* @end */



#counter{
	clear: both;
	color: #999999; /*NECESSARIO*/
	font-size: 10px;
	font-weight: normal;
	margin-top: 60px;
	text-align: left;
}

/* @group FOOTER */
address{
	margin: 0 10px 10px 0;
}

footer{
	width: 100%;
	/*background-color: #F1F1F1;
	padding-top: 20px;*/
}
footer a:link,footer  a:visited{
	color: #333333;
}
footer a:hover,footer  a:active{
	color: #0057aa;
}
footer .form-group {
    margin-bottom: 10px;
    clear:both;
}

.scroll-top{
	margin-top: 16px;
}

#FrmNewsLetterFtr{
	margin-bottom:20px;
	text-align: center;
}

#FrmNewsLetterFtr .help-block{
	padding-left:20px;
}
#credits{
   font-size: 11px;
   margin: 20px 50px 0px 0px;
   line-height: 1.2;
   text-align: right;
}
#credits a:link, #credits a:visited{
	color: #666666;
}
#credits a:hover, #credits a:active{
	color: #0057aa;
}


#navlist {
   margin: 20px 0 0 0;
}
#navlist a:link,#navlist a:visited{
	color: #666666;
}
#navlist a:hover,#navlist a:active{
	color: #0057aa;
}
#navlist li{
	display: list-item;
	float: left;
	list-style-type: none;
	padding: 0px 10px 0px 0px;
}
#navlist li.sel{
	color: #0057aa;
}
#navlist ul{
	color: #666666;
	font-size: 11px;
	margin: 0px;
   padding: 0px;
}

/* @end */



/* @group slidecont  (cover home page) */
#pagerlist{
	height: 35px;
	line-height: 110%;
	margin: 0 0 5px 0;
	padding: 10px 0 0 10px;
	text-align: center;
	vertical-align: middle;
	background-color: #eeeeee;
}
#pagerlist a{
	background-color: transparent;
	background-image: url(../Sfondi/punto.png);
	background-position: center;
	background-repeat: no-repeat;
	height: 12px;
	padding: 10px;
	text-decoration: none;
	width: 12px;
}
#pagerlist a.activeSlide{
	background-image: url(../Sfondi/PuntoSel.png);
}
#pagerlist a:focus{
	outline: none;
}

#slidecont1{
	position: relative;
}
#logoseventy{
	position:absolute;
	top:150px;
	width:100%;
	z-index:50;
	text-align: center;
}

#logoseventy img{
	max-width:80%;
	margin:0 auto;
}
/* @end */

#pdc{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10px;
	line-height: 1.5;
	margin: 20px auto;
	padding: 10px 0;
	text-align: center;
	width: 180px;
}

#slideshow1{
	margin: 0;
	padding: 0;
	position: relative;
}

#titolopagina.titolohover{
	margin: 5px 0;
	padding: 0;
	z-index: 9;
	position: relative;
	text-transform: uppercase;
}

#titolopagina .titoloh1{
	color: #a6a6a6;
	font-size: 30px;
	font-weight: normal;
	line-height: 130%;
	margin: 0 0 20px 0;
	text-align: left;
}

#titolopagina.titolohover .titoloh1{
	color: #666666;
	font-size: 40px;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 130%;
	margin: 5px 0;
	padding: 2px 0;
	text-align: center;
}

#titolopagina h1{
	display: none; 	/* serve solo per indicizzazione; non va mostrato al pubblico */
}
#titolopaginahidden{
	display: none;
}
#usefulinfo{
	background-color: #e1e1e1;
	margin: 20px 0 0 10px;
	padding: 10px;
}
#usefulinfo hr{
	border: 0 solid #cccccc;
	border-top-width: 2px;
	height: 0;
	margin: 12px 5px;
}

/* STORE */
boxinfo-cont{
	clear: both;
	margin: 10px 0;
}
.ordinamento{
	font-size: 11px;
	margin: 0;
	padding: 0;
}
.ordinamento select{
	font-size: 11px;
}
#shopcont input.shop-quantita {
   border-radius: 3px;
   font-size: 12px;
   height: 30px;
   line-height: 1.5;
   padding: 2px 4px;
   text-align: right;
   width: 40px;
}

#SchedaDescr{
	margin-top:50px;	
}
		


/* @group slide news e store */
a.next {
	background: url(/js/cycle/img/bg_direction_nav.png) no-repeat 100% 0;
}
a.prev{
	background: url(/js/cycle/img/bg_direction_nav.png) no-repeat 0 0;
}
a.prev, a.next {
	cursor: pointer;
	display: block;
	height: 30px;
	margin: -15px 0 0;
	opacity: 0;
	position: absolute;
	text-indent: -9999px;
	top: 50%;
	-webkit-transition: all .3s ease;
	width: 30px;
	z-index: 200;
}
.carouselcont a.next {
	opacity: 0.2; /* nel carosello voglio la freccia comunque visibile */
	right: 0;
}
.carouselcont a.prev{
	left: 0; /* nel carosello voglio la freccia comunque visibile */
	opacity: 0.2;
}
.carouselcont a.prev.disabled,
.carouselcont a.next.disabled,
.carouselcont:hover .next:hover.disabled,
.carouselcont:hover .prev:hover.disabled {
	opacity: 0;
}

/* pager */
.cycle-pager {
	overflow: hidden;
	position: absolute;
	text-align: center;
	top: 10px;
	width: 100%;
	z-index: 500;
}
.cycle-pager > * {
	cursor: pointer;
}
.cycle-pager span {
	color: #cccccc;
	cursor: pointer;
	display: inline-block;
	font-family: arial;
	font-size: 50px;
	height: 16px;
	width: 16px;
}
.cycle-pager span.cycle-pager-active {
	color: #d69746;
}
.cycle-pager span.cycle-pager-active {
	color: #d69746;
}
.cycle-slideshow img {
	display: block;
	height: auto !important;
	max-width: 100%;
}
#cycle-1.cycle-slideshow{
	/*width: 100%;
	height: 456px;  altezza foto + spazio per didascalia e zoom*/
	width: 100%;
	height: auto !important;
	max-width: 100%;
}

/* Serve per evitare l'effetto "flash" del caricamento delle foto */
#cycle-1 img { display: none }
#cycle-1 img.first { display: block }

.slidecont .icostatus{
	left: 0; /* contenitore icone evidenza */
	position: absolute;
	top: 0;
	width: 100%;
}
.slidecont .zoom{
	display: block;
	float: right;
	font-size: 11px;
	height: 20px;
	margin: 0 4px 0 0;
	text-align: right;
	width: 60px;
}
.slidecont, .carouselcont{
	margin-bottom: 10px;
	position: relative;
	width: 100%;
	height: auto !important;
	max-width: 100%;
}
.slidecont:hover .next,
.carouselcont:hover .next{
	opacity: 0.5;
	right: 0;
}
.slidecont:hover .next:hover, .slidecont:hover .prev:hover,
.carouselcont:hover .next:hover, .carouselcont:hover .prev:hover {
	opacity: 1;
}
.slidecont:hover .prev,
.carouselcont:hover .prev {
	left: 0;
	opacity: 0.5;
}
.slideimg{
	text-align: center;
}
.slideimg img{
	margin: 0 auto;
}
.slider .zoom{
	display: block;
	float: right;
	font-size: 12px;
	height: 40px;
	margin: 0 4px 0 0;
	text-align: right;
	width: 60px;
}
.modal img{
	max-height: 420px;
}
img.zoom-img{
	max-height: 600px;
	max-width: 100% !important;
	width: auto;
}
#cycle-1 .cycle-slide, #cycle-2.cycle-slideshow{
	width: 100%;
	height: auto !important;
	max-width: 100%; /* serve per risolvere bacchi su responsive dai 360 in giù*/
}

#cycle-2 .cycle-slide {
	border: 1px solid #f5f5f5;
	margin: 0 2px 0 0;
	padding: 0;
	width: 100px;
	height: 80px;
}
#cycle-2 .cycle-slide-active {
	border: 1px solid #006600;
	margin: 0 2px 0 0;
	padding: 2px;
}

#news-slidecont,
#store-slidecont{
	margin: 0 5px 10px 0; /* contenitori immagine grande + carosello miniature */
	padding: 0;
	position: relative;
}
#store-slidecont .didascalia{
	background-color: transparent;
}
#slidestage, #slidestage a, #slidefade5 div, .cycle-slideshow div{
	/*	ATTENZIONE  !!!!  cycle e cycle2 
	img dentro il div deve essere grande al massimo quanto il cont al 100%*/
	width: 100%;
	height: auto !important;
	max-width: 100% !important;
}
#slidestage span{
	color: Black;
	padding-left: 20px;
}
/* @end */


.owl-carousel{
  	display: none;
  	width: auto;
  	z-index: 1;
  	margin-left: -25px;
	padding: 0 50px;
}
.owl-carousel .owl-prev, .owl-carousel .owl-next{
   cursor: pointer;
   width: 35px;
   height: 80px;
   top: 50%;
   right: 0;
   margin-top: -80px !important;
   position: absolute;
   z-index: 110;
   color: #999999 !important;
   background-color: transparent !important;
}
.owl-carousel .owl-prev{
	left: 0;
}
.owl-carousel .fa{
	font-size: 5.5em;
}


.descrbreve{
	clear: both;
	padding-bottom: 80px;
}

.ui-tabs .ui-tabs-panel{
	padding: 0;
}

.buttons-cont{
	text-align: center;
}
.btn-pill {
   border-radius: 23px;
}
#scheda #wrap_ico{
	float: right;
	margin: 0 10px 10px 10px;
	width: 140px;
}
#shopcont{
	clear: both;
	margin: 20px 0 0 0;
	padding: 0;
}
#shopcont .titolo{
	color: #000000;
	font-size: 13px;
	height: 25px;
	line-height: 1.2;
	margin: 0 0 0 -8px;
	padding: 3px 0 1px 20px;
	vertical-align: middle;
}
#storearea{
	border-bottom: 2px solid #eeeeee;
	margin: 0;
	padding: 0;
	position: relative;
}
.storeimg{
	margin: 15px 0 20px 0;
	text-align: center
}
.storeimg img{
	margin:0 auto;
}
/* @end */

.tab-content{
	padding: 30px 0 20px 0;
}

.tab-content table{
	max-width:100%;
}

.tab-content td{
	padding:4px;
}

.inform {
	padding: 5px 0;
}


.inform a:link, .inform a:visited{
	color:#333;
}

.inform a:hover, .inform a:active{
	color: #ff3401;
}
/* @end */
caption{
	color: #666666;
	font-size: 12px;
	font-variant: small-caps;
	letter-spacing: 1px;
}



#detailsarea .pulsread1 a,
#detailsarea .pulsread2 a{
	background-color: #eeeeee;
	color: #006699;
	text-align: center;
	text-transform: uppercase;
	height: 40px;
	line-height: 40px;
}


.icofeature{
	margin-right: 10px;
}


/* @group EDITOR  */
.nobackground{
/* ATTENZIONE!! definisce aspetto dell'editor*/
	background-image: none;
}

div.captionbox-left{
	float: left;
	margin: 10px 10px 10px 0;
}
div.captionbox-left a,
div.captionbox-right a{
	color: #ffffff;
	float: left;
	position: relative;
	text-decoration: none;
}
div.captionbox-left a:hover span,
div.captionbox-right a:hover span{
	background-position: 0 -200px;
}
div.captionbox-left img,
div.captionbox-right img{
	border: 0;
	display: block;
	height: auto;
	width: 100%;
}
div.captionbox-left span.opacity,
div.captionbox-right span.opacity{
	background: url(/easyAdmin/images/opacity.png) repeat-x 0 -50px;
	bottom: 0;
	color: #ffffff;
	cursor: pointer;
	left: 0;
	padding: 3px 0;
	position: absolute;
	text-align: center;
	width: 100%;
}
div.captionbox-left,
div.captionbox-right{
	border: 1px solid #999999;
	position: relative;
	text-align: center;
	width: 50%;
}
div.captionbox-right{
	float: right;
	margin: 10px 0 10px 10px;
}
.simplebox {
	background: #eeeeee;
	border: 1px solid #cccccc;
	border-radius: 8px;
	box-shadow: 0 1px 1px #ffffff inset 0 -1px 0 #cccccc inset;
	margin: 10px;
	padding: 8px;
}
.simplebox.align-center {
	margin-left: auto;
	margin-right: auto;
}
.simplebox.align-left {
	float: left;
}
.simplebox.align-right {
	float: right;
}
.simplebox-content {
	padding: 0 8px;
}
.simplebox-title {
	margin: 0 0 8px;
	padding: 5px 8px;
}
.simplebox-title, .simplebox-content {
	background: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 5px;
	box-shadow: 0 1px 1px #cccccc inset;
}

/* ----------------------------
 * Callouts
 * ----------------------------
 */

 .callout
  {
   padding: 30px;
	opacity: 1;
}

 .callout:hover
  {
   opacity: 0.75;
}

.callout-light {
	color: black;
	background-color: #ccc;
}

.callout-dark {
	color: white;
	background-color: black;
}

.callout-dark p {
	color: #cccccc;
}

.callout-bubble {
	color: white;
	background-color: #A94545;
}

.callout-block {
	background-color: #f5f5f5;
}
.callout p {
	font-size: 17px;
}
.callout h1,
.callout h2,
.callout h3,
.callout h4 {
	font-weight: 300;
	line-height: 1.4;
}
.callout h1{
	font-size: 36px
}
/* @end */

#invite-cont{
	background-color: white;
	padding: 0 15px;
	width: 100%;
}

.breadcrumb{
	background-color: transparent;
/*	margin: 0 0 14px 0;*/
	padding: 0;
}
.breadcrumb li a:link, .breadcrumb li a:visited{
	color: #666666;
}
.breadcrumb li a:hover, .breadcrumb li a:active{
	color: black;
}

.pagination{
	margin: 15px 0 0 0;
}

.pagination li:first-child a,
.pagination li:last-child a{
	border-radius: 0%;
}

#FrmInviteFriend{
	width: 400px;
}
/* @group PAGINA CONTATTI */
#contatti-mappa{
	/*float: right;*/
	padding: 0 0 0 20px;
}
#contatti{
	float: left;
}
#contatti-indirizzo{
	margin: 30px 0;
	text-align: center;
	font-size: 18px;
}
/* @end */


#fade { 
	/*diamo un pò di formattazione allo sfondo di popUp
	se non serve remare - NON CANC*/
/*	background: #f5f5f5;
	opacity: .70;*/
	background: rgb(255, 255, 255); /* Fall-back for browsers that don't  support rgba */
   background: rgba(255, 255, 255, .70);
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99998;
}
.popup_login, .popup_block{
	background: #fff;
	border: 2px solid #ccc;
	color: #000;
	display: none;
	float: left;
	font-size: 1.2em;
	left: 50%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 20px #ccc;
	-moz-box-shadow: 0 0 20px #ccc;
	box-shadow: 0 0 20px #ccc;
	padding: 30px;
	position: fixed;
	top: 50%;
	z-index: 99999;
}
.popup_login .close, .popup_block .close{
	margin: 0 -10px 0 0;
	float: right;
	color: #990000;
}
.popup_login p, .popup_login form, .popup_login h1,
.popup_block p, .popup_block form, .popup_block h1{
	color: #000;
}
.popup_login a, .popup_block a{
	color: #0b8ed8;
}

.navbar-logo {
	padding: 10px 0 0 0;
}

.navbar-collapse {	
   padding-right: 0;
   padding-left: 0;
}
.btn-toggle {
	 border: 1px solid #306ebe;	/*impostato un pulsante default aldersoft per non ridefinire tutti i menu default*/
}
.btn-toggle .icon-bar {
    background-color: #306ebe;	/*impostato un pulsante default aldersoft per non ridefinire tutti i menu default*/
}
.btn-toggle-light {
	 border: 1px solid #666;		/*impostato un pulsante default aldersoft per non ridefinire tutti i menu default*/
}
.btn-toggle-light .icon-bar {
    background-color: #666;		/*impostato un pulsante default aldersoft per non ridefinire tutti i menu default*/
}

.highlight {
	background-color: #edf7a7;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	font-size: 13px;
	margin: 0 0 10px;
	margin-bottom: 14px;
	padding: 9px 14px;
}
#scheda-groupbtn .btn a{
	color: #333333;
}
#scheda-groupbtn .btn span{
	color: #990000;
}


#legend{
	margin-top: 20px;
}
.infolegend{
	float: left;
	margin-top: 10px;
	margin-right: 25px;
}
.infolegend span.label{
	font-size: 12px;
}

.boxmappa{
	min-width: 250px;
}
.boxmappa .boxtitolo{
	font-size: 16px;
	margin-bottom: 4px;
}
.boxmappa .boxtesto{
	font-size: 12px;
	line-height: 1.3;
	float: right;
	width: 79%;
}
.boxmappa .boxico{
	float: left;
	width: 20%;
	min-height: 80px;
}


.button-cont{
	text-align: center;
	margin-bottom: 18px;
}

.btn-filter{
	padding: 4px 2px;
}
.btn-filter a:link, .btn-filter a:visited{
	padding: 5px 20px;
	font-size: 16px;
	border: 2px solid #eeeeee;
}
.btn-filter a:hover, .btn-filter a:active,
.btn-filter.active a{
	background-color: #006699;
	border: 2px solid #006699;
	color: white;
}


/* @group VIDEO */
.btnicovideo{
   position: relative;
	overflow: hidden;
}
.btnicovideo img:hover{
    opacity: 0.5;
}
.btnicovideo:hover a{
   opacity: 1;
   top: 0;
   z-index: 500;
}
.btnicovideo:hover a i{
	top: 50%;
	position: absolute;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	color: white;
	font-size: 48px;
}
.btnicovideo a{
   display: block;
   position: absolute;
   top: -100%;
   opacity: 0;
   left: 0;
   bottom: 0;
   right: 0;
   text-align: center;
}
/* @end */

.pulsplay{
	background-image: url(../Sfondi/Play_youtube.png);
	background-position: center;
	background-repeat: no-repeat;
	width: 70px;
	height: 50px;
	position: absolute;
	top: 41%;
	left: 41%;
	/*z-index: 999;*/
}
.videoevidbig{
	position: relative;
	max-width: 350px;
}
.videoevidbig img{
	border: 1px solid #eeeeee;
}
.videoevidsmall{
	float: left;
	position: relative;
}


.oscura {
    display: none;
    position: fixed;
    top: 0;
    /* full screen */
    width: 100vw;
    height: 100vh;
    /* transparent black */
    background: rgba(0, 0, 0, 0.7);
    /* middle layer, i.e. appears below the sidebar */
    z-index: 99;
    opacity: 0;
    /* animate the transition */
    transition: all 0.5s ease-in-out;
}
/* display .overlay when it has the .active class */
.oscura.active {
    display: block;
    opacity: 1;
}



/* IPAD, Tablet  */
@media (min-width: 960px) and (max-width: 990px) {
  	.container {
		width: 98%;
	}
}


/* TABLET - IPAD - VERTICALI */
@media (min-width: 768px) and (max-width: 980px){
	.box-rounded h3{
		font-size: 26px;
		top: 26%;
	}
}


/* TABLET - IPAD - ORIZZONTALI */
@media (min-width: 981px) and (max-width: 1199px){
	.box-rounded h3{
		font-size: 36px;
		top: 30%;
	}
}



/* da Tablet in su */
@media (min-width: 768px){
  .lang-cont{
	margin: 24px 0 0 22px;
}
  .no-home #slidecont1{
	max-width: 100% !important;
	overflow: hidden;
	height: 200px;
	margin: 0 auto 10px;
}	
	.no-home #slidecont1 > div{
	/* centratura immagini nel contenitore  a prescindere dal dimensioni monitor */
	height: 200px;
	left: 50%;
	margin-left: -960px;
	position: absolute;
	width: 1920px;
	}	
  .no-home #slidecont1.header-fullpage{
	max-width: 100%!important;
	overflow: hidden;
	height: 492px;
	margin: 20px auto 0 auto;
}	
	.no-home #slidecont1.header-fullpage > div{
	/* centratura immagini nel contenitore  a prescindere dal dimensioni monitor */
	height: 492px;
	left: 50%;
	margin-left: -640px;
	position: absolute;
	width: 1280px;
	}
	
	#titolopagina.titolohover{
	margin: -160px 0 70px 0;
}
#titolopagina.titolohover .titoloh1{
	color: white;
	text-shadow: 1px 1px 8px #333333;
}

.home header{
	position: fixed;
	top: 0;
}
  
 header .navbar {
    margin-bottom: 0;
	}
	
	#pagewrap{
	margin: 0 auto -140px; /* footer height */
	padding: 0 0 140px 0;
	width: 100%;
	overflow: hidden;
}
	#sfondo{
	/*background-attachment: fixed;
	background-image: url(../Sfondi/bgAll.png);
	background-position: top;
	background-repeat: no-repeat;*/
	height: 100%;
	padding-bottom: 140px;
	min-height: 100% !important;
}

footer{
	position: absolute;
	bottom: 0;
	height: 140px;
}

	/* Flexbox solo per device >smartphone */
	/* ATTENZIONE!!! Nessuna voce di questo gruppo va rimossa!!!  */
	.flex-container,
	.flex-container .row {
		border:1px solid transparent;
		display: flex;
		display: -webkit-flex;	/* NEW - Chrome */
		/*display: -moz-box;		 OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; 	 /*TWEENER - IE 10 */
		flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		align-items: stretch; /*chiave per box altezza uguale */
		-webkit-align-items: stretch; /*chiave per box altezza uguale */
		-ms-flex-align-items: stretch; 
		width: 100%;
	}		
	.flex-container .box,
	.flex-container .panel	{
		height: 98%;
		/*min-height: 100!important;*/
		flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		/*flex-shrink: 0;*/
	}
	.flex-container .boxhorizontal{
		margin-bottom: 20px;
		flex-direction: row;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
	}

	.flex-container .boxhorizontal a{
		width: 100%;
	}
	
	.boxstore-cont .conticofeature{
	position: absolute;
	margin: 0;
	bottom: -5px;
	right: 0;
}
	
}


/* Smartphone */
@media (max-width: 767px) {
	header .container {
    	padding-right: 5px;
    	padding-left: 5px;
	}
	.no-home #page-cont{
		padding-top: 0;
	}
	.navbar-logo {
		float: left;
		width: 250px;
	}
/*	#slidecont1{
      margin-top: -20px;
	}*/
	.navbar{
		margin-bottom: 0;
	}
	#navlistheader, .lang-cont {
   	padding: 20px 0;
   }
	.cbp-caption-overlayBottomPush .cbp-caption-activeWrap{
		bottom: 0 !important;
	}
	.home .one-page-header {
     	background: rgba(0,0,0,0.8);
	}
	#download-cont .boxvideo .boxtitolo{
		font-size: 16px;
	}
	#titolopagina.titolohover .titoloh1{
   	font-size: 20px;
   }
	.table > tbody > tr > td,
	.table > tbody > tr > th,
	.table > tfoot > tr > td,
	.table > tfoot > tr > th,
	.table > thead > tr > td,
	.table > thead > tr > th{
    	padding: 5px;
	}
	table {
		overflow-x: auto;
		display: block;
	}
	#pdc{
		width: 100%;
		text-align: left;
	}
	.doubleview{
		display: none;
	}
	
/*	#slidecont1{
		display: none;
	}*/
	
	.boxtesto {
    	font-size: 18px;
    	margin: 10px 0px;
	}/*  */
	.menu-cont ul.liv1 li a:link, .menu-cont ul.liv1 li a:visited {
    padding: 19px 10px;
}
	.menu-cont ul {
    font-size: 16px;
    text-transform: uppercase;
	}
	.menu-cont .menutit {
    font-size: 20px;
    margin-top: 15px;
	}

}