@import url('https://fonts.googleapis.com/css?family=Pragati+Narrow:400,700');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i');

@viewport{
	zoom: 1.0;
	width: extend-to-zoom;
	/*width: device-width;*/
}
@-ms-viewport{
	width: extend-to-zoom;
	zoom: 1.0;
}


html {
	padding: 0;
	margin: 0;
	margin-top: 0px;
	margin-bottom: 10px;
	width: 100%;
	height: 100%;
}

body {
	margin: 0;
	font: normal 10pt 'Trebuchet MS', Helvetica, sans-serif;
	width: 100%;
	/*height: 100%;*/
	text-align : center ;

	/*background-color: #eeeeee;*/
	background-color: white;
}


div.iframe-wrapper {
	position:relative;
	margin:0;
	padding:0;
}

div.iframe-wrapper iframe {
	position:absolute;
	top:0;
	left:0;

	width:100%
	height:100%;

	display:block;
	margin:0;
	padding:0;
	border:0;
}



div.relative {
	position: relative; /* per posizionamento assoluto */
}

img {
	/*display:block;*/
}
a img {
	border: 0px;
}
a {
	text-decoration: none;
}

a.newsletter-butt {
	font-size: 9pt;
	font-weight: bold;
	color: white;
}
a.newsletter-butt:hover {
	text-decoration: underline;
}

p,h1,h2,h3,form {
	margin: 0px;
	padding: 0px;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a.a {
	/*color: white;*/
	font-weight: bold;
	text-decoration: none;
}

a.a:hover {
	text-decoration: underline;
}
a.barra {
	color: white;
	font-weight: bold;
	text-decoration: none;
}
a.barra:hover {
	text-decoration: underline;
}
a.link {
	color: #CE0000;
}
a.link:hover {
	text-decoration: underline;
}
a.link2 {
	color: #aaa;
}
a.link2:hover {
	text-decoration: underline;
}
a.servizi:hover {
	color:#CE0000;
	text-decoration: underline;
}

div.modello-associato {
	margin-top:-3px;

	margin-left:3px;
	margin-right:3px;

}
div.f-left {
	float:left;
}
div.f-right {
	float:right;
}

hr {
	margin:0px;
	margin-top:20px;
	margin-bottom:20px;
}


div.contenuto-in-linea {
	background-color:red;

	vertical-align:bottom;
	margin-bottom:2px;
}

h2.titolo-sezione {
	background-color:transparent;
	text-align:left;

	font-size:35pt;
	font-weight:bold;

	padding:0px;

	color: #555; /* GRIGIO SCURO */

	letter-spacing: 2px;

	margin:0px;
	margin-bottom:5px;

	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	line-height:105%;

}

.less-margin-bottom {
	margin-bottom:-15px;
}

h3.sottotitolo-sezione {
	font-size:16pt;
	font-weight:bold;

	margin-bottom:10px;

	color: #555; /* GRIGIO SCURO */
}

div.rientro-sx {
	margin-left:20px;
}


p.bio-head {
	margin:0px;
	padding:0px;

	font-size:35pt;
	font-weight: bold;
	width: 100%;

	text-align:left;

	margin-top:0px;
	margin-bottom:0px;
}
p.bio-subhead {
	margin:0px;
	padding:0px;

	font-size:35pt;
	font-weight: normal;
	width: 100%;

	text-align:left;

	margin-top:0px;
	margin-bottom:20px;
}
p.bio-subsubhead {
	margin:0px;
	padding:0px;

	font-size:22pt;
	font-weight: bold;
	width: 100%;

	text-align:left;

	margin-top:10px;
	margin-bottom:20px;
}

p.bio-mini {
	margin:0px;
	padding:0px;

	font-size:12pt;
	font-weight: normal;
	font-style: italic;
	width: 100%;

	text-align:left;

	margin-top:0px;
	margin-bottom:20px;
}
p.bio-body {
	margin:0px;
	padding:0px;

	font-size:14pt;
	font-weight: normal;
	width: 100%;

	text-align:justify;

	line-height:130%;

	margin-top:0px;
	margin-bottom:10px;
}

p.bio-titoletto {
	margin:0px;
	padding:0px;

	font-size:18pt;
	font-weight: bold;
	width: 100%;
	color: #555;
	text-align:left;

	line-height:100%;

	margin-top:30px;
	margin-bottom:30px;
}



p.data-contenuto {
	margin:0px;
	padding:0px;

	font-size:8pt;
	font-weight: bold;
	width: 100%;
	/*background-color: red;*/
	text-align:right;

	margin-top:5px;
	margin-bottom:2px;
}
p.descrizione-contenuto {
	margin:0px;
	padding:0px;

	font-size:8pt;
	width: 100%;
	/*background-color: red;*/
	text-align:justify;
}

h3.titolo-contenuto {

	font-family: 'Pragati Narrow', sans-serif;
	font-size: 15.5pt;
	font-weight: bold;

	margin-bottom:0px;
	padding:0px;

	height: 33px;

	color: #CE0000; /*ROSSO PRINCIPALE*/
	/*letter-spacing:-1px;*/

	line-height: 78%;

	overflow: hidden;
}
div.contenuto-divisorio {
	position: relative;
	float: left;
	margin-top:25px;
	width: 100%;
	height:3px;
	background-color:#999;

}

div.contenuto {
	position: relative; /* per posizionamento assoluto-relativo dei div figli */

	display: block;
	float: left;

	margin:0;

	/*transition: opacity .3s, box-shadow 0.2s;*/
	transition: box-shadow .3s;

	vertical-align:bottom;
	background-color:transparent;
	/*background-color: pink; /*debug*/

}

div.elenco-accessori {
	position: relative; /* per posizionamento assoluto-relativo dei div figli */

	display: block;
	float: left;

	margin:0;

	/*transition: opacity .3s, box-shadow 0.2s;*/
	transition: box-shadow .3s;

	vertical-align:bottom;
	background-color:transparent;
	/*background-color: pink; /*debug*/

}



div.prezzo-contenuto {
	color: #777;
	font-size: 9pt;
}
div.casa-auto-contenuto {
	position: absolute;
	top: 2px;
	right: 2px;
}
div.anche-hybrid {
	font-size: 22px;
	position: absolute;
	top: 2px;
	right: 5px;

	color: #04C0FF;
	font-weight: bold;

	text-shadow: 0px 0px 1px #04C0FF;
}
div.hspace-contenuto {
	width: 35px;
	float:left;
}
div.breaker-contenuto {
	height: 35px;
	clear: both;
}

div.foto-contenuto {
	border:0px;
	margin:0px;
	padding:0px;

	position: relative; /* per posizionamento assoluto */
	display: block;

	width: 100%;
	padding-bottom: 66.66%; /* (deve stare in fondo) per mantenere rapporto 3:2 */

	overflow: hidden;

	background-color: #eee;

}
img.foto-contenuto {
	position:absolute;
	height: 100%;

 	top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

	transition: transform .3s;

}
a:hover div div img.foto-contenuto { /* zoom foto */
	-ms-transform: translate(-50%, -50%) scale(1.2); /* IE 9 */
	-webkit-transform: translate(-50%, -50%) scale(1.2); /* Safari */
	transform: translate(-50%, -50%) scale(1.2);
}

a:hover div.contenuto { /* bordo intorno al contenuto su hover */
	/*z-index:10;*/

	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,.6);
	-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,.6);
	box-shadow: 0px 0px 0px 5px #ce0000;
}
a:hover div div.contenuto-box-titolo {
	background-color: #ce0000;
}

