.covhomecont{
  width:90%;
  display:inline-block;
  margin-top:3em;
  padding:2em;
  border:1px solid #efefef;
}

.covhomecont>.logobcc{
  width:18%;
  float:left;
}

.covhomecont>.logobcc>img{
  width:100%;
}

.covhomecont>.txtintro{
 width:82%;
 text-align:center;
 float:left;
 padding-left:2em;
 padding-right:0;
}

.covhomecont>.txtintro>p{
  font-size:0.9em;
}

.covhomecont>.txtintro>a{
  font-size:0.9em;
  font-weight:bold;
}

/* COVID home page */
.covidcont{
  width:90%;
  margin:2em auto 3em auto;
}

.covidcont>img{
width:15%;
}

.descrbloq.par,
.descrbloq.mt0
{
margin-top:-0.5em;
}

.descrbloq.par>.bloqimg{
float:right;
}

.covidcont>h2{
margin-top:1em;
margin-bottom:1em;
}

.covidcab{
  width:100%;
  display:inline-block;
  background:url(../images/covid/fondo_compromiso.jpg) center center;
  background-size:100% 100%;
  padding:1em 3em;
}

.covidcab>.covidcabcont{
  width:90%;
  display:inline-block;
  margin:0 auto;
  background-color:rgba(255,255,255,0.6);
  text-align:center;
  padding:2em;
}

.covidcab>.covidcabcont>h3{
text-transform:uppercase;
font-size:1em;
}

.covidcab>.covidcabcont>.blk{
background-color:#fff;
width:23.9%;
padding:1em;
text-align:center;
float:left;
font-size:0.9em;
margin-right:1em;
height:12em;
position:relative;
}

.covidcab>.covidcabcont>.blk>p{
position:absolute;
width:100%;
left:0;
padding:1em;
top:50%;
transform:translateY(-50%);
margin:0;
}

.covidcab>.covidcabcont>.blk:last-child{
margin-right:0;
}

.descrbloq{
width:100%;
display:inline-block;
margin-top:4em;
}

.descrbloq > .bloqimg{
float:left;
width:50%;
}

.descrbloq > .bloqimg > img{
width:100%;
}

.descrbloq > .descsld{
max-width:1280px;
width:50%;
position:relative;
margin:auto;
display:inline-block;
}

.sld.animacion{
display:table-cell;
vertical-align:middle;
}

.descrbloq > .descsld .sld{
display:none;
}

.descrbloq > .descsld .sld div{
display:block;
width:100%;
float:left;
padding:4em;
text-align:left;
}

.descrbloq > .descsld > .navizda,
.descsld > .navdcha {
cursor:pointer;
position:absolute;
top:50%;
width:0.8em;
height:0.8em;
margin-top:-22px;
padding:16px;
color:#e8ff00;
font-weight:900;
font-size:3em;
transition:0.6s ease;
border-radius:0 3px 3px 0;
}

.descrbloq > .descsld > .navizda{
left:0;
border-radius:3px 0 0 3px;
background:url(../images/slider-flecha-izda.svg) center center no-repeat;
background-size:cover;
}

.descrbloq > .descsld > .navdcha{
right:0;
border-radius:3px 0 0 3px;
background:url(../images/slider-flecha-dcha.svg) center center no-repeat;
background-size:cover;
}

.animacion {
-webkit-animation-name:animacion;
-webkit-animation-duration:1.5s;
animation-name:animacion;
animation-duration:1.5s;
}

@-webkit-keyframes animacion {
  from {opacity: .1}
  to {opacity: 1}
}

@keyframes animacion {
  from {opacity: .1}
  to {opacity: 1}
}

/* barra de opciones */
.barraopciones{
width:100%;
display:inline-block;
text-align:center;
background-color:#efefef;
height:2.5em;
margin-top:0.5em;
padding-top:0;
}

.barraopciones ul{
list-style-type:none;
padding-left:1em;
display:inline-block;
margin:0;
height:2.5em;
}

.barraopciones ul > li{
text-align:center;
text-transform:uppercase;
font-size:0.9em;
font-weight:700;
padding-left:1em;
padding-right:1em;
line-height:2.7em;
float:left;
display:inline-block;
}

.barraopciones ul > li:hover{
opacity:1;
cursor:pointer;
background-color:#e8ff00;
}

.barraopciones ul > li.on{
background-color:#e8ff00;
}

.barraopciones ul > li > a{
text-decoration:none;
color:#000;
text-transform:uppercase;
font-size:0.9em;
}

/* Tablet vertical */
@media screen and (max-width: 768px) {

  .covhomecont > .logobcc {
  	width:50%;
  	float:none;
  	margin:0 auto;
  	margin-bottom:2em;
  }

  .covhomecont > .txtintro {
  	width:100%;
  	text-align:center;
  	float:none;
  	padding-left:0;
  	padding-right:0;
  }

  .diapos>.sldimg{
    background-size:100% 100%!important;
  }

  .covidcont>img{
	   width:38%;
  }

  .covidcab>.covidcabcont{
  	width:100%;
  }

  .covidcab>.covidcabcont>.blk{
  	width:100%;
    margin-bottom:1em;
    height:15em;
  }

  .descrbloq>.bloqimg,
  .descrbloq>.descsld{
  	width: 100%;
    height:initial!important;
  }

  .descrbloq>.descsld .sld div{
  	text-align:text!important;
  	font-size:0.9em;
  }

  .descrbloq>.descsld>.navizda.covid,
  .descsld>.navdcha.covid{
	   top:50%!important;
     transform:translateY(-50%);
  }

  .descrbloq{
  	margin-bottom:1em!important;
  }

}