div.border {
  /*border: 1px solid #f2f2f2 !important;*/
}
div.padded {
  padding: 12px 20px 12px 20px;
}
.header-transparent{
	/*width: 80% !important;*/
	background: #fff;
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=50); /* For IE8 and earlier */
}
@media only screen and (max-width: 767px) {
  .header-transparent{
    width: 100% !important;
    padding-bottom: 120px;
  }

  .portfolio-group .portfolio-item {
    width: 100%;
  }
}

@media only screen and (max-width: 450px){
  .logo img{
    margin-left: 0%;
    margin-right: 0%;
  }

  .carousel, .carousel-inner{
    height: 322px;
  }

  .carousel-inner .image img{
    height: 322px !important;
  }

  .texto-sobre-imagen { 
    position: absolute; 
    top: 200px; 
    /*left: 30%;*/
    text-align: left;
    width: 100%;
  }
}

.carousel-inner .image img{
  height: 422px !important;
}

@supports(object-fit: cover){
    .carousel-inner img{
      height: 150% !important;
      object-fit: cover;
      object-position: top center;
    }
}

.carousel-control.right span, .carousel-control.icon-next span {
    right: 40%;
}
.carousel-control.left span, .carousel-control.icon-prev span {
    left: 40%;
}
#titulo-otorrino1{
  font-size: 30px;
  color: #33747A;
}

#titulo-otorrino2{
  font-size: 25px;
  color: #33747A;
}

#titulo-otorrino3{
  font-size: 20px;
  color: #449aa2;
}
  
.medios-contacto{
  font-size: 18px;
}

.img-hospitales{
  height: 75%;
  width: 75%;
}

@media only screen and (max-width: 767px) {
  #titulo-otorrino1{
    font-size: 1.3em;
    color: #33747A;
  }

  #titulo-otorrino2{
    font-size: 1.0em;
    color: #33747A;
  }

  #titulo-otorrino3{
    font-size: 0.9em;
    color: #449aa2;
  }
  
  .medios-contacto{
    font-size: 1.5em;
  }

  .img-hospitales{
	 height: 75%;
	 width: 75%;
  }
}

ol.carousel-indicators .color-indicator{
	background-color: #e6e6e6;
}

ol.carousel-indicators .active{
	background-color: #fff;
}

.image { 
   position: relative; 
   width: 100%; /* for IE 6 */
}

.texto-sobre-imagen { 
   position: absolute; 
   bottom: 0; 
   /*left: 30%;*/
   text-align: left;
   height: auto;
   width: 40%;
   margin-bottom: 50px;
   padding: 10px 50px 0px 20px;
   /*padding:20px;*/
   /*background-color: #f2f2f2;
   background: rgb(242, 242, 242); /* fallback color 
   background: rgba(242, 242, 242, 0.7);*/

  background: rgba(255,255,255,0.57);
  background: -moz-linear-gradient(left, rgba(255,255,255,0.57) 0%, rgba(255,255,255,0.24) 47%, rgba(255,255,255,0.04) 88%, rgba(136,136,136,0) 96%, rgba(76,76,76,0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0.57)), color-stop(47%, rgba(255,255,255,0.24)), color-stop(88%, rgba(255,255,255,0.04)), color-stop(96%, rgba(136,136,136,0)), color-stop(100%, rgba(76,76,76,0)));
  background: -webkit-linear-gradient(left, rgba(255,255,255,0.57) 0%, rgba(255,255,255,0.24) 47%, rgba(255,255,255,0.04) 88%, rgba(136,136,136,0) 96%, rgba(76,76,76,0) 100%);
  background: -o-linear-gradient(left, rgba(255,255,255,0.57) 0%, rgba(255,255,255,0.24) 47%, rgba(255,255,255,0.04) 88%, rgba(136,136,136,0) 96%, rgba(76,76,76,0) 100%);
  background: -ms-linear-gradient(left, rgba(255,255,255,0.57) 0%, rgba(255,255,255,0.24) 47%, rgba(255,255,255,0.04) 88%, rgba(136,136,136,0) 96%, rgba(76,76,76,0) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0.57) 0%, rgba(255,255,255,0.24) 47%, rgba(255,255,255,0.04) 88%, rgba(136,136,136,0) 96%, rgba(76,76,76,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#4c4c4c', GradientType=1 );
}

.texto-sobre-imagen h2{
  color:  #33747A;
  font-size: 25px;
  /*position: absolute;
  bottom: 0;
  margin-bottom: 50px;*/
  margin-left: 10px;
  text-shadow:
    -1px -1px 0 #f2f2f2,  
    1px -1px 0 #f2f2f2,
    -1px 1px 0 #f2f2f2,
    1px 1px 0 #f2f2f2;
}

@media only screen and (max-width: 991px){
  #base .text-right .borde{
    float: left;
  }
  .portfolio-group figcaption{
    /*padding: 22%;*/
  }
  .portfolio-group figcaption span{
    /*display: none;*/
  }

  .portfolio-group figcaption{
    padding: 10% 20px 40px 20px;
  }
}

@media only screen and (max-width: 767px) {
  #servicios .servicio{
    margin-bottom: 30px;
  }

  #servicios .servicio_img{
    position: relative;
    left: 23%;
    margin: 20px 0 20px 0;
  }
  .texto-sobre-imagen h2{ 
    font-size: 1.5em;
  }

  .portfolio-group .portfolio-item {
    width: 50%;
  }

  .portfolio-group figcaption{
    padding: 50px 20px 40px 20px;
  }

}

@media only screen and (max-width: 575px) {
  
  #servicios .servicio_img{
    left: 10%;
  }

  .portfolio-group .portfolio-item {
    width: 60%;
    left: 20% !important;
  }

  .texto-sobre-imagen h2{ 
    font-size: 1.3em;
  }

  .texto-sobre-imagen{
    width: 60%;
  }

  .testimonial .testimonial-title:before{
    left: 45%;
  }

  .portfolio-group figcaption span{
    /*display: none;*/
    text-align: center;
  }

  .portfolio-group figcaption h3{
    vertical-align: middle;
    text-align: center;
  }

  .portfolio-group figcaption{
    padding: 20px 20px 40px 20px;
  }
}

@media only screen and (max-width: 400px){

  #servicios .servicio_img{
    left: 0% !important;
  }

  .portfolio-group{
    left: 0;
  }

  .portfolio-group .portfolio-item {
    width: 90%;
    left: 5% !important;
  }

  .portfolio-group figcaption span{
    display: flex;
    text-align: center;
  }

  .portfolio-group figcaption h3{
    vertical-align: middle;
    text-align: center;
    font-size: 12pt;
  }

  .portfolio-group figcaption{
    padding: 50px;
  }
}

.color-texto-verde1{
  color: #33747A;
}

.color-texto-verde2{
  color: #449aa2;
}

.texto-justificado{
  text-align: justify;
}

.background-white-transparent { 
   background: rgb(242, 242, 242); /* fallback color */
   background: rgba(242, 242, 242, 0.7);
}