/* fade di tutti i contenuti tra l'hover
div.parent-content:hover a div.contenuto {
	opacity: .3;
}
div.parent-content:hover a:hover div.contenuto {
	opacity: 1;
}
*/

div.contenuto-box-titolo {
	position: absolute;
	bottom:0px;
	left:0px;

	box-sizing: border-box;
	width:100%;
	/*height:27%;*/
	padding:10px;
	padding-top:8px;

	background-color: #000;
	background-color: rgba(0,0,0, .7);

	font-family: 'Pragati Narrow', sans-serif;
	font-size: 2vw;
	font-weight: normal;
	line-height: 92%;
	letter-spacing:1px;
	color: white;

	transition: background-color 1s;
}




img.foto-contenuto-backoffice { /* OLD "img.foto-contenuto */
	width:200px;
	height:133px;
	border:0px;
	margin:0px;
	padding:0px;
}
div.contenuto-backoffice { /* OLD "div.contenuto */
	position: relative; /* per posizionamento assoluto-relativo dei div figli */

	background-color:transparent;
	/*background-color:pink;*/
	float: left;

	width: 200px;

	padding:0px;
	margin:0px;
	margin-right: 33px;
	margin-top: 25px;

	display: block;

	vertical-align:bottom;

}




img.freccia-contenuto {
	position: absolute;
	bottom: 4px;
	right: 0Px;
	display: none;
}

div.cancella-contenuto {
	/*background: url("../img/icons/icon_del.png") no-repeat center top;*/
	/*background-color:blue;*/
	width:40px;
	height:40px;

	position: absolute;
	bottom:3px;
	right:0px;
}
div.modifica-contenuto {
	/*background: url("../img/icons/icon_edit.png") no-repeat center top;*/
	/*background-color:yellow;*/
	width:40px;
	height:40px;

	position: absolute;
	bottom:3px;
	left:0px;
}
div.parent-content {
	position: relative;

	padding-left:20px;
	padding-right:20px;

	/*background-color: yellow; /*debug*/
}
div.more-content {
	position: absolute;

	bottom: 15px;
	right: 32px;

}
div.more-content a {
	font-weight:bold;
	letter-spacing:0px;
	font-size: 8pt;

	color: #555; /* GRIGIO SCURO */

}

div.sub-container-sx {
	float:left;
	width:75%;

	box-sizing: border-box;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}

div.sub-container-dx {
	position:relative;
	float:left;
	width:25%;

	box-sizing: border-box;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}
div.sub-container-spazio {
	float:left;
	display:none;

	box-sizing: border-box;
	width:100%;
	padding:10px;

	margin-top:30px;
	/*margin-bottom:10px;*/
}

h2.altri-contenuti {
	margin:0;
	padding:0;

	font-family: 'Pragati Narrow', sans-serif;
	font-size: 25pt;
	font-weight: bold;
	line-height:100%;
	color:#CE0000;
}
div.altri-contenuti {
	box-sizing: border-box;
	width:100%;
}
div.altri-contenuti-spazio {
	margin-top:40px;
	margin-bottom:20px;
}


div.social-share { /*OLD*/
	position: absolute;
	right: 0px;
	top: -35px;
}

div.share-socials {
	float: right;
}

div.share-button {
	float: left;
	width: 100px;
	height:30px;
	background-size:25px;
	background-repeat: no-repeat;
	background-position: center;

	margin-right:10px;
	margin-bottom:10px;
}
div.share-button.facebook {
	background-color: #3e5b96;
	background-image: url("../img/social/fb_logo.png");
}

div.share-button.twitter {
	background-color: #1dadeb;
	background-image: url("../img/social/tw_logo.png");
}
div.share-button.linkedin {
	background-color: #283e4a;
	background-image: url("../img/social/in_logo.png");
}
div.share-button.email {
	background-color: black;
	background-image: url("../img/social/email_logo.png");
	background-size:30px;
	margin-right:0;
}
div.share-socials a {
	border:0;
}

div#logo-wrapper {
	width:100%;
	padding:0px;
	height:70px;

	/*background: url("../img/logo_bg.png") repeat-x center top;*/

}
div.logo-red {
	background-color: #CE0000; /*ROSSO PRINCIPALE*/

	/*box-shadow: inset 0 0 60px 0 rgba(115,0,13,1);*/
	/*-webkit-box-shadow: inset 0 0 60px 0 rgba(115,0,13,1);*/
}
div.logo-blue {
	background-color: #0060A6;

 	/*box-shadow: inset 0 0 60px 0 rgba(0,58,102,1);*/
	/*-webkit-box-shadow: inset 0 0 60px 0 rgba(0,58,102,1);*/
}
div.logo-black {
	background-color: #282830;

 	/*box-shadow: inset 0 0 60px 0 rgba(0,0,0,1);*/
	/*-webkit-box-shadow: inset 0 0 60px 0 rgba(0,0,0,1);*/
}



div#logo {
	/* BKP2018: width:950px; */
	width:100%;

	height: 70px;
	color: white;
	text-align: left;

	padding:0px;
	padding-top:0px;
	padding-bottom:0px;

	margin-left:auto;
	margin-right:auto;
}


div.loghi-auto {
	height:100%;

	padding-left:10px;
	padding-right:10px;
	text-align:right;
	float:right;
	background-color: white;
	border-left: 0px solid #999999;
	border-right: 0px solid #999999;

	/*box-shadow: inset 0 0 30px 0 rgba(200,200,200,1);*/
	/*-webkit-box-shadow: inset 0 0 30px 0 rgba(200,200,200,1);*/

	/* NEW: */
	display:none;
}


div#menu-wrapper {
	width:100%;
	background-color: transparent;
	padding:0px;
}
div#menu {
	width:948px;
	background-color: transparent;
	color: #333333;
	text-align: left;

	padding:0px;
	padding-top:0px;
	padding-bottom:0px;

	margin-left:auto;
	margin-right:auto;
}


div.splash-wrapper {
	position:relative;

	width:100%;
	padding:0px;
}

div.splash-text {
	position:absolute;
	top:0px;
	left:0px;
	margin-left:1vw;

	color: white;
	font-size: 8vw;
	font-weight: bold;
	text-shadow: 0px 0px 20px #000;
}

