@charset "UTF-8";

/* CSS Document */

html, body {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #3C3C3C;
	background-color: #FFFFFF;
	-webkit-font-smoothing: antialiased;
	-webkit-backface-visibility: hidden;
	text-rendering: optimizeLegibility;
	min-width: 994px;
	-moz-osx-font-smoothing: grayscale; /*PATCH PER FONT BOLDED SU FIREFOX*/
}

strong,
b{
	font-weight: 700;
}

a{
	text-decoration: none;
	color: #3C3C3C;
}

@media (min-width: 320px) and (max-device-width:768px) and (-webkit-min-device-pixel-ratio: 2){
	
	html, body {
		font-size: 40px;
		line-height: 60px;
		min-width: 100%;
	}
	
}

/* CLASSI PER CARATTERI */

.t_osr{
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
}

.t_osb{
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
}

.t_rcl{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
}

.t_rcb{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
}

/* CLASSI COLORE */

/* COLORE BACKGROUND */

.c_bg_blu{
	background-color: #004366;
}

.c_bg_acqua{
	background-color: #00AFAA;
}

.c_bg_azzurro{
	background-color: #ABCCD8;
}

.c_bg_azzurrotrasp{
	background-color: #EAF2F5;
}

.c_bg_bianco{
	background-color: #FFFFFF;
}

/* COLORE TESTO */

.c_t_grigio,
.c_t_grigio a{
	color: #3C3C3C;
}

.c_t_azzurro,
.c_t_azzurro a{
	color: #ABCCD8;
}

.c_t_bianco,
.c_t_bianco a{
	color: #FFFFFF;
}

/* COLORE BORDO */

.c_bor_bianco{
	border-color: #FFFFFF !important;
}

.c_bor_azzurro{
	border-color: #ABCCD8 !important;
}

.c_bor_grigio{
	border-color: #3C3C3C !important;
}

.c_bor_acqua{
	border-color: #00AFAA !important;
}

.c_bor_blu{
	border-color: #004366 !important;
}

/* CLASSI PER ANIMAZIONE */

.animatoveloce{
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-o-transition: all .1s linear;
	transition: all .1s linear;
}

.animato{
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.animatolento{
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

.animatolentissimo{
	-webkit-transition: all .9s ease-in-out;
	-moz-transition: all .9s ease-in-out;
	-o-transition: all .9s ease-in-out;
	transition: all .9s ease-in-out;
}

.animatoinfondo{
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	transition: all .2s ease-in;
}

/* DISABLE SELECT */

.disable-select {
	-webkit-user-select: none;  
	-moz-user-select: none;    
	-ms-user-select: none;      
	user-select: none;
}




/* GENERALI LAYOUT */

#header{
	height:120px;
	width:100%;
	min-width: 994px;
	z-index: 30;
	position: absolute;
	border-bottom: 4px solid;
	/*overflow: hidden;*/
}

#footer{
	width:100%;
	height: 180px;
	min-width: 994px;
	z-index: 15;
	position: relative;
	/*top: 20000px;*/
	overflow: hidden;
	-webkit-transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
	-o-transition: all .5s ease-in;
	transition: all .5s ease-in;
	overflow: hidden;
	margin-top: 100px;
}

#contenitore{
	width:100%;
	min-width: 994px;
	z-index: 10;
	position: relative;
	float: left;
	top:190px;
	opacity: 0;
	margin-bottom: 190px;
}

.centrato{
	width: 994px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.tuttalarghezza{
	width: 100%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.tuttaltezza{
	height: 2000px;
}

.spaziatosopra80{
	margin-top: 80px;
}

.spaziatosopra60{
	margin-top: 60px;
}

.spaziatosopra40{
	margin-top: 40px;
}

.spaziatosopra20{
	margin-top: 20px;
}

.spacer80{
	display: block;
	position: relative;
	width: 100%;
	height: 80px;
}

.spacer60{
	display: block;
	position: relative;
	width: 100%;
	height: 60px;
}

.spacer40{
	display: block;
	position: relative;
	width: 100%;
	height: 40px;
}

.spacer160{
	display: block;
	position: relative;
	width: 100%;
	height: 160px;
}

.spacerfooter{
	display: block;
	position: relative;
	width: 100%;
	height: 120px;
}

@media (min-width: 320px) and (max-device-width:768px) and (-webkit-min-device-pixel-ratio: 2){
	
	#header{
		position: absolute;
		height:auto;
		width:100%;
		min-width: 0px;
		z-index: 30;
		background-color: #FFFFFF;
		height: 160px;
		border-bottom: 8px solid;
	}
	
	#footer{
		min-width: 0px;
		height: auto;
	}
	
	#contenitore{
		min-height: 400px;
		width:100%;
		min-width: 0px;
		top:300px;
	}
	
	.centrato{
		width: 100%;
	}
	
	.tuttaltezza{
		height: 4000px;
	}
	
	.spaziatosopra80{
		margin-top: 160px;
	}
	
	.spaziatosopra60{
		margin-top: 120px;
	}
	
	.spaziatosopra40{
		margin-top: 80px;
	}
	
	.spaziatosopra20{
		margin-top: 40px;
	}
	
	.spacer80{
		height: 160px;
	}
	
	.spacer60{
		height: 120px;
	}
	
	.spacer40{
		height: 80px;
	}
	
	.spacer160{
		height: 320px;
	}
	
	.spacerfooter{
		height: 240px;
	}
	
}

