body{
	font-family: 'Roboto', sans-serif;
	background-color:#000caf;
	color:#212529;
}

.clear{
	clear:both;
}

#breadcrumb span{
	color:black;
}

#breadcrumb a{
	font-weight:bold;
	color:#0035E2;
	text-decoration:none;
}

.bar-bgcolor a{
	text-decoration:none;
}

.bar-bgcolor a:hover{
	background-color:#8F999A;
}

.bar-selected{
	background-color:#8F999A;
}

/* *********** ACORDION ************ */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: center;
  outline: none;
  font-size: 18px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #ccc; 
}

.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}

.panel p{
	padding:10px;
	margin-bottom:10px;
}
/* *********** ACORDION ************ */


.no-text-dec{
	text-decoration:none;
	transition: transform .2s; /* Animation */
}

.no-text-dec:hover{
	transform: scale(1.09);
}

.parallax {
	/* The image used */
	background-image: url("../img/parallax-1.jpg");

	/* Set a specific height */
	height: 500px;

	/* Create the parallax scrolling effect */
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

footer, footer a, .footer-menu, .social_activity{
	color: white;
}

.footer-menu:hover, .social_activity a:hover{
	color:#6660ff;
}

#myBlog img{
	width:100px;
}

/*

	Colores.
	Primario:   #626B6C
	Secundario: #0035E2

*/

/* ============================== */