#hoy
{
  top:24px;
}
.piefoto
{border-bottom:1px solid lightgray;
  background-color: white;
  color:black;
font-size:1.35rem;
font-weight:300;
padding:4px 8px 4px 8px;
text-align: center;}
br 
{
 line-height: 3;

}
.brp
{
  line-height:1.7;
}

.seccion
{color:#CCC;
  font-weight:900;
  text-align:right;
padding:6px 0 6px 0;}
.seccion:hover
{
  text-decoration:none;
  color:#BBB;
}
.shots
{
text-transform: uppercase;
border:none;
box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
background-size: 200%;
background-position: 50%;
color: #FFFFFF;
background-color: #D81826;
border-color:transparent;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
white-space: nowrap;
font-size:1.5rem;
line-height: 1.446;
border-radius: 3px;
text-decoration: none;
box-sizing:border-box;
}

.cabeza1{
  font-size:2.8rem;
  font-weight:900;
}

.balazo
{
padding:16px 0 0 0;  
font-size:1.5rem;
font-weight:400;
color:#555;
text-transform: uppercase;
line-height: 2rem;
}

.sumario
{
  font-size:1.6rem;
  font-weight:400;
  color:#8A1019;
  line-height:2.8rem;

}

.principal
{
  padding:0 24px 5px 24px;

}

.cinta
{

    vertical-align: middle;
    padding: 5px 0 5px;
    overflow: hidden;
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
}
.autor 
{   

    color: #999;
    font-size: 1.4rem;
    line-height: 1.5;
    text-align: left;
  display: inline;
  text-align:left;
}
.autor:hover{
color:black;
}
.fecha 
{

    color: #999;
    font-size: 1.4rem;
    line-height: 1.5;
    text-align: left;
  display: block;
  float:left;
}

.parrafo
{
 margin-top:15px;
 font-weight:300;
 font-size:1.8rem;
 text-align:justify;
 -webkit-font-smoothing: antialiased;
}

.foto{
  margin:25px 0 25px 0;
  background-color: #ededed;
}


.citabox
{
background: url(../svg/citam.svg);
background-repeat:no-repeat;
background-size:52px 52px;
background-position:0 12px;
margin-top:10px;
margin-bottom:10px;
padding-top:5px;
border-top:1px solid #D81826;
border-bottom:1px solid #D81826;
padding-left:75px;
}

.cita
{
font-weight:900;
font-size:1.8rem;
color:#777;
}

.enfasis
{
background: url(../svg/clipm.svg);
background-repeat:no-repeat;
background-size:52px 52px;
background-position:0 6px;
margin-top:10px;
margin-bottom:10px;
border-top:1px solid #D81826;
border-bottom:1px solid #D81826;
padding-left:75px;
}

.autorcita
{
  font-weight:300;
  font-size:1.3rem;
  color:#000;
  text-align: right;
  font-style:italic;
  padding-bottom:8px;
}
.idcontent
{
font-weight:300;
font-color:black;
font-size:3.3rem;

border-top:2px solid #D81826;
margin-top:13px;
}

.fontsr
{
  width:100%;
  text-align: right;
  margin-top:10px;
}
.jfontsize-button {
  font-weight: bold;
  padding: 4px;
  color: #000;
  border: solid 1px #bbb;
}

.jfontsize-button:hover {
  text-decoration: none;
  background: #888;
  color: #fff;
  border: solid 1px #333;
}

.jfontsize-disabled, .jfontsize-disabled:hover {
  color: #aaa;
  border: solid 1px #eee;
  background: #eee;
}

.videoc
{
  margin:25px 0 25px 0;
}

.galeria
{
  margin:25px 0 15px 0;
}
.bgnegro
{
  background-color:black;
  padding:6px 6px 6px 6px;
}

.agenda{
  height:40vh;
  }

.flex-caption
{
  font-size:1.8rem;
  text-align:center;
}

 
table{
border-collapse:collapse;
box-shadow:1px 1px 5px #bbb;
border:1px solid #bbb;
margin-bottom:1.5em;
}

td,th{
border-top:1px solid #ccc;
vertical-align:top;
padding:4px 8px;
text-shadow:0 1px 0 #fff;
font-size:1.5rem;
}

th
{font-weight:bold;}