@media (min-width: 320px) and (max-device-width:768px) and (-webkit-min-device-pixel-ratio: 2) and (orientation : landscape){
	
	
	
}

/* HEADER */
/*
#headermobile{
	display: none;
}

#contheadermobile{
	display: none;
}
*/

#logo{
	display: block;
	position: relative;
	float: left;
	width: 207px;
	height: 120px;
	background-image: url(../img_static/html/star_logo.png);
	background-repeat: no-repeat;
	background-size: 207px 120px;
}

#pulsantemenumob{
	display: none;
}

#contmenu_dt{
	display: block;
	position: relative;
	float: right;
	width: auto;
	height: 120px;
}

#contmenu_dt a{
	display: block;
	position: relative;
	float: left;
	width: auto;
	height: 114px;
}

#contmenu_dt a span{
	display: block;
	position: relative;
	float: left;
	width: auto;
	height: 62px;
	border-right: 1px solid;
	padding-left: 30px;
	padding-right: 30px;
	margin-top: 30px;
	font-size: 20px;
	line-height: 104px;
}

#contmenu_dt a:last-child span{
	border: none;
}

#contmenu_dt a:hover,
#contmenu_dt a.active{
	border-bottom: 12px solid;
}



/* FOOTER */

#footersopra,
#contfootersopra{
	height: 140px;
}

#footersotto,
#contfootersotto{
	height: 40px;
	line-height: 40px;
	text-align: right;
}

#logofooter{
	display: block;
	position: relative;
	float: left;
	width: 152px;
	height: 140px;
	background-image: url(../img_static/html/star_logo_foot.png);
	background-repeat: no-repeat;
	background-size: 152px 140px;
}

#contrapidi{
	display: block;
	position: relative;
	float: left;
	padding-left: 20px;
	margin-left: 20px;
	border-left: 1px solid #FFF;
	height: 90px;
	padding-top: 10px;
	margin-top: 20px;
	line-height: 25px;
	font-size: 18px;
}

#contrapidi span{
	display: block;
}

#contrapidi a:hover{
	color: #00AFAA;
}

#gotop{
	display: block;
	height: 100px;
	width: 100px;
	background-image: url(../img_static/html/totop.png);
	background-repeat: no-repeat;
	background-size: 100px 200px;
	position: relative;
	float: right;
	margin-top: 20px;
	margin-right: 30px;
	cursor: pointer;
	overflow: hidden;
}

#gotop:hover{
	background-position: 0px -100px;
}

#datifooter span{
	display: inline-block;
	margin-left: 8px;
	margin-right: 8px;
	font-size: 14px;
}

#datifooter a:hover{
	color: #004366;
}

@media (min-width: 320px) and (max-device-width:768px) and (-webkit-min-device-pixel-ratio: 2){
/*
	#headermobile{
		display: block;
		position: fixed;
		overflow: hidden;
		height: 160px;
		width: 100%;
		top:0px;
	}
	
	#contheadermobile{
		display: block;
		position: fixed;
		overflow: auto;
		top: 160px;
		width: 100%;
		height: 0px;
		
	}
*/	
	#logo{
		display: block;
		float: left;
		width: 276px;
		height: 160px;
		background-size: 276px 160px;
		left: 50%;
		margin-left: -138px;
	}
	
	#pulsantemenumob{
		display: block;
		position: absolute;
		right: 30px;
		top: 30px;
		background: #004366;
		width: 100px;
		height: 100px;
	}
	
	#contsfpulsantemenumob{
		display: block;
		position: absolute;
		width: 60px;
		height: 48px;
		top: 26px;
		left: 20px;
		overflow: hidden;
		background-repeat: no-repeat;
		background-size: 60px 96px;
		background-image: url(../img_static/html/aprimenu.png);
	}
	
	#contmenu_dt{
		float: right;
		width: 100%;
		height: 0px;
		background: #FFFFFF;
		overflow: hidden;
	}
	
	#contmenu_dt a{
		width: 100%;
		height: 240px;
	}
	
	#contmenu_dt a span{
		width: 100%;
		height: 240px;
		border-right: 0px solid;
		padding-left: 0px;
		padding-right: 0px;
		margin-top: 0px;
		font-size: 60px;
		line-height: 240px;
		text-align: center;
		border-top: 6px solid;
		box-sizing: border-box;
	}
	
	#contmenu_dt a:last-child span{
		border-top: 6px solid;
		border-bottom: 12px solid;
	}
	
	#contmenu_dt a:hover,
	#contmenu_dt a.active{
		border-top: 4px solid;
	}



