/*=====================================
estilo Global
=====================================*/
*{
	margin: 0px;
	padding: 0px
	box-sizing:border-box;
	list-style: none;
	text-decoration: none;
	font-family: 'Roboto', 'Arial', sans-serif;
}
body {
	background: #f2f2f2;
	font-size: 16px;
}
body img {
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -o-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
}
ul, ol{
	padding: 0px;
}
a:visited, a:link, a:focus, a:hover, a:active{
	list-style: none;
	text-decoration: none;
}
.barraSocial{
	background: #282d62;
}
.barraSuperior a{
	color: white;
}
.backColor, .backColor a{
	background: #282d62;
	color: white;
}
.carColor{
	background: #191e22;
	color: white;

}
.button{
	background: #f2f2f2;
	color: #282d62;
}
.fondoBreadcrumb{
	margin-bottom: 0px;
	background: rgba(0,0,0,0);
}
/*=============================================
edicion global redes sociales
=============================================*/
.redSocial{
	width:30px;
	height:30px;
	text-align: center;
	line-height:30px;
}
#cabezote{
	background: white;
	border-radius: 22px 22px 22px 22px;
}
/*=============================================
Facebook
=============================================*/

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

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

.facebookBlanco{
	color:white;
	background: black;
	border-radius:111px;
}

.facebookNegro{
	color:black;
	border-radius:111px;
}

.facebookColor{
	color:white;
	background:#0c6aa8;
	border-radius:111px;
}


/*TWITTER*/

.twitterColor{
	color:white;
	background:#4dc7f0;
	border-radius:111px;
}

.twitterBlanco{
	color:white;
	background: black;
	border-radius:111px;
}

.twitterNegro{
	color:black;
	border-radius:111px;
}

/*INSTAGRAM*/

.instagramColor{
	color:white;
	background:#871f82;
	border-radius:111px;

}

.instagramBlanco{
	color:white;
	background: black;
	border-radius:111px;
}

.instagramNegro{
	color:black;
	border-radius:111px;
}
.whatshappColor{
	color:white;
	background:#13BA19;
	border-radius: 111px;	
}
.correoColor{
	color:white;
	background:#282D62;
	border-radius: 111px;
}
/*=============================================
ERROR 404
=============================================*/
.error404. .verificar{
	color:#333;
}
.verificar{
	background: white;
	margin-top: 20px;
	padding-bottom: 40px;
	border-radius: 25px;
}
/*=============================================
scroll up
=============================================*/
#scrollUp{
	bottom: 20px;
	right: 20px;
	width: 50px;
	height: 50px;
	background: url(../img/plantilla/flecha.jpg);
}
.terminos-condiciones{
	white-space: pre-line;
	white-space: pre-wrap;
	text-align: justify;
	padding: 0px 20px;
}
.ir-arriba {
	padding:14px;
	background:#13BA19;
	font-size:20px;
	color:#fff;
	cursor:pointer;
	position: fixed;
	bottom:20px;
	right:80px;
	border-radius: 10px;
}
 a:hover .ir-arriba{
 	background:#4CD551;
 	transition: 1s;
	border-radius: 10px;
}
/*=============================================
Escritorio grande de 1366 en adelante
=============================================*/
@media (min-width:1200px){
	.col-lg-0{
		display: none;
	}
	.error404 h1{
		font-size:300px;
		text-shadow:8px 8px 1px #dadada;
	}
	.verificar h3{
		margin-top:30px;
		font-size:100px;
		text-shadow:4px 4px 1px #dadada;
	}
}
/*=============================================
Escritorio mediano o tablet horizontal 
=============================================*/
@media (max-width:1199px) and (min-width:992px){
	.col-md-0{
	display: none;
}
	.error404 h1{
		font-size:200px;
		text-shadow:6px 6px 1px #dadada;
	}
	.verificar h3{
		margin-top:30px;
		font-size:100px;
		text-shadow:4px 4px 1px #dadada;
	}
}
/*=============================================
Escritorio pequeño o tablet vertical
=============================================*/
@media (max-width:991px) and (min-width:768px){
	.col-sn-0{
	display: none;
}
	.error404 h1{
		font-size:150px;
		text-shadow:4px 4px 1px #dadada;
	}
	.verificar h3{
		margin-top:30px;
		font-size:100px;
		text-shadow:4px 4px 1px #dadada;
	}
}
/*=============================================
Escritorio celular
=============================================*/
@media (max-width:767px){
	.col-xs-0{
	display: none;
}
	.error404 h1{
		font-size:75px;
		text-shadow:2px 2px 1px #dadada;
	}
	.verificar h3{
		margin-top:30px;
		font-size:50px;
		text-shadow:2px 2px 1px #dadada;
	}
}