.grafico-metodologia {
  text-align:center;
}

.grafico-metodologia img{
   max-width: 100%;
}

.clearfix{
    clear:both;
}



/* Correcciones del bootstrap por defecto */
button:focus {outline:0;}
/* 7 columnas  flotando a la derechas sobra un poco a la izq*/
@media (min-width: 768px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 100%;
    *width: 100%;
  }
}


@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 13%;
    *width: 13%;
  }
}


@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 13%;
    *width: 13%;
  }
}
/* cambios al theme jumbotron para adaptarlo al proyecto */
.jumbotron{
padding-top: 130px;

}
.jumbotron{
background: url('../imagenes/fondo-header-index.jpg') no-repeat center center;
height: auto;
min-height:800px;
width: auto; 
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

}
.jumbotron.centro{
margin-bottom:0px;
margin-top:-130px;

}
.navbar{
height:110px;
}
.navbar-inverse{
background:rgb(3, 46, 99);/* fall back navegadores sin rgba, revisar por un gris fuerte */
background:rgba(3, 46, 99, 0.6);
border-bottom:none;
}
.container-barra-menu{
max-width:1400px;
}
.sin-padding{
padding-left:0px;
padding-right:0px;
}
.sin-margin{
margin-left:0px;
margin-right:0px;
}
.sin-padding-de{
padding-left:0px;
padding-right:0px;
}
.margin-de{
margin-right:15px;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
border:none;
}
.navbar-right.menu-navegacion-top ul{
padding-left:0px;
margin-bottom:0px;
}
.navbar-right.menu-navegacion-top li{
padding-bottom:0px;
}
.navbar-right.menu-navegacion-top>ul, .navbar-right.menu-navegacion-top>ul>li{
display:inline-block;
}

/* Fuente roboto con fallback a open sans */
/* colores del diseño */

body{
font-family: 'Roboto', sans-serif;
}
body a{
transition: all 0.3s ease 0s;
}
.h1-cabecera{
font-size:32px;
text-transform:uppercase;
font-weight:820;
margin-bottom:8px;
}
.eslogan{
font-family: 'Droid Serif', serif;
font-size:66px;
-webkit-transform: rotate(-4deg);
transform: rotate(-4deg);
line-height:1;
margin-top:6px;
}
.jumbotron .testimonio-cabecera{
font-weight:bolder;
font-size:17px;
margin-bottom:4px;
}
.jumbotron .autor-cabecera{
font-size:13px;
font-weight:200;
}

.info-area
{
font-size:15px;	
}

.cajaghost
{
width:100px; 
height:45px; 
}

.botoncentrado
{
	min-height:60px; 
	vertical-align:middle;
	font-size:13px;
}


.textocita
{
	font-family: 'Encode Sans Semi Condensed', sans-serif;
	font-size:20px; 
	line-height:30px;
}

.textocita span
{
	font-size:30px; 
	line-height:30px;	
}

.flechacita
{
	padding-top:8%;
	padding-bottom:8%;	
	padding-right:20px;
}

/* colores plantilla */
/* Mejor cambiar desde aquí, se cambian en toda la página ( si algun color no se cambia, hacer ctrl+f con el valor aqui y en el html ) */

.blanco{
color:#ffffff;	
}

.gris-claro{
color:#eaece8;
}
.gris-medio{
color:#9da68f;
}
.gris-oscuro{
color:#5c5f58;
border-color:#5c5f58;
}
.gris-verdoso{
color:#c6d0b8;
}
.azul{
color:#38477a;
}
.azul-oscuro{
color:#2e3259;
border-color:#2e3259;
}
.azul-claro{
color:#c3c1de;
border-color:#c3c1de;
}

.azul-insti{
color:#002850;
border-color:#002850;
}
.azul-insti-medio{
color:#4b6584;
border-color:#4b6584;
}
.azul-insti-claro{
color:#6882a1;
border-color:#6882a1;
}



.morado{
color:#5b3864;
}
.morado-oscuro{
color:#311738;
border-color:#311738;
}
.morado-claro{
color:#d2a2c7;
border-color:#d2a2c7;
}
.lila{
color:#7e3d65;
}
.lila-oscuro{
color:#492647;
border-color:#492647;
}
.lila-claro{
color:#c4afbb;
border-color:#c4afbb;
}
.rosa{
color:#9f2e59;
}
.rosa-oscuro{
color:#5f1e40;
border-color:#5f1e40;
}
.rosa-claro{
color:#d3afba;
border-color:#d3afba;
}
.rojo{
color:#a90b17;
}
.rojo-oscuro{
color:#650610;
border-color:#650610;
}
.rojo-claro{
color:#ffc2c7;
border-color:#ffc2c7;
}
.amarillo{
color:#a97b16;
}
.amarillo-oscuro{
color:#755716;
border-color:#755716;
}
.amarillo-claro{
color:#ebd8be;
border-color:#ebd8be;
}
.verde{
color:#a1a917;
}
.verde-oscuro{
color:#686b2c;
border-color:#686b2c;
}
.verde-claro{
color:#e7e8d6;
border-color:#e7e8d6;
}

