@import url('https://fonts.googleapis.com/css?family=Raleway:400,700');

body {
	font-family: 'Raleway', sans-serif;
	color: #5D5D5D;
}

h1 {
	font-size: 30px;
	line-height: 30px;
	text-align: center;
	border-bottom: 2px solid #FF8300;
	padding-bottom: 10px;
}

h1 span { font-weight: 700; color: #FF8300; }

a { color: #FF8300; text-decoration: none; }
a:hover { text-decoration: none; }

.notas { margin-top: -40px; }

.notas li {
	list-style: none;
	display: block;
	background: #EDEDED;
	margin: 5px 0;
	padding: 10px;
	cursor: pointer;
}

.notas li:hover {
	background: #434F55;
	color: #fff;
}

.img-centrada { margin: 0 auto; }

header { background: #FF8300; }

.carousel-caption {
    bottom: 40px;
    right: 0;
    left: 0;
    width: 100%;
    text-shadow: none;
}

.carousel-caption h3 .titular {
	display: block;
	background: rgba(255,131,0,0.6);
	color: #fff;
	padding: 10px 0;
}

footer { text-align: center; margin-top: 30px; }

footer .caja {
	background: #EDEDED;
	border-top: 2px solid #B2B2B2;
	border-bottom: 2px solid #B2B2B2;
	padding: 15px 0;
}

footer .caja img { padding: 0 7px; }

footer .liderazgo {
	margin: 5px 0;
	padding: 15px 0;
	text-align: center;
	background: #434F55;
	color: #fff;
}

footer .liderazgo p { margin: 0; }

@media (max-width: 768px) {
	h3 { font-size: 1em; }
	.carousel-indicators,
	.carousel-control { display: none !important; }
	h1 { font-size: 20px;line-height: 20px; }
	.notas .img-centrada { width: 50%; margin-top: 50px; }
	.carousel-caption { position: relative; padding-top: 0; }
	.carousel-caption p { color: #000; }
}

@media (max-width: 1024px) {
	.carousel-caption { bottom: 0; padding-bottom: 0; }
	.notas { margin-top: 20px; }
}