/* FOOTER */

	#footersopra,
	#contfootersopra{
		height: 280px;
	}
	
	#footersotto,
	#contfootersotto{
		height: auto;
		text-align: center;
		margin-top: 40px;
		margin-bottom: 80px;
	}
	
	#logofooter{
		display: none;
	}
	
	#contrapidi{
		padding-left: 0px;
		margin-left: 5%;
		border-left: none;
		height: 180px;
		padding-top: 0px;
		margin-top: 40px;
		line-height: 60px;
		font-size: 42px;
	}
	
	#contrapidi span{
		display: block;
	}
	
	#contrapidi a:hover{
		color: #00AFAA;
	}
	
	#gotop{
		height: 200px;
		width: 200px;
		background-size: 200px 400px;
		margin-top: 40px;
		margin-right: 5%;
		cursor: none;
	}
	
	#gotop:hover{
		background-position: 0px 0px;
	}
	
	#datifooter span{
		display: inline-block;
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
		font-size: 42px;
		text-align: center;
		height: 80px;
		line-height: 80px;
	}
		

}

/* SLIDE HEADER */

.sh{
	display: block;
	position: relative;
	height: 600px;
	border-bottom: 3px solid #fff;
}

#contimgsh{
	display: block;
	position: relative;
	height: 600px;
	width: 100%;
	max-width: 1280px;
	margin-left: auto !important;
	margin-right: auto !important;
}

.conttestish{
	display: block;
	position: absolute;
	top:220px;
	width: 100%;
}

#conttestosh{
	height: auto;
	overflow: hidden;
}

#conttestosh span{
	display: block;
	position: relative;
	float: right;
	font-size: 80px;
	height: auto;
	line-height: 80px;
}

#conttestosh span::after{
	content: "";
	display: block;
	position: relative;
	width: 44px;
	height: 7px;
	background-color: #3C3C3C;
	margin-top:8px;
}

@media (min-width: 320px) and (max-device-width:768px) and (-webkit-min-device-pixel-ratio: 2){
	
	.sh{
		display: block;
		position: relative;
		height: 600px;
		border-bottom: 8px solid #fff;
	}
	
	.conttestish{
		top:220px;
		width: 90%;
		right: 5%;
	}
	
	#conttestosh span{
		font-size: 100px;
		line-height: 100px;
	}
	
	#conttestosh span::after{
		width: 58px;
		height: 14px;
		margin-top:14px;
	}

}

/* BLOCCO TESTO GENERICO */

.bt h2{
	display: block;
	position: relative;
	width: 800px;
	left: 50%;
	margin-left: -400px;
	font-size: 38px;
	line-height: 46px;
	text-align: center;
	margin-bottom: 20px;
}

.bt h2::after{
	content: "";
	display: block;
	position: relative;
	width: 40px;
	height: 7px;
	background-color: #3C3C3C;
	left: 50%;
	margin-left: -20px;
	margin-top: 20px;
}

.bt h3{
	display: block;
	position: relative;
	width: 800px;
	left: 50%;
	margin-left: -400px;
	font-size: 20px;
	line-height: 26px;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 40px;
}

@media (min-width: 320px) and (max-device-width:768px) and (-webkit-min-device-pixel-ratio: 2){
	
	#mod160{
		height: 120px !important;
	}
	
	.bt h2{
		width: 90%;
		left: 5%;
		margin-left: 0px;
		font-size: 76px;
		line-height: 92px;
		margin-bottom: 40px;
	}
	
	.bt h2::after{
		width: 80px;
		height: 14px;
		left: 50%;
		margin-left: -40px;
		margin-top: 40px;
	}
	
	.bt h3{
		width: 90%;
		left: 5%;
		margin-left: 0px;
		font-size: 50px;
		line-height: 62px;
		margin-bottom: 40px;
		margin-top: 60px;
	}
}


