@charset "utf-8";
/* CSS Document */
/* 2019/06/19 */

.persona{
	cursor: pointer;
	margin-right:10px;
	margin-bottom:10px;
}

.social{
	margin:5px;
	border-radius:5px;
	width:94%;
}

.herramientas{
	position:absolute;
	top:0px;
	right:10px;
}

.caja{
	min-height:30px;
	min-width:30px;
	border-radius:10px;
	background-color:rgb(39, 40, 91);/* se duplica el background color para compatibilidad con IE */
	background-color:rgb(39, 40, 91, 0.9);/* se repite el truco en otras clases */
	position:absolute;
	z-index:3;
	top:45px;
	right:10px;
}

#busqueda{
	background-color:rgb(39, 40, 91);
	background-color:rgb(39, 40, 91, 0.9);
	border-radius:10px;
	height:30px;
	width:200px;
	border-bottom:0px;
	box-shadow:none;
}

.lupa{
	position: absolute;
	top:10px;
	right:10px;
	color: white;
	
}

.cerrar{
	position:absolute;
	top:0px;
	right:0px;
}

.margenes{
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
}

.caja li:hover{
	background-color:#bdbdbd;
	border-radius:5px;
}

.caja img{
	width:100px;
	border-radius:5px;
	background-color:#FFF;
}

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

.bannerlateral{
	max-height: 110px;
	max-width: 280px;
}

.sizeone{
	max-height: 246px;
	max-width: 618px;
	object-fit: cover;
}

.sizetwo{
	max-height: 143px;
	max-width: 362px;
}

.page-footer{
	background: rgb(39, 40, 91) !important;
}

.maincolor{
	color: rgb(39, 40, 91);
}

.mainbackground{
	background: rgb(39, 40, 91) !important;
}

.mainbackground.lighten{
	background: rgb(111, 111, 145) !important;
}
.side-nav .collapsible-body li a, .side-nav.fixed .collapsible-body li a{
	padding: 0px 0px 0px 5px;
}