.footer .zonaArriba{
	background-color: #7a7885;
	padding: 40px 0;
}

.footer .zonaArriba > .portalLayoutArea {
	max-width: 1024px;
	margin: 0 auto;
}

.footer .zonaAbajo{
	background-color: #4b4f54;
	padding: 10px 0;
}

.footer .zonaAbajo > .portalLayoutArea {
	max-width: 1024px;
	margin: 0 auto;
}

.footer ul.menuBasico,
.footer ul.menuEmpleados{
	float: right;
	list-style-type: none;
}

.footer ul.menuBasico {
	margin: 15px 0;
}

.footer ul.menuBasico li{
	display: block;
	float: left;
	padding: 0 10px;
	color: #fff;
	border-left: 1px solid #fff;
}

.footer ul.menuEmpleados li{
	display: block;
	float: left;
	padding: 0 5px;
	color: #fff;
}

.footer ul.menuBasico li.firstElement{
	border-left: 0;
}

.footer ul.menuBasico li a,
.footer ul.menuEmpleados li a{
	color: #fff;
}

.noguest .footer ul.menuEmpleados li.firstElement{
	border-left: 0;
}

.footer .bannerPie span.bannerNameText,
.footer .bannerPie span.bannerDescrText{
	color: #fff;
	margin-right: 5px;
	font-weight: normal;
	font-size: 0.9em;
}

.footer .bannerPie .imageText{
	float: left;
	position: relative;
	right: initial;
	top: 11px;
	margin-left: 30px;
}

.footer .bannerPie{
	margin-top: 5px;
}

.footer .bannerSellos ul.cmBannersHorizontalMode {
	text-align: center;
}

.footer .bannerSellos ul.cmBannersHorizontalMode li.cmBannersRelativePosition{
	display: block;
	float: left;
	margin: 10px 0 5px 20px;
}

.footer .bannerSellos li img{
	max-height: 70px;
	width: auto;
}

.footer .bannerPieOtrosLogos img{
	width: 300px;
	height: auto;
}

.footer .bannerPieOtrosLogos img{
	width: auto;
	max-height: 77px;
}

.footer .bannerPieOtrosLogos li.cmBannersRelativePosition.lastChild img{
	max-height: 60px;
}

.footer .bannerPieOtrosLogos ul.cmBannersVerticalMode li.cmBannersRelativePosition{
	margin: 10px 5px 10px 20px;
	display: inline-block;
}

.footer .bannerPieOtrosLogos ul.cmBannersVerticalMode li.cmBannersRelativePosition.lastChild{
	margin-left: 17px;
}

.footer .bannerPieOtrosLogos{
	margin: 0;
	text-align: right;
}

.footer .zonaArriba .direcciones,
.footer .zonaArriba .direcciones a{
	color: #fff;
}

.footer .zonaArriba .direcciones p{
	margin:0;
}

.footer .zonaArriba .direcciones a:hover{
	text-decoration: none;
}

.footer .zonaArriba .grupo .bannerTextContainer{
	display: none;
}

.footer .zonaArriba .top0{
	margin-top: 15px;
}

.footer .zonaArriba .top0{
	margin: 20px 10%;
	text-align: center;
}

.footer .zonaArriba .top0 li{
	display: block;
}

.footer .zonaArriba .top0 li.firstChild{
	margin-bottom: 25px;
}

.footer .zonaArriba .top0 img{
	max-height: 75px;
	width: auto;
}

.footer .zonaArriba .direcciones  {
	margin-top: 80px;
}

.footer .zonaArriba .bannerSellos  {
	float: right;
}

.footer .zonaAbajo .centro .contentText{
	color: #fff;
}

.footer .literalComponent.copyright{
	color: #fff;
	margin: 15px 0 15px 0;
}

.footer .boxAuth {
	margin: 15px 1em;
}

@media screen and (max-width: 1240px){
	
	.footer .bannerPieOtrosLogos,
	.footer .bannerPieOtrosLogos2{
		width: auto;
		margin: 10px 0;
	}
	.footer .bannerPieOtrosLogos{
		min-width: 450px;
	}
}

