@charset "utf-8";
/* CSS Document */
	


.web{
	display:none;	
}
	
.movil{
	display:block;	
}

#slider {
	width:100%;
  height:200px;
  position:relative;
}

.sello{
	position:absolute;
	width:35%;
	height:auto;
	top:20%;
	left:10%;
	z-index:9;
}

.sello img{
	width:100%;	
}

#slider #slides {
  width:inherit;
  height:inherit;
}
#slider .slide {
  width:inherit;
  height:inherit;
  position:absolute;
  display:none;
}
#slider .slide .slide-img {
  width:inherit;
  height:inherit;
  border-radius:5px;
}
#slider .active-slide {
	display:block;
}
#slider-nav {
  width:inherit;
  text-align:center;
  position:absolute;
  bottom:0;
}
#slider-nav ul {
  list-style:none;
  margin:0;
  padding:0;
  display:inline-block;
}
#slider-nav ul li.dot {
  display:inline;
  margin:3px;
  font-size:2.5em;
  color:rgba(255,255,255,0.7);
  cursor:pointer;
}
#slider-nav ul li.active-dot {
  color:#0b70a8;
}
#slider-nav #update-btn {
  position:absolute;
  top:10px;
  right:20px;
  display:none;
}
#slider-nav #update-btn img {
  width:40px;
  height:40px;
  padding:0 5px;
  cursor:pointer;
}
#slider #dialog {
  z-index:1;
  width:35%;
  height:35%;
  color:white;
  font-family:Arial, Helvetica, sans-serif;
  font-size:1.4em;
  border-radius:5px;
  position:absolute;
  top:33%;
  left:33%;
  display:none;
}
#slider #dialog #transparent {
  width:100%;
  height:100%;
  background-color:black;
  border-radius:5px;
  opacity:0.7;
}
#slider #dialog * {
  position:absolute;
}
#slider #dialog #msg {
  top:10%;
  left:10%;
}
#slider #dialog #input {
  width:75%;
  height:10%;
  border-radius:5px;
  font-size:0.8em;
  padding:2%;
  top:30%;
  left:10%;
}
#slider #dialog #ok {
  width:25%;
  height:15%;
  padding:2%;
  background-color:black;
  border-radius:5px;
  text-align:center;
  cursor:pointer;
  top:60%;
  right:40%;
}
#slider #dialog #cancel {
  width:25%;
  height:15%;
  padding:2%;
  background-color:black;
  text-align:center;
  border-radius:5px;
  cursor:pointer;
  top:60%;
  right:9%;
}

#slider .arrow {
  width:45px;
  height:45px;
  display:none;
}
#slider .left, #slider .right {
  position:absolute;
  top:45%;
  cursor:pointer;
}
#slider .left {
  left:2%;
}
#slider .right {
  right:2%;
}

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

	#slider {
		height:345px;	
	}
	
	.sello{
		width:28%;	
	}
}

@media screen and (min-width: 1024px) {
	
	.web{
		display:block;	
	}
	
	.movil{
		display:none;	
	}

	#slider {
		height:490px;	
	}
	
	.sello{
		width:35%;
		top:15%;
		left:3%;	
	}
}

@media screen and (min-width: 1366px) {

	#slider {
		height:550px;	
	}
	
	.sello{
		width:25%;
		top:20%;
		left:15%;	
	}
}