.pre{ width:auto;}
		.vista{width:120px; height:120px; background:#f5f5f5 url(../images/upload.png);
		border:2px dashed #c1c1c1;
		border-radius: 5px;
		display:inline-block;
		cursor:pointer;
		vertical-align:middle;
		position:relative;
	    margin: 2px;}
		.vista:hover{
		width:120px; height:120px; 
		background:#fff url(../images/upload.png) -00px -140px no-repeat;
		
		display:inline-block;
		cursor:pointer;
		vertical-align:middle;
		position:relative;	
	    }
		.image-url{width:120px; height:120px; vertical-align:middle; border:0; padding:0}
		.cerrar{
		text-align: center;
		position: absolute;
		top: -2px;
		margin-left: -2px;
		cursor: pointer;
		overflow: visible;
		background-color: rgba(245, 245, 245, 0.79);
		color: #e20134;
		font-size: medium;
		width: 120px;
			}
		.cerrar:hover{background-color: #68c5ab;color: #ffffff;}
		.link{margin-left: -2px;margin-top: -92px;display:block;vertical-align:middle;}
		.principal{
			color: #ffffff;
			padding-top: 92px;
			text-align: center;}

@media only screen and (max-width: 601px) {
	.vista{
		width:90px; 
		height:90px;
		background-size:105%;}
	.vista:hover{
		width:90px; 
		height:90px;
		background:#fff url(../images/upload.png) -00px -104px no-repeat;
		background-size: 105%;}
	.image-url {
		width: 90px;
		height: 90px;
	}
	.principal {
		font-size:small;
		padding-top: 68px;
	}
	.cerrar {
    width: 90px;
}
.link {
    margin-top: -69px;
}
}

@media only screen and (max-width: 401px) {
	.vista{
		width:78px; 
		height:77px;
		background-size:106%;
		margin: 0px;}
	.vista:hover{
		width:78px; 
		height:78px;
		background:#fff url(../images/upload.png) -00px -89px no-repeat;
		background-size: 106%;}
	.image-url {
		width: 78px;
		height: 78px;
	}
	.principal {
		font-size:small;
		padding-top:59px;
	}
	.cerrar {
    width: 78px;
}
.link {
    margin-top: -59px;
}
}

@media only screen and (max-width: 331px) {
	.vista{
		width:70px; 
		height:70px;
		background-size:105%;
		border: 1px dashed #c1c1c1;
		margin: -2px;}
	.vista:hover{
		width:70px; 
		height:70px;
		background:#fff url(../images/upload.png) -00px -80px no-repeat;
		background-size: 105%;}
	.image-url {
		width: 70px;
		height: 70px;
	}
	.principal {
		font-size: 10px;
		padding-top:56px;
	}
	.cerrar {
    width: 70px;
}
.link {
    margin-top: -53px;
}
}
/************* Upoad qascript************************/
#googleMap {
	width: 100%;
	height: 250px;
	margin-top: 10px;
	margin-bottom: 8px;
}
.localizador{
    margin-top: 16px;
    position: absolute;
    z-index: 1000;
    right: 24px;

}
.upload-kit .files {
    float: left;
    position: relative;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
.upload-kit .upload-kit-input {
    width: 120px;
}


.upload-kit .upload-kit-item {
    height: 120px;
    width: 120px;
    object-fit: cover;
}
.upload-kit .upload-kit-input .progress {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
    display: none;
}

.progress {
	height: 2.5rem;
	margin-top: -16px;

}

.progress-bar {
	display: -webkit-flex;
	display: -ms-flexbox;
    height: 1.5rem;
    border-radius: 2px;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	background-color: #467fcf;
	transition: width 0.6s ease;
}

.upload-kit .upload-kit-input, .upload-kit .upload-kit-item {
    position: relative;
    height: 120px;
    color: #999;
    border: 2px dashed #999;
    border-radius: 5px;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    background-size: cover;
    background-position: center center;
    background-origin: border-box;
    list-style: none;
	background-repeat: no-repeat;
    background-size: 40px 40px;
    background-image: url("/images/add_photo.png");
}
.upload-kit .upload-kit-input:hover{
	border: 2px dashed #7b7b7b;
	background-color: #f3f3f39c;
	background-image: url(/images/add_photo_hover.png);	
}
.upload-kit .upload-kit-input input[type=file], .upload-kit .upload-kit-item input[type=file] {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}
.upload-kit .upload-kit-item.image > img {
	height: 100%;
	width: 100%;
    border-radius: 7px;
    object-fit: cover;
}
.upload-kit .upload-kit-item .remove {
    display: none;
    cursor: pointer;
    font-size: 2em;
    line-height: 40px;
    text-align: center;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-left: -25px;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 4px;
    border-radius: 5px;
    color: #FFF;
    margin-top: -25px;
}
.upload-kit .upload-kit-item.done:hover .remove {
    display: block;
}
.upload-kit .upload-kit-item .remove {
    position: absolute;
}
.upload-kit .upload-kit-input.in-progress .progress {
    display: block;
}

@media screen and (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

@media only screen and (max-width: 702px){
	.upload-kit .upload-kit-item.done .remove {
		display: block;
		width: 40px;
		height: 40px;
		line-height: 33px;
		margin-left: -20px;
		background-color: rgba(0, 0, 0, 0.4);
	}
	.upload-kit .upload-kit-item {
		width: 100px;
		height: 100px;
		margin-right: 4px;
	}
	.upload-kit .upload-kit-input, .upload-kit .upload-kit-item {
		width: 100px;
		height: 100px;
		
	}
}