@charset "utf-8";

/* CSS Document */

#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:77%;
	left:63%;
	position:absolute;
	}

#contenido1{
	padding:5px 10px;;
	justify-content: center;
}

#contenido1 div{
	width: 100%;
	display:flex;
	position:relative;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	border-radius: 10px;	
	border: solid lightgray 1px;	
    }

#contenido1 div p{
	left:1%;
	color:#1B2070;	
	position:absolute;
	font-size: 4vw;
	font-weight:bold;
	}

#contenido1 div img{
	width:95%;
	height: auto;
}

#contenido2{
	padding:10px;	
}

#contenido2 a{
	text-decoration: none;
	height:auto;
	color:white;
	font-size:4vw;	
	background-color:red;
	padding:0px 4px;
	border:solid red;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

#contenido2 a:hover{
	border:solid blue;
	background-color:blue;
	cursor: pointer;
    }

@media screen and (min-width:450px){
	
	#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:77%;
	left:63%;
	position:absolute;
	}

#contenido1{
	padding:5px 10px;;
	justify-content: center;
}

#contenido1 div{
	width: 100%;
	display:flex;
	position:relative;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	border-radius: 10px;	
	border: solid lightgray 1px;	
    }

#contenido1 div p{
	left:1%;
	color:#1B2070;	
	position:absolute;
	font-size: 4vw;
	font-weight:bold;
	}

#contenido1 div img{
	width:95%;
	height: auto;
}

#contenido2{
	padding:10px;	
}

#contenido2 a{
	text-decoration: none;
	height:auto;
	color:white;
	font-size:4vw;	
	background-color:red;
	padding:0px 4px;
	border:solid red;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

#contenido2 a:hover{
	border:solid blue;
	background-color:blue;
	cursor: pointer;
    }
	
}

@media screen and (min-width:450px){
	
	#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:77%;
	left:63%;
	position:absolute;
	}

#contenido1{
	padding:5px 10px;;
	justify-content: center;
}

#contenido1 div{
	width: 100%;
	display:flex;
	position:relative;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	border-radius: 10px;	
	border: solid lightgray 1px;	
    }

#contenido1 div p{
	left:1%;
	color:#1B2070;	
	position:absolute;
	font-size: 4vw;
	font-weight:bold;
	}

#contenido1 div img{
	width:95%;
	height: auto;
}

#contenido2{
	padding:10px;	
}

#contenido2 a{
	text-decoration: none;
	height:auto;
	color:white;
	font-size:4vw;	
	background-color:red;
	padding:0px 4px;
	border:solid red;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

#contenido2 a:hover{
	border:solid blue;
	background-color:blue;
	cursor: pointer;
    }

@media screen and (min-width:450px){
	
	#contenido0 a{
		font-size:2vw;
		top:77%;
		left:63%;
		}

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

	#contenido1 div img{
		width:80%;
		height: auto;
	}


	#contenido2 a{
		font-size:1.5vw;	
	}
	
}