html{
    min-height: 100%;
}
body{
    background:url(/img/sitio/fondo-home.jpg) no-repeat center center;
    background-size: cover;
    height: 100%;
    min-height: 100%;
}
*{
	font-family: 'Raleway', sans-serif;
}
.contenedor-login{
	background:url(/img/sitio/fondo-home.jpg) no-repeat center center;
	background-size: cover;
	min-height: 100vh;
	align-items: center;
	display: flex;
	padding:30px 0;
}
#login{
	flex:1;
	margin:0;
}
#login .logo{
	max-width: 200px;
	width: 100%;
	margin:0 auto;
	display: block;
}
#login label{
	color:#FFF;
}

.contenedor-home {
	max-width: 1000px;
	margin:0 auto;
	padding:5% 0;
	color:#FFF;
}
.contenedor-home .item{
	margin:0 0 20px 0;
}
.contenedor-home .cuadro-btn{
	background:rgba(74,74,74,.4);
	border-radius: 15px;
	color:#FFF;
	text-decoration: none;
	padding:20px 20px;
	font-weight: bold;
	display: inline-block;
	max-width:200px;
	width: 100%;
}
.contenedor-home .cuadro-btn .icono-boton{
	max-width: 100px;
	width:100%;
	margin:0 0 10px 0;
}

.contenedor-tabla {
	max-width: 1000px;
	margin:0 auto;
	padding:0  15px 5% 15px;
	background:#FFF;
	color:#707070;
}
.contenedor-tabla.contenedor-tabla-xl {
	max-width: 95%;
}
.contenedor-tabla .cabecera{
	background:url(/img/sitio/fondo-home.jpg) no-repeat center top;
	padding:40px 10px 10px 10px;
	margin:0 0 30px 0;
	border-radius: 0 0 20px 20px;
}
.contenedor-tabla .cabecera h2{
	color:#FFF;
}
.contenedor-tabla .item{
	border-bottom: 1px solid #275c76;
	margin:0 0 30px 0;
}
.contenedor-tabla .gastado,
.contenedor-tabla .nombre{
	color:#275c76;
	font-weight: 600;
}
.contenedor-tabla .imagen{
	background-size: cover;
	background-position: center center;
	height: 10vw;
}
.contenedor-tabla .presupuesto{
	margin:20px 0 0 0;
	padding:0 0 5px 0;
}
.contenedor-tabla .contenedor-porcentaje{
	position: relative;
	background: #beced6;
	margin:0 0 5px 0;
}
.contenedor-tabla .contenedor-porcentaje .porcentaje{
	position: absolute;
	left: 0;
	height: 2px;
	background: #275c76;
}
.preview{
	max-width: 500px;
	width: 100%;
	margin:0 auto;
	overflow-x: auto;
}

.detalle-campana{
	padding:20px 0;
}
.detalle-campana .titulo{
	color:#275c76;
	background:rgba(39,92,118,.08);
	padding:5px;
	font-weight: bold;
	margin:0 0 10px 0;
}
.detalle-campana .fecha{
	font-size: .9rem;
	margin:0 0 10px 0;
}
.detalle-campana .presupuesto-total{
	padding:5px 0;
	color:#275c76;
	font-weight: bold;
	text-align: right;
	border-top:1px solid #beced6;
}
.detalle-campana .botonera{
	margin:0 0 20px 0;
}
.detalle-campana .botonera ul{
	padding:0;
	margin:0;
	display: flex;
}
.detalle-campana .botonera ul li{
	flex:1;
	list-style:none;
	margin:0 10px 0 0;
}
.detalle-campana .botonera ul li:last-child{
	margin:0;
}
.detalle-campana .botonera ul li a{
	display: block;
	padding:5px;
	border-radius: 25px;
	background: #ECECEC;
	text-decoration: none;
	text-align: center;
	color:#707070;
	font-weight: bold;
}
.detalle-campana .botonera ul li a.active,
.detalle-campana .botonera ul li a:hover{
	background:#275c76;
	color:#FFF;
}
.detalle-campana .alcance{
	margin:0 0 10px 0;
	text-align: center;
}
.detalle-campana .alcance h1{
	text-align: center;
	color:#275c76;
	margin:0;
}
.una-linea{
	word-break: break-all;
}

.table {
	background-color: #fff !important;
}

.table-sm{
	font-size: 13px;
}

@media (max-width:776px){
	.contenedor-tabla .cabecera h2{
		font-size: 1.3rem !important;
	}
}