.lightblue {background:rgb(215,247,250);}
.lightblue p {padding: 10px 0px 0px}
.lightblue p, .lightblue p a {color:#333}
.yellow {background:rgb(255,248,225); }
.yellow h2 {font-weight:bold; padding:5px 0px 15px;}
.yellow p {position: relative; top:-10px;}
.pub {padding-left: 0px;}
hr {border-top: 1px solid black; margin-left: 15px}
.public h4 {margin: 15px 0px 0px 15px; font-weight: bold; line-height: 25px}
.public .media-left {width:300px; overflow: hidden; max-height:300px;}
.public .media-left img {width:300px;}
.public .media-body p {margin:0px 0px 0px 15px; color:#333}
.public .media-body p.autor, p.space {font-weight:bold}
p.space {padding: 0px; color:rgb(1,171,248)!important}
.public .ver {padding:15px 0px 5px; text-align: right;}
.novedades {border-top:0px; height:30px;}
.novedades .mas {top:0px;}

.public iframe {border: black solid 4px;}
.embed-container { position:relative; padding-bottom: 55.5%; height: 0; overflow: hidden; max-width: 100%; border:5px solid white; margin-bottom:10px}
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.puvnov ul {color:#333}
.puvnov ul li {padding-bottom: 5px;}
.public .media .media-left a { display: block; max-height: 300px;}
/*.public iframe { width: 100%; height:380px;}*/

.in {padding-left: 15px;}
.in h4, .in hr {margin-left: 0px;}
.in img {width: auto; max-width: 100%; margin: 0px auto; height: auto;}
.in p {color:#333; padding-top:5px; text-align:justify;}

.redes-osteopatas img {
  width: 20px;
  margin-right: 5px;
  margin-bottom: 10px;
}
.foto-osteopata { width: 110px; height:100px; overflow: hidden; float: right; display: block; margin-left: 20px; border-left: 10px solid rgb(1, 171, 248); }
.foto-osteopata img { width: 100%; }
.osteopata {background:rgb(1,171,248); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: white; padding: 10px; margin: 10px 0px;}
.osteopata p.first-p {border-bottom:1px solid white; padding-bottom:8px;}

.contenido {padding-top: 20px; padding-bottom:20px; padding-left:10px}
.contenido p, .contenido ul {color:#333; text-align: justify;}
.contenido ul {list-style: none; padding: 0; margin: 0;}
.contenido li {padding-left: 16px; margin-bottom: 10px}
.contenido li i {padding-right:3px; color: rgb(1,171,248);}
.contenido h4 {margin-top: 20px;}
.contenido h4:first-child {margin-top: 0px;}
.contenido hr.hr_sep {border-top:1px solid #ccc; margin:30px 0}

.busqueda {margin:20px 0px 10px; padding-bottom:2px; border-bottom:1px solid rgb(1,171,248); font-weight:bold}

.ost {padding:0px 15px;}
.ost > div {margin: 10px 0px 0px;}



@media only screen and (max-width:1200px){
}
@media only screen and (max-width:1000px){
}
@media only screen and (max-width:991px){
  .yellow h2 {font-size:2em; padding:0px 0px 10px;}
  .public h4 {font-size:1.2em; line-height: 20px}
  .public .media-left {width:200px; overflow: hidden; max-height:200px;}
  .public .media-left img {width:200px;}
}
@media only screen and (max-width:768px){
  .public .media-left, .public .media-left img {width:150px;}
  .public .media-left {max-height:150px;}
  .public .media-body p {margin:0px 0px 0px 5px; color:#333}
  hr {margin-top: 15px; margin-bottom: 10px}
}
@media only screen and (max-width:767px){
}

@media only screen and (max-width:500px){
  .public h4, .contenido h4 {font-size:1.1em; line-height:18px}
}