@import url('../fuentes.css');

*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: sans-serif;
}
body {	
	background: #EEEEEE;
}
body input, body select,
body textarea{
	border-radius: 7px !important;
	font-size: 0.85em !important;
}
body label{
	font-size: 0.85em !important;
	margin: auto 0px;
}
textarea{
	resize: none;
}
.main{
	flex-direction: column;
	width: 80%;
	margin: 160px auto 0px;
	padding: 4px;
	z-index: 0;
}
.div_grup1{
	justify-content: space-between;
}
.div_imgns{
	width: 54%;
	flex-direction: column;
}
.div_line1, .div_line2, .div_line3{
	justify-content: space-between;
	margin-bottom: 20px;
}
.div_imagn{
	width: 30%;
	height: 170px;
	flex-direction: column;
	align-content: space-between;
}
.div_imgn{
	border: 1px solid #C8C8C8;
	padding: 15px;
	border-radius: 50%;
	width: 60%;
	height: 120px;
	margin: auto;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
	transition:all .5s ease-in-out;
	overflow:hidden;
}
.div_imgn:hover {
		-webkit-transform:scale(1.1);
		-moz-transform:scale(1.1);
		-o-transform:scale(1.1);
	transform:scale(1.1);
	cursor: pointer;
}
.div_txt{
	width: 100%;
}
.div_txt p{
	font-family: IBMPlexMono-BoldItalic, Courgette-Regular, RobotoMono-LightItalic, Arial, Helvetica, SansSerif;
	color: #274690;
	font-size: 1em;
	margin: auto;
	padding: 3px 0px;
}
.div_imgn img{
	width: 90%;
	height: auto;
	margin: auto;
}
.servdr{
	height: 100% !important;
}


/* BANNER */
.div_banners{
	flex-direction: column;
	justify-content: space-between;
	width: 43%;
}
.div_bannr1{
	width: 100%;
	height: 320px;
	margin-bottom: 40px;
}
.div_bannr1 img{
	width: 100%;
	height: 80%;
	margin: auto;
	border-radius: 7px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.div_slider{
	flex-direction: column;
	justify-content: space-between;
	height: 190px;
	margin-bottom: 10px;
}
.div_texto{
	margin-top: auto;
}
.div_texto p{
	font-family: Arial,  Helvetica, Courgette-Regular, SansSerif;
	font-size: 1em;
	padding: 2px 10px;
	text-align: justify;
}





/* SLIDER */
#carousel_logs{
	width: 100%;
	height: 40%;
}
.slide_logs {
	height: 120px;
}
.slide_logs img{
	width: 90%;
	height: 80px;
	margin-left: 5%;
}
.carousel-control-prev,
.carousel-control-next{
	font-size: 35px;
	color: #000;
}
.carousel-indicators {
	top: 75px !important;
}
.carousel-indicators li{
	background-color: #000;
	width: 15px;
	height: 15px;
	border-radius: 100%;
}
.carousel-indicators li.active{
	background-color: #426F9B;
}
.carousel-inner .carousel-item {
  transition: -webkit-transform 2s ease;
  transition: transform 2s ease;
  transition: transform 2s ease, -webkit-transform 2s ease;
}




/* MEDIA QUERYS */

@media (min-width:1900px) and (max-height:1980px) {
	.slide_logs img{
		width: 80%;
		margin-left: 10%;
	}
	.div_texto{
		margin-top: 40px;
	}
	.div_imagn{
		height: 220px;
	}
	.div_imgn{
		width: 72%;
		height: 170px;
	}
	.div_bannr1{
		height: 370px;
	}
	.div_slider{
		height: 240px;
	}
	.slide_logs img{
		width: 75%;
		height: 90px;
		margin-left: 12.5%;
	}
	.carousel-indicators {
		top: 100px !important;
	}
	.div_texto p{
		font-size: 1.2em;
	}
	.btn-whatsapp {
		bottom: 4em;
		right: 1em;
	}
	.ir_arriba {
		bottom: 0;
		right: 1.4em;
	}

}



@media (max-width:1366px) and (max-height:768px) {
	.slide_logs img{
		width: 80%;
		margin-left: 10%;
	}
	.div_bannr1{
		height: 300px;
	}
	.div_texto{
		margin-top: 40px;
	}
	.div_imagn{
		height: 180px;
	}
	.div_imgn{
		width: 72%;
		height: 120px;
	}
	.slide_logs img{
		width: 80%;
		height: 70px;
		margin-left: 10%;
	}
	.btn-whatsapp {
		bottom: 4em;
		right: 1em;
	}
	.ir_arriba {
		bottom: 0;
		right: 1.4em;
	}

}


@media (max-width:1024px) and (max-height:1366px) {
	.main{
		width: 98%;
		margin-top: 200px;
	}
	.div_grup1{
		flex-direction: column;
	}
	.div_imgns, .div_banners{
		width: 100%;
		margin-bottom: 15px;
	}
	.div_bannr1{
		height: 460px;
	}
	.div_slider{
		height: 260px;
	}
	.slide_logs img{
		width: 65%;
		height: 110px;
		margin-left: 17.5%;
	}
	.carousel-indicators {
		top: 110px !important;
	}
	.div_texto p{
		font-size: 1.6em;
	}
	.div_footer2 p{
		text-align: justify;
	}
	.btn-whatsapp {
		bottom: 4em;
		right: 1em;
	}
	.ir_arriba {
		bottom: 0;
		right: 1.4em;
	}

}


