﻿   /* -----------inizio Intestazione logo ANAFIBJ analisi genomiche */ 

html, body {
margin:0px;
padding:0px;
background-color:#ffffff;
color:#000000;
}
.logo-iscrizioni-mostre {
	border-width: 0px;
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}

@media all and (max-width: 1920px) {

#modulo-iscrizioni-01 {
	vertical-align:top;
	text-align:left;
	margin:2px;
	padding:0px;
	min-height:10px;
	min-width:100%;
}
#modulo-iscrizioni-02 {
	vertical-align:top;
	text-align:left;
	margin:2px;
	padding:0px;
	min-height:10px;
	min-width:100%;
}
#modulo-iscrizioni-03 {
	vertical-align:top;
	text-align:left;
	margin:2px;
	padding:0px;
	min-height:10px;
	min-width:100%;
}
}
@media all and (max-width: 736px) {
#modulo-iscrizioni-01 {
	vertical-align:top;
	text-align:left;
	margin:2px;
	padding:0px;
	min-height:10px;
	min-width:98%;
}
#modulo-iscrizioni-02 {
	vertical-align:top;
	text-align:left;
	margin:2px;
	padding:0px;
	min-height:10px;
	min-width:98%;
}
#modulo-iscrizioni-03 {
	vertical-align:top;
	text-align:left;
	margin:2px;
	padding:0px;
	min-height:10px;
	min-width:98%;
}
}


@media all and (max-width: 1920px) {

#modulo-iscrizioni-01 {
	vertical-align:top;
	text-align:left;
	margin:2px;
	padding:0px;
	min-height:10px;
	min-width:100%;
}
#modulo-iscrizioni-02 {
	vertical-align:top;
	text-align:left;
	margin:2px;
	padding:0px;
	min-height:10px;
	min-width:100%;
}
#modulo-iscrizioni-03 {
	vertical-align:top;
	text-align:left;
	margin:2px;
	padding:0px;
	min-height:10px;
	min-width:100%;
}
}
@media all and (max-width: 1280px) {

#modulo-iscrizioni-01 {
	vertical-align:top;
	text-align:left;
	margin:0px;
	padding:0px;
	min-width:98%;
	display:inline;
}
#modulo-iscrizioni-02 {
	vertical-align:top;
	text-align:left;
	margin:0px;
	padding:0px;
	min-width:98%;
	display:inline;
}
#modulo-iscrizioni-03 {
	vertical-align:top;
	text-align:left;
	margin:0px;
	padding:0px;
	min-width:98%;
	display:inline;
}
}
 
@media all and (max-width: 1920px) {

#modulo-iscrizioni-01 {
	vertical-align:top;
	text-align:center;
	margin:0px;
	padding:0px;
	min-height:10px;
	min-width:100%;
}
#modulo-iscrizioni-02 {
	vertical-align:top;
	text-align:center;
	margin:0px;
	padding:0px;
	min-height:10px;
	min-width:100%;
}
#modulo-iscrizioni-03 {
	vertical-align:top;
	text-align:center;
	margin:0px;
	padding:0px;
	min-height:10px;
	min-width:100%;
}
}
@media all and (max-width: 736px) {

#modulo-iscrizioni-01 {
	vertical-align:top;
	text-align:center;
	margin:0px;
	padding:0px;
	min-height:10px;
	min-width:98%;
}
#modulo-iscrizioni-02 {
	vertical-align:top;
	text-align:center;
	margin:0px;
	padding:0px;
	min-height:10px;
	min-width:98%;
}
#modulo-iscrizioni-03 {
	vertical-align:top;
	text-align:center;
	margin:0px;
	padding:0px;
	min-height:10px;
	min-width:98%;
}
}




 /* -----------Tabella responsive */ 

table { 
     width: 100%;
     border-collapse: collapse;
 
 } 
 th, td { 
     border: 0px solid #c3c3c3; 
     text-align: left; 
     vertical-align:middle;

 } 
 thead { 
     background-color: #ffffff; 
 } 
  
 /* Media Query per il No More Tables */ 
  
 @media only screen and (max-width: 736px) { 
     /* Forza la tabella a non comportarsi come una normale tabella */ 
  
 	#no-more-tables table,  
 	#no-more-tables thead,  
 	#no-more-tables tbody,  
 	#no-more-tables th,  
 	#no-more-tables td,  
 	#no-more-tables tr {  
 		display: block;
 		border-collapse:separate;  
 	} 
  
 	/* Nasconde le intestazioni della tabella */ 
  
 	#no-more-tables thead tr {  
 		position: absolute; 
 		top:-9999px; 
 		left:-9999px; 
 	} 
   
 	#no-more-tables tr { border: 0px solid #ccc; } 
  
 	#no-more-tables td {  
 		/* Inserisce il comportamento come una riga */ 
  
 		border: none; 
 		border-bottom: 1px solid #eee;  
 		position: relative; 
 		padding-left: 40%;  
 		white-space: normal; 
 		text-align:left;
      vertical-align:middle;

 	} 
  
 	#no-more-tables td:before {  
 		/* Inserisce il comportamento come un'intestazione di tabella */ 
  
 		position: absolute; 
 		/* I valori top/left agiscono come padding */ 
  
 		top:10px; 
 		left: 4px; 
 		width: 20%;  
 		padding-right: 2px;  
 		white-space: nowrap; 
 		text-align:left; 
font-family: Roboto, Calibri, Arial, Helvetica, sans-serif; 
font-size: 15px;
font-weight:bold;
 	} 
  
 	/* Aggiunge l'etichetta ai dati della tabella */ 
  
 	#no-more-tables td:before { content: attr(data-title); } 
 } 

 /* -----------FINE Tabella responsive */ 








 /* Media Query per il No More Tables------ 02 */ 
  
 @media only screen and (max-width: 736px) { 
     /* Forza la tabella a non comportarsi come una normale tabella */ 
  
 	#no-more-tables-02 table,  
 	#no-more-tables-02 thead,  
 	#no-more-tables-02 tbody,  
 	#no-more-tables-02 th,  
 	#no-more-tables-02 td,  
 	#no-more-tables-02 tr {  
 		display: block;
 		border-collapse:separate;  
 	} 
  
 	/* Nasconde le intestazioni della tabella */ 
  
 	#no-more-tables-02 thead tr {  
 		position: absolute; 
 		top:-9999px; 
 		left:-9999px; 
 	} 
   
 	#no-more-tables-02 tr { border: 0px solid #ccc; } 
  
 	#no-more-tables-02 td {  
 		/* Inserisce il comportamento come una riga */ 
  
 		border: none; 
 		border-bottom: 1px solid #eee;  
 		position: relative; 
 		padding-left: 0px;  
 		white-space: normal; 
 		text-align:left;
      vertical-align:middle;

 	} 
  
 	#no-more-tables-02 td:before {  
 		/* Inserisce il comportamento come un'intestazione di tabella */ 
  
 		position: absolute; 
 		/* I valori top/left agiscono come padding */ 
  
 		top:10px; 
 		left: 0px; 
 		width: 50%;  
 		padding-right: 0px;  
 		white-space: nowrap; 
 		text-align:center; 
font-family: Roboto, Calibri, Arial, Helvetica, sans-serif; 
font-size: 15px;
font-weight:bold;
 	} 
  
 	/* Aggiunge l'etichetta ai dati della tabella */ 
  
 	#no-more-tables-02 td:before { content: attr(data-title); } 
 } 

 /* -----------FINE Tabella responsive */ 

