@charset "UTF-8";
/* CSS Document */

.rojo{
	color:#e2231a !important;}
	
.naranja{
	color:#e75300 !important;}
	
.morado{
	color:#7282bc !important;}
	
.azul{
	color:#00a2e0 !important;}
	
.aqua{
	color:#00a3a6 !important;}

.amarillo{
	color:#f9b000 !important;}
	

	
.verde{
	color:#afca0b !important;}
	
.rosa{
	color:#e94282 !important;}

.gris{
	color:#666 !important;}
	
	
hr {
  background-color: red;
  height: 3px;
}

.linea-morada{
  background-color:#7282bc !important;
  height: 3px;
  margin-bottom:25px;
}

.linea-gris{
  background-color:#c9c5c5 !important;
  height: 2px;
  margin-bottom:15px;
}
	
.linea-azul{
  background-color:#00a2e0 !important;
  height: 3px;
  margin-bottom:25px;
}

.linea-blanca{
  background-color:#ffffff !important;
  height: 3px;
  margin-bottom:25px;
}

.linea-aqua{
  background-color:#00a3a6 !important;
  height: 3px;
  margin-bottom:25px;
}

.linea-amarilla{
  background-color:#f9b000 !important;
  height: 3px;
  margin-bottom:25px;
}

.linea-naranja{
  background-color:#e75300 !important;
  height: 3px;
  margin-bottom:25px;
}

.linea-verde{
  background-color:#afca0b !important;
  height: 3px;
  margin-bottom:25px;
}

.linea-rosa{
  background-color:#e94282 !important;
  height: 3px;
  margin-bottom:25px;
}

.puntorojo{
	
	color:#e2231a !important;
	font-size: 25px !important;	
	margin-left: -15px !important;
}

.puntorosa{
	
	color:#e94282 !important;
	font-size: 25px !important;	
	margin-left: -15px !important;
}

.puntoverde{
	
	color:#afca0b !important;
	font-size: 25px !important;	
	margin-left: -15px !important;
}

.puntoamarillo{
	
	color:#f9b000 !important;
	font-size: 25px !important;	
	padding-top: 8px !important;
	margin-left: -15px !important;
	
}

.puntoazul{
	
	color:#00a2e0 !important;
	font-size: 20px !important;	
	padding-top: 5px;
	margin-left: -15px !important;
	
}

.puntomorado{
	
	color:#7282bc !important;
	font-size: 20px !important;	
	padding-top: 5px;
	margin-left: -15px !important;
	
}

.puntonaranja{
	
	color:#e75300 !important;
	font-size: 25px !important;	
	padding-top: 5px;
	margin-left: -15px !important;
}

.puntoaqua{
	
	color:#00a3a6 !important;
	font-size: 25px !important;	
	padding-top: 5px;
	margin-left: -15px !important;
}

.titulo{
	font-size:70px;
	color:#ffffff;
	font-weight:700;
	text-align:right;}
	
.subtitulo{
	font-size:40px;
	color:#ffffff;
	margin-bottom:20px;
	text-align:right;}
	
.bold{
	font-weight:600;}
	
/* titulos 768px */
@media (max-width: 768px) {
  .titulo{
	font-size:45px;
	color:#ffffff;
	font-weight:700;
	text-align:right;}
	
.subtitulo{
	font-size:30px;
	color:#ffffff;
	margin-bottom:20px;
	text-align:right;}
	
	.mundo{
	width:100% !important;
	margin-right:0px !important;
	margin-top:5px !important;
	

	}
}


/* Media Queries below 480px */
@media (max-width: 480px) {
   .titulo{
	font-size:40px;
	color:#ffffff;
	font-weight:700;
	text-align:right;}
	
	
.subtitulo{
	font-size:30px;
	color:#ffffff;
	margin-bottom:20px;
	text-align:right;}

.navbar-logo{
	margin-left:-30px;}

.mundo{
	width:100% !important;
	margin-right:0px !important;
	margin-top:5px !important;
	

	}
	
.logo{
	width:30% !important;
	height:auto;
	float:left;
	position:absolute;
	margin-left:60px !important;}

}

.selecciona{
	font-size: 14px;
	line-height: 25px;
	margin-top: 10px;
	position:absolute;
	margin-left: 100px;
	margin-bottom: 40px !important;
}

.objetivos{
	font-size: 13px !important;
	line-height: 15px !important;
	text-align: left !important;
	padding:4px 0px 0px 1px !important;
}

.objetivos1{
	font-size: 13px !important;
	line-height: 10px !important;
	text-align: left !important;
	padding:4px 0px 0px 1px !important;
}
.numeros{
	font-size: 40px !important;
	color: #616161 !important;
	font-weight: 500 !important;
	
}

.numerosrojos{
	font-size: 40px !important;
	color:#e2231a !important;
	font-weight: 500 !important;
	
}

.italic{
	font-style: italic !important;
}

.fotoSlider{
	z-index: 999;
	position: absolute;
	margin-top: 20% !important;
	margin-left: 28% !important;
	float: left;	
	margin-left: 0px;
	margin-right: 0px;
	width: 40%;
	height: auto;
}

.textobullet{
	font-size: 18px;
}

.marco{
	background-color: #fafafa;
	box-shadow: 1px 2px 4px #666;
	padding: 15px;
}