body {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    background-position: center;
    background-size: cover;
    background-color: ;

    background: linear-gradient(rgba(5, 7, 12, 0.85), rgba(5, 7, 12, 0.85)) , url(../img/banner.webp) no-repeat center center fixed ;
    /*min-height: 100vh;*/


}
/*#principal{
    background: linear-gradient(rgba(5, 7, 12, 0.75), rgba(5, 7, 12, 0.75)) , url(../img/banner.webp) no-repeat center center fixed ;
    min-height: 100vh;
    background-size: cover;
    min-width: 980px;
    z-index: 0;
    
}*/


#window {
    min-width: 980px;
    z-index: 0;

}
#cabecera {
    width: 980px;
    margin: 0 auto;
    height: 226px;
    position: relative;
}
div {
    display: block;
}

#header {
   
    background-repeat: repeat-x;
    width: 100%;
   
}

header {
    display: block;
}

#logo {
    
    background: black;
    display: inline-block;
    width: 980px;
    /*justify-content: center;
    align-items: center;
    margin: 0 auto;*/


}

a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline;
}
#img3 , #img4 {
    width: 100%;
    max-width: 200px;
    overflow-clip-margin: content-box;
    overflow: clip;

}
#logo img{
    display: inline-block;
}
.p1 , .p2, .p3{
    color: white;
    float: right;
    margin-top: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px
}
.p2 , .p3{
    background: #e4a70d;
    border-radius: 10px;
    font-weight: bold;
    margin-right: 20px;
    margin-left: 10px;
}
#menu {
    margin: 0 auto;
    width: 980px;
    position: relative;
    margin-top: -100px;
}
nav {
    display: block;
}
.mi-menu {
    list-style-type: none;
    margin: 0 auto;
    padding: 0px;
    overflow: hidden;
    /*height: 55px; */
    background: #d6d6d5;

}
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
.mi-menu li {
    display: block;
    float: left;
    height: 50px;
    list-style: none;
    margin: 0 auto;
    padding: 0 auto ;
    position: relative;
}
.active {
    background-color: #e4a70d;
    color: #fff !important;
    font-family: 'Helvetica_Bold';

}
li {
    display: list-item;
    text-align: -webkit-match-parent;
}

.mi-menu li a {
     
    background-repeat: no-repeat;
    color: #000;
    display: block;
    font-family: 'Helvetica_Regular';
    font-weight: bold;
    font-size: 11px;
    line-height: 28px;
    padding: 0 27px;
    margin: 14px 0;
    text-decoration: none;
    -moz-letter-spacing: 1px;
    -o-letter-spacing: 1px;
    -ms-letter-spacing: 1px;
    -webkit-letter-spacing: 1px;
    /* animamos el cambio de color de los textos */
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}
.active a {
    color: #fff !important;
    background: none !important;
}
.mi-menu li:first-child a {
    border-left: none;
}

.mi-menu li:last-child a {
    border-right: none;
}
.mi-menu li:hover a {
    color: #fff;
    background: none !important;
}

.mi-menu li:hover {
    background: #e4a70d;
}
.mi-menu li:hover>ul {
    opacity: 1;
}
.mi-menu ul li {
    height: 0;
    overflow: hidden;
    padding: 0;
    -moz-transition: height .25s ease .1s;
    -webkit-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
}

.mi-menu li:hover>ul li {
    height: 36px;
    /* los mostramos */
    overflow: visible;
    padding: 0;
}
.mi-menu ul li a {
    border: none;
    border-bottom: 1px solid #111;
    margin: 0;
    /* el ancho dependerá de los textos a utilizar */
    padding: 5px 20px;
    width: 100px;
}
.mi-menu ul li:last-child a {
    border: none;
}

 /*=============banner=======================================*/

.slider-frame {
    width: 980px;
    height: auto;
    margin:0 auto 0;
    overflow: hidden;
}

.slider-frame ul {
    display: flex;
    padding: 0;
    width: 400%;
    margin-top: 0;
    margin-bottom:-4px;
    
    animation: slide 20s infinite alternate ease-in-out;
}