tbody tr:nth-of-type(2n+1)
{background-color:#f0f0f0;}

.mapa
{
border:0;
height:60vh;"
}

.leemas
{font-weight:300;
border-bottom:1px solid gray;
margin-bottom:32px;
}

.center-cropped-landscape {
  object-fit: cover;
  object-position: center; 
  height: 200px;
  width: 340px;
  box-shadow:0 3px 10px rgba(0, 0, 0, 0.16), 0 3px 10px rgba(0, 0, 0, 0.23);
  margin:3px;
  margin-bottom:12px;
background-color:white;
border-radius:4px;
}

.mas
{font-weight:300;
font-size:1.75rem;
color:black;}
.mas:hover
{
  color:#333;
  text-decoration:underline;
}



.clock
{
  font-weight: 300;
  font-size:1.4rem;
  color:red;
  display:inline;
  border:3px solid whitesmoke;
}
.video-title
{font-weight:400;
font-size:1.6rem;
margin:6px 0 6px 0;
}



/*************************************************tabla responsiva en mobile**********************************************************************************/

@media screen and (max-width: 420px)
{
table{
  width:100%;
}
thead{
  display:none;
}
tbody tr:nth-of-type(2n+1){
  background-color:inherit;
}
tr td:first-child{
  background:#f0f0f0;
  font-weight:bold;
  font-size:1.1em;
}
tbody td{
  display:block;
  text-align:center;
}

tbody td:before{
  content:attr(data-th);
  display:block;
  text-align:center;
}

}



/*****************************************************smartphones y tabletas horizontales minaspect = landscape****************************************/
@media screen and (max-width: 767px) and (min-aspect-ratio: 13/9)
{
 
.agenda{
  border-width:0;
  height:60vh;
  }
.mapa
{
border:0;
height:85vh;"
}
}



/***************************************ipads y tabletas vertical ************************************************************************************/
@media screen and (min-width:768px) and (orientation:portrait)
{

.shots
{

padding:6px 16px;
font-size:1.7rem;

}
.balazo
{
  font-size:2rem;
}
.cabeza1
{font-size:4rem;}
.sumario
{font-size:2.4rem;}
.autor
{font-size:1.7rem;}
.fecha{float:right;
font-size:1.7rem;}
.parrafo
{font-size:2.3rem;}
.cita
{font-size:2.7rem;}
.autorcita
{font-size:2rem;}
.citabox
{
background: url(../svg/citam.svg);
background-repeat:no-repeat;
background-size:52px 52px;
background-position:0 12px;
margin-top:20px;
margin-bottom:20px;
border-top:1px solid #D81826;
border-bottom:1px solid #D81826;
padding-left:75px;
}
.enfasis
{
background: url(../svg/clipm.svg);
background-repeat:no-repeat;
background-size:52px 52px;
background-position:0 12px;
margin-top:20px;
margin-bottom:20px;
border-top:1px solid #D81826;
border-bottom:1px solid #D81826;
padding-left:75px;
}

td, th
{font-size:2rem;}
.recomienda
{
    display:flex;
  flex-wrap:flex;
  width:100%;
}
.fotol
{
  width:50%;
}
.leemas
{
  width:50%;
  flex:1;
  font-size:2.7rem;
  font-weight:900;
  border-top:1px solid gray;
  border-bottom:none;
  padding-top:12px;
}
.center-cropped-landscape {
  object-fit: cover;
  object-position: center; 
  height: 120px;
  width: 196px;
  box-shadow:0 3px 10px rgba(0, 0, 0, 0.16), 0 3px 10px rgba(0, 0, 0, 0.23);
  margin:3px;
  margin-bottom:12px;
background-color:white;
border-radius:4px;
}
}

/************************************************************************desktop y ipads landscape**********************************************************/
@media screen and (min-width:769px)
{




p{margin:6px 0px 0px 6px;}

.principal
{
  padding:10px 40px 10px 40px;

}

.shots
{
text-transform: uppercase;
border:none;
box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
background-size: 200%;
background-position: 50%;
color: #FFFFFF;
background-color: #D81826;
border-color:transparent;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
white-space: nowrap;
padding:6px 16px;
font-size:1.7rem;
line-height: 1.446;
border-radius: 3px;
text-decoration: none;
box-sizing:border-box;
}
.cabeza1{
  font-size:4.1rem;
  font-weight:900;
}

.sumario
{
  font-size:2.1rem;
  font-weight:300;
  color:#8A1019;
  line-height:2.8rem;
  margin-left:30px;
  margin-right:60px;
}
.fecha 
{

    color: #999;
    font-size: 1.4rem;
    line-height: 1.5;
    text-align: left;
  display: block;
  float:right;
}

.parrafo
{
 margin-top:15px;
 font-weight:300;
 font-size:2rem;
 text-align:justify;
 -webkit-font-smoothing: antialiased;
}
.piefoto
{border-bottom:1px solid lightgray;
  background-color: white;
  color:black;
font-size:1.7rem;
font-weight:300;
padding:4px 8px 4px 8px;
text-align: right;}

.cita
{
font-weight:900;
font-size:2.8rem;
color:#777;
}
.autorcita
{
  font-weight:300;
  font-size:1.5rem;
  color:#000;
  text-align: right;
  font-style:italic;
  padding-bottom:8px;
}

.citabox
{
background: url(../svg/citam.svg);
background-repeat:no-repeat;
background-size:64px 64px;
background-position:left center;
margin-top:20px;
margin-bottom:20px;
border-top:1px solid #D81826;
border-bottom:1px solid #D81826;
padding-left:75px;
}
.enfasis
{
background: url(../svg/clipm.svg);
background-repeat:no-repeat;
background-size:64px 64px;
background-position:left center;
margin-top:20px;
margin-bottom:20px;
border-top:1px solid #D81826;
border-bottom:1px solid #D81826;
padding-left:75px;
}
.col-md-3
{
  flex:1;
  -webkit-flex: 1;       
  -ms-flex: 1; 
  -webkit-box-flex: 1;    
  -moz-box-flex: 1;
}

td, th
{font-size:1.8rem;}
.leemas
{border-top:1px solid gray;
border-bottom:none;
margin-bottom:24px;}

}