.footer {
	padding: 2em 2em;
	font-size: 0.7em;
	border-top: #ccc solid 2px;

	overflow: hidden;
	max-height: 1500px;
	background: #e0e8e7 url("../images/fotos/fondoFooter.png") left 2em no-repeat;
	color: #5d5d5d;

	border-top: #f2f2f2 solid 1.5em;
	border-bottom: #4c4f52 solid 2em;
	z-index: 100;

	background-image: url("https://ashocedv-gfaserta.ocecdn.oraclecloud.com/content/published/api/v1.1/assets/CONT189093C70995483489D8C0FDB56B5AD4/native/fondoFooter.png?channelToken=cf302226b9064a15afac96976391e914");
	background-position: 0px 15%;
	background-repeat: no-repeat;
	background-size: 30px !important;
}

.footer.hover {
	background: #4c4f52;
	color: white;
	max-height: 1500px;
	padding: 1em 2em;
}

.footer h3 {
	padding: 0 0 0.2em 0;
	font-size: 1.2em;
	-webkit-transition: margin-top 0.5s ease-in-out, margin-bottom 0.5s ease-in-out;
	-moz-transition: margin-top 0.5s ease-in-out, margin-bottom 0.5s ease-in-out;
	-o-transition: margin-top 0.5s ease-in-out, margin-bottom 0.5s ease-in-out;
	transition: margin-top 0.5s ease-in-out, margin-bottom 0.5s ease-in-out;
}

.footer .col {
	float: left;
}

.footer .c1 {
	width: 53%;
}

.footer .c2 {
	width: 26%;
}

.footer .c4 {
	width: 18%
}

.footer .c4 .p>div {
	clear: both;
	margin-bottom: 0.1em;
	overflow: hidden;
	width: 100%;
}

.footer .col h3,
.footer .col h4 {
	padding-bottom: 0.4em;
	color: #698f8d;
	font-weight: bold;
}

.footer {
	-webkit-transition: padding-top 0.5s ease-in-out, padding-bottom 0.5s ease-in-out, border-top-width 0.5s ease-in-out, border-bottom-width 0.5s ease-in-out;
	-moz-transition: padding-top 0.5s ease-in-out, padding-bottom 0.5s ease-in-out, border-top-width 0.5s ease-in-out, border-bottom-width 0.5s ease-in-out;
	-o-transition: padding-top 0.5s ease-in-out, padding-bottom 0.5s ease-in-out, border-top-width 0.5s ease-in-out, border-bottom-width 0.5s ease-in-out;
	transition: padding-top 0.5s ease-in-out, padding-bottom 0.5s ease-in-out, border-top-width 0.5s ease-in-out, border-bottom-width 0.5s ease-in-out;
}

.footer.hidden {
	padding-top: 1.5em;
	padding-bottom: 0;
	border-top-width: 5px;
	border-bottom-width: 5px;
	background-position: left 100px;
}

.footer.hidden h3 {
	margin-top: 0;
	margin-bottom: 0;
}

.footer .col .p,
.footer .col h4,
.footer .grupo {
	max-height: 1000px;

	-webkit-transition: max-height 0.5s ease-in-out, padding 0.5s ease-in-out, margin-top 0.5s ease-in-out, margin-bottom 0.5s ease-in-out;
	-moz-transition: max-height 0.5s ease-in-out, padding 0.5s ease-in-out, margin-top 0.5s ease-in-out, margin-bottom 0.5s ease-in-out;
	-o-transition: max-height 0.5s ease-in-out, padding 0.5s ease-in-out, margin-top 0.5s ease-in-out, margin-bottom 0.5s ease-in-out;
	transition: max-height 0.5s ease-in-out, padding 0.5s ease-in-out, margin-top 0.5s ease-in-out, margin-bottom 0.5s ease-in-out;
}

.footer.hidden .col .p,
.footer.hidden .col h4,
.footer.hidden .grupo {
	max-height: 0;
	overflow: hidden;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.footer .col .row .colMid {
	width: 50%;
	float: left;

}

.footer .col .row .col1 {
	width: 56%;

}

.footer .col .row .col2 {
	width: 44%;
}


.footer.hover .col .p,
.footer.hover .col h4 {
	max-height: 500px;
}

.footer .col h3 a {
	color: #698f8d;
}

.footer .col a {
	display: block;
	color: #5d5d5d;
	padding-bottom: 0.2em;

	padding-bottom: 0.5em;
	-webkit-transition: color 0.5s ease-in-out;
	-moz-transition: color 0.5s ease-in-out;
	-o-transition: color 0.5s ease-in-out;
	transition: color 0.5s ease-in-out;
}

.footer .col .redes a {
	display: inline;
}

.footer.hover a {
	color: white;
	/*font-size:1.3em;*/
}

.footer .grupo {
	clear: both;
	padding: 1em;
	overflow: hidden;
	text-align: right;
	color: #ff9500;
	font-size: 1.3em;
}

.footer.hover .grupo {
	height: auto;
}

.iconos_footer_izq {
	float: left;
	padding-right: 4px;
}

#icoF1 .iconos_footer_der,
#icoF2 .iconos_footer_der,
#icoF3 .iconos_footer_der {
	padding-top: 0.5em;
}

#icoF1 .iconos_footer_der a,
#icoF2 .iconos_footer_der a,
#icoF3 .iconos_footer_der a {
	display: inline;
}

@media screen and (max-width: 481px) and (orientation : portrait),
screen and (max-width: 667px) and (orientation : landscape) {

	.footer {


		position: relative;
		padding-bottom: 2em;
	}

	.footer.closed {
		max-height: 1000px;
		padding: inherit;
	}

	.footer,
	.footer a {
		font-size: 1em;
		text-align: center;

	}

	.footer .col .p,
	.footer .col h4 {
		max-height: 500px;

	}

	.footer .c1,
	.footer .c2,
	.footer .c3,
	.footer .c4,
	.footer .c5 {
		width: auto;
		float: none;
	}

	.footer .col .row .colMid {
		width: auto;
		float: none;

	}

	.footer .c4 {
		clear: left;
	}

	.iconos_footer_izq {
		float: none;
	}

	.footer .grupo,
	.footer.hover .grupo {
		height: auto;
		text-align: center;
	}

}

#iconoTelefono {
	height: 70px;
}

#textoTelefono {
	min-width: 150px;
}

@media only screen and (min-width: 1640px) {
	.footer {
		font-size: 0.6em;
	}
}

@media only screen and (max-width: 768px) {
	.footer .c5 img {
		width: 48%;
		margin: 1%;
		float: left;
	}
}

.corporacionaserta {
	position: relative;
	display: inline-block;

}

.corporacionaserta img {
	position: absolute;
	left: -30px;
	top: -8px;
}

.corporacionaserta a {
	float: left;
}