.more-link
{
	background-color:#CCCCCC;
	padding-top:1px;
	padding-bottom:1px;
	padding-right:5px;
	padding-left:5px;
	color:#FFFFFF;
	text-decoration:none;
}
.more-link:hover
{
	background-color:#999999;
	padding-top:1px;
	padding-bottom:1px;
	padding-right:5px;
	padding-left:5px;
	color:#FFFFFF;	
	text-decoration:none;
}

.less-link
{
	background-color:#CCCCCC;
	padding-top:1px;
	padding-bottom:1px;
	padding-right:5px;
	padding-left:5px;
	color:#FFFFFF;
	text-decoration:none;
}
.less-link:hover
{
	background-color:#999999;
	padding-top:1px;
	padding-bottom:1px;
	padding-right:5px;
	padding-left:5px;
	color:#FFFFFF;	
	text-decoration:none;
}

.azul1{ color:#212440; }
.azul2{ color:#5a5e89; }
.azul3{ color:#8084ab; }
.azul4{ color:#afb2cf; }

.morado1{ color:#311738; }
.morado2{ color:#73527c; }
.morado3{ color:#96719f; }
.morado4{ color:#c19dca; }

.lila1{ color:#492647; }
.lila2{ color:#92567b; }
.lila3{ color:#b2749a; }
.lila4{ color:#d39cbe; }

.rosa1{ color:#5f1e40; }
.rosa2{ color:#aa4f72; }
.rosa3{ color:#c97092; }
.rosa4{ color:#e2abc0; }

.rojo1{ color:#650610; }
.rojo2{ color:#af3942; }
.rojo3{ color:#c2545c; }
.rojo4{ color:#e88c93; }

.amarillo1{ color:#755716; }
.amarillo2{ color:#b9923d; }
.amarillo3{ color:#cdae6b; }
.amarillo4{ color:#eccd89; }

.verde1{ color:#686b2c; }
.verde2{ color:#b4bb3e; }
.verde3{ color:#ccd34e; }
.verde4{ color:#e7eb9e; }

.frasecompromiso
{


}


/* colores pie chart ( cambiar tambien en las variables de javascript para que sean los mismos )
   Se pueden añadir, cambiar, ect docu en: http://www.chartjs.org/docs/#chart-configuration 
   Se añadie -pie-chart por si se quiere hacer algo via script con ellos */
.cian-pie-chart{
color:#39abd5;
}
.marron-pie-chart{
color:#807846;
}
.naranja-pie-chart{
color:#f18c24;
}
.azul-pie-chart{
color:#00598e;
}
/* fondos tipo de la página - Se pueden cambiar en toda la página ( si algun color no se cambia, hacer ctrl+f con el valor aqui y en el html ) */
.fondo-azul{
background:#484977;
}
.fondo-azul-oscuro{
background:#2e3259;
}
.fondo-azul-claro{
background:#c3c1de;
}
.fondo-azul-insti{
background:#002850;
}
.fondo-azul-insti-medio{
background:#4b6584;
}
.fondo-azul-insti-claro{
background:#6882a1;
}

.fondo-morado{
background:#5b3864;
}
.fondo-morado-oscuro{
background:#311738;
}
.fondo-morado-claro{
background:#d2a2c7;
}

.fondo-lila{
background:#7e3d65;
}
.fondo-lila-oscuro{
background:#492647;
}
.fondo-lila-claro{
background:#c4afbb;
}

.fondo-rosa{
background:#9f2e59;
}
.fondo-rosa-oscuro{
background:#5f1e40;
}
.fondo-rosa-claro{
background:#d3afba;
}

.fondo-rojo{
background:#a90b17;
}
.fondo-rojo-oscuro{
background:#650610;
}
.fondo-rojo-claro{
background:#ffc2c7;
}

.fondo-amarillo{
background:#a97b16;
}
.fondo-amarillo-oscuro{
background:#755716;
}
.fondo-amarillo-claro{
background:#ebd8be;
}

.fondo-verde{
background:#a1a917;
}
.fondo-verde-oscuro{
background:#686b2c;
}
.fondo-verde-claro{
background:#e7e8d6;
}

/* alineaciones texto */
.centro{
text-align:center;
}
.derecha{
text-align:right;
}
.ocultatexto {
text-indent:-666em;
overflow:hidden;
}
/* Separadores */
.mini{
height:18px;
}
.pequeno{
height:25px;
}
.mediano{
height:50px;
}
.grande{
height:75px;
}
.muy-grande{
height:125px;
}
/* estilos de página */
.menu-navegacion-top{
/*padding-right:5%; elgs*/
padding-right:0%;
padding-top:18px;
}
.menu-navegacion-top a{
font-size:14px;
text-decoration:none;
color:#ffffff;
margin-left: 25px;
padding-bottom:0px;
}

.menu-navegacion-top>ul>li>.caja-menu>a:hover{
color:#fff;
text-decoration:none;
padding-bottom:0px;
border-bottom:1px solid #fff;
}

.menu-navegacion-top .form-group.caja-menu{
display:block;
float:right;
}

.navbar-uno .dropdown-menu{
min-width:60px;
padding-right:8px;
border: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
     -webkit-background-clip:  none;
}

ul.dropdown-menu.menu-top-dropdown{
border-top:1px solid  #fff;
margin-top:0px;
}

.menu-navegacion-top>ul>li>.caja-menu.dropdown.tiene-dropdown>a:hover{
border-bottom:0px;
}
			
/* Estilos de la progress bar horizontal */

.barra.progress,.barra.progress-success,.barra .bar{
height:20px;
border-radius:0px;
-webkit-box-shadow: none;
box-shadow: none;
}
.progress.progress-success.barra{
margin-bottom:16px;
}
.barra.progress,.barra.progress-success{

}
.estadisticas{
line-height: 1;
}
.progress.porcentaje{
background:transparent;
-webkit-box-shadow: none;
box-shadow: none;
font-size:32px;
height:auto;
font-weight:bolder;
border-bottom:2px solid;
border-radius:0px;
}
.progress.caja-estadistica{
margin-bottom:0px;
height:auto;
background:transparent;
-webkit-box-shadow: none;
box-shadow: none;
font-size:32px;
font-weight:bolder;
line-height:1;
}
.texto-estadistica{
font-size:16px;
font-weight:bolder;
text-transform:uppercase;
margin-bottom:18px;
}
.progress-abajo{
width:100%;
height:2px;
background:#9da68f;
}
/* Segunda navbar */
.navbar-inverse.segunda-navbar{
border:none;
border-radius:0px;
margin-top:-110px;
margin-bottom:0px;
}
/* estilos para hacer fix arriba en los dos navbar de abajo */
#nav-2.affix-top {

}
#nav-2.affix {

}
#nav-3.affix-top {

}
#nav-3.navbar-inverse.segunda-navbar{
margin-top:-55px;
}
#nav-2 .divider,#nav-3 .divider{
margin:0;
}
#nav-3 ul, #nav-2  ul{
padding-top:0px;
padding-bottom:0px;
}
#nav-3 .drop-pestana, #nav-2 .drop-pestana{
padding-top:8px;
padding-bottom:8px;
}
#nav-3 .pestanas-responsive .dropdown-toggle{
color:#fff;
border:1px solid #fff;
border-radius:5px;
}
/* la navbar3 es para responsive, se ve de 991px hacia abajo */
#nav-3.affix {
position: fixed;
top: 0px;
width: 100%;
z-index:10;
}
#nav-3.navbar{
height: 55px;
}
#nav-3 .dropdown-menu>li>a{
color:#fff !important;
padding-left: 10px; /*elgs*/
}
.nav-3-azul{
background:#383961;
}
.nav-3-morada{
background:#412641;
}
.nav-3-lila{
background:#4e2a40;
}
.nav-3-rosa{
background:#732d48;
}
.nav-3-roja{
background:#7b252c;
}
.nav-3-amarilla{
background:#775a19;
}
.nav-3-verde{
background:#868c1e;
}
/* estilos pestañas */
.top-pestanas{
height:25px;
}
.pestana{
height:85px;
text-align:center;
padding-top:30px;
}
.pestana-azul{
background: url('../imagenes/pestana-azul.png') no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin-left:2px;
}
.pestana-morada{
background: url('../imagenes/pestana-morada.png') no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin-left:2px;
}
.pestana-lila{
background: url('../imagenes/pestana-lila.png') no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin-left:2px;
}
.pestana-rosa{
background: url('../imagenes/pestana-rosa.png') no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin-left:2px;
}
.pestana-roja{
background: url('../imagenes/pestana-roja.png') no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin-left:2px;
}
.pestana-amarilla{
background: url('../imagenes/pestana-amarilla.png') no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin-left:2px;
}
.pestana-verde{
background: url('../imagenes/pestana-verde.png') no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin-left:2px;
}
.pestana a{
/* text-transform:uppercase; */
color:#fff;
}
/* Estilo para el cuerpo de las pestañas */
.cuerpo-pestana{
color:#fff;
}
.cuerpo-pestana .col-cabecera{
margin-bottom:40px;
}
.cuerpo-pestana h2{
font-size: 76px;
margin-top: 40px;
margin-bottom:0px;
line-height: 56px;
padding-right: 35px;
}
.cuerpo-pestana h3{
display: inline-block;
border-top: 1px solid;
text-transform:uppercase;
margin-top:0px;
margin-bottom:0px;
font-size: 60px;
line-height: 46px;
padding-right: 35px;
padding-left: 35px;
}
.cuerpo-pestana .col-cuerpo, .cuerpo-pestana .col-grafico, .cuerpo-pestana .col-ladillo{
padding-right: 35px;
padding-left: 78px;
margin-bottom:0px;
}
.cuerpo-pestana .col-pie, .cuerpo-pestana .col-ladillo{
padding-left: 78px;
margin-bottom: 40px;
}
.cuerpo-pestana .col-ladillo{
padding-right: 35px;
color:#c3c1de;
}
.cuerpo-pestana .col-grafico h4{
font-size: 22px;
padding-top:10px;
padding-bottom:10px;
margin-top: 8px;
margin-right:15px;
text-transform:uppercase;
}
.cuerpo-pestana .col-grafico .valor .val-cabecera{
text-transform:uppercase;
font-size:14px;
border-bottom:1px solid #cccccc;
margin-right: 18px;
margin-bottom:2px;
}
.cuerpo-pestana .col-grafico .valor .val-cabecera  .glyphicon{
font-size: 20px;
top: 4px;
}
.cuerpo-pestana .col-grafico .valor .val-numerico{
font-size: 22px;
margin-right: 18px;
}
.cuerpo-pestana .col-grafico .valor .progress.caja-estadistica{
font-size: 22px;
margin-right:15px;
}
.cuerpo-pestana .col-cuerpo{
margin-right: 18px;
margin-bottom:40px;
}
.cuerpo-pestana .col-cuerpo .bar.porcentaje-num{
font-size:22px;
padding-top:10px;
padding-bottom:10px;
padding-right: 15px;
}
.cuerpo-pestana .col-cuerpo .barra.progress, .cuerpo-pestana .col-cuerpo .barra.progress-success, .cuerpo-pestana .col-cuerpo  .barra .bar{
height:auto;
}
.cuerpo-pestana .col-cuerpo .progress.progress-success.barra {
margin-bottom:4px;
}
.cuerpo-pestana .col-cuerpo  p{
text-transform:uppercase;
}
/* estilos botonera pie de pestaña */
.cuerpo-pestana .col-pie .col-md-6{
padding-left:8px;
padding-right:8px;
}
.cuerpo-pestana .col-pie .btn{
width:100%;
margin-bottom:16px;
border-radius:0px;
text-transform:uppercase;

}
.cuerpo-pestana .col-pie .btn:hover, .cuerpo-pestana .col-pie .btn:focus{
background:none;
color:#FFFFFF;
}
.cuerpo-pestana .col-derecha-dentro{
min-height:820px;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
/* estilos pie-chart de la home en desktop */
#canvas-holder {
margin-top: 0px;
text-align: center;
}
#chartjs-tooltip {
opacity: 1;
position: relative;
background: rgba(0, 0, 0, .7);
color: white;
border-radius: 0px;
-webkit-transition: all .2s ease;
transition: all .2s ease;
pointer-events: none;
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0);
}
.chartjs-tooltip-key {
display: inline-block;
width: 10px;
height: 10px;
}
.cuerpo-pestana .centro .datos-pie-chart{
text-align:left;
margin-left:15%;
}
/*---------------------------
estilos de be----------------
----------------------------- */
.segunda-navbar-be{
border:none;
border-radius:0px;
margin-bottom:0px;
margin-top:-20px;
}
.titulo-pestana-be{
margin-top:0px;
height:70px;
}
.titulo-pestana-be,.cuerpo-pestana-be{

}
/* alineo varios elementos a la derecha según mockup */
.titulo-pestana-be-inner,.categoria-pestana-be,.fondo-pestana-be,.datos-pestana-be,.seccion-fotografias-be,.seccion-paginacion-be{
padding-left:85px;
}
/* alineo varios elementos a la derecha según mockup, esta vez con un borde blanco */
.colapsable-be{
border-left: 85px solid #fff;
padding-top:12px;
padding-bottom:18px;
}
.titulo-pestana-be-inner h1{
margin-top:20px;
color:#fff;
text-transform:uppercase;
font-size: 28px;
}
.dato-be{
text-transform:uppercase;
font-size: 22px;
padding:8px 35px;
margin-top:2px;
color:#fff;
font-weight: bolder;
}
.categoria-be-iz, .categoria-be-de{
font-size: 35px;
font-weight: bolder;
}
.categoria-pestana-be p,.categoria-pestana-be .progress{
margin-bottom:0px;
}
.progress.caja-estadistica-be {
height: auto;
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 35px;
font-weight: bolder;
line-height: 1;
}
.container-datos-be{
padding-left:15px;
}
.fondo-pestana-be-inner{
height:555px;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.datos-pestana-be-inner{
margin-top:18px;
border-top:1px solid;
margin-right:0px;
margin-left:0px;
}
.caja-numero-be{
font-size:26px;
color:#fff;
padding:2px 15px; 
}
.titulo-numero-be{
padding-top: 22px;
text-transform: uppercase;
padding-left: 13px;
font-size: 16px;
}
.datos-pestana-be .progress.porcentaje{
font-size: 18px;
border-bottom:none;
font-weight: normal;
margin-top:12px;
}
h3.container-datos-titulo-be{
margin:8px 0 12px;
text-transform:uppercase;
}
button.leer-mas-blanco{
border: 1px solid #2e3259;
border-radius: 15px;
background:#2e3259;
color:#fff;
padding-left:12px;
padding-right:12px;
/* margin-top: -18px;  ojo con esta que puede tener glitches al pisar la caja de arriba, poner a sabiendas */
}
button.leer-mas-gris{
border: 1px solid #c3c1de;
border-radius: 15px;
background:#c3c1de;
color:#2e3259;
padding-left:12px;
padding-right:12px;
/* margin-top: -18px;  ojo con esta que puede tener glitches al pisar la caja de arriba, poner a sabiendas */
}
/* resto de botones y colores misma operativa */
.collapsable-be-gris{
background:#f0f0f0;
}

/* estilos quotas */
h4.quotacion{
font-weight:bold;
font-size: 20px;
color:#2e3259;
}
blockquote {
padding: 6px 16px;
border: none;
quotes: "\201C" "\201D";
display: inline-block;
position: relative;
}
.caja-cita{
padding-top:8%;
padding-bottom:30px;
}
blockquote:before { 
content: open-quote;
font-weight: bold;
position:absolute;
top:0px;
left: 0;
font-size:48px;
color:#c3c1de;
} 
blockquote:after { 
content: close-quote;
font-weight: bold;
position:absolute;
bottom: -32px;
right: 0;
font-size:48px;
color:#c3c1de;
}
.seccion-fotografias-be .carousel.slide{
  margin-top: 0px;
}
.carousel-linked-nav, .item img {
  display: block; 
  margin: 0 auto;
}
.carousel-linked-nav {
  width: 120px;
  margin-bottom: 0px;   
}
/* estilos gauge */
.medio-donut-be{
margin-top:20px;
padding-left: 15px;
}
/* h de la caja 120 (o lo que se ponga al gauge + nº de px del border-bottom -1px */
.medio-donut-be .gauge{
height:123px;
border-bottom:4px solid #2e3259;
}

/* scrollable menu para movil en vertical */
.mi-scrollable-menu {
height: auto;
max-height: 200px;
overflow-x: hidden;
}
/* para que los botones de la home doblen linea */
.col-pie  .col-md-6{
height:auto;
}
/* traia un no-wrap por defecto que impedia el salto de linea si desborda */
.cuerpo-pestana .col-pie .btn{
white-space: normal;
} 


/* estilos paginación */
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{
background-color: #444444;
border-color: #444444;
}
.pagination>li>a, .pagination>li>span{
color:#333333;
}
/* estilos para las pestañas dropdown */
#nav-2 .dropdown-menu>li>a:hover,#nav-2  .dropdown-menu>li>a:focus {
text-decoration: underline;
}
#nav-2 .dropdown-menu {
min-width: 152px;
padding: 0;
margin: 0;
border: none;
border-radius: 0px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#nav-2 .dropdown-menu .drop-pestana{
text-align:center;
}
#nav-2 .dropdown-menu .drop-pestana a{
padding-left:28px;
}
#nav-2 .pestana a{
display: inline-block;
}
#nav-2 .pestana a.dropdown-toggle{
padding-top: 16px;
padding-left: 2px;
padding-right: 2px;
}
#nav-2 .pestana a.dropdown-toggle.texto-enlace{
padding-top:0px;
}
/* animaciones entrada home */
div.hidden {
    visibility:hidden;
}
div.hidden-2 {
    visibility:hidden;
}
/* volver arriba */
#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px; /* negative of the offset - height of link element */
    right: 25px;
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px; /* height of link element */
    right: 25px;
}

/*css modificación 12 17 
Subo Z-index de navbartop para que esté por encima del menu inferior
y estilo un poquito
*/
.navbar-fixed-top.navbar-uno{
z-index:1040;
}

.navbar-fixed-top.navbar-uno .dropdown-menu{
background-color:transparent;
}

.dropdown-menu.menu-top-dropdown>li>a{
	margin-left:0px;
	padding-left:0px;
	padding-right:0px;
}

ul.dropdown-menu.menu-top-dropdown{
margin-left:25px;
}

/*@media (min-width: 768px){
	.dropdown-menu.menu-top-dropdown{
	right:initial;
	}
}*/

/* Correcciones responsive */
/* corrección del tamaño maximo del navbar */
@media (max-width: 1199px) {
	.menu-navegacion-top{
	padding-right: 5%;
	}
}
@media (min-width: 1025px){
	#nav-2 .pestana a.dropdown-toggle{
	display:none;
	}
}
/* algunas tabletas grandes y ordenadores con pantalla pequeña */
@media (max-width: 1024px){
	#nav-2 .pestana a.dropdown-toggle{
	display:inline-block;
	}
	.jumbotron .testimonio-cabecera{
	font-size: 14px;
	}
	.texto-estadistica {
    font-size: 14px;
	}
	.cuerpo-pestana .col-grafico h4{
	font-size: 20px;
	}	
	.cuerpo-pestana h2{
	font-size: 62px;
    line-height: 46px;
	}
	.cuerpo-pestana h3{
	font-size: 48px;
    line-height: 38px;
	}
	.cuerpo-pestana .col-grafico{
	padding-right: 0px;
	}
	.cuerpo-pestana .col-grafico .valor .val-cabecera{
	margin-right: 0px;
	}
}
/* aquí partimos el menu top porque a partir de esta resolución entra el normal */
@media (min-width: 992px){
	#nav-3{
	display:none;
	}
/*	.dropdown:hover .dropdown-menu {
	display: block;
	margin-top: 0;
	}*/
}
/* corrección del breakpoint del menu en responsive (el breakpoint es donde el script convierte el menu en desplegable) */
@media (max-width: 991px) {
	.titulo-pestana-be {
		margin-top: 20px;
		/*height: 70px; elgs*/
		height: auto;
		padding-bottom: 10px;
	}
	#nav-3.navbar-inverse.segunda-navbar-be-resp{
	margin-top:-20px;
	}
	.navbar-right.menu-navegacion-top ul, .navbar-right.menu-navegacion-top li{
	display:block;
	}
    .navbar-header {
	float: none;
    }
    .navbar-toggle {
	display: block;
	margin-top: 36px;
    }
    .navbar-collapse {
	border-top: 1px solid transparent;
	box-shadow: none;
    }
    .navbar-collapse.collapse {
	display: none!important;
    }
    .navbar-nav {
	float: none!important;
	margin: 7.5px 0px;
    }
    .navbar-nav>li {
	float: none;
    }
    .navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
    }
    .navbar-text {
	float: none;
	margin: 15px 0;
    }
    /* desde la versión 3.1.0 */
    .navbar-collapse.collapse.in { 
	display: block!important;
    }
    .collapsing {
	overflow: hidden!important;
    }
/* -------------------------
   fin corrección breakpoint
   ------------------------- */ 
/* Estilamos el menu pra que quede cuco */
	#navbar .menu-navegacion-top{
	background:rgb(3, 46, 99);/* fall back navegadores sin rgba, revisar por un gris fuerte */
	background:rgba(3, 46, 99, 0.6);
	border:1px solid #c6d0b8;
	border-radius:5px;
	}
	.menu-navegacion-top .form-group.caja-menu{
	float:none;
	}
	.menu-navegacion-top a{
    font-size: 18px;
    color: #c6d0b8;
    margin-left: 15px;
	margin-right: 15px;
    border-bottom: none;
	}
	.menu-navegacion-top a:hover{
	border-bottom: none;
	}
	/* le doy bastante padding xq al ser menus para tablet y movil tienen que ser grandotes, siguiendo las directivas de google para desarrollo movil */
	.menu-navegacion-top .caja-menu{
	padding:10px 0 10px;
	text-align:center;
	border-bottom:1px solid #c6d0b8;
	}
	/* último hijo sin borde para que no solape con la caja padre */
	.menu-navegacion-top li:last-child .caja-menu{
	border-bottom:none;
	}
	.navbar-right.menu-navegacion-top{
	padding:0;
	margin-right: 0px; /* para que no se descoloque la caja */
	}
	/* en 991 pasamos algunos elementos a una sola columna */
	.jumbotron .container.muy-grande{
	height: 20px;
	}
	.jumbotron .col-md-2{
	padding-right:40%;
	}
	.jumbotron .col-md-6{
	padding-right:35%;
	}
	.jumbotron  .col-md-3.derecha{
	padding-right:40%;
	padding-top:35px;
	}
	/* cambiamos el comportamiento de las pestañas a esta resolución porque no caben */
	#nav-2 {
	display:none;
	}
	.pestanas-responsive-inner ul{
	width:100%;
	text-align:center;
	}
	/* estilos del cuerpo de las pestañas */
	.cuerpo-pestana .col-cabecera h2{
	padding-right:0px;
	text-align:center;
	}
	.cuerpo-pestana .col-cabecera h3{
	padding-right:0px;
	text-align:center;
	float:none !important;
	display: block;
	}
	.cuerpo-pestana .col-pie, .cuerpo-pestana .col-ladillo, .cuerpo-pestana .col-grafico, .cuerpo-pestana .col-cuerpo{
	padding-right:78px;
	}
	.cuerpo-pestana .col-grafico h4, .cuerpo-pestana .col-cuerpo{
	margin-right:0px;
	}
	.cuerpo-pestana .col-ladillo{
	/* padding-top:30px; */
	}
	.cuerpo-pestana .col-grafico .col-md-8.fondo{
	margin-bottom:18px;
	}
	.cuerpo-pestana .col-grafico .col-md-3.valor{
	text-align:center;
	}
	.cuerpo-pestana .col-grafico{
	margin-bottom:40px;
	}
	/* centro el canvas del gráfico y maqueto un poco */
	.cuerpo-pestana #canvas-holder{
	width:50% !important;
	margin-left: 25% !important;
	}
	.cuerpo-pestana .col-pie .uno{
	margin-bottom:40px;
	}
	.cuerpo-pestana .col-pie .col-md-6 {
	width: 50%;
    float: left;
	}
	#chartjs-tooltip{
	left:100% !important;
	background:none;
	}
	/* oculto columna con foto de fondo xq no viene a cuento mostrarla en responsive */
	.cuerpo-pestana .col-derecha{
	display:none;
	}
	.cuerpo-pestana .col-pie .dos .col-md-6:last-child{
	margin-bottom:40px;
	}
	/* centro los datos del grafico redondo en 1 columna */
	.cuerpo-pestana .centro .datos-pie-chart {
	margin-left:0px;
    text-align: center;
	}
	
/* estilos responsive de be */
	.container.titulo-pestana-be-inner{
	padding-left:15px;
	}
	
	
	.container.categoria-pestana-be, .container.cuerpo-pestana-be, .container.fondo-pestana-be, .container.datos-pestana-be.datos-uno,
	.container.seccion-paginacion-be{
	padding-left:15px;
	padding-right:15px;
	}
	
	.container.seccion-fotografias-be{
	/*padding-left:100px;
	padding-right:100px; elgs*/
	padding-left:10px;
	padding-right:10px;
	}	
	
	.fondo-pestana-be-inner{
	background:none;
	height:auto;
	}
	.medio-donut-be {
        margin-top: 50px;
        padding-left: 15px;
        padding-right:15px;
	}
	.container.colapsable-be{
	border-left:0px;
	}
	#nav-3 .col-md-12.centro.pestanas-responsive-inner{
	width:100%;
	}
	#nav-3.navbar-inverse.segunda-navbar-be-resp{
	z-index:1;
	}
	.container-fluid.titulo-pestana-be{
	z-index:-1;
	}
	
	
	
}






