@charset "UTF-8";
/* CSS document */
/* Descripcion: estilo para Casas Trío
Autor: Omar De Luna
actualización: oct 2023 */


img{border:0;}

* { margin: 0; padding: 0; box-sizing: border-box;}

a, input, nav ul, textarea{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}

.F-lex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 1600px;
	margin: 0 auto;
	padding: 70px 10%;
	position: relative;
}

.F-lexFull{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
	padding: 70px 0;
}

.col20{
	width: 18%;
}

.col25{
	width: 23%;
}

.col30{
	width: 31%;
}

.col50{
	width: 48%;
}

.col60{
	width: 65%;
}

.col25, .col30, .col50, .col60, .col100{
	margin-bottom: 20px;
}

.col100{
	width: 100%;
}

.F-lexFull .col25{
	width: 25%;
}

.F-lexFull .col30{
	width: 33.3%;
}

.F-lexFull .col50{
	width: 50%;
}

.F-lexFull .col60{
	width: 66.6%;
}

.pad{
	padding: 3%;
}

.no-pad{
	padding: 0;
}

.no-padT{
	padding-top: 0;
}

.no-padB{
	padding-bottom: 0;
}

.alinI{
	align-items: center;
}

.no-mar{
	margin: 0;
}

.Tcenter{
	text-align: center;
}


@media only screen and (min-width:0px) and (max-width:767px){
	

	
.F-lex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 1600px;
	margin: 0 auto;
	padding: 40px 7%;
	position: relative;
}

.F-lexFull{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
	padding: 70px 0;
}
	
.col20{
	width: 100%;
}

.col25{
	width: 100%;
}

.col30{
	width: 100%;
}

.col50{
	width: 100%;
}

.col60{
	width: 100%;
}

.col25, .col30, .col50, .col60, .col100{
	margin-bottom: 20px;
}

.F-lexFull .col25{
	width: 100%;
}

.F-lexFull .col30{
	width: 100%;
}

.F-lexFull .col50{
	width: 100%;
}

.F-lexFull .col60{
	width: 100%;
}

}


@media only screen and (min-width:0px) and (max-width:600px){
	

	
}


@media only screen and (min-width:768px) and (max-width:1023px){
	
	
.F-lex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 1600px;
	margin: 0 auto;
	padding: 50px 8%;
	position: relative;
}

.F-lexFull{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
	padding: 50px 0;
}
	
.col20{
	width: 48%;
}

.col25{
	width: 48%;
}

.col30{
	width: 31%;
}

.col50{
	width: 48%;
}

.col60{
	width: 65%;
}

.col25, .col30, .col50, .col60, .col100, .col20{
	margin-bottom: 20px;
}

.F-lexFull .col25{
	width: 50%;
}

.F-lexFull .col30{
	width: 33.3%;
}

.F-lexFull .col50{
	width: 50%;
}

.F-lexFull .col60{
	width: 66.6%;
}
	

}