#immaginevacanze
{
	display:none;
}
#immaginevacanzesmartphone
{
	display:block;
	position:fixed;
	width:70vw;
	margin-top:28vw;
	border-radius:1vw;
	margin-left:15vw;
	z-index:40;
	cursor:pointer;
	top:1vw;
}
#sfondoscuro
{
    display: block; 
    position: fixed; 
    z-index: 21;
    padding-top: 7vw;
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: #C8C8C8;
	opacity:0.7;
}
#xchiusura
{
    display: block;
    font-size: 9vw;
    font-family: arial;
    font-weight: bold;
    position: fixed;
    z-index: 50;
    right: 19vw;
    top: 32vw;
    cursor: pointer;
    color: #CC0000;
}
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
body
{
	background:white;
	margin: 0;
	border: 0;
	font-family:'Conv_candara',Sans-Serif;
}
/*prima parte pagina tesi con le varie istruzioni*/
#titoliinfo
{
    display: block;
    text-align: center;
    background-color: #F4F4F4;
    padding-top: 23vw;
    padding-left: 5%;
    padding-right: 5%;
    width: 100%;
}
#titoliinfo div
{
	margin-left: 3vw;
    margin-right: 3vw;
    font-size: 3vw;
    line-height: 7vw;
    text-align: center;
    display: inline-block;
    text-decoration: underline;
    text-underline-offset: 0.4vw;
    text-decoration-color: grey;
    color: grey;
    transition: all 0.5s;
    cursor: pointer;
}
#titoliinfo div:hover
{
	color:black;
	text-decoration-color: black;
}
#scritteinfo
{
	display: block;
    font-size: 2.0vw;
    line-height: 2.4vw;
    padding: 1vw 10vw 10vw 10vw;
    background-color: #F4F4F4;
    color: #4C4C4C;
    text-align: justify;
}
#infobloccoimmagine
{
    display: inline-block;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    vertical-align: middle;
}
#infobloccoimmagine img
{
	width:100%;
}
#infobloccoscritte
{
	display:inline-block;
	width:100%;
	vertical-align:middle;
}
#scrittagrossa
{
	font-size:3vw;
	color:black;
}
#campionario
{
	display:block;
	transition: all 2s;
}
#selettorecopertine
{
    display: block;
    margin: auto;
    font-size: 1.5vw;
    text-align: center;
    margin-top: 5vw;
    margin-bottom: 21vw;
}
#selettorecopertine div
{
	display: inline-block;
    width: 41vw;
    height: 8.8vw;
    background-color: #E9E9E9;
    line-height: 6.1vw;
    cursor: pointer;
    background: #B7B7B7;
    background: -webkit-linear-gradient(top, #fff 0%, #e7e8ef 100%);
    font-size: 3vw;
    margin: 0;
    color: #4C4C4C;
}
#selettorecopertine div:hover
{
	background: -webkit-linear-gradient(top, #e7e8ef 0%, #AEAEAE 100%);
}
.apartire
{
	display:block;
	margin:0;
	line-height:0vw;
	font-size:2vw;
}
#prontered
{
	color:red;
}
#personalizzate
{
	border-right: 0.05vw solid #B7B7B7;
	border-bottom: 0.05vw solid #B7B7B7;
}
#incise
{
	border: 0.05vw solid #B7B7B7;
}
#stampate
{
	border-top: 0.05vw solid #B7B7B7;
	border-right: 0.05vw solid #B7B7B7;
	border-bottom: 0.05vw solid #B7B7B7;
}
#stampatefast
{
	border-right: 0.05vw solid #B7B7B7;
	border-bottom: 0.05vw solid #B7B7B7;
	border-left: 0.05vw solid #B7B7B7;
}
#incisestampate
{
	display:block;
	font-size:2.1vw;
	width: 100%;
}
.soldini
{
	display:inline-block;
	vertical-align:middle;
	height:5.5vw;
	margin-left:0.5vw;
}
.nomecategoria
{
    display: block;
    font-size: 3vw;
    padding-top: 3vw;
    color: #4C4C4C;
}
#selezioneincisione
{
	display:block;
	margin:auto;
	text-align:center;
}
#scrittacopertine, #scrittaincisione
{
	font-weight: bold;
    font-size: 3vw;
	text-align:center;
	margin-top: 2vw;
	margin-bottom: 1vw;
}
#titoloscrittacopertine, #titoloscrittaincisione
{
	font-family:candara;
	text-align: center;
	font-size: 2.0vw;
	font-weight: bold;
	color: black;
	margin-top:1vw;
}
#titoloscrittaincisione
{
	margin-bottom:1vw;
}
#titoloscrittacopertine p, #titoloscrittaincisione p 
{
	margin:0;
}
.cerchioenomeincisione
{
	display: inline-block;
    width: 17vw;
    white-space: nowrap;
    padding: 2vw;
}
.nomeincisione
{
	display: inline-block;
    vertical-align: top;
    font-size: 2vw;
    text-align: center;
    white-space: normal;
    width: 100%;
	margin-top:0.2vw;
	color:#4C4C4C;
}
.cerchioincisione
{
    display: block;
    vertical-align: middle;
    width: 9vw;
    height: 9vw;
    border-radius: 9vw;
    cursor: pointer;
    border: 0.15vw solid #B7B7B7;
    margin: auto;
    transition: all 0.7s;
    box-shadow: 0.15vw 0.15vw 0.2vw grey;
}
#stampaquadricromia
{
	background-image: url("../immagini/tesi/stampaquadricromia.png");
	background-position: center;
}
#incisioneoromet
{
	background-color: #BEA34B;
	background-image: linear-gradient(-45deg, #BEA34B, #E8DEBF);
}
#incisioneargentomet
{
	background-color:#D0DAD2;
	background-image: linear-gradient(-45deg, #D0DAD2, #EDF1EE);
}
#incisioneramemet
{
	background-color:#CE4409;
	background-image: linear-gradient(-45deg, #CE4409, #F56729);
}
#incisioneblupas
{
	background-color:#2B324C;
}
#incisionebluelettricopas
{
	background-color:#0000ff;
}
#incisionerossopas
{
	background-color:#E01F1F;
}
#incisionebiancopas
{
	background-color:#FFFFFF;
}
#incisionemarronepas
{
	background-color:#53382F;
}
#incisioneneropas
{
	background-color:#000000;
}
#incisioneverdepas
{
	background-color:#357F30;
}
#incisionegiallopas
{
	background-color:#FFFF00;
}
#incisionefucsiamet
{
	background-color:#ff00ff;
	background-image: linear-gradient(-45deg,#ff00ff, #FC9AE3);
}
#incisionerossomet
{
	background-color:#f80000;
	background-image: linear-gradient(-45deg,#f80000, #FF7979);
}
#incisioneverdemet
{
	background-color:#008000;
	background-image: linear-gradient(-45deg,#008000, #00F400);
}
#incisioneblumet
{
	background-color:#0000ff;
	background-image: linear-gradient(-45deg,#0000ff, #7171E1);
}
#incisionecianomet
{
	background-color:#09DFDF;
	background-image: linear-gradient(-45deg,#09DFDF, #64F9F9);
}

.cerchioincisione:hover
{
	border-color:red;
}
.descrizionemateriale
{
	display:block;
	font-size:2vw;
	margin-bottom: 0.5vw;
	color:#4C4C4C;
}
.cerchioenomemateriale
{
	display: inline-block;
    width: 12.9vw;
    white-space: nowrap;
    margin-bottom: 0vw;
    margin-top: 3vw;
}
.cerchiomateriale
{
    display: block;
    vertical-align: middle;
    width: 8.8vw;
    height: 8.8vw;
    border-radius: 0.5vw;
    cursor: pointer;
    border: 0.15vw solid #B7B7B7;
    margin: auto;
    transition: all 0.7s;
    box-shadow: 0.15vw 0.15vw 0.2vw grey;
}
.cerchiomateriale:hover
{
	border-color:red;
}
.nomemateriale
{
	display: inline-block;
    vertical-align: top;
    font-size: 2vw;
    text-align: center;
    white-space: normal;
    width: 100%;
    margin-top: 1vw;
    color: #4C4C4C;
}
.titoli
{
	font-family:candara;
	text-align: center;
	font-size: 3.5vw;
	font-weight: bold;
	color: black;
	margin-top:3vw;
}
.rigablu, .rigablucolcopertine, .rigablucolincisione
{
	border-bottom: 0.1vw solid #ccc;
	width:100%;
	left:0;
	position:absolute;
	z-index:-1;
}
.rigablu
{
	height:2.2vw;
}
.rigablucolcopertine, .rigablucolincisione
{
	height: 1.45vw;
}
.evidenziatobianco
{
	line-height:2vw;
	background-color:white;
}
.sottotitoloperespansione
{
	font-size:1.7vw;
	margin:0;
	cursor:pointer;
}
#tempistiche
{
	margin-top:8vw;
	margin-bottom:8vw;
	height:30vw;
	text-align: center;
	position:relative;
}
.Titoloeffettuaordine
{
	background-color: #133557;
    color: white;
    width: 91.4vw;
    font-size: 2.5vw;
    font-family: candara;
    text-align: center;
    padding-top: 0.5vw;
    margin-bottom: 2vw;
    font-weight: normal;
    height: 6vw;
    margin-top: 1vw;
    border-radius: 0.5vw;
    box-shadow: 0.15vw 0.15vw 0.2vw grey;
}
#effettuaordinespecifica
{
    font-size: 1.5vw;
    margin-top: 0.1vw;
}

/*Punto di ancoraggio quando scegli preventivo veloce nel menù*/
#preventivoveloce
{
	visibility: hidden;
	margin-top:0vw;
	margin-bottom: 0vw;
}
.bloccosximpfrontespizio
{
	margin-top:1vw;
	margin-left:12.5%;
	display:inline-block;
	width: 12%;
	vertical-align: middle;
}
.bloccodximpfrontespizio
{
	margin-top:1vw;
	margin-left:3%;
	display:inline-block;
	width: 60%;
	vertical-align: middle;
	text-align:justify;
}
.immaginefrontespizionero
{
	width:100%;
}
#testoimpfrontespizio
{
	font-size:1vw;
	line-height:1.6vw;
}
.bottonefrontespizio
{
	width:100%;
	text-align:center;
	text-decoration: none;
	border: 0.1vw solid #133557;
	border-radius: 0.8vw;
	padding: 1vw 2vw;
	background-color: #133557;
	color: white;
	cursor: pointer;
	font-size:1.3vw;
	box-shadow:0.15vw 0.15vw 0.2vw grey;
}
.bottonefrontespizio:hover
{
	opacity:0.7;
}
.areabottonefrontespizio
{
	display:block;
	text-decoration: none;
	width:35%;
	margin:-1vw auto 2.5vw auto;
}


/*parte del calcolatore*/
#formblurosso
{
	display:block;
}
#formimpstd
{
	display: block;
	position:relative;
    width: 92vw;
    height: 42.4vw;
    background-color: #9FDEFF;
    border-radius: 0.75vw;
}
#scrittaimpstd
{
	position:absolute;
	width:20vw;
	height:3vw;
	left: 79.3vw;
	top: 17vw;
	transform: rotate(-90deg);
	text-align: center;
	font-size:2.5vw;
}
#scrittaoptional
{
	position:absolute;
	width:20vw;
	height:3vw;
	left: 79.3vw;
	top: 17vw;
	transform: rotate(-90deg);
	text-align: center;
	font-size:2.5vw;
}
#formoptional
{
	display:block;
	position:relative;
	width:92vw;
	height: 44vw;
	background-color:#FFAAAA;
	border-radius:0.75vw;
}
#spazioblocchicalcolatore
{
	display:block;
	height:2vw;
}	
/*scritte del calcolatore e input*/
.blocchicalcolatore, .blocchicalcolatorehidden
{
	display: block;
	margin-left:2vw;
	height:6vw;
}
.blocchicalcolatore p
{
	display: inline-block;
}
#blocchihiddenanimation
{
	margin-top:-41vw;
}
#blocchihiddenanimationout
{
	display: block;
	overflow:hidden;
}
#calcolototale
{
	margin: 4vw 0;
    font-size: 4vw;
	width: 80vw;
}
.scritteform
{
	display: inline-block;
	width: 45vw;
	font-size:2.5vw;
}
.sottoscritteform
{
	display: inline-block;
	margin: 0;
	font-size:1.5vw;
}
.formcalcolo
{
	position:relative;
	margin:2vw;
	border:0.1vw solid #ccc;
	border-radius:2vw;
	padding:0vw 2vw 2vw 2vw;
	font-size:1.4vw;
}

input[type=checkbox]
{
	vertical-align: middle;
	height: 3vw;
    width: 3vw;
    background-color: #eee;
	margin:1vw 0;
}

input[type=text], select, input[type=number]
{
    width:40vw;
    padding:0.5vw 0.5vw;
    margin:1vw 0;
    display:inline-block;
    border:0.1vw solid #ccc;
    border-radius:0.5vw;
    box-sizing:border-box;
	background-color:#F0F0F0;
	font-size:2vw;
}

#aggiungialcarrello
{
	width:46%;
	height:7vw;
    margin:8vw auto 0 auto;
    display:block;
    border:0vw;
    border-radius:0.5vw;
    box-sizing:border-box;
	background-color: #CC0000;
	color: white;
	font-size:2.5vw;
	cursor: pointer;
	box-shadow:0.15vw 0.15vw 0.2vw grey;
	transition: all 0.5s
}
#aggiungialcarrello:hover
{
	opacity:0.7;
}
#ordinaaltracopia
{
    width: 100%;
    display: block;
    font-size: 2.5vw;
    margin-left: 1vw;
    margin-top: 5vw;
    text-decoration: underline;
}
#scrittacodicesconto
{
    display:inline-block;
    font-size: 2.5vw;
    margin-left: 1vw;
	margin-right: 1vw;
    margin-top: 5vw;
    text-decoration: underline;
}
.codicesconto
{
	display:inline-block;
}
.titolobloccocoronacappello
{
	position:relative;
	background-color: #133557;
	color: white;
	font-size: 3vw;
	font-family:candara;
	text-align: center;
	padding-top: 0.5vw;
	margin-bottom: 2vw;
	margin-top:5vw;
	font-weight: normal;
	height: 8vw;
	border-radius: 0.5vw;
	cursor:pointer;
}
.coronacappello
{
	position:relative;
	opacity:1;
	display:block;
	width:50%;
	height:44vw;
	margin:auto;
	border-color: #CC0000;
	border-style:solid;
	border-width: 0.15vw;
	transition: all 1s;
	z-index:2;
}
.coronacappello2
{
	position:absolute;
	left:25%;
	top:0;
	opacity:0;
	display:block;
	width:50%;
	height:44vw;
	margin:auto;
	border-color: #CC0000;
	border-style:solid;
	border-width: 0.15vw;
	transition: all 1s;
	z-index:1;
}
.riquadrosx, .riquadrodx
{
	display:block;
	position:absolute;
	height:44vw;
	width:7%;
	z-index:0;
	opacity:0.8;
}
.riquadrosx
{
	left:25%;
	top:0;
	background-image: linear-gradient(to right, #F4777D , white);
}
.riquadrodx
{
	left:68%;
	top:0;
	background-image: linear-gradient(to left, #F4777D , white);
}
#coronafrecciasx, #coronafrecciadx, #cappellofrecciasx, #cappellofrecciadx
{
	display:block;
	position:absolute;
	height:44vw;
	width:7%;
	z-index:3;
	line-height:44vw;
	font-size:4vw;
	text-align:center;
	color: #CC0000;
	cursor: pointer;
}	
#coronafrecciasx, #cappellofrecciasx
{
	left:25%;
	top:0;
}
#coronafrecciadx, #cappellofrecciadx
{
	left:68%;
	top:0;
}
#sottotitolobloccocoronacappello
{
	font-size: 2.4vw;
	margin:0;
}
#cappellinosx
{
	position:absolute;
	left:4%;
	top:13%;
	width:5%;
}
#cappellinodx
{
	position:absolute;
	left:90.5%;
	top:13%;
	width:5%;
	transform: scale(-1, 1);
}
#contenitorebloccocoronacappello
{
	overflow:hidden;
	width:100%;
	display:block;
	height:152vw;
	transition: all 2s;
}
.bloccocoronacappello
{
	position:relative;
	display:inline-block;
	width:100%;
	height:auto;
	vertical-align: top;
}
.titolocoronacappello
{
	font-size: 3vw;
	font-family:candara;
	text-align: center;
}
.scrittacoronacappello
{
	font-size: 2.1vw;
	font-family:candara;
	text-align: center;
	padding:0 10% 0 10%;
	line-height:3vw;
	margin-bottom:8vw;
}
#calcolototale2
{
	font-size:4vw;
	margin: 1vw 0 0 1vw;
}

/*copertina del calcolatore*/
/*La copertina che appare nel calcolatore una volta scelta*/
#contenitoreabsolutecopertinascelta
{
    display: block;
    width: 29vw;
    height: 79vw;
}
#contenitorecopertinascelta
{
	display: block;
    position: relative;
    top: -13vw;
    left: -2vw;
}

/*copertina del calcolatore*/
/*La copertina che appare nel calcolatore una volta scelta*/
#copertinascelta
{
    position: absolute;
    left: 21.8vw;
    top: 17vw;
    border-radius: 1.5vw;
    z-index: 5;
    height: 71vw;
    width: 48.6vw;
}
#copertinasceltaretro
{
    position: absolute;
    left: 24.8vw;
    top: 20vw;
    border-radius: 0.5vw;
    z-index: 1;
    height: 71vw;
    width: 48.6vw;
    box-shadow: 0.1vw 0.9vw 1.5vw grey;
}
#copertinasceltabordolaterale
{
    position: absolute;
    right: -1vw;
    top: 84.3vw;
    border-radius: 0.5vw;
    z-index: 3;
    height: 4.8vw;
    width: 7.7vw;
    transform: rotate(136deg);
}
#lineepagine
{
	display: block;
    position: absolute;
    left: 22.8vw;
    top: 17.8vw;
    height: 72vw;
    width: 49.6vw;
    z-index: 3;
}
#angolicontatoresopra
{
    position: absolute;
    z-index: 6;
    top: 16.7vw;
    left: 64.3vw;
    height: 6.3vw;
    width: 6.3vw;
    display: none;
}
#copertinasceltasegnalibro
{
    position: absolute;
    z-index: 4;
    top: 86.3vw;
    right: -2.1vw;
    height: 11.3vw;
    width: 7.3vw;
	display: none;
}
#angolicontatoresotto
{
    position: absolute;
    z-index: 6;
    top: 81.8vw;
    left: 64.3vw;
    height: 6.3vw;
    width: 6.3vw;
    display: none;
}
#angolicontatoreretrosopra
{
	position: absolute;
    z-index: 2;
    top: 19.7vw;
    left: 67.3vw;
    height: 6.3vw;
    width: 6.3vw;
    display: none;
}
#angolicontatoreretrosotto
{
    position: absolute;
    z-index: 2;
    top: 84.7vw;
    left: 67.3vw;
    height: 6.3vw;
    width: 6.3vw;
    display: none;
}
.incisionecontatore
{
    position: absolute;
    left: 21.8vw;
    top: 17vw;
    height: 71vw;
    width: 50.5vw;
    padding: 1vw;
    z-index: 6;
}
.tempistichecontatore
{
	top: 35vw;
    position: absolute;
    left: 13vw;
    z-index: 1;
    height: auto;
    height: 11.5vw;
    padding: 1vw;
    width: 68vw;
    border-radius: 0.5vw;
    background-color: #133557;
    box-shadow: 0.15vw 0.15vw 0.2vw grey;
    color: white;
    font-size: 2.1vw;
    text-align: center;
}
.tempistichecontatore2
{
	display: block;
	z-index:1;
	height:auto;
	height:11.5vw;
	padding:1vw;
	width:61.47vw;
	margin:auto;
	margin-top:0vw;
	margin-bottom:4vw;
	border-radius:0.5vw;
	background-color: #133557;
	box-shadow:0.15vw 0.15vw 0.2vw grey;
	color: white;
	font-size:2.1vw;
	text-align:center;
}
#sottolinea
{
	display:inline;
	text-decoration:underline;
}

/*Tooltip del calcolatore*/
.testofronteretro
{
	display: inline-block;
	text-align: justify;
	font-style: oblique;
	color: red;
	width: 44vw;
	font-size: 1.1vw;
	line-height: 1.1vw;
}
.tooltip 
{
    position: relative;
    display: inline-block;
	height: 2.2vw;
	width: 2.2vw;
	border-radius: 50%;
	text-align:center;
	vertical-align: super;
	font-size: 1.8vw;
	line-height: 2.5vw;
	cursor: pointer;
	font-family:calibri;
}
.tooltipstile1
{
	color: #fff;
	background-color: #133557;
}
.tooltipstile2
{
	color: #133557;
	background-color: white;
}
.tooltipstile2 p {font-weight: bold; margin:0;}

.tooltip .tooltiptesto3righe, .tooltip .tooltiptesto4righe, .tooltip .tooltiptesto6righe, .tooltip .tooltiptesto7righe, .tooltip .tooltiptesto9righe 
{
    visibility: hidden;
	font-size: 2.5vw;
    text-align: center;
    border-radius: 0.8vw;
    position: absolute;
    z-index: 25;
    left: 150%;
	padding: 0.5vw;
}
.tooltipcolorblu
{
	background-color: #133557;
	border-color: #133557;
    color: #fff;
}
.tooltiprosso
{
	background-color: #CC0000;
	border-color: #133557;
    color: #fff;
}
.tooltip .tooltiptesto3righe {top: -3.2vw;}
.tooltip .tooltiptesto4righe {top: -4.8vw;}
.tooltip .tooltiptesto6righe {top: -7.4vw;}
.tooltip .tooltiptesto7righe {top: -8.80vw;}
.tooltip .tooltiptesto9righe {top: -10vw;}
.tooltiptestodimensioni1 a, .tooltiptestodimensioni2 a, .tooltiptestodimensioni3 a, .tooltiptestodimensioni4 a, .tooltiptestodimensioni5 a, .tooltiptestodimensioni6 a, .tooltiptestodimensioni7 a, .tooltiptestodimensioni8 a, .tooltiptestodimensioni9 a {color: yellow; text-decoration: none;}

/*definiscono la grandezza dell'area blu del tooltip*/
.tooltiptestodimensioni1	{ width: 40vw; height: 9vw; }
.tooltiptestodimensioni2	{ width: 45vw; height: 12vw; }
.tooltiptestodimensioni3 	{ width: 45vw; height: 17vw; }
.tooltiptestodimensioni4 	{ width: 65vw; height: 20vw; }
.tooltiptestodimensioni5 	{ width: 55vw; height: 17vw; }
.tooltiptestodimensioni6 	{ width: 65vw; height: 24vw;}
.tooltiptestodimensioni7 	{ width: 40vw; height: 12vw; }
.tooltiptestodimensioni8	{ width: 40vw; height: 12vw; }
.tooltiptestodimensioni9	{ width: 35vw; height: 9vw; }

/*dice che quando metti il puntatore sul punto di domanda il tooltip appare*/
.tooltip:hover .tooltiptesto3righe, .tooltip:hover .tooltiptesto4righe, .tooltip:hover .tooltiptesto6righe, .tooltip:hover .tooltiptesto7righe, .tooltip:hover .tooltiptesto9righe
{
    visibility: visible;
}

/*dice che quando metti il puntatore sul punto di domanda appare il triangolino che unisce il tooltip al punto di domanda*/
.tooltip .tooltiptesto3righe::after, .tooltip .tooltiptesto4righe::after, .tooltip .tooltiptesto6righe::after, .tooltip .tooltiptesto7righe::after, .tooltip .tooltiptesto9righe::after    
{
    content: " ";
    position: absolute;
    top: 50%;
    right: 100%; /* To the left of the tooltip */
    margin-top: -1.1vw;
    border-width: 1.1vw;
    border-style: solid;
    border-color: transparent #133557 transparent transparent;
} 


/*QUESTA PARTE SERVE SOLO PER ANNUNCI DI CHIUSURA*/
.boxrisposta
{
	width:40%;
	height:33.8vw;
	position:fixed;
	left:30%;
	top:10vw;
	border: 0.1vw solid #133557;
	border-radius:0.5vw;
	display:block;
	z-index:20;
	overflow:hidden;
	background-color:blue;
}
.boxrisposta p
{
	color: white;
	font-size:1.6vw;
	text-align:center;
	margin-top:-1.3vw;
}

.boxrisposta img
{
	width:100%;
	height:26.5vw;
	margin-top:-3.6vw;
}
.boxrisposta span
{
	position:relative;
	display:block;
	font-size:5vw;
	color:black;
	float:right;
	width:3vw;
	height:3vw;
	border: 0.1vw solid #133557;
	line-height:2vw;
	border-radius:0.2vw;
	text-align:center;
	margin-top:0.1vw;
	margin-right:0.2vw;
	cursor:pointer;
	overflow:hidden;
	background-color: white;
}
.boxrisposta span:hover
{
	background-color:grey;
	color:white;
	border-color:#CC0000;
}
#sfondoscuro
{
    display: block; 
    position: fixed; 
    z-index: 19;
    padding-top: 7vw;
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: #C8C8C8;
	opacity:0.7;
}




#contenitoreloghi
{
	display: block; 
	margin-left:10vw;
	margin-bottom:5vw;
}
.immaginiloghi
{
	width:40vw;
}


/* Carrello che appare in basso e ti segue per la pagina */
#carrellofixed
{
    display: block;
    position: fixed;
    bottom: -2.8vw;
    right: -3.8vw;
    height: 30vw;
    width: 30vw;
    background-color: #CC0000;
    border: solid 0.1vw white;
    font-size: 5.4vw;
    color: white;
    z-index: 20;
    border-radius: 50%;
    padding-top: 1vw;
    text-align: center;
    cursor: pointer;
    transition: all 1s;
}
#carrellofixed:hover
{
	background-color:#133557;
}
#imgcarrellofixed
{
    display: block;
    height: 16.5vw;
    margin: auto;
    padding-top: 3vw;
}
#prezzocarrellofixed
{
	margin:0;
}
#carrellofixedconcludiordine
{
    display: block;
    position: fixed;
    bottom: -0.1vw;
    right: 20.8vw;
    height: 9vw;
    line-height: 7.8vw;
    width: 57vw;
    background-color: #CC0000;
    border-radius: 2vw;
    border: solid 0.1vw white;
    transition: all 1s;
}
#carrellofixedconcludiordine:hover
{
	background-color:#133557;
}





