/* BLOCCO DROPDOWN LINEA */

.bdd{
	display: block;
	position: relative;
	overflow: hidden;
}

.fambdd{
	display: block;
	position: relative;
	overflow: hidden;
	margin-bottom: 0px;
}

.titolofambdd{
	display: block;
	position: relative;
	font-size: 30px;
	text-align: center;
	height: 80px;
	line-height: 84px;
	text-transform: uppercase;
}

.acbdd{
	display: block;
	position: absolute;
	height: 80px;
	top:0px;
	cursor: pointer;
}

.acfd{
	display: block;
	position: absolute;
	width: 30px;
	height: 24px;
	right: 50%;
	margin-right: -400px;
	top:28px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: 30px 48px;
	background-position: 0px 0px;
	background-image: url(../img_static/html/aprimenu.png);
}

.acfs{
	display: block;
	position: absolute;
	width: 30px;
	height: 24px;
	left: 50%;
	margin-left: -400px;
	top:28px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: 30px 48px;
	background-position: 0px 0px;
	background-image: url(../img_static/html/aprimenu.png);
}

.acfx{
	background-position: 0px -24px;
}

.scbdd{
	display: block;
	position: relative;
	overflow: hidden;
	text-align: center;
	margin-bottom: 20px;
}

.cbdd{
	display: block;
	position: relative;
	overflow: hidden;
}

.pbdd{
	display: block;
	position: relative;
	float: left;
	width: 306px;
	height: 360px;
	margin-right: 38px;
	margin-bottom: 40px;
	cursor: pointer;
}

.pbdd:nth-child(3n+4){
	margin-right: 0px;
}

.pbdd img{
	display: block;
	position: relative;
	height: 214px;
	width: 298px;
	border: 4px solid;
}

.bdd h4{
	display: inline-block;
	position: relative;
	width: 298px;
	margin-top: 20px;
	font-size: 25px;
}

.bdd h4::after{
	content: "";
	display: block;
	position: relative;
	width: 42px;
	height: 4px;
	margin-top: 20px;
	left: 50%;
	margin-left: -21px;
	background-color: #3C3C3C;
}

.bdd h5{
	display: inline-block;
	position: relative;
	width: 298px;
	line-height: 34px;
	font-size: 20px;
	line-height: 26px;
	margin-top: 10px;
}

.overprod{
	display: block;
	position: absolute;
	top: 4px;
	left: 4px;
	width: 298px;
	height: 214px;
	background: rgba(60, 60, 60, 0.3);
	opacity: 0;
}

.overprod span{
	display: block;
	position: absolute;
	height: 42px;
	width: 220px;
	left: 36px;
	top: 86px;
	line-height: 42px;
	font-size: 18px;
	text-align: right;
	background-image: url(../img_static/html/vediprodotto.png);
	background-size: 42px 42px;
	background-position: left center;
	background-repeat: no-repeat;
}

.bdd .pbdd:hover .overprod{
	opacity: 1;
}

@media (min-width: 320px) and (max-device-width:768px) and (-webkit-min-device-pixel-ratio: 2){
	
	.titolofambdd{
		font-size: 60px;
		height: 200px;
		line-height: 200px;
	}
	
	.acbdd{
		height: 200px;
		cursor: none;
	}
	
	.acfd{
		width: 60px;
		height: 48px;
		right: 2%;
		margin-right: 0px;
		top:76px;
		background-size: 60px 96px;
	}
	
	.acfs{
		width: 60px;
		height: 48px;
		left: 2%;
		margin-left: 0px;
		top:76px;
		background-size: 60px 96px;
	}
	
	.acfx{
		background-position: 0px -48px;
	}
	
	.scbdd{
		margin-bottom: 40px;
	}
	
	.pbdd{
		width: 90%;
		height: 1150px;
		margin-right: 0px;
		margin-left: 5%;
		margin-bottom: 60px;
		cursor: none;
		
	}
	
	.pbdd:nth-child(3n+4){
		margin-right: 5%;
	}
	
	.pbdd img{
		height: auto;
		width: 100%;
		border: 8px solid;
		box-sizing: border-box;
	}
	
	.bdd h4{
		width: 90%;
		margin-left: 5%;
		margin-top: 40px;
		font-size: 60px;
	}
	
	.bdd h4::after{
		width: 84px;
		height: 8px;
		margin-top: 40px;
		margin-left: -42px;
	}
	
	.bdd h5{
		width: 90%;
		margin-left: 5%;
		font-size: 50px;
		line-height: 60px;
		margin-top: 20px;
	}
	
	.overprod{
		display: none;
	}
	
	.overprod span{
		display: none;
	}
	
	.bdd .pbdd:hover .overprod{
		display: none;
	}
	
}