.slider-frame li {
    width: 100%;
    list-style: none;
}

.slider-frame img {
    width: 100%;
}

@keyframes slide {
    0% {margin-left: 0;}
    20% {margin-left: 0;}
    
    25% {margin-left: -100%;}
    45% {margin-left: -100%;}
    
    50% {margin-left: -200%;}
    70% {margin-left: -200%;}
    
    75% {margin-left: -300%;}
    100% {margin-left: -300%;}
}



/*==============fin banner=======================*/

@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-250px * 7));
            transform: translateX(calc(-250px * 7));
  }
}

@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-250px * 7));
            transform: translateX(calc(-250px * 7));
  }
}
.slider {
  /*background: transparent;*/
  background: #04589c;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
  height: 100px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 980px;
}
.slider::before, .slider::after {
  /*background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);*/
  content: "";
  height: 100px;
  position: absolute;
  width: 200px;
  z-index: 2;
}
.slider::after {
  right: 0;
  top: 0;
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}
.slider::before {
  left: 0;
  top: 0;
}
.slider .slide-track {
  -webkit-animation: scroll 40s linear infinite;
          animation: scroll 40s linear infinite;
  display: flex;
  width: calc(250px * 14);
}
.slider .slide {
  height: 100px;
  width: 250px;
}
.slide img{
    width: 200px;
    height: 80px;
    border : 2px solid #000;
    margin-top:8px ;
    background: #fff;


}
#stanley{
    background: fbd504;

}

#contenedorbody {
    width: 980px;
    margin: 0 auto;
    height: ;
    background: #fff;
    justify-content: center;
    align-items: center;
    display: grid;
    border-left: solid 1px black;
    border-right: solid 1px black;
    -webkit-box-shadow:0 0 5px 5px #888;
    box-shadow: 0 0 5px 5px #888;

}


#listaitems {
    
    width: 960px;
    height: px;
    background: #fff;

    /*background-color: #e4a70d;*/
    text-align: center;
    justify-content: center;
    align-items: center;
    
    
}
.item{
    
    display: inline-block;
    text-align: center;

    padding-top: 20px ;


}
.item a {
    text-decoration: none;
    color: #fff;
    font-weight:bolder;
    background-color: #e4a70d;
    padding: 10px 10px 10px 10px;
    margin-top: 10px;
    border-radius: 10px;
}
.imgcategoria{
    padding-bottom: 15px;

}
.titlecategoria{

}
/*
#listaitems .bloque-producto .items:nth-child(2) {
    padding-top: 0px !important;
    margin-top: 10px !important;
}

.bloque-producto .items:nth-child(3n+2) {
    background: rgb(239, 241, 249) none repeat scroll 0% 0%;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

#listaitems .items {
    float: left;
    height: 130px;
    margin-bottom: 10px;
    margin-left: 14px;
    margin-top: 10px
}

.items_img {
    float: left;
    text-align: center;
    width: 150px;
}

.items_descripcion {
    border-left: 1px solid #CCC;
    margin-top: 0px;
    margin-left: 152px;
    padding-left: 8px;
    width: 140px;
    font-family: 'Helvetica_Regular';
    font-size: 10px;
    min-height: 100px;
}

.items_descripcion .items_titulo {
    font-family: 'Helvetica_Regular';
    font-weight: bold;
    font-size: 12px;
    width: 125px;
    padding: 7px;
    background: rgba(146, 140, 140, 0.1);
}

.items_titulo a {
    color: #5282b9;
    text-decoration: none;
}

.items_titulo a:hover {
    text-decoration: underline;
}

.items_descripcion .items_contenido {
    font-family: 'Helvetica_Regular';
}

.items_descripcion .items_contenido {
    color: rgba(3, 3, 3, 0.7);
    font-size: 11px;
}

.items_contenido {
    padding-top: 5px;
    padding-bottom: 5px;
}

.items_contenido li {
    display: list-item !important;
    list-style: none;
    text-align: -webkit-match-parent;
    line-height: 18px;
}

.items_contenido li a {
    text-decoration: none;
    color: #60605F;
    font-size: 10px;
    font-size: 11px;
}

.items_contenido li a:hover {
    text-decoration: underline;
}

.items_pie {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    font-weight: bold;
    padding: 4px;
}

.items_pie a {
    color: #a1a0a0;
    text-decoration: none;
}

.items_pie a:hover {
    text-decoration: underline;
}
*/