@media (max-width:768px) and (max-height:1024px) {
	.main{
		width: 98%;
		margin-top: 200px;
	}
	.div_grup1{
		flex-direction: column;
	}
	.div_imgns, .div_banners{
		width: 100%;
		margin-bottom: 15px;
	}
	.div_slider{
		height: 240px;
	}
	.slide_logs img{
		width: 80%;
		height: 120px;
		margin-left: 10%;
	}
	.carousel-indicators {
		top: 110px !important;
	}
	.div_texto p{
		font-size: 1.3em;
	}
	.btn-whatsapp {
		bottom: 4em;
		right: 1em;
	}
	.ir_arriba {
		bottom: 0;
		right: 1.4em;
	}

}


@media (max-width:712px) and (max-height:1138px) {
	.main{
		width: 98%;
		margin-top: 200px;
	}
	.div_grup1{
		flex-direction: column;
	}
	.div_imgns, .div_banners{
		width: 100%;
		margin-bottom: 15px;
	}
	.div_banners{
		/* height: 300px; */
	}
	.div_slider{
		height: 270px;
	}
	.slide_logs img{
		width: 75%;
		margin-left: 12.5%;
	}
	.div_footer2 p{
		text-align: justify;
	}
	.btn-whatsapp {
		bottom: 4em;
		right: 1em;
	}
	.ir_arriba {
		bottom: 0;
		right: 1.4em;
	}

}


@media (max-width:414px) and (max-height:896px) {
	.div_line1, .div_line2, .div_line3{
		flex-wrap: wrap;
	}
	.div_imagn{
		width: 48%;
		margin-bottom: 7px;
		margin: 0px auto 7px;
	}
	.div_bannr1{
		height: 250px;
	}
	.div_slider{
		height: 240px;
	}
	.slide_logs img{
		width: 94%;
		height: 75px;
		margin-left: 3%;
	}
	.carousel-indicators {
		top: 80px !important;
	}
	.div_texto p{
		font-size: 1.1em;
	}

}


@media (max-width:414px) and (max-height:736px) {
	.div_bannr1{
		height: 220px;
	}

}


@media (max-width:412px) and (max-height:915px) {
	.div_line1, .div_line2, .div_line3{
		flex-wrap: wrap;
	}
	.div_imagn{
		width: 48%;
		margin-bottom: 7px;
		margin: 0px auto 7px;
	}
	.slide_logs img{
		width: 94%;
		height: 80px;
		margin-left: 3%;
	}
	.div_bannr1{
		height: 240px;
	}
	.carousel-indicators {
		top: 80px !important;
	}
	.div_texto p{
		font-size: 1.2em;
	}

}


@media (max-width:390px) and (max-height:844px) {
	.main{
		width: 98%;
	}
	.div_line1, .div_line2, .div_line3{
		flex-wrap: wrap;
	}
	.div_imagn{
		width: 50%;
		margin-bottom: 7px;
		margin: 0px auto 7px;
	}
	.div_slider{
		height: 250px;
	}
	.slide_logs img{
		width: 94%;
		height: 75px;
		margin-left: 3%;
	}
	.carousel-indicators {
		top: 90px !important;
	}
	.div_texto p{
		font-size: 1.1em;
	}

}


@media (max-width:360px) and (max-height:740px) {
	.main{
		width: 98%;
		margin-top: 200px;
	}
	.div_grup1{
		flex-direction: column;
	}
	.div_imgns, .div_banners{
		width: 100%;
		margin-bottom: 15px;
	}
	.div_line1, .div_line2, .div_line3{
		flex-wrap: wrap;
	}
	.div_imagn{
		width: 48%;
		margin-bottom: 7px;
		margin: 0px auto 7px;
	}
	.div_bannr1{
		height: 230px;
	}
	.slide_logs img{
		width: 95%;
		height: 70px;
		margin-left: 2.5%;
	}
	.div_texto p{
		font-size: 0.95em;
	}
	.div_footer2 p{
		text-align: justify;
	}

}


@media (max-width:320px) and (max-height:658px) {
	.div_imagn{
		height: 160px;
	}
	.div_imgn{
		width: 85%;
	}
	.slide_logs img{
		height: 70px;
	}
	.div_texto p{
		font-size: 0.85em;
	}

}


@media (max-width:280px) and (max-height:653px) {
	.div_img{
		width: 98%;
		margin-bottom: 10px;
	}
	.div_img img{
		width: 98%;
		height: auto;
	}
	.main{
		margin-top: 180px;
	}
	.div_line1, .div_line2, .div_line3{
		flex-direction: column;
		margin-bottom: 10px;
	}
	.div_imagn{
		width: 60%;
	}
	.div_bannr1{
		height: 180px;
	}
	.slide_logs img{
		width: 95%;
		height: 60px;
		margin-left: 2.5%;
	}
	.div_texto p{
		font-size: 0.9em;
	}
}