html
{
   font-family: 'Open Sans', sans-serif !Important;
      font-size: 0.8em !Important;
}

body
{
   /*font-size: 12px !Important;*/
   font-size: 1em !Important;
   color: #000;
   font-family: 'Open Sans', sans-serif !Important;
}

h3
{
   border-bottom: 2px solid #FC0;
   margin: 0 0 0 0;
   padding: 0 0 5px 0;
   color: #585858;
   font-size: 1.5em;
}

h4
{
   color: #585858 !Important;
   font-size: 1.5em !Important;
   font-weight: 600 !Important;
   margin-top: 0px !Important;
}

ul li.publicacion
{
   list-style-image: url('../Img/bullet_libro.png');
   margin: 0 0 8px -15px;
}

.textopie
{
   text-align: center;
   border-top: 10px solid #FC0;
   padding-top: 10px;
   margin-top: 20px; /* Ha de cambiar con media */
   font-size: 0.9em;
   padding-bottom: 20px; /* Ha de cambiar con media */
}

.foto
{
   border: 1px solid gray;
   padding: 5px;
   margin-right: 20px;
   margin-bottom: 10px;
   float: left;
   overflow: hidden;
   max-width: 125px;
}

.fondo
{
   background-color: #E1E1E1;
}

.contacto
{
   font-size: 1.1em;
}

   .contacto span
   {
      margin-left: 10px;
   }

   .contacto img
   {
      vertical-align: middle;
   }

.titulotransparente
{
   font-size: 1.5em;
   background: #FC0; /*opacity: 0.7;*/
   color: #000;
   padding: 2px 5px 2px 2px;
   margin-left: -22px;
}

   .titulotransparente img
   {
      vertical-align: middle;
      margin-top: 4px;
   }

.logo
{
   width:95%;/* Ha de cambiar con media */
   max-width:200px;
}
.logoh
{
   width:95%;/* Ha de cambiar con media */
   max-width:400px;
}

.fondocaja
{
   background-color: #FFF;
   margin-top: 10px;
}

.fondopanel
{
   background-color: #FFF;
   margin-top: 10px;
   border: 5px solid #E1E1E1; /* Ha de cambiar con media */
   vertical-align:top;
}

.gris
{
   color: gray;
}


.content
{
   padding-top: 10px; /* Ha de cambiar con media */
   padding-bottom: 10px; /* Ha de cambiar con media */
}

.row
{
   padding-left: 20px; /* Ha de cambiar con media */
   padding-right: 20px; /* Ha de cambiar con media */
}

.fila1
{
   padding-top: 10px; /* Ha de cambiar con media */
}

.borde
{
   border: 1px solid #80aa00; /* Ha de cambiar con media */
}

.mail
{
   display: block; /* Ha de cambiar con media */
}

/* Tamaņo: lg  */
@media (min-width: 1200px)
{
   .content
   {
      padding-top: 15px; /* Ha de cambiar con media */
      padding-bottom: 15px; /* Ha de cambiar con media */
   }

   .row
   {
      padding-left: 30px; /* Ha de cambiar con media */
      padding-right: 30px; /* Ha de cambiar con media */
   }

   .fila1
   {
      padding-top: 30px; /* Ha de cambiar con media */
   }

   .textopie
   {
      padding-bottom: 30px; /* Ha de cambiar con media */
   }

   .fondopanel
   {
      border: 10px solid #E1E1E1; /* Ha de cambiar con media */
   }

   .mail
   {
      display: block; /* Ha de cambiar con media */
   }


}
/* Tamaņo: md  */
@media (min-width: 992px) and (max-width: 1199px)
{
   .content
   {
      padding-top: 10px; /* Ha de cambiar con media */
      padding-bottom: 10px; /* Ha de cambiar con media */
   }

   .row
   {
      padding-left: 20px; /* Ha de cambiar con media */
      padding-right: 20px; /* Ha de cambiar con media */
   }

   .fila1
   {
      padding-top: 20px; /* Ha de cambiar con media */
   }

   .textopie
   {
      padding-bottom: 20px; /* Ha de cambiar con media */
   }

   .fondopanel
   {
      border: 7px solid #E1E1E1; /* Ha de cambiar con media */
   }

   .mail
   {
      display: block; /* Ha de cambiar con media */
   }

}
/* Tamaņo: sm  */
@media (min-width: 768px) and (max-width: 991px)
{
   .content
   {
      padding-top: 10px; /* Ha de cambiar con media */
      padding-bottom: 10px; /* Ha de cambiar con media */
   }

   .row
   {
      padding-left: 10px; /* Ha de cambiar con media */
      padding-right: 10px; /* Ha de cambiar con media */
   }

   .fila1
   {
      padding-top: 10px; /* Ha de cambiar con media */
   }

   .textopie
   {
      padding-bottom: 10px; /* Ha de cambiar con media */
   }

   .fondopanel
   {
      border: 5px solid #E1E1E1; /* Ha de cambiar con media */
   }

   .mail
   {
      display: inline; /* Ha de cambiar con media */
   }
}
/* Tamaņo: xs  */
@media (max-width: 767px)
{
   .content
   {
      padding-top: 5px; /* Ha de cambiar con media */
      padding-bottom: 5px; /* Ha de cambiar con media */
   }

   .row
   {
      padding-left: 5px; /* Ha de cambiar con media */
      padding-right: 5px; /* Ha de cambiar con media */
   }

   .fila1
   {
      padding-top: 5px; /* Ha de cambiar con media */
   }

   .textopie
   {
      padding-bottom: 5px; /* Ha de cambiar con media */
   }

   .fondopanel
   {
      border: 3px solid #E1E1E1; /* Ha de cambiar con media */
   }

   .mail
   {
      display: inline; /* Ha de cambiar con media */
   }
}