a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: underline;}

html{font-size:16px; background-color:#fff; padding:0; margin:0;}

body{
  box-sizing: border-box;  
  padding: 0; margin:0;
  background-color:#fff; 
  float:left; width:100%;
  position: relative;
  height: auto;
  min-height: 100% !important;
}
* {box-sizing: border-box;}

.bns_marcas{
  /*display:block;*/ width:96%; min-height:4rem; float:left; margin-top:2rem; margin-bottom:2rem;
  margin-left:2%; height:auto;
  border:1px solid #c0c0c0; background-color:#fff;
  box-shadow: 0px 0px 8px #C0C0C0;  -webkit-box-shadow: 0px 0px 8px #C0C0C0;  -moz-box-shadow: 0px 0px 8px #C0C0C0;
  border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
  text-align:center; 
   display: flex;
  justify-content: center; /*overflow-y:hidden;*/ padding: 0 4%;
}

.bns_marcas div{/* margin:0;*/ position:relative; margin:auto; display: inline-block; justify-content: center; /* height:5rem;*/height: 2rem; /*width:9%;*/width: fit-content; border: 0px solid red; align-items: center; text-align:center;}
.bns_marcas div img{width: 90%; /*position: absolute;*/ top: 50%; left: 50%;  /*transform: translate(-50%, -50%);*/ max-height: 100%;}

.banner_fijo{
  display:block; width:100%; height:auto; float:left; margin-top:2rem; margin-bottom:2rem; 
  text-align:center;
}
.banner_fijo img{width:100%; height:auto;}

.urb_sld{
	width: 100%; float: left; display:block;
	overflow:hidden; 
  padding:0rem; margin:0;  margin-bottom: 4px;
}
.urb_sld .img_contents{width:100%}
.urb_sld .img_contents img{width:100%}

.urb_sld .urb_oab {
  position: relative; overflow: hidden; z-index: 1;
}
.urb_sld .urb_oab .img_contents {
  width: 100%;
  position: relative;
  overflow: visible;
  white-space: nowrap;
  object-fit:cover;
}
.urb_sld .urb_oab .img_contents > * {
  width: 100%;
  margin: 0; padding:0;
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.urb_sld .urb_oab .img_contents > div {box-sizing: border-box;  margin:0; padding:0; color:#000; background-color:#fff; }
.urb_sld .urb_oab .img_contents > * img {box-sizing: border-box; max-width: 100% !important; width: 100%; margin-bottom: 0;  }
.urb_sld .urb_oab .img_contents > img {}
.urb_sld .urb_oab .img_contents .image-text { background: none; }

.slider-wrapper {overflow: hidden; position:relative; width:100%; height:22rem;}
.slider-slider {
  position: relative; display: flex; transition: 0.6s; height:22rem;
}

.slider-item {
  flex: 1 0 20%;
  min-height: 22rem;
  width:20%; height:15rem;  float:left;
  text-align:center; 
}
.slider-int{
  width:90%!important;
  margin-left:5%; margin-top:0.5rem;
}
.slider-ctrl{position:absolute; top:40%; opacity:0.4; background-color:transparent; z-index:9000; font-size:40px!important; }
.slider-ctrl:hover{opacity:1; cursor:pointer;}
.slider-prev{left:1%;}
.slider-next{right:1%;}

.funny_tit{
  position: relative; display:block; float:left;
  width: 100%; height:1.5rem; margin-top:1rem; margin-bottom:0;
  
}
.funny_tit *{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.funny_tit hr{
  width:90%; top:20%;
  border: 5px solid #CE2934;
  border-radius: 5px;
}
.funny_tit div{
  width:30%; height:1.5rem;
  text-align:center; color:#fff; padding-top:1px;
  background-color: #CE2934;
  border-radius: 15px;
}
._red div{background-color: #CE2934!important;}
._red hr{border-color: #CE2934!important;}
._blue div{background-color: #2d5f97!important;}
._blue hr{border-color: #2d5f97!important;}
.center {
  width:99%;margin-left:0.5%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.center nav{width: 3%; height:10.2rem; display:flex; align-items:center;text-align:center;  justify-content: center; margin-top:0.1rem;}
.center nav i{font-size:36px; background-color:green; border-radius:50%; color:#fff; cursor:pointer; }
.center ._right{float:right;}
.slide-lock {
  width: 95vw; height:13.5rem;
  max-width: 100%;
  overflow: hidden;
  min-width: 300px;
  padding: 15px;
  scroll-behavior: smooth;
}
/*
.slides {column-gap:31px;}
.slide {
  min-width: 130px;
  min-height: 10rem;
  transition: 0.25s;
}
.slide:hover {transform:scale(1.05);}
*/
.slide{height:60vh;display:inline-block;border:0px solid #fff;position:relative; }
.slide img{/*height:60vh;*/ width:100vw;}

@media only screen and (min-width : 300px) and (max-width : 580px){
}
