/**************************************************************************************/
@font-face {
font-family: 'GaramondNormal';
src: url('fonts/garamond-normal-webfont.eot');
src: local('?'),
     url('garamond-normal-webfont.eot?#iefix') format('embedded-opentype'),
     url('fonts/garamond-normal-webfont.ttf') format('truetype'),
     url('fonts/garamond-normal-webfont.woff') format('woff'),
     url('fonts/garamond-normal-webfont.svg#webfont1iGVJeWW') format('svg');
font-weight: normal;
font-style: normal;
}
/**************************************************************************************/

* {margin: 0; padding: 0;}

html,body {
text-align: center;
font: normal 11px Georgia, Geneva, Arial, Helvetica, Verdana, sans-serif;
color: #010101;
}

:root html, :root body { font-size: 12px \0/IE9;}

a {color: #de0000; text-decoration: none;}
a:hover, a:active, a:focus {text-decoration: underline;}

.clear { clear: both; height: 1px;}

/* pagina d'ingresso ----------*/
html#pag_ingresso,body#ingresso {
height: 100%;
min-width: 1000px;
}

#top, #bottom {
height: 50%;
min-height: 310px;
background: #FFF url(immagini/sf_top.gif) repeat-x bottom left;
}

#bottom {background: #000 url(immagini/sf_bottom.gif) repeat-x top left;}

#centrale_top {
height: 217px;/*302*/
width: 1000px;
padding-top: 85px;
background: url(immagini/sf_centrale_top.jpg) no-repeat top center;
}

#centrale_bottom {
height: 302px;
width: 1000px;
background: url(immagini/sf_centrale_bottom.gif) no-repeat top center;
}

a#contenuto_top, a#contenuto_bottom {
height: 217px;
width: 900px;
background: url(immagini/accedi_lab.gif) no-repeat top center;
display: block;
}
a#contenuto_bottom {background: url(immagini/accedi_mostra.gif) no-repeat top center;}

/* ---------------------------*/

/* generico pagine interne ----------*/
#globale {
width: 1000px;
margin: 0 auto;
text-align: left;
}

#logo {
width: 1000px;
height: 59px;
}

a.link_home {
display: block;
font-size: 16px;
width: 115px;
height: 26px;/*37*/
padding: 11px 0 0 0;
float: right;
text-align: center;
margin-top: 22px;
/*text-decoration: none;*/
}

#foto_banner {
width: 1000px;
height: 290px;
}


/*img font */
.btn {
display: inline-block;
padding: 4px 12px;
margin-bottom: 0;
font-size: 14px;file:///home/alice/public_html/www.g3ferrari.net/layout/css/style.css
line-height: 20px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: #333333;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border: 1px solid #bbbbbb;
border-bottom-color: #a2a2a2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}

.btn:active,.btn.active{background-color:#cccccc \9;}
.btn:hover,.btn:focus,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{color:#333333;background-color:#e6e6e6;*background-color:#d9d9d9;}
.btn:active,.btn.active{background-color:#cccccc \9;}
.btn:first-child{*margin-left:0;}
.btn:first-child{*margin-left:0;}
.btn:hover,.btn:focus{color:#333333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}
.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);}
.btn.disabled,.btn[disabled]{cursor:default;background-image:none;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
/*------------------------------------*/

/* menu navigazione ----------*/
ul#menu  {
float: left;
width: 1000px;

}

ul#menu li {
float: left;
display: inline;
list-style: none;
position: relative;
/*font-family: 'Radley';*/
}

ul#menu li a {
display: block;
/* font-size: 16px; */
font-size: 14px;
}

ul#menu li a.attivo {text-decoration: underline;}

/* menu sec */
ul#menu li ul {
display: none;
position: absolute;
top: 100%;
left: 0;
margin: 0;
width: 200px;
/*background-color: #FFF;*/
z-index: 150;
}

/*#menu ul li ul ul {
top: 0;
left: 220px;
}*/

ul#menu li li {
/*min-height: 28px;
height: auto!important;
height: 28px;*/
width: 200px;
}

ul#menu li.CSStoHighLink a:hover { /*per mantenere il link primario con effetto rollover*/
color: #86ba25;
}

ul#menu li:hover, ul#menu  li.CSStoHighlight {
color: #86ba25;
}

ul#menu ul.CSStoShow {display: block;}