/* BLOCCO PULSANTE DOWNLOAD */

.bpd{
	display: block;
	position: relative;
	overflow: hidden;
	height: auto;
	text-align: center;
}

.bpd a{
	display: inline-block;
	position: relative;
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	border-left: 6px solid;
	border-right: 6px solid;
	padding-left: 40px;
	padding-right: 40px;
	cursor: pointer;
}

.bpd a:hover{
	padding-left: 20px;
	padding-right: 20px;
}

@media (min-width: 320px) and (max-device-width:768px) and (-webkit-min-device-pixel-ratio: 2){
	
	.bpd a{
		height: 140px;
		line-height: 140px;
		font-size: 50px;
		border-left: none;
		border-right: none;
		border-bottom: 12px solid;
		border-top: 12px solid;
		padding-left: 0px;
		padding-right: 0px;
		cursor: none;
		width: 100%;
	}
	
	.bpd a:hover{
		padding-left: 0px;
		padding-right: 0px;
	}
	
}



/* BLOCCO FORM */

.bf{
	width: 700px;
}

.contform{
	display: block;
	position: relative;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.rigaform{
	position: relative;
	display: block;
	height: auto;
	overflow: hidden;
}

.labform{
	display: block;
	position: relative;
	float: left;
	font-size: 20px;
	width: 700px;
	line-height: 30px;
	
}

.inputform{
	display: block;
	position: relative;
	float: left;
	font-size: 20px;
	padding-left: 20px;
	padding-right: 20px;
	width: 660px;
	height: 40px;
	border: none;
	text-decoration: none;
	margin-bottom: 20px;
	outline: none;
}

.textareaform{
	display: block;
	position: relative;
	float: left;
	font-size: 20px;
	padding-left: 20px;
	padding-right: 20px;
	width: 660px;
	height: 170px;
	border: 0px;
	outline: 0px;
	padding-top: 10px;
	text-decoration: none;
	resize: none;
	margin-bottom: 20px;
}

div:not(#foo) > input[type='checkbox'] {
	position: absolute;
	left: 30px;
	clip: rect(1px, 1px, 1px, 1px);
}

input[type=checkbox] + label{
	width:630px !important;
	height: 50px;
	background-image: url("../img_static/html/sf_check.png");
	background-repeat: no-repeat;
	background-position: 650px 0px;
	line-height: 54px !important;
	text-align: right;
	cursor: pointer;
	padding-right: 70px;
	font-size: 16px;
	overflow: hidden;
	margin-bottom: 60px;
}

input[type=checkbox]:checked + label{
	background-position: 650px -50px;
}

.invioform{
	display: block;
	position: relative;
	height: 80px;
	line-height: 80px;
	border: 0px;
	outline: 0px;
	text-decoration: none;
	margin-right: auto;
	margin-left: auto;
	cursor: pointer;
	/*background-color: transparent;*/
	margin-bottom: 80px;
	margin-top: 20px;
	font-size: 30px;
	border-radius: 6px;
	padding-left: 40px;
	padding-right: 40px;
}

.invioform:hover{
	padding-left: 20px;
	padding-right: 20px;
}

#rispostaform{
	position: relative;
	display: block;
	width: 660px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 18px;
	line-height: 24px;
	overflow: auto;
	display: none;
}

@media (min-width: 320px) and (max-device-width:768px) and (-webkit-min-device-pixel-ratio: 2){
	
	.bf{
		width: 90%;
		margin-left: 5%;
	}
	
	.contform{
		width: 100%;
	}
	
	.labform{
		font-size: 40px;
		width: 100%;
		line-height: 60px;
		
	}
	
	.inputform{
		font-size: 45px;
		padding-left: 2%;
		padding-right: 2%;
		width: 96%;
		height: 80px;
		margin-bottom: 40px;
	}
	
	.textareaform{
		font-size: 45px;
		padding-left: 2%;
		padding-right: 2%;
		width: 96%;
		height: 450px;
		padding-top: 20px;
		margin-bottom: 40px;
	}
	
	input[type=checkbox] + label{
		display: none;
	}
	
	input[type=checkbox]:checked + label{
		display: none;
	}
	
	.invioform{
		height: 200px;
		line-height: 100px;
		margin-bottom: 160px;
		margin-top: 40px;
		font-size: 66px;
		border-radius: 12px;
		padding-left: 80px;
		padding-right: 80px;
	}
	
	.invioform:hover{
		padding-left: 80px;
		padding-right: 80px;
	}
	
	#rispostaform{
		width: 96%;
		padding-left: 2%;
		padding-right: 2%;
		padding-top: 20px;
		padding-bottom: 20px;
		font-size: 40px;
		line-height: 56px;
		text-align: center;
	}
	
}


