/****************************************************************************/
/* STILE DELLA FINESTRA PRESENTI */

/* HELP: Da qui è possibile modificare:
- I font ed i colori dei presenti
- Le dimensioni e la posizione della finestra dei presenti
- Lo sfondo della finestra dei presenti */

/*Frame dei presenti*/
div.presenti iframe.iframe_presenti{
   margin-top: 5px;
   width: 215px;
   height: 280px;
   overflow: hidden;
   overflow-wrap: break-word;
   background-color: transparent;}

div.presenti iframe.iframe_presenti body.transparent_body{ background-color: none;}

.underline a { text-decoration:none; letter-spacing:1px;}
.underline a:hover{ text-decoration:underline;}

/*cornice dei presenti in un luogo*/
div.presenti_cornice{margin-top: 17px;}
   
div.presenti_title{ margin-left: -12px; margin-top: -5px; text-align:center; width:145px; height:44px; position: absolute; background-image: url(imgs/presenti_title.jpg); background-repeat:no-repeat; background-position:top center; padding-top: 21px; font-weight:bold; color: rgba(92,39,12,0.5); 
 font-family: Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif; color: rgba(232,211,166,0.8); text-transform:uppercase; letter-spacing:2px; text-shadow: 0px 0px 2px rgba(255, 255, 255, 1); text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.75);}

 div.presenti_title a{ text-align:center;  font-weight:normal; color: rgba(92,39,12,0.5); font-family: Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif; color: rgba(232,211,166,0.8); text-transform:uppercase; letter-spacing:2px; text-shadow: 0px 0px 2px rgba(255, 255, 255, 1); text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.75);}
 
.presenti_title a:hover { text-align:center;  font-weight:normal; color: rgba(92,39,12,0.3); font-family: Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif; color: rgba(232,211,166,0.8); text-transform:uppercase; letter-spacing:2px; text-shadow: 0px 0px 2px rgba(255, 255, 255, 1); text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.75);}
 
.presenti_title a:visited{ text-align:center;  font-weight:normal; color: rgba(92,39,12,0.5); font-family: Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif; color: rgba(232,211,166,0.8); text-transform:uppercase; letter-spacing:2px; text-shadow: 0px 0px 2px rgba(255, 255, 255, 1); text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.75);}
  
  
  
div.luogo{
	margin:3px 0 0 0;
font-size: 14px;
  font-family: Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif;
  color: rgba(0,0,0,0.5);
  text-shadow: 0px 1px 0px rgba(255,255,255,.2);
  font-weight: normal;
}

div.luogo a {
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size: 14px;
  color: rgba(0,0,0,0.8);
  text-decoration:none;
  font-weight: normal;}
  
div.luogo a:hover {
	 font-family:Georgia, "Times New Roman", Times, serif;
   font-size: 14px;
  color: rgba(0,0,0,0.8);
  text-decoration:none;
  font-weight: normal;}


div.presente{
	font-weight:normal;
	font-size:12px;}

/*presenti total */
div.link_presenti{
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	position:absolute;
	width:200px;
	bottom:0;
}






/*Icone di stato dei presenti*/
div.pagina_presenti img.sesso_ico, 
div.pagina_presenti img.status_ico, 
div.pagina_presenti img.disponibile,
div.pagina_presenti_estesa img.sesso_ico, 
div.pagina_presenti_estesa img.status_ico, 
div.pagina_presenti_estesa img.disponibile{
   margin: 0 2px 0 0;
}

div.pagina_presenti img.disponibile_switch{

}

/*Link nella colonna presenti */
div.pagina_presenti a, 
div.pagina_presenti a:visited, 
div.pagina_presenti_estesa a, 
div.pagina_presenti_estesa a:visited{
   border: none;
letter-spacing: -0.5;
 overflow-wrap: break-word; }

div.pagina_presenti a:hover,
div.pagina_presenti_estesa a:hover{
   border: none;
}
/*Testo nella colonna presenti*/
div.pagina_presenti ul.elenco_presenti,
div.pagina_presenti_estesa ul.elenco_presenti{
   list-style-type: none;
   list-style-position:inside;
   padding: 0px;
   margin: 0px;
   text-align:left;
}

