.apps {
	background-image: url(/template/accord-v2/ico-apps/icon-apps.png);
	background-repeat: no-repeat;
	height: 32px !important;
	width: 32px !important;
	cursor: pointer;
	margin: auto;
}
.appsPlanes {
    background-image: url(/template/accord-v2/ico-apps/planes.png);
    background-repeat: no-repeat;
    height: 60px !important;
    width: 60px !important;
    cursor: pointer;
    background-size: cover;
    margin:auto;
}

@media (max-width: 414px){
		.appsPlanes,
		.apps{
			margin: 10px 0 10px 5px !important;
		}

		/*.falogoh{
			display: block;
			width: 100%;
			font-size: 52px;
			margin-bottom: 11px;
			margin-top: 0px;
			margin: 9px 0 15px 10px !important;
		}*/

		.textapps {
			margin-top: 0 !important;
		}

		.textapps{
			padding-top: 20px;
		}

		.apps.faqsGrande{
			margin-top: 10px !important;
		}
}
@media (max-width: 375px){
		.appsPlanes,
		.apps,
		.falogoh{
			margin: auto !important;
		}

		.textapps{
			padding-top: 13px;
		}
		/*.apps.faqsGrande {
    margin-top: 12px;*/
}

/*@media (min-width: 768px){
		.falogoh{
			display: block;
			width: 100%;
			font-size: 52px;
			margin-bottom: 11px;
			margin-top: 0px;
		}
}*/

.app {
    width: auto;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
    z-index: 99;
    cursor: pointer;
	animation-duration: .3s;
}
.app:hover{
	text-decoration: none;
}

@media (max-width: 1200px){
		.app {
		    margin-right: 0px !important;
		}
}

.app span{
	padding-bottom: 7px;
	border-bottom: 3px solid transparent;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.app:last-child {
    border: none;
}
.app:hover .apps, .app.hover .apps {
	opacity:.5;
}
.app:hover span, .app.hover span {
	padding-bottom: 2px;
	border-bottom: 3px solid #ccc;
}

.app.requiereLogin{
	position: relative;
}

.app.noLogged:hover span{
	padding-bottom: 2px;
	border-bottom: 3px solid rgba(245, 66, 66, 0.91);
}

.app.activo span {
	padding-bottom: 2px;
	border-bottom: 3px solid #666;
}

.block {
	background-image: url(/template/accord-v2/ico-apps/icon-apps.png);
	background-position: -36px -504px;
	width: 18px !important;
	height: 18px !important;
	background-repeat: no-repeat;
	display: block;
	z-index: 100;
	background-color: #FFF;
    border-radius: 50%;
}
.app.grande {
	position: relative;
	opacity: 0.8;
	padding: 17px;
	width: 56px;
	height: 78px;
	background-color: #FFFFFF;
	margin-bottom: 10px;
	cursor: pointer;
	-webkit-box-shadow: 0px 10px 10px -8px rgba(0,0,0,0.58);
	-moz-box-shadow: 	0px 10px 10px -8px rgba(0,0,0,0.58);
	box-shadow: 		0px 10px 10px -8px rgba(0,0,0,0.58);
	border-right: none;
	border-top: none;
	overflow: visible;
	z-index: 2;
}

.apps.downloadc{
        background-position: -360px -140px;
}
.app.banner {
	font-size: 12px;
	position: relative;
	opacity: 0.8;
	text-align:center;
	padding: 17px;
	width: 128px;
	height: 84px;
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	cursor: pointer;
	-webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.58);
	-moz-box-shadow: 	0px 0px 1px rgba(0,0,0,0.58);
	box-shadow: 		0px 0px 1px rgba(0,0,0,0.58);
	border-right: none;
	border-top: none;
	overflow: visible;
	z-index: 2;
}
.app.grande:hover {
	-webkit-transition: opacity 1s;
	background-color: darkgrey !important;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;

	/*
	transform: scale(1.2);
	-ms-transform: scale(1.2); /* IE 9 */
	/*-webkit-transform: scale(1.2); /* Safari and Chrome */
	/*-o-transform: scale(1.2); /* Opera */
	/*-moz-transform: scale(1.2); /* Firefox */

	z-index: 3;
}
.app.grande div {
	margin: auto;
}
.app.grande span {
	margin: auto;
	margin-top: 10px;
	text-shadow: #FFF 1px 1px 1px;
	font-weight: 700;
	font-size: 10px;
	color: rgb(80, 80, 80);
}
.app.grande:after {
	height: 37px;
	float: left;
	opacity: 0.3;
}
.app:after {
	height: 37px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D6D6D6;
	opacity: 0.3;
}
#MENU-PLANES .app:last-child {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
}
.app span {
	font-family: "Open Sans" !important;
    font-size: 10px;
    font-weight: 100;
    letter-spacing: .5px;
    text-align: center;
    display: block;
    text-transform: uppercase;
	color: #444;
}