/* SCHEDA PRODOTTO */

.btit{
	display: block;
	position: relative;
	padding-bottom: 40px;
	padding-top: 40px;
	border-bottom: 4px solid;
}

.btit h1{
	font-size: 39px;
	position: relative;
	float: left;
	width: 800px;
	line-height: 50px;
}

.btit h2{
	font-size: 24px;
	position: relative;
	float: left;
	width: 800px;
	line-height: 30px;
	margin-top: 10px;
}

.page_controller{
	display: block;
	position: relative;
	float: right;
	width: 122px;
	height: 46px;
}

.page_indietro{
	display: block;
	position: relative;
	float: left;
	width: 46px;
	height: 46px;
	background-image: url(../img_static/html/page_indietro.png);
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 3px 3px;
	padding-right: 5px;
	border-right: 1px solid;
}

.page_avanti{
	display: block;
	position: relative;
	float: left;
	width: 46px;
	height: 46px;
	background-image: url(../img_static/html/page_avanti.png);
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 6px 3px;
	padding-left: 4px;
}

.carprod{
	display: block;
	position: relative;
	float: left;
	width: 50%;
}

.bpimg{
	display: block;
	position: relative;
	float: right;
	width: 50%;
	height: auto;
}

.carprod h5{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	font-size: 20px;
	margin-bottom: 25px;
}

.conticone{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.conticone img{
	display: block;
	position: relative;
	float: left;
	width: 70px;
	height: 70px;
	margin-right: 6px;
	margin-bottom: 6px;
	cursor: pointer;
}

.conticone img:nth-child(6n+6){
	margin-right: 0px;
}

.carprod h3{
	display: block;
	position: relative;
	float: left;
	width: 90%;
	font-size: 18px;
	margin-top:30px;
}

.carprod h4{
	display: block;
	position: relative;
	float: left;
	width: 90%;
	font-size: 16px;
	margin-top:4px;
}

#popupcaratteristiche{
	display: none;
	position: absolute;
	z-index: 999999999999999;
	width: 324px;
	height: auto;
	/*border: 4px solid;*/
	padding: 4px;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.38);
}

#popupcaratteristiche h3{
	display: block;
	position: relative;
	padding: 10px;
	font-size: 18px;
	line-height: 27px;
}

#popupcaratteristiche h5{
	display: block;
	position: relative;
	padding: 10px;
	font-size: 16px;
	line-height: 24px;
}

.acsd{
	display: block;
	position: absolute;
	width: 30px;
	height: 24px;
	right: 50%;
	margin-right: -400px;
	top:28px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: 30px 24px;
	background-position: 0px 0px;
	background-image: url(../img_static/html/frecciamenu.png);
}

.acss{
	display: block;
	position: absolute;
	width: 30px;
	height: 24px;
	left: 50%;
	margin-left: -400px;
	top:28px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: 30px 24px;
	background-position: 0px 0px;
	background-image: url(../img_static/html/frecciamenu.png);
}

.sst:hover .acsd,
.sst:hover .acss{
	top:40px;
}

.sst a{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
}

