﻿/*stili per le pagine della Conaca diretta delle Mostre */

html, body {
margin-top:0px;
margin-left:0px;
background:#ffffff;
margin-right:0px;
}

a:link, a:visited {
 color: #ffffff;
 font-weight:bold;
 text-decoration:none;
 border:0px;
}

.colCategorie {
width:200px;
vertical-align:top;
text-align:left;
}
.colRisultati {
vertical-align:top;
text-align:right;
}
.tableContRis {
    width:710px;
    border:1px solid #42597B;
	background-color: #FFFFFF;
}
.tableContGare {
    width:950px;
    border:1px solid #42597B;
	background-color: #FFFFFF;
}
.tableTit {
    width:100%;
    border:0px;
}
.tableRis {
    width:100%;
    border:0px;
}

a.riga01 {
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:13px;
text-transform:uppercase;
font-weight:bold; 
text-decoration:none;
}
a.riga01:visited {
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:13px;
font-weight:bold; 
}
a.riga01:hover {
font-weight:bold;
color:#183452;
background-color:#ffffff;
text-decoration:underline overline;
}
.TitoloPage{
font-family: Verdana; 
font-size: 24px;
text-align:center;
color: #FF0066; 
margin-top: 20px;
margin-bottom: 20px;
}
.Titolo{
font-family: Verdana; 
font-size: 16px;
font-weight:bold;
text-align: center;
color: #31384A; 
margin-top:5px;
margin-bottom:10px;
}
.classi{
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:12px;
color: #31384A; 
font-weight:bold;
text-align:left;
margin:0px;
margin-top:0px;
line-height:20px;
}

.corpo{
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:13px;
text-align:justify;
margin:3px;
}
.cross {
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
color:#42597B;
font-size:11px;
font-weight: bold;
}
.spazio{
margin-top:0px;
margin-bottom:0px;
text-align:center;
}
.riga01_L {
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:13px;
text-align:left;
font-weight: bold;
background-color:#42597B;
padding:4px;
margin:0px;
height:20px;
}
.riga01_R {
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:13px;
text-align:right;
font-weight: bold;
background-color:#42597B;
margin:0px;
padding:5px;
width:10px;
}
.riga01_C_tit {
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight:bold;
text-align: center;
color: #ffffff; 
background-color:#42597B;
padding:8px;
}
.riga01_C {
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
text-align: center;
color: #ffffff; 
background-color:#42597B;
padding:5px;
}
.riga02_C {
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
text-align:center;
background-color:#ffffff;
padding:4px;
border-bottom: 1px solid  #42597B;
}
.riga02_L {
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:18px;
color: #31384A; 
text-align:left;
background-color:#ffffff;
padding:5px;
border-bottom: 1px solid  #42597B;
}
.riga02_R {
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
text-align:right;
background-color:#ffffff;
padding:5px;
border-bottom: 1px solid  #42597B;
}
.rigaTit {
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color: #31384A; 
text-align:left;
background-color:#ffffff;
padding:5px;
}
.rigaTit2 {
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color: #31384A; 
text-align:center;
background-color:#ffffff;
padding:5px;
}
.rigaTit3 {
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
color: #31384A; 
text-align:center;
background-color:#ffffff;
padding:5px;
}
.rigaLogo {
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color: #31384A; 
text-align:left;
background-color:#ffffff;
padding:5px;
}

.riga01 {
font-family: Verdana; 
font-size: 10px;
font-weight:bold;
text-align: center;
color: #ffffff; 
background-color:#42597B;
padding:2px;
}
.riga02 {
font-family: Verdana; 
font-size: 12px;
font-weight:bold;
text-align: center;
color: #ffffff; 
background-color:#42597B;
padding:5px;
}
.riga03 {
font-family: Verdana; 
font-size: 5px;
font-weight:bold;
text-align: center;
color: #ffffff; 
background-color:#42597B;
padding:0px;
}

.Titolo2{
font-family: Verdana; 
font-weight:; 
font-size: 15pt;
text-align: center;
color: #31384A; 
margin-top: 5;
margin-bottom: 5;
}
.data {
	font-family: Verdana;
	font-weight;
	font-size: 15pt;
	text-align: center;
	color: #FF0066;
	margin-top: 5;
	margin-bottom: 5;
}
.foto {
text-decoration:none;
border:0px;
padding:0px;
margin:0px;
width:600px;
height:400px;
}
.testo01_left{
margin-top:3px;
margin-bottom:3px;
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
text-align:left;
font-size:13px;
color:#000000;
}
.TitolettoBlu{
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:14px;
color:#42597B;
font-weight:bold;
margin-top:0px;
margin-bottom:7px;
text-align:center;
}
.style1 {
	border-collapse:separate;
	width: 968px;
}
	.cella_01_tab{
	text-align:center;
	vertical-align:middle;
	background-color:#42597B;
	font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	padding:3px;
	height:15px;
	white-space:nowrap;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	}
	.cella_02_tab{
	text-align:center;
	vertical-align:middle;
	font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	padding:2px;
	height:20px;
	background-color:#ffffff;
	border-left:1px solid #42597B;
	border-right:1px solid #42597B;
	border-bottom:1px solid #42597B;
	white-space:nowrap;	
}
.TabellaGra {
	border-collapse: collapse;
}

.div-tabelle {
	width:100%;
	padding:0px;
	margin:0px;
	text-align:center;
	box-sizing:content-box;
	overflow:auto;
}


.table-foto {
	background-color: #FFFFFF;
    border:1px solid #213452;
width:80%;
}

.img-100 {
text-decoration:none;
border:1px solid #ffffff;
padding:0px;
width:99%;
}
.cella-foto {
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif; 
font-size: 14px;
font-weight:bold;
text-align: center;
color: #ffffff; 
background-color:#213452;
padding:4px 2px 4px 2px;
width:100%;
}



 /* -----------Tabella responsive */ 

table { 
     width: 100%;
     border-collapse: collapse;
 
 } 
 th, td { 
     border: 0px solid #c3c3c3; 
     text-align: center; 
     vertical-align:middle;

 } 
 thead { 
     background-color: #ffffff; 
 } 
  
 /* Media Query per il No More Tables */ 
  
 @media only screen and (max-width: 1280px) { 
     /* 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: 1px solid #ccc; } 
  
 	#no-more-tables td {  
 		/* Inserisce il comportamento come una riga */ 
  
 		border: none; 
 		border-bottom: 1px solid #eee;  
 		position: relative; 
 		padding-left: 1%;  
 		white-space: normal; 
 		text-align:center;
     	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: 100%;  
 		padding-right: 2px;  
 		white-space: nowrap; 
 		text-align:left; 
 		font-weight: bold;
 	} 
  
 	/* Aggiunge l'etichetta ai dati della tabella */ 
  
 	#no-more-tables td:before { content: attr(data-title); } 
 } 

 /* -----------FINE Tabella responsive */ 


