* {
	font-family: 'PT Sans Narrow', Helvetica, Arial;
}

body, html{
	height: 100%;
}

header{
	margin-bottom: 100px;
}

/*NO USADO, PONE UNA IMAGEN DE FONDO ESTÁTICA EN EL BODY*/
.bg{
	background: url("../imagenes/CUADROSVU.png") no-repeat center center fixed;
	background-position: left;
	background-repeat: no-repeat;
	/*background-size: contain;*/
	background-size: 840px 250px;
}

.margin100{
    margin-top: 20px;
    margin-bottom: 100px;
}

.margin20{
	margin-top: 20px;
    margin-bottom: 20px;	
}

.colorY{
	color:#A48D29;
}


/***COLORES DE FONDO**/
.backColY{
	background-color: #A48D29 !important;	
}

.backColContraloria{
	padding-top: 10px;
	border-top: 3px solid #00A99D;
}

.backColEcologia{
	padding-top: 10px;
	border-top: 3px solid #00A551;
}

.backColAseo{
	padding-top: 10px;
	border-top: 3px solid #A15641;
}

.backColAlumbrado{
	padding-top: 10px;
	border-top: 3px solid #F9A64A;
}

.backColImagenUrbana{
	padding-top: 10px;
	border-top: 3px solid #EF1F3C;
}

.backColComercio{
	padding-top: 10px;
	border-top: 3px solid #B73479;
}

.backColFuerzaMun{
	padding-top: 10px;
	border-top: 3px solid #A5BD28;
}

.backColDGSPM{
	padding-top: 10px;
	border-top: 3px solid #647B97;
}

.backColVial{
	padding-top: 10px;
	border-top: 3px solid #212B7F;
}

.backColParques{
	padding-top: 10px;
	border-top: 3px solid #00632C;
}

.backColDesarrollo{
	padding-top: 10px;
	border-top: 3px solid #EF5B72;
}

.backColObras{
	padding-top: 10px;
	border-top: 3px solid #A21D43;
}

.backColCementerio{
	padding-top: 10px;
	border-top: 3px solid #4D4E54;
}

.backColGrupoDesv{
	padding-top: 10px;
	border-top: 3px solid #bf3088;
}

.backColCultura{
	padding-top: 10px;
	border-top: 3px solid #126191;
}

.backColProgSociales{
	padding-top: 10px;
	border-top: 3px solid #9F6DC6;
}

.backColDeportes{
	padding-top: 10px;
	border-top: 3px solid #490591;
}

.backColCentComunitarios{
	padding-top: 10px;
	border-top: 3px solid #4343DD;
}

.backColAnuncios{
	padding-top: 10px;
	border-top: 3px solid #D68816;
}

.backColOrgSocial{
	padding-top: 10px;
	border-top: 3px solid #78327C;
}

.backColTransparencia{
	padding-top: 10px;
	border-top: 3px solid #22C4C4;
}

.backColComSocial{
	padding-top: 10px;
	border-top: 3px solid #4EC4f9;
}

.backColCatastro{
	padding-top: 10px;
	border-top: 3px solid #ED2F58;
}

.backColOtros{
	padding-top: 10px;
	border-top: 3px solid #C4D830;
}

.backColDesarrolloU{
	padding-top: 10px;
	border-top: 3px solid #7C256E;
}

.backColInterapas{
	padding-top: 10px;
	border-top: 3px solid #5096D6;
}

.backColProtCivil{
	padding-top: 10px;
	border-top: 3px solid #AD3607;
}

.nav-Vert{
	display: block;
}

.nav-Vert > li {
	border: 1px solid #8b8b8b;
	background-color: #e5e5e5;/* GRIS */
	margin-bottom: 10px;
}

.nav-Vert > li > a {
	display: block;
	color: #575757;
	font-family: "PT Sans Narrow";
	font-size: 1.15em;
}

.nav-Vert > li > a > img {
	background-color: white;
}

.nav-Vert > li > a:hover {
	color:#A48D29;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.075em;
}

.nav-Vert > li > a:hover  img {
	background-color:#A48D29; /* DORADO */
}

.menuActivo {
	font-weight: bold;
	font-size: 1.075em;
	color:#A48D29 !important;
}

.menuActivo > img {
	background-color: #A48D29 !important; /* DORADO */
}

.tt-dropdown-menu{
	width: 100%;
	background-color: white;
	height: 200px;
	overflow-y: auto;
}
.tt-suggestion p {
	margin-bottom: 0px !important;
	text-align: center;
	/*height: 32px;
	width: 100%;
	
	vertical-align: middle;
	line-height: 32px;*/
}
.tt-suggestion {
	border-bottom: 1px solid grey;  
}
.twitter-typeahead { 
	width: 100%;
}

.container-fluid{
	padding: 0px;
}

.progress-bar{
	border-radius: 0.25rem ;
}

/*Sólo para el pie de página del reporte*/
#footerReporteServicio{
	background-color: #CCCCCC;
	padding-top: 10px;
	padding-bottom: 10px;
}

#footerReporteServicio > p{
	font-family: "PT Sans Narrow";
}

.custom-file-label::after{
	content: "Abrir";
	background-color: #dc3545;
	border-color: #dc3545;
	color: white;
}

.custom-file-input:hover{
	cursor: pointer;
}