@charset "utf-8";
/* definisco le caratteristiche comuni a tutti gli schermi  */
* { /* SERVE? */
    box-sizing: border-box;
}
/* li faccio diventare blocchi */
article, footer, header, section {
	display: block;
}
/*aside {
    background-color: #33b5e5;
    padding: 15px;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}*/
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ececec;
	font-size: 14px;
}
/*con width:auto gli elementi article,footer,header,section prendono la dimensione di chi li contiene */
footer {
	width: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 12px;
	color: #333;
	padding: 3px;
}
header {
	width: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
h1 {
	font-size: 28px;
}
h2 {
    font-size: 16px;
}
h3 {
	font-size: 15px;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* lo stile seguente viene applicato solo alle table che hanno l’attributo class="anni" ecc. */       
table.anni{border:0px;}
table.corpo{border:1px solid #004c7e;width:100%;}
table.corpocdl{border:1px solid #87000e;width:100%;}
/* per area riservata
table.corporise{border:1px solid #7bce9c;width:100%;}*/
/*table.corporise{border:1px solid #17a34f;width:100%;}*/
td.corpo,th.corpo{padding: 3px;}
th.t02{width:2%;}
th.t04{width:4%;}
th.t14{width:14%;}
th.t24{width:24%;}
th.t56{width:56%;}
th.t70{width:70%;}
th.tp146{width:146px}
/* per area riservata 
lo stile seguente viene applicato solo alle table che hanno l’attributo class="immetti", nelle form */
/*table.immettitab{
	border: 1px solid #004c7e;
	width: 100%;
}
table.immettitabcdl{
	border: 1px solid #87000e;
	width: 100%;
}
td.immettitab{padding: 3px;}
td.duecolrise{ 
	border: 1px solid #7bce9c;
		padding: 5px;
	width:90%;
}
*/
ul.cdl li {
	list-style-image:url(https://labdisia.disia.unifi.it/disiaeventi/immagini/dot-cdl.gif);
	margin: 3px; 
	padding-top: 5px;
}
ul.dip li {
	list-style-image: url(https://labdisia.disia.unifi.it/disiaeventi/immagini/dot-dip.gif);
	margin: 3px;
	padding-top: 5px;
}
ul.diprise li {
	list-style-image: url(https://labdisia.disia.unifi.it/disiaeventi/immagini/dot-dip.gif);
	margin: 3px;
	padding-top: 5px;
}
#contenitore {
	background-color: #fff;
	margin-right: auto;
	margin-left: auto;
}
#stampa {
	text-align: left;
}
.alto {
	vertical-align:top;
}
.bianco {
	color:#FFF;
}
.breadcrumb {
	padding: 0px 0px;
	list-style: none;
}
.breadcrumb > li {
	display: inline-block;
}
.breadcrumb > li + li:before {
	color: #000;
	content: "\>";
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.breadcrumb > .active {
	color: #000;
}
.centro {
	text-align: center;
}
.clear {
	clear: left;
}
.colorecdl {
	color:#87000e;
}
.coloredip {
	color: #004c7e;
}
.corsivo {
	font-style:italic;
}
.destra {
	text-align:right;
}
.grandino { 
	font-size:16px;
}
.grassetto {
	font-weight: bold;
}
.linknascosto {
	color: #333;
}
a.linknascosto:link {
	text-decoration: none;
}
a.linknascosto:visited {
	color: #333;
	text-decoration: none;
}
a.linknascosto:active {
	color: #333;
	text-decoration: none;	
}
a.linknascosto:hover {
	color: #87000e;
	text-decoration: none;
}
.linknormale {
	color: #004c7e;
}
a.linknormale:link {
	text-decoration: underline;
}
a.linknormale:visited {
	text-decoration: underline;
}
a.linknormale:active {
	color: #F00;
	text-decoration: underline;	
}
a.linknormale:hover {
	color: #87000e;
	text-decoration: underline;
}
.linknormalecdl {
	color: #87000e;
}
a.linknormalecdl:link {
	text-decoration: underline;
}
a.linknormalecdl:visited {
	text-decoration: underline;
}
a.linknormalecdl:active {
	color: #F00;
	text-decoration: underline;
}
a.linknormalecdl:hover {
	color: #004c7e;
	text-decoration: underline;
}
.piccolo {
	font-size:13px;
}
.row:after { 
    content: "";
    clear: both;
    display: block;
}
.sfondochiaro {
	background-color:#eeeeee;
}
.sfondoscuro {
	background-color:#cccccc;
}
.sfondotabcdl {
	background-color:#87000e;
}
.sfondotabdip {
	background-color:#004c7e;
}
[class*="col-"] {
    float: left;
/*  15 valore originale per le colonne
    padding: 15px;*/
	padding: 3px;
}

@media only screen and (max-width:980px) {
	/* SCHERMI minori uguali di 980*/
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ececec;
	font-size: 16px;
}
footer {
	font-size: 14px;
}
h1 {
	font-size: 30px;
}
h2 {
    font-size: 18px;
}
h3 {
	font-size: 17px;
}
#contenitore {
    width: 100%;
}
#immaginetesta {
	display:none
}
#immaginetestarid {
	background-color: #004c7e;
}
#immaginetestaridcds {
	background-color: #87000e;
}
#titolocds {
	font-size: 18px;
	font-weight: 700;
	color: #87000e;
	padding: 3px;
}
#titolodisia {
	font-size: 18px;
	font-weight: 700;
	color: #004c7e;
	padding: 3px;
}
#titolodisiastampa {
	display:none
}
.grandino { 
	font-size:18px;
}
/* For mobile phones: */ 
[class*="col-"] {
    width: 100%;
}
/* Fine For mobile phones: */
}

@media only screen and (min-width:981px) {
	/* SCHERMI Maggiori uguali di 981*/ 
	/* For desktop: */
#contenitore {
    width: 980px;
}
#immaginetesta {
	display: block
} 
#immaginetestarid, #immaginetestaridcds, #titolocds, #titolodisia {
	display:none
}
#titolodisiastampa {
	display:none
}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}	
}