ul#menu li:hover > ul {display: block;} /*per far apparire i menu sec in ie7 e firefox. il > serve per nn far apparire tutti i menù sec in una volta*/

ul#menu ul li a {
font-size: 14px;
width: 200px;
}

/*ul#menu ul li a:hover, ul#menu ul li a:active, ul#menu ul li a:focus, ul#menu ul li a.attivo {color: #afd1e5;}*/

/* // menu navigazione -----------------------*/

#riga_newsletter {
height: 59px;
border-bottom: 1px solid #000;
padding: 0 29px;
}

.tit_newsletter {
font-family: 'GaramondNormal';
font-size: 48px;
background: url(immagini/freccia_newsletter.gif) no-repeat 0 5px;
padding: 5px 0 0 38px;
color: #000;
float: left;
}
*:first-child+html .tit_newsletter {padding: 9px 0 0 38px;}
:root .tit_newsletter {padding: 9px 0 0 38px \0/IE9;}

.tit_newsletter span {font-size: 29px;}

#txt_newsletter {
float: left;
background: url(immagini/tratteggio_verticale.gif) repeat-y top left;
width: 275px;
height: 50px;
padding: 9px 0px 0 20px;
}

/* form mailing
/******************************/
form#form_newsletter, #iscrizione_ok {
padding: 23px 32px 0 32px;
margin: 0;
float: left;
}

form#form_newsletter input {
font-size: 11px;
float: left;
font-family: Georgia;
}

form#form_newsletter input#email {
color: #7b7b7b;
padding: 8px 0 5px 5px;
width: 191px;/*196*/
height: 10px;/*23*/
margin-right: 21px;
}

form#form_newsletter input.bt_mailing {
background: url(immagini/bottone_iscrivi.gif) no-repeat top left;
width: 94px;
height: 25px;
color: #FFF;
border: none;
display: block;
}

#iscrizione_ok {width: 313px;}

.attenzione {color: #F00}
/******************************/

#contenuti_home {
     background: url(immagini/tratteggio_verticale_colonna_sx.gif) repeat-y top left;
     border-bottom: 1px solid #000;
     background-position-x: 20px;
}
#contenuti {background: none; border-bottom: 1px solid #000}
#contenuti_contatti {background: url(immagini/tratteggio_verticale.gif) repeat-y 671px 0; border-bottom: 1px solid #000}

#col_sx {
/*background: url(immagini/tratteggio_verticale_colonna_sx.gif) repeat-y top right;*/
width: 322px;
float: left;
}

.colsx_box1, .colsx_box2, .colsx_box3 {
background: url(immagini/tratteggio_orizzontale.gif) repeat-x bottom left;
width: 264px;/*322*/
padding: 15px 29px 26px 29px;
}
.colsx_box3 {background: none;}

.apici_colsx {
padding: 35px 30px 0px 0;
/*min-height: 66px;/*101*/
/*height: auto!important;
height: 66px;*/
float: left;
z-index: -1;
display: block;
}

.titolo {
font-family: 'GaramondNormal';
font-size: 35px;
line-height: 28px;
padding-right: 16px;
border-bottom: 1px solid #000;
float: left;
margin-bottom: 15px;
}

.sottotitolo {
     font-family: 'GaramondNormal';
     font-size: 30px;
     line-height: 28px;
     padding-right: 16px;
     float: left;
     margin-bottom: 10px;
}

.data {
     font-family: 'GaramondNormal';
     font-size: 18px;
     padding-right: 16px;
     float: left;
     margin-bottom: 10px;
     color: #e30613;
}

.red {
     color: #e30613;
}

.titolo span, .dati_footer_sx span, a.cambio_sezione span {color: #de0000}

.titolo .i100amici, .titolo .insolido, .titolo .col_sx_home {font-size: 28px}

span.nome_logo {
font: bold 12px GaramondNormal;
text-transform: uppercase;
}

span.artesucarte {font: bold 12px Arial; color: #010101;}
.titolo span.artesucarte {font: normal 35px Arial;}
span.artesucarte span, span.insolido {color: #de0000}
span.insolido {font-family: Arial;}

.testo_col {
z-index: 50;
margin-top: 0;
float: left;
}

a.continua_dx {
color: #de0000;
float: right;
text-decoration: underline;
}
a.continua_dx:hover, a.continua_dx:active, a.continua_dx:focus {color: #de0000; text-decoration: none;}

#txt_centrale_home {
float: left;
width: 642px;/*678*/
padding: 35px 25px 35px 11px
}

#txt_centrale {
float: left;
padding: 35px 25px;
}

#txt_centrale_contatti {
float: left;
width: 623px;/*673*/
padding: 35px 25px;
}

#logo_100amici {
background: url(immagini/lab/logo_100amici.gif) no-repeat top left;
float: right;
width: 270px;
height: 117px;
margin: 0 0 0 10px;
}