.space2 {
    width: 100%;
    height: 18px;
    float: left;
}

#footer {
    background: #000;
    background-repeat: repeat-x;
    width: 100%;
    overflow: hidden;
    
    
}
#contenidocenterfooter {
    width: 800px;
    margin: 0 auto;
    border-top: 1px  solid #fff ;
}
#contfooter {
    
    width: 980px;
    
    height: 48px;
}

#contfooter div {
    margin: 0px auto;
}

#textopie {
    text-align: center;
    font-family: 'Arial_Bold';
    font-size: 16px;
    color: #fff;
    line-height: 50px;
    
}
b {
    font-weight: bold;
}

#mapa {
    
    background:     white;
    width: 980px;
    height: ;
    justify-content: center;
    align-items: center;
    /*display: grid;*/
    margin: 0 auto;
    border-left: solid 1px black;
    border-right: solid 1px black;
    -webkit-box-shadow:0 0 5px 5px #888;
    box-shadow: 0 0 5px 5px #888;
}
#contmapa {
    background: #fff;
    width: 960px;
    justify-content: center;
    align-items: center;
    display: grid;
    margin: 10px auto;
    border:5px #04589c solid;
    padding: 5px auto;
    
}


#titulomapa , #sede-huancayo{
    background: ;
    text-align: center;
    font-size: 18px;
    font-family: 'Amaranth', sans-serif;
    color: #e4a70d;
    font-weight: 700;
}
#espacio{
    width: 980px;
    height: 20px;
    background: #ffffff;
    color: white;

}

.sede{
    
    color: #04589c;
    text-decoration: underline;
}
.section-main{
    background:#000;
    width: 100%;
    
    justify-content: center;
    align-items: center;
    display: grid;
    margin: 0px auto;
    padding-top: 20px;
    padding-bottom: 20px;
   



}

.conten-section-alinear img{
    justify-content: center;
    align-items: center;
    
    text-align: center;
    margin-left: 45px;
    margin-right: 45px;

    
}
#spacee{
    height: 20px;
    width: 980px;
    background: #ffffff;
    margin: 0px auto;
    display: flex;
    justify-content: center;
    border-left: solid 1px black;
    border-right: solid 1px black;
    -webkit-box-shadow:0 0 5px 5px #888;
    box-shadow: 0 0 5px 5px #888;
}
#spacee1{
    background: #fff;
    color: #fff;
    width: 100%;
    margin-top: -10px;
} 
.conten-icon{
    display: inline-block;
     text-align:center ;
}
.footerredes{
    width: 50px;
    height:50px ;
    background: #e3a70e;
    border-radius: 50%;
}
.textredesfoot a{
   color: #fff;
   font-weight: bold;
   font-size: 18px;
   font-family: helvetica;
}
 .textredesfoot a:link { text-decoration:none; } 
.textredesfoot a:visited { text-decoration:none; }
.btn-wsp{
    position:fixed;
    width:60px;
    height:60px;
    line-height: 3px;
    bottom:25px;
    right:25.5%;
    background:#;
    color:#FFF;
    border-radius:150px;
    text-align:center;
    font-size:35px;
    box-shadow: 0px 1px 100px rgba(0,0,0,0.3);
    z-index:200;
    transition: all 300ms ease;
}
.btn-wsp:hover{
    background: ;
}
@media only screen and (min-width:320px) and (max-width:768px){
    .btn-wsp{
        width:63px;
        height:63px;
        line-height: 66px;
    }
}