/*Nomi dei luoghi*/
div.pagina_presenti ul.elenco_presenti li.luogo, 
div.pagina_presenti_estesa ul.elenco_presenti li.luogo{
   font-size: 16px;
   font-weight: normal;
   margin: 3px 0 1px 8px;
   text-align:center;
  font-family: 'Metamorphous', cursive;
  text-shadow: 0px 1px 0px rgba(255,255,255,.2);
  color:white;
}

div.pagina_presenti ul.elenco_presenti li.luogo, 
div.pagina_presenti_estesa ul.elenco_presenti li.luogo a {
	color:#1a7aba;
}

div.pagina_presenti_estesa ul.elenco_presenti li.mappa{
   font-size: 16px;
   font-weight: normal;
   margin: 3px 0 1px 0;
  font-family: 'Metamorphous', cursive;
  text-shadow: 0px 1px 0px rgba(255,255,255,0.2);
     text-align:center;
	 color: white;
}


/* Nomi dei personaggi */
div.pagina_presenti ul.elenco_presenti li.presente,
div.pagina_presenti_estesa ul.elenco_presenti li.presente{
font-family:Georgia, "Times New Roman", Times, serif;
   font-size: 14px;
   text-align:center;
   margin-top:5px;
   margin-bottom: 8px;

}

.cella {border-style: solid;
border-width: 0px 0px 0px 1px;
border-bottom-color: #C8AE54;
border-left-color: #FCF3CE;
border-right-color: #C8AE54;
border-top-color: #FCF3CE;
padding: 5px 5px 15px 5px;
height:30px;

}

.cella2 {
border-style: solid;
border-width: 0px 0px 0px 1px;
border-bottom-color: #C8AE54;
border-left-color: #FCF3CE;
border-right-color: #C8AE54;
border-top-color: #FCF3CE;
padding: 5px 5px 15px 5px;
height:10px;}

#smallpresenti {
height:180px;
overflow-y:scroll;
overflow-x:hidden;
}

.presente {    border-style: solid;    border-width: 1px;    border-bottom-color: #C8AE54;    border-left-color: #FCF3CE;    border-right-color: #C8AE54;    border-top-color: #FCF3CE;	}


.presente:nth-child(odd) {   /* styles here */  background-color: #ffe9b65c;  } 
.presente:nth-child(even) {   /* styles here */  background-color: #e6c0665c;}


div.pagina_presenti ul.elenco_presenti li.presente,
div.pagina_presenti_estesa ul.elenco_presenti li.presente{ height: 50px;}

div.pagina_presenti_estesa div.presenti_estesi{
   margin-left: 3%;
   margin-right: 3%;
}


/*Icone presenti*/
img.presenti_ico2{
  margin-left: 2px;
  width: 18px;
  height: 16px;
  border:none;
}

img.presenti_ico{
  margin-left: 2px;
  width: 12px;
  height: 12px;
  border:none;
}


img.presenti_avatar{
  margin-left: 2px;
  margin-right: 8px;
  border:3px double rgba(0,0,0,0.6);
}

/*Entrano-Escono*/

div.presenti_escintro{border:1px solid #fff0;}

/*Presenti Pop Up*/

div.presenti_pop{position:absolute; bottom:0px; margin-left: 135px; margin-bottom:18px;}
div.presenti_pop a{opacity: 0.8;}
div.presenti_pop a:hover{opacity: 1;}

.presenti_pop_nome{ 
font-family: Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif; 
color: rgba(0,0,0,0.6); 
letter-spacing:2px; }

.status_pop {font-size:10px; text-transform:uppercase;}

div.capitolo_elenco_estesi_pop{
	padding: 4px 0px 4px 0px;
	font-size: 14px;
	font-family: Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif;
  text-shadow: 0px 1px 0px rgba(255,255,255,.2);
  color: rgba(0,0,0,0.5);
  font-weight:normal;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	border-top: 1px solid rgba(255,255,255,0.2);
	box-shadow: 0px 6px 8px -6px rgba(0,0,0,0.75);
	background-image: url("imgs/decos_legno.jpg");
	background-repeat:repeat-x;
	top: 0;
	position: fixed;
	width:100%;
	margin-bottom: 180px;
}
	
/****************************************************************************/


@media screen and (max-device-width: 1024px) {
	
	
div.link_presenti {
  width: 280px!important;
}


}