#footer {padding: 26px 29px; line-height: 18px;}

.dati_footer_sx {float: left;}

.dati_footer_dx {float: right}

.dati_footer_dx a, .dati_footer_dx a:hover, .dati_footer_dx a:active, .dati_footer_dx a:focus {color: #000}

#linguetta_chiusura {
height: 30px;
min-width: 1000px;
padding-bottom: 30px;
}

#barbatrucco {
margin: 0 auto;
width: 985px;
height: 28px;
border-right:none;
text-align: right;
padding: 2px 15px 0 0;
}

.lynx {margin: 10px 0; display:block;}

/*serie di hacking per sistemare il px dx che spaginava la grafica della liguetta in in modo diverso da browser a broweser*/
/*----------------------------------------------------------------------------*/
body#laboratorio #barbatrucco {border-right: 1px solid #000\9;}/*hack per tutti gli ie (in questo caso il 7)*/
body#mostra #barbatrucco {border-right: 1px solid #FFF\9;}/*hack per tutti gli ie (in questo caso il 7)*/
:root #barbatrucco {border-right: none \0/IE9;}/*hack per ie9*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
body#laboratorio #barbatrucco {border-right: 1px solid #000}
body#mostra #barbatrucco {border-right: 1px solid #FFF}
}/*hack per chrome*/

/*----------------------------------------------------------------------------*/

a.cambio_sezione, a.cambio_sezione:hover, a.cambio_sezione:active, a.cambio_sezione:focus {
font-size: 16px;
color: #FFF;
text-decoration: none;
font-style: italic;
}

a.cambio_sezione span {font-size: 20px;}

#cartina {
float: left;
width: 277px;
padding: 35px 0 0 25px;
}

#cartina a {
font-size: 11px;
color: #010101;
text-decoration: underline;
}

cite {line-height: 18px;}
.tit_cite {font-size: 16px;}
.tit_cite .artesucarte {font-size: 16px;}

.col_foto_dx {
float: right;
width: 220px;
background: url(immagini/tratteggio_verticale.gif) repeat-y top left;
padding: 20px 0 0 0;
margin-left: 10px;
}

.col_foto_dx2 {
float: right;
width: auto;
background: url(immagini/tratteggio_verticale.gif) repeat-y top left;
padding: 0px 0 0 0;
margin: 0px 0 0 20px;
}

.col_foto_dx img {
border: 1px solid #000;
margin: 0 0 20px 30px;
}

.img_affiancate, .img_affiancate_ultima {
border: 1px solid #000;
margin: 0 20px 0 0;
}

.col_foto_dx2 .img_affiancate, .col_foto_dx2 .img_affiancate_ultima {
border: 1px solid #000;
margin: 0 0 0 20px;
}

.img_affiancate_ultima, .img_bilbao_ultima {margin: 0 0 0 0;}

a.indietro {
background-color: #585858;
padding: 3px;
color: #FFF;
}

.img_bilbao, .img_bilbao_ultima {
margin: 0px 12px 15px 0;
border: 1px solid #000;
}
/* ---------------------------*/



/* sezione laboratorio ----------*/
body#laboratorio {background: #000 url(immagini/sf_pag_lab.gif) repeat-x top left;}

body#laboratorio #logo {background: url(immagini/logo_laboratorio_nero.gif) no-repeat top left;}

body#laboratorio a.link_home {
color: #c00000;
background-color: #FFF;
}

body#laboratorio #foto_banner {background: url(immagini/banner_laboratorio.jpg) no-repeat top left;}

body#laboratorio ul#menu {margin-left: 2px;}

body#laboratorio ul#menu li a {
color: #464646;
margin: 9px 14px 10px 14px;
}

body#laboratorio ul#menu li ul {background-color: #FFF;}

body#laboratorio #sf_contenuti {margin-top: 1px; background-color: #d6d6d6;}

body#laboratorio form#form_newsletter input#email {border: 1px solid #9e9e9e;}

body#laboratorio .apici_colsx {background: url(immagini/apici_lab.gif) no-repeat center right;}

