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

#contenido2 li{
	 padding:1px 5px;
	 color:rgba(27,32,112,1);
	 font-size:2vw; 
	 text-align: justify;
}

#contenido2 li span{
	 color:rgba(27,32,112,1);
	 font-size:2vw;
	 font-weight: bold;
}

@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 li{
	 font-size:1.2vw; 
	}
	
	#contenido2 li span{
	 font-size:1.2vw;
	 font-weight: bold;
	}	

}

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

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

	#contenido1 button{
		font-size:1.2vw;
		font-weight:bold;
	}
	
	#contenido2 li{
	 font-size:1vw; 
	}
	
	#contenido2 li span{
	 font-size:1vw;
	 font-weight: bold;
	}	
	
}