/*stile del template - pagina principale  */

* {
  box-sizing: border-box;
}
body {
  font-family: Arial, Helvetica, sans-serif;
  /*margin: 0;*/
}
/* Style the header */
header {
  /*background-color: #282828;*/
  /*padding: 5px;*/
  text-align: center;
  font-size: 25px;
  color: white;
}
.responsive {
  width: 100%;
  /*max-width:600px;
  height: 600px;*/
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding: 10px;
  /*height: 300px;  Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Style the footer */
footer {
  background-color: #777;
  padding: 10px;
  text-align: center;
  color: white;
}


/*Style the h3*/
h3 {
  animation-name: totem;
  animation-duration: 60s;
  animation-iteration-count: infinite;
  animation-direction: alternate-reverse;
  background-color: blue;
  /*padding: 10px;*/
  /*font-size: 25px;*/
  /*text-align: center;*/
  color: white;
}
@keyframes totem {
  from {background-color: red;}
  to {background-color: blue;}
  
/*  5%   {background-color: #f1f1f1;}
  20%  {background-color: #ccc;}
  55%  {background-color: #282828;}
  100% {background-color: white;}*/
}
/*stile applicato all'iframe
#wrap { width: 700px; height: 350px; padding: 0; position:relative; left:0px; top:0px; overflow: hidden; }
#frame { width: 100%; height: 350px; position:left; left:0px; top:0px; }
#frame { -ms-zoom: 0.7; -moz-transform: scale(0.7); -moz-transform-origin: 0px 0; -o-transform: scale(0.7); -o-transform-origin: 0 0; -webkit-transform: scale(0.7); -webkit-transform-origin: 0 0; }*/

.container {
  position: relative;
  overflow: hidden;
  width: 100%;
  #padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}


/* AVVISI */
#avvislist {
  padding-top: 10px;
}

#pim_avvis_pid_label, #pim_avvis_pid_value, #pim_avvis_insdate_label, #pim_avvis_insdate_value, #pim_avvis_lastmod_label, #pim_avvis_lastmod_value, #pim_avvis_tipo_label, #pim_avvis_tipo_value, #pim_avvis_stato_label, #pim_avvis_stato_value, #pim_avvis_titolo_label, #pim_avvis_titolo_value, #pim_avvis_target_label, #pim_avvis_target_value, #pim_avvis_urgente_label, #pim_avvis_urgente_value , #pim_avvis_inizio_label, #pim_avvis_inizio_value, #pim_avvis_fine_label, #pim_avvis_fine_value, #pim_avvis_testo_label, #pim_avvis_tipoevento_label, #pim_avvis_tipoevento_value, #pim_avvis_titoloevento_label, #pim_avvis_titoloevento_value, #pim_avvis_luogo_label, #pim_avvis_luogo_value, #pim_avvis_relatore_label, #pim_avvis_relatore_value, #pim_avvis_abstract_label, #pim_avvis_abstract_value, #pim_avvis_odg_label, #pim_avvis_odg_value , #pim_avvis_people_label, #pim_avvis_people_value, #pim_avvis_organizzatori_label, #pim_avvis_organizzatori_value, #pim_avvis_note_label, #pim_avvis_note_value, #pim_avvis_docsrefs_label, #pim_avvis_docsrefs_value {
  display: none;
}

#avvislist #pim_avvis_titolo_value {
  display: block;
  margin: 0 0 18px 0;
  padding: 0;
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: bottom right;
}

#avvislist #pim_avvis_testo_value {
  display: block;
  margin: 0 0 18px 0;
  padding: 0;
  background-color: #EEF3F7;
  background-repeat: no-repeat;
  background-position: bottom right;
}
#reader-avviso #pim_titolo_value {
  display: none;
  margin: 0 0 20px 0;
  padding-top: 20px;
  font-weight: bold;
  font-size: 1.333em;
}
#reader-avviso #pim_ultima_modifica_label{
  float: left;
  margin: 0 0 20px 0;
  font-style: italic;
}
#reader-avviso #pim_ultima_modifica_value{
  margin: 20px 0 0 120px;
}
#reader-avviso #pim_testo_value{
  clear: left;
  margin: 20px 0 20px 0;
}

/* EVENTI */
#eventslist {
  padding-top: 10px;
}
#pim_events_inizio_value
{
  font-weight: bold;
  font-size: 1.333em;
  color: red;
}
#pim_events_pid_label, #pim_events_pid_value, #pim_events_insdate_label, #pim_events_insdate_value, #pim_events_lastmod_label, #pim_events_lastmod_value, #pim_events_tipo_label, #pim_events_tipo_value, #pim_events_stato_label, #pim_events_stato_value, #pim_events_titolo_label, #pim_events_titolo_value, #pim_events_target_label, #pim_events_target_value, #pim_events_urgente_label, #pim_events_urgente_value , #pim_events_inizio_label, #pim_events_iniziof_label, #pim_events_fine_label, #pim_events_fine_value, #pim_events_testo_label, #pim_events_tipoevento_label, #pim_events_tipoevento_value, #pim_events_titoloevento_label, #pim_events_luogo_label,  #pim_events_relatore_label, #pim_events_abstract_label, #pim_events_abstract_value, #pim_events_odg_label, #pim_events_odg_value , #pim_events_people_label, #pim_events_people_value, #pim_events_organizzatori_label, #pim_events_organizzatori_value, #pim_events_note_label, #pim_events_note_value, #pim_events_docsrefs_label, #pim_events_docsrefs_value, #pim_events_testo_value {
  display: none;
}
#pim_list_title {
  display: none;
  margin: 18px 0 0 0;
  padding: 0 0 0 18px;
  background-color: #DDEEFF;
  background-image: url("/fisgejo/images/extlink.png");
  background-repeat: no-repeat;
  background-position: center left;
}
#eventslist
#pim_events_iniziof_value, #pim_events_relatore_value, #pim_events_titoloevento_value {
  display: block;
  margin: 0 0 0 0;
  padding: 0;
  background-color: #EEF3F7;
  font-weight: bold;
  font-size: 1.333em;
}
#eventslist  #pim_events_titoloevento_value {
  font-weight: bold;
}
#reader-evento #pim_titolo_value {
  display: none;
  margin: 0 0 20px 0;
  padding-top: 20px;
  font-weight: bold;
  font-size: 1.333em;
}
#reader-evento #pim_inizio_value,
#reader-evento #pim_luogo_value,
#reader-evento #pim_relatore_value,
#reader-evento #pim_titoloevento_value,
#reader-evento #pim_abstract_value,
#reader-evento #pim_odg_value,
#reader-evento #pim_people_value,
#reader-evento #pim_organizzatori_value,
#reader-evento #pim_note_value
{
  margin-bottom: 8px;
}
#reader-evento #pim_inizio_label,
#reader-evento #pim_abstract_label,
#reader-evento #pim_odg_label
{
  display: none;
}
#reader-evento #pim_relatore_value,
#reader-evento #pim_titoloevento_value
{
  font-weight: bold;
}
#reader-evento #pim_organizzatori_label,
#reader-evento #pim_note_label
{
  font-style: italic;
  margin-top: 16px;
}