div.splash-logo40anni {
	position:absolute;
	top:0px;
	right:0px;
	margin:.5vw;

	width:10vw;
}
div.splash-logo40anni img {
	width:100%;
}


/* OLD:
div.splash-occasioni {
	height:400px;
	background: url("../img/splash/splash_occasioni.jpg") no-repeat center top;
}
div.splash-garage-home {
	height:400px;
	background: url("../img/splash/splash_garage-home.jpg") no-repeat center top;
}
div.splash-garage {
	height:150px;
	background: url("../img/splash/splash_garage.jpg") no-repeat center top;
}
div.splash-toyota-home {
	height:400px;
	background: url("../img/splash/splash_toyota-home.jpg") no-repeat center top;
}
div.splash-toyota-home1 {
	height:400px;
	background: url("../img/splash/Toyota1.jpg") no-repeat center top;
}
div.splash-toyota-home2 {
	height:400px;
	background: url("../img/splash/Toyota2.jpg") no-repeat center top;
}
div.splash-toyota-home3 {
	height:400px;
	background: url("../img/splash/Toyota3.jpg") no-repeat center top;
}
div.splash-toyota-home4 {
	height:400px;
	background: url("../img/splash/Toyota4.jpg") no-repeat center top;
}
div.splash-toyota-home5 {
	height:400px;
	background: url("../img/splash/Toyota5.jpg") no-repeat center top;
}
div.splash-toyota-home6 {
	height:400px;
	background: url("../img/splash/Toyota6.jpg") no-repeat center top;
}
div.splash-toyota-home7 {
	height:400px;
	background: url("../img/splash/Toyota7.jpg") no-repeat center top;
}

div.splash-toyota {
	height:150px;
	background: url("../img/splash/splash_toyota.jpg") no-repeat center top;
}
div.splash-toyota1 {
	height:150px;
	background: url("../img/splash/Toyota1_min.jpg") no-repeat center top;
}
div.splash-toyota2 {
	height:150px;
	background: url("../img/splash/Toyota2_min.jpg") no-repeat center top;
}
div.splash-toyota3 {
	height:150px;
	background: url("../img/splash/Toyota3_min.jpg") no-repeat center top;
}
div.splash-toyota4 {
	height:150px;
	background: url("../img/splash/Toyota4_min.jpg") no-repeat center top;
}
div.splash-toyota5 {
	height:150px;
	background: url("../img/splash/Toyota5_min.jpg") no-repeat center top;
}
div.splash-toyota6 {
	height:150px;
	background: url("../img/splash/Toyota6_min.jpg") no-repeat center top;
}
div.splash-toyota7 {
	height:150px;
	background: url("../img/splash/Toyota7_min.jpg") no-repeat center top;
}

div.splash-lexus-home {
	height:400px;
	background: url("../img/splash/splash_lexus-home.jpg") no-repeat center top;
}
div.splash-lexus-home1 {
	height:400px;
	background: url("../img/splash/Lexus1.jpg") no-repeat center top;
}
div.splash-lexus-home2 {
	height:400px;
	background: url("../img/splash/Lexus2.jpg") no-repeat center top;
}
div.splash-lexus-home3 {
	height:400px;
	background: url("../img/splash/Lexus3.jpg") no-repeat center top;
}
div.splash-lexus-home4 {
	height:400px;
	background: url("../img/splash/Lexus4.jpg") no-repeat center top;
}
div.splash-lexus-home5 {
	height:400px;
	background: url("../img/splash/Lexus5.jpg") no-repeat center top;
}
div.splash-lexus-home6 {
	height:400px;
	background: url("../img/splash/Lexus6.jpg") no-repeat center top;
}
div.splash-lexus {
	height:150px;
	background: url("../img/splash/splash_lexus.jpg") no-repeat center top;
}
div.splash-lexus1 {
	height:150px;
	background: url("../img/splash/Lexus1_min.jpg") no-repeat center top;
}
div.splash-lexus2 {
	height:150px;
	background: url("../img/splash/Lexus2_min.jpg") no-repeat center top;
}
div.splash-lexus3 {
	height:150px;
	background: url("../img/splash/Lexus3_min.jpg") no-repeat center top;
}
div.splash-lexus4 {
	height:150px;
	background: url("../img/splash/Lexus4_min.jpg") no-repeat center top;
}
div.splash-lexus5 {
	height:150px;
	background: url("../img/splash/Lexus5_min.jpg") no-repeat center top;
}
div.splash-lexus6 {
	height:150px;
	background: url("../img/splash/Lexus6_min.jpg") no-repeat center top;
}
div.splash-hybrid-home {
	height:400px;
	background: url("../img/splash/splash_hybrid-home.jpg") no-repeat center top;
}
div.splash-hybrid-home1 {
	height:400px;
	background: url("../img/splash/Hybrid1.jpg") no-repeat center top;
}
div.splash-hybrid-home2 {
	height:400px;
	background: url("../img/splash/Hybrid2.jpg") no-repeat center top;
}
div.splash-hybrid-home3 {
	height:400px;
	background: url("../img/splash/Hybrid3.jpg") no-repeat center top;
}
div.splash-hybrid-home4 {
	height:400px;
	background: url("../img/splash/Hybrid4.jpg") no-repeat center top;
}
div.splash-hybrid-home5 {
	height:400px;
	background: url("../img/splash/Hybrid5.jpg") no-repeat center top;
}

div.splash-hybrid {
	height:150px;
	background: url("../img/splash/splash_hybrid.jpg") no-repeat center top;
}
div.splash-hybrid1 {
	height:150px;
	background: url("../img/splash/Hybrid1_min.jpg") no-repeat center top;
}
div.splash-hybrid2 {
	height:150px;
	background: url("../img/splash/Hybrid2_min.jpg") no-repeat center top;
}
div.splash-hybrid3 {
	height:150px;
	background: url("../img/splash/Hybrid3_min.jpg") no-repeat center top;
}
div.splash-hybrid4 {
	height:150px;
	background: url("../img/splash/Hybrid4_min.jpg") no-repeat center top;
}
div.splash-hybrid5 {
	height:150px;
	background: url("../img/splash/Hybrid5_min.jpg") no-repeat center top;
}
*/
div.splash-text-wrap {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#ie8hack-splash-text-wrap { /* IE8 */
	/*margin-left:-60px;  LASCIARE COMMENTATO*/
}
:root #ie8hack-splash-text-wrap { /* Modern Browsers */
	margin-left:auto;
}



h3.barra-titolo {
	font-size: 25pt;
	font-family: 'Noto Sans';
	font-weight: bold;
	letter-spacing:-1px;
	line-height:1.3;

}
p.barra-orari {
	font-size: 9pt;
}

