body {margin:0;background-color: #f1f1f1;}

textarea{padding:8px;display:block;width:100%;height:100px;}
textarea::placeholder {color:black;font-size:14px;}
input:focus {outline: none;}



.menu{background-color:#ff5722;display:flex;flex-direction:row;}
.img {width: 120px;transition: transform 0.3s ease;margin-left:20px;}
.img:hover {transform: scale(0.8);}
.btn-menu{padding: 8px 16px;color: #fff;cursor:pointer;font-size: 12px;text-transform: uppercase;text-align: center;position: relative;text-decoration: none;display:inline-block;}
.btn-menu::before {content: ''; position: absolute;bottom: 0%;left: 0px;width: 100%;height: 1px;background: #FFFFFF; display: block;-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top; -webkit-transform: scale(0, 1);-ms-transform: scale(0, 1);transform: scale(0, 1); -webkit-transition: transform 0.2s cubic-bezier(1, 0, 0, 1); transition: transform 0.2s cubic-bezier(1, 0, 0, 1)}
.btn-menu:hover::before {-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);transform: scale(1, 1)}
.button{border:none;display:inline-block;padding:0px 0px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.button:hover{color:#000!important;background-color:#ffffff!important}
.sticky{position: sticky!important;top: 0!important}
.oculto{display:none;}
.mySlides {display:none;}

.btn-efecto {padding:8px 16px;border:none;display:inline-block;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;border-radius:4px;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap;box-shadow: inset 0 0 0 0 #FFFFFF;-webkit-transition: ease-out 0.4s;-moz-transition: ease-out 0.4s;transition: ease-out 0.4s;}
.btn-efecto:hover { box-shadow: inset 0 0 0 50px #FFFFFF; color:#616161;}

.btn-efecto-orange {padding:8px 16px;border:1px solid #ff5722;display:inline-block;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;border-radius:4px;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap;box-shadow: inset 0 0 0 0 #ff5722;-webkit-transition: ease-out 0.4s;-moz-transition: ease-out 0.4s;transition: ease-out 0.4s;}
.btn-efecto-orange:hover {box-shadow: inset 0 0 0 50px #ff5722;color:white;}

.btn-efecto-red {padding:8px 16px;border:1px solid #f44336;display:inline-block;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;border-radius:4px;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap;box-shadow: inset 0 0 0 0 #f44336;-webkit-transition: ease-out 0.4s;-moz-transition: ease-out 0.4s;transition: ease-out 0.4s;}
.btn-efecto-red:hover {box-shadow: inset 0 0 0 50px #f44336;color:white;}

.row-1 {display: flex; flex-direction:row; align-items: center;}
.row-2 {display: flex; flex-direction:row;align-items: center;justify-content: center;}
.row-3 {display: flex;flex-direction:row;justify-content:space-between;}
.row-4 {display: flex;}
.row-5 {display: flex; flex-direction:row;align-items: center;justify-content: right;}

.div-horizontal{width:97%;height:300px; overflow-x: scroll; overflow-y: hidden; display: flex;}
.div-horizontal::-webkit-scrollbar {width: 8px;height: 8px;}
.div-horizontal::-webkit-scrollbar-thumb {background-color: #ff5722;border-radius: 4px;}
.div-horizontal::-webkit-scrollbar-track {background-color: #f1f1f1;}

.thumb {height: 128px;width:128px;border: 1px solid #ccc;object-fit:cover;margin: 10px 5px 0 0;}

.no-resize{resize:none!important}

.slide-small{max-width:300px; max-height:300px;}
.slide-medium{max-width:500px; max-height:500px;}
.slide-large{max-width:500px; max-height:500px;}
.slide-small-image{width:280px; height:280px;object-fit:cover;}
.slide-medium-image{width:500px; height:500px;object-fit:cover;}
.slide-large-image{width:500px; height:500px;object-fit:cover;}


.red{background-color: #cc0606;}
.red-degree{background:linear-gradient(to right, rgba(244, 67, 54, 1), rgba(244, 67, 54, .5));}

.cursor-zoom-in{cursor:zoom-in;}


.mySlides {display:none;}
.mySlides2 {display:none;}

#divPrincipal{
	padding-top:10px;
}

/* efectos */

.icon {
  -moz-transition: transform 0.4s;
  -webkit-transition: transform 0.4s;
  transition: transform 0.4s;
}

.flip {transform: rotate(-180deg);}

.dni {transition: transform 0.3s ease;}

.correr {transform: translateX(-50px);}


.item {
    width: 100%;
    padding: 20px 0;
    margin: 0 auto;
}

.item:nth-child(odd) {
    background: none;
}

.item:last-child {
    border: 0;
}
/*
button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    border: 0;
    outline: 0;
}

button::-moz-focus-inner,
input::-moz-focus-inner,
select::-moz-focus-inner,
textarea::-moz-focus-inner {
    border: 0;
    padding: 0;
}
*/


.wrapper {
	top:-15px;
    display: block;
    position: relative;
	height:50px;
}

.wrapper input {
    width: 100%;
    color: black;
    font-size: 12px;
    background-color: #fff;
    border-bottom: 1px solid #616161;
    transition: .1s all linear;
    padding: 10px;
}

.wrapper label {
    position: absolute;
    top: 25px;
    left: 15px;
    font-size: 14px;
    color: black;
    transition: 300ms all linear;
    cursor: text;
}

.item1 .wrapper.active input {
    padding-left: 45px;
}

.item1 .wrapper.active label {
    font-weight: bold;
    left: 6px;
    opacity: .5;
}


.item2 .wrapper.active input {
    padding-left: 15px;
}

.item2 .wrapper.active label {
    font-weight: bold;
    top: -8px;
	font-size:12px;
}

.item6 .wrapper.active input {
    padding-left: 15px;
}

.item6 .wrapper.active label {
    width: 100%;
	text-align:left;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 5px;
    top: 60px;
    left: 0;
}