/************************************/
/* RIDEFINIZIONE STILI DEI TAG HTML */
/************************************/

/* 14px = 1.4em */
html { font-size: 62.5%; }

body {
  background: black;
  margin: 0px;
}

hr {
  width: 94%;
  margin: 0px auto;
  background: #0000CC;
  border: 0px;
  color: #0000CC;
  height: 1px;
  margin-top: 4px;
  margin-bottom: 4px;
}

strong { color:yellow; }

/**************************/
/* STILE DEI COLLEGAMENTI */
/**************************/

a:link, a:visited {
  text-decoration: none;
  font-weight: bold;
  color:#3271F0;
}

a:hover {
  color:#FF6600;
  text-decoration:underline;
}

#menu a:link,
#menu a:visited { color:#000090; }

#menu a:hover {
  color:#14AA00;
  text-decoration:none;
}

#area_text a:link,
#area_text a:visited { border-bottom: #3271F0 dotted 1px; }

#area_text a:hover { text-decoration:none; }

#download_movie a:link,
#download_movie a:visited,
#download_movie a:hover {
  text-decoration:none;
  border:0;
}

#footer a:link,
#footer a:visited { color:#32B7FF; }

.dotted { border-bottom: #FFFF00 dotted 1px; }

.external {
  background:url(../images/external.png) no-repeat right 3px;
  padding-right:14px;
}

/*******************************/
/* STILE GENERICO DELLA PAGINA */
/*******************************/

#top_page { height: 2em; }

#page {
  margin: 0px auto;
  width: 100%;
  max-width: 984px;
}

#header {
  background: url('../images/header.jpg');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 0;
  padding-top: 12%; /* (img-height / img-width * width) */
  margin: 0 auto;
}

#headereng {
  background: url('../eng/images/header.jpg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 0;
  padding-top: 12%; /* (img-height / img-width * width) */
  margin: 0 auto;
}

#top_header_mobile {
  text-align: center;
  font-size: 4.8em;
  color: #ffc;
  font-family: "Times New Roman","serif";
  font-weight: bold;
  font-style: italic;
  color:#f60;
}

#top_header_mobile div#head_subtitle {
  color: #C9EFC8;
  font-size: 0.64em;
  margin-bottom: 0.4em;
}

/* Sotto 400 pixel l'immagine di header non si vede bene, e quindi si può togliere */
@media all and (max-width: 447px){ #header,#headereng { display: none } }

/* Sopra 400 pixel l'immagine di header si vede bene, e dunque il testo può essere oscurato */
@media all and (min-width: 448px){ #top_header_mobile { display:none } }

/* Non visualizzo il menu in forma desktop */
#menu_desktop { display:none }

#menu { text-align:center; }

#menu_mobile {
  width: 100%;
  text-align: center;
}

#menu_mobile select {
  font-family: Arial, 'sans-serif';
  font-size: 1.72em ;
  padding: 0.4em;
  margin: 0.6em;
}

#image { height:212px; }

#content { padding: 4px; }

#area_film {
  width: 100%;
  height: auto;
  margin: 0px auto;
}

#home_eng #area_film { border: #555555 dotted 1px }

#scelta_visione { margin-bottom: 8px; }

.visione_tab {
  width: 98%;
  padding: 4px;
  text-align:center;
  padding: 12px 0 12px;
}

.testo_scelta_visione {
  font-family : Arial,'sans-serif';
  font-size : 1.72em;
}

/* Sotto ai 640 pixel di larghezza il video viene ridimensionato in percentuale */
@media all and (max-width: 639px) {

  .layer_movie_tab {
    position: relative;
    padding-bottom: 75%; /* 4:3 */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }

  div.layer_movie_tab iframe,
  div.layer_movie_tab object,
  div.layer_movie_tab embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

} /* sotto ai 640 pixel width */

#spot { display: none }

.titolo_evento {
  font-family : Arial,'sans-serif';
  font-size : 2.24em;
  color:#F60;
  margin: 1.8em 0 1em;
}