body#laboratorio #linguetta_chiusura {background: url(immagini/linguetta_chiusura_lab.gif) no-repeat top center;}

body#laboratorio #barbatrucco {background: url(immagini/barbatrucco_lab.gif) no-repeat top left;}

body#laboratorio  #txt_centrale_home .titolo {font-size: 30px;}

body#laboratorio .dati_footer_sx span {font: normal 13px 'GaramondNormal';}

img.img_lab {
border: 1px solid #000;
margin: 14px 7px 14px 7px;
}

ul.due_col {
float: left;
width: 470px;
}

ul.due_col li {
width: 410px;
padding: 0 60px 0 0;
list-style: none;
margin-bottom: 20px;
}

ul.due_col li img {border: 1px solid #000;}

.bordo {
width: 220px;
float: left;
/*border-right: 1px solid #656565;
margin-right: 8px;*/
background: url(immagini/lab/sf_col_torchi.jpg) no-repeat top right;
padding: 2px 0;
}

.didascalia_2col {
border: 1px solid #656565;
border-left: none;
padding: 3px 3px 5px 8px;
float: left;
width: 177px;
height: 120px;
background-color: #CCC;
}

.firma {float: right;}

ul#artistilab, ul#catalogo, ul#artisti_libri_autore {
float: left;
width: 235px;
list-style: none;
border-left: 1px solid #000;
}

ul#artistilab li, ul#catalogo li, ul#artisti_libri_autore li {
margin: 4px 0;
padding: 0 0 0 14px;
background: url(immagini/lab/linea_elenco.gif) no-repeat bottom left;
}

ul#artistilab li a, ul#catalogo li a, ul#artisti_libri_autore li a {color: #4b4b4b}
ul#artistilab li a:hover, ul#catalogo li a:hover, ul#artisti_libri_autore li a {color: #de0000; text-decoration: none}

.img_sx, .img_sx_marginb {
float: left;
border: 1px solid #000;
margin: 0 20px 0 0;
}
.img_sx_marginb {margin-bottom: 15px;}

.testimonianze {
border-left: 1px solid #010101;
padding: 4px;}

.tit_testimonianza {border: 1px solid #010101; padding: 2px 4px;}

/* ---------------------------*/


/* sezione mostra ----------*/
body#mostra {background: #FFF url(immagini/sf_pag_mostra.gif) repeat-x top left;}

body#mostra #logo {background: url(immagini/logo_laboratorio_bianco.gif) no-repeat top left;}

body#mostra a.link_home {
color: #e76f0e;
background-color: #000;
}

body#mostra #foto_banner {background: url(immagini/banner_mostra.jpg) no-repeat top left;}

body#mostra ul#menu {margin-left: 2px;}

body#mostra ul#menu li a {
color: #FFF;
margin: 9px 29px 10px 29px;
}
:root body#mostra ul#menu li a {margin: 9px 30px 10px 30px \0/IE9; }  /* IE9 */

body#mostra ul#menu li ul {
/* margin: 0 0 0 35px; */
width:160px;
background-color: #000;
}

body#mostra ul#menu li ul li {width:160px;}
body#mostra ul#menu li ul li a {margin-left: 20px}

body#mostra #sf_contenuti {margin-top: 1px; background-color: #f4f4f0;}

body#mostra form#form_newsletter input#email {border: 1px solid #d1d1d1;}

body#mostra .apici_colsx {background: url(immagini/apici_mostra.gif) no-repeat center right;}

body#mostra #linguetta_chiusura {background: url(immagini/linguetta_chiusura_mostra.gif) no-repeat top center;}

body#mostra .dati_footer_sx span {font: bold 13px Arial;}

.dati_artesucarte {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 10px 0;
}

.dati_artesucarte span {
float: left;
width: 470px
}

img.img_galleria {
border: 1px solid #000;
margin: 14px 30px;
}

.stagione {
display: none;
/*margin: 0 0 10px 0;*/
/*padding: 5px;
background-color: #edecea;*/
}

a.vecchie_stagioni {
display: block;
/*background-color: #d3d3d3;*/
border: 1px dashed #6b6b6b;
padding: 5px 10px;
font-family: 'GaramondNormal';
font-size: 15px;
width: 920px;
color: #000;
}

