* {margin: 0;}
/* => ----------------------------- STILE GENERALE PER LAYOUT FLUIDO  ---------------------- */
html,body{margin:0; padding:0; width:100%; height:100%;}
body{font: 75% Verdena,sans-serif}     
div#container{
width:100%;
position: relative;
min-height: 100%; 			/* For Modern Browsers */
height: auto !important; 		/* For Modern Browsers */
height: 100%; 				/* For IE */
margin: 0 0 -15em 0;  		/* il margine inferiore deve essere negativo pari ad altezza di footer */  
}
/* ------------------------------------- TESTA -----------------------------------*/
div#header{background: white;}
div#header img{height: 3em; margin: 3em 0 3em 8%;}

/* ------------------------------------- CONTENITORE GENERALE DI CONTENUTI -------------------*/								
div#wrapper{
width:100%;
margin: 0 auto;
}/* ------------------------------------- CONTENITORE NAVIGAZIONE ORRIZZONTALE-------------------*/								
div#navigation{
display: none;
}
/* ------------------------------------- CONTENITORE CONTENUTI  -----------------------------------*/
/* ------------------------------------- CONTENUTI -----------------------------------*/
div#content{
width:98%;
padding: 0 auto;
clear:both;
float:left;
margin: 0 0 2em auto;
}
/* ------------------------------------- STILI SPECIFICI PER CONFIGURATORE MASCHERA RICERCA CONFIGURATO CODE ------------------------*/
#Cerca{
	float: right;
	marginA: 0 7em;
	}

#Cerca input[type="text"] {
  background: white;
  border: 2px solid #75CA35;
	font-family: fontAwesome;
	text-align: center;
}

#submit{
	float: right;
	color: #fff;
	background: #75CA35;
	border: 2px solid #75CA35;
	font-family: fontAwesome;
	text-align: center;
}
#submit:hover, #submit:active{
	color: #75CA35;
	background: #fff;
	border: 2px solid #75CA35;
}
#containergriglia{
	width: 100%; 
	float: left;
	background-color: white;
}
#griglia{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #14426a;	
	font-size : 1em;
	list-style-type: none;
}
#griglia div.textimage img{
	float:left;
	margin: 0.1em 0 0 1em; 
	width: 35em;
	width: 30%;
	border: none;
}
div.textimage{
	width: 100%;
	margin-bottom: 0.5em;
	border: 0em solid #000;
}

div.textimage h2{
    letter-spacing: 2px;
    text-align: center;
    padding-bottom: 7px;
    position: relative;
    color: #414141;
    line-height: 32px;
    font-size: 30px;
    text-transform: uppercase;
}

div.textimage p{ 
    	text-align: left;
    	font-size: 15px;
	margin-top: 0.2em;
	margin-left: 3em;
	margin-right: 3em;
    	color: #595959;
    	font-weight: 400;
    	position: relative;
}