.testo_intro_main {
  font-family : Georgia, 'sans-serif';
  font-size : 2em;
  color: #CCC;
  font-weight:normal;
  line-height: 1.4em;
  text-align: justify;
}

#nofacebook { margin: 1em 0; }

.nofacebook_testo {
  font-family: Arial,'sans-serif';
  font-size: 1em !important;
  text-align: justify;
  padding: 4px !important;
}

/* Non visualizzo il footer specifico dei dispositivi desktop */
#footer_desktop { display: none }

#bottom_mobile {
  margin-top: 2em;
  padding: 0 0 1.6em 0;
  width: 100%;
  clear: both;
  line-height: 184%;
}

#bottom_mobile img {
  display:block;
  float:none;
  margin: 1.36em auto;
}

.hide, .nas { display: none }

/************************/
/* STILE TESTO GENERICO */
/************************/

#intestazione {
  font-family : Tahoma, Arial, 'sans-serif';
  font-size : 1.2em;
  color: #B7B7B7;
  padding-top: 2px;
}

.testo_piccolo {
  font-family : Tahoma, 'sans-serif';
  font-size : 1.2em;
  color: #fff;
}

.testo {
  font-family : Georgia,'sans-serif';
  font-size : 2em;
  color: #c0f3be;
  line-height: 1.4em;
  font-weight:normal;
}

.grigio { color: #555555 }

.arancio { color: #FF6600 }

/***************************/
/* STILI GENERICI IMMAGINI */
/***************************/
/* La classica immagine a sinistra/destra dei documenti la metto al centro, ma soltanto per screen < 480px */
@media all and (max-width: 479px) {

  .testo img {
    width: 100%;
    height: 100%;
    max-width: 184px;
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    margin-bottom: 1.2em !important;
  }

} /* < 480 px */

/*************************/
/* STILI PAGINA DOWNLOAD */
/*************************/

#info_download { margin: 1em 0 }

table.border_table { display: none }

.titolo_download {
  font-family : Georgia,'sans-serif';
  font-size : 2em;
  color:#FF0;
  font-weight: bold;
  line-height: initial;
}

.titolo_sezione {
  font-family : Georgia,'sans-serif';
  font-size : 1.48em;
  color:#F60;
}

/*************************/
/* STILI PAGINA SUPPORT */
/*************************/

#paypal_box img { width: auto }

/* Visualizzo la sezione con il collegamento alla pagina banner soltanto se il device è grande a sufficienza */
@media all and (max-width: 600px) {
  #banner_choose { display: none }
}

/*******************************/
/* STILI PAGINE TESTO COMPLETO */
/*******************************/

#welcome {
  font-family : Georgia, Arial,'sans-serif';
  font-size : 3em;
  color:#00FF1E;
  margin: 1em 0;
}

#ndx {
  margin: 1em auto;
  border: #555555 dotted 1px;
  background:url(../testo/images/back.jpg) center no-repeat;
}

.titolo_indice {
  font-family : 'Times New Roman','sans-serif';
  font-size : 3em;
  color:#3DD2FF;
}

.note {
  font-family : Tahoma,'sans-serif';
  font-size : 1em;
  color: #aaa;
  font-weight:normal;
}

.titolo_parte {
  font-family : 'Times New Roman','sans-serif';
  font-size : 2.6em;
  color:#F60;
  font-weight: bold;
  text-align: center;
  padding-left: 0 !important;
}

.titolo_capitolo {
  font-family : 'Georgia','sans-serif';
  font-size : 1.96em;
  text-align: center;
  margin: 0.36em 0;
}

#parte2 { margin-top: 4em }

#altritesti {
  margin: 0 auto 10px;
  border: #555555 dotted 1px;
  background:url(../testo/images/back2.jpg) center no-repeat;
  overflow: auto;
}

img.flag {
  float:left;
  margin-right: 1em;
}

.testoflag {
  font-family : 'Times New Roman','sans-serif';
  font-size : 1.72em;
  color:#FFC;
  text-align: center;
  margin: 0 0 1em;
  float: left;
}

