/* --- ESTILOS GENERALES --- */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	background: #006699;
}

a:hover {
	text-decoration: none;
	cursor: pointer ; 
}

textarea {
	resize: none;
}

/* --- ESTILOS HEADER --- */
.navbar {
	margin-bottom: 0;
	border-bottom: none;
}

.jumbotron-mc img {
	height: 300px;
	width: 100%;
}

/* --- ESTILOS POST // ARTICLE --- */
.main {
	margin-top: 20px;
	margin-bottom: 20px;
}

.post {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #999;
}

.post .post-title a {
	color: #E9F51A;
}

.post .post-contenido {
	color: white;
}

.post .thumb {
	margin-right: 10px;
	width: 40%;
}

.post .thumb img {
	width: 100%;
	border-radius: 20px;
}

.post .contenedor-botones a { 
	font-size: 25px;
}

.icon-file-excel {
	color: green;
	font-size: 50px;
}

/* --- ESTILOS ASIDE // ARTICLE LATERAL --- */
aside {
	border-radius: 20px;
}

aside h4 {
	color: #fff;
	width: 200px;
	font-style: italic;
}

aside h4 strong {
	color: #E9F51A;
	float: right;
}

aside img {
	width: 250px;
	height: 200px;
	border-radius: 20px;
}

aside p {
	color: white;
}

/* --- ESTILOS GELERIA --- */
.galeria {
	width: 100%;
	margin: auto;
	list-style: none;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.galeria li {
	margin: 3px;
}

.galeria img {
	width: 150px;
	height: 100px;
}

/* --- ESTILOS FORMULARIO --- */
form label, input {
	padding: 30px 0 30px 0px;
}

form label {
	margin: 0 auto;
	color: white;
}

form input[type="submit"] {
	margin-left: 50px;
	border: none;
	padding: 15px;
}


/* --- ESTILOS FOOTER, PIE DE PAGINA --- */
footer {
	background: #000;
	color: #fff;
	padding: 20px 0 10px 0px;
	border-top: 2.5px solid #E9F51A;
}

footer p {
	text-align: center;
}

/* ESTILOS MEDIA QUERIE */
@media screen and (max-width: 768px) {
	.jumbotron-mc img {
		 display: none;
	}
	
	.post .thumb {
		width: 100%;
		margin-bottom: 20px;
		margin-right: 0;
	}

	a:hover {
	text-decoration: none;
	cursor: pointer; 
	}

	form label, input {
		padding: 0px 0px 0px 0px;
	}

	form input[type="submit"] {
		margin-left: 0;
		width: 100%;
		text-align: center;
		border: none;
	}
}