@import url("bootstrap.min.css"); /*5.1.3*/
@import url("bootstrap-grid.min.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');
@import url("publicidad.css");
@import url('menulateral.css');
/*@import url("https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");*/
@import url("../fontawesome/css/fontawesome.css");
@import url("../fontawesome/css/brands.css");
@import url("../fontawesome/css/solid.css");
@import url("portada_top.css");


/* background-color: azul #681E77  naranja #6f42c1 */

:root {
    --sy-primario: #000;
    --sy-secundario: #b8714e;
    --sy-terciario: #7a8851;
    --sy-negro: #333;
    --sy-rojo: #ff0000;
    --sy-font-titulos: 'Roboto', arial, Consolas;
    --sy-font-subtitulos: 'Roboto', 'Roboto', arial, Consolas, "Liberation Mono", "Courier New", monospace;
    --sy-font-textos: 'Roboto', arial, Consolas, "Liberation Mono", "Courier New", monospace;
    --sy-font-blockq: Times, verdana ;
}


/** 5 columnas **/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
       position: relative;
       min-height: 1px;
       padding-right: 10px;
       padding-left: 10px;
}

.col-xs-15 {
       width: 20%;
       float: left;
}

@media (min-width: 768px) {
.col-sm-15 {
           width: 20%;
           float: left;
       }
}
@media (min-width: 992px) {
       .col-md-15 {
           width: 20%;
           float: left;
       }
}
@media (min-width: 1200px) {
       .col-lg-15 {
           width: 20%;
           float: left;
       }
}

body { /* fixed */
  min-height: 50rem; /* background-image: url(../images/14573_original.jpg); background-repeat:repeat-x; */
  padding-top: 0.0rem; font-family:  var(--sy-font-subtitulos); }
  /*a { color: #014DAD; text-decoration: none; }
  a:hover { text-decoration: none }
  */

