@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;
	}

.fcontenido1{
	padding:10px;
 	display: flex;	
	justify-content: center;
}

#contenido1{
 	width:30%;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);	  
	border-radius:10px;
	background-color:rgba(27,32,112,0.8);
}

#contenido1 p{
	color:white;
	font-size: 2vw;
	font-weight:bold;
    text-align: center;
}

#contenido1 button{
	white-space: nowrap;
	width:93%;
	height:40px;
	border-radius: 0px 50px 50px 0px; 
	padding:10px 0px;
	margin:5px 5px 5px 5px; 
    color:rgba(27,32,112,1);
	font-size:2vw;
	font-weight:bold;
}

#contenido1 button:hover{
 	cursor: pointer;
	color:white;
	background:rgba(245,3,7,0.90);	
}	
	 
#contenido2{
	width:70%;
	padding:2px 4px;
    margin-left: 5px;	 
    border-radius: 10px;	 
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
	border:solid rgba(173,173,173,0.8) 1px 	 
}

#contenido2 h1{
    font-size:3vw;		 
	font-weight: bold;
	color:rgba(27,32,112,1);
	text-align: center;
}

#contenido2 p{
    color:rgba(27,32,112,1);
    font-size:2.2vw;		 
	text-align: justify;
}

@media screen and (min-width:450px){	
	

	#contenido0 a{
		font-size:1.5vw;
		top:80%;
		left:63%;
	}

	#contenido1 p{
		font-size:1.5vw;
	}

	#contenido1 button{
	white-space: nowrap;
	width:95%;
	height:auto;
	font-size:1.5vw;
}
	
	#contenido2{
		padding:5px;
	}

	#contenido2 h1{
		font-size:2vw;		 
		font-weight: bold;
		color:rgba(27,32,112,1);
		text-align: center;
	}

	#contenido2 p{
		color:rgba(27,32,112,1);
		font-size:1.3vw;		 
		text-align: justify;
	}
}

@media screen and (min-width:1400px){	
	
	#contenido0 a{
		top:80%;
		left:60%;
	}

	#contenido1 p{
		font-size:1vw;
	}

	#contenido1 button{
		font-size:1.2vw;
		font-weight:bold;
	}

	#contenido2 h1{
		font-size:1.5vw;		 
		font-weight: bold;
		color:rgba(27,32,112,1);
		text-align: center;
	}

	#contenido2 p{
		color:rgba(27,32,112,1);
		font-size:1vw;		 
		text-align: justify;
	}
}