.app:hover {
	opacity: .5;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
}
/**
 * APPS MINI
 */
apps.mini.config {
	display: block;
	width: 16px !important;
	height: 16px !important;
	background-image: url(/template/accord-v2/ico-apps/tmp/config.png) !important;
	background-repeat: no-repeat !important;
	float: left;
}
/**
 * Apps Grandes
 */
.app.grande {
    height: 88px !important;
    width: 88px !important;
}
.boxhome .apps {
	width: 60px !important;
    height: 60px !important;
}
.apps.agenciasGrande {
	background-position: -451px -594px;
}
.apps.cartillasGrande {
    background-position: -45px -594px;
}
.apps.calculeGrande {
    background-position: -308px -594px;
}
.apps.centrosGrande {
	background-position: -380px -594px;
}
.apps.faqsGrande {
	background-position: -242px -594px;
}
.apps.turnosGrande {
	background-position: -110px -594px;
}
@media (min-width: 1280px){
	.apps.faqsGrande {
		margin-top: 0;
		background-position: -242px -594px;
	}
}



/**
 * PLANES
 */
.apps.planes {
	background-position: -396px -72px;
}
.apps.asesor {
	background-position: -180px -72px;
}
.apps.calcule {
	background-position: -216px -72px;
}
.apps.pdf {
	background-position: -36px -396px;
}
/* INSTITUCIONAL */
.apps.institucional {
	background-position: -32px -72px;
}
.apps.marketing {
	background-position: -36px -72px;
}
.apps.agencias {
	background-position: -72px -72px;
}
.apps.centros {
	background-position: -108px -72px;
}
.apps.movil {
	background-position: -360px -72px;
}
.apps.extranjeros {
	background-position: -344px -221px;
}
.apps.contacto {
	background-position: -144px -72px;
}
/* AFILIADOS */
.apps.afiliados {
	background-position: -73px -497px;
}
.apps.cartillas {
	background-position: -36px -144px;
}
.apps.vopa {
	    background-position: -325px -72px;
}
/* CARTILLA */
.apps.prestador {
	background-position: -180px -324px;
}
.apps.farmacias {
	background-position: -434px -324px;
}
.apps.opticas {
	background-position: -252px -324px;
}
.apps.vacunas {
	background-position: -358px -324px;
}
.apps.odontologia {
	background-position: -213px -324px;
}
.apps.ortopedia {
	background-position: -286px -324px;
}
.apps.anchorena {
	background-position: -35px -324px;
}
.apps.callao {
	background-position: -108px -324px;
}
.apps.cemac {
	background-position: -72px -324px;
}
.apps.itoiz {
	background-position: -143px -324px;
}
.apps.turnos {
	background-position: -72px -144px;
}
.apps.estudios {
	background-position: -108px -144px;
}
.apps.autorizaciones {
	background-position: -144px -144px;
}
.apps.mis-tramites{
        background-position: -184px -214px;
}
.apps.factura {
	background-position: -180px -144px;
}
.apps.asistencia {
	background-position: -216px -144px;
}
.apps.emergencias {
	background-position: -252px -144px;
}
.apps.emergencias-rojo {
	background-position: -252px -180px;
}
.apps.faqs {
	background-position: -288px -144px;
}
.apps.descargas {
	background-position: -360px -144px;
}
.apps.logo-tres-diez {
	background-position: -320px -144px;
}
.apps.telefono {
    background-position: -434px -144px;
}
.apps.rrhh {
    background-position: -285px -71px;
}
.apps.laboratorio {
    background-position: -113px -141px;
}
.apps.callcenter {
	background-position: -324px -144px;
}
.apps.telefonos {
	background-position: -324px -144px;
}
/* BENEFICIOS */
.apps.beneficios {
	background-position: -282px -216px;
}
.apps.infopersonal {
	background-position: -313px -216px;
}
.apps.accord360 {
	background-position: -36px -216px;
}
.apps.centrosR {
	background-position: -119px -216px;
}
.apps.colonia {
	background-position: -80px -216px;
}
.apps.gimnasia {
	background-position: -154px -216px;
}
.apps.turismo {
	background-position: -216px -216px;
}
/* MODS */
.mods {
	width: 235px;
	float: left;
	height: 100px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #EDEDED;
	/*border: 1px solid #FFF;*/
	position: relative;
	cursor: pointer;
	overflow: hidden;
	background-image: none;
}
.mods h3 {
	margin: 0px;
	width: 100%;
	opacity: 1;
	font-size: 14px;
	display: block;
	background-color: #FFF;
	padding: 5px;
	color: #000 !important;
	bottom: 0px;
	position: absolute;
	border-radius: 0px 0px 1px 1px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.mods img.activada {
	-webkit-transition: all 0.2s linear;
	-moz-transition: 	all 0.2s linear;
	-o-transition: 		all 0.2s linear;
	-ms-transition: 	all 0.2s linear;
	transition: 		all 0.2s linear;
}
.mods img.desaturada {
}
.mods a {
	display: inline-block;
}
.mods div {
	text-align: center;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
	padding: 0 8%;
	width: 84%;
	height: auto;
	position: absolute;
	top: 0;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}
.mods:hover div {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.mods:hover img {
	-webkit-transform: scale(10);
	-moz-transform: scale(10);
	-o-transform: scale(10);
	-ms-transform: scale(10);
	transform: scale(10);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}
.mods:hover h3 {
	/*bottom: 0;*/
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}
.mods.fijo:hover h3 {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
	filter: alpha(opacity=100) !important;
	opacity: 1 !important;
}
/* Afiliados */
.mods.cartillas {
	height: 141px;
}
.mods.autorizaciones {
	height: 141px;
}
.mods.factura {
}
.mods.turnos {
}
.mods.estudios img {
	margin-top: -85px;
}
.mods.emergencias {
}
.mods.faqs {
}
/* Beneficios */
.mods.a360 {
	width: 263px !important;
	height: 137px;
}
.mods.infopersonal {
	width: 263px !important;
	height: 368px;
}
.mods.turismo {
	height: 250px;
}
.mods.centros {
	height: 250px;
}
.mods.movil {
	width: 194px;
	height: 250px;
}
.mods.colonia {
	width: 481px;
	height: 254px;
}
.mods.gimnasia {
	width: 194px;
	height: 254px;
}
.mods.revista {
}
/* No APARECEN */
.mods.consultas {
	background-size: cover;
	background-image: url(/template/accord-v2/foto-mods/02G71428.jpg);
}
.mods.agencias {
	background-size: cover;
	background-image: url(/template/accord-v2/foto-mods/agencias-mapa.png);
}
.mods.asesor {
	background-size: cover;
	background-image: url(/template/accord-v2/foto-mods/02G69753.jpg);
}
.mods.CartillaMetro {
	background-repeat: no-repeat;
	height: 480px;
	width: 300px;
	background-position: center center;
}
.mods.CartillaInter {
	background-repeat: no-repeat;
	height: 480px;
	width: 300px;
	background-size: cover;
	background-position: center center;
}
.mods.coloniaVerano {
	width: 100%;
  height: 500px;
  background-size: cover;
  background-image: url(/images/coloniaVerano.jpg);
  transform: rotate(180deg);
  background-position: 0px -40px;
}
.mods.coloniaInvierno {
	width: 100%;
	height: 210px;
	background-size: cover;
	background-image: url(/template/accord-v2/foto-mods/02C05184.jpg);
}

@media (max-width: 1280px) {

	.mods.coloniaVerano {
		background-position: -135px 0px !important;
	}
}

@media (max-width: 1440px) {

	.mods.coloniaVerano {
		background-position: -20px 0px;
	}
}

.mods.AvisosAfiliado {
	padding: 5px;
	height: 44px;
        width: 100%;
	overflow: auto;
        margin: 0px;
        margin-bottom: 15px;
	/*
	background-image: url(/template/accord-v2/skin/AvisoAfiliado.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	*/
	background-color: #FFF;
	display: table;
	opacity: 0.8;
	cursor: help !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.mods.AvisosAfiliado ul {
	margin: 0;
	display: table-cell;
	vertical-align: middle;
	list-style: none;
}
.mods.AvisosAfiliado ul li {
	min-height: 20px;
	line-height: 20px;
	font-size: 13px;
	margin: 2px;
	text-align: justify;
}

.plan {
    width: 100%;
	float: left;
	height: 385px;
	margin-bottom: 10px;
}

.plan.UnoDiez {
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(/template/accord-v2/secciones/PLANES_110.jpg);
}
.plan.DosDiez {
	background-size: cover;
	background-image: url(/template/accord-v2/secciones/PLANES_210.jpg);
}
.plan.TresDiez {
	background-size: cover;
	background-image: url(/template/accord-v2/secciones/PLANES_310.jpg);
}
.plan.Colores {
	background-size: cover;
	background-image: url(/template/accord-v2/secciones/PLANES_COLORES.jpg);
}
.cent {
	width: 100%;
	height: 550px;
	float: left;
	border-radius: 5px;
	-webkit-box-shadow: inset 10px 10px 79px -25px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 10px 10px 79px -25px rgba(0,0,0,0.75);
	box-shadow: inset 10px 10px 79px -25px rgba(0,0,0,0.75);
}
.cent.Anchorena {
	background-size: cover;
	background-image: url(/template/accord-v2/secciones/CENT-ANCHORENA.jpg);
}
.cent.Cemac {
	background-size: cover;
	background-image: url(/template/accord-v2/secciones/02C10580.jpg);
}
.cent.Itoiz {
	background-size: cover;
	background-image: url(/template/accord-v2/secciones/CENT-ITOIZ.jpg);
}
.cent.Callao {
	background-size: cover;
	background-image: url(/template/accord-v2/secciones/CENT-CALLAO.jpg);
}
.cent.NuevasObras {
	background-size: cover;
	background-image: url(/template/accord-v2/secciones/NuevasObras.jpg);
}
.recr {
	width: 290px;.mods.coloniaVerano
	height: 550px;
	float: left;
}
.recr.Ezeiza {
	background-size: cover;
	background-image: url(/template/accord-v2/secciones/rec-ezeiza.jpg);
}
.recr.Sanvicente {.mods.coloniaVerano
	background-size: cover;
	background-image: url(/template/accord-v2/secciones/rec-sanvicente.jpg);
}
.recr.Tigre {
	background-size: cover;
	background-image: url(/template/accord-v2/secciones/rec-tigre.jpg);
}
.secc {
	width: 200px;
	min-height: 550px;
	float: left;
	margin-right: 0px;
	position: relative;
	border-radius: 5px;
	-webkit-box-shadow: inset 10px 10px 79px -9px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 10px 10px 79px -9px rgba(0,0,0,0.75);
	box-shadow: inset 10px 10px 79px -9px rgba(0,0,0,0.75);
}
.contenidoSecc {
	//background-color: #FFF;
	/*
	-webkit-box-shadow:  0px 0px 3px 0px rgba(0,0,0,0.30);
	-moz-box-shadow: 	 0px 0px 3px 0px rgba(0,0,0,0.30);
	box-shadow: 		 0px 0px 3px 0px rgba(0,0,0,0.30);
	*/
}
.contenidoSeccDos {
	float: left;
}
.secc .detalle {
	position: absolute;
	bottom: 0px;
	padding: 10px;
	background-color: rgba(255,255,255,1.00);
	opacity: 0.8;
}
.secc .detalle p {
	opacity: 1;
}
.appvm {
	display: inline-block;
	width: 20%;
	height: 55px;
	opacity: 0.7;
	text-align: center;
}
.appvm2 {
	display: inline-block;
	width: 24%;
	height: 55px;
	opacity: 0.7;
	text-align: center;
}
.icos.tels {
	background-position: -324px -144px;
}
.icos.emergencias {
	background-position: -324px -144px;
}

/**
 * A partir de acá se agregan las @media
 * por favor mantener el orden
 */
@media (max-width: 1200px){

    	/*
         En dispositivos oculto la etiqueta del icono porque rompe el menu
         */
/*        .app span{
         	display: none;
        }*/

}

@media (max-width: 991px){

        /*
         En dispositivos oculto la etiqueta del icono porque rompe el menu
         */
/*        #MENU-AFILIADOS .app span{
         	display: none;
        }*/
}

@media (max-width: 414px){
		.mods.coloniaVerano{
				margin-top: 25px;
				background-position-y: 0;
		}
        /*
         En dispositivos oculto la etiqueta del icono porque rompe el menu
         */
/*        #MENU-AFILIADOS .app span{
         	display: none;
        }*/
}

.plan.UnoCinco {
	background-size: contain;
	background-repeat: no-repeat;
	background-position-x: center;
	background-image: url(/template/accord-v2/secciones/planes/15.png);
}
.plan.DosDos {
	background-size: contain;
	background-repeat: no-repeat;
	background-position-x: center;
	background-image: url(/template/accord-v2/secciones/planes/22.png);
}
.plan.TresDos {
	background-size: contain;
	background-repeat: no-repeat;
	background-position-x: center;
	background-image: url(/template/accord-v2/secciones/planes/32.png);
}
.plan.CuatroDos {
	background-size: contain;
	background-repeat: no-repeat;
	background-position-x: center;
	background-image: url(/template/accord-v2/secciones/planes/42.png);
}
.plan.CuatroDosCorp {
	background-size: contain;
	background-repeat: no-repeat;
	background-position-x: center;
	background-image: url(/template/accord-v2/secciones/planes/42C.png);
}