html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html, body {height:100%}
body {font:normal 12px/15px Arial, Helvetica, sans-serif; color:#383838; background-color:#fff}
p {margin:5px 0 5px 0}

.municipals h2 {color:#960000; margin:5px auto; font-size: 20px; font-weight:bold ;display:block}
.municipals h3 {color:#828282; margin:5px auto; font-size: 16px ;display:block ;padding-bottom: 2px;}
.municipals h4 {color:#960000; margin:8px 0 2px 20px; font-size: 18px; font-weight:bold}
.municipals h5 {color:#828282; margin:8px 0 2px 20px; font-size: 14px; font-weight:bold}

.industrials h2 {color:#d78a2a; margin:5px auto; font-size: 20px; font-weight:bold ;display:block}
.industrials h3 {color:#828282; margin:5px auto; font-size: 16px ;display:block ;padding-bottom: 2px;}
.industrials h4 {color:#d78a2a; margin:8px 0 2px 20px; font-size: 18px; font-weight:bold}
.industrials h5 {color:#828282; margin:8px 0 2px 20px; font-size: 14px; font-weight:bold} 

.gestors h2 {color:#aa0bac; margin:5px auto; font-size: 20px; font-weight:bold ;display:block}
.gestors h3 {color:#828282; margin:5px auto; font-size: 16px ;display:block ;padding-bottom: 2px;}
.gestors h4 {color:#aa0bac; margin:8px 0 2px 20px; font-size: 18px; font-weight:bold}
.gestors h5 {color:#828282; margin:8px 0 2px 20px; font-size: 14px; font-weight:bold}


.menu-arc a {color:#960000; margin:2px 0 2px 20px; font-size: 12px; font-weight:bold}
.menu-arcind a {color:#d78a2a; margin:2px 0 2px 20px; font-size: 12px; font-weight:bold}


header {margin-top: 20px;padding-bottom: 20px;margin-bottom: 25px;}

label {
    font-weight:normal !important;
    margin: 4px 0 0;    
}

input[type="checkbox"] {
    margin: 0 0 0;
}

td, th {text-align:center;}

.cmenuprincialARC {
text-align: center;
}

#cmenuMetodologia1 {
background-image: url('../img/icona_metodologia.png');
background-size: cover;
}
#cmenuMetodologia1:hover {
background-image: url('../img/icona_metodologia_on.png');
background-size: cover;
}

#cmenuInformes2 {
background-image: url('../img/icona_taules.png');
background-size: cover;
}
#cmenuInformes2:hover {
background-image: url('../img/icona_taules_on.png');
background-size: cover;
}

#cmenuGrafics3 {
background-image: url('../img/icona_grafics.png');
background-size: cover;
}
#cmenuGrafics3:hover {
background-image: url('../img/icona_grafics_on.png');
background-size: cover;
}

#cmenuMapes4 {
background-image: url('../img/icona_mapes.png');
background-size: cover;
}
#cmenuMapes4:hover {
background-image: url('../img/icona_mapes_on.png');
background-size: cover;
}
#cmenuDocuments5{
background-image: url('../img/icona_documents.png');
background-size: cover;
}
#cmenuDocuments5:hover {
background-image: url('../img/icona_documents_on.png');
background-size: cover;
}

#cmenuMetodologia1ind {
background-image: url('../img/icona_metodologia_taronja_off.png');
background-size: cover;
}
#cmenuMetodologia1ind:hover {
background-image: url('../img/icona_metodologia_taronja_on.png');
background-size: cover;
}

#cmenuInformes2ind {
background-image: url('../img/icona_taules_taronja_off.png');
background-size: cover;
}
#cmenuInformes2ind:hover {
background-image: url('../img/icona_taules_taronja_on.png');
background-size: cover;
}

#cmenuGrafics3ind {
background-image: url('../img/icona_grafics_taronja_off.png');
background-size: cover;
}
#cmenuGrafics3ind:hover {
background-image: url('../img/icona_grafics_taronja_on.png');
background-size: cover;
}

#cmenuMapes4ind {
background-image: url('../img/icona_mapes_taronja_off.png');
background-size: cover;
}
#cmenuMapes4ind:hover {
background-image: url('../img/icona_mapes_taronja_on.png');
background-size: cover;
}
#cmenuDocuments5ind{
background-image: url('../img/icona_documents_taronja_off.png');
background-size: cover;
}
#cmenuDocuments5ind:hover {
background-image: url('../img/icona_documents_taronja_on.png');
background-size: cover;
}
#cmenuConfigurable5ind{
background-image: url('../img/icona_configurable_taronja_off.png');
background-size: cover;
}
#cmenuConfigurable5ind:hover {
background-image: url('../img/icona_configurable_taronja_on.png');
background-size: cover;
}



.img_pestanya{
    width: 102px;
    height:29px; 
    float: left;
    position:inherit;
    top: -4px;
}

.industrials .img_pestanya {
    background: url("../img/pestanyaN.png") right  no-repeat;
}