a.vecchie_stagioni i {text-decoration: none; color: #326262;}

a.vecchie_stagioni i.pull-left {margin-right: 0.5em; margin-top: 0px;}

.mostre_old {
padding: 14px 0;
width: 940px;
border-bottom: 1px solid #000;
}

.txt_mostre_old, .txt_programma_stagione {
float: left;
background: url(immagini/tratteggio_verticale.gif) repeat-y top left;
padding: 0 0 0 15px;
}

.mostre_old img, .programma_stagione img {
float: left;
margin: 0 14px 0 0;
}

a.top {
background: url(immagini/mostra/torna_su.gif) no-repeat 0 11px;
float: right;
display: block;
font-family: 'GaramondNormal';
font-size: 23px;
color: #da6c6c;
padding: 0 0 0 23px;
}

.programma_stagione {
float: left;
width: 450px;
margin: 20px 20px 20px 0;
position: relative;
/*border: 1px solid red;*/
}

.txt_programma_stagione {
width: 210px;
height: 123px;
/*position: absolute;
bottom: 0;
right: 0;*/
}

.txt_programma_stagione strong {
font-size: 18px;
font-family: 'GaramondNormal';
/*background-color: #000;
color: #FFF;*/
}

.txt_programma_stagione i {font-size: 13px;}

.extra_programma {
border-top: 1px dotted #000;
/*border-bottom: 1px dotted #000;*/
padding: 25px 0
}
.extra_programma h2 {
font-size: 18px;
font-family: 'GaramondNormal';
margin-bottom: 8px;
}

.img_galleria_extra {
float: left;
margin: 0 25px 0 0;
}

ul#catalogo {width: 170px; margin-top: 60px;}

ul#catalogo li a.autore_attivo {color: #de0000; text-decoration: none}

ul#artisti_libri_autore {width: 340px}
ul#artisti_libri_autore li {
background: none;
border-bottom: 1px solid #000;
padding: 10px;
}
ul#artisti_libri_autore li a i {color: #010101;}

ul#artisti_libri_autore li a.autore_attivo b {text-decoration: underline; /*color: #e76f0e;*/}
/*ul#artisti_libri_autore li a.autore_attivo i {color: #e76f0e;}*/

#contenuto_catalogo {
float: left;
width: 570px;
margin-right: 30px;
}

.foto_big_cat {text-align: center;}

/* .foto_big_cat img {border: 1px solid #000;} */

.foto_pic_cat, .foto_pic_cat2 {border-top: 1px solid #000;}

.foto_pic_cat img, .foto_pic_cat2 img {
border: 1px solid #000;
margin: 20px 20px 0 0;
}

.foto_pic_cat img.nobordo {border: none;}

.foto_pic_cat2 img {margin: 20px 15px 0 0;}


ul.stagione_mostre {
list-style: none;
margin: 40px 20px;
width: 420px;
float: left;
}

ul.stagione_mostre li {
border-bottom: 1px solid #000;
border-top: 1px solid #000;
padding: 15px 5px;
margin: 0 0 10px 0;
width: 410px;
font-size: 14px;
line-height: 22px;
float: left;
}

ul.stagione_mostre li.anno {
border: 1px solid #000;
font-size: 25px;
font-family: 'GaramondNormal';
color: #de0000;
/*padding: 5px;*/
margin: 0;
background-color: #d6d6d6;
width: 408px;
}

ul.stagione_mostre li strong {
font-size: 18px;
font-family: 'GaramondNormal';
background-color: #000;
color: #FFF;
padding: 3px;
}

ul.stagione_mostre li span {
font-size: 18px;
font-family: 'GaramondNormal';}

/* ---------------------------*/

/* popup ----------*/
/*body#gallerie_catalogo {background-color: #f4f4f0;padding: 35px 25px;}

body#gallerie_catalogo table {
font: normal 11px Georgia, Geneva, Arial, Helvetica, Verdana, sans-serif;
color: #010101;

}*/

/* ---------------------------*/


/* FORM ---------------------------------------------------------------------*/
form, fieldset {
	padding:0;
	margin:0;
	border:none;
}

fieldset#no div.campoform1, fieldset#no div.campoform2 {
  float:left;
	padding: 0 7px 5px 0;
}

fieldset#no div.campoform1 {
  width:220px;
  text-align:right;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #CCC;
	margin-right:6px;
	padding-top: 1px;
	margin-bottom: 4px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:200px;
	margin-bottom: 0;
	}

fieldset#si div.campoform1 {padding: 0 0 3px 0;}
fieldset#si div.campoform2 {padding: 0 0 10px 0;}

