@charset "utf-8";
/* CSS Document */

.h1, .h2, .h3, .h4, .h5, .h6 { color: #4a494f }

.content h1:not([class*="text-"]), .content h2:not([class*="text-"]), .content h3:not([class*="text-"]), .content h4:not([class*="text-"]), .content h5:not([class*="text-"]), .content h6:not([class*="text-"]) {
    color: #007bc3;
}


/* BREADCRUMB */
.despliegue .breadcrumb, .breadcrumb { font-size:1.4em } 
.despliegue .breadcrumb a, .breadcrumb a  { margin:1px 7px; border-bottom: 1px dotted rgba(135, 135, 135, 0.5); }
.despliegue .breadcrumb a:hover, .breadcrumb a:hover { color: #00507e; border-bottom: 1px solid rgba(135, 135, 135, 0.9); }
.despliegue .breadcrumb a:active, .breadcrumb a:active { color: #00507e; border-bottom: 1px solid rgba(135, 135, 135, 0.9) }

.despliegue .fecha { font-size:1.4em;  font-weight: 300; color: #878787 } 
.despliegue .despliegue-info .item {   font-size: 1.4em;margin-left: 7px } 
.despliegue .despliegue-info .item:before {margin-right: 3px }
	
.despliegue .related { margin-top: -20px }
.despliegue .related .item { margin-bottom: 40px; display: inline-block; min-height: 80px; width: 100%; margin-top: 20px; padding-right: 15px }
.despliegue .related .item .title { margin-top: 0; padding-top: 8px;color: #007bc3; font-size: 1.7em; line-height: 1.2em }
.despliegue .related .item p {font-size: 1.5em; line-height: 1.2em }

.despliegue .related .img_columnista_der { width: 90px; height: 95px; float: left; margin-right: 20px }

.despliegue .despliegue-info {  padding-bottom: 20px; height: auto }
.despliegue .sidebar .heading { font-weight: 800 }
	
.intro-uc .wrapper { position: relative }
.intro-uc .holder { padding: 30px 13px; box-sizing: border-box }

.intro-uc .holder .h1 {
    font-family: 'Playfair Display', serif;
	padding: 20px 0 15px 0;
    font-size: 3.7em;
    line-height: 1em; font-style:italic; 
}

.img-uc {
    right: 0;
    height: auto;
    position: relative;
}



/* claves */
#noticia-footer .col {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-top: 15px;
}

#tags-noticia ul li:before {
    content: none}
	
	
#tags-noticia {
    margin-top: 8px;
}

#tags-noticia .title.inline {
    margin-right: 0; font-weight: bold
}

#tags-noticia .title.inline, #tags-noticia .title.inline + .tags {
    display: inline-block;
    vertical-align: middle;
}

#tags-noticia .title {
    position: relative;
    font-size: 1.6em;
    color: #878787;
}

#tags-noticia .title.inline + .tags {
    position: relative;
    top: -5px;
}

#tags-noticia .title.inline, #tags-noticia .title.inline + .tags {
    display: inline-block;
    vertical-align: middle;
}

#tags-noticia .title + .tags {
    margin-top: 0;
}



#tags-noticia .tags .tag {
    display: inline-block;
    vertical-align: middle;
    margin: 7px 5px 0 0; font-size: 1.4em
}

#tags-noticia .tags .tag > a {
    display: block;
    padding: 6px 10px;
    font-size: 1.4em;
    color: #fff;
    background: #4b9ef9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.content blockquote:before {
    content: "";
    display: block;
    width: 10px;
    position: absolute;
    left: 1px;
    top: 6px;
    bottom: 4px;
    background-color: transparent;
	background-image: url(../images/blockquote.svg);
	background-size: 10px;
	background-repeat: repeat-y
}

.content blockquote p { line-height: 1.53 }
	

.content h3 { font-weight: 700; font-size: 2.6em; margin-top: 30px }

.content .caption {  
	font-size: 1.4em;
    color: #9e9e9e;
    font-style: italic;
    margin-top: 6px;
    position: relative
}

.despliegue .firma_periodista {
    font-weight: 600;
    background-image: url(../images/logo_busqueda.png);
    background-repeat: no-repeat;
    padding-left: 40px;
    background-size: 30px;
    margin-bottom: 1px;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 21px;
}