/*
div#splash {
	width:950px;
	height:100%
	background-color: transparent;
	color: white;
	text-align: left;

	padding:0px;
	padding-top:5px;
	padding-bottom:5px;

	margin-left:auto;
	margin-right:auto;
}
*/



div#container {
	/* BKP 2018: */
	/* width: 950px;*/


	/*NEW:*/
	width: 100%;
	max-width:1200px;
	min-width:300px;


	margin-left:auto;
	margin-right:auto;
	text-align : left ;


	background-color:transparent;
	/*background-color:white;*/

	padding:0px;
	padding-bottom:0px;
}
div.container {
	/*NEW:*/
	width: 100%;
	max-width:1200px;
	min-width:300px;


	margin-left:auto;
	margin-right:auto;
	text-align : left ;

	background-color:transparent;
	/*background-color:white;*/

	padding:0px;
	padding-bottom:0px;
}

div.claim {
	width: 100%;
	max-width:2000px;

	margin:0px;
	margin-bottom:30px;
	margin-left:auto;
	margin-right:auto;

	color: #777;
	font-style: italic;
	font-family: 'Noto Sans';
	font-size: 6.5vw;
	line-height:105%;
}


div.container.actions, div.container.frasi {
	max-width: 2000px;
	margin-bottom:40px;
}
div.container.frasi {
	margin-bottom:5px;
}
div.actions-layout {
	margin:auto; /* centrato nello schermo */
	/*background-color: yellow; /*debug*/

	 /* RESPONSIVE params */
	width: 90%;
}
div.action-wrap {
	position: relative; /*importante*/
	float:left;

	box-sizing: border-box;
	margin:0;
	border:0;

	/*cursor: pointer;*/

	/*background-color:blue; /*debug*/

 	/* RESPONSIVE params */
	margin-right:0%; /*=m*/
	width: 25%; /*=[100-m(N-1)]/N; N=numero di elementi su ogni riga; */
}

div.action-testo {
	box-sizing: border-box;
	width:100%;
	padding:5px;

	color: #777;
	font-family: 'Pragati Narrow', sans-serif;
	font-weight: bold;
	line-height:100%;
	text-align:center;
	letter-spacing:1px;

	transition: color .3s;

 	/* RESPONSIVE params */
	font-size: 1.6vw;
}
div.action-testo span {
	margin:0;
	padding:0;
	width:auto;
	height:auto;

}

div.action-cerchio-wrap { /*collegato a "img.cerchio" */
	position: relative; /*importante*/

	margin:0;
	margin-left:auto;
	margin-right:auto;

	border-radius: 50%; /*forma cerchio*/
	box-sizing: border-box;
	padding:5px; /* collegato a div.simbolo */

	border:3px solid #ce0000;
	transition: border-color .3s;

	/* RESPONSIVE params */
	width:50%; /* grandezza del cerchio rispetto a testo */
}

img.cerchio {
	display:block;
	width: 100%;
	height: 100%;
	/*padding-bottom:100%; /* ratio 1:1 */

	border-radius: 50%; /*forma cerchio*/

	/*background-color:pink; /*debug*/


}
/* OLD
a.occasioni div div div.cerchio {
	background: transparent url('/img/actions/occasioni.jpg') no-repeat center center;
	background-size: auto 100%;
}
a.chi-siamo div div div.cerchio {
	background: transparent url('/img/actions/chi-siamo.jpg') no-repeat center center;
	background-size: auto 100%;
}
a.contattaci div div div.cerchio {
	background: transparent url('/img/actions/contattaci.jpg') no-repeat center center;
	background-size: auto 100%;
}
a.servizi div div div.cerchio {
	background: transparent url('/img/actions/servizi.jpg') no-repeat center center;
	background-size: auto 100%;
}
*/
div.simbolo {
	position:absolute;

	top: 5px; /* padding di div.action-cerchio-wrap */
	width: calc(100% - 10px); /* 2x padding di div.action-cerchio-wrap */
	height:calc(100% - 10px);

	border-radius:50%;

	opacity: 0;

	transition: opacity .3s, background-color .3s;
}
div.action-wrap.chi-siamo div a div.simbolo {
	background: rgba(206,0,0, .6) url('../img/actions/chi-siamo.png') no-repeat center center;
	background-size: auto 70%;
}
div.action-wrap.servizi div a div.simbolo {
	background: rgba(206,0,0, .6) url('../img/actions/servizi.png') no-repeat center center;
	background-size: auto 60%;
}
div.action-wrap.occasioni div a div.simbolo {
	background: rgba(206,0,0, .6) url('../img/actions/occasioni.png') no-repeat center center;
	background-size: auto 70%;
}
div.action-wrap.contattaci div a div.simbolo {
	background: rgba(206,0,0, .6) url('../img/actions/contattaci.png') no-repeat center center;
	background-size: auto 70%;
}



div.action-wrap div a {
	border:0;
	margin:0;
	color:inherit;
	text-decoration:none;
}
/*
div.action-cerchio-wrap:hover {
	border-color: #ce0000;
}
div.action-cerchio-wrap:hover ~ div.action-testo {
	color:#ce0000;
}
div.action-wrap div a div.simbolo:hover {
	background-color: rgba(206,0,0, .6);
		opacity: 1;
}

div.action-testo:hover {
	color:#ce0000;
}
div.action-testo:hover ~ div.action-cerchio-wrap {
	border-color: #ce0000;
}
*/


div.sezione-titolo {
	position:relative;

	box-sizing: border-box;
	width: 100%;
	margin:0px;
	padding:7px;

	background-color:#CE0000;

	-webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0, .5);
	-moz-box-shadow: 0 2px 8px 0 rgba(0,0,0, .5);
	box-shadow: 0 2px 8px 0 rgba(0,0,0, .5);

	z-index:100;
}
div.sezione-titolo p {
	display:block;

	width: 100%;
	max-width:1200px;
	margin:auto;

	color: white;
	font-family: 'Pragati Narrow', sans-serif;
	font-weight: bold;
	font-size: 14pt;
	line-height:105%;
	text-align:left;
	letter-spacing:8px;
}


div#header {
	background-color:transparent;

	text-align:left;

	margin:0px;
	padding:0px;

}


div.vspace {
	height: 10px;
}



/*
a.menu {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	color: white;
	text-decoration: none;
	font-size:16pt;
	font-weight: bold;

	margin-left:17px;
	margin-right:17px;

}
a.menu:hover {
	color: #EBC03F;
}


font.menu-selected {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-style: italic;
	color: #555555;
	font-size:36pt;

	font-weight: normal;


	margin-left:7px;
	margin-right:7px;

	letter-spacing:-2px;
}
*/


div#left-container {
	background-color:transparent;
	/*background-color:red;*/

	/* BKP2018*/
	/*width:700px;*/

	width:100%;

	float:left;
	padding:0px;
}

