/*hoja de estilos CSS*/


@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900);
/* font-family: 'Oswald', sans-serif; */

/*font-family:'Roboto', sans-serif;*/
/* font-weight: 400; */
/* font-weight: 700; */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	text-decoration: none;
	list-style: none;
}

html {
	height: 100%;
 }

body {
	background: url('fondo.jpg') no-repeat center center fixed;
	background-size: cover;
	height: 100%;
	width: 100%
	position: relative;
}
header{
	width: 100%;
	max-width: 100%;
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
	padding: 0px 5px;
  background-color: rgba(84, 90, 97, 0.53);
	flex-grow: 1;
	transition: all 0.3s ease 0s
	border: 5px solid transparent;
	border-right: 1px solid rgb(241, 241, 241);
}
.contenedor{
	display: flex;
	flex-direction: row;

}
.contenido{
	display: flex;
	flex-wrap: wrap;
	align-items:stretch;
	flex-grow: 1
}



.item1{}
.item:hover .image { visibility: hidden}


.item1:hover {
	background-image: url(1.jpg);
	background-color: #F64747;
}

.item2:hover {
	background-image: url(2.jpg);
	background-color: #F62459;
}
.item3:hover {
	background-image: url(3.jpg);
	background-color: #66CC99;
}
.item4:hover {
	background-image: url(4.jpg);
	background-color: #65C6BB;
}
.item5:hover {
	background-image: url(5.jpg);
	background-color:#F64747;
}
.item6:hover {
	background-image: url(6.jpg);
	background-color: #913D88;
}
.item7:hover {
	background-image: url(7.jpg);
	background-color:#F62459;
}
.item8:hover {
	background-image: url(8.jpg);
	background-color:#2574A9;
}
.item9:hover {
	background-image: url(9.jpg);
	background-color:#66CC99;
}
.item10:hover {
	background-image: url(10.jpg);
	background-color: #F64747;
}
.item11:hover {
	background-image: url(11.jpg);
	background-color:#F62459;
}
.item12:hover {
	background-image: url(12.jpg);
	background-color:#66CC99;
}
.item13:hover {
	background-image: url(13.jpg);
	background-color:#65C6BB;
}
.item14:hover {
	background-image: url(14.jpg);
	background-color:#F64747;
}
.item15:hover {
	background-image: url(15.jpg);
	background-color: #2574A9;
}
.item16:hover {
	background-image: url(16.jpg);
	background-color:#F62459;
}
.item17:hover {
	background-image: url(17.jpg);
	background-color: #913D88;
}
.item18:hover {
	background-image: url(18.jpg);
	background-color:#65C6BB;
}

footer {
	background-color: #fff;
	padding: 1em;
  color: #fff;
  font-size: 0.9em;
	background-color: rgba(51, 34, 56, 1);
	bottom: 0;
	text-align: center;
	display: flex;
	flex-direction: row;
}
footer p{
	margin: 5px 35px
}

footer img {
	width: 50px
}