@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:80%;
	left:45%;
	position:absolute;
	}

#imagen1{
	position:absolute;
	width:100px;
	height:auto;
	top:60%;
	left:3%;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.0);
}

.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%;
	 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;		 
	 color:rgba(27,32,112,1);
	 list-style:url(../images/chulo.png);
	 text-align: justify;	 
	 }

#contenido2 li{
     padding:4px 0px;
	 font-size: 3vw;
	 }
   
@media screen and (min-width:450px){	
	
	#contenido0 a{
		font-size:1.2vw;
		top:85%;
		left:63%;
	}

	#imagen1{
		width: 200px;
		top:70%;
	}
	
	#contenido1 p{
		font-size:1.2vw;
	}

	#contenido1 button{
	font-size:1.2vw;
}
	#contenido2 li{
 	font-size: 1.2vw;
}

}

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

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

	#contenido1 button{
		font-size:1vw;

	}
}