#cabecera {
	border:1px solid #d9d9d9;
	font-size:16pt;
	text-align:center;
	height:70px;
	margin-left:20px;
	margin-bottom: 5px;
	width:700px;
}

#logo {float:left}

.tablageneral, .tablageneral2{
	border-collapse:collapse;
	font-family:Arial,Helvetica,Verdana,sans-serif;
	color: #606060;
	font-size:9pt;
	border:2px solid #d9d9d9;
	margin: 0 0 10px 0;
}
.tablageneral {width: 334px;}

.tablageneral td,.tablageneral th, .tablageneral2 td,.tablageneral2 th{
	font-family:Arial,Helvetica,Verdana,sans-serif;
	font-size:9pt;
	color: #606060;
	/*padding:2px 5px 4px;*/
	padding:2px 2px 2px;
	vertical-align:top;
	border:1px dotted #D9D9D9;
	border-top:0;border-left:0;
}

.tablageneral td.nivel1 {width:230px;padding-left:5px;}
.tablageneral td.nivel2 {width:205px;padding-left:15px;}
.tablageneral td.nivel3 {width:255px;padding-left:10px;font-size:8pt;}
.tablageneral td.dato {text-align:right;}
.tablageneral td.dato2 {text-align:right;}

.tablageneral2 td.nivel1 {width:230px;padding-left:5px;}
.tablageneral2 td.nivel2 {width:205px;padding-left:15px;}
.tablageneral2 td.dato {width:140px;text-align:right;}

sup {font-size:7pt;}

#bloque-izq {
	float:left;
	padding:5px 5px 0 5px;
}
#bloque-der {
	float:right;
	padding:5px 5px 0 5px;
}
.general{
	margin-left:20px;
	clear: both;
	width:700px;
}

#grafico_antiguitat, #mapa_google {
	width: 330px;
	margin:0 0 10px 0;
	border:2px solid #d9d9d9;

}
#grafico_poblacion {
	width: 100%;
	height:200px;
	margin:5px 0 10px 0;
	border:2px solid #d9d9d9;
}

#grafico_energia {
	width: 330px;
	height:200px;
	margin:5px 0 10px 0;
	border:2px solid #d9d9d9;
}

h1{
	clear:both;
	color:#606060;
	font-size:12pt;
	font-weight:bold;
	border-bottom:1px solid #606060;
	margin:5px 0 0 0;
}


h3{
	color:#606060;
	font-size:10pt;
	font-weight:bold;
	margin:0;
}

.separador {
	clear:both;
}

table{
        margin: 0 auto !important;
width: 960px ;
}

.general{
        margin: 0 auto !important;
width: 700px;
}

#cap_fr_banner{
    background-image:url(../img/top.png);
    background-repeat:no-repeat;
    background-position:20px !important;
    background-color:#fff !important;
    __width:1200px !important;
    height:130px;
}
#cap_fr_menu {
background-color: #AF292E;
}
#cap_fr_menu {
__width: 1200px !important;
height: 26px;
}


@media (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 980px !important;
}
}

@media (min-width: 1200px){
.container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 980px;
}
}

@media (min-width: 1000px){
.container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 980px;
}
}
















.ppa .bg-primary-lt {background-color:#099342 !important}
.ppb .bg-primary-lt {background-color:#2bb673 !important}
.ppc .bg-primary-lt {background-color:#8fc740 !important}
.ppd .bg-primary-lt {background-color:#f6ee31 !important}
.ppe .bg-primary-lt {background-color:#fbaf40 !important}
.ppf .bg-primary-lt {background-color:#f6931c !important}
.ppg .bg-primary-lt {background-color:#ee1b24 !important}

.bg-ddgi {background-color:#be0926 !important}

#certificacions .progressbg-text {color:#000}

.bg-color1 {background-color:#be0926 !important}
.bg-color2 {background-color:#d43e1f !important}
.bg-color3 {background-color:#e56313 !important}
.bg-color4 {background-color:#f28600 !important}
.bg-color5 {background-color:#fba900 !important}
.bg-color6 {background-color:#ffcc00 !important}


.progress_v2 {

    height: 2rem;
 
}

.progress-v3invert .progress {
    display: block;   
}
.progress-v3invert  .progress-bar {
    float:right;
}
#certificacions .progress-v3invert .progressbg-text {
   opacity:0;
}

.progress_1rem {

    height: 1rem;
 
}

.display-7 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2;
}

a.btn-imprimir {color:#ffffff;}




@media (max-width: 768px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 100% !important;
}

#cap_fr_menu {
width:100% !important;

}


#cap_fr_banner {
    background-image: url(../img/top_mobile.jpg);
    background-repeat: no-repeat;
    background-position: 0px !important;
    background-color: #fff !important;
     width:100% !important;
    height: 100px;
}


#table_selectors,
#table_selectors table{
width: 100% ;
}


}

@media (max-width: 500px) {

#cap_fr_banner {
    background-size: contain;
}
#table_selectors select{
width: 200px ;
}

}

.datagrid {
    --tblr-datagrid-padding: 0.1rem;
    --tblr-datagrid-item-width: 15rem;
    display: grid;
    grid-gap: var(--tblr-datagrid-padding);
    grid-template-columns: repeat(auto-fit, minmax(var(--tblr-datagrid-item-width), 1fr));
}

/*
////////////////////////
 instruccions imprimir  
///////////////////////
 */



 @media print {  


.col-print-1 {width:8%;  float:left;}
.col-print-2 {width:16%; float:left;}
.col-print-3 {width:25%; float:left;}
.col-print-4 {width:33%; float:left;}
.col-print-5 {width:42%; float:left;}
.col-print-6 {width:50%; float:left;}
.col-print-7 {width:58%; float:left;}
.col-print-8 {width:66%; float:left;}
.col-print-9 {width:75%; float:left;}
.col-print-10{width:83%; float:left;}
.col-print-11{width:92%; float:left;}
.col-print-12{width:100%; float:left;}


	*{
  print-color-adjust:exact;
   -webkit-print-color-adjust:exact;
	}	
				

#table_selectors,
#cap_fr_menu,
#cap_fr_banner,
#footer,
.highcharts-exporting-group {display:none;}

.datagrid {
    --tblr-datagrid-padding: .5rem;
 

    grid-gap: var(--tblr-datagrid-padding);

}



.datagrid-content.h3{
  
    margin-bottom: 0.5rem;
   
}


.container, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {

    padding-right: calc(1rem * 2);
    padding-left: calc(1rem * 2);
 
}





.card-header {
    padding: .55rem;
  margin-bottom:12px;
}
#certificacions .card-header,
#suputil .card-header,
#edificis_plantes .card-header{
    padding: .5rem .5rem .3rem .5rem;
margin-bottom:6px;
}
.row-cards {margin-bottom:10px}
h2.mt-3 {
    margin-bottom: 2px !important;
	 margin-top: 10px !important;
}


.table > :not(caption) > * > * {
    padding: 0.4rem 0.4rem;
    
}
.progressbg {   
    padding: 0.1rem 0.5rem;
}

#certificacions .table > :not(caption) > * > * {
    padding: 0.2rem 0.4rem;
    
}
#projeccio-demografica {margin-top:15px}
#antiguitat {page-break-before: always;}
#font {margin-top:10px; border-top:1px solid #04204524}
#informe-header {border-bottom:1px solid #04204524; margin-top:2rem; margin-bottom:2rem}

  }  
  
  
  /* fi instruccions imprimir   */