/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* *************************************************************** RESPONSIVE CUSTOM STYLES ************************************************************************************** */

/** tablets horizontal (ipad) */
@media screen and (max-device-width : 1024px) {		




/* ** */
} /* end 1024 */
/* *** */


/* ********************************************************************************************************************************************************** */
/** /** tablets vertical hasta max 1001 */
/* ********************************************************************************************************************************************************** */
/*@media (min-width: 768px) and (max-width: 1001px) {*/
@media screen and (max-device-width : 1001px) {

	.nav_mobile {
		background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #FFF 0px, #FFF 50%, #FFF 100%) repeat scroll 0 0;
	}

.nav_mobile nav {
    background: #403c3a none repeat scroll 0 0;
}
	.nav_mobile nav ul.userlogged_menu {
		background-color: #403c3a;
		color:#fff;
	}
	.nav_mobile nav ul.section_menu li:hover {
		background:#0db3ea;
	}
	.nav_mobile nav ul.pages_menu li:hover {
		background:#0db3ea;
	}
	.nav_mobile nav ul.userlogged_menu li:hover {
		background-color:#403c3a;
		color:#fff;
	}
	.nav_mobile nav ul.userlogged_menu li .children {
    background: #0db3ea none repeat scroll 0 0;
		}
	.nav_mobile nav ul.userlogged_menu li {
		color: #403c3a;
	}

	.nav_mobile nav ul.section_menu li .children {
		background:#0db3ea;
	}

.nav_mobile nav ul.register_menu {
    background-color: #0db3ea;
}
.nav_mobile nav ul.register_menu li {
    background-color: #0db3ea;
}

.nav_mobile nav ul.register_menu li:hover {
    background: #403c3a none repeat scroll 0 0;
}

#nav-fep-2 span {
    background: #0db3ea none repeat scroll 0 0;
}
.social-login a {
    padding: 5px 11px;
}
.BANNER_COLUMN {
    margin: 10px 0 0 7px;
}

.mobilelogo {
    left: 17px;
    top: 2px;
    width: 380px;
}
/* ** */
} /*  end 1001px */
/* ** */



/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/** tablets vertical (ipad)*/
@media screen and (max-device-width : 768px) {		

.mobilelogo {
    left: 17px;
    top: 2px;
    width: 380px;
}

/* ** */
} /* end 768 */
/* *** */


/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/** Móviles en horizontal o tablets en vertical */
@media screen and (max-device-width : 640px) {		


.mobilelogo {
    left: 17px;
    top: 2px;
    width: 380px;
}

/* ** */
} /* end 640 */
/* *** */


/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/** Móviles en horizontal (android y iphone) */
@media screen and (max-device-width : 480px) {		


.mobilelogo {
    left: 17px;
    top: 2px;
    width: 380px;
}

.social-share .btn.s_twitter {
  margin-top: 3px;
}

/* ** */
} /* end 480 */
/* *** */

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/** Móviles en vertical (android y iphone) */
@media screen and (max-device-width : 360px) {		


.mobilelogo {
    left: 8px;
    top: 6px;
    width: 345px;
}

/* ** */
} /* end 360 */
/* *** */

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/** Móviles antiguos en vertical (android y iphone) */
@media screen and (max-device-width : 320px) {		

.mobilelogo {
    left: 5px;
    top: 11px;
    width: 317px;
}


/* ** */
} /* end 320 */
/* *** */