@media screen and (max-width: 1075px) and (min-width:960px) {
	.footer .zonaArriba {
		padding: 40px 65px 40px 0;
	}
}

@media screen and (max-width: 1024px) {

	.footer .zonaArriba > .portalLayoutArea,
	.footer .zonaAbajo > .portalLayoutArea{
		width:100%;
	}

	.footer .zonaAbajo {
		padding: 10px;
	}
}

@media screen and (max-width: 960px) {

	.footer .zonaAbajo > .portalLayoutArea > .portalLayoutRow > .portalLayoutCell,
	.footer .zonaAbajo > .portalLayoutArea > .portalLayoutRow > .portalLayoutCell > .portalLayoutGrid > .portalLayoutRow > .portalLayoutCell{
		display: block;
	}

	.footer .zonaArriba > div.portalLayoutArea > div.portalLayoutRow > div.portalLayoutCell > .portalLayoutGrid > .portalLayoutRow > .portalLayoutCell {
		display:block;
		width: 100%;
		text-align: center;
	}

	.footer ul.menuBasico{
		float: none;
		text-align: center;
		padding: 0;
		list-style-type: none;
	}

	.footer ul.menuBasico li{
		float: none;
		padding: 4px 10px;
		border-left: 0;
	}

	.footer .zonaAbajo > .portalLayoutArea{
		text-align:center;
	}

	.footer .bannerPieOtrosLogos, 
	.footer .bannerPieOtrosLogos2 {
		text-align: center;
		float: none;
	}

	.footer .bannerSellos ul.cmBannersHorizontalMode li.cmBannersRelativePosition {
		display: inline-block;
		float: none;
	}

	.footer .zonaArriba .bannerSellos {
		float: none;
	}

	.footer .bannerPieOtrosLogos{
		text-align:center;
		padding: 0;
		min-width: auto;
		margin-bottom: 0;
	}

	.footer .bannerPieOtrosLogos ul.cmBannersVerticalMode li.cmBannersRelativePosition{
		margin: 12px 20px !important;
	}

	.footer .zonaArriba .portalLayoutCell{
		display: block;
	}

	.footer .zonaArriba .top0 {
		margin: 0;
	}

	.footer .zonaArriba .top0 li{
		margin: 5px 15px;
		display: block;
	}

	.footer .zonaArriba .top0 li.firstChild {
		margin-bottom: 10px;
	}

	.footer{
		position:relative;
	}

	.footer .menuSocial{
		position: absolute;
		top: 0;
		float: none;
		right: 0;
	}

	.footer .zonaAbajo > .portalLayoutArea > .portalLayoutRow > .portalLayoutCell{
		display: block;
	}

	.footer .bannerPie .imageText{
		float: none;
		position: relative;
		top: 0;
		margin-left: 0;
	}

	.footer .bannerPie{
		text-align: center;
	}

	.footer .zonaArriba{
		padding: 30px 10px;
	}

	.footer .zonaAbajo .centro .contentText {
		text-align: center;
	}

	.footer .literalComponent.copyright{
		float: none;
	}

	.footer .boxAuth {
		float: none;
		display: inline-block;
	}
}

@media screen and (max-width: 839px){
	.footer ul.cmBannersVerticalMode li img, 
	.footer ul.cmBannersHorizontalMode li img {
		width: auto !important;
	}
}

@media screen and (max-width: 800px){

	.footer .zonaArriba > div.portalLayoutArea > div.portalLayoutRow > div.portalLayoutCell > .portalLayoutGrid > .portalLayoutRow > .portalLayoutCell {
		display:block;
		width: 100%;
		text-align: center;
	}

	.footer .zonaArriba .bannerSellos,
	.footer .zonaArriba .bannerTopRight{
		float: none;
		margin: 0 auto;
		width: auto;
		display: inline-block;
	}

	.footer .zonaArriba .direcciones {
		margin-top: 20px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 600px){
	.footer .bannerPieOtrosLogos ul.cmBannersHorizontalMode {
		white-space: normal;
	}
	
	.footer .bannerPieOtrosLogos ul.cmBannersHorizontalMode li.cmBannersRelativePosition {
		margin: 0 5px;
	}
	
}