/*INSTALO FUENTES*/

@font-face {
     font-family: "Aller";
    src:url('../fonts/Aller.ttf');
}

.infoTopMobile{
    position: absolute;
    right: 2%;
    bottom: 0;
    display: none;
}

.infoTopMobile ul li{
    list-style-type: none;
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: none;
    touch-action: manipulation !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: all;
}

.Ul1 li{
	float: left;
    list-style-type: none;
    color: #231F20;
    margin-right: 5%;
}

.corta-flo{clear: both;}

.top-2{
	position: absolute;
    right: 0;
    width: 380px;
    padding-top: 43px;
}

.Ul2 li{
	float: left;
    list-style-type: none;
    color: #231F20;
    margin-right: 5%;
}

.infoTop{
	margin-left: 15%;
	    position: absolute;
    width: 782px;
    right: 0;
    top: 0;
    z-index: 4;
    display: block;
    text-align: left;
}

.imgOpen{
	    margin-top: -62px;
    margin-left: 10%;
    position: absolute;
}

.colMedio{
	padding-left: 35px !important;
}

/*media query Cabezal*/
@media only screen and (min-width: 846px) and (max-width: 1003px) {

.infoTop {
    margin-left: 15%;
    position: absolute;
    width: 671px;
    right: 0;
    top: 0;
    z-index: 4;
    display: block;
    text-align: left;
    font-size: 13px;
}

.top-2 {
    position: absolute;
    right: 0;
    width: 380px;
    padding-top: 22px;
}
 }

@media only screen and (min-width: 100px) and (max-width: 845px) {

.infoTop {
   display: none;
}

.logoM{

}


}


@media only screen and (min-width: 764px) and (max-width: 1063px) {

	.imgOpen {
    margin-top: -10px;
    margin-left: 0;
    position: absolute;
    width: 29%;
}
}

@media only screen and (min-width: 661px) and (max-width: 764px) {
.imgOpen {
    margin-top: -10px;
    margin-left: 40%;
    position: absolute;
    width: 29%;
}

.colMedio{
	padding-left: 0 !important;
	margin-top: 20px;
}

.colUltima{
	margin-top: 20px;
}
}

@media only screen and (min-width: 559px) and (max-width: 660px) {
.imgOpen {
    margin-top: 65px;
    margin-left: 60%;
    position: absolute;
    width: 29%;
}

.colMedio{
	padding-left: 0 !important;
	margin-top: 20px;
}

.colUltima{
	margin-top: 20px;
}
}

@media only screen and (min-width: 100px) and (max-width: 558px) {
.imgOpen {
    margin-top: 114px;
    margin-left: 60%;
    position: absolute;
    width: 29%;
}

.colMedio{
	padding-left: 0 !important;
	margin-top: 20px;
}

.colUltima{
	margin-top: 20px;
}

.owl-carousel.home-slider .slider-item {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 400px !important;
    position: relative;
    z-index: 0;
}
}

@media only screen and (min-width: 100px) and (max-width: 843px) {
.infoTopMobile{
    position: absolute;
    right: 2%;
    bottom: 0;
    display: block;
} 
}