div#right-container {
	background-color: transparent;
	/*background-color:yellow;*/

	width:250px;

	margin:0px;
	margin-top:0px;

	float:right;
}


div.paragrafo {
	text-align: justify;
	font-size: 13pt;
	color: #444;
	width: 670px;
	margin-left:10px;
	margin-top: -15px;
}


div.right-box {

	margin:0px;
	margin-left: 10px;
	margin-right: 0px;

	min-height:500px;

 	padding: 20px;

 	color: white;

	/*-moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;*/


 	background-color: #CE0000; /*ROSSO PRINCIPALE*/

 	/*box-shadow: inset 0 0 60px 0 rgba(115,0,13,1);*/
	/*-webkit-box-shadow: inset 0 0 60px 0 rgba(115,0,13,1);*/
}
hr.rb {
	border: 1px solid #990000;
}


div.rb-black {
	background-color: #282830;

 	/*box-shadow: inset 0 0 60px 0 rgba(0,0,0,1);*/
	/*-webkit-box-shadow: inset 0 0 60px 0 rgba(0,0,0,1);*/
}
hr.rb-black {
	border: 1px solid #000;
}

div.rb-blue {
	background-color: #0060A6;

 	/*box-shadow: inset 0 0 60px 0 rgba(0,58,102,1);*/
	/*-webkit-box-shadow: inset 0 0 60px 0 rgba(0,58,102,1);*/
}
hr.rb-blue {
	border: 1px solid rgb(0,58,102);
}



.ie_fix {
   display: none;
}


div.breaker {
	clear: both;
}
div.breaker-footer {
	clear: both;
	padding-bottom:100px; /* height footer */
}


div#footer-wrapper {
	width:100%;
	background-color: transparent;
	padding:0px;
	margin-top:10px;

	-webkit-box-shadow: 0 -2px 8px 0 rgba(0,0,0, .5);
	-moz-box-shadow: 0 -2px 8px 0 rgba(0,0,0, .5);
	box-shadow: 0 -2px 8px 0 rgba(0,0,0, .5);
}

/*
div#footer_old {
	width:950px;
	background-color: transparent;
	color: black;
	text-align: center;

	padding:0px;
	padding-top:5px;
	padding-bottom:5px;

	margin-left:auto;
	margin-right:auto;
}
*/


div#footer-info {
  background-color: #CE0000; /* ROSSO PRINCIPALE */
	color: white;
	text-align: center;

	box-sizing: border-box; /* per fare in modo che nella width sia compreso il padding */
	padding:10px;
	width:100%;
}
div.info-box-wrapper {
	width:100%;
	max-width:1200px;
	margin:auto;

	/*background-color: pink;*/
}
div.info-box {
	position:relative;
	float:left;

	box-sizing: border-box;
	padding:10px;

	text-align: left;
	font-size:12pt;
	font-family: 'Noto Sans';
}
div.w50 {
	width: 50%;
}
div.w100 {
	width: 100%;
}
div.w33 {
	width: 33.33%;
}

p.info-box {
	margin-bottom:10px;
}

hr.info-box {
	box-sizing: border-box;
	border: 2px solid #a00;
	border-radius: 0px;
	margin:0;
	width:100%;
}

img.wa-logo {
	width: 40px;
	border: 0;
	position: absolute;
	top:68px;
	left:175px;


}

div#footer1 {
  width:100%;
	background-color: #999; /* GRIGIO CHIARO */
	color: black;
	text-align: center;

	padding:0px;
	padding-top:10px;
	padding-bottom:10px;
}
div#footer2 {
  width:100%;

	background-color: #444; /* GRIGIO MOLTO SCURO */
	color: white;
	text-align: center;
	font-size: 9pt;
	padding:0px;
	padding-top:10px;
	padding-bottom:10px;
}








/* FORMS */
.formOK {
	padding:20px;
	padding-bottom:0;
}

input.button {
	border: 0px solid white;
	background: #888888;
	color: white;

	padding:10px;
	padding-left:20px;
	padding-right:20px;

	margin:0px;
	margin-top:3px;
}
input.button:hover {
	background: #555; /* GRIGIO SCURO */
	cursor:pointer;
}

input.login {
	width: 200px;
	margin-bottom: 5px;
	border: 2px solid #aaa;
	padding:10px;
	font: normal 10pt 'Trebuchet MS', Helvetica, sans-serif;
}

/* OLD
input.barra {
	box-sizing: border-box;
	width: 100%;
	border: 2px solid #a00;
	padding: 10px;

	font: normal 12pt 'Noto Sans', sans-serif;
	color: #555;
}
*/

input[type=text].newsletter, input[type=email].newsletter {
	box-sizing: border-box;
	width: 100%;
	border: 2px solid #a00;
	padding: 10px;

	font: normal 12pt 'Noto Sans', sans-serif;
	color: #555;
}
input[type=button].newsletter, input[type=submit].newsletter, input[type=reset].newsletter {
	font: normal 13pt 'Noto Sans', sans-serif;
	color: white;
	font-weight: normal;

	box-sizing: border-box;
	width:70%;
	min-width:220px;

	padding: 15px;
	margin:0px;

	background-color: #a00;

	border: 2px solid #a00;
	/*border-top: 0px;*/

	text-decoration: none;

	cursor: pointer;

	-webkit-transition-duration: .3s;
	-ms-transition-duration: .3s;
	transition-duration: .3s;

}
input[type=button].newsletter:hover, input[type=submit].newsletter:hover, input[type=reset].newsletter:hover {
	/*box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);*/
	background-color: white !important;
	color: #a00;
}

