@charset "UTF-8";
/* !Estilos Generales */	
body{
	font-family: Light, Fallback, helvetica;
    font-size:2.5vh;
    text-align: center;
}
h1{
    background: rgba(0,0,0,.7);
    padding: 10px;
    font-family: Titulo,Fallback, helvetica;
    font-size: 3em;
}
h2{
    padding: 10px;
    font-family: Light,Fallback, helvetica;
    font-size: 2.5em;
}
section{
	width:100vw;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.item{
	margin: 0 1vw;
	width: 14em;
	height: 14em;
}
.textoImg{
	color:black;
	font-family: Titulo,Fallback,helvetica;
	width: 35vh;
	height: 5vh;
	margin-left: 1vw;
	font-size: 1.5em;
	transition: .4s;
	display: flex;
	justify-content: center;
	align-items: center;
}
#fotos a{text-decoration: none;}
.textoImg:hover{color:#b31219;}
#slider a{
	color: black;
	display: block;
	text-decoration: none;
	width:100%;
	height: 20vh;
	margin: 0 auto;
	font-size: 2em;
	transition: .4s;
}
/********* Web *********/
#web{
	padding-bottom: 3em;
}
#web a{
	color: white;
	text-decoration: none;
    background: #b31219;
    padding: 1em;
    border-radius: 1em;
    margin: 0 2vh;
	box-shadow: .1em .25em .5em black;
	transition: 400ms;
}
#web a:hover{
	color: #b31219;
	background: white;
	transition: 400ms;
}
/***********************************************
	PC
***********************************************/
@media all and (min-width:960px){
	.content{
		width: 77vw;
		margin: 0 auto;
	}
	.foto{
		position: relative;
		text-decoration: none;
	}
	.text{
		background: rgba(0,0,0,0.7);		
		color: white;
		text-decoration: none;
		position:relative;
		vertical-align: middle;
		display: inline-block;
		margin-left: -300px;
		margin-top: -82px;
		width: 300px;
		height: 90px;
		opacity: 0;
		-webkit-transition: opacity 400ms;
		-moz-transition: opacity 400ms;
		-o-transition: opacity 400ms;
		transition: opacity 400ms;
	}
	.text:hover{
		opacity: 1;		
	}
}