@media (min-width: 320px) and (max-device-width:768px) and (-webkit-min-device-pixel-ratio: 2){
	
	.btit{
		padding-bottom: 80px;
		padding-top: 80px;
		border-bottom: 8px solid;
	}
	
	.btit h1{
		font-size: 80px;
		width: 70%;
		line-height: 100px;
		margin-left: 5%;
	}
	
	.btit h2{
		font-size: 48px;
		width: 70%;
		margin-left: 5%;
		line-height: 60px;
		margin-top: 20px;
	}
	
	.page_controller{
		width: 244px;
		height: 92px;
	}
	
	.page_indietro{
		width: 92px;
		height: 92px;
		background-size: 80px 80px;
		background-position: 6px 6px;
		padding-right: 10px;
		border-right: 2px solid;
	}
	
	.page_avanti{
		width: 92px;
		height: 92px;
		background-size: 80px 80px;
		background-position: 12px 6px;
		padding-left: 8px;
	}
	
	.carprod{
		float: left;
		width: 90%;
		margin-left: 5%;
	}
	
	.bpimg{
		float: left;
		width: 90%;
		margin-left: 5%;
		height: auto;
		margin-top: 0px;
		margin-bottom: 60px;
	}
	
	.carprod h5{
		font-size: 60px;
		margin-bottom: 50px;
		margin-top: 100px;
	}
	
	.conticone{
		display: block;
		position: relative;
		float: left;
		width: 100%;
		height: auto;
	}
	
	.conticone img{
		display: block;
		position: relative;
		float: left;
		width: 70px;
		height: 70px;
		margin-right: 6px;
		margin-bottom: 6px;
		cursor: pointer;
	}
	
	.conticone img:nth-child(6n+6){
		margin-right: 0px;
	}
	
	.carprod h3{
		width: 100%;
		font-size: 50px;
		margin-top:60px;
	}
	
	.carprod h4{
		width: 100%;
		font-size: 34px;
		margin-top:8px;
	}
	
	#popupcaratteristiche{
		display: none;
	}
	
	#popupcaratteristiche h3{
		display: none;
	}
	
	#popupcaratteristiche h5{
		display: none;
	}
	
	.acsd{
		width: 60px;
		height: 48px;
		right: 2%;
		margin-right: 0px;
		top:76px;
		background-size: 60px 48px;
	}
	
	.acss{
		width: 60px;
		height: 48px;
		left: 2%;
		margin-left: 0px;
		top:76px;
		background-size: 60px 48px;
	}
	
	.sst:hover .acsd,
	.sst:hover .acss{
		top:76px;
	}
	
	.contmobico{
		display: block;
		position: relative;
		float: left;
		width: 100%;
		margin-bottom: 80px;	
	}
	
	.contmobico img{
		display: block;
		position: relative;
		float: left;
		width: 25%;
		height: auto;
		margin-top: 4px;
	}
	
	.contmobico h3,
	.contmobico h4{
		display: block;
		position: relative;
		float: right;
		width: 70%;
		margin: 0px;
	}
	
	.contmobico h3{
		font-size: 50px;
	}
	
	.contmobico h4{
		font-size: 40px;
		margin-top:8px;
	}
	
}





/* PAGINA PRIVACY */

#contpolicy h1{
	font-size: 24px;
	line-height: 32px;
	border-bottom: 3px solid #575756;
	margin-bottom: 20px;
}

#contpolicy h2{
	font-size: 18px;
	line-height: 26px;
	border-bottom: 1px solid #575756;
	margin-top: 35px;
	margin-bottom: 10px;
}

#contpolicy ul{
	margin-top: 20px;
}

#contpolicy li{
	margin-left: 20px;
}

#contpolicy a{
	text-decoration: underline;
	color: #575756;
}

#infocookie{
	display: none;
	position: fixed;
	z-index: 99999999999999999999999;
	width: 96%;
	bottom: 0px;
	padding: 2%;
	padding-bottom: 15px;
	padding-top: 15px;
	background-color: #f0d000;
}

#infocookie p{
	display: inline-block;
	position: relative;
	float: left;
	padding: 10px;
}

#infocookie a{
	display: inline-block;
	position: relative;
	float: right;
	margin-left: 15px;
	padding: 10px;
	border: 1px solid;
	cursor: pointer;
	font-weight: 700;
}

#infocookie a:hover{
	background-color: #3C3C3C;
	color: #f0d000;
}


@media (min-width: 320px) and (max-device-width:768px) and (-webkit-min-device-pixel-ratio: 2){
	
	#contpolicy{
		font-size: 30px;
		line-height: 44px;
		width: 90%;
		margin-left: 5%;
	}
	
	#contpolicy h1{
		font-size: 40px;
		line-height: 56px;
		border-bottom: 6px solid #575756;
		margin-bottom: 40px;
	}
	
	#contpolicy h2{
		font-size: 36px;
		line-height: 50px;
		border-bottom: 2px solid #575756;
		margin-top: 35px;
		margin-bottom: 10px;
	}
	
	#contpolicy ul{
		margin-top: 40px;
	}
	
	#contpolicy li{
		margin-left: 5%;
	}
	
	#infocookie{
		padding-bottom: 80px;
		padding-top: 40px;
		text-align: center;
	}
	
	#infocookie p{
		padding: 20px;
	}
	
	#infocookie a{
		display: inline-block;
		float: none;
		margin-left: 40px;
		margin-right: 40px;
		padding: 20px;
		border: 3px solid;
		cursor: none;
	}
	
	#infocookie a:hover{
		background-color: #f0d000;
		color: #3C3C3C;
	}
	
}





/* BLOCCO FOCUS SINCE 2018 */