div.campoform_descrittivo {
  margin: 10px 0 10px 140px;
	padding: 10px 7px 5px 0;
}

label {
	text-align: left;
	margin: 0;
	padding: 0;
}


span.alert, span.avviso, label.obbligatorio {color: #ba2b2a;}
label.obbligatorio2 { color: #d647c0; }

.input, table.carrello input.input {
	width: 420px;
	padding: 0;
	margin: 0;
	border: 1px solid #ccc;
	background-color: #fff;
	font: normal 11px Verdana,Arial,Helvetica,Sans-Serif;
	color: #000;
	voice-family: "\"}\"";
	voice-family: inherit;
	padding: 3px;
	}


div#submit, div#submit2 {
	padding: 0;
	margin: 15px 0 10px 0;
}

div#submit2 img, img.logout {
	padding: 0;
	margin: 0;
	border: none;
}

div#submit input {
	background: url('immagini/sf-pulsante.jpg') repeat-x top left;
	background-color: #ebebeb;
	border: 3px double #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	padding: 2px 8px;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;
}

div#submit input:active {
	background: #f4f4f4;
	border: 3px double #ccc;
	border-left-color: #999;
	border-top-color: #999;
}


div.int_modulo {
	padding: 0 0 5px 0;
	margin: 15px 10px 10px 0;
	border-bottom: 1px dotted #7F7F7F;
	font-weight: bold;
	text-transform:uppercase;
	}

div#notifica_errore, div#notifica_conferma {
	width: 450px;
	height: 38px;
	display: block;
	padding: 13px 3px 3px 60px;
	margin: 0 0 20px 0;
	border: 1px dashed #b04b13;
	background: transparent url('immagini/ic-alert.gif') 7px 7px no-repeat;
	text-align:left;
	/*font: normal 11px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;*/
 	color: #2c170e;
	}

div#notifica_conferma {
	border: 1px dashed #00830F;
	background: transparent url('immagini/ic-conferma.png') 12px 11px no-repeat;
 	color: #2c170e;
	}

.spazio_privacy a {color: #de0000; text-decoration: underline;}

#contenuti_popup {
font: normal 12px Georgia, Geneva, Arial, Helvetica, Verdana, sans-serif;
color: #010101;
text-align: left;
padding: 10px;
}

#centrale_top, #centrale_bottom {
     position: relative;
}
.intro_lab {
     position: absolute;
     font-size: 30px;
     color: #ff0600;
     font-family: 'Libre Caslon Text', serif;
     text-align: right;
     right: 77px;
     bottom: 106px;
}

.intro_gal {
     position: absolute;
     font-size: 30px;
     color: #000000;
     font-family: 'Open Sans Condensed', serif;
     left: 77px;
     top: 86px;
}

#quaranta {
     position: fixed;
     /*bottom: 0;*/
     top: 100px;
     right: 100px;
     transition: right ease .5s;
     /** animation: slide 20s ease infinite; **/
}
#quaranta * {
     box-sizing: border-box !important;
}
#quaranta.not-loaded {
     right: -150px;
}

@keyframes slide {
     0%{
          transform: rotate3d(0, 0, 1, 0);
     }
     25%{
          transform: rotate3d(0, 0, 1, 5deg);
     }
     50%{
          transform: rotate3d(0, 0, 1, 0);
     }
     75%{
          transform: rotate3d(0, 0, 1, -5deg);
     }
     100%{
          transform: rotate3d(0, 0, 1, 0);
     }
}

.corner-ribbon > .box > .box-content {
     position: relative;
     width: 100%;
     height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 1rem;
     flex-direction: column;
}

.corner-ribbon > .box > .box-content a.company {
     text-transform: uppercase;
     text-align: center;
     font-size: 1rem;
     line-height: 1.75rem;
     color: black;
}
.corner-ribbon > .box > .box-content a.title {
     text-align: center;
     font-size: 1.8rem;
     /*margin-top: 5rem;*/
     margin-top: 2rem;
     line-height: 2.5rem;
}
.corner-ribbon > .box > .box-content a.subtitle {
     text-align: center;
     font-size: 1.2rem;
     margin-top: 2rem;
     color: black;
}

