/*=============================================
GLOBAL
=============================================*/

*{
	margin:0px;
	padding:0px;
list-style: none;
	text-decoration: none;
	outline: none !important;
	font-family: 'Open Sans', sans-serif;
	font-family: 'Ubunt', sans-serif;
}

body {
  background-color: #f0f0f0;
}

ul, ol{
	padding:0px;
}

a:visited, a:link, a:focus, a:hover, a:active{
	list-style: none;
	text-decoration: none;
}

.barraSuperior{
	background-color: #ECECEC;
	
}
  

.barraSuperior a{
	color:white;
	color: #303030;
}

.backColor, .backColor a{
  background:#0084FF;
  color:white;
}


.fondoBreadcrumb {
  margin-bottom: 0px;
  background: rgba(0, 0, 0, 0);
}

/*=============================================
REDES SOCIALES
=============================================*/

.redSocial{
	width:30px;
	height:30px;
	text-align: center;
	line-height:30px;
}

/*FACEBOOK*/

.facebookBlanco{
	color:white;
}

.facebookNegro{
	color:black;
}

.facebookColor{
	color:white;
	background:#46639f;
}

/*YOUTUBE*/

.youtubeColor{
	color:white;
	background:#d6513e;
}

.youtubeBlanco{
	color:white;
}

.youtubeNegro{
	color:black;
}

/*TWITTER*/

.twitterColor{
	color:white;
	background:#0ab2e6;
}

.twitterBlanco{
	color:white;
}

.twitterNegro{
	color:black;
}

/*INSTAGRAM*/

.instagramColor{
	color:white;
	background:linear-gradient(45deg, #fca925, #ee1d5f,  #6350a2);

}

.instagramBlanco{
	color:white;
}

.instagramNegro{
	color:black;
}

/*=============================================
ERROR 404
=============================================*/

.error404{
	color:#333;
}

/* Botón Volver Arriba (Scroll-to-Top) */
.dm-scroll-top-btn {
  position: fixed;
  bottom: 20px;
  left: 20px;
  background: #FFFFFF;
  color: #344488;
  border: 1px solid #CBD5E1;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
  z-index: 1040;
  cursor: pointer;
  outline: none;
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.dm-scroll-top-btn.visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.dm-scroll-top-btn:hover {
  background: #344488;
  color: #FFFFFF;
  border-color: #344488;
  transform: translateY(-4px) scale(1.08);
  box-shadow: 0 8px 22px rgba(52, 68, 136, 0.35);
}

@media (min-width: 992px) {
  .dm-scroll-top-btn {
    bottom: 20px;
    left: 24px;
    width: 60px;
    height: 60px;
    font-size: 22px;
  }
}


/*=============================================
ESCRITORIO GRANDE (LG revisamos en 1366px en adelante)
=============================================*/

@media (min-width:1200px){

	.col-lg-0{
		display: none;
	}

	.error404 h1{
		font-size:300px;
		text-shadow:8px 8px 1px #dadada;
	}

}

/*=============================================
ESCRITORIO MEDIANO O TABLET HORIZONTAL (MD revisamos en 1024px)
=============================================*/

@media (max-width:1199px) and (min-width:992px){

	.col-md-0{
		display: none;
	}

	.error404 h1{
		font-size:200px;
		text-shadow:6px 6px 1px #dadada;
	}

}

/*=============================================
ESCRITORIO PEQUEÑO O TABLET VERTICAL (SM revisamos en 768px)
=============================================*/

@media (max-width:991px) and (min-width:768px){

	.col-sm-0{
		display: none;
	}

	.error404 h1{
		font-size:150px;
		text-shadow:4px 4px 1px #dadada;
	}

}

/*=============================================
MOVIL (XS revisamos en 320px)
=============================================*/

@media (max-width:767px){

	.col-xs-0{
		display: none;
	}

	.error404 h1{
		font-size:75px;
		text-shadow:2px 2px 1px #dadada;
	}

}