#compu {
	transition: all ease-in-out 0.3s;
}


#compu:hover {
	transform: scaleX(1.1) scaleY(1.1);
}

body {
	padding: 0;
	margin: 0;
}

.jumbotron {
	margin-bottom: 0px;
	background-image: url(assets/img/logo.jpg);
	background-position: 0% 25%;
	background-size: cover;
	background-repeat: no-repeat;
	font-family: sans-serif;
	text-shadow: 2px 2px 3px black;
	color: white;
}

.orden {
	display: none;
}

#contenido {
	margin-top: 0px;
	margin-bottom: 30px;
}

#principal {
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: center;
}

.col-md-4 {
	margin-top: 20px;
}

.card {
	margin-left: 15px;
	border-radius: 20px;
	overflow: hidden;
}

.card-img-top {
	opacity: 0.5;
	  filter: alpha(opacity=50);
}

.card-img-top:hover {
	opacity: 1.0;
	  filter: alpha(opacity=100);
}

.campos {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: center;
}

#espacio {
	text-align: center;
	font-family: sans-serif;
}

.nav-item, .dropdown, .dropdown-item {
	cursor: pointer;
}

.task_item {
	cursor: pointer;
	transition: all ease-in-out 0.1s;
}

.task_item:hover {
	font-style: italic;
}