div.clearer{clear: left;
	margin: 0;
}
/* => ----------------------------- STILE PER SCELTA MODELLO DA CONFIGURARE ---------------------- */
div.blockHead{
	float: left;
	width: 30%;
	width: 25em;	
	margin: 2em 7em;
	color: #fff;
	background: #75CA35;
	border: 2px solid #75CA35;
	font-family: fontAwesome;
	text-align: center;
}
a div.blockHead:hover, a div.blockHead:active {
	color: #75CA35;
	background: #fff;
	border: 2px solid #75CA35;
}
.blocktext{display: inline-block;
	font-family: Roboto, fontAwesome;
	font-size: 18px;	
	font-weight: 800;
	padding: 10px 60px 10px 20px;
	position: relative;
	text-transform: uppercase;
	letter-spacing: 1px;
	width: 50%;
}
.blocktext::after {
    	content: ">";
    	font-family: fontAwesome;
    	width: 55px;
   	height: 45px;
    	line-height: 45px;
	font-weight: bold;
	font-size: 28px;
    	text-align: center;
    	position: absolute;
    	top: 0;
    	right: 0;
    	background: transparent;
	text-transform: uppercase;
	text-decoration: none;	
}
/* ------------------------------------- STILI SPECIFICI PER MODELLI ------ */
#griglia a{
text-decoration: none;
color: black;
}
/* ------------------------------------- STILI SPECIFICI PER MONITOR DEI MODELLI ------ */
@media screen and (min-width: 400px) and (max-width: 1024px){
	#griglia div.textimage img{
		float:left;
		margin: 1em 0 0 1em; 
		width: 35em;
		width: 96%;
		align: center;
		border: none;
	}
	div.blockHead{
		float: left;
		width: 98%;			
		margin: 2em auto 7em 0em;
		color: #fff;
		background: #75CA35;
		border: 2px solid #75CA35;
		font-family: fontAwesome;
		text-align: center;
	}
	.blocktext{display: inline-block;
		font-family: Roboto, fontAwesome;
		font-size: 1.5em;	
		font-weight: 800;
		padding: 10px 60px 10px 20px;
		position: relative;
		text-transform: uppercase;
		letter-spacing: 1px;
		width: 50%;
}
}
/* ------------------------------------- EXTRA  -----------------------------------*/
div#extra{
display: none;
}
/* ------------------------------------- PIEDE  -----------------------------------*/
div#prefooter{ 				/* questo id permette di tenere il piede sempre in fondo alla pagina */
height: 14.5em;				/* altezza footer */
clear: both;				/* clear di eventuali float se presenti nel layout */
}
div#footer{
background: rgba(47,47,47,1); /* nero */
padding: 0.2em 0;
text-align: center;
position:relative;
color:#ffffff; /* bianco */
}
/* ------ SCELTA LINGUA ---- */
#header div#lingua {
	display: block;
	float: right;
	margin: 2em 5em;
	text-align: left;
	font-size: 12px;
}
ul#paesi {
	list-style: none;
	marginNO:0.2em;
	margin-leftNO: 5em;
	padding:0;
}
#paesi li{
	float: left;
	margin: .3em;
    	padding: 0;
}
#paesi li a img{	
	height: 1em;
	width: 2em;
	margin: .3em;
}
/* ------ STILE PER MENU ORRIZZONTALE AVANZAMENTO SCELTE PARTI DA CONFIGURARE (ESTERNI, INTERNI, ..) ---- */
label {
  	width: 200px;
  	border-radius: 3px;
  	border: 1px solid #D1D3D4;
	text-align: center;
	margin: .3em;
}

/* hide input */
input.radio:empty {
	margin-left: -2999px;
}

/* style label */
/* specifico stile per input con class radio che hanno label fratello di elemento vuoto */
input.radio:empty ~ label {
	position: relative;
	float: left;
	line-height: 1.8em;
	text-indent: 3.25em;
	margin-top: .4em;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input.radio:empty ~ label:before {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;	
	right: 0;	/* se la sponta deve essere posizionata a sx mettere left: 0; */
	content: '';
	width: 2.5em;
	background: #D1D3D4;
	border-radius: 0 3px 3px 0;
}

/* toggle hover */
input.radio:hover:not(:checked) ~ label:before {
	content:'\2714';
	text-indent: .9em;
	color: #C2C2C2;
}

input.radio:hover:not(:checked) ~ label {
	color: #888;
}

/* toggle on */
input.radio:checked ~ label:before {
	content:'\2714';
	text-indent: .2em;
	color: #9CE2AE;
	background-color: #4DCB6D;
}

input.radio:checked ~ label {
	color: #777;
}

/* radio focus */
input.radio:focus ~ label:before {
	box-shadow: 0 0 0 3px #999;
}

img.radio_img{
	width: 200px;
}

.step{
	display: inline;
}

input[type='radio']{
	display: none;           /* nascondo il pallino ai radio input */
}

div#navconfig{
	width: 100%;
}
div#navconfig_centrato{
	width: 1100px;
	margin: 0 auto;
}