.alert {
		box-sizing: border-box;
    padding: 20px;
    background-color: #f44336;
    color: white;
    /*opacity: 1;*/
    /*transition: opacity 0.6s;*/
    margin-bottom: 0px;

    /*border-radius: 20px;*/

    display:none;
}
.alert.success {background-color: #4CAF50;}
.alert.info {background-color: #2196F3;}
.alert.warning {background-color: #ff9800;}

.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}
.alert:hover .closebtn {
    color: black;
}
.alert:hover {
    cursor: pointer;
}

.alert-msg.contattaci {
	font: normal 20pt 'Noto Sans', sans-serif;
}


.f {
	margin-bottom: 10px;
}
label.f {
	float: left;

	width: 120px;
	font-weight: bold;

	margin-right:10px;
}
input.f, textarea.f, select.f{
	width: 550px;

	border: 2px solid #aaa;
	font: normal 10pt 'Trebuchet MS', Helvetica, sans-serif;

	padding: 10Px;
}
textarea.f{
	width: 550px;
	height: 250px;
}
input.f2, textarea.f2, select.f2{
	width: 450px;

	border: 0px solid white;
	font: normal 10pt 'Trebuchet MS', Helvetica, sans-serif;

	padding: 5px;
}
textarea.f2{
	width: 450px;
	height: 250px;
}
select.f {
	width: auto;
}
.f_ckbx{
	margin-bottom:10px;
	width:20px;
	height:20px;
}
input.pw {
	width: 200px;
}

br.f{
	clear: left;
}


label.contattaci {
	display:block;
	float: left;

	box-sizing: border-box;

	width: 120px;  /* collegato a input.contattaci e div.contattaci */

	padding-right:5px;
	padding-bottom:3px;


	font: bold 12pt 'Noto Sans', sans-serif;
	color: #333;

	line-height:110%;

	/*background-color: pink;	/*debug*/
}
input.contattaci, textarea.contattaci, select.contattaci {
	display: block;
	float: left;

	box-sizing: border-box;
	padding: 10px;
	margin-bottom: 10px;

	width: calc(100% - 120px);  /* collegato a label.contattaci */

	border: 2px solid #bbb;
	font: normal 12pt 'Noto Sans', sans-serif;
	color: #333;
}
textarea.contattaci {
	resize: none;
	height: 250px;
}
div.contattaci {
	display:block;
	float: left;

	width: calc(100% - 120px);  /* collegato a label.contattaci */

	margin-bottom:5px;

	/*background-color:yellow; /*debug*/
}
div.captcha-contattaci {
	position:relative;

	display: block;
	float: left;

	width:220px; /* collegato a p.contattaci */
}
div.captcha-contattaci img.captcha-rnd {
	width:100%;

	/*cursor: pointer;*/
}
div.captcha-contattaci img.captcha-refresh {
	position:absolute;
	top:0;
	left:-45px;

	width:40px;

	cursor: pointer;

	opacity:1;
}


p.contattaci {
	display: block;
	float: left;

	width: calc(100% - 220px); /* collegato a div.captcha-contattaci */

	box-sizing: border-box;
	padding-left:10px;

	font: normal 12pt 'Noto Sans', sans-serif;
	color: #333;



	/*background-color:yellow; /*debug*/
}

.contattaci.obbligatorio {
	/*border-color: #555;*/
}

input[type=button].contattaci_button, input[type=submit].contattaci_button, input[type=reset].contattaci_button {
	font: normal 13pt 'Noto Sans', sans-serif;
	color: white;
	font-weight: normal;

	box-sizing: border-box;
	width:50%;

	padding: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	margin:0px;

	background-color: #a00;

	border: 2px solid #a00;
	/*border-top: 0px;*/

	text-decoration: none;

	cursor: pointer;

	-webkit-transition-duration: .3s;
	-ms-transition-duration: .3s;
	transition-duration: .3s;
}
input[type=button].contattaci_button:hover:not([disabled]), input[type=submit].contattaci_button:hover:not([disabled]), input[type=reset].contattaci_button:hover:not([disabled]) {
	/*box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);*/
	background-color: #cf0000 !important;
}
input[type=button].contattaci_button:disabled, input[type=submit].contattaci_button:disabled, input[type=reset].contattaci_button:disabled {
	border-color: #800;
	background-color: #800;
	color: #aaa;
	cursor: default;
}



a.area-riservata {
	position:absolute;
	left: 850px;
}

div.pagine {
	margin-bottom: 20px;
}

div.pagina-elementi, div.pagina-precedente, div.pagina-successiva {
	border: 0px solid white;

	margin:0px;

	margin-top:3px;
	margin-right:10px;

	float:left;
}

div.pagina-precedente, div.pagina-successiva {
	border: 0px solid white;
	background: #888888;
	color: #ccc;

	padding-left:5px;
	padding-right:5px;

	font-size: 15pt;
}



a.pagina-successiva, a.pagina-precedente {
	color: white;
}
a.pagina-successiva:hover, a.pagina-precedente:hover {
	color: #EBC03F;
}


div.msgFromSession {
	width: 100%;

	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;

	background-color: #FFFFE8; /*giallino*/

	cursor: hand;
	cursor: pointer; /* fix per Firefox */

	/*border: 2px solid #FEF3AB;	*/

	-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

div.idmod-focus {
	background-color: #FFFFE8; /*giallino*/
}


table.link-utili {
	width: 100%;
}

table.link-utili, table.link-utili td {
	border: 1px solid #ccc;
	border-collapse: collapse;

	padding:5px;

}

table.link-utili td.primo {
	width: 200px;
}

div.pad-container {
	position:relative;
	box-sizing: border-box;
	padding:10px;
}

div.img-container {
	overflow:hidden;
	height:300px;
	width:100%

  /*background-image:url('../img/XXX');*/
	background-repeat: no-repeat;
  background-position: center;
  background-size: cover;

  /*background-size: 100% auto; /*width lock*/
  /*background-size: auto 100%; /*height lock*/
}

div.sezione-immagine {
	overflow:hidden;
	width:100%

  /*background-image:url('../img/XXX');*/
	background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

h3.chisiamo-titolo {
	font-size: 35pt;
	font-family: 'Noto Sans';
	font-weight: bold;
	letter-spacing:-1px;
	line-height:1.3;
	margin-top:5px;
	margin-bottom:0px;

	color: #444;
}

p.chisiamo {
	text-align: justify;

	font-size: 13pt;

	line-height:105%;
}

div.servizio-table {
	display:block;
	width:100%;
}

div.servizio-wrap {
	position:relative;
	float: left;

	width: calc(100% / 3 - 10px + 10px / 3);
	margin-right:10px;
	margin-bottom:10px;

	background-color: #eee;

	overflow:hidden;

  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
	border-radius: 20px;
}
div.servizio-wrap:nth-child(3n+3) {
	margin-right: 0;
}
div.servizio-wrap a {
	color: inherit;
}
div.servizio-titolo {
	background-color: #ce0000;

	box-sizing: border-box;
	padding:10px;

	font-size: 20pt;
	font-family: 'Noto Sans';
	font-weight: bold;
	letter-spacing:2px;

	color: white;
}
div.servizio-contenuto {
	box-sizing: border-box;

	font-size: 13pt;
	font-family: 'Noto Sans';
}
div.servizio-contenuto ul {
	list-style-type: disc;
	margin-left:30px;
	padding:10px;
	/*list-style-position: outside;*/
}
div.servizio-contenuto ul li {
	margin:0;
	padding-bottom:5px;
}

p.servizi {
	font-size: 13pt;
	text-align: justify;
}
ul.servizi {
	list-style-type: disc;
	margin-left:30px;
	line-height:150%;
	font-size:13pt;
}

table.la-storia {
	font-size: 13pt;
	width: 100%;
}
table.la-storia, table.la-storia td {
	border: 1px solid #ccc;
	border-collapse: collapse;

	box-sizing: border-box;
	padding:10px;

}


h4.titolo-sezione {
	font-size: 30pt;
	font-family: 'Pragati Narrow';
	font-weight: bold;

	letter-spacing:2px;
	line-height:0.8;
	margin-top:10px;
	margin-bottom:-5px;
	margin-left:5px;

	color: #444;
}

div.team-wrap {
	position:relative;
	float: left;

	width: calc(100% / 2 - 10px + 10px / 2);
	margin-right:10px;
	margin-bottom:10px;

	background-color: #eee;

	overflow:hidden;

  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
	border-radius: 20px;
}
div.team-wrap:nth-child(2n+2) {
	margin-right: 0;
	/*background-color: pink; /*debug*/
}
div.team-txt {
	float: left;
	width:60%;

	box-sizing: border-box;
	padding:20px;

	font-size: 1.2vw;
	font-family: 'Noto Sans';
}
div.team-foto {
	float: left;
	width:40%;

	box-sizing: border-box;
}
div.team-foto img {
	display:block;
	width:100%;
}



div.occasioni-wrap {
	position:relative;

	width: 100%;
	margin:0;

	/*background-color: pink; /*debug*/
}
div.occasioni-img {
	float: left;
	width:50%;


	box-sizing: border-box;
	/*background-color: pink; /*debug*/

}
div.occasioni-img img {
	display:block;
	width:100%;
}
div.occasioni-txt {

	float: left;
	width:50%;

	box-sizing: border-box;
	padding:5px;

	font-size: 1.2vw;
	font-family: 'Noto Sans';
}
div.occasioni-txt img {
	display:block;
	width:100%;
}


div.tagline {
	font-style: italic;
	font-weight: bold;
	font-size: 15pt;
}
div.descrizione {
	text-align: justify;
	margin-top: 15px;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 13pt;

	line-height:105%;
}
div.descrizione a {
	color: #333;
	font-weight: bold;
}


div.youtube-wrap {
	position:relative;
	width:100%;
	padding-bottom:66.66%;

	/*background-color:pink; /*debug*/
}
div.youtube-wrap iframe {
	position:absolute;
}


div.youtube-wrap-backoffice {
	position:relative;
	width:100%;
	padding-bottom:133px;

	/*background-color:pink; /*debug*/
}
div.youtube-wrap-backoffice iframe {
	position:absolute;
}


div.frase1 {
	font-size:2.5vw;
	margin-bottom:5px;
	margin-top:10px;
	padding:0 10px;
}
div.frase2 {
	font-size:1.5vw;
	color:#777;

	padding:0 15px;
}

div.line-h {
	margin-top:10px;
	/*margin-bottom:20px;*/
	height:2px;
	width: 100%;
}

div.line-hybrid {
	background: url("../img/dot_blue.gif");
}

div.line-toyota {
	background: url("../img/dot_red.gif");
}

div.line-lexus {
	background: url("../img/dot_black.gif");
}

ul.lista {
	list-style-type: disc;
	margin-left:30px;
	line-height:150%;
}

h4.titoletto {
	font-size:15pt;
}




/* BEGIN Preloader */

body {
    overflow: hidden;
}

#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:10000; /* makes sure it stays on top */
}

#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../img/preloader-status.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}

/* END Preloader */




table.noleggio {
	width: 100%;
}

table.noleggio, table.noleggio td {
	border: 2px solid #555;
	border-collapse: collapse;

	padding:5px;

	font-weight: bold;
	text-align: center;

}


div.area-riservata {
	float:left;
	margin-left:10px;
	font-size: 8pt;
}
a.a-area-riservata {
	color:#aaa;
}
a.a-area-riservata:hover {
	text-decoration: underline;
}


div.credits {
	float:right;
	margin-right:10px;

	color:#aaa;
	font-size: 8pt;
}
a.credits {
	color: #DEB698;
	font-weight: bold;
}
a.credits:hover {
	color: #F1E0D3;
}



/* RETURN TO TOP ------------------------------ */

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;

    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, .4);

    width: 50px;
    height: 50px;

    display: block;
    text-decoration: none;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    display: none;

    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;

    z-index:1000;
}
#return-to-top img {
    margin: 0;
    position: relative;
    left: 0;
    top: 9px;
		width:50%;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.8);
}
#return-to-top:hover img {
    color: #fff;
    top: 0px;
}
/* RETURN TO TOP (END) ------------------------------ */




