*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0;}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

a {
	color: #aaa;
	text-decoration: none;
}

a:hover,
a:active {
	color: #333;
}

.intro {padding:5px 45px 15px 45px; font-size:15px; line-height:21px; text-align:center;}

.categoria_tomos1 {color:white; font-family: 'Oswald', sans-serif; letter-spacing:1px; font-size:18px; padding:3px 5% 5px 5%; text-transform: uppercase; width: 100%; text-align: center; display: block; margin: 35px 0 5px 0; line-height: 1.5; box-sizing: border-box;}

.nombre_encic { color:white; font-size:16px; padding:3px 5% 5px 5%; font-family: 'Oswald', sans-serif; letter-spacing:1px; line-height: 1.2; text-align: center; width: 100%; height:50px;}

.grid li a {position: relative; display: block;}
.grid li a:hover {filter:brightness(1.2);}