


.container{
	width:  90%;
	max-width: 100%;
}
#page_head {
	background-image: linear-gradient(to bottom, rgba(128,128,128,1), rgba(255,255,255,0) );
	padding: 20px 1%;
}

#page_body {
	margin: 0px;
	padding: 0px;
}

#footer{
	margin-top: 15px; padding: 15px 0px;
	border-top: 1px solid rgba(128,128,128,0.25);
	background-color: rgba(128,128,128,0.2);
}

.column, .columns {		margin-left: 1%;		}
.one.columns { 			width: 7.4166666666%;	}
.one-half.columns { 	width: 11.625%;	}
.two.columns {    		width: 15.8333333333%;	}	
.three.columns {   		width: 24.25%;	}			


.tile {
	border: 1px solid #AAA;
	padding: 5%; margin: 2%; margin-bottom:10%;
	border-radius: 15px;
	position: relative;
	background-color: #FFF;
}

.tile:hover { background-image: linear-gradient(to bottom, #BBB, #EEE ); }
.tile img { background-color: white; border: 1px solid #FFF; border-radius: 10px; width: 100%;}
.tile a { text-decoration: none; }
.tile a:hover { text-decoration: none; }
.tile a:hover img { border: 1px solid #888; }
.tile .caption { display: block; padding: 5px; }
.tile .caption h5 {line-height: 1.1em; margin-bottom: 10px; }
.tile .caption p { line-height: 1.1em; text-align: justify; font-size: 0.95em; font-weight: 500; }

.tile .txtover { position: absolute; left:10%; top:2%;}
.tile .txtover svg { width: 250px; height: 200px; font-size: 25px; text-shadow: 15px 15px 15px #888; font-weight: 800; }

.status { position: relative; margin-top: 0px; margin-bottom: -10px; padding: 5px; line-height: 30px; border: 1px solid #888; background-color: rgba(245,245,220,128);}
.status>div			{ font-size: 0.9em; font-weight: 600;}
.status div.percent {
	display: block; line-height: 22px; text-align: center; color: #FFF; border: 1px solid #66B; margin-top:2px;
	background-image: linear-gradient(to bottom, #AAF, #88F);
}

ul#news li { line-height: 8px; font-size: 0.75em; margin-bottom: 0.25em;}

/*SOCIAL*****************************
************************************/
ul.social { margin:0px; }
ul.social li {
	display: inline-block; padding: 0px 5px;
	width: 110px; height: 30px;
	border: 1px solid black; border-radius: 5px;
	text-align: center; font-size: 15px; font-weight: 600;
	background: linear-gradient( #FFF, #EEF );
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 5px 10px 0 rgba(0, 0, 0, 0.19);
}
ul.social li:hover { background: linear-gradient( #DDF, #AAE );  }
ul.social a { display: block; line-height: 30px; color: #000; text-decoration: none; }

ul.social input {}


/* DOWNLOADS PAGE *******************
 * **********************************/

#files fieldset { border: 1px solid #888; display: inline-block; width: 30%; float: left; padding:  10px; margin-left: 1%;}
#files ul { margin: 0px; }
#files li { position:  relative; display: block; padding: 5px; margin: 0px;}
#files li:hover { background-color: rgba(0.5, 1, 1, 0.05); }
#files li span {
	position: absolute; right: 5px; top: 5px; user-select: none;
    display: inline-block; text-align: right; font-size: 0.9em; font-weight: 600; color: #AAA;
}