.municipals .img_pestanya{
    background: url("../img/pestanyaR.png") right  no-repeat;
}

.img_framemun{
    background: url("../img/pestanyaR.png") right  no-repeat;
    width: 102px;
    height:29px; 
    float: left;
    position:inherit;
    top: -4px;
}

.img_frameind{
    background: url("../img/pestanyaN.png") right  no-repeat;
    width: 102px;
    height:29px; 
    float: left;
    position:inherit;
    top: -4px;
}

.img_frameges{
    background: url("../img/pestanyaL.png") right  no-repeat;
    width: 102px;
    height:29px; 
    float: left;
    position:inherit;
    top: -4px;
}

.img_framegrey{
    background: url("../img/pestanyaG.png") right  no-repeat;
}


.img_pestanya label {
    color: #ffffff;
    font-weight:normal !important;
    margin: 6px 0 0 30px;   
}
.img_frameind label {
    color: #ffffff;
    font-weight:normal !important;
    margin: 6px 0 0 20px;   
}
.img_framemun label {
    color: #ffffff;
    font-weight:normal !important;
    margin: 6px 0 0 20px;   
}

.img_frameges label {
    color: #ffffff;
    font-weight:normal !important;
    margin: 6px 0 5px 30px;
}
ol, ul {
	list-style: none;
}

li.pdf label {
    padding: 5px 20px 5px 20px;
    line-height: 10px;
    background-repeat: no-repeat;
    background-image:url(../img/ico_pdf_2.gif);
}

li.xls label {
    padding: 5px 20px 5px 20px;
    line-height: 10px;
    background-repeat: no-repeat;
    background-image:url(../img/ico-xls.gif);
}

.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>tr {
   background-color: #fcf8e3;
 }
  
.table-striped>tbody>tr:nth-child(odd)>th {
   background-color: #EEE;
 }

.form-inline {margin-top: 20px;}
.form-control {margin-right:20px;}

rect[stroke-width="0.000001"]{
    stroke-width: 0;
}

.imageClip
    {
    /*width:200px;
    height:auto;*/
    height:150px;
    width:auto;
    overflow:hidden;
    }
.contenedor {
   min-height: 100%;
   margin-bottom: -90px;
   position: relative;
}
 
.clear{
   height: 90px;
   clear: both;
}

.formulario{
    background-color:#FFFAFA                    ;
    margin:0px 0 5px 0px;
}

.filters select {
    background-color: #ffffff;
    border: 1px solid #5f5c5c;
    border-radius: 4px;
    color: #960000;
    font-weight: normal;
    margin: 4px;
    text-align: left;
    width: 150px;
} 

	#content .export {height:31px; line-height:31px; border:1px solid #000; margin-bottom:10px; padding:0 10px; vertical-align: baseline}
	#content .export input[type="radio"] {width:15px !important; border:none; background-color:transparent}
	#content .export p {float:left; font-weight:bold; font-size:13px}
	#content .export ul {float:right}
	#content .export li {float:left; padding-right:25px}
	#content .export li label {padding-left:20px; background-position:left 0; background-repeat:no-repeat}
	#content .export li.htm label {background-image:url(../img/ico-htm.gif)}
	#content .export li.xls label {background-image:url(../img/ico-xls.gif)}
	#content .export li.csv label {background-image:url(../img/ico-csv.gif)}
	#content .export li.rtf label {background-image:url(../img/ico-rtf.gif)}
	#content .export li.pdf label {background-image:url(../img/ico-pdf.gif)}
        
        #content .filters fieldset div {float:left; padding-right: 25px;}
        
.display-none { display: none !important; }  
.pvtAttrDropdown { display: none !important; }  
#loading-indicator {
  position: absolute;
  right: 50px;
  top: 2px;
}

#loading-indicator-inf {
  position: absolute;
  right: 50px;
  top: 50px;
}

div#FW_menuCap {
    border-bottom: 2px solid #bf2f14 !important;
    clear: both;
    color: #fff;
    float: left;
    margin: 0;
    width: 100%;
}

div#FW_menuCapInd {
    border-bottom: 2px solid #d78a2a !important;
    clear: both;
    color: #fff;
    float: left;
    margin: 0;
    width: 100%;
}

div#FW_menuCapGes {
    border-bottom: 2px solid #AA0BAC !important;
    clear: both;
    color: #fff;
    float: left;
    margin: 0;
    width: 100%;
}

.FW_bPeu {
    color: #4d4d4d;
    display: block;
    font-family: Verdana;
    font-size: 0.9em;
    margin-top: 6px;
    text-align: center;
    background-image: url("../img/separador_ligero.gif");
    background-position: 10px 5px;
    background-repeat: repeat-x;
    clear: both;
    height: 90px;
    position: relative;
    padding: 10px 0 0;
    line-height: 1.5em;
    width: 100%;
    
}

img.peu{
  vertical-align: middle;
 }
 
