body, html{
  background-color:#ffffff;
  border:1px none black;
  margin:0px;
  padding:0px;
  width:100%;
  font-family: Arial,Verdana,Helvetica,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
}

/*contenedor principal centrado*/
.holder {
  width:1180px;
  background-color:#ffffff;
	margin-left: auto ;
	margin-right: auto ;
  border:1px none black;
}

/*contenedor hijo de holder que crece de acuerdo al contenido de su hijos */
.master {
  width:100%;
  height:auto;
  background-color: #ffffff;
  padding:0px;
  margin:0px;
  border:1px none black;
}

.iconhome {
  border:1px none black;
  background-image:url('../assets/img/iconhome.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width:22px;
  height:15px;
  position: absolute;
 }

 .iconhome:hover {
   cursor: pointer;
 }





.redbox {
  position: absolute;
  border:1px none black;
  margin:0px;
  padding:0px;
  width:120px;
  height:30px;
  color: #eeeeee;
  font-size: 14px;
  text-align:center;
  line-height: 30px;
  text-decoration: none;
  vertical-align:middle;
 }

 .redbox:hover {
   color: #ffffff;
   text-decoration: none;
   cursor: pointer;
 }


 .bluebox {
   position: absolute;
   border:1px none black;
   background-color:#3c8aabff;
   margin:0px;
   padding:0px;
   width:160px;
   height:30px;
   color: #ffffff;
   font-size: 13px;
   text-align:center;
   line-height: 30px;
   text-decoration: none;
   vertical-align:middle;
  }

  .bluebox:hover {
    color: #ffffffff;
    background-color: #8bb8cd;
    text-decoration: none;
  }

  .centroid {
    border:1px solid black;
    position:relative;
    vertical-align:middle;
    width:100%;
    height:100%;
  }


  .row00 {
    position:relative;
    border:1px none black;
    background-color:#ffffff;
    padding:0px;
    margin:0px;
    width:100%;
    height:30px;
    vertical-align:top;

   }

 .row01 {
   position: relative;
   border:1px none black;
   background-color:#ffffff;
   padding:0px;
   margin:0px;
   width:100%;
   height:140px;
  }


.hbar {
  position:relative;
  display:block;
  vertical-align:top;
  background-color:#ffffff;
  border:1px none black;
  width:100%;
  height:4px;
  padding:0px;
  margin:0px;
 }

  .acerca {
    background-image:url('../assets/img/acerca.png');
    background-size: 377px 30px;
    background-repeat: no-repeat;
    background-position:right;
    border:1px none black;
    padding:0px;
    margin:0px;
    width:377px;
    height:30px;
    position:absolute;
    right:0px;
   }

 .header_degrade {
   background-image:url('../assets/img/degrade.png');
   background-size: 472px 140px;
   background-repeat: no-repeat;
   background-position:right;
   border:1px none black;
   padding:0px;
   margin:0px;
   width:472px;
   height:140px;
   position: absolute;
   right:0px;
  }

 .header_logo_en {
   background-image:url('../assets/img/logo_cepal_en.png');
   background-size: 98px 120px;
   background-repeat: no-repeat;
   background-position:left;
   border:1px none black;
   padding:0px;
   margin:0px;
   position: absolute;
   top:10px;
   left:10px;
   width:98px;
   height:120px;
   cursor: pointer;
  }

  .header_logo_es {
    background-image:url('../assets/img/logo_cepal_es.png');
    background-size: 98px 120px;
    background-repeat: no-repeat;
    background-position:left;
    border:1px none black;
    padding:0px;
    margin:0px;
    position: absolute;
    top:10px;
    left:10px;
    width:98px;
    height:120px;
    cursor: pointer;
   }




  .header_logox {
    background-image:url('../assets/img/logo2.png');
    background-size: 602px 126px;
    background-repeat: no-repeat;
    background-position:left;
    border:1px none black;
    padding:0px;
    margin:0px;
    position: absolute;
    top:10px;
    left:10px;
    width:602px;
    height:126px;
   }

   .header_search {
     margin:0px;
     padding:0px;
     position: absolute;
     top:100px;
     right:10px;
     border:1px none black;
    }

    .header_search_text {
      margin:0px;
      padding-left:32px;
      border:1px none red;
      height:30px;
      font-family: sans-serif;
      font-size: 12px;
      color:#000000;
      font-style: normal;
      font-weight: normal;
      border-radius: 6px;
     }


     .header_search_text:focus {
         outline: none !important;
         border:1px none red;
         box-shadow: 0 0 10px #719ECE;
     }

  .header_searchbox {
    background-image:url('../assets/img/searchbox.png');
    background-size: 347px 31px;
    background-repeat: no-repeat;
    width:347px;
    height:31px;
    margin:0px;
    padding:0px;
    position: absolute;
    top:100px;
    right:50px;
   }

   .header_searchicon {
     background-image:url('../assets/img/icono_Lupa.png');
     background-size: 24px 24px;
     background-repeat: no-repeat;
     width:24px;
     height:24px;
     margin:0px;
     padding:0px;
     position: absolute;
     top:103px;
     right:278px;
    }



   .header_title_es {
     background-image:url('../assets/img/header_title_es.png');
     background-size: 445px 86px;
     background-repeat: no-repeat;
     width:445px;
     height:86px;
     margin:0px;
     padding:0px;
     position: absolute;
     top:48px;
     left:150px;
    }

    .header_title_en {
      background-image:url('../assets/img/header_title_en.png');
      background-size: 445px 86px;
      background-repeat: no-repeat;
      width:445px;
      height:86px;
      margin:0px;
      padding:0px;
      position: absolute;
      top:48px;
      left:150px;
     }


.icondim {
   background-image:url('../assets/img/icondim.png');
   background-size: 31px 31px;
   background-repeat: no-repeat;
   width:31px;
   height:31px;
   margin:0px;
   padding:0px;
   position: relative;
}

.iconmap {
  background-image:url('../assets/img/icono_paises disponibles.png');
  background-size: 31px 31px;
  background-repeat: no-repeat;
  width:31px;
  height:31px;
  margin:0px;
  padding:0px;
  position: relative;
}


.iconcalendar {
   background-image:url('../assets/img/icono_anos_disponibles.png');
   background-size: 31px 31px;
   background-repeat: no-repeat;
   width:31px;
   height:31px;
   margin:0px;
   padding:0px;
   position: relative;
}

.iconsex {
   background-image:url('../assets/img/icono_sexo.png');
   background-size: 31px 31px;
   background-repeat: no-repeat;
   width:31px;
   height:31px;
   margin:0px;
   padding:0px;
   position: relative;
}

.iconage {
   background-image:url('../assets/img/icono_edad.png');
   background-size: 31px 31px;
   background-repeat: no-repeat;
   width:31px;
   height:31px;
   margin:0px;
   padding:0px;
   position: relative;
}

.iconarea {
   background-image:url('../assets/img/icono_area geografica.png');
   background-size: 31px 31px;
   background-repeat: no-repeat;
   width:31px;
   height:31px;
   margin:0px;
   padding:0px;
   position: relative;
}

.iconhogar {
   background-image:url('../assets/img/Icono_hogar.png');
   background-size: 31px 31px;
   background-repeat: no-repeat;
   width:31px;
   height:31px;
   margin:0px;
   padding:0px;
   position: relative;
}

.iconquintil {
   background-image:url('../assets/img/icono_quintil ingreso.png');
   background-size: 31px 31px;
   background-repeat: no-repeat;
   width:31px;
   height:31px;
   margin:0px;
   padding:0px;
   position: relative;
}

  .dimbox{
    display:inline-block;
    position:relative;
    width:245px;
    height:120px;
    border: 1px solid #dddddd;
    background-color:#f1f1f1;
    text-align:left;
    margin:5px;
    padding:0px;
  }

  .dimbox-left{
    position:relative;
    display:inline-block;
    top:0px;
    left:0px;
    width:31px;
    height:31px;
    border: 1px none black;
    margin:0px;
    padding:0px;
    background-color:#f1f1f1;
    vertical-align:top;
  }


  .dimbox-right{
    position:relative;
    display:inline-block;
    top:0px;
    left:5px;
    width:210px;
    height:100px;
    border: 1px none black;
    margin:0px;
    padding:0px;
    background-color:#f1f1f1;
    vertical-align:top;
  }

  .dimbox-right-title{
    font-weight: bold;
    color: #57585b;
    font-family: sans-serif;
    font-size: 11px;
    font-style: normal;
  }

  .dimbox-right-description{
    font-weight: normal;
    color: #57585b;
    font-family: sans-serif;
    font-size: 11px;
    font-style: normal;
    overflow: auto;
    height:100px;
  }



 .metabar{
    position:relative;
    display:inline-block;
    left:20px;
    width:380px;
    background-color:#f1f1f1;
    border:1px none black;
    text-align:center;
    margin:0px;
 }

 .metabar-description{
    position:relative;
    display:inline-block;
    //top:40px;
    width:340px;
    border: 1px none #ff0000;
    background-color:#eeeeee;
    text-align:left;
    padding:0px;
    margin:0px;
    font-weight: normal;
    color: #57585b;
    font-family: sans-serif;
    font-size: 12px;
    font-style: normal;
 }

 .metabar-bar {
   position: relative;
   display: inline-block;
   border: 1px none #000000;
   padding:0px;
   margin:0px;
   color: #999999;
  }




.metabar-factsheet{
    float:left;
    clear:none;
    width:25%;
    height:65px;
    border: 1px solid #ffffff;
    //background-color:#eeeeee;
    padding:0px;
    margin:0px;
    display:inline-block;
    position:relative;
    vertical-align: top;
}

.metabar-factsheet-icon {
   border:1px none black;
   background-image:url('../assets/img/icono_ficha metodologica.png');
   background-size: 41px 41px;
   background-repeat: no-repeat;
   background-position: center;
   width:20%;
   height:41px;
   margin:0px;
   padding:0px;
   display:inline-block;
   cursor: pointer;
}

.metabar-factsheet-text{
  border: 1px none black;
  display:inline-block;
  vertical-align: top;
  width:78%;
  height:100%;
  padding:0px;
  margin:0px;
}

.metatext-factsheet{
  color: #57585b;
  //background-color:#ddddff;
  font-family: sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  text-align:left;
  vertical-align:top;
  border:1px none red;
  width:100%;
  padding:0px;
  margin:0px;
}

.metabar-update-text{
  border: 1px none black;
  display:inline-block;
  vertical-align: top;
  width:78%;
  height:100%;
  padding:0px;
  margin:0px;
}



.metabar-factsheet-text:hover {
  text-decoration: none;
}

.metatext:hover {
    color: #000000ff;
}


.metabar-update{
    float:left;
    clear:none;
    width:25%;
    height:65px;
    border: 1px solid #ffffff;
    //background-color:#eeeeee;
    padding:0px;
    margin:0px;
    display:inline-block;
    position:relative;
    vertical-align: top;
    cursor:default;
}

.metabar-update-icon {
   border:1px none black;
   background-image:url('../assets/img/Icono_reloj arena.png');
   background-size: 41px 41px;
   background-repeat: no-repeat;
   background-position: center;
   width:20%;
   height:41px;
   margin:0px;
   padding:0px;
   display:inline-block;
}

.metabar-update-text{
  border: 1px none black;
  //background-color:#ffdddd;
  display:inline-block;
  vertical-align: top;
  width:78%;
  height:100%;
  padding:0px;
  margin:0px;
}

.metatext-update{
  color: #57585b;
  //background-color:#ddddff;
  font-family: sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  text-align:left;
  vertical-align:top;
  border:1px none red;
  width:100%;
  padding:0px;
  margin:0px;
}


.metabar-geo{
    float:left;
    clear:none;
    width:25%;
    height:65px;
    border: 1px solid #ffffff;
    //background-color:#eeeeee;
    text-align:center;
    padding:0px;
    margin:0px;
    display:inline-block;
    position:relative;
    vertical-align: top;
}

.metabar-geo-icon {
   border:1px none black;
   //background-image:url('../assets/img/icono_base de datos.png');
   background-size: 41px 41px;
   background-repeat: no-repeat;
   background-position: center;
   width:20%;
   height:41px;
   margin:0px;
   padding:0px;
   display:inline-block;
   position:relative;
   cursor: pointer;
}

.metabar-geo-icon:hover {
    //background-image:url('../assets/img/iconmap.png');
}

.metabar-geo-text{
    //border: 1px solid black;
    //background-color:#ffdddd;
    display:inline-block;
    vertical-align: top;
    width:78%;
    height:100%;
    padding:0px;
    margin:0px;
    cursor: pointer;
}

.metabar-geo-text:hover {
    text-decoration: none;
}

.metatext-geo{
  color: #57585b;
  //background-color:#ddddff;
  font-family: sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  text-align:left;
  vertical-align:top;
  //border:1px solid red;
  width:100%;
  padding:0px;
  margin:0px;
}




.metabar-publications{
    float:left;
    clear:none;
    width:25%;
    height:65px;
    border: 1px solid #ffffff;
    //background-color:#eeeeee;
    text-align:center;
    padding:0px;
    margin:0px;
    display:inline-block;
    position:relative;
    vertical-align: top;
}

.metabar-publications-icon {
   border:1px none black;
   //background-image:url('../assets/img/icono_base de datos.png');
   background-size: 41px 41px;
   background-repeat: no-repeat;
   background-position: center;
   width:20%;
   height:41px;
   margin:0px;
   padding:0px;
   display:inline-block;
   position:relative;
   cursor: pointer;
}

.metabar-publications-icon:hover {
    //background-image:url('../assets/img/iconmap.png');
}

.metabar-publications-text{
    //border: 1px solid black;
    //background-color:#ffdddd;
    display:inline-block;
    vertical-align: top;
    width:78%;
    height:100%;
    padding:0px;
    margin:0px;
    cursor: pointer;
}

.metabar-publications-text:hover {
    text-decoration: none;
}

.metatext-publications{
  color: #57585b;
  //background-color:#ddddff;
  font-family: sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  text-align:left;
  vertical-align:top;
  //border:1px solid red;
  width:100%;
  padding:0px;
  margin:0px;
}





















.metabar-databank{
    float:left;
    clear:none;
    width:25%;
    height:65px;
    border: 1px solid #ffffff;
    //background-color:#eeeeee;
    text-align:center;
    padding:0px;
    margin:0px;
    display:inline-block;
    position:relative;
    vertical-align: top;
}

.metabar-databank-icon {
   border:1px none black;
   //background-image:url('../assets/img/icono_base de datos.png');
   background-size: 41px 41px;
   background-repeat: no-repeat;
   background-position: center;
   width:20%;
   height:41px;
   margin:0px;
   padding:0px;
   display:inline-block;
   position:relative;
   cursor: pointer;
}

.metabar-databank-icon:hover {
    //background-image:url('../assets/img/iconmap.png');
}

.metabar-databank-text{
    //border: 1px solid black;
    //background-color:#ffdddd;
    display:inline-block;
    vertical-align: top;
    width:78%;
    height:100%;
    padding:0px;
    margin:0px;
    cursor: pointer;
}

.metabar-databank-text:hover {
    text-decoration: none;
}

.metatext-databank{
  color: #57585b;
  //background-color:#ddddff;
  font-family: sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  text-align:left;
  vertical-align:top;
  //border:1px solid red;
  width:100%;
  padding:0px;
  margin:0px;
}


.metatext-download{
  color: #57585b;
  font-family: sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  text-align:right;
  //display:table-cell;
  vertical-align:middle;
  border:1px none blue;
  width:100%;
  height:100%;
  padding:0px;
  margin:0px;
}




.metabar-related{
    //display:inline-block;
    position:relative;
    width:100%;
    border: 1px none black;
    background-color:#eeeeee;
    text-align:left;
    padding:5px;
    margin:0px;
}

.metabar-related-icon {
   border:1px none black;
   background-image:url('../assets/img/icono_indicadores relacionados.png');
   background-size: 41px 41px;
   background-repeat: no-repeat;
   width:41px;
   height:41px;
   margin:0px;
   padding:0px;
   vertical-align:top;
   display:inline-block;
   cursor: pointer;
}

.metatext-related{
  color: #57585b;
  font-family: sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  text-align:left;
  display:inline-block;
  vertical-align:top;
  border:1px none black;
  width:1120px;
  padding:0px;
  margin:0px;
}


 .row02 {
   border: 1px none black;
   background-color:#ffffff;
   padding:0px;
   margin:0px;
   color: #999999;
   font-size: 24px;
   width:100%;
   height:auto;
  }

  .row04 {
    border: 1px none black;
    background-color:#ffffff;
    padding:0px;
    margin:0px;
    color: #999999;
    font-size: 24px;
    width:100%;
    height:50px;
   }


  .row03 {
    border: 1px none black;
    background-color:#ffffff;
    padding:0px;
    margin:0px;
    width:100%;
    position:relative;
   }


   .row05 {
       border: 1px solid red;
       background-color:#ffffff;
       padding:0px;
       margin:0px;
       width:100%;
       position:relative;
    }

    .dims_holder {
        position:relative;
        //display:inline-block;
        left:0px;
        width:100%;
        background-color:#f1f1f1;
        border: 1px none black;
        text-align:left;
        vertical-align:top;
        margin:0px;
        padding:0px;
     }


     .row05-right-holder {
        position:relative;
        //display:inline-block;
        //left:20px;
        width:100%;
        background-color:#f1f1f1;
        border: 1px solid black;
        text-align:center;
        vertical-align:top;
        margin:0px;
        padding:0px;
      }



.lb-sm {
  font-size: 12px;
}
.form-inline > * {
   margin:5px 3px;
}

.form-inline label {
    margin-right: 3px;
}



  .dispotext{
    color: #999999;
    font-family: sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    text-align:left;
    display:table-cell;
    vertical-align:middle;
    border:1px none black;
    width:100%;
    height:35px;
    padding:0px;
    padding-left:20px;
    margin:0px;
  }

  .sourcetext{
    color: #999999;
    font-family: sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    text-align:left;
    display:table-cell;
    vertical-align:middle;
    border:1px none black;
    width:100%;
    height:35px;
    padding:0px;
    padding-left:20px;
    margin:0px;
  }

  .relatedtext{
    color: #999999;
    font-family: sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    text-align:left;
    display:table-cell;
    vertical-align:middle;
    border:1px none black;
    width:100%;
    height:35px;
    padding:0px;
    padding-left:20px;
    margin:0px;
  }

  .theme{
    color: #999999;
    font-family: sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    text-align:left;
    display:table-cell;
    vertical-align:middle;
    border:1px none black;
    padding:0px;
    //padding-left:20px;
    margin:0px;
    width:100%;
    //height:50px;
  }

	.title_spanish{
    border: 1px none black;
	  color: #333333;
	  font-family: sans-serif;
	  font-size: 16px;
	  font-style: normal;
	  font-weight: bold;
	}
	.title_english{
	  color: #57585b;
	  font-family: sans-serif;
	  font-size: 16px;
	  font-style: italic;
	  font-weight: normal;
	}
	.title_units{
    border: 1px none black;
	  color: #333333;
	  font-family: sans-serif;
	  font-size: 12px;
	  font-style: italic;
	}


	.title_number{
		color: #c41087;
		font-family: sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: bold;
		/*vertical-align:top;*/
	}

	.sources{
	  color: #57585b;
	  font-family: sans-serif;
	  font-size: 11px;
	  font-style: normal;
    display:none;
    visibility:hidden;
    background-color:#f1f1f1;
    border:1px none black;
    padding:5px;width:100%;
	}

	.footnotes{
	  color: #57585b;
	  font-family: sans-serif;
	  font-size: 11px;
	  font-style: normal;
    display:none;
    visibility:hidden;
    background-color:#f1f1f1;
    border:1px none black;
    padding:5px;
    width:100%;
	}

  .footer_eclac{
    color: #57585b;
    font-family: sans-serif;
    font-size: 11px;
    font-style: normal;
    display:inline-block;
    background-color:#f1f1f1;
    border:1px none black;
    width:100%;
    text-align:center
  }

	.dims_spanish{
	  color: #57585b;
	  font-family: sans-serif;
	  font-size: 11px;
	  font-style: normal;
	}
	.dims_english{
	  color: #333333;
	  font-family: sans-serif;
	  font-size: 11px;
	  font-style: italic;
	}

	.index_title{
		color: #000000;
		font-family: sans-serif;
		font-size: 16px;
		font-style: normal;
		font-weight: bold;
	}



  .target{
    color: #000000;
    font-family: sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-align:left;
    border:1px none black;
    background-color:#f1f1f1;
    padding:5px;
    margin:0px;
    width:100%;
    cursor:default;
    user-select: none;
  }
  .indicator{
    color: #000000;
    font-family: sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-align:left;
    border:1px none black;
    background-color:#ffffff;
    padding:5px;
    padding-left:25px;
    margin:0px;
    width:100%;
    cursor:default;
    user-select: none;
  }

  .series{
    color: #990000;
    font-family: sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-align:left;
    border:1px none black;
    background-color:#ffffff;
    padding:5px;
    padding-left:50px;
    margin:0px;
    width:100%;
    cursor:default;
    user-select: none;
  }
  .series:hover {
    background-color:#eeeeee;
  }


  .hseries{
    color: #990000;
    font-family: sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-align:left;
    border:1px none #999999;
    background-color:#dddddd;
    padding:5px;
    padding-left:50px;
    margin:0px;
    width:100%;
    cursor:default;
    user-select: none;
  }
  .hseries:hover {
    background-color:#dddddd;
  }


  * {
      -moz-box-sizing: border-box;-webkit-box-sizing: border-box; box-sizing: border-box;
  }


  .sdg_header {
    //border:1px solid red;
    //background-color:#00000033;
    width:1180px;
    height:320px;
   }


  .main_buttons {
    border:1px none black;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width:1180px;
    height:227px;
   }



.header_sdg {
  border:1px none black;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width:1180px;
  height:227px;
 }

 .body_sdg {
   border:1px none black;
   background-color:#f1f1f1ff;
   width:1180px;
   height:auto;
   min-height:800px;
  }

 .footer_sdg {
   border:1px none black;
   background-size: 100% 100%;
   background-repeat: no-repeat;
   width:1180px;
   height:227px;
  }

  .goals_buttons{
    display: inline-block;
    color: #000000;
    //border:1px solid #999999;
    //background-color:#999999;
    padding:4px;
    //margin-left: auto ;
  	//margin-right: auto ;
    width:100%;
    height:auto;
  }


  .goal{
    //color: #000000;
    display:inline-block;
    //border:1px solid red;
    background-color:#ffffffff;
    background-repeat:no-repeat;
    background-size:63px 63px;
    padding:0px;
    margin:2.8px;
    //margin-left: auto ;
    //margin-right: auto ;
    width:63px;
    height:63px;
    cursor:default;
    user-select: none;
  }

  .sources_sdg{
	  color: #57585b;
	  font-family: sans-serif;
	  font-size: 11px;
	  font-style: normal;
    display:none;
    visibility:hidden;
    background-color:#f1f1f1;
    border:1px solid black;
    padding:5px;
    width:50%;
	}

	.footnotes_sdg{
	  color: #57585b;
	  font-family: sans-serif;
	  font-size: 11px;
	  font-style: normal;
    display:none;
    visibility:hidden;
    background-color:#f1f1f1;
    border:1px solid black;
    padding:5px;
    width:50%;
	}

  .infobox{
    display:inline-block;
    //width:389px;
    width:349px;
    height:170px;
    //border: 1px solid #57585b;
    border: 1px solid #dddddd;
    background-color:#f1f1f1;
    margin:0px;
    padding:0px;
  }

  .infobox_left{
    display:inline-block;
    border: 1px none black;
    background-color:#f1f1f1;
    vertical-align:top;
    width:40px;
    height:150px;
    margin:0px;
    padding:0px;
  }

  .infobox_right{
    display:inline-block;
    border: 1px none black;
    margin:0px;
    padding:0px;
    background-color:#f1f1f1;
    vertical-align:top;
    width:300px;
    height:150px;
  }

  .infobox_left_icon {
     border:1px none blue;
     background-size: 32px 32px;
     background-repeat: no-repeat;
     background-position: center;
     width:32px;
     height:32px;
     margin:4px;
     padding:0px;
     display:inline-block;
  }

  .infobox_right_title{
    display:inline-block;
    border: 1px none red;
    font-weight: bold;
    color: #57585b;
    font-family: sans-serif;
    font-size: 11px;
    font-style: bold;
    height:24px;
    width:100%;
    margin:0px;
    padding:5px;
  }

  .infobox_right_description{
    display:inline-block;
    border: 1px none red;
    font-weight: normal;
    color: #57585b;
    font-family: sans-serif;
    font-size: 11px;
    font-style: normal;
    overflow: auto;
    width:100%;
    height:120px;
    margin:0px;
    padding:5px;
  }

 .iconprint {
   border:1px none black;
   background-image:url('../img/icons/icono_download.png');
   background-size: 100% 100%;
   background-repeat: no-repeat;
   width:24px;
   height:24px;
   position: absolute;
  }

  .iconprint:hover {
    cursor: pointer;
  }