/* videos */
.iframe-videos {
    position: relative;
    height: 0;
    background-color: #000;
    padding-bottom: 56.25%;
    margin-top: 20px;
}


.iframe-videos iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 0!important;
}



.despliegue .main-img .caption{
    font-size:1.4em;
    color:#9e9e9e;
    font-style: italic;
    margin-top:12px; position: relative
}
.despliegue .main-img  {    position: relative }

.despliegue .related li:nth-child(n+10) { display: none }

.despliegue .summary .subtitle {
    font-weight: 700; font-size: 2em
}



.despliegue .content {   margin-top: 0 }

.despliegue .txtresumen { font-weight: 600; font-size: 2.2em; line-height: 1.2em  }


/* inicio media querys */

@media (max-width: 767px){

	.despliegue .noticia {  margin: 0px -30px 0 }
.despliegue .despliegue-info .share-btn {   margin: -10px 0 0 0 }
	
.despliegue.wrapper {
    padding-right: 25px !important;
    padding-left: 25px !important;
}

	.despliegue .main-img  .caption{
    width:100%;
    padding:7px 15px;
    position:absolute;
    left:0px;
    bottom:0;
    font-size:1.3em;
    color:rgba(255,255,255,0.7);
    margin-top:0;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
		background-color: rgba(0, 0, 0, 0.4)
		
}
	.despliegue .main-img  .caption::before {
  content: "";
  position: absolute;
  top: 0; 
  left: 0;
  width: 100%; 
  height: 100%;  
  opacity: .4; 
  z-index: -1;
  background: url(path/to/your/image);
}
	
}


@media only screen and (min-width: 768px) {

.despliegue .main-img .caption{
        font-size:1.6em;
    }
}



@media (min-width: 980px){

.intro-uc .holder {
min-height:335px;
}

.intro-uc .holder.c-img {
    padding: 0 20px;
}
	
.intro-uc .col-md-6 { width: 49% }
	
.img-uc {
    position: absolute;
    height: 335px;
    right: 50px;
	z-index: 99;
}

.intro-uc .holder .h1 { font-size:4.2em; padding-top:15px; line-height:1.1em}
	
	
	.despliegue .fecha { font-size:1.6em } 
	.despliegue .despliegue-info .item { font-size: 1.6em; margin-left: 12px} 
	.despliegue .despliegue-info .item:before {margin-right: 6px }
	.despliegue .despliegue-info .share-btn { margin-top: 10px }
	
	.fdorecomendar {padding-right: 10px }
	
.ads.ads-top {
    padding-top: 30px;
    padding-bottom: 0 }
	
	
}

.ads.ads-bottom {
    padding-bottom: 30px }
	
	


@media  (max-width: 767px){
	.despliegue .summary .holder { background-color: #007bc3; padding-bottom: 20px }
	.intro-uc .holder { padding: 0 0 20px 0; height: auto }
	.intro-uc .holder p { padding-bottom: 20px }
	.despliegue .despliegue-info .align {   padding-right: 9px }
	.content p, .content ul li, .content ol li { font-size: 1.7em; line-height: 1.5em;  margin-top: 15px; font-weight: 400}
	audio { width: -webkit-fill-available }

}

@media (min-width: 768px) {
	.h1 { font-size: 3.6em }
	.h5 { font-size: 2em }
	.share-btn:after { box-shadow: inset 0px 0px 0px 1px rgba(158, 207, 249, 0) }
    .share-btn:hover:after, .share-btn:focus:after{ box-shadow: inset 0px 0px 0px 1px #9ecff9 }
	.breadcrumb .share-btn { right: 10px }
	.breadcrumb .share-btn {
		right: 46px;
		margin-top: -19px }
	
	.content p, .content ul li, .content ol li {
    font-size: 1.9em;
    line-height: 1.5em; font-weight: 300}
	
	.despliegue .despliegue-info {  padding-bottom: 2px }
	.despliegue .summary .title { font-weight:700}
	.content blockquote {
    padding: 0 60px}
	
	.content blockquote:before {
    width:10px;
    left: 30px;
}
	
	
}

@media (min-width: 1200px) {
	.intro-uc .holder .h1 {  font-size: 5em }
	.h1 {  font-size: 3.6em }
	
.content h3 {  font-size: 2.8em; font-weight: 700}
	
	
}

@media (max-width: 980px){
	.intro-uc .wrapper { padding: 0 }
	.audio p { font-weight:600 }
	
	
}