/*azul : #014DAD - celeste #5CE1E6 */
/* COLUMNAS de grid  QUE OCUPA UNA NOTA*/
.horaorig { color: #000; font-weight: 700; font-family: Arial; }


/* GRID 12 (col-12) para una fotonota degree*/
.top-col-12 { display: block;  }
.top-col-12 H2 a{ color:#FFF; font-size: 36px; letter-spacing:0px; font-family:var(--sy-font-titulos); font-weight: 500; text-decoration: none;} 
.top-col-12 .marcofoto{ max-height:640px; max-width:100%; overflow: hidden; position: relative;} .top-col-12 img{  width: 100%}
.top-col-12 .seccion{ font-size: 14px; 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);  } 
.top-col-12 .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:10px;  } 
.top-col-12 .portatitu .volanta{ font-size: 16px; font-weight: 500;line-height: 24px;  display:block; color:#FFF; font-family: var(--sy-font-titulos),arial;  } 
.top-col-12 .portatitu .copete{ font-size: 18px; font-weight: 500;line-height: 24px; display:block; color:#FFF; font-family: var(--sy-font-titulos),arial;  } 


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


/* GRID 8 (col-8) para una fotonota degree*/
.top-col-8 { display: block;  }
.top-col-8 H4 a{ color:#FFF; font-size: 34px; letter-spacing:0px; font-family:var(--sy-primario); font-weight: 500; text-decoration: none;} 
.top-col-8 .marcofoto{ max-height:440px; max-width:100%; overflow: hidden; position: relative;} 
.top-col-8 img{  width: 100%}
.top-col-8 .seccion{ font-size: 14px; 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);  } 

.top-col-8 .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:10px;  } 
.top-col-8 .portatitu .tapa-volanta{ font-size: 16px; font-weight: 500;line-height: 24px; text-transform: uppercase; display:block; color:#FFF; font-family: var(--sy-font-titulos);  } 

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



/* GRID 6 (2 col) para una fotonota degree*/

.top-col-6 { display: block;  }
.top-col-6 a{ color:#FFF; font-size: 28px; letter-spacing:0px; font-family:var(--sy-font-titulos); font-weight: 400; text-decoration: none;} 
.top-col-6 .marcofoto{ max-height:360px; max-width:100%; overflow: hidden; position: relative;} 
.top-col-6 img{  width: 100%}
.top-col-6 .seccion{ font-size: 14px; 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-secundario);  } 

.top-col-6 .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:10px;  } 
.top-col-6 .portatitu .volanta{ font-size: 14px; font-weight: 500;line-height: 24px; text-transform: uppercase; display:block; color:#FFF; font-family: var(--sy-font-subtitulos);  } 

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


/* GRID 6 (2 col) para una fotonota SIN DEGREE*/
.top-col-6s { display: block;  }
.top-col-6s h2 a{ color:#000; font-size: 28px; letter-spacing:-1px; font-family:var(--sy-font-titulos); font-weight: 600; line-height: 120%; text-decoration: none;} 
.top-col-6s h3 a{ color:#333; font-size: 24px; letter-spacing:0px; font-family:var(--sy-font-titulos); font-weight: 600; line-height: 120%; text-decoration: none;} 
.top-col-6s .marcofoto{ max-height:340px; overflow: hidden;} 
.top-col-6s img{  width: 110%}
.top-col-6s .bajada{ font-family: var(--sy-font-subtitulos); font-size: 16px}
.top-col-6s .seccion{ font-size: 16px; font-weight: 400; line-height: 24px;  display:block;  left:0px; padding:1px 5px; color:var(--sy-secundario); font-family: var(--sy-font-subtitulos);  } 
.top-col-6s .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) {
.top-col-6s { clear: both; max-width: 95%; margin: 0px auto 10px;} 
.top-col-6s .marcofoto{ max-height:200px;}
.top-col-6s  a{ color:#000; font-size: 20px; line-height: 5px; letter-spacing:-1px; font-family:var(--sy-font-titulos); font-weight: 500} 
}

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

/* GRID 4 (3)COLUMNAS*/
.top-col-4 { clear:both;}
.top-col-4 .volanta { font-size:16px; font-family: var(--sy-font-textos); color:var(--sy-secundario);}
.top-col-4 .bajada{ font-size:14px; font-family:var(--sy-font-titulos); }
.top-col-4 .marcofoto {overflow:hidden; float:left; width:100%; height: auto; max-height:240px; margin-bottom:15px;}
.top-col-4 img{ width:110%}
.top-col-4 H3 a{ LINE-HEIGHT: 120%; DISPLAY: block; COLOR:#000; FONT-SIZE: 24px; FONT-WEIGHT: 600;  text-decoration:none; font-family: var(--sy-font-titulos); letter-spacing:-1px; height:auto; }
.top-col-4 H3 a:hover{ color: #666; }
.top-col-4 H4 a{ LINE-HEIGHT: 120%; DISPLAY: block; COLOR:#000; FONT-SIZE: 20px; FONT-WEIGHT: 600;  text-decoration:none; font-family: var(--sy-font-titulos); letter-spacing:-1px; height:auto; }
.top-col-4 H4 a:hover{ color: #666; }

@media screen and (max-width: 768px) {
.top-col-4 { clear: both; max-width: 95%; margin: auto;  }
.top-col-4 .marcofoto {overflow:hidden; float:left; width:100%; height: auto; max-height:200px; margin-bottom:15px;}
.top-col-4 img{ width:110%}
.top-col-4 H3 a{ color:#000; font-size: 20px; letter-spacing:0px; font-family:var(--sy-font-titulos); font-weight: 500} 
}


/* GRID 3 (4)COLUMNAS*/
.top-col-3 { clear:both;}
.top-col-3 .volanta, .top-col-3 .seccion { font-size:14px; font-family: var(--sy-font-subtitulos); color:var(--sy-secundario); font-weight: 400;}
.top-col-3 .bajada{ font-size:14px; font-family:var(--sy-font-subtitulos);}
.top-col-3 .marcofoto {overflow:hidden; float:left; width:100%; height: auto; max-height:170px; margin-bottom:15px;}
.top-col-3 img{ width:110%}
.top-col-3 H3 a{ LINE-HEIGHT: 120%; DISPLAY: block; color:var(--sy-primario); FONT-SIZE: 20px; FONT-WEIGHT: 600;  text-decoration:none; 
	font-family: var(--sy-font-titulos),Arial; letter-spacing:0px; height:auto; }
.top-col-3 H4 a{ LINE-HEIGHT: 120%; DISPLAY: block; COLOR:#000; FONT-SIZE: 16px; FONT-WEIGHT: 600;  text-decoration:none; 
	font-family: var(--sy-font-titulos),Arial; letter-spacing:0px; height:auto; }

.top-col-3 H3 a:hover, .top-col-3 H4 a:hover{ color: #666; }

@media screen and (max-width: 768px) {
.top-col-3 { clear: both; max-width: 95%; margin: auto;  }
.top-col-3 H3 a{ color:#000; font-size: 20px; letter-spacing:0px; font-family:var(--sy-font-titulos); font-weight: 500} 
.top-col-3 .marcofoto {overflow:hidden; float:left; width:100%; height: auto; max-height:200px; margin-bottom:15px;}
}



/*  3 columnas portada */
.contiene_dos_col .lineaFondo { display: block; width: 100%; max-width: 400px; background-color: #4867aa; height: 1px; position: absolute; }
.contiene_dos_col2 .lineaFondo { display: block; width: 100%; max-width: 400px; background-color: #cc0000; height: 1px; position: absolute; }
.contiene_dos_col3 .lineaFondo { display: block; width: 100%; max-width: 400px; background-color: #09c; height: 1px; position: absolute; }

.contiene_dos_col .titulosesgado { width:auto; max-width: 200px; padding: 2px; max-height: 30px; margin: -10px auto 15px; transform: skewX(-15deg); 
      background-color:#4867aa; position: relative; }
.contiene_dos_col2 .titulosesgado { width:auto; max-width: 200px; padding: 2px; max-height: 30px; margin: -10px auto 15px; transform: skewX(-15deg); 
      background-color:#cc0000; position: relative; }

.contiene_dos_col3 .titulosesgado { width:auto; max-width: 200px; padding: 2px; max-height: 30px; margin: -10px auto 15px; transform: skewX(-15deg); 
      background-color:#09c; position: relative; }

.contiene_dos_col .titulo, .contiene_dos_col2 .titulo, .contiene_dos_col3 .titulo { font-size: 16px; text-align:center; color: #FFF; font-weight: 700; transform: skewX(0deg); padding-left: 0px; text-transform: uppercase;}

.modulo_3col h4 a{ font-size:18px; font-family: var(--sy-font-textos); text-decoration:none; color:#444  }
.modulo_3col h5 a{ font-size:16px; font-family: var(--sy-font-textos); text-decoration:none; color:#666; letter-spacing: 0px; line-height: 140%}
.modulo_3col h4 a:hover,.modulo_3col h5 a:hover { color:#000; background-color:#f4f4f4 }
.modulo_3col .volanta{font-size:14px; font-family: var(--sy-font-textos); text-decoration:none; color:#777  }

.modulo_3col .marcofoto { width:100%; max-height:80px; overflow:hidden; border-radius:6px }
.modulo_3col .marcofoto img{ width:100% }

@media screen and (max-width: 1024px) {
.contiene_dos_col .lineaFondo { max-width: 400px;  }
.contiene_dos_col2 .lineaFondo {max-width: 400px;  }

}


/* ultimas vertical*/
.masle { color: #333; line-height:100%; font-family: 'Roboto', Helvetica; } 
.masle .marcofoto{ width: 130%; margin-left: -10px; max-height: 70px; overflow: hidden; } 
.masle img{ width: 140%;} 
.masle  a{ color: #333; font-size:14px; line-height:120%; font-family: 'Roboto', Arial, Helvetica; text-shadow: #e57d20 0px 0px 0px; font-weight:400; text-decoration:none;   } 
.masle a:hover{ color:#000;} 


/* mas leidas hosrizontal */
.masleh { color: #000; font-size:14px; line-height:120%; font-family: 'Roboto', Helvetica; padding:5px 0px 15px 0px; text-align:left;} 
.masleh .marcofoto{ width: 100%; max-height: 150px; overflow: hidden; margin-bottom: 10px; float:left; margin-right:8px } 
.masleh img{ width: 120%; max-width: 380px} 
.masleh span{ font-size:16px; color: #000; font-weight:700; background-color: #999; padding: 2px 3px 2px 6px; border-radius:14px }
.masleh  a{ color: #ccc; font-size:16px; line-height:150%; font-family: 'Roboto', Arial, Helvetica; text-shadow: #e57d20 0px 0px 0px; font-weight:400; text-decoration:none;   } 
.masleh a:hover{ color:#fff;}