h2.menugra {width:1000px; padding:5px 0; background-color:#c0c0c0; color:#fff; text-align:center }
.menugra td {vertical-align:top; border-bottom:10px solid #fff; border-right:15px solid #fff}
.menugra td.last {border-right:none}
.menugra img { margin-right:15px}
.menugra.info {background-color:#FFF; padding:10px; min-height:130px}
.menugra.info h3 {margin-bottom:10px}
.menugra.info a {color:#909090}
.menugra.intro { margin-top:20px}
.menugra.intro h3 a {color:#2799aa; font-size:14px; font-weight:bold}

.btn-warning {
    background-color: #960000 !important ;
    border-color: #c00000 !important;
    color: #fff !important;
}

.btn-warning:hover,
.btn-warning:focus {
  background-color: #c00000 !important;
  background-position: 0 -15px !important;
}

.btn-warning.active {
  background-color: #c00000 !important;
  border-color: #e38d13 !important;
}

.btn-warningind {
    background-color: #bf8d14 !important;
    border-color: #d78a2a !important;
    color: #fff !important;
}

.btn-warningind:hover,
.btn-warningind:focus {
  background-color: #d78a2a !important;
  background-position: 0 -15px !important;
  color: #fff !important;
}

.btn-warningind.active {
  background-color: #d78a2a !important;
  border-color: #e38d13 !important;
  color: #fff !important;
}


.nav-tabs > li.active > a ,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #666666;
  cursor: default;
  background-color: #f0f0f0;
  border: 1px solid #d0d0d0;
  border-bottom-color: transparent;
  }  
  
.fullWidth {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;
}

.has-error .selectpicker.btn:focus {
    border-color: #953b39;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 6px #d59392;
}
.has-error .selectpicker.btn {
    border-color: #b94a48;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
}

.ulhelp {
    display: block;
    list-style-type: disc;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}

#ex1Slider .slider-selection {
	background: #BABABA;
}

.slider-handle {
    background-color: #bf8d14;
    background-image: linear-gradient(to bottom, #bf8d14 0px, #d78a2a 100%);
}

div.cmenuprincialARC2 {
    width: 180px;
    height: 207px;
}

.no-padding{
        padding: 0 !important;
}

.pvtFilteredAttribute .pvtAttr{
    background-color: #a8d8f7 !important;
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
    div.cmenuprincialARC2 {
        width: 140px;
        height: 161px;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 768px) { 
    div.cmenuprincialARC2 {
        width: 80px;
        height: 92px;
    }
    .nav-justified>li {
        display: table-cell;
        width: 1%;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    div.cmenuprincialARC2 {
        width: 60px;
        height: 69px;
    }
    .nav-justified>li {
        display: table-cell;
        width: 1%;
    }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { }

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) { }

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) { }

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { }

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { }

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { }

.pvtUiCell {
    text-align: left;
}

/* alert */

.close-color{
    color: #FFFFFF;    
}
#alert-slide-center{
  top: 40% !important;
  right: 45% !important;
}

.alert-slide {
  position: fixed;
  top: 50px;
  /* left: 38%;
  width: 24%; */
  z-index: 1050;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-shadow: none;
  top: 75px;
  right: 0px;
  min-height: 100px;
  z-index: 5050;
}
#alert-content {
  padding-top: 10px;
}
.alert-info, .alert-danger, .alert-error {
  color: #ffffff;
  box-shadow: none;
}
.alert-info {
  border: 1px solid rgba(0,0,0,.5);
  background: rgba(67,61,60,.8);
  color: #FFFFFF;
}
.alert-danger, .alert-error {
  border: 1px solid #C8B0D0;
  background: #F72237;
}

/* pivot table */

#captioTableUi{
    font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif";
    font-size: 12px !important;
    font-weight: normal !important;
    text-align: left !important;
    margin-bottom: 20px;
}

.tab { margin-left: 40px; }

table.pvtTable thead tr th,
table.pvtTable tbody tr th {
    font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif";
    font-size: 12px !important;
    font-weight: normal !important;
    background: #EEE !important;
}

table.pvtTable thead tr th, table.pvtTable tbody tr th{
    background-color: #e0e0e0 !important;
    font-size: 12px !important;
} 

.pvtVal, .pvtTotal, .pvtGrandTotal{
    font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif";
    font-size: 12px !important;
    font-weight: normal !important;
}


.pvtRendererArea {
    padding: 0px !important;
    vertical-align: top !important;
}

.pvtRowLabel, .pvtAxisLabel{
    text-align: left !important;
    font-weight: bold !important;
    background: #EEE !important;
}

.pvtColLabel, .pvtTotalLabel, .pvtRowTotalLabel, .pvtAxisLabel{
    font-weight: bold !important;
    background: #EEE !important;
}

.pvtColTotalLabel{
    text-align: left !important;
    background: #EEE !important; 
    font-weight: bold !important;
}

.pvtTotal,.colTotal,.pvtGrandTotal {
    background: #EEE !important; 
    font-weight: bold !important;
}

#logo{
    padding: 5px;
}

.padding10{
    padding: 10px;
}

/* pivot table */