@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700);

* { image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */}
*{	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box;}
*::after, *::before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box;}

html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%; 
}
body {
  margin: 0;
  padding: 0;
  overflow: auto;
  width: 100%;
  height: 100%;
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-size: 17.5px;
  color:#000;
  -webkit-font-smoothing: antialiased;
  background-color: #e5e5e5;
  background-repeat: no-repeat; background-size: cover;  background-attachment: fixed; background-position: center;
}


a { text-decoration: none;  color: #000;}
a:focus, a:hover { color: #979797;}
p { padding: 10px 0; margin:0; clear: both;}
img{	border: 0; }
.mainHtmlContent img{ max-width: 100%;}
.oculto { display:none!important; }


/********* CABECERA *********/ 
header {
	width: 100%; display: block;  
	font-size: 1em; background-color: #FFF;
	-webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;
}
h1{
	background-color: #464e55; color:#FFF; text-align:center;
	font-weight: 400; font-size: 0.75em; text-transform: uppercase; letter-spacing: 6px;
	width:100%; margin: 0 auto; padding: 4px 5px 4px 5px;
}
.header-content {max-width:1200px; padding:10px 22px 15px 22px; margin:0 auto; overflow:hidden;}
.header-content .logo{ color:#464e55; display:inline-block;}
.header-content .logo img{	max-height: 40px; margin-right:10px; float:left;}
.header-content .logo a { 	color: #464e55;}
.header-content .logo a:hover { 	color: #acacac;  text-decoration: none;}
.header-content .logo span{	font-size: 1.3em;	padding:0; line-height: 0.1em; vertical-align: middle;}
.header-content .input-group{ margin-top: 6px;}
.header-content input{ height: 36px; background-color: #f6f8f9; border-radius: 18px; padding: 0 16px;}
.header-content button{ height: 36px; border-radius: 18px;padding: 4px 15px 6px 12px; }
.header-content button:hover{ background-color: #dfe2e4;  }
/*.header-content .tituloEntidad{ color:#b0b0b0;margin:5px 20px;letter-spacing:3px;text-transform:uppercase;}
.header-content .tituloEntidad a {color: #b0b0b0;}*/

header nav {width:100%; max-width:1200px; padding:0px 22px; margin:0 auto; display:table;}
header nav ul.menu{	 list-style-type: none; margin:0; padding: 0; }
header nav ul.menu li{  text-transform: uppercase; font-size:0.7em; margin:0 1px 0 0; 
		background-color: #464e55;  border-bottom:10px solid #FFF; float:left;
		background-image: url(images/ico_menu1.png); background-position: left 17px center; background-repeat: no-repeat;	 overflow:hidden;}
header nav ul.menu li a { 
	width:75px; height:65px; padding:14px 18px 14px 50px; color:#FFF; display:block;
	-webkit-transition: all 400ms ease-in-out; 
	-moz-transition: all 400ms ease-in-out; 
	-o-transition: all 400ms ease-in-out; 
	transition: all 400ms ease-in-out;
}
header nav ul.menu li span { width:0; left:75px; padding:0; position:absolute; overflow:hidden; line-height:13px;	
	-webkit-transition: opacity 900ms ease-in-out; 
	-moz-transition: opacity 900ms ease-in-out; 
	-o-transition: opacity 900ms ease-in-out; 
	transition: opacity 900ms ease-in-out;
	opacity:0; }
header nav ul.menu li a:hover { color:#FFF; width:250px; position: relative;}
header nav ul.menu li a:hover span {width:auto;  overflow:visible; margin-left:-5px; padding-right:10px; opacity:1; }
header nav ul.menu li.activo{  border-bottom:10px solid #e0e2e3;}
header nav ul.menu li.activo a { color:#FFF; width:250px; position: relative;  cursor: default;  }
header nav ul.menu li.activo a span {width:auto;  overflow:visible; margin-left:-5px; padding-right:10px;  opacity:1;}

header nav ul.menu li.institucional{  background-color: #437fbe;  background-image: url(images/ico_menu1.png);}
header nav ul.menu li.juridica{  background-color: #f8c600;  background-image: url(images/ico_menu2.png);}
header nav ul.menu li.economica{  background-color: #f57900;  background-image: url(images/ico_menu3.png);}
header nav ul.menu li.politica{  background-color: #d5002c;  background-image: url(images/ico_menu4.png);}
header nav ul.menu li.ciudadano{  background-color: #9d196b;  background-image: url(images/ico_menu5.png);}
header nav ul.menu li.investigacion{  background-color: #6d48b5;  background-image: url(images/ico_menu6.png);}
header nav ul.menu li.ordenacion{  background-color: #7cae42;  background-image: url(images/ico_menu7.png);}
header nav ul.menu li.obras{  background-color: #88c0d7;  background-image: url(images/ico_menu8.png);}
/********* fin CABECERA *********/ 



/********* CUERPO *********/ 
main{ max-width:1200px; padding:50px 22px 0px 22px; margin:0 auto; }
.main-content {width:100%; padding:35px 40px 40px 40px; background: rgba(256, 256, 256, 0.90)  }

h2 {
	width:100%; 
	font-weight: 200;
	margin: 0 auto;
	padding: 14px 40px;
	font-size: 1.6em;
	text-transform: uppercase;
	line-height: 1.1em; 
	color:#FFF;
	background-color: #464e55;
}
h3 {
	width: 100%;
	font-weight: 300;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1.6em;
	line-height: 1.1em; 
	color:#464e55;
}
h3 strong {  font-weight: 400!important;}

ul.submenu{	list-style-type: none; margin:0; padding: 0;}
ul.submenu li{	padding:0 0 0 34px; margin:8px 0; background-image: url(images/ico_submenu1.png);  background-position: top 2px left;  background-repeat: no-repeat;  
				background-color: transparent; border: 0px; border-radius: 0px; box-shadow: 0 0px 0px rgba(0, 0, 0, 0);  }
ul.submenu li a { color: #000;}
ul.submenu li a:hover { color: #979797;}
ul.submenu ul{	list-style-type: none; font-size:0.95em;}
ul.submenu ul li{	padding:0 0 0 16px; margin:3px 0; background-image: url(images/ico_submenu2.png); background-position: left top 6px;}

ul.pdfs{	background-color: #FFF; border-top:2px solid #6d767e;  list-style-type: none; margin:40px 0 10px 0; padding: 15px 40px;}
ul.pdfs li{	text-transform: uppercase; font-size:0.85em; padding:2px 0 2px 30px; margin:8px 0; background-image: url(images/ico_adjunto.png);  background-position: top left;  background-repeat: no-repeat;    }
ul.pdfs li a { color: #000;}
ul.pdfs li a:hover { color: #979797;}

.volver{ width: 100%; text-align:right; padding: 15px 5px 0 0;}
.volver a{ width: 100%; text-align:right; padding-left:22px;  background-image: url(images/arrow_back.png);  background-position: left;  background-repeat: no-repeat; }
a.crear{background-image: url(images/ico_lapiz.png);  background-position: right;  background-repeat: no-repeat; padding-right:22px;}
a.editarContenido{background-image: url(images/ico_lapiz.png);  background-position: right;  background-repeat: no-repeat; padding-right:22px;}
a.editarFicheros{background-image: url(images/ico_lapiz.png);  background-position: right;  background-repeat: no-repeat; padding-right:22px;}

h3.institucional{  color: #437fbe;  padding-top: 10px;}
h3.juridica{  color: #edbd00;  padding-top: 10px;}
h3.economica{  color: #f57900;  padding-top: 10px;}
h3.politica{  color: #d5002c;  padding-top: 10px;}
h3.ciudadano{  color: #9d196b;  padding-top: 10px;}
h3.investigacion{  color: #6d48b5;  padding-top: 10px;}
h3.ordenacion{  color: #7cae42;  padding-top: 10px;}
h3.obras{  color: #78b4cd;  padding-top: 10px;}

ul.listaResultados {	list-style-type: none; margin-bottom: 20px; padding-left:5px;}
ul.listaResultados li{	padding:0 0 0 16px; margin:10px 0; background-image: url(images/ico_submenu2.png); background-position: left top 8px;  background-repeat: no-repeat; }
span.pagina{ float: left; padding: 7px; }
div.msgPublicacion {font-size:0.8em;color:#999; text-transform: none;}
div.msgEtiquetas {font-size:0.8em;color:#999; text-transform: none;}

/* Migas de pan */
div.rutaNodo {font-size:0.85em; color:#999; margin-bottom:20px; padding-left:13px;
	background-image: url(images/right-arrow.png); background-position: left top 6px;  background-repeat: no-repeat;}
div.rutaNodo a{color:#888!important;}

/* Enlaces Presupuestos y Solicitud de Informacion */
div.fconsultas{	}
a.presupuestos{ position: fixed; bottom: 0; left: 0; z-index: 1000; 
	float:left; width:95px; height:95px; margin-bottom: -20px; text-align: center; padding: 12px 0;
	background-color: rgba(0, 0, 0, 0.65);
	-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
  	font-size: 0.7em; line-height: 1; text-transform: uppercase; color:#FFF!important; border-radius: 0 50% 50% 0;
}   
a.presupuestos:hover{	background-color: rgba(0, 0, 0, 0.8);	transform: scale(1.1); text-decoration:none;} 
a.presupuestos img{	width:32px; height: auto;	display:block; margin:0 auto 3px auto;}
a.consultas{ position: fixed; bottom: 0; right: 0; z-index: 1000; 
	float:right; width:95px; height:75px; text-align: center; padding: 5px 0;
	background-image: url(images/bg_consultas.png); background-repeat: no-repeat; 
	-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
	font-size: 0.7em;  	line-height: 0.9;  	text-transform: uppercase; color:#FFF!important;}   
a.consultas:hover{ background-image: url(images/bg_consultas_hover.png); transform: scale(1.1); text-decoration:none;} 
a.consultas img{	width:28px; height: auto;	display:block; margin:0 auto 2px auto;}



/* Ficha detalle */
.mainHtmlContent { font-size: 0.9em; color: #464e55; }
.mainHtmlContent strong{ font-style: normal; font-weight: 600; color:#000; }
.mainHtmlContent h4{ font-style: normal; font-weight: 300; color:#999; font-size: 1.45em; margin-bottom:0; margin-top: 15px; } 
.mainHtmlContent h5{ font-style: normal; font-weight: 400; color:#000; font-size: 1.2em; margin-bottom:0; margin-top: 15px;} 
.mainHtmlContent h6{ font-style: normal; font-weight: 400; color:#000; font-size: 1.1em; margin-bottom:0; margin-top: 15px; border-bottom:1px dotted #a2a2a2; padding-bottom:5px;} 
.mainHtmlContent p{	padding: 5px 0 10px;}

/* Lista Entidades */
.listaEntidades{}
.listaEntidades .row{padding:5px;}
.listaEntidades div.row:nth-child(odd){ background-color: #fff;}
.listaEntidades a{display:block}
.listaEntidades img{ max-height: 40px;}

/* Graficos */
.menuGraficos{	margin-bottom: 20px; font-size:1.2em;  font-weight: 300;}
.menuGraficos ul.nav-pills li {  border-right: 1px solid #f57900;  }
.menuGraficos ul.nav-pills li:last-child {	border-right: 0px;}
.menuGraficos ul.nav-pills li span.caret{	border-left: 6px solid transparent;	border-right: 6px solid transparent; border-top: 7px dashed;}
.menuGraficos ul.nav-pills li a{ background-color: #fff;  line-height: 1; padding: 10px 15px 11px; border-radius: 0; }
.menuGraficos ul.nav-pills li:hover { background-color: #eee; }
.menuGraficos ul.nav-pills li:hover a{ background-color: #eee; }
.menuGraficos ul.nav-pills li a:hover{ background-color: #eee; color:#464e55;}
.menuGraficos ul.nav-pills li a:focus{ border-color: #eee; }
.menuGraficos ul.nav-pills li.active a{ background-color: #f57900; }
.menuGraficos ul.nav-pills li.active:hover { background-color: #eee; }
.menuGraficos ul.nav-pills li.active:hover a{ background-color: #eee; color: #f57900;}
.menuGraficos ul.nav-pills li.active:hover a:hover{ background-color: #eee; color: #464e55;}
.menuGraficos ul.nav-pills li ul.dropdown-menu { width:100%; border-radius: 0; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.176);}
.menuGraficos ul.nav-pills li ul.dropdown-menu li {	border-right: 0px;}
.menuGraficos ul.nav-pills li ul.dropdown-menu li a{ padding: 2px 15px; line-height: 1.42857; background-color: #FFF; }
.menuGraficos ul.nav-pills li ul.dropdown-menu li a:hover{ background-color: #f5f5f5; color:#464e55; }
.menuGraficos ul.nav-pills li.active ul.dropdown-menu li a{ background-color: #fff; color: #f57900; }
.menuGraficos ul.nav-pills li.active ul.dropdown-menu li a:hover{ background-color: #f5f5f5; color:#464e55; }
.menuGraficos ul.nav-pills li ul.dropdown-menu .divider {margin: 5px 0;}
canvas { }
#canvas-holder { width: 80%; margin:auto;}
ul.graficoTipo{ margin:20px 0; padding:0; list-style-type: none;}
ul.graficoTipo li{ margin:0 2px; padding:0; display: inline-block;  white-space: nowrap; }
ul.graficoTipo li a{ background-color: #d9dcdd; color:#464e55; padding:5px 30px; font-size:1.4em;  font-weight: 300; cursor: pointer;}
ul.graficoTipo li a:hover, ul.graficoTipo li a:focus{ text-decoration: none; background-color: #f57900; color: #fff;}
ul.graficoTipo li.active a{ background-color: #f57900; color:#FFF; cursor: default; }
ul.graficoTipo li.active a:hover{ background-color: #f57900; color:#FFF; }
ul.graficoTipo li a.filterDisabled{  opacity: 0.3; }
ul.graficoAnyo{ border-bottom:1px solid #f57900; margin:10px 0 0 0; padding:9px 0 9px 38px; list-style-type: none; background-image: url(images/ico_grafico_anyo2.png);  background-position: left 3px center;  background-repeat: no-repeat; }
ul.graficoAnyo li{ margin:0; padding:0; display: table-cell;   text-align:center;  }
ul.graficoAnyo li a{ color:#464e55; line-height: 1; padding:6px 14px 7px; border-left:1px solid #474f55;  cursor: pointer; display: block;}
ul.graficoAnyo li:first-child a {  border-color:transparent; }
ul.graficoAnyo li a:hover, ul.graficoAnyo li a:focus{ text-decoration: none; background-color: #fff; color:#464e55; }
ul.graficoAnyo li.active a{ cursor: default; color: #fff; background-color: #f57900; /*border-bottom:4px solid #f57900; background-image: url(images/markup_vista.png);  background-position: bottom;  background-repeat: no-repeat;*/ }
ul.graficoAnyo li.active a:hover{ color:#fff; }
ul.graficoAnyo li a.filterDisabled{  opacity: 0.3; }
ul.graficoVista{ border-bottom:1px solid #f57900; margin:10px 0 0 0; padding:9px 0 9px 38px; list-style-type: none; background-image: url(images/ico_grafico_vista2.png);  background-position: left 3px center;  background-repeat: no-repeat; }
ul.graficoVista li{ margin:0; padding:0; display: table-cell;  text-align:center; }
ul.graficoVista li a{ color:#464e55; font-size:0.9em; line-height: 1; text-transform: uppercase; padding:7px 14px; border-left:1px solid #474f55;  cursor: pointer; display: block;}
ul.graficoVista li:first-child a {  border-color:transparent;  }
ul.graficoVista li a:hover, ul.graficoVista li a:focus{ text-decoration: none; background-color: #fff; color:#464e55; }
ul.graficoVista li.active a{ cursor: default; color: #fff; background-color: #f57900; /*border-bottom:4px solid #f57900; background-image: url(images/markup_vista.png);  background-position: bottom;  background-repeat: no-repeat;*/ }
ul.graficoVista li.active a:hover{ color:#fff; }
ul.graficoVista li a.filterDisabled{  opacity: 0.3; }
h4.tituloGrafico{	margin-bottom: 25px; color:#5f676e;}
ul.graficoIcoMenu{ margin:30px 0 20px 0; padding:0; list-style-type: none; text-align:center;}
ul.graficoIcoMenu li{ margin:0; padding:0; display: inline-block;  text-align:center;  }
ul.graficoIcoMenu li a{ cursor: pointer; display:block; border-top:3px solid #d8d8d8;}
ul.graficoIcoMenu li a:hover{ border-top:3px solid #5f676e;}
ul.graficoIcoMenu li.active a{  border-top:4px solid #f57900; cursor: default;}
h5.tituloLeyendas{ margin-bottom: 7px; color:#f57900; text-transform: uppercase; font-size:1.15em; }
ul.graficoLeyendas{ margin:0 0 40px 0; padding:0 0 0 30px; list-style-type: none;}
ul.graficoLeyendas li { position: relative; line-height: 1.05; margin-top: 5px; }
ul.graficoLeyendas li span{ width: 20px; height: 11px; position: absolute; top:3px; left:-30px;}
ul.graficoLeyendas li:nth-child(1) span{background-color:#F7464A;}
ul.graficoLeyendas li:nth-child(2) span{background-color:#46BFBD;}
ul.graficoLeyendas li:nth-child(3) span{background-color:#FDB45C;}
ul.graficoLeyendas li:nth-child(4) span{background-color:#efea6b;}
ul.graficoLeyendas li:nth-child(5) span{background-color:#7fadf9;}
ul.graficoLeyendas li:nth-child(6) span{background-color:#e597bf;}
ul.graficoLeyendas li:nth-child(7) span{background-color:#a48cda;}
ul.graficoLeyendas li:nth-child(8) span{background-color:#949FB1;}
ul.graficoLeyendas li:nth-child(9) span{background-color:#4D5360;}
ul.graficoLeyendas li i{ font-style: normal; font-size:0.75em; text-transform: uppercase; color:#879098; }
ul.graficoLeyendas li i.exacto{ color:#464e55; font-size:0.9em;  margin-right:6px; }
ul.graficoLeyendas li i.porcentaje{ color:#464e55; font-size:0.9em; border-left: 1px solid #879098; padding-left: 6px;}
/* Colores para Leyendas Gastos-Capitulos */
.ecoGas1{ width: 20px; height: 11px; background-color:#F7464A; display: inline-block; margin-right:7px;}
.ecoGas2{ width: 20px; height: 11px; background-color:#46BFBD; display: inline-block; margin-right:7px;}
.ecoGas3{ width: 20px; height: 11px; background-color:#FDB45C; display: inline-block; margin-right:7px;}
.ecoGas4{ width: 20px; height: 11px; background-color:#efea6b; display: inline-block; margin-right:7px;}
.ecoGas5{ width: 20px; height: 11px; background-color:#7fadf9; display: inline-block; margin-right:7px;}
.ecoGas6{ width: 20px; height: 11px; background-color:#e597bf; display: inline-block; margin-right:7px;}
.ecoGas7{ width: 20px; height: 11px; background-color:#a48cda; display: inline-block; margin-right:7px;}
.ecoGas8{ width: 20px; height: 11px; background-color:#949FB1; display: inline-block; margin-right:7px;}
.ecoGas9{ width: 20px; height: 11px; background-color:#4D5360; display: inline-block; margin-right:7px;}
/* Colores para Leyendas Gastos-Areas */
.prog1{ width: 20px; height: 11px; background-color:#F7464A; display: inline-block; margin-right:7px;}
.prog2{ width: 20px; height: 11px; background-color:#46BFBD; display: inline-block; margin-right:7px;}
.prog3{ width: 20px; height: 11px; background-color:#FDB45C; display: inline-block; margin-right:7px;}
.prog4{ width: 20px; height: 11px; background-color:#efea6b; display: inline-block; margin-right:7px;}
.prog5{ width: 20px; height: 11px; background-color:#7fadf9; display: inline-block; margin-right:7px;}
.prog6{ width: 20px; height: 11px; background-color:#e597bf; display: inline-block; margin-right:7px;}
.prog7{ width: 20px; height: 11px; background-color:#a48cda; display: inline-block; margin-right:7px;}
.prog8{ width: 20px; height: 11px; background-color:#949FB1; display: inline-block; margin-right:7px;}
.prog9{ width: 20px; height: 11px; background-color:#4D5360; display: inline-block; margin-right:7px;}
/* Colores para Leyendas Ingresos-Capitulos */
.ecoIng1{ width: 20px; height: 11px; background-color:#F7464A; display: inline-block; margin-right:7px;}
.ecoIng2{ width: 20px; height: 11px; background-color:#46BFBD; display: inline-block; margin-right:7px;}
.ecoIng3{ width: 20px; height: 11px; background-color:#FDB45C; display: inline-block; margin-right:7px;}
.ecoIng4{ width: 20px; height: 11px; background-color:#efea6b; display: inline-block; margin-right:7px;}
.ecoIng5{ width: 20px; height: 11px; background-color:#7fadf9; display: inline-block; margin-right:7px;}
.ecoIng6{ width: 20px; height: 11px; background-color:#e597bf; display: inline-block; margin-right:7px;}
.ecoIng7{ width: 20px; height: 11px; background-color:#a48cda; display: inline-block; margin-right:7px;}
.ecoIng8{ width: 20px; height: 11px; background-color:#949FB1; display: inline-block; margin-right:7px;}
.ecoIng9{ width: 20px; height: 11px; background-color:#4D5360; display: inline-block; margin-right:7px;}

ul.graficoValor{ margin:0; padding:0; list-style-type: none; }
ul.graficoValor li{ margin:0; padding:0; display: inline-block;  white-space: nowrap; }
ul.graficoValor li a{ border: 1px solid #f57900; color:#f57900; padding:3px 20px 4px 20px; font-size:1.15em; font-weight: 300; cursor: pointer;}
ul.graficoValor li a:hover, ul.graficoValor li a:focus{ text-decoration: none; background-color: #f57900; color: #fff; border: 1px solid #fff;}
ul.graficoValor li.active a{ background-color: #f57900; color:#FFF; cursor: default; }
ul.graficoValor li.active a:hover{ background-color: #f57900; color:#FFF;  }
ul.graficoValor li a.filterDisabled{  opacity: 0.3; }

.comparativasGraficos { background-color: #FFF; border-top:2px solid #6d767e; margin:40px 0 10px 0; padding: 15px 35px 20px;  }
.comparativasGraficos h4 { color:#f57900; margin:0; padding-bottom: 8px; font-size: 1.6em; text-align: center; }
.comparativasGraficos ul { list-style-type: none; margin:10px 0; padding: 0px;  
				-webkit-column-count: 2; /* Chrome, Safari, Opera */
				-moz-column-count: 2; /* Firefox */
				column-count: 2;
				-webkit-column-gap: 60px; /* Chrome, Safari, Opera */
				-moz-column-gap: 60px; /* Firefox */
				column-gap: 60px;
				-webkit-column-rule: 1px solid #f57900; /* Chrome, Safari, Opera */
				-moz-column-rule: 1px solid #f57900; /* Firefox */
				column-rule: 1px solid #f57900;}
.comparativasGraficos ul li{display: inline-table; padding:22px 10px 22px 72px; margin:0; color: #464e55; line-height: 1.1; border-top:1px dotted #bdbdbd; background-image: url(images/ico_grafico_default.png);  background-position: 10px;  background-repeat: no-repeat;  }
.comparativasGraficos ul li.bar{ background-image: url(images/ico_grafico_bar.png);  }
.comparativasGraficos ul li.line{ background-image: url(images/ico_grafico_line.png); }
.comparativasGraficos ul li.radar{ background-image: url(images/ico_grafico_radar.png); }
.comparativasGraficos ul li.pie{ background-image: url(images/ico_grafico_pie.png);  }
.comparativasGraficos ul li.doughnut{ background-image: url(images/ico_grafico_doughnut.png); }
.comparativasGraficos ul li.polar{ background-image: url(images/ico_grafico_polar.png); }
.comparativasGraficos ul li a { color: #464e55;  cursor: pointer;}
.comparativasGraficos ul li a:hover { color: #f57900;}

/* Modales para graficos*/
.modal-content { border-radius: 0;}
.modal-content .modal-header { border-bottom: 0px solid #e5e5e5; color: #fff; background-color: #f57900; padding: 15px 25px;}
.modal-content .modal-header h4.modal-title { line-height: 1.42857; font-size: 24px; font-weight: 300;}
.modal-content .modal-header button.close{ color: #fff; opacity:1; font-weight: 100; font-size: 36px;  margin-top: -5px;}
.modal-content .modal-body { color:#464e55; font-size: 0.9em; padding: 15px 25px;}

/* graficaSingle */
.graficaSingle{margin:30px 0; /*padding:30px; background-color: #FFF;*/}
.formGrafica{	background-color: #f9f9f9; border-bottom: 1px solid #f57900; padding:10px;}
.formGrafica .btn{	background-color: #f57900; color:#FFF; font-size:1em; border:0; border-radius: 0; }
.formGrafica .btn:hover{	background-color: #e96605;  }
.formGrafica select{height:33px; margin:0px 5px 5px 5px; vertical-align: middle;}
.formGrafica input[type="text"]{height:33px; margin:0px 5px 5px 5px; padding-left:4px; vertical-align: middle;}
.formGrafica button{height:33px; padding: 6px 20px; text-transform: inherit; margin:1px 5px 5px 5px;}
.formGrafica input[type="button"]{height:33px; padding: 6px 20px; text-transform: inherit; margin:1px 5px 5px 5px;}
.formGrafica input[type="submit"]{height:33px; padding: 6px 20px; text-transform: inherit; margin:1px 5px 5px 5px;}
.formGrafica a.btn{height:33px; padding: 6px 20px; text-transform: inherit; margin:1px 5px 5px 5px;}
ul.graficoResEjeLeyendas{ list-style-type: none;}
ul.graficoResEjeLeyendas li { position: relative; display: inline-block; margin-right:50px; }
ul.graficoResEjeLeyendas li span{ width: 20px; height: 11px; position: absolute; top:5px; left:-30px;}

/* Encuestas */
.encuesta form.form-horizontal{ margin-top: 0;}
.encuesta h3 {  color: #464e55;  font-size: 1.4em;  padding-bottom:15px; }
.encuesta .pregunta { padding: 0 0 15px 35px; border-bottom:1px dotted #464e55; margin-bottom:20px;}
.encuesta .pregunta p.enunciado { position: relative; padding: 0 0 10px 0; }
.encuesta .pregunta p.enunciado span.glyphicon{ color: #464e55;  font-size: 1.5em; position: absolute; top: 1px; left: -35px; text-align: center;
    height: auto;  width: 18px; }
.encuesta .pregunta p.enunciado span.numero{ background-color: #464e55; color: #fff; font-size: 1em; 
		position: absolute; top: 0; left: -35px; text-align: center;
		height: 27px;  width: 27px;  border-radius: 50%; line-height: 1; padding-top:3.5px;}
.encuesta label {  color: #464e55;  font-weight: 400;}
.encuesta label.radio-inline input[type="radio"] { top:4px;}
.encuesta label.radio-inline {  line-height: 1; font-size:0.95em;}
.encuesta textarea{   background: rgba(256, 256, 256, 0.7)}
.encuesta .table { margin: 5px 0 10px;  background-color: transparent; border-bottom: 0px;}
.encuesta .table thead tr {    background-color: transparent;    color: inherit;}
.encuesta .table-bordered > thead > tr > td, 
.encuesta .table-bordered > thead > tr > th {  border-bottom-width: 0px;}
.encuesta .table tr th { font-weight: normal;  background: rgba(256, 256, 256, 0.6)}
.encuesta .table thead tr th { background: rgba(70, 78, 85, 0.9); color:#FFF;}
.encuesta .table thead tr th:first-child{ background-color: transparent; border-left-color:transparent; }
.encuesta .table-bordered{	border:0;}
.encuesta .table-bordered > tbody > tr > td, 
.encuesta .table-bordered > tbody > tr > th, 
.encuesta .table-bordered > tfoot > tr > td, 
.encuesta .table-bordered > tfoot > tr > th, 
.encuesta .table-bordered > thead > tr > td, 
.encuesta .table-bordered > thead > tr > th { border: 1px solid #b3b7bd;}
.encuesta .table thead th,
.encuesta .table tr td {  text-align: center;}

main #topIndicadores { position:relative; top:-40px;}
main .indicadores { font-size:1.1em;}
main .indicadores .indiceBloques {    border: 1px dotted #464e55;    margin: 20px 0 40px;    padding: 0.35em 0; background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;}
main .indicadores .indiceBloques h4{ text-align: center; background-color: transparent; padding: 3px 20px; margin-top: -20px;
				font-size: 0.9em; font-weight: 300; text-transform: uppercase; line-height: normal; letter-spacing: 1px;}
main .indicadores .indiceBloques h4 span{ padding: 3px 20px; background-color: #464e55; color: #fff; }
main .indicadores .indiceBloques ul{ margin: 12px 0.625em 15px;}
main .indicadores .indiceBloques ul li{  font-size: 0.9em; text-transform: uppercase; padding-left:5px; }
main .indicadores h5 { position: relative; color: #333; text-transform: uppercase; font-weight: 600; font-size: 1.1em; margin:0 -40px; background-color: #fff; padding:10px 70px 10px 40px; display: block; width: auto;}
main .indicadores h5 a#bloqueA,
main .indicadores h5 a#bloqueB,
main .indicadores h5 a#bloqueC,
main .indicadores h5 a#bloqueD,
main .indicadores h5 a#bloqueE,
main .indicadores h5 a#bloqueF{	position: absolute;    top: -20px;}
main .indicadores h5 a.subir{ background-color: #eee; border-radius: 50%; position: absolute; right: 40px; top: 8px;
								display: block; height: 26px; width: 26px;  padding: 2px 5px;}
main .indicadores h5 a.subir:hover{ background-color: #ddd;}
main .indicadores .bloque { padding: 0 0 15px 0;  margin-bottom:40px; display:inline-block; width: 100%}
main .indicadores .bloque h6 {  color: #666;  font-size: 1.4em;  font-weight: 300; margin-bottom: 15px; margin-top: 20px; padding-left: 35px; padding-bottom:0; border-bottom:0;}
main .indicadores .bloque p.indicador { font-size: 17px; color:#b3b7bd; position: relative; margin-bottom: 10px; padding: 0 0 12px 35px; border-bottom:1px dotted #464e55; display: inline-block; width: 100%;}
main .indicadores .bloque p.indicador a{ color:#333;}
main .indicadores .bloque p.indicador span.numero{ position: absolute; top: 0; left: 0px; height: 27px;  width: 27px;   padding-top:4px;
			background-color: #464e55; color: #fff; font-size: 1em; text-align: center; border-radius: 50%; line-height: 1.05; }
/********* fin CUERPO *********/ 



/********* PIE *********/ 
footer{  max-width: 1200px; margin: 0 auto;  padding: 0px 22px; display: block; }
.footer-content {    background: #464e55;      padding: 10px 20px;    width: 100%;  margin-bottom: 80px;}    
/*footer .copy{   padding:5px 5px 5px 125px; color: #f1f1f1; font-size:0.75em; line-height:1.1em; 
					background-image: url(images/logo_interpublica.png); background-position: left; background-repeat: no-repeat;} */
footer .copy{   padding:3px 5px 5px 5px; color: #f1f1f1; font-size:0.8em; line-height:1.1em; text-align: center; }
footer .copy p{ padding:0px; }
footer a{   color: #f1f1f1 !important; cursor: pointer;}
footer a:hover{   color: #fff !important;}

footer .indices{   text-align: center; font-size:0.8em;  margin:12px 0 15px 0;}
footer .indices a{ text-transform: uppercase; padding:9px 20px 8px 50px; border-radius:20px;
							background: #25292c url("images/ico_indices.png") no-repeat scroll 22px 6px;}
footer .indices a:hover{ text-decoration:none; background-color: #131517;}
/********* fin PIE *********/    



/************************************* MODIFY BOOTSTRAP *************************************/
/****************************************************************************************/ 
form.form-horizontal{	margin-top: 20px;}
.form-control {   font-size: inherit;}
label {font-weight: 600; color: #464e55;}
.has-error .checkbox, 
.has-error .checkbox-inline, 
.has-error .control-label, 
.has-error .help-block, 
.has-error .radio, 
.has-error .radio-inline, 
.has-error.checkbox label, 
.has-error.checkbox-inline label, 
.has-error.radio label, 
.has-error.radio-inline label {    color: red;}
.has-error .form-control {    border-color: red; }
.btn-primary {  background-color: #464e55;    border:0; color: #fff; font-size: 1em; text-transform: uppercase; padding: 10px 25px;
					 border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active:focus { background-color: #2f3439; }
.btn-secondary { background-color: #a0a5a8;    border: 0; color: #fff; font-size: 1em; margin-left:5px;
					  border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
.btn-secondary:hover { background-color: #91969a;  color: #fff;}
.pagination > li > a, .pagination > li > span {color: #464e55;}
.pagination > li > a:focus, 
.pagination > li > a:hover, 
.pagination > li > span:focus, 
.pagination > li > span:hover{	color: #000;}
.pagination > .disabled > a, 
.pagination > .disabled > a:focus, 
.pagination > .disabled > a:hover, 
.pagination > .disabled > span, 
.pagination > .disabled > span:focus, 
.pagination > .disabled > span:hover {    color: #b6bcbf;}
.pagination > .active > a, 
.pagination > .active > a:focus, 
.pagination > .active > a:hover, 
.pagination > .active > span, 
.pagination > .active > span:focus, 
.pagination > .active > span:hover {    background-color: #464e55;    border-color: #464e55;}
.table {	border-bottom: 2px solid #464e55; background-color: #FFF; margin:30px 0; font-size: 0.9em;}
.table thead tr{	background-color: #464e55; color:#FFF;}
.table thead tr th{ font-weight: normal;}


/************************************* CUSTOM PAGES *************************************/
/****************************************************************************************/ 
/***** PAGINA 1 *****/    
body.page1 a { color: #437fbe; }
body.page1 h2 { background-color: #437fbe; background-image: url(images/ico_menu1.png); background-position: left 27px top 12px; background-repeat: no-repeat;  background-size: 34px; padding-left:72px; }
body.page1 h3 { color: #437fbe; }
body.page1 ul.submenu li a:hover { color: #437fbe;}
body.page1 ul.pdfs li a:hover { color: #437fbe;}
body.page1 .volver a{ color: #437fbe;}
body.page1 .form-control:focus{border-color:#437fbe; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(67, 127, 190, 0.6);}

/***** PAGINA 2 *****/  
body.page2 a { color: #edbd00; }
body.page2 h2 { background-color: #f8c600; background-image: url(images/ico_menu2.png); background-position: left 27px top 12px; background-repeat: no-repeat;  background-size: 34px; padding-left:77px; }
body.page2 h3 { color: #edbd00; }
body.page2 ul.submenu li a:hover { color: #edbd00;}
body.page2 ul.pdfs li a:hover { color: #edbd00;}
body.page2 .volver a{ color: #edbd00;}
body.page2 .form-control:focus{border-color:#f8c600; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(248, 198, 0, 0.6);}

/***** PAGINA 3 *****/   
body.page3 a { color: #f57900; }
body.page3 h2 { background-color: #f57900; background-image: url(images/ico_menu3.png); background-position: left 27px top 12px; background-repeat: no-repeat;  background-size: 34px; padding-left:77px; }
body.page3 h3 { color: #f57900; }
body.page3 ul.submenu li a:hover { color: #f57900;}
body.page3 ul.pdfs li a:hover { color: #f57900;}
body.page3 .volver a{ color: #f57900;}
body.page3 .form-control:focus{border-color:#f57900; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(245, 121, 0, 0.6);}

/***** PAGINA 4 *****/   
body.page4 a { color: #d5002c; }
body.page4 h2 { background-color: #d5002c; background-image: url(images/ico_menu4.png); background-position: left 27px top 12px; background-repeat: no-repeat;  background-size: 34px; padding-left:77px; }
body.page4 h3 { color: #d5002c; }
body.page4 ul.submenu li a:hover { color: #d5002c;}
body.page4 ul.pdfs li a:hover { color: #d5002c;}
body.page4 .volver a{ color: #d5002c;}
body.page4 .form-control:focus{border-color:#d5002c; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(213, 0, 44, 0.6);}

/***** PAGINA 5 *****/   
body.page5 a { color: #9d196b; }
body.page5 h2 { background-color: #9d196b; background-image: url(images/ico_menu5.png); background-position: left 27px top 12px; background-repeat: no-repeat;  background-size: 34px; padding-left:77px; }
body.page5 h3 { color: #9d196b; }
body.page5 ul.submenu li a:hover { color: #9d196b;}
body.page5 ul.pdfs li a:hover { color: #9d196b;}
body.page5 .volver a{ color: #9d196b;}
body.page5 .form-control:focus{border-color:#9d196b; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(157, 25, 107, 0.6);}

/***** PAGINA 6 *****/   
body.page6 a { color: #6d48b5; }
body.page6 h2 { background-color: #6d48b5; background-image: url(images/ico_menu6.png); background-position: left 27px top 12px; background-repeat: no-repeat;  background-size: 34px; padding-left:77px; }
body.page6 h3 { color: #6d48b5; }
body.page6 ul.submenu li a:hover { color: #6d48b5;}
body.page6 ul.pdfs li a:hover { color: #6d48b5;}
body.page6 .volver a{ color: #6d48b5;}
body.page6 .form-control:focus{border-color:#6d48b5; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(109, 72, 181, 0.6);}

/***** PAGINA 7 *****/   
body.page7 a { color: #7cae42; }
body.page7 h2 { background-color: #7cae42; background-image: url(images/ico_menu7.png); background-position: left 27px top 12px; background-repeat: no-repeat;  background-size: 34px; padding-left:77px; }
body.page7 h3 { color: #7cae42; }
body.page7 ul.submenu li a:hover { color: #7cae42;}
body.page7 ul.pdfs li a:hover { color: #7cae42;}
body.page7 .volver a{ color: #7cae42;}
body.page7 .form-control:focus{border-color:#7cae42; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(124, 174, 66, 0.6);}

/***** PAGINA 8 *****/   
body.page8 a { color: #78b4cd; }
body.page8 h2 { background-color: #88c0d7; background-image: url(images/ico_menu8.png); background-position: left 27px top 12px; background-repeat: no-repeat;  background-size: 34px; padding-left:77px; }
body.page8 h3 { color: #78b4cd; }
body.page8 ul.submenu li a:hover { color: #78b4cd;}
body.page8 ul.pdfs li a:hover { color: #78b4cd;}
body.page8 .volver a{ color: #78b4cd;}
body.page8 .form-control:focus{border-color:#88c0d7; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(136, 192, 215, 0.6);}


/***** VALIDACIONES *****/
.input-validation-error {}
.field-validation-error {color: #EE0000; font-size:0.8em;}
.validation-summary-errors {color: #EE0000; font-size:0.8em;}

/***** SUBIDA DE FICHEROS *****/
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.error{color:#f00;}

/***** LOGON *****/
.logon { font-size:0.7em; color:#000; background-color: #dcdcdc;}
.logon a {color: #464e55!important;}
.logon a:hover {color: #000!important;}

/***** Snippet *****/
.gly-spin {
    -webkit-animation: 2s linear 0s normal none infinite running spin;
    -moz-animation: 2s linear 0s normal none infinite running spin;
    -o-animation: 2s linear 0s normal none infinite running spin;
    animation: 2s linear 0s normal none infinite running spin;
    font-size: 2.5em;
    vertical-align: middle;
    margin-right:10px;
}
@keyframes spin {
	0% {  transform: rotate(0deg);}
	100% {  transform: rotate(359deg);}
}
@keyframes spin {
	0% {  transform: rotate(0deg);}
	100% {  transform: rotate(359deg);}
}




/******************************************************************************************/ 
/************************************* Estilos MOBILE *************************************/
/******************************************************************************************/
@media (max-width: 1004px) {
		header nav {text-align: center;}
		header nav ul.menu {  display: inline-table; margin: 0 auto;}
		header nav ul.menu li {  display: inline-table; float: none;}
		header nav ul.menu li a:hover { width:75px; }
		header nav ul.menu li a:hover span {display:none;}
		header nav ul.menu li.activo a { width:75px; }
		header nav ul.menu li.activo a span {display:none;}
}
@media (min-width: 400px) and (max-width: 991px){
		#canvas-holder { width: 50%; }
}
@media (max-width: 991px) {
		.header-content .logo { text-align: center;display: block;}
		.header-content .logo img{	float:none; }
		.header-content .logo span { display: block; margin-top:15px;}
		.header-content .input-group{ margin: 15px auto 0; width: 55%;}
		/*footer .copy{  width: 100%; padding:33px 5px 5px 5px; font-size:0.75em; line-height:1.1em; background-position: top center; text-align: center; }*/
		footer .copy{  width: 100%; font-size:0.75em; line-height:1.1em;  }
		.comparativasGraficos {  padding: 15px 20px 20px;}
}
@media (max-width: 767px) {
		.header-content .input-group{ width: 70%;}
		header nav ul.menu li { background-size: 30px auto; background-position: left 14px center;}
		header nav ul.menu li a { height: 55px; width: 55px;  padding: 14px 18px 14px 40px; }
		header nav ul.menu li a:hover { width: 55px; }
		header nav ul.menu li.activo a { width: 55px;}
		.listaEntidades{ text-align: center;}
		.encuesta .gridEscritorio {display: none;	}
		.menuGraficos ul.nav-pills li {	border-right: 0px;}
		.menuGraficos ul.nav-pills li a {margin-bottom: 0px; border-bottom:1px solid #f57900;}
		.menuGraficos ul.nav-pills li ul.dropdown-menu li a{	border-bottom: 0px;}
		.comparativasGraficos ul {   border-bottom:1px dotted #bdbdbd;
				-webkit-column-count: 1; /* Chrome, Safari, Opera */
				-moz-column-count: 1; /* Firefox */
				column-count: 1;}
		.comparativasGraficos ul li{display: inherit;}
}
@media (min-width: 768px) {
		.encuesta .combosMobile {display: none; }
}
@media (max-width: 600px) {
		main .indicadores .indiceBloques h4{ padding: 3px 0; margin-top:-0.62em;}
		main .indicadores .indiceBloques h4 span{ display: block;  padding: 3px 5px; }
}
@media (max-width: 500px) {
		body {font-size: 14px;}
		header nav ul.menu li { background-size: 30px auto; background-position: left 10px center;}
		header nav ul.menu li a { height: 50px; width: 50px;  padding: 14px 18px 14px 30px; }
		header nav ul.menu li a:hover { width: 50px; }
		header nav ul.menu li.activo a {width: 50px;}
		a.presupuestos{ width:85px;	height:80px; padding: 10px 0;	background-size: 100%; font-size: 0.8em;  border-radius: 0 50% 50% 0;} 
		a.presupuestos img{ max-width: 50%; height:auto; width:27px;}
		a.consultas{ width:80px;	height:63px; padding: 2px 0;	background-size: 100%; font-size: 0.8em;} 
		a.consultas img{ max-width: 50%; height:auto; width:25px;}
		main{ padding:30px 22px 0px 22px; }
		h2 {padding: 14px 20px;}
		.main-content {padding:20px;  }
		div.rutaNodo {font-size:0.95em; margin-bottom:15px; background-position: left top 2px; line-height: 1;  }
		.mainHtmlContent { font-size: 1em;}
		ul.submenu ul {padding-left: 7px;}
		ul.submenu li { margin: 5px 0; padding: 3px 0 4px 32px;}
		ul.submenu ul li { font-size: 14px;}
		ul.pdfs{	 padding: 15px 20px;}
		ul.pdfs li{	padding:4px 0 4px 30px; }
		ul.listaResultados li{	padding:0 0 0 14px; background-position: left top 5px;  }
		span.pagina{ display: block;  float: none;}
		.menuGraficos ul.nav-pills li span.caret{	border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px dashed;}
		ul.graficoTipo li a{ padding:3px 20px 4px 20px; font-size:1.3em; }
		.footer-content {   margin-bottom: 70px;} 
		footer .copy{   font-size:0.9em; }
		footer .indices a{ background-size:18px auto; padding: 9px 20px 7px 47px;}
		.comparativasGraficos { padding: 15px 0px 20px;  }
		.comparativasGraficos h4 { padding: 8px;  font-size: 1.3em;}
		.comparativasGraficos ul li { padding: 18px 15px 18px 65px; background-size: 38px auto; background-position: 15px;}
		.encuesta .pregunta p.enunciado { padding: 0 0 10px 0; }
		.encuesta .pregunta p.enunciado span.numero{ height: 24px;  width: 24px;}
		ul.graficoAnyo li {  display: block; text-align: left;}
		ul.graficoAnyo li:first-child a {  border-color:inherit; }
		ul.graficoVista li {  display: block; text-align: left;}
		ul.graficoVista li:first-child a {  border-color:inherit; }
		main .indicadores .indiceBloques ul { padding-left: 20px;}
		main .indicadores h5 { margin: 0 -20px; padding: 8px 50px 8px 20px; }
		main .indicadores h5 a.subir{ padding: 4px 5px; right:20px; top: 3px}
		main .indicadores .bloque p.indicador {font-size: 14px;}
		main .indicadores .bloque p.indicador span.numero{ height: 23px;  width: 23px; padding-top:3.5px; }
}
@media (max-width: 340px) {	
		.header-content .input-group{ width: 100%;}
		h2 { font-size: 18px;  padding: 14px 10px; text-align: center; }
		h3 { font-size: 18px; }
		body.page1 h2, body.page2 h2, body.page3 h2, body.page4 h2, body.page5 h2, body.page6 h2, body.page7 h2, body.page8 h2 {  background-position: top 5px center;  padding: 40px 10px 14px; }
		ul.graficoTipo li a{ padding:3px 20px 4px 20px; font-size:1.2em; }
		ul.graficoValor li a{  padding:3px 20px 4px 20px; font-size:1em; }
}




/************* iframe para Graficos *****************/    
.frameGraficos{	padding:0; margin:0; box-sizing:border-box; width:100%; height:560px;}
@media (min-width: 900px) and (max-width: 1132px){
		.frameGraficos{ height:1100px; }
}
@media (min-width: 450px) and (max-width: 899px){
		.frameGraficos{ height:950px; }
}
@media (max-width: 449px){
		.frameGraficos{ height:850px; }
}

.mainHtmlContentIframe{	width:97%; padding:0; margin:0; box-sizing: border-box; }
@media (max-width: 600px){
		.mainHtmlContentIframe{	width:95%;}
}
@media (max-width: 400px){
		.mainHtmlContentIframe{	width:92%;}
}
.mainHtmlContentIframe { font-size: 0.9em; color: #464e55; }
.mainHtmlContentIframe strong{ font-style: normal; font-weight: 600; color:#000; }
.mainHtmlContentIframe h4{ font-style: normal; font-weight: 300; color:#999; font-size: 1.45em; margin-bottom:0; margin-top: 15px; } 
.mainHtmlContentIframe h5{ font-style: normal; font-weight: 400; color:#000; font-size: 1.2em; margin-bottom:0; margin-top: 15px;} 
.mainHtmlContentIframe h6{ font-style: normal; font-weight: 400; color:#000; font-size: 1.1em; margin-bottom:0; margin-top: 15px; border-bottom:1px dotted #a2a2a2; padding-bottom:5px;} 
.mainHtmlContentIframe p{	padding: 5px 0 10px;}
.mainHtmlContentIframe h4.tituloGrafico{	margin-bottom: 25px;}
.mainHtmlContentIframe h5.tituloLeyendas{ margin-bottom: 7px; color:#f57900; text-transform: uppercase; font-size:1.15em; }
@media (max-width: 500px) {
		.mainHtmlContentIframe { font-size: 14px;}
}