@media (max-width: 767px) {
	.container>.navbar-collapse, .container-fluid>.navbar-collapse{
	float:right;
	}
	.pestanas-responsive{
	/*padding-left: 30%;
    padding-right: 30%; elgs */
	padding-left: 20%;
    padding-right: 20%;
	}
	.pestanas-responsive ul li{
	z-index:1000;
	}
}
/* Se supone que por debajo de 767 no deberia haber problemas, pero al utilizar cabeceras de altura definida ( por ejemplo el jumbotron ) le damos un repaso */
/* a varias resoluciones que se encuentran habitualmente en varios dispositivos */
/* a esta resolución doblan varios titulares asique les bajamos el tamaño de la tipo */
@media (max-width: 600px) {
	.cuerpo-pestana h2{
	font-size: 54px;
    line-height: 40px;
	}
	.cuerpo-pestana h3 {
    font-size: 38px;
    line-height: 30px;
	}
	/* podemos bajar el padding de los elementos de dentro de las pestañas para que se ocupen más ancho */
	.cuerpo-pestana .col-pie, .cuerpo-pestana .col-ladillo, .cuerpo-pestana .col-grafico, .cuerpo-pestana .col-cuerpo{
	padding-right:5%;
	padding-left:5%;
	}
	/* este ya no hace falta y rompe el script afix de las pestañas */
	.jumbotron .mediano {
    height: 0px;
	}
}
/* a esta resolución se revientan varios elementos asique corregimos */
@media (max-width: 520px) {
	.jumbotron{
	padding-top: 150px;
	}		
	.jumbotron.centro{
	background:none;
	}
	.jumbotron.centro .cabecera-home .col-md-6:first-child{
	padding-right:0px;
	}
	.jumbotron .mediano {
    height: 25px;
	}
	.jumbotron .col-md-2, .jumbotron .col-md-3.derecha{
	padding-left:20%;
	padding-right:20%;
	text-align:center;
	padding-top:30px;
	}
}
/* Dobla la cabecera, reduzco tipos */
@media (max-width: 480px) {
	.jumbotron .eslogan{
	font-size:54px;
	}
	.cuerpo-pestana h2{
	font-size: 40px;
	line-height: 34px;
	}
	.cuerpo-pestana h3{
	font-size: 30px;
    line-height: 24px;
	}
}
@media (max-width: 399px) {
	.jumbotron .container.muy-grande{
	height:18px;
	}
	.jumbotron .col-md-2{
	padding-top:0px;
	}
	.jumbotron .eslogan {
    font-size: 46px;
	}
	.h1-cabecera {
    font-size: 26px;
	}
	.cuerpo-pestana .col-pie .col-md-6 {
    width: 100%;
    float: left;
}
/* iphone y demas moviles que presentan la info de mala manera en vertical */
@media (max-width: 360px) {
	.jumbotron .eslogan {
    font-size: 38px;
	}
	.h1-cabecera {
    font-size: 20px;
	}
	.jumbotron .testimonio-cabecera{
	font-size:13px;
	}
	.pestanas-responsive{
	padding-left:15%;
	padding-right:15%;
	}
	.cuerpo-pestana h2 {
    font-size: 30px;
    line-height: 22px;
	}
	.cuerpo-pestana h3 {
    font-size: 23px;
    line-height: 19px;
	}
	.cuerpo-pestana .col-grafico h4 {
    font-size: 15px;
	}
}

/* estilos no usados*/
/* >>>>>>>>>>>>> */
/* fadein  en css */
/* chivar inicio y final del objeto 
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
.fade-in {
opacity:0;  /* empezamos con opaciad 0 
-webkit-animation:fadeIn ease-in 1;  /* llamamos al fadein, 1 vez 
-moz-animation:fadeIn ease-in 1;
animation:fadeIn ease-in 1;

-webkit-animation-fill-mode:forwards;  /* nos lleva hasta el último frame x si acaso =) 
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards;

-webkit-animation-duration:1s;
-moz-animation-duration:1s;
animation-duration:1s;
}

.fade-in.one {
-webkit-animation-delay: 0.7s;
-moz-animation-delay: 0.7s;
animation-delay: 0.7s;
}

.fade-in.two {
-webkit-animation-delay: 1.2s;
-moz-animation-delay:1.2s;
animation-delay: 1.2s;
}

.fade-in.three {
-webkit-animation-delay: 1.6s;
-moz-animation-delay: 1.6s;
animation-delay: 1.6s;
}*/
/* 
#nav-2 .dropdown:hover .dropdown-menu {
display: block;
opacity: 1;
}
*/