/* estilos del sitio web */

/*fuentes y fuentes CDN*/
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*estilos generales*/
html, body{opacity:0; font-family: 'Fira Sans', sans-serif;}
html{position:relative; min-height:100%}
body{margin-bottom:0px;}
.height-100{height:100%}
.displayflex{display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -webkit-flex-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: center;
  justify-content: center;
}
.sinpaddingleft{padding-left:0px !important}
.sinpaddingright{padding-right:0px !important}
.row-con-margen{margin-left:-15px; margin-right:-15px}
.w100Hauto{width:100%; height:auto}
.error{color:#F00; font-size:10px; font-weight:300;}
.empty{color:#F00; font-size:10px; font-weight:300;}
.oculto-success{font-size:14px; font-weight:300; text-align:center; margin-top:10px; color:#000}
.error-borde{border-color:#DB2629 !important}
.centrado {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  -moz-transform:translate(-50%, -50%);
}
.mailto{color:inherit; text-decoration:none}
.mailto:hover{color:inherit; text-decoration:underline;}
.display-block{display:block}
.grayscale
{
-moz-filter: grayscale(100%);
-o-filter:grayscale(100%);
-ms-filter:grayscale(100%);
filter: grayscale(100%);
-webkit-filter: grayscale(100%); /* For Webkit browsers */
filter: gray; /* For IE 6 - 9 */
/*-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.grayscale:hover{
	-webkit-filter:none !important;
	filter:none !important;
	-moz-filter:none !important;
	-o-filter:none !important;
	-ms-filter:none !important;
}
span.pointer,b.pointer,a.pointer{cursor:pointer}
.relative{position:relative}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
 -webkit-appearance: none;
 appearance:none;
 -moz-appearance:none;
 margin: 0;
}
.pointer{cursor:pointer}
.transition{transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s;}
.row{margin-left:0px; margin-right:0px}
.row-con-margen{margin-left:-15px !important; margin-right:-15px !important}
:focus {
    outline: none;
}
.elemento *::-webkit-input-placeholder {
    /* Google Chrome y Safari */
    color: #000000 !important;
	opacity:1;
}
.elemento *:-moz-placeholder {
    /* Firefox anterior a 19 */
    color: #000000 !important;
	opacity:1;
}
.elemento *::-moz-placeholder {
    /* Firefox 19 y superior */
    color: #000000 !important;
	opacity:1;
}
.elemento *:-ms-input-placeholder {
    /* Internet Explorer 10 y superior */
    color: #000000 !important;
	opacity:1;
}
.transition{
		transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s;
}
.mensaje-de-error,.mensaje-de-error-2{
  color:#DB2629
}
.content-table{
  display: table; width: 100%; height: 100%
}
.content-row{
  display: table-row;
}
.content-cell{
  display: table-cell; vertical-align: middle;
}
.ani-uno {
    -vendor-animation-duration: 1s;
    -vendor-animation-delay: 0s;
}
.ani-dos {
    -vendor-animation-duration: 2s;
    -vendor-animation-delay: 1s;
}
.ani-tres {
    -vendor-animation-duration: 3s;
    -vendor-animation-delay: 2s;
}

/*Header*/
header{
  position: fixed; width: 100%; left: 0; top: 0; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #f8f8f8; z-index:1000
}
header .logo{
  width: 168px; margin-top: 14px; margin-bottom: 14px
}
header .enlace{
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: normal;
  text-align: left;
  color: #ff4d00;
  margin-right: 20px;
  text-decoration: none
}
header .enlace:hover,header .enlace:focus{
  color: #ff4d00; text-decoration: none
}
header .icons{
  width: 20px;
}
header .dos{padding-top: 25px}

/*Inicio*/
body{
  padding-top: 74px; background-color: #f8f8f8;
}
.inicio-1 .ms-skin-default .ms-nav-next, .inicio-1 .ms-skin-default .ms-nav-next .ms-skin-default .ms-nav-prev {
    width: 37px;
    background: none;
    background-position: inherit;
    height: 45px;
    cursor: pointer;
    top: inherit;
    left: inherit;
    margin-top: 0;
    position: absolute;
    z-index: 110;
}
.inicio-1 .ms-skin-default .ms-nav-next {
	background: url(../img/arrow-right.svg);
    right: 70px;
    left: auto;
    background-position: inherit;
    background-size: cover;
    top: inherit;
    bottom: 25px
}
.inicio-1 .ms-skin-default .ms-nav-prev {
	background: url(../img/arrow-left.svg);
  background-size: cover;
	 margin-top: 0;
	 width: 37px;
	 height: 45px;
	 left: inherit;
   right: 107px;
   top: inherit;
   bottom: 25px
}
.inicio-1 .ms-skin-default .ms-bullet {
    width: 12px;
    height: 12px;
    background: #838688;
    margin: 4.5px !important;
    background-position: inherit;
    opacity: 1;
    border-radius: 50%;
    position: relative;
    float: none;
    display: inline-block;
}
.inicio-1 .ms-skin-default .ms-bullet-selected {
    background-position: inherit;
    background: #FF4D00;
    width: 12px;
    height: 12px;
    opacity: 1;
}
.inicio-1 .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 43.5px !important;
    right: 0;
    width: 100% !important;
    left: 0;
    margin: auto;
}
.inicio-1 .ms-bullets.ms-dir-h .ms-bullets-count{
  right: inherit !important; text-align: left; padding-left: 15%
}
.inicio-1{position: relative;}
.inicio-1 .ms-view{
  background: #fff
}
.ultima-publicacion{
  background-color: #ff4d00; height: 375px
}
.ultima-publicacion .img{margin-top: 50px}
.ultima-publicacion h1{
  font-size: 25px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  margin-top: 53px;
  margin-bottom: 25px
}
.ultima-publicacion h2{
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #ffa983;
  margin-top: 0;
  margin-bottom: 25px
}
.ultima-publicacion .p{
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  margin-bottom: 25px
}
.ultima-publicacion button{
  width: 204px;
  height: 47px;
  border: solid 2px #ffffff;
  background: none;
  font-size: 21px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.24;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}
.publicaciones{
  padding-top: 87px; padding-bottom: 75px
}
.publicaciones h1{
  font-size: 28px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.18;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
  margin-bottom: 25px;
  margin-top: 0
}
.publicaciones .divisor{
  background: #838688; height: 1px; position: relative; width: 100%; margin-bottom: 52px
}
.publicaciones .divisor span{
  width: 184px; height: 5px; background: #FF4D00; position: absolute; left: 0; right: 0; margin: auto; top: -1.5px
}
.listado-publicaciones{padding-left: 7.5px; padding-right: 7.5px}
.listado-publicaciones .item{position: relative; margin-bottom:15px}
.listado-publicaciones .item .info{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(40,40,40,0.90); opacity: 0; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; padding: 15px;}
.listado-publicaciones .item .info h2{
  font-size: 20px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #ff4d00;
  margin-bottom: 20px;
  margin-top: 0
}
.listado-publicaciones .item .info .p{
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  margin-bottom: 25px
}
.listado-publicaciones .item .info button{
  width: 204px;
  height: 39px;
  border: solid 2px #ffffff;
  font-size: 21px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.24;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  background: none
}
.listado-publicaciones .item:hover .info{opacity: 1}
.pdl75{padding-left: 7.5px}
.pdr75{padding-left: 7.5px}
.publicaciones .paginador{
  margin-top: 45px; text-align: center;
}
.publicaciones .paginador ul{padding-left: 0; margin-bottom: 0}
.publicaciones .paginador li{display: inline-block; list-style-type: none; margin-left: 5px; margin-right: 5px}
.publicaciones .paginador li a{
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.22;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
  text-decoration: none;
}
.publicaciones .paginador li a:hover, .publicaciones .paginador li a:focus{
  color: #000000; text-decoration: none
}
.publicaciones .paginador li a.active{
  color: #ff4d00;
}
.detalle-noticia{
  padding-top: 50px; padding-bottom: 50px
}
.detalle-noticia .regresar{
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: normal;
  text-align: left;
  color: #ff4d00;
  display: inline-block;
  margin-bottom: 20px
}
.detalle-noticia h1{
  font-size: 28px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.18;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
  margin-bottom: 20px
}
.detalle-noticia .fecha{
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
  margin-bottom: 17px;
  margin-top: 17px;
  display: block;
}
.detalle-noticia .compartir{
  text-align: right; margin-top: 20px; margin-bottom: 15px;
  font-size: 15px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: #838688;
}
.detalle-noticia .addthis_inline_share_toolbox_ptyh{display: inline-block; vertical-align: middle;}
.detalle-noticia .regresar.dos{margin-top: 50px}

/*Footer*/
footer{
  background-color: #282828; padding-top: 32px
}
footer h1{
  font-size: 21px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.24;
  letter-spacing: normal;
  text-align: left;
  color: #838688;
  margin-top: 0;
  margin-bottom: 16px;
  padding-bottom: 10px;
  border-bottom: 3px solid #ff4d00;
}
footer p{
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  margin-bottom: 0
}
footer p a, footer p a:hover, footer p a:focus{
  color: #fff; text-decoration: none
}
footer p span{
  color: #ff4d00;
}
footer .contiene-logos{
  margin-top: 50px; margin-bottom: 30px; text-align: center;
}
footer .contiene-logos img{margin-left: 22px; margin-right: 22px}
footer .bloque-2{
  background-color: #070707; text-align: center; padding: 8px
}
footer .bloque-2 h3{
  font-size: 13px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.15;
  letter-spacing: normal;
  text-align: center;
  font-weight: 600;
  color: #ff4d00;
  margin: 0
}
footer .bloque-2 h3 a, footer .bloque-2 h3 a:hover, footer .bloque-2 h3 a:focus{
  color: #838688; font-weight: normal;
}

/* medias */
@media (max-width:767px)
{
  header .logo {
      width: 108px;
      margin-top: 14px;
      margin-bottom: 14px;
  }
  header .dos {
    padding-top: 19px;
  }
  header .enlace{font-size: 10px; margin-right: 10px}
  header .icons {
    width: 15px;
  }
  body{padding-top: 57px}
  .inicio-1 .ms-bullets.ms-dir-h{bottom: 20px !important}
  .inicio-1 .ms-bullets.ms-dir-h .ms-bullets-count{padding-left: 15px}
  .ultima-publicacion{height: auto; padding-bottom: 30px}
  .ultima-publicacion h1{
    margin-top: 30px;
    margin-bottom: 10px;
  }
  .publicaciones {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .publicaciones .divisor{margin-bottom: 33px}
  .ultima-publicacion .img {
    margin-top: 35px;
  }
  .publicaciones .paginador{margin-top: 20px}
  footer .contiene-logos{margin-top: 30px; margin-bottom: 15px}
  footer .contiene-logos img {
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 15px
  }
  .detalle-noticia {
    padding-top: 30px;
    padding-bottom: 10px;
  }
  .detalle-noticia .regresar.dos {
    margin-top: 10px;
  }
  .detalle-noticia .compartir{text-align: left;}
  footer h1{text-align: center;}
  footer p{text-align: center;}
}

@media (min-width:768px) and (max-width:991px)
{

}

@media (min-width:992px) and (max-width:1199px)
{

}

@media (min-width:768px){

}
@media (min-width:992px){

}
@media (min-width:768px) and (max-height:660px){

}
@media (min-width:768px) and (max-height:500px){

}
@media (min-width:1200px) and (max-width:1300px)
{

}
@media (min-width:992px) and (max-width:1099px){

}