.cc-selector input{
    position:absolute;
    z-index:999;
}
.tipovernice01{background-image:url('../db/immagini/configuratore/189/palette/monocolore.png');}
.tipovernice02{background-image:url('../db/immagini/configuratore/189/palette/bicolore.png');}
.coloreG12{background-image:url('../db/immagini/configuratore/189/palette/white.jpg');}
.coloreG18{background-image:url('../db/immagini/configuratore/189/palette/red.jpg');}
.coloreG22{background-image:url('../db/immagini/configuratore/189/palette/silver.jpg');}
.coloreG34{background-image:url('../db/immagini/configuratore/189/palette/grey.jpg');}
.coloreG30{background-image:url('../db/immagini/configuratore/189/palette/anthracite-grey.jpg');}
.coloreG37{background-image:url('../db/immagini/configuratore/189/palette/brown.jpg');}
.coloreG33{background-image:url('../db/immagini/configuratore/189/palette/otoman%20blue.jpg');}
.coloreG24{background-image:url('../db/immagini/configuratore/189/palette/navy%20blue.jpg');}
.coloreG27{background-image:url('../db/immagini/configuratore/189/palette/black.jpg');}
.coloreG16{background-image:url('../db/immagini/configuratore/189/palette/tiffany%20blue.jpg');}
.coloreG17{background-image:url('../db/immagini/configuratore/189/palette/miami%20blue%20911.jpg');}
.coloreG39{background-image:url('../db/immagini/configuratore/189/palette/green.jpg');}
.coloreG36{background-image:url('../db/immagini/configuratore/189/palette/pearl%20white.jpg');}
.coloreG31{background-image:url('../db/immagini/configuratore/189/palette/orange.jpg');}
.coloreG45{background-image:url('../db/immagini/configuratore/189/palette/orange%20pop.jpg');}
.coloreG42{background-image:url('../db/immagini/configuratore/189/palette/guttuso%20red.jpg');}
.coloreG25{background-image:url('../db/immagini/configuratore/189/palette/champagne.jpg');}
.coloreS12{background-image:url('../db/immagini/configuratore/189/palette/white.jpg');}
.coloreS18{background-image:url('../db/immagini/configuratore/189/palette/red.jpg');}
.coloreS22{background-image:url('../db/immagini/configuratore/189/palette/silver.jpg');}
.coloreS34{background-image:url('../db/immagini/configuratore/189/palette/grey.jpg');}
.coloreS30{background-image:url('../db/immagini/configuratore/189/palette/anthracite-grey.jpg');}
.coloreS37{background-image:url('../db/immagini/configuratore/189/palette/brown.jpg');}
.coloreS33{background-image:url('../db/immagini/configuratore/189/palette/otoman%20blue.jpg');}
.coloreS24{background-image:url('../db/immagini/configuratore/189/palette/navy%20blue.jpg');}
.coloreS27{background-image:url('../db/immagini/configuratore/189/palette/black.jpg');}
.coloreS16{background-image:url('../db/immagini/configuratore/189/palette/tiffany%20blue.jpg');}
.coloreS17{background-image:url('../db/immagini/configuratore/189/palette/miami%20blue%20911.jpg');}
.coloreS39{background-image:url('../db/immagini/configuratore/189/palette/green.jpg');}
.coloreS36{background-image:url('../db/immagini/configuratore/189/palette/pearl%20white.jpg');}
.coloreS31{background-image:url('../db/immagini/configuratore/189/palette/orange.jpg');}
.coloreS45{background-image:url('../db/immagini/configuratore/189/palette/orange%20pop.jpg');}
.coloreS42{background-image:url('../db/immagini/configuratore/189/palette/guttuso%20red.jpg');}
.coloreS25{background-image:url('../db/immagini/configuratore/189/palette/champagne.jpg');}
.imgcopz01{background-image:url('../db/immagini/configuratore/191/cerchi/CERCHI%2015%20SCALA%20LUX%20PALACE.jpg');}
.imgcopz02{background-image:url('../db/immagini/configuratore/191/cerchi/CERCHI%2015%20NERI.jpg');}
.imgadeopz00{background-image:url('../db/immagini/configuratore/191/PALETTE/ADESIVO%20NESSUNO.jpg');}
.imgadeopz01{background-image:url('../db/immagini/configuratore/191/PALETTE/ADESIVO%20BIANCO.jpg');}
.imgadeopz02{background-image:url('../db/immagini/configuratore/191/PALETTE/ADESIVO%20NERO.jpg');}
.imgadeopz03{background-image:url('../db/immagini/configuratore/191/PALETTE/ADESIVO%20ROSSO.jpg');}
.tipointerni01{background-image:url('../db/immagini/configuratore/191/palette/FINITURA%20SCALA.jpg');}
.tipointerni02{background-image:url('../db/immagini/configuratore/191/palette/FINITURA%20SCALA%20LUX.jpg');}
.tipointerni03{background-image:url('../db/immagini/configuratore/191/palette/FINITURA%20PELLE%20NERA.jpg');}
.tipointerni04{background-image:url('../db/immagini/configuratore/191/palette/FINITURA%20PALACE.jpg');}
.tipointerni05{background-image:url('../db/immagini/configuratore/191/palette/FINITURA%20PELLE%20TRAPUNTATA%20BIANCA.jpg');}
.tipointerni06{background-image:url('../db/immagini/configuratore/191/palette/FINITURA%20PELLE%20TRAPUNTATA%20VERDE.jpg');}
.tipointerni07{background-image:url('../db/immagini/configuratore/191/palette/FINITURA%20PELLE%20TRAPUNTATA%20ROSSA.jpg');}

