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

#contenido2 div {
	 position: absolute;
	 top:15%;
	 left:1%;	 
}

#contenido2 div li{
	 padding:2px 0px;
	 font-size:2vw;
}

#contenido2 img {
	 width:50px;
	 height: auto;
	 position: absolute;
	 top:65%;
	 left:60%	 
}

#contenido2 P {
	 position: absolute;
	 color:white;
	 background-color: lightgray;
	 font-size:2.5vw;
	 font-weight: bold;
	 font-style: oblique;
	 white-space: nowrap;	 
	 top:90%;
	 left:40%	 
}

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

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

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

	#contenido1 button{
	white-space: nowrap;
	width:95%;
	height:auto;
	font-size:1.2vw;
}
	
#contenido2 div {
	 top:10%;
	 left:1%;	 
}

#contenido2 div li{
	 font-size:1.5vw;
}

#contenido2 img {
	 width:7vw;
	 top:52%;
	 left:60%	 
}

#contenido2 p {
	 font-size:1.5vw;
	 top:88%;
	 left:45%	 
}
	
}

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

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

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

#contenido2 div {
	 top:10%;
	 left:1%;	 
}

#contenido2 div li{
	 font-size:1vw;
}

#contenido2 img {
	 width:6vw;
	 top:52%;
	 left:60%	 
}

#contenido2 p {
	 font-size:1.2vw;
	 top:89%;
	 left:45%	 
}
}