/*-----------------------MERCADO DE PÁGINAS-2017-RESPONSIVE DESIGN 100%--------------------------------------
-------------------------------------------LIMA-PERÚ-------------------------------------------------------
------------------------------------------VERSIÓN-1.0-----------------------------------------------------*/

/*---------------------------------------PROPIEDADES DEL SLIDER--------------------------------------------*/
/*.slider{
width:100%;
height:75%;
margin:0 auto;
overflow: hidden;
}

.slider ul {
display: flex;
padding: 0;
width: 100%;
width: 400%;
animation: cambio 10s infinite alternate linear;

}

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

.slider img{
width: 100%;
height:500px;

}

@keyframes cambio{
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%;}
}*/

.contslider{
width:100%;
margin:auto;
overflow:hidden;
height:80%;
}

#sliderinfinito{
width:1500px;
height:100%;

background-image:url(/imagenes/banners/banner_inicio.png);
background-size:100% 100%;

animation: slider 30s infinite linear;

}

#texto {
	position: absolute;
display:flex;
    justify-content: center;
    align-content: center;

	left: 5%;
/*	height: 80%;*/
	/*width: 50%;*/
border:10px solid;

  border-top-color:#eb7919;

    border-top-style: solid;
    border-top-width: 10px;
    border-right-color: #fff;
    border-right-style: solid;
    border-right-width: 0px;
    border-bottom-color: #fff;
    border-bottom-style: solid;
    border-bottom-width: 0px;
    border-left-color: #fff;
    border-left-style: solid;
    border-left-width: 0px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;

}

#textobanner{
    /*background-color: rgba(255, 255, 0, 0.3);*/
    background-color: rgba(235, 233, 249, 0.5);
    font-size: 400%;
    color: #eb7919;
   /* color:#af190f;*/
    text-align: left;
    margin: 0px;
    margin-left: 30px;
    display: inline-block;
    border-radius: 15px;
}

#hrbanner{
    color:#eb7919;
height:3px;
width:50%;
}


@keyframes slider{
to{
background-position:-1500px;
}
}