div#specchioA img, div#specchioB img, div#specchioC img, div#specchioD img{
    width:21%;
}

.cb-selector input{
    position:absolute;
    z-index:999;
}
.cb-selector input:active +.drinkcard-cb, .cb-selector input:active +.drinkcard-cb{opacity: 0;}
.cb-selector input:checked +.drinkcard-cb, .cb-selector input:checked +.drinkcard-cb{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}
.drinkcard-cb{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:200px;height:100px;  
}


.cc-selector input:active +.drinkcard-cc, .cc-selector input:active +.drinkcard-cc{opacity: .9;}
.cc-selector input:checked +.drinkcard-cc, .cc-selector input:checked +.drinkcard-cc{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}
.drinkcard-cc{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:200px;height:100px;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
       -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
            filter: brightness(1.8) grayscale(1) opacity(.7);
}
.drinkcard-cc:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
}


#configuratointerni img{
    width: 48%;
}

/* Nuevo codigo custom */
	/* Footer */
	#footerl {
	margin-left: 10px;
	width: 250px;
	height: 10em;
	margin-top: 10px;
	}
	.redes-sociales {	
		padding-top:1px;
	}
	.redes-sociales p{
		text-align:center;
		margin-bottom:0px;
	}
	.redes-sociales img{
		margin-top:-5px;
	}
	#footerp2 p{
		font-size:18px;
		margin:20px 5px 0px 10px;
		text-align:center;
	}
	#footertxt1 {font-size:18px;}
	#footertxt2 {font-size:14px;}
	.f-nav li a{text-align:center;}
	#footer h1 {
	font-size:40px;
	margin-left:4px;
	}
	div#footer{
	height: 11.6em; /*Antes 12 */
	}
	
	/* Adicional */
	p {text-align: justify;}

	#footerl {
		float:left;
	}

	#footer h1 {
		font-family: 'Yellowtail', cursive;
		font-weight:400;
	}

	.f-nav {margin: 10px 0px 10px 0px;}

	.f-nav li {
		display: inline;
		margin: 15px 10px 0 11px;
	}
	.f-nav a:visited {
		color:rgba(99,99,99,1);
	}
	.f-nav a:link {
		color:rgba(99,99,99,1);
	}
	.f-nav a:active {
		color:rgba(99,99,99,1);
	}
	.f-nav a:hover {
		color:#999999;
	}
	.redes-sociales a{margin:0px 4px;}
	hr {float:left;width:100%;visibility:hidden;}