@import url('https://fonts.googleapis.com/css?family=Raleway:300');

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


body {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    color: #9c2e26;
}

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

p { margin: 0; }

.cabecera, .botones {
	width: 100%;
	text-align: center;
	padding: 20px;
}

.cabecera { padding-top: 80px; }

img.logo { margin-bottom: 30px; }

span.titulo {
	font-family: 'Raleway';
	font-size: 45px;
	color: #cd3116;
}

.botones > div { display: inline-block; }
.botones .tooltip { float: left;
	min-width: 93px; 
	margin-right: 8px;
	margin-left: 8px; }

.botones a img {
	margin-bottom: 10px;
	transform: scaleX(1) scaleY(1);
	transition: transform .2s ease-in-out;
}
.botones a:hover img {
	transform: scaleX(1.05) scaleY(1.05);
	cursor: pointer;
}

.botones a span.tooltiptext {
	opacity: 0;
	transition: opacity .2s ease-in-out;
}
.botones a:hover span.tooltiptext {
	opacity: 1;
}

.botones hr {
	margin-bottom: 40px;
	margin-top: 0;
	border-color: #cd3116;
	border-top: 1px;
}