#consulta:hover, #consulta2:hover
{
  background: #e85308;
}
#consulta a, #consulta2 a
{
  color: white;
}
.margentel
{
  margin: 0 0 30px 45px;
  position: relative;
  text-align: center;
}

h2
{
  font-size: 1.8em;
}
p
{
  font-size: 1.3em;
}
  .gris
  {
    color: #9b9b9b;
  }
  .verde {
    background: #4ca50d !IMPORTANT;
}
  .naranja
  {
    color: #e85308;
  }
  span
  {
    font-weight: 900;
    font-size: 1.1em;
  }
  .consulta, .consulta2
  {
    background: #3a9003;
    color: white;
    padding: 5px 15px;
    margin: 10px 0px;
    border-radius: 13px;
    font-size: 11px;
  }
  .textonaranja
  {
    color: #e85308;
  }
  .consulta:hover, .consulta2:hover
  {
    color: white;
  } 
  
/* imagen doc*/
  .container {
    width: 100%;
    height: auto;
    position: relative;
  }
  .div-img.hidden {
    overflow: hidden;
  }
  .div-img .img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
  }
  .div-img:hover .img {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
  }
/* imagen doc*/
@media only screen and (min-width:901px)
{
  #consulta
{
  background: #303192;
  position: fixed;
  bottom: 0px;
  right: 50%;
  left: 20%;
  text-align: center;
  padding: 10px;
  z-index: 200;
  box-shadow: 3px 3px 7px black;
  border-radius: 20px 20px 0px 0px;
  transition: 0.5s;
}
  #consulta2
{
  background: #e7562e;
  position: fixed;
  bottom: 0px;
  right: 20%;
  left: 50%;
  text-align: center;
  padding: 10px;
  z-index: 200;
  box-shadow: 3px 3px 7px black;
  border-radius: 20px 20px 0px 0px;
  transition: 0.5s;
}
  /*CSS DE menu*/
  .logo {
  display: inline-block;
  font-size: 0;
  padding-top:15px;
}
  #navigation {
  position: absolute;
  right: 40px;
  bottom: 0px;
}

  /*fin de CSS de menu*/
  div#naranja
  {
    width: 100%;
    height: auto;
    padding: 30px 0px;
    background: #e85308;
    display: inline-block;
    vertical-align: top;
    text-align: center;
  }
  .tres-columnas
  {
    width: 32%;
    height: auto;
    margin: 0.5%;
    display: inline-block;
    vertical-align: top;
    padding: 15px 0px;
  }
  .tres-columnas p
  {
    font-size: 1.2em;
  }
  .tres-columnas h3
  {
    color: #e85308;
    font-size: 1.3em;
    font-family: "urologo", sans-serif;
    margin: 1px;
  }
  .tres-columnas img.doc
  {
    width: 90%;
  }
  div#naranja .tres-columnas img
  {
    margin: 3% 0% 0% 0%;
    transition: 0.5s;
  }
  div#naranja .tres-columnas img:hover
  {
    transform:rotateY(180deg);
  }
  div#naranja .tres-columnas h2
  {
    color: white;
    font-weight: 800;
    font-family: "urologo", sans-serif;
  }
  div#naranja .tres-columnas p
  {
    color: white;
  }
  .datos-cabecera
  {
    width: 32%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    padding: 15px 0px;
    position: absolute;
    right: -70px;
    top: -20px;
  }
  .datos-cabecera h3
  {
    color: #e85308;
    font-size: 1.3em;
    font-family: "urologo", sans-serif;
    margin: 1px;
  }
  #barra-naranja
  {
    margin: 0px 0px 15px 0px;
    width: 100%;
    height: 50px;
    background: #e85308;
    text-align: right;
  }
  #barra-naranja img
  {
    margin: 4px 10px;
  }
  .banner
  {
    width: 100%;
  }
  div.contenedor
  {
    width: 900px;
    height: auto;
    margin: auto;
  }
  div.contenedor .columna
  {
    width: 48%;
    height: auto;
    margin: 0.9%;
    display: inline-block;
    vertical-align: top;
  }
  div.contenedor .columna img
  {
    width: 100%
  }
  div.contenedor .columna h1
  {
    color: #e85308;
  }
  div.contenedor .columna p
  {
    font-size: 1.2em;
  }
  div.contenedor .columna h2.enfermedades
  {
    font-size: 2em;
    font-family: "urologo", sans-serif;
  }
    /*FORMULARIO INICIO*/
  .contacto
  {
    width: 60%;
    padding: 30px;
    border-radius: 0px 0px 10px 10px;
  }
  .contacto h2
  {
    font-size: 20px;
    margin: 0px;
  }
  .contacto .contac, .contac input
  {
    width: 100%;
    margin: 2px 0px;
    border-radius: 10px;
      }
  .contacto input[type="submit"] {
    background: #e85308;
    border-radius: 10px;
    border: none;
    padding: 12px;
    font-size: 12px;
    width: 40%;
    color: #fff;
    transition: 0.5s;
  }
  .contacto input[type="submit"]:hover
  {
    background: #ef7d01;
    color: white;
  }
  /*FIN FORMULARIO CONTACTO*/
}
@media only screen and (min-width:501px) and (max-width:900px)
{
  #consulta
{
  background: #4ca50d;
  position: fixed;
  bottom: 0px;
  text-align: center;
  padding: 10px;
  z-index: 200;
  box-shadow: 3px 3px 7px black;
  border-radius: 20px 20px 0px 0px;
  transition: 0.5s;
}
  /*Se repite CSS menu*/
  .logo img{
  display: inline-block;
  font-size: 0;
  text-align: center;
}
  .relative {
    position: relative;
    text-align: center;
}
#navigation {
    margin: 4% 0% 0% 0%;
}
#main-menu {
  font-size: 0;
  text-align: center;
}
 /* fin de CSS menu*/