/* --------------------------------------------------------------- */
/* RESPOSIVE CSS */
/* --------------------------------------------------------------- */


/* DESKTOP (GENERALE) */
@media only screen and (min-width: 1001px) {

	div.splash-logo40anni {
		width:10vw;
		max-width:200px;
	}

	div.actions-layout {
		width: 100%;
	}
	div.action-wrap {
		margin-right:0%; /*=m*/
		width: 25%; /*=[100-m(N-1)]/N; N=numero di elementi su ogni riga; */
	}
	div.action-wrap:nth-child(4n+4) { /* l'Nesimo elemento della riga non ha margine destro */
		margin-right:0;
	}
	div.action-cerchio-wrap {
		width:70%; /* grandezza del cerchio rispetto a testo */
	}
	div.action-testo {
		font-size: 2vw;
	}


	div.contenuto {
		margin-top: 5px;

		margin-right: 5px; /* =m */
		width: calc(100% / 3 - 5px + 5px / 3); /* =w; N=numero di contenuti per linea; w=[100-m(N-1)]/N;  */
	}
	div.parent-content a:nth-child(3n+3) div.contenuto { /* ogni 3 elementi riduco il margine destro */
		margin-right: 0;
	}
	div.parent-content a:nth-child(-n+3) div.contenuto { /*ai primi 3 elementi riduco il margine superiore */
		margin-top: 0;
	}
/*
	div.parent-content a:nth-child(n+5) div.contenuto {
		display:none;
	}
*/
	div.jssor_1 { /* slideshow */
		height:600px;
	}

}

/* DESKTOP (SCHERMI LARGHI) */
@media only screen and (min-width: 1200px) {
	div.splash-text {
		font-size: 85pt;
	}

	div.actions-layout {
		width: 90%;
	}
	div.action-cerchio-wrap {
		width:60%; /* grandezza del cerchio rispetto a testo */
	}

	div.contenuto-box-titolo {
		font-size: 19pt;
	}

	div.team-txt {
		font-size: 13pt;
	}

	div.occasioni-txt {
		font-size: 13pt;
	}
}

@media only screen and (min-width: 2000px) {
	div.claim {
		font-size: 100pt;
	}

	div.frase1 {
		font-size: 30pt;
	}
	div.frase2 {
		font-size: 20pt;
	}


	div.actions-layout {
		width: 80%;
	}
	div.action-cerchio-wrap {
		width:50%; /* grandezza del cerchio rispetto a testo */
	}
	div.action-testo {
		font-size: 22pt;
	}

	div.sezione-titolo p {
		font-size: 16pt;
	}

}