/* ----- White Block ---------------------------------------*/
.corner-ribbon > .box {
     display            : block;
     background         : white;
     height             : 200px;
     width              : 200px;
     box-shadow         : 0px 1px 5px 0px rgba(0,0,0,0.7);
     -webkit-box-shadow : 0px 1px 5px 0px rgba(0,0,0,0.7);

     border-radius      : 2px;
     position           : relative;
     bottom             : 50px;
     left               : 50%;
     margin-left        : -100px;

}

/* ----- Ribbon Container ---------------------------------------*/
.corner-ribbon > .box > .ribbon-wrapper {
     background : transparent;
     height     : 200px;
     width      : 200px;
     position   : absolute;
     top        : -10px;
     left       : 10px;
     overflow   : hidden;

}

/* ----- Top Curl ---------------------------------------*/
.corner-ribbon > .box > .ribbon-wrapper:before {
     content               : "";
     display               : block;
     -webkit-border-radius : 10px 10px 0px 0px;
     border-radius         : 10px 10px 0px 0px;
     width                 : 50px;
     height                : 10px;
     position              : absolute;
     right                 : 75px;

     background: rgb(255,11,0); /* Old browsers */
     background: linear-gradient(to bottom, rgba(165, 11, 0, 0.8) 55%,rgba(255, 11, 0, 0.8) 99%);

}

/* ----- Right Curl ---------------------------------------*/
.corner-ribbon > .box > .ribbon-wrapper:after {
     content               : "";
     display               : block;
     -webkit-border-radius : 0px 10px 10px 0px;
     border-radius         : 0px 10px 10px 0px;
     width                 : 10px;
     height                : 50px;
     position              : absolute;
     right                 : 0px;
     top                   : 75px;

     background: rgb(255,11,0); /* Old browsers */
     background: linear-gradient(to bottom, rgba(165, 11, 0, 0.8) 55%,rgba(255, 11, 0, 0.8) 99%);


}

/* ----- Ribbon ---------------------------------------*/
.corner-ribbon > .box > .ribbon-wrapper > .ribbon {
     width              : 200px;
     height             : 30px;
     position           : relative;
     top                : 30px;
     right              : -50px;
     z-index            : 1;
     overflow           : hidden;
     transform          :rotate(45deg);
     -ms-transform      :rotate(45deg); /* IE 9 */
     -moz-transform     :rotate(45deg); /* Firefox */
     -webkit-transform  :rotate(45deg); /* Safari and Chrome */
     -o-transform       :rotate(45deg); /* Opera */
     box-shadow         : inset 0px 0px 0px 3px rgb(165, 11, 0),inset 0px 0px 0px 4px rgba(0,0,0,0.5),inset 0px 0px 0px 5px rgba(255,255,255,0.4), 0px 21px 5px -18px rgba(0,0,0,0.8);

     background: rgba(255, 11, 0, 0.7); /* Old browsers */
     background: linear-gradient(to right,  rgba(165, 11, 0, 0.8) 0%, rgba(255, 11, 0, 0.8) 51%, rgba(165, 11, 0, 0.8) 100%);
     color: black;


}

.quarantanni_button {
     background: #336161;
     padding: 15px 10px;
     color: #FFF;
     border: none;
     display: inline-block;
     font-size: 13px;
     border-radius: 5px;
     margin-right: 20px;
     margin-top: 20px;
     text-transform: uppercase;
}

/* ----- Top Glare ---------------------------------------*/
/*
.corner-ribbon > .box > .ribbon-wrapper > .ribbon:before {
     content           : "";
     display           : block;
     height            : 72px;
     width             : 13px;
     position          : relative;
     top               : -13px;
     left              : 27px;
     transform         : rotate(45deg);
     -ms-transform     : rotate(45deg);
     -moz-transform    : rotate(45deg);
     -webkit-transform : rotate(45deg);
     -o-transform      : rotate(45deg);

     background: linear-gradient(to right,  rgba(255,255,255,0) 1%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 100%);

}
*/

/* ----- Right Clear ---------------------------------------*/
/*
.corner-ribbon > .box > .ribbon-wrapper > .ribbon:after {
     content           : "";
     display           : block;
     height            : 72px;
     width             : 13px;
     position          : relative;
     bottom            : 90px;
     left              : 154px;
     transform         : rotate(45deg);
     -ms-transform     : rotate(45deg);
     -moz-transform    : rotate(45deg);
     -webkit-transform : rotate(-45deg);
     -o-transform      : rotate(45deg);

     background: linear-gradient(to right,  rgba(255,255,255,0) 1%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 100%);

}
*/