.testoflagrigio { color:#727272 }

#content > .titolo_sezione,
#area_text > .titolo_sezione {
  font-size: 2.48em;
  margin: 2em auto 1em;
}

/* Sotto ai 480 pixel di larghezza i segmenti video vengono ridimensionati in percentuale */
@media all and (max-width: 479px) {

  .testo_video {
    position: relative;
    padding-bottom: 75%; /* 4:3 */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }

  div.testo_video iframe,
  div.testo_video object,
  div.testo_video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

} /* sotto ai 480 pixel width */

.quoting,
.quoting_larga {
  background-color:#161616;
  border: #555555 dotted 1px;
  margin: 1.6em auto;
  width: 84%;
  font-family : 'Verdana','sans-serif';
  font-style:italic;
  font-size : 1em;
  color:#AAA;
  text-align:center;
  padding: 0.6em;
}

.autore { font-weight:bold;color:#78D916; }

/**********************************/
/* STILE DELLE PAGINE DEI CREDITS */
/**********************************/

#menu_credits {
  margin:1em 0 2em;
  text-align:center;
}

#menu_credits_item {
  font-family : 'Georgia', 'sans-serif';
  font-size : 2em;
}

#menu_credits_item a:link,
#menu_credits_item a:visited {
  border-bottom: #3271F0 dotted 1px;
  color:#FF6060;
}

#menu_credits_item a:hover {
  text-decoration:none;
  color:#14AA00;
}

#menu_credits_item span { display:none }

/************************************/
/* STILE RIQUADRO SPOT SOTTO HEADER */
/************************************/

.top_banner {
  border:1px solid #ddd;
  width:92%;
  margin:0 auto 2em;
  border-radius: 4px;
  background-color:#ffc;
  position: relative;
}

.top_banner a {text-decoration: none;}

.top_banner img {
  height: auto;
  max-width: 100px;
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  margin-bottom: 1.2em !important;
}

.top_random_biblio {
  font-family : Arial, 'sans-serif';
  color: #000000;
  clear: both;
  overflow: hidden;
  margin: 4px 0;
  padding: 4px;
  position: relative;
  z-index: 2;
  text-align: center;
}

.top_banner img.copertina { border: 1px solid #000000; }

.top_banner img.bottone_copertina {
  float: right;
  width: 172px;
  margin: 36px 8px;
}

.libro_copertina {
  float:left;
  width: 84px;
  height: 128px;
}

.titolo_random_biblio {
  font-size : 2em;
  font-style: italic;
}

.bottone_aggiuntivo_libro {
  border-radius: 0.8em;
  box-shadow: 0.4em 0.4em 0.4em #888;
  background: transparent linear-gradient(#E2E3FF, #BDAAFF) repeat scroll 0% 0%;
  font-family: "Arial","sans-serif";
  font-style: italic;
  color: #0043FD;
  line-height: 112%;
  padding: 0.2em;
  width: 72%;
  font-size: 14px;
  text-align: center;
  margin: 0.84em auto 0.42em;
}

.bottone_aggiuntivo_libro:hover {
  background: linear-gradient( #249aff, #000090);
  color:#ffff00;
}

.sottotitolo_random_biblio {
  font-size : 1.44em;
  color: #646464;
  font-style: italic;
  margin-top: 2px;
  text-align: center;
}

.presentazione_random_biblio {
  font-family : Georgia, 'sans-serif';
  margin-top: 8px;
  font-size: 1.4em;
  line-height: 1.36em;
}

/****************************************************************************/

.book_item {
  margin: 2.72em 0;
  overflow: auto;
}

#book_cover {
  float:left;
  margin: 0 0.6em;
}

#cover_link a:link,
#cover_link a:visited,
#cover_link a:hover {
  border: 0px;
  color:grey;
}

.margin-mobile { margin-top:3em }

.biblio-credits { text-align: center }

.biblio-credits .testo { margin: 2em 0 }