/* TABLET  */
@media only screen and (min-width: 601px) and (max-width: 1000px) {
	div.splash-text {
		font-size: 15vw;
	}
	div.splash-logo40anni {
		width:20vw;
	}



	div.claim {
		margin-bottom:20px;
	}

	div.frase1 {
		font-size: 35pt;
	}
	div.frase2 {
		font-size: 20pt;
	}


	div.sub-container-sx {
		width:100%
	}
	div.sub-container-dx {
		width:100%;
		clear:both;
	}
	div.sub-container-spazio {
		display:block;
	}
	div.altri-contenuti {
		float:left;
		width:50%;

		padding-left:10px;
		padding-right:10px;
	}
	div.altri-contenuti-spazio {
		display:none;
	}


	div.actions-layout {
		width: 100%;
	}
	div.action-wrap {
		margin-right:0%; /*=m*/
		width: 50%; /*=[100-m(N-1)]/N; N=numero di elementi su ogni riga; */
	}
	div.action-wrap:nth-child(2n+2) { /* l'Nesimo elemento della riga non ha margine destro */
		margin-right:0;
	}
	div.action-wrap:nth-child(n+3) {
		margin-top:20px;
	}
	div.action-cerchio-wrap {
		width:70%; /* grandezza del cerchio rispetto a testo */
	}
	div.action-testo {
		font-size: 6vw;
	}



	div.contenuto {
		margin-right: 5px;
		width: calc(100% / 2 - 5px + 5px / 2);

		margin-top: 5px;
	}
	div.parent-content a:nth-child(2n+2) div.contenuto { /* ogni 2 elementi riduco il margine destro */
		margin-right: 0px;
	}
	div.parent-content a:nth-child(-n+2) div.contenuto { /*ai primi 2 elementi riduco il margine superiore */
		margin-top: 0px;
	}
	div.parent-content a:nth-child(n+5) div.contenuto.home { /* mostro solo 4 elementi*/
		display:none;
	}


	div.contenuto-box-titolo {
		font-size: 3vw;
	}


	div.w33 { /* footer box info */
		width:50%;
	}


	h4.titolo-sezione {
		font-size:10vw;
	}
	div.team-wrap {
		width: 100%;
		margin-right:0px;
		margin-bottom:20px;
	}
	div.team-txt {
		font-size: 3vw;
	}

	div.occasioni-wrap div {
		clear: both;
	}
	div.occasioni-img {
		width:100%;
	}
	div.occasioni-txt {
		width:100%;
		font-size:13pt;
	}


}


/* MOBILE */
@media only screen and (max-width: 600px) {
	div.splash-text {
		font-size: 20vw;
	}
	div.splash-logo40anni {
		width:30vw;
	}

	div.claim {
		margin-bottom:10px;
		font-size: 10.5vw;
	}

	div.frase1 {
		font-size: 22pt;
	}
	div.frase2 {
		font-size: 15pt;
	}

	div.sub-container-sx {
		width:100%;
		clear:both;
	}
	div.sub-container-dx {
		width:100%;
		clear:both;
		/*display:none;*/
	}
	div.sub-container-spazio {
		display:block;
	}
	h2.titolo-sezione {
		font-size:25pt;
	}
	div.share-button {
		width: 62px;
		/*height:40px;
		background-size:35px;*/
	}
	h2.altri-contenuti {
		font-size: 8vw;
	}


	div.logo-img img{
		width:70%;
	}

	div.actions-layout {
		width: 90%;
	}
	div.action-wrap {
		margin-right:0; /*=m*/
		width: 100%; /*=[100-m(N-1)]/N; N=numero di elementi su ogni riga; */
	}
	div.action-wrap:nth-child(n+2) {
		margin-top:20px;
	}
	div.action-cerchio-wrap {
		width:70%; /* grandezza del cerchio rispetto a testo */
	}
	div.action-testo {
		font-size: 10vw;
		padding:0;
	}

	div.action-wrap.chi-siamo {
		/*display:none;*/
	}


	div.contenuto {
		margin-right: 0;
		width: 100%;

		margin-top: 5px;
	}
	div.parent-content a:nth-child(1) div.contenuto { /*al primo elemento riduco il margine superiore */
		margin-top: 0px;
	}
	div.parent-content a:nth-child(n+4) div.contenuto.home { /* mostro solo 3 elementi*/
		display:none;
	}

	div.contenuto-box-titolo {
		padding:5px;
		font-size: 7vw;
	}


	div.w33, div.w50 { /* slideshow */
		clear: both;
		width:100%;
	}


	input.contattaci, label.contattaci, p.contattaci, select.contattaci, textarea.contattaci, div.captcha-contattaci, div.contattaci {
		clear: both;
		width:100%;

		font-size: 15pt;
	}
	div.captcha-contattaci img.captcha-rnd {
		width: calc(100% - 70px);
	}
	div.captcha-contattaci img.captcha-refresh {
		position:absolute;
		left:auto;
		right:0;
		width:60px;
	}

	p.contattaci {
		padding-left:0;
	}
	p.contattaci, label.contattaci {
		font-size: 15pt;
	}
	textarea.contattaci {
		height: 300px;
	}
	input[type=button].contattaci_button, input[type=submit].contattaci_button, input[type=reset].contattaci_button {
		width:100%;
	}


	div.servizio-wrap {
		width: 100%;
		margin-right:0px;
	}

	h4.titolo-sezione {
		font-size:10vw;
	}
	div.team-wrap {
		width: 100%;
		margin-right:0px;
		margin-bottom:20px;
	}
	div.team-txt {
		font-size: 2.8vw;
	}

	div.occasioni-wrap div {
		clear: both;
	}
	div.occasioni-img {
		width:100%;
	}
	div.occasioni-txt {
		width:100%;
		font-size:13pt;
	}

}




/* VERTICALE */
@media only screen and (orientation:portrait) {

}

/* ORIZZONTALE */
@media only screen and (orientation:landscape) {

}


/* COOKIE LAW BANNER */

#cookieConsent {
	background-color: rgba(20,20,20,0.9);
	min-height: 26px;
	font-size: 16px;
	color: #ccc;
	line-height: 26px;
	padding: 8px 0 8px 30px;
	font-family: "Trebuchet MS",Helvetica,sans-serif;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
	z-index: 9999;
}
#cookieConsent a {
	color: #4B8EE7;
	text-decoration: none;
}
#closeCookieConsent {
	float: right;
	display: inline-block;
	cursor: pointer;
	height: 20px;
	width: 20px;
	margin: -15px 0 0 0;
	font-weight: bold;
}
#closeCookieConsent:hover {
	color: #FFF;
}
#cookieConsent a.cookieConsentOK {
	background-color: #F1D600;
	color: #000;
	display: inline-block;
	border-radius: 5px;
	padding: 0 20px;
	cursor: pointer;
	float: right;
	margin: 0 60px 0 10px;
}
#cookieConsent a.cookieConsentOK:hover {
	background-color: #E0C91F;
}