.estilo-a{ text-decoration:none; color:#666 }

.hidden-1024 { display: inline-block; }
.show-640 { display:none;}
.tempe-640 {display:none;}
.hidden-768 { display:inline-block; }
.hidden-640 { display:inline-block; }


@media screen and (max-width: 1024px) {
.hidden-1024 { display:none; }
}

@media screen and (max-width: 768px) {
.hidden-768 { display:none; }
.top { min-height:90px;} /* tira top de temp-logo-social*/
}


@media screen and (max-width: 640px) {
.hidden-640 { display:none; }
.show-640 { display:block;}
.tempe-640 {display: block; float:left; margin-top:5px; width:70px; color: #09C; font-weight:bold; font-size:18px;}
}

@media screen and (max-width: 480px) {
.hidden-480 { display:none; }
}
 

/* 750 MODULOS CON TEXTOS ENCIMADOS */


.rojo, .rojo a { color: #cc0000;}
.azul, .azul a { color: #09c;}
.salmon, .salmon a { color: #f66;}
.verde, .verde a { color: #096;}
.gris, .gris a { color: #666;}
.negro, .negro a { color: #000;}
.blanco, .blanco a { color: #fff;}
.violeta, .violeta a { color: #66c;}
.naranja, .naranja a { color: #f30;}
.marron, .marron a { color: #960;}


/* topscroll*/
#myBtnSc {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #ccc; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtnSc:hover {
  background-color: #999; /* Add a dark-grey background on hover */
}
/* topscroll*/

/*
.row {  margin-bottom: 0rem; }

.row .row {
  margin-top: 1rem;
  margin-bottom: 0;
}*/



/* background-color: azul #004CA4  naranja #FF6633 */


/* VIDEOS TAPA */

  .videostapG .marcofoto{  padding:0px; background-color: #ccc; position: relative; border: 0px solid #000;  max-height:160px; overflow:hidden; margin-bottom:10px;}
  .videostapG .marcofoto img{ width: 100%;}
  .videostapG .marcotube{ padding:0px; background-color: #ccc; position: relative; border: 0px solid #000;  max-height:400px; overflow:hidden; margin-bottom:10px;}
  .videostapG .marcotube img{ width:100%; margin:-20px 50px -60px 0px;  }
  .videostapG h2 a{ display:inline-block; width: 100%; font-size: 22px; color: #fff; margin:0px 0px 20px; font-family: 'Roboto', arial; letter-spacing:0px; text-decoration:none  }
  .videostapG .logovideo { position:absolute; font-size:60px; margin:80px 200px 0px; z-index:1000; font-weight:700; color:#fff; opacity:0.9 }


 .videostapaCh .marcofoto{ padding:0px; background-color: #ccc; position: relative; border: 0px solid #000;  max-height:160px; overflow:hidden; margin-bottom:10px;}
 .videostapaCh .marcofoto img{ width: 100%;}
 .videostapaCh .marcotube{ padding:1px; background-color: #000; position: relative; border:0px solid #cc0000; MARGIN-bottom: 10px; MARGIN-top: 0px; max-height:200px; overflow:hidden;} 
 .videostapaCh .marcotube img{ width:100%; margin:-30px 50px -40px 0px;}
 .videostapaCh h2 a{ display: block; width: 100%; font-size: 18px; margin: 0px 0px 50px; color:#fff; font-family: 'Roboto', arial; font-weight:400;  text-decoration:none }
 .videostapaCh .logovideo { position:absolute; font-size:40px; margin:55px 150px 0px; z-index:1000; font-weight:700; color:#fff; opacity:0.8 }
  
.contiene_una_col .lineaFondo { display: block; width: 100%; max-width:1300px; background-color: var(--sy-secundario); height: 1px; position: absolute; }
.contiene_una_col .titulosesgado { width:auto; max-width: 200px; max-height: 30px; margin: -10px auto 15px; transform: skewX(-15deg); 
      background-color:var(--sy-secundario); position: relative; }
.contiene_una_col .titulo { font-size: 20px; text-align:center; color: #FFF; font-weight: 700; transform: skewX(10deg); padding-left: 0px; text-transform: uppercase;}





.video-container  {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden; margin-bottom: 20px;
}

.video-container iframe, .video-container video, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}



.logo-mob { text-align:center;  padding-top:0px; background-color:transparent; }
.logo-mob img{ width:140px; max-width:180px;}
.top-mob { height:auto; margin-top:0px; padding-top:15px; padding-bottom:15px; border-bottom:1px #ccc solid; background-color:#fff; z-index:10000}



.space10 { width: 100%; height:10px;}  
.space15 { width: 100%; height:15px;}  
.space20 { width: 100%; height:20px;}  
.space30 { width: 100%; height:30px;}  
.space40 { width: 100%; height:40px;}  
.space60 { width: 100%; height:60px;}  


.urgente { background-color:#cc0000; color:#FFF; padding:4px; margin-top:0px;  margin-bottom: 0px; width:100%; 
	    font-weight:bold; line-height:120%; font-size:22px; text-align: center; font-family:'Roboto', arial  }
.urgente a{	font-family:'Roboto', Arial; font-weight:bold; text-align: center; line-height:120%; font-size:22px; color:#FFFFFF; text-decoration: none }		
.urgente span { color: #FFF; background-color: #FF0000;}


/**con bajada**/
.urgente3 { display: block; background-color:#fff;  padding:5px; margin-top:20px;  margin-bottom: 5px; width:100%; border: 1px dotted #ccc; 
	    line-height:120%; font-size:20px; text-align: center;  }
.urgente3 .volanta { color: #000; font-size: 16px; margin: 7px auto 2px; font-weight: 700; font-size: 'Roboto';}
.urgente3 .titulo, .urgente3 .titulo a{ font-family:'Roboto', Arial; font-weight:700; text-align: center; line-height:120%; 
						font-size:40px; color:#cc0000; text-decoration:none; }		
.urgente3 .bajada { color: #666; font-size: 16px; margin: 7px auto 7px;}

@media screen and (max-width: 1024px) {
.urgente a, .urgente3 .titulo, .urgente3 .titulo a { font-size: 24px; }
}



/* PORTADA */

/* degree */
.destaque_d { display: block; width: 100%;  }
.destaque_d H1 a{ color:#000; font-size: 30px; letter-spacing:0px; font-family:var(--sy-font-titulos); font-weight: 600} 
.destaque_d .marcofoto{ max-height:460px;} .destaque_d img{  width: 100%}
.destaque_d .seccion{ font-size: 16px; font-weight: 700;line-height: 24px; text-transform: uppercase; display:block; top:10px; background-color: transparent; position:absolute; left:25px; padding:1px 5px; color:#FFF; font-family: var(--sy-font-titulos); text-shadow: 1px 1px 1px #000;  } 

.destaque_d .portatitu{ display: inline-block;  margin-left:15px; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,.8) 50%); position:absolute; bottom:10px; left:0px; width:97.2%; padding:10px;  } 
.destaque_d .portatitu .volanta{ font-size: 18px; font-weight: 700; line-height: 14px; text-transform: uppercase; display:block; color:#000; 
	font-family: var(--sy-font-titulos); text-shadow: 1px 1px 6px #fff;  } 

@media screen and (max-width: 768px) {
.destaque_d { clear: both; max-width: 96%; margin: auto;  }
.destaque_d H1 a{ color:#000; font-size: 24px; letter-spacing:0px; font-family:var(--sy-font-titulos); font-weight: 500} 
}
/* .degree */



/* tapa 2-3 (tapa1)  */ 
.destaque  H1 a, .destaque  H2 a{ /* titulo t1 y t2*/
	LINE-HEIGHT: 120%; DISPLAY: block; COLOR:#333; FONT-SIZE: 32px; FONT-WEIGHT: 700;  text-decoration:none; font-family: var(--sy-font-titulos),Arial; letter-spacing:-1px;
	height:auto; margin-bottom:10px; }
.destaque  H1 a:hover, .destaque  H2 a:hover {	COLOR: #09C; } 
.destaque .marcofoto {  width: 100%; overflow:hidden; height: auto; max-height:365px; margin-bottom:10px;}



/* SUPERDESTAQUE degree*/
.sdestaque { display: block; width: 100%; margin: 0px auto 0px; position: relative;  }
.sdestaque h2 a{ color:#666; font-size: 30px; letter-spacing:-1px; font-family:var(--sy-font-titulos); font-weight: 600} 
.sdestaque .marcofoto{ max-height:650px; overflow: hidden;} .sdestaque img{  width: 100%}

.sdestaque .seccion{ font-size: 14px; font-weight: 700; line-height: 14px; text-transform: uppercase; display:block; top:10px; background-color: #333; position:absolute; left:15px; padding:4px 10px; color:#FFF; font-family: var(--sy-font-titulos);  } 
.sdestaque .portatitu{ display: inline-block;  margin-left:12px; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,.8) 50%); position:absolute; bottom:10px; left:0px; width:98%; padding:20px;  } 
.sdestaque .portatitu .volanta{ font-size: 14px; font-weight: 700;line-height: 24px; text-transform: uppercase; display:block; color:#FFF; font-family: var(--sy-font-titulos);  } 

@media screen and (max-width: 640px) {
.sdestaque { clear: both; max-width: 98%; margin: auto;  }
.sdestaque .portatitu{ display: inline-block; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,.8) 50%); position:absolute; bottom:10px; left:0px; width:94%; padding:10px;  } 
.sdestaque a{ color:#FFF; font-size: 18px; letter-spacing:0px; font-family:var(--sy-font-titulos); font-weight: 500} 
.sdestaque  .portatitu .volanta{ font-size: 12px};
}



/* SUPERDESTAQUE SIN degree*/
.sdestaques { display: block; width: 100%;  }
.sdestaques H1 a{ color:#000; font-size: 30px; letter-spacing:-1px; font-family:var(--sy-font-titulos); font-weight: 600; line-height: 20px;} 
.sdestaques .marcofoto{ max-height:360px;} .sdestaques img{  width: 110%}
.sdestaques .seccion{ font-size: 14px; font-weight: 700;line-height: 24px; text-transform: uppercase; display:block; top:10px; background-color: #000; position:absolute; left:25px; padding:1px 5px; color:#FFF; font-family: var(--sy-font-titulos);  } 
.sdestaques .tapa-volanta{ font-size: 14px; font-weight: 700;line-height: 24px; text-transform: uppercase; display:block; color:#014DAD; font-family: var(--sy-font-titulos);  } 

@media screen and (max-width: 768px) {
.sdestaques { clear: both; max-width: 95%;} .sdestaques .marcofoto{ max-height:200px;}
.sdestaques H1 a{ color:#000; font-size: 24px; letter-spacing:-1px; font-family:var(--sy-font-titulos); font-weight: 500} 
}


/* not-medio 2 y 3 en tapa 1 / not-medio-3 y 4 en tapa2*/
/* 3 (4 col) -   4 (3 col) */

.not-medio-2, .not-medio-3, .not-medio-4 { display: block; }
.not-medio-2   H3 a{ 
	LINE-HEIGHT: 110%; DISPLAY: block; color:var(--sy-primario); FONT-SIZE: 42px; FONT-WEIGHT: 400;  
    text-decoration:none; font-family: var(--sy-font-titulos),Arial; letter-spacing:-1px;	height:auto; }
.not-medio-3   H3 a{ 
	LINE-HEIGHT: 120%; DISPLAY: block; COLOR:var(--sy-primario); FONT-SIZE: 18px; FONT-WEIGHT: 400;  text-decoration:none; font-family: var(--sy-font-titulos), Arial; letter-spacing:0px;	height:auto; }
.not-medio-4   H3 a{ 
	LINE-HEIGHT: 130%; DISPLAY: block; COLOR:var(--sy-primario); FONT-SIZE: 22px; FONT-WEIGHT: 600;  text-decoration:none; font-family: var(--sy-font-titulos),Arial; letter-spacing:-1px;	height:auto; }
.not-medio-3 .seccion, .not-medio-4 .seccion{ font-size: 14px; color: var(--sy-secundario); font-family: var(--sy-font-subtitulos); font-weight: 600;}

.not-medio-2 .fa, .not-medio-3 .fa, .not-medio-4 .fa { font-size:16px; opacity:0.6; margin-left:0px }

.not-medio-2 H3 span { FONT-SIZE: 18px; COLOR:#000; font-weight:600 }
.not-medio-3 H3 span { FONT-SIZE: 18px; COLOR:#000; font-weight:600 }
.not-medio-4 H3 span { FONT-SIZE: 22px; COLOR:#000; font-weight:600 }

.not-medio-2 h6, .not-medio-3 h6, .not-medio-4 h6{ font-size:12px; font-weight:400  }
.not-medio-2 h6 span, .not-medio-3 h6 span, .not-medio-4 h6 span{ font-size:12px; font-weight:700;  }

.not-medio-2 .marcofoto{ max-height: 350px; overflow: hidden; }
.not-medio-3 .marcofoto{ max-height: 200px; overflow: hidden; }
.not-medio-4 .marcofoto{ max-height: 240px; overflow: hidden; }

.not-medio-2 .marcofoto img, .not-medio-3  .marcofoto img, .not-medio-4 .marcofoto img{ width: 120%; }
.not-medio-2  H3 a:hover, .not-medio-3  H3 a:hover, .not-medio-4  H3 a:hover { COLOR: #666; } 
.not-medio-2  .volanta, .not-medio-3  .volanta, .not-medio-4  .volanta{ COLOR: var(--sy-secundario); font-family: var(--sy-font-subtitulos); font-size: 14px; font-weight: 600;} 


@media screen and (max-width: 640px) {
  .not-medio-2 .marcofoto, .not-medio-3 .marcofoto, .not-medio-4 .marcofoto{ max-height:210px; overflow: hidden; }
  .not-medio-2 .marcofoto img, .not-medio-3  .marcofoto img, .not-medio-4 .marcofoto img{ width: 125%; }

}

/* .tapa 2-3 */ 


/*.PORTADA */


/* background-color: azul #004CA4  naranja #FF6633 */


/* noticias y fotos */



.marcofoto {
  width: 100%; overflow:hidden;
  height: auto; max-height:196px; margin-bottom:10px;}
 
.not3 .marcofoto {overflow:hidden; float:left; width:100%;  height: auto; max-height:180px; margin-bottom:15px;}

.not3  {  max-height:350px; margin-left:10px; BORDER-BOTTOM: #eaeaea 0px solid; float:left; display:block; PADDING-BOTTOM: 8px; MARGIN-BOTTOM: 10px; 
				  margin-top: 15px; overflow:hidden; text-align:left; }
	
.not3y2-medio .marcotube, .not3 .marcotube  { padding:0px; float:left; position: relative; border: 0px solid #cccccc; margin-right:8px; MARGIN-bottom: 5px; MARGIN-top: 0px; width:100%;  max-height:200px; max-width:450px; overflow:hidden;}
.not3y2-medio .marcotube img, .not3 .marcotube img{ width:100%; margin:-36px -15px -40px -0px; }
.destaque .marcotube { padding:0px; float:left; position: relative; border: 0px solid #cccccc; margin-right:8px; MARGIN-bottom: 5px; MARGIN-top: 0px; width:100%;  max-height:400px; max-width:850px; overflow:hidden;}
.destaque .marcotube img{ width:100%; margin:-76px -15px -40px -0px; }


/* ---- Tab ult not---- */ 
.menut {background-color:#333; color:#ccc;  border-bottom:0px solid #d7d7d7; height:26px; font-family:'Roboto', Arial, Helvetica, sans-serif;}
.menut ul {margin:0px; padding:0px; list-style:none; text-align:left;  }
.menut li {display:inline; line-height:23px;   }
.menut li a {color:#ccc; text-decoration:none; padding:5px; margin:4px;  border-left:0px solid #ececec; border-right:0px solid #ececec;  border-top:0px solid #d7d7d7; font-size:16px;}
.menut li a.tabactive { background-color:#ccc;  font-weight:bold;  color:#000000; }
/* # Tab ult not---- */ 



/************** AMPLIA NOTICIA y Lector  *************/

.marco_titulo { padding: 0px 0px; margin:20px auto 0px; max-width:1300px; 
				border:0px dotted #ccc; background-color:#fff; text-align:left; border-bottom:0px #e6e6e6 solid; }

/*seccion*/
.marco_titulo H6{ width:100%; display:block; margin-left:3px; margin-top:0px; margin-bottom:15px; font-size:16px; color: #999; font-family:var(--sy-font-titulos), Arial; font-weight: 300; line-height:120%; border-bottom:1px #e6e6e6 solid; padding-bottom:12px } 
.marco_titulo  H6 span{ color:#999;  }

/*volanta*//* viole #681E77   -  #6f42c1 */
    
.marco_titulo H5{ width:100%; display:block; margin-left:3px; margin-top:10px; margin-bottom:5px; font-size:18px; color: var(--sy-secundario); font-family:'Roboto', Arial; line-height:120% } 
/*titulon*/								  
.marco_titulo H1{ width:100%; display:block; margin-left:3px; margin-bottom:5px; border:#fff 0px solid; font-size:44px; 
					color: #000; font-family: var(--sy-font-titulos), Arial; line-height:120%; letter-spacing:-1px; font-weight:700; } 

/*copete*/
.marco_titulo H2{ width:100%; display:block; margin-left:3px; margin-bottom:20px; border:#000000 0px solid; 
	 font-size:20px; color:#333; font-family: var(--sy-font-subtitulos); font-weight: 400; line-height:120%; } 
.marco_titulo .tex_bco{ color:#FFF;}


.marco_titulo .fechahora { font-size:16px; width:100%; height:24px; font-family:var(--sy-font-subtitulos); display:block; }
.marco_titulo .fechahora b{ background-color:#fff; font-weight:700; color: #F60; padding: 0px 4px 2px 4px; text-transform:uppercase  }
.marco_titulo .fechahoraresp { display:none;}

.marco_titulo .columnistas { text-align: center; margin:15px 0px; padding-bottom: 0px; text-align: left; }
.marco_titulo .columnistas{ display: block; font-family: var(--sy-font-titulos); color: #000; font-size: 16px; line-height: 100%; font-weight:400px;  }	
.marco_titulo .columnistas span{ color:#000; font-size:16px }
.marco_titulo .columnistas .opinador { font-size: 14px; display: block; margin: 0px 0px 10px; color: #014DAD; font-weight: 600;  }
.marco_titulo .columnistas .fotofirma { width:50px; max-height: 50px; overflow: hidden; border-radius: 50%; } 

@media screen and (max-width: 600px) {
.marco_titulo H1 {font-size: 28px}
.marco_titulo { padding: 0px 10px}
}


.marco_nota_cuadro { width:97% }
.marco_nota{  font-size:18px; font-weight:300; color:#282828; font-family: var(--sy-font-titulos); line-height:150%;} 
.marco_nota .fechacuerpo { font-size:15px; width:100%; color: #333;font-family:var(--sy-font-titulos); font-weight:700  }
.marco_nota h3, .marco_nota h4, .marco_nota h5 { font-weight: 600; color: #000; }
.marco_nota blockquote{ font-family: var(--sy-font-blockq),serif; color:var(--sy-negro); font-style: italic; 
                        font-size:20px; padding:5px 10px 5px 10px; border-left: 4px  #999 solid; 
                        margin:15px 60px 20px 10px;}

.marco_nota .recuadro{ font-family: var(--sy-font-subtitulos); color:#333; font-style: italic; font-size:18px; padding:10px;
border:1px #ccc solid; margin:15px auto 0px; background-color: #f4f4f4; width: 100%; font-weight: bold}

.marco_nota .img-capt { color:#999; font-size: 16px; }

.marco_nota a{ color: #09C; font-size:18px;}

.marco_nota .contfoto{ display: block; max-height:640px; width:100%; overflow: hidden; }
.marco_nota .contfoto img{ width:100% }
.marco_nota .contfoto .epigrafe{ font-size:14px; display: block; background-color: #000; padding: 6px 10px; width:100%; color: #fff; margin: 0px auto 10px; height:auto;}



/* rel  entre notas */ /* background-color: azul #004CA4  naranja #FF6633 */

.rel-inter { width: 100%; display:inline-block; border:0px solid #ccc; margin:10px 10px 10px; max-width:97%; background-color:#f4f4f4 }
.rel-inter a { color: #666; font-family: 'Roboto', arial; font-size: 16px; font-weight: 500; letter-spacing:0px; text-decoration: none}
.rel-inter a:hover{ color: #333;}
.rel-inter span { display: block; font-family: 'Roboto'; color: #FF6633; font-size: 14px; font-weight: 400; margin-bottom:0px }
.rel-inter .marcor { width: 120px; max-height: 80px; float:left; margin-right: 10px; margin-bottom: 0px; overflow: hidden; }
.rel-inter .marcor img{ width: 100%; }

@media screen and (max-width: 600px) {
.rel-inter .marcor { display: none; }
}

.badge-tags { display: block; float: left;  background-color: #ddd; padding: 0px 8px 3px 8px; margin-right:8px; margin-bottom: 10px; border-radius: 6px}
.badge-tags a{ color: #004CA4; font-weight: 500; text-transform: uppercase; font-size: 14px; text-decoration:none  } 
.badge-tags a:hover{  color: #000  }
.tagsi a{ color:#cc0000 important! }

/*** relacionadas pie nota **/

.rela { width: 100%; display:inline-block; border:0px solid #ccc; background-color:#fff; padding: 0px; margin:10px 0px 15px; }
.rela a { color: #666; font-family: 'Roboto', arial; font-size: 17px; font-weight: 700; text-decoration:none }
.rela a:hover{ color: #333;}
.rela span { display: block;  color: #666; font-size: 13px; font-weight: 400; margin: 5px auto 5px }
.rela .marcor { width: 140px; max-height: 80px; float: left; margin-right: 10px; margin-bottom: 0px; overflow: hidden; }
.rela .marcor img{ width: 110%; }


.buttons_sociales {
  min-width: 140px; margin: 0px 0px 0px 60px;
  display: flex;

}

.buttons_sociales a {
  text-decoration: none; margin-right: 12px;
  font-size: 18px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background: #ddd;
  color: #fff;
  border-radius: 50%;
  transition: all .4s ease-in-out;
}

.buttons_sociales a:hover {
	  background: #666; color: #fff;
  /*transform: scale(1.2);*/
}


.buttons_sociales .fa-facebook-f { background-color: #3b5998;} 
.buttons_sociales .fa-twitter, .buttons_sociales .fa-x-twitter { background-color: #00acee;} 
.buttons_sociales .fa-whatsapp { background-color: #0C6;} 
.buttons_sociales .fa-linkedin-in { background-color: #0e76a8;} 
.buttons_sociales .fa-print { background-color: #999;} 
.buttons_sociales .fa-paper-plane { background-color: #0088CC;} 



.tira_sociales .fa fa-twitter { background-color: #00acee; } 
.tira_sociales .btn-twitter a:hover { background-color: #08c }
.tira_sociales .btn-whatsapp a { background-color: #0C6; color: #fff } 
.tira_sociales .btn-whatsapp a:hover {background-color: #0b6;}
.tira_sociales .btn-impre a{ background-color:#999; color: #fff;  } 
.tira_sociales .btn-impre a:hover { background-color: #666; }
.tira_sociales .btn-linkedin a { background-color: #0e76a8; color: #fff } 
.tira_sociales .btn-linkedin a:hover { background-color: #003366  }


/*****************/
.marco_titulo_lector { padding-top: 5px; margin-top: 5px; margin-left: 0px; margin-bottom:0px; max-width:900px; 
					border:0px dotted #ccc; background-color:#fff; text-align:left; border-bottom:1px  #f4f4f4 solid;  }

.marco_titulo_lector .fechahora { font-size:14px; width:100%; height:24px; display:block; float:left; text-align:left; margin-top:0px; background-color:#fff; }
.marco_titulo_lector .fechahora b{ background-color:#09C; font-weight:normal; color:#FFF; padding: 2px 4px 2px 4px;  }
.marco_titulo_lector .fechahoraresp { display:none;}
.marco_titulo_lector .volantanota{ width:98%; display:block; margin-left:3px; margin-top:5px; margin-bottom:5px; border:#000000 0px solid; font-size:14px; color: #003366; font-family: Arial; 
							line-height:120% } 
.marco_titulo_lector .titulonota{ width:98%; display:block; margin-left:3px; margin-bottom:5px; border:#fff 0px solid; font-size:38px; color: #333; font-family: 'Roboto', Arial; 
						   line-height:120%; letter-spacing:-1px; font-weight:600; } 
.marco_titulo_lector .copetenota{ width:98%; display:block; margin-left:3px; margin-bottom:10px; border:#000000 0px solid; font-size:16px; color:#000; font-family: Arial; line-height:150%; } 
.marco_titulo_lector .tex_blanco{ color:#FFFFFF;}

.cont_ampli .titulonota_lec { width:98%; display:block; margin-bottom:15px; font-family:'Lato',Arial; font-size:34px; line-height:110%; font-weight:700; letter-spacing:-1px;}
.cont_ampli .copetenota_lec{ font-size:16px;}

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


}

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

	.marco_titulo .titulonota{ width:98%; display:block; margin-left:3px; margin-bottom:5px; border:#fff 0px solid; font-size:26px; color: #333; font-family: var(--sy-font-titulos), Arial; }

	.marco_titulo .copetenota{ font-size:17px; color:#333; font-family: var(--sy-font-titulos),Arial; line-height:160%; } 

	.marco_titulo_lector .titulonota{ width:98%; display:block; margin-left:3px; margin-bottom:5px; border:#fff 0px solid; font-size:26px; color: #333; font-family: 'Roboto', Arial; }

  .marco_nota .fechacuerpo { font-size:15px; width:100%; height:24px; font-family:var(--sy-font-titulos), Arial; display:block; }


	.marco_titulo_lector .fechahora { display:none;}
	.marco_titulo .fechahora { display:none;}

	.displ_secc { display:block; margin-top:-20px; margin-bottom:10px; font-family: 'Roboto Condensed', Arial; letter-spacing:-1px;  color:#cc0000; font-size:28px; text-align:center;  border: 0px solid #cccccc;}
	.btn-whatsapp { display:block;  }

	.marco_titulo .fechahora { display:none;}
	.marco_titulo .fechahoraresp { display:block; width:100%; border:0px solid #000; float:left; margin-bottom:5px;}
	.marco_titulo .fechahoraresp b{ background-color:#fff; font-weight:600; color:#F60; text-transform:uppercase; }
   
	.marco_titulo_lector .fechahoraresp { display:block; width:100%; border:0px solid #000; float:left; margin-bottom:10px;}
	.marco_titulo_lector .fechahoraresp b{ background-color:#09C; font-weight:normal; color:#FFF; padding: 2px 4px 2px 4px; }

}



/**************************************************/

.footer1 {
  background-color: #f4f4f4;
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;/*	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #003;*/
	font-family: var(--sy-font-subtitulos), sans-serif;

}



.title-widget {
	color: #000;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	position: relative;
	text-transform: uppercase;
	font-family: var(--sy-font-subtitulos), sans-serif;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 25px;
	margin-left: 0;
	padding-left: 10px;
}

.title-widget::before {
    background-color: #ccc;
    content: "";
    height: 22px;
    left: 0px;
    position: absolute;
    top: -2px;
    width: 2px;
}



.widget_nav_menu ul {
    list-style: outside none none;
    padding-left: 0;
}

.widget_archive ul li {
    background-color: rgba(0, 0, 0, 0.3);
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 3px;
}

/*azul : #014DAD - celeste #5CE1E6 */

.widget_nav_menu ul li {
    font-size: 15px;
    font-weight: normal;
    line-height: 10px;
	  position: relative;
    /*text-transform: uppercase;*/
	  border-bottom: 0px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 7px;
    padding-bottom: 7px;
	  width:95%;
}

.widget_nav_menu ul li a{ 
		color:#666;
    margin-bottom: 7px;
    padding-bottom: 7px;
		width:95%; text-decoration: none;
}


.title-median {
    color: #000;
    font-size: 20px;
    line-height: 10px;
    margin: 0 0 15px;
    /*text-transform: uppercase;*/		
  	font-family: 'Roboto', sans-serif;
}

.footerp p {font-family: 'Roboto', sans-serif; font-size: 14px; color:#333; line-height:15px; }
.footerp p a {   color: #333; text-decoration:none }

			#social:hover {
			-webkit-transform:scale(0.8); 
			-moz-transform:scale(0.8); 
			-o-transform:scale(0.8); 
			}

			#social {
				color: #888;
				-webkit-transform:scale(0.6);
                /* Browser Variations: */
				-moz-transform:scale(0.6);
				-o-transform:scale(0.6); 
				-webkit-transition-duration: 0.5s; 
				-moz-transition-duration: 0.5s;
				-o-transition-duration: 0.5s; 
			}           
/* 
    Only Needed in Multi-Coloured Variation 
                                               */
			.social-fb:hover {
				color: #3B5998;
			}
			.social-tw:hover {
				color: #4099FF;
			}
			.social-gp:hover {
				color: #d34836;
			}
			.social-em:hover {
				color: #f39c12;
			}
			.nomargin { margin:0px; padding:0px;}

.footer-bottom {
    background-color: #eee;
    min-height: 30px; border-top:2px #FFF solid;
    width: 100%;
}
.copyright, .copyright a {
    color: #000;font-family:'Roboto', Arial; font-size:15px;
    line-height: 30px; text-decoration: none;
    min-height: 30px; text-shadow: 1px 1px 1px #fff;
    padding: 7px 0;
}

.copyright a:hover{
    color: #014DAD!important; text-decoration:underline;
}

.design {
    color: #333; font-family:'Roboto', Arial; font-size:15px; 
    line-height: 30px; text-shadow: 1px 1px 1px #fff;
    min-height: 30px;
    padding: 7px 0;
    text-align: right;
}
.design a {
    color: #333; text-decoration:none;
}
.design a:hover, .copyright a:hover {
    color: #014DAD; 
}


/**************************** FIN Footer ********


/**************************** FIN Footer ********


SERVICIOS ************************/

.secc-title-servicios{ text-align:center;color:#000;font-size:28px; padding-bottom:10px;position:relative; text-transform:uppercase;}
.secc-title-servicios:after{content:''; width:144px;height:4px;background: #52D0DF;position:absolute;left:50%;-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%); -ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);
-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden; backface-visibility:hidden;bottom:-4px}

.contiene_horos { width:98%; border: #EBEBEB 2px solid; float:left; margin-top:15px; padding:20px;}
.contiene_horos .titulo{ color:#006699; font-size:16px; display:block; margin-bottom:5px; border:#ccc 1px solid; margin-left:5px; float:left;}
.contiene_horos .textos{ color:#666; font-size:14px; text-align:left;}
.contiene_horos .imag{ margin-right:5px; float:left; border:#ccc 0px solid;}

.secc-title-funebres{ text-align:center;color:#000;font-size:28px; padding-bottom:10px;position:relative; text-transform:uppercase;}
.secc-title-funebres:after{content:''; width:144px;height:4px;background: #990;position:absolute;left:50%;-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%); -ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);
-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden; backface-visibility:hidden;bottom:-4px}
.contiene_funebre { width:98%; border: #EBEBEB 2px dotted; float:left; margin-top:25px; padding:10px; font-family: var(--sy-font-titulos),arial;}
.contiene_funebre .titulo{ color:#333; font-size:17px; display:block; margin-bottom:5px; border:#ccc 0px solid; margin-left:5px; float:left;}
.contiene_funebre .textos{ clear:both; color:#666; font-size:15px; display:block; text-align:left; line-height: 120%;}
.contiene_funebre .imag{ margin-right:5px; float:left; border:#ccc 0px solid;}

.secc-title-farm{ text-align:center;color:#000;font-size:28px; padding-bottom:10px;position:relative; text-transform:uppercase;}
.secc-title-farm:after{content:''; width:144px;height:4px;background: #008E80;position:absolute;left:50%;-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%); -ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);
-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden; backface-visibility:hidden;bottom:-4px}
.cuad_farma_serv { width:98%; border: #EBEBEB 2px dotted; background-color: #f4f4f4; margin-top:10px; padding:10px;}
.cuad_farma_serv .textos{ color:#666; font-size:16px;}
.cuad_farma_serv .textos b{ color:#008E80; font-size:16px; }



/******************* SECCIONES Y SUB ************************************/


/******************************************************/

.fluid-titulo-secc { background-color:#f4f4f4; margin-bottom:10px; padding: 6px; min-height: 30px;}
.fluid-titulo-subsecc { background-color:#eee; margin-bottom:10px; padding: 6px; min-height: 30px;}


.secc_titulo { font-family: 'Roboto', arial; min-height: 30px; font-size: 24px; color: #000; padding-top: 0%; text-transform: uppercase;}

.sub_secc_titulo { font-family: var(--sy-font-titulos), arial; min-height: 30px; font-size: 18px; color: #999; padding-top: 0%; text-transform: uppercase;}
.sub_secc_titulo small{ font-size: 20px; color: #014DAD; text-transform: uppercase;}


.secc_cabecera { clear:both; margin-bottom: 30px;}
.secc_cabecera { display: block;  }
.secc_cabecera H2 a{ color:#FFF; font-size: 34px; letter-spacing:-1px; font-family:var(--sy-font-titulos); font-weight: 600; text-decoration: none;} 
.secc_cabecera .marcofoto{ max-height:480px; max-width:100%; overflow: hidden; position: relative;} .secc_cabecera img{  width: 100%}
.secc_cabecera .portatitu{ display: inline-block; margin-left:0px; background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.9) 50%); position:absolute; bottom:0px; left:0px; width:100%; padding:18px;  } 
.secc_cabecera .portatitu .volanta{ font-size: 16px; font-weight: 500;line-height: 24px; text-transform: uppercase; display:block; color:#FFF; font-family: var(--sy-font-titulos);  } 
.secc_cabecera .portatitu .copete{ font-size: 15px; font-weight: 400;line-height: 22px; display:block; color:#FFF; font-family: 'Roboto';  } 


@media screen and (max-width: 768px) {
.secc_cabecera { clear: both; max-width: 98%; margin: auto auto 20px;  }
.secc_cabecera H2 a{ color:#FFF; font-size: 18px; letter-spacing:0px; font-family:var(--sy-font-titulos); font-weight: 500} 
.secc_cabecera .portatitu{   bottom:0px; left:0px; width:99%; padding:10px;  }
.secc_cabecera .portatitu .volanta{ font-size: 12px; font-weight: 500;line-height: 24px; text-transform: uppercase; display:block; color:#FFF; font-family: var(--sy-font-titulos);  } 
.secc_cabecera img{  width: 110%}
}

/* background-color: azul #004CA4  naranja #FF6633 */


.secc_cabeceraB{ clear:both;}
.secc_cabeceraB .volanta{ font-size: 14px; font-weight: 500;line-height: 140%; text-transform: uppercase; display:block; color:var(--sy-secundario);
 font-family: var(--sy-font-subtitulos); margin:10px auto 10px  } 
.secc_cabeceraB .copete{ font-size:14px; font-family:var(--sy-font-subtitulos); }
.secc_cabeceraB .marcofoto {overflow:hidden; float:left; width:100%;height: auto; max-height:240px; margin-bottom:15px;}
.secc_cabeceraB img{ width:100%}
.secc_cabeceraB h3 a{ LINE-HEIGHT: 140%; DISPLAY: block; COLOR:#000; FONT-SIZE: 20px; FONT-WEIGHT: 700; text-decoration:none; font-family: var(--sy-font-titulos); letter-spacing:-1px;	height:auto; }
.secc_cabeceraB h3 a:hover { color: #666; }


.secc_cabeceraC{ clear:both; margin-bottom: 30px}
.secc_cabeceraC .volanta { display: inline-block; font-size:14px; 
    font-family: var(--sy-font-subtitulos); color:var(--sy-secundario); border-left: 0px solid #FF6633; padding-left: 5px}
.secc_cabeceraC .copete{ font-size:16px; font-family:var(--sy-font-subtitulos); }
.secc_cabeceraC .marcofoto {overflow:hidden; float:left; width:100%;height: auto; max-height:180px; margin-bottom:5px;}
.secc_cabeceraC img{ width:100%}
.secc_cabeceraC h3 a{ LINE-HEIGHT: 140%; DISPLAY: block; COLOR:#000; FONT-SIZE: 15px; FONT-WEIGHT: 700; text-decoration:none; font-family: var(--sy-font-titulos); letter-spacing:0px;	height:auto; }
.secc_cabeceraC h3 a:hover { color: #666; }


.secc_cabeceraD{ clear:both; margin-bottom: 30px}
.secc_cabeceraD .volanta { display: inline-block; font-size:14px; 
    font-family: var(--sy-font-subtitulos); color:var(--sy-secundario); border-left: 0px solid #FF6633; padding-left: 5px}
.secc_cabeceraD .copete{ font-size:16px; font-family:var(--sy-font-subtitulos); }
.secc_cabeceraD .marcofoto {overflow:hidden; float:left; width:100%;height: auto; max-height:180px; margin-bottom:5px;}
.secc_cabeceraD img{ width:100%}
.secc_cabeceraD h3 a{ LINE-HEIGHT: 120%; DISPLAY: block; COLOR:#000; FONT-SIZE: 20px; FONT-WEIGHT: 500; text-decoration:none; font-family: var(--sy-font-titulos); letter-spacing:0px;  height:auto; }
.secc_cabeceraD h3 a:hover { color: #666; }
.secc_cabeceraD .bajada { color: #666; font-size:14px }
.secc_cabeceraD .firma{ margin: 10px 0px 10px; color:#000; font-size: 12px; font-weight:400 }
.secc_cabeceraD .firma span{ color:#000; font-size: 12px; font-weight:700 }




.secc_list_notas{ clear:both; margin-bottom: 5px}
.secc_list_notas .copete{ font-size:16px; font-family:var(--sy-font-textos); }
.secc_list_notas .marcofoto {overflow:hidden; float:left; width:100%;height: auto; max-height:180px; margin-bottom:5px;}
.secc_list_notas img{ width:100%}

.secc_list_notas .volanta { display: inline-block; margin: 4px 0px 5px; font-size:14px; font-family: var(--sy-font-subtitulos); color:#666; border-left:0px solid #FF6633; padding-left:0px }
.secc_list_notas h3 a{ LINE-HEIGHT: 140%; DISPLAY: block; COLOR:#000; FONT-SIZE: 17px; FONT-WEIGHT: 500; text-decoration:none; font-family: var(--sy-font-titulos); letter-spacing:0px;	height:auto; }
.secc_list_notas h3 a:hover { color: #666; }
.secc_list_notas .firma{ margin: 10px 0px 10px; color:#000; font-size: 12px; font-weight:400 }
.secc_list_notas .firma span{ color:#000; font-size: 12px; font-weight:700 }


.breadcrum {  }
.secciones {width:96%; border:#ccc 0px solid; min-height:1px; float:left; margin-left:15px; margin-bottom:25px; padding:0px; }
.noticia_sec { clear:both;
	BORDER-BOTTOM: #eaeaea 0px solid; 
	PADDING-BOTTOM: 8px; MARGIN-BOTTOM: 20px; MARGIN-TOP: 5px; overflow:hidden; text-align:left; }
.noticia_sec .tapa-volanta .secc { display:inline-block  ;
	padding: 3px 7px 3px 7px; COLOR: #fff; background-color:#09C; font-size:12px; font-family: var(--sy-font-subtitulos); letter-spacing:0px; line-height:120%; }
.noticia_sec .tapa-volanta SPAN {
	padding-left:8px; COLOR: #06C; font-size:14px; font-family: var(--sy-font-subtitulos);	letter-spacing:0px; line-height:120%; }
.noticia_sec .volanta {
	LINE-HEIGHT: 120%; DISPLAY: block; MARGIN-BOTTOM:0px; COLOR: #999 ; FONT-SIZE: 14px;  margin-bottom:10px; font-weight: 600; }
.noticia_sec .bajada {
	LINE-HEIGHT: 140%; MARGIN-BOTTOM: 10px; FONT-SIZE: 15px; PADDING-TOP: 0px; font-family:var(--sy-font-subtitulos);
}
.noticia_sec .marcofoto { /* tapa3 chicas */
padding:1px; background-color: #ffffff; float:left; border: 0px solid #cccccc; margin-right:20px; MARGIN-bottom: 15px; MARGIN-top: 0px; 
max-height:400px; max-width:420px; overflow:hidden;
}
.noticia_sec .marcofotoCh { /* tapa3 chicas */
padding:1px; background-color: #ffffff; float:left; border: 0px solid #cccccc; margin-right:20px; MARGIN-bottom: 15px; MARGIN-top: 0px; 
max-height:200px; max-width:150px; overflow:hidden;
}
.noticia_sec .marcofoto img, .noticia_sec .marcofotoCh img{ width:100%;}
.noticia_sec H3 a {
	LINE-HEIGHT: 120%; DISPLAY: block; COLOR:#555; FONT-SIZE: 20px; FONT-WEIGHT: 600;  text-decoration:none; font-family: var(--sy-font-titulos); letter-spacing:-1px; }
.noticia_sec H3 a:hover { 	COLOR: #000; }



.noticia_tag { clear:both;
	BORDER-BOTTOM: #eaeaea 0px solid; 
	PADDING-BOTTOM: 8px; MARGIN-BOTTOM: 0px; MARGIN-TOP: 5px; overflow:hidden; text-align:left; }
.noticia_tag .tapa-volanta .secc { display:inline-block  ;
	padding: 3px 7px 3px 7px; COLOR: #fff; background-color:#09C; font-size:12px; font-family: var(--sy-font-subtitulos); letter-spacing:0px; line-height:120%; }
.noticia_tag .tapa-volanta SPAN {
	padding-left:8px; COLOR: #06C; font-size:14px; font-family: var(--sy-font-subtitulos);	letter-spacing:0px; line-height:120%; }
.noticia_tag .volanta {
	LINE-HEIGHT: 120%; DISPLAY: block; MARGIN-BOTTOM:0px; COLOR: #999 ; FONT-SIZE: 14px;  margin-bottom:10px; font-weight: 600; }
.noticia_tag .bajada {
	LINE-HEIGHT: 140%; MARGIN-BOTTOM: 10px; FONT-SIZE: 15px; PADDING-TOP: 0px; font-family:var(--sy-font-subtitulos);
}
.noticia_tag .marcofoto { /* tapa3 chicas */
padding:1px; background-color: #ffffff; float:left; border: 0px solid #cccccc; margin-right:20px; MARGIN-bottom: 15px; MARGIN-top: 0px; 
max-height:170px; max-width:280px; overflow:hidden;
}
.noticia_tag .marcofoto img{ width:100%;}
.noticia_tag H1 a {
	LINE-HEIGHT: 120%; DISPLAY: block; COLOR:#555; FONT-SIZE: 20px; FONT-WEIGHT: 600;  text-decoration:none; font-family: var(--sy-font-titulos); letter-spacing:-1px; }
.noticia_tag H1 a:hover { 	COLOR: #000; }


/******************* # SECCIONES Y SUB ******************************/




 /*** MODULOS CON TEXTOS ENCIMADOS **/

.encima { width:auto; display:inline-block;  height:360px; overflow: hidden; background-color:transparent; float:left; position:relative; 
      overflow: hidden; }

.encima h4 a{ color:#FFF; font-size: 28px; letter-spacing:0px; font-family:var(--sy-font-titulos); font-weight: 700} 
.encima .marcofoto{ max-height:335px; overflow: hidden;}
.encima .marcofoto img{ width: 100%; }

.encima .volanta{ font-size: 12px; font-weight: 400; text-transform: uppercase; display:block; color:#FFF; padding-left: 6px; padding-right: 6px;  position: absolute; margin: -20px auto 0px;  } 

.encima .portatitu{ display:block; margin:0px 10px 23px; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,.7) 50%);
position:absolute; bottom:0px; left:0px; width:97%; padding:10px;  } 

/*
@media screen and (max-width: 1024px) {
    .encima h4 a{ color:#FFF; font-size: 20px; letter-spacing:0px; font-family:'Lato'; font-weight: 700; line-height: 100%} 
    .encima .portatitu { display:block; margin-left:10px; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,.6) 50%);
              position:absolute; bottom:125px; left:5px; width:94.3%; padding:10px;  } 
}*/

@media screen and (max-width: 770px) {
  .encima { width:100% !important; max-width: 750px; height: auto; margin-bottom: 20px; background-color: #ccc} 
  .encima .marcofoto{ height:auto; overflow: hidden;}
  .encima .portatitu { display:block; margin-left:0px; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,.6) 50%);
             position:absolute; bottom:0px; left:10px; width:94%; padding:10px;  } 
}



.encima1 {  display:inline-block;  height:335px; overflow: hidden; background-color:transparent; position:relative; margin-bottom: 20px }
.encima1 h4 a{ color:#FFF; font-size: 17px; letter-spacing:0px; font-family:var(--sy-font-titulos); font-weight: 500} 
.encima1 .marcofoto{ width: 100%; max-height:335px !important; overflow: hidden; }
.encima1   img{
  width: 100%;
  height: auto;
} 
@supports(object-fit: cover){
    .encima1   img{
      height: 350px;
      object-fit: cover;
      object-position: center center;
    }
}
.encima1 .volanta{ font-size: 12px; font-weight: 400; text-transform: uppercase; display:block; color:#FFF; padding-left: 6px; padding-right: 6px;  position: absolute; margin: -20px auto 0px;  } 

.encima1 .portatitu{ display:block; margin: 0px 0px 0px; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,.6) 50%);
position:absolute; bottom:0px; left:11px; width:93%; padding:15px;  }
/**/
@media screen and (max-width: 770px) {
  .encima1 { width:100%; display:inline-block; max-width:360px; height:auto; overflow: hidden; background-color:transparent; position:relative;
  margin-bottom: 20px }
.encima1 .portatitu{ display:block; margin: 0px 0px 0px; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,.6) 50%);
 position:absolute; bottom:10px; left:11px; width:93%; padding:15px;  }

    .encima1   img{
      width: 100%;
      height: auto;

    }
  @supports(object-fit: cover){
      .encima1   img{
        height: 350px;
        object-fit: cover;
        object-position: center center;
      }
  }