h1{
	font-size:1.2 em;
	font-weight: bold;
	text-align: center;
	color:#555555;
}
section#seleccion{
	display: inline-block;
	vertical-align: top;
	width:46%;
	height:3em;
	margin-bottom:3em;
	font-size: 1em;
	color:#555555;
	padding:15px;
	text-align: center;
	-ms-transition: all 0.5s ease-in;    /*atributo CSS transision*/
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;

}
section#seleccion:hover{
	background-color:#F2F2F2;
	-ms-transition: all 0.5s ease-out;    /*atributo CSS transision*/
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;

}
section#seleccion a{ color:#fff; font-weight:normal;}
section#seleccion a:hover{ color:#fff;}

.invita {
	display: inline-block;
	background-color:#545454;
	width: 100%;
	height: 55%; 
	padding:.2em;
	font-size:1.4em;
	 color:#fff;
}


@media all and (max-width: 1023px) {
	section#seleccion{
		width:90%;
	}
}