/*General*/

div.contenedor-infografia {
position: relative;
}

/*Gráficos*/

div.grafico-616 {
font-family: Arial, Helvetica, sans-serif;
width: 616px;
border-top: 1px solid #acacac;
min-height: 144px;
position: relative;
box-shadow: 1px 1px 6px 1px rgba(136,136,136,0.3);
  -webkit-box-shadow:1px 1px 6px 1px rgba(136,136,136,0.3);
  -moz-box-shadow:1px 1px 6px 1px rgba(136,136,136,0.3);
  -ms-box-shadow:1px 1px 6px 1px rgba(136,136,136,0.3);
  -o-box-shadow:1px 1px 6px 1px rgba(136,136,136,0.3);
margin-bottom:30px;
}

div.grafico-616 h4, div.grafico-266 h4, div.grafico-325 h4 {
height: 21px;
line-height: 21px;
font-size: 14px;
border-right: 1px solid #acacac;
border-left: 1px solid #acacac;
font-family: Arial, Helvetica, sans-serif;
margin:0px;
background-color: #e3e3e3;
color:#656565;
text-align:left;
padding-left:12px;
}

div.grafico-616 h4 span, div.grafico-266 h4 span, div.grafico-325 h4 span {
font-size: 10px;
font-weight: normal;
color: #333;
}

div.grafico-616 h4 img, div.grafico-266 h4 img, div.grafico-325 img {
float:left;
margin-left:-8px;
margin-top:-8px;
margin-right: 8px;
}

div.grafico-266 {
font-family: Arial, Helvetica, sans-serif;
width: 266px;
border-top: 1px solid #acacac;
min-height: 116px;
position: relative;
box-shadow: 1px 1px 6px 1px rgba(136,136,136,0.3);
  -webkit-box-shadow:1px 1px 6px 1px rgba(136,136,136,0.3);
  -moz-box-shadow:1px 1px 6px 1px rgba(136,136,136,0.3);
  -ms-box-shadow:1px 1px 6px 1px rgba(136,136,136,0.3);
  -o-box-shadow:1px 1px 6px 1px rgba(136,136,136,0.3);
margin-bottom:30px;
}

div.grafico-325 {
font-family: Arial, Helvetica, sans-serif;
width: 325px;
border-top: 1px solid #acacac;
min-height: 148px;
position: relative;
box-shadow: 1px 1px 6px 1px rgba(136,136,136,0.3);
  -webkit-box-shadow:1px 1px 6px 1px rgba(136,136,136,0.3);
  -moz-box-shadow:1px 1px 6px 1px rgba(136,136,136,0.3);
  -ms-box-shadow:1px 1px 6px 1px rgba(136,136,136,0.3);
  -o-box-shadow:1px 1px 6px 1px rgba(136,136,136,0.3);
margin-bottom:30px;
}

div.grafico-fuente {
position: absolute;
right:4px;
bottom: -18px;
color: #666666;
font-size: 11px;
text-align: right;
}

div.tooltip-grafico {
padding:5px;
font-size: 11px;
}

div.tooltip-grafico div.tooltip-titulo {
padding: 3px 0px;
border-bottom: 1px dotted #ccc;
margin-bottom:5px;
}

div.tooltip-grafico div.tooltip-cuadro {
width: 10px;
height: 10px;
float:left;
margin-right:5px;
margin-top:2px;
}

/*Gráficos específicos*/

/*Adimark*/

#grafico-adimark {
border: 1px solid #ACACAC;
border-top: none;
height: 123px;
width: 614px;
}

#grafico-adimark div.aprueba-tooltip {
background-color: #12dd74;
}

#grafico-adimark div.desaprueba-tooltip {
background-color: #dc1278;
}

/*CEP*/

#grafico-cep {
border: 1px solid #ACACAC;
border-top: none;
height: 123px;
width: 614px;
}

#grafico-cep div.aprueba-tooltip {
background-color: #00b4ff;
}

#grafico-cep div.desaprueba-tooltip {
background-color: #ff8b00;
}

/*Paz Global*/

#grafico-paz-global {
border: 1px solid #ACACAC;
border-top: none;
height: 165px;
width: 264px;
}

/*Prensa*/

#grafico-prensa {
border: 1px solid #ACACAC;
border-top: none;
height: 150px;
width: 323px;
}
/*Salario mínimo*/

#grafico-salario-minimo {
border: 1px solid #ACACAC;
border-top: none;
height: 127px;
width: 323px;
}

/*Desempleo*/

#grafico-desempleo {
border: 1px solid #ACACAC;
border-top: none;
height: 123px;
width: 264px;
}

/*Desocupación*/

#grafico-desocupacion {
border: 1px solid #ACACAC;
border-top: none;
height: 123px;
width: 614px;
}

/*IPC*/

#grafico-ipc {
border: 1px solid #ACACAC;
border-top: none;
height: 123px;
width: 614px;
}

/*Turistas*/

#grafico-turistas {
border: 1px solid #ACACAC;
border-top: none;
height: 123px;
width: 264;
}

/*Pobreza*/

#grafico-pobreza {
border: 1px solid #ACACAC;
border-top: none;
height: 94px;
width: 264px;
}

/*Deuda externa*/

#grafico-deuda-externa {
border: 1px solid #ACACAC;
border-top: none;
height: 127px;
width: 323px;
}

/*PIB*/

#grafico-pib {
border: 1px solid #ACACAC;
border-top: none;
height: 214px;
width: 323px;
}

/*Natalidad*/

#grafico-natalidad {
border: 1px solid #ACACAC;
border-top: none;
height: 123px;
width: 264px;
}

/* ==== Posicionamientos absolutos ==== */

#grafico-cep-pos {
position: absolute;
top: 261px;
left: 11px;
}

#grafico-adimark-pos {
position: absolute;
top: 481px;
left: 11px;
}

#grafico-paz-global-pos {
position: absolute;
top: 857px;
left: 11px;
}

#grafico-salario-minimo-pos {
position: absolute;
top: 25px;
left: 300px;
}

#grafico-desempleo-pos {
position: absolute;
top: 286px;
left: 11px;
}

#grafico-desocupacion-pos {
position: absolute;
top: 457px;
left: 11px;
}

#grafico-ipc-pos {
position: absolute;
top: 629px;
left: 11px;
}

#grafico-turistas-pos {
position: absolute;
top: 799px;
left: 11px;
}

#grafico-pobreza-pos {
position: absolute;
top: 145px;
left: 11px;
}

#grafico-deuda-externa-pos {
position: absolute;
top: 985px;
left: 300px;
}

#grafico-pib-pos {
position: absolute;
top: 195px;
left: 300px;
}

#grafico-natalidad-pos {
position: absolute;
top: 29px;
left: 360px;
}