.btitfoc h5{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	font-size: 20px;
	margin-bottom: 25px;	
}

.bfoc{
	display: block;
	position: relative;
	padding: 30px 0px 0px 0px;
	border-top: 1px solid;
	border-bottom: 1px solid;
}

.itemf{
	display: block;
	position: relative;
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 30px;
}

.itemf:nth-child(3n){
	margin-right: 0px;
}

.itemf img{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 15px;
	border-bottom: 5px solid;
}

@media (min-width: 320px) and (max-device-width:768px) and (-webkit-min-device-pixel-ratio: 2){
	
	.btitfoc h5{
		font-size: 52px;
		margin-bottom: 45px;
		text-align: center;
	}
	
	.bfoc{
		padding: 60px 0px 0px 0px;
		border-top: 4px solid;
		border-bottom: 4px solid;
	}
	
	.itemf{
		display: block;
		position: relative;
		float: left;
		width: 47%;
		margin-right: 0px;
		margin-bottom: 70px;
		overflow: hidden;
		margin-left: 2%;
	}
	
	.itemf:nth-child(3n){
		margin-right: 0px;
	}
	
	.itemf:nth-child(3){
		clear: both;
	}
	
	.itemf:nth-child(5){
		clear: both;
	}
	
	.itemf img{
		margin-bottom: 30px;
		border-bottom: 10px solid;
	}
	
	.itemf h4,
	.itemf span{
		font-size: 50px;
		line-height: 66px;
		margin-bottom: 40px;
	}
	
}

/* DOWN FUNZIONI TELECOMANDO E WIFI SINCE 2018 */

.pbdd a{
	display: block;
	position: relative;
	height: 60px;
	line-height: 60px;
	font-size: 17px;
	border-left: 6px solid;
	border-right: 6px solid;
	padding-left: 40px;
	padding-right: 40px;
	cursor: pointer;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}
	
.pbdd a:hover{
	width: 90%;
	margin-left: 5%;
}

@media (min-width: 320px) and (max-device-width:768px) and (-webkit-min-device-pixel-ratio: 2){
	
	.pbdd a{
		display: block;
		position: relative;
		height: 180px;
		line-height: 150px;
		font-size: 58px;
		border-left: 0px solid;
		border-right: 0px solid;
		border-top: 10px solid;
		border-bottom: 10px solid;
		padding-left: 40px;
		padding-right: 40px;
		cursor:default;
		box-sizing: border-box;
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
	}
		
	.pbdd a:hover{
		width: 100%;
		margin-left: 0%;
	}
	
	#cbrr .pbdd:last-child{
		height: 500px;
	}
}





/* CREDITO IMPOSTA */

.contFin{
	display: block;
	text-align: center;
	height: 70px;
	box-sizing: border-box;
	padding-top: 23px;
}

.aToFin{
	display: inline-block;
	height: 24px;
	line-height: 24px;
	font-size: 20px;
	box-sizing: border-box;
	padding: 0px 0px 0px 36px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 24px;
	background-image: url(../img_static/html/info.svg);
}

.aToFin:hover{
	color: #00AFAA;
}

#contcontprivacy{
	margin-top: 0px;
	float: left;
	display: block;
	
}

#contpolicy{
	
}

.fiftyfifty{
	display: block;
	position: relative;
	float: left;
	width: calc( 50% - 20px );
}

.fiftyfiftydx{
	float: right;
}

.ulToFin li{
	list-style-type: disc;
}

.scb{
	display: block;
	width: 100%;
	clear: both;
	height: 30px;
}

@media (min-width: 320px) and (max-device-width:768px) and (-webkit-min-device-pixel-ratio: 2){
	
	.contFin{
		display: block;
		text-align: center;
		height: 140px;
		box-sizing: border-box;
		padding-top: 46px;
	}
	
	.aToFin{
		display: inline-block;
		height: 48px;
		line-height: 48px;
		font-size: 40px;
		box-sizing: border-box;
		padding: 0px 0px 0px 72px;
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 48px;
		background-image: url(../img_static/html/info.svg);
	}
	
	.aToFin:hover{
		color: #00AFAA;
	}
	
	#contcontprivacy{
		margin-top: 0px;
		float: left;
		display: block;
		
	}
	
	#contpolicy{
		
	}
	
	.fiftyfifty{
		display: block;
		position: relative;
		float: left;
		width: calc( 50% - 20px );
	}
	
	.fiftyfiftydx{
		float: right;
	}
	
	.ulToFin li{
		list-style-type: disc;
	}
	
	.scb{
		display: block;
		width: 100%;
		clear: both;
		height: 30px;
	}

}