.contenido img
{
    width: 80%; 
}
div#naranja
  {
    width: 100%;
    height: auto;
    padding: 30px 0px;
    background: #e85308;
    display: inline-block;
    vertical-align: top;
    text-align: center;
  }
  .tres-columnas {
    width: 65%;
    height: auto;
    margin: auto;
    vertical-align: top;
    padding: 15px 0px;
}
  .tres-columnas p
  {
    font-size: 1.2em;
  }
  .tres-columnas h3
  {
    color: #e85308;
    font-size: 1.3em;
    font-family: "urologo", sans-serif;
    margin: 1px;
  }
  .tres-columnas img.doc
  {
    width: 90%;
  }
  div#naranja .tres-columnas img
  {
    margin: 3% 0% 0% 0%;
    transition: 0.5s;
  }
  div#naranja .tres-columnas img:hover
  {
    transform:rotateY(180deg);
  }
  div#naranja .tres-columnas h2
  {
    color: white;
    font-weight: 800;
    font-family: "urologo", sans-serif;
  }
  div#naranja .tres-columnas p
  {
    color: white;
  }
  .datos-cabecera {
    width: 99%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
  .datos-cabecera h3
  {
    color: #e85308;
    font-size: 1.3em;
    font-family: "urologo", sans-serif;
    margin: 1px;
  }
  #barra-naranja
  {
    margin: 0px 0px 15px 0px;
    width: 100%;
    height: 50px;
    background: #e85308;
    text-align: right;
  }
  #barra-naranja img
  {
    margin: 4px 10px;
  }
  .banner
  {
    width: 100%;
  }
  div.contenedor
  {
    width:  99%;
    height: auto;
    margin: auto;
    text-align: center;
  }
  div.contenedor .columna {
    width: 45%;
    height: auto;
    margin: 0.9%;
    display: inline-block;
    vertical-align: top;
}
  div.contenedor .columna img
  {
    width: 100%
  }
  div.contenedor .columna h1
  {
    color: #e85308;
  }
  div.contenedor .columna p
  {
    font-size: 1.2em;
  }
  div.contenedor .columna h2.enfermedades
  {
    font-size: 2em;
    font-family: "urologo", sans-serif;
  }
    /*FORMULARIO INICIO*/
  .contacto
  {
    width: 60%;
    padding: 30px;
    border-radius: 0px 0px 10px 10px;
  }
  .contacto h2
  {
    font-size: 20px;
    margin: 0px;
  }
  .contacto .contac, .contac input
  {
    width: 100%;
    margin: 2px 0px;
    border-radius: 10px;
      }
  .contacto input[type="submit"] {
    background: #e85308;
    border-radius: 10px;
    border: none;
    padding: 12px;
    font-size: 12px;
    width: 40%;
    color: #fff;
    transition: 0.5s;
  }
  .contacto input[type="submit"]:hover
  {
    background: #ef7d01;
    color: white;
  }
  /*FIN FORMULARIO CONTACTO*/
}
@media only screen and (max-width:500px)
{
  #consulta
{
  background: #2e3091;
  position: fixed;
  bottom: 105px;
  width: 100%;
  text-align: center;
  padding: 10px;
  z-index: 200;
  box-shadow: 3px 3px 7px black;
  transition: 0.5s;
}
  #consulta2
{
  background: #e7562e;
  position: fixed;
  bottom: 0px;
  width: 100%;
  text-align: center;
  padding: 10px;
  z-index: 200;
  box-shadow: 3px 3px 7px black;
  transition: 0.5s;
}
/*Se repite CSS menu*/
.logo img{
  display: inline-block;
  font-size: 0;
  width: 100%;
  text-align: center;
}
.margentel
{
  margin: 0 0 10px 0px;
  position: relative;
  text-align: center;
}
  .relative {
    position: relative;
    text-align: center;
}
#navigation {
    margin: 4% 0% 0% 0%;
}
#main-menu {
  font-size: 0;
  text-align: center;
}
 /* fin de CSS menu*/
