@charset "utf-8";

#contenido0 { 
position: relative;
}

#contenido0 img{
margin-top:10px;	
height:auto;
max-height:320px;
border-radius:10px;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);	
}

#contenido0 a{
border-width: 2px;	
border-radius:5px;
padding: 4px;		
color:white;
border-color: white;
border-style: solid;
background-color: red; 
font-size:2vw;
white-space: nowrap;
top:75%;
left:60%;
position:absolute;
}

#contenido1{
width:100%;
height:40px;
display:flex;	
}

#contenido1 a{
text-decoration: none;	
width:100%;
display:flex;
}

#contenido1 button{
width:100%;
padding: 0px 5px;	
font-size:4vh;	
background-color:rgba(255,255,255,0);	
color:rgba(27,32,112,1);
margin-right:10px;
border-radius:5px;	
}

#contenido1 button:hover{
background-color:rgba(75,61,252,0.40);
cursor:pointer;
Color:white;	
}

#contenido2{
margin-top:5px;	
border-radius: 2px;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
display:flex;
width:100%; 
height:50px;
background-color:rgba(27,32,112,0.8);
}

#contenido2 p{
font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;	
width: auto;
position:relative;
left:5%;
top:25%;	
color:white;
font-size:5vw;
white-space: nowrap;
margin-right: 10px;	
}
#contenido2 div{
position:relative;	
top:15%;
left:10%;	
}

#contenido2 div img:hover{
cursor: pointer;
}

#contenido3 div{
padding-top:10px;	
width:100%;
position:relative;
}

#contenido3 div img{
width:100%;	
height: auto;	
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);	
border-radius: 10px;
}

#contenido3 div p{
color:white;
top:60%;
left:70%;	
font-size:5.2vw;
position:absolute;
}

#contenido3 div img:hover{
cursor: pointer;
}

#contenido3 div p:hover{
cursor: pointer;
}

@media screen and (min-width:450px){
	
	.fcontenido1{
	width:80%;	
	display: flex;
	height:75px;	
	}

	#contenido1{
	margin-top:5px;	
	width:50%;
	height:auto;
	margin-right: 10px;	
	}

	#contenido1 button{
	width:100%;	
	font-size:3vw;	
	}

	#contenido2{
	width:50%;
	height:75px;	
	}

	#contenido2 p{
	font-size:2vw;
	}
	
	#contenido3{
	display:flex;
	}
	
	#contenido3 div{
	width:50%;
	margin-right: 10px;	
	}
	
	#contenido3 div img{
    height:120px;
	}

	#contenido3 div p{
	font-size:2.5vw;
	}
	
}

@media screen and (min-width:1400px){
	
	
	#contenido0 a{
	border-width: 2px;	
	border-radius:5px;
	padding: 4px;		
	color:white;
	border-color: white;
	border-style: solid;
	background-color: red; 
	font-size:1.5vw;
	white-space: nowrap;
	top:80%;
	left:55%;
	position:absolute;
	}
	
	.fcontenido1{
	width:auto;	
	height:75px;	
	}

	#contenido1{
	margin-top:5px;	
	margin-right: 10px;	
	}

	#contenido1 button{
	font-size:2vw;	
	}

	#contenido2 p{
	font-size:2vw;
	}
	
	#contenido3 div img{
    height:120px;
	}

	#contenido3 div p{
	font-size:2vw;
	}
	
}