.contenido
{
  text-align: center;
} 
.contenido img
{
    width: 90%; 
}
div#naranja
  {
    width: 100%;
    height: auto;
    padding: 30px 0px;
    background: #e85308;
    display: inline-block;
    vertical-align: top;
    text-align: center;
  }
  .tres-columnas {
    width: 80%;
    height: auto;
    margin: auto;
    vertical-align: top;
    padding: 15px 0px;
}
  .tres-columnas p
  {
    font-size: 1.2em;
  }
  .tres-columnas h3
  {
    color: #e85308;
    font-size: 1.3em;
    font-family: "urologo", sans-serif;
    margin: 1px;
  }
  .tres-columnas img.doc
  {
    width: 90%;
  }
  div#naranja .tres-columnas img
  {
    margin: 3% 0% 0% 0%;
    transition: 0.5s;
  }
  div#naranja .tres-columnas img:hover
  {
    transform:rotateY(180deg);
  }
  div#naranja .tres-columnas h2
  {
    color: white;
    font-weight: 800;
    font-family: "urologo", sans-serif;
  }
  div#naranja .tres-columnas p
  {
    color: white;
  }
  .datos-cabecera {
    width: 99%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
  .datos-cabecera h3
  {
    color: #e85308;
    font-size: 1.3em;
    font-family: "urologo", sans-serif;
    margin: 1px;
  }
  #barra-naranja
  {
    margin: 0px 0px 15px 0px;
    width: 100%;
    height: 50px;
    background: #e85308;
    text-align: right;
  }
  #barra-naranja img
  {
    margin: 4px 10px;
  }
  .banner
  {
    width: 100%;
  }
  div.contenedor
  {
    width:  99%;
    height: auto;
    margin: auto;
  }
  div.contenedor .columna {
    width: 95%;
    height: auto;
    margin: 2%;
    display: inline-block;
    vertical-align: top;
}
  div.contenedor .columna img
  {
    width: 100%
  }
  div.contenedor .columna h1
  {
    color: #e85308;
  }
  div.contenedor .columna p
  {
    font-size: 1.2em;
  }
  div.contenedor .columna h2.enfermedades
  {
    font-size: 2em;
    font-family: "urologo", sans-serif;
  }
    /*FORMULARIO INICIO*/
  .contacto {
    width: 85%;
    padding: 7%;
    border-radius: 0px 0px 10px 10px;
    margin: 0px;
}
  .contacto h2
  {
    font-size: 20px;
    margin: 0px;
  }
  .contacto .contac, .contac input
  {
    width: 100%;
    margin: 2px 0px;
    border-radius: 10px;
      }
  .contacto input[type="submit"] {
    background: #e85308;
    border-radius: 10px;
    border: none;
    padding: 12px;
    font-size: 12px;
    width: 40%;
    color: #fff;
    transition: 0.5s;
  }
  .contacto input[type="submit"]:hover
  {
    background: #ef7d01;
    color: white;
  }
  /*FIN FORMULARIO CONTACTO*/
}