@charset "utf-8";
/* CSS Document */

:root{
	--redsec:#951F1F;
	--bluesec:#232945;
	--sky:#0071BC;
	--skyblue:#29ABE2;
	--marinblue:#273472;
	--red:#FF1D25;
}

h4{
	margin: 0;
	padding: 0;
}
.rounded{
	-moz-border-radius: 20px; /* Firefox */
	-webkit-border-radius: 20px; /* Safari y Chrome */
	-khtml-border-radius: 20px; /* Konkeror, ... */
	border-radius: 20px; /* Opera 10.50, IE y CSS3 */
}
@media handheld, only screen and (max-width: 1000px){
    .rounded{
        -moz-border-radius: 0; /* Firefox */
        -webkit-border-radius: 0; /* Safari y Chrome */
        -khtml-border-radius: 0; /* Konkeror, ... */
        border-radius: 0; /* Opera 10.50, IE y CSS3 */
    }
}
#sectores{
    background: #ffffff;
	width: 100%;
	height: auto;
    min-height: 100%;
	right: 0;
	left: 0;
	margin: auto;
	position: relative;
	overflow: hidden;
}
#sectores .sect-bg{
	width: 100%;
	height: 6vw;
	background: var(--redsec);
	position: relative;	
}
#sectores .sect-bg-header{
	width:100%;
	height: 6vw;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}
.sect-bg-header h1{
	font-family: fontMedium;
	font-size: 3vw;
	color: #ffffff;
}
.sect-bg-header h2{
	font-family: fontRegular;
	font-size: 2vw;
	color: #ffffff;
}
#sectores .sect-bg-txt{
	width: 20%;
	height: 4vw;	
	position: absolute;
	left: 0;
	top: 1vw;
	bottom: 1vw;
	text-align: center;
}
#sectores .sect-bg-tipo{
	width: 75%;
	height: 3vw;	
	position: absolute;
	right: 1.5vw;
	top: 1.5vw;
	bottom: 1.5vw;
	text-align: center;	
}
#sectores .sect-info{
	width: 100%;
	height: 10vw;
	position: absolute;
	margin: auto;
}
.sect-info p{
	font-family: fontLight;
	font-size: 1.5vw;
	color: var(--bluesec);
}
#sectores .sect-info-ico{
	width: 10%;
	height: 8vw;
	position: relative;
	left: 5vw;
	top: 1vw;
	bottom: 1vw;
}
#sectores .sect-info-descripcion{
	width: 78%;
	height: 8vw;
	position: absolute;
	right: 5vw;
	top: 1vw;
	bottom: 1vw;
}

#sectores .sect-ramas{
	width: 80%;
	height: 34vw;	
	position: relative;
	top: 15vw;
	margin: auto;
}
.sect-ramas h1{
	font-family: fontMedium;
	font-size: 1vw;
	margin: 1vw;
}
.sect-ramas h2{
	font-family: fontMedium;
	font-size: 1vw;
}
.sect-ramas p{
	font-family: fontLight;
	font-size: 1vw;
	
}
#sectores .sect-ramas-text{
	width: 45%;
	height: auto;
	position: absolute;	
}
@media handheld, only screen and (max-width: 1000px){
	
	#sectores{
		height: auto;
		}
	#sectores .sect-bg{
		height: 15vw;
	}
	#sectores .sect-bg-header{
		height: auto;
        padding: 10px auto;
	}
	.sect-bg-header h1{
		font-size: 4vw;
	}
	.sect-bg-header h2{
		font-size: 4vw;
	}
	#sectores .sect-bg-txt{
        display: none;
		height: 6vw;			
	}
	#sectores .sect-bg-tipo{
        margin: auto;
		width: 90%;
		height: auto;	
        position: relative;
		top: auto;        
        right: auto;
	    bottom: auto;
	}
	#sectores .sect-info{
        height: auto;
	    position: relative;       
		margin:5vw auto;
	}
	.sect-info p{
		font-size: 4vw;
	}
	#sectores .sect-info-ico{
		width: 20%;
		height: 15vw;
		right: 0;
		left: 0;
		margin: auto;
		top: 2vw;
		bottom: 2vw;
	}
	#sectores .sect-info-descripcion{
		width: 90%;
		height: auto;
		position: relative;
		right: auto;
		left: auto;
		margin: auto;		
	}

	#sectores .sect-ramas{
		width: 90%;
		height: auto;
		top: auto;
        margin:5vw auto;
	}
	.sect-ramas h1{
		font-size: 4vw;
		margin: 2vw;
        margin-top: 5vw;
	}
	.sect-ramas h2{
		font-size: 4vw;
	}
	.sect-ramas p{
		font-size: 4vw;
	}
	#sectores .sect-ramas-text{
		width: 100%;
		height: auto;
		position: relative;
	}
}


#afiliados{
    background: #ffffff;
	width: 100%;
	height: auto;
	right: 0;
	left: 0;
	margin: auto;
	position: relative;
	overflow: hidden;
    padding-bottom: 10vw;
}
#afiliados .afiliados-bg{
	width: 100%;
	height: 40vw;
	background: var(--sky);
	position: relative;	
}
#afiliados .afiliados-bg-header{
	width: 45%;
	height: auto;
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
	bottom: 0;
	text-align: center;
	background: url("../images/bg-blue-50.png");
}
.afiliados-bg-header h1{
	font-family: fontMedium;
	font-size: 2vw;
	color: #ffffff;
}
.afiliados-bg-header h2{
	font-family: fontLightItalic;
	font-size: 2vw;
	color: #ffffff;
}
.afiliados-bg-header a{
	font-family: fontLight;
	font-size: 2vw;
	color: #ffffff;
    text-decoration: none;
}

#afiliados .afiliados-bg-since{
	width: 14.5vw;
	height: 10vh;
	background: url("../images/bg-blue-50.png");
	position: absolute;
	right: 4vw;
	top: 1vw;
}
#afiliados .afiliados-bg-ver{
	width: 4vw;
	height: 3vw;
	background: url("../images/ico-afiliado-since.svg") no-repeat center center;
	background-size: contain;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 10vw;
}
#afiliados .afiliados-bg-tx{
	width: auto;
	height: 1vw;
	position: absolute;
	top: 0vw;
	bottom: 0;
	margin: auto;
	right: .5vw;
	text-align: center;
}
.afiliados-bg-tx h3{
	font-family: fontMedium;
	font-size: 1vw;
	color: #ffffff;
}

#afiliados .afiliados-logo{
	width: 12vw;
	height: 12vw;
	position: absolute;
	bottom: -6vw;
	left: 5vw;
	border: 8px solid #ffffff;
	border-radius: 50%;
}

#afiliados .afiliados-tel{
	width: 40%;
	height: auto;
	position: relative;
	margin-top: 2vw;
	margin-left: 55%;
	text-align: right;
}
.afiliados-tel span{
	font-family: fontLightItalic;
	font-size: 1.5vw;
	color: var(--sky);
	display: block;
	margin: 0;
}
.afiliados-tel a{
	font-family: fontItalic;
	font-size: 1.5vw;
	color: var(--sky);
	text-decoration: none;
}

#afiliados .afiliados-sn{	
	width: 20%;
	height: 3vw;	
	position: relative;
	margin-left: 75%;
	margin-top: 2vw;
	text-align: right;
}
#afiliados .afiliados-sn-ico{
	width: 30.5%;
	height: 100%;
	position: relative;
	display: inline-block;
	background-size: contain;
}
#afiliados .afiliados-sn-ico-fb{
	background: url("../images/ico-facebook.svg") no-repeat right center;
}
#afiliados .afiliados-sn-ico-in{
	background: url("../images/ico-linkedin.svg") no-repeat right center;
}
#afiliados .afiliados-sn-ico-ig{
	background: url("../images/ico-instagram.svg") no-repeat right center;
}

#afiliados .afiliados-info{
	width: 90%;
	height: auto;
	position: relative;
	margin: auto;
	text-align: center;
}
.afiliados-info p{
	font-family: fontThin;
	font-size: 2vw;
	color: var(--marinblue);
}
.afiliados-info h2{
	font-family: fontThin;
	font-size: 2vw;
	color: var(--marinblue);
}
.afiliados-info li{
	font-family: fontThin;
	font-size: 2vw;
	color: var(--marinblue);
}
#afiliados .afiliados-info-descripcion{
	width: 100%;
	height: auto;
	position: relative;
	margin: 3vw auto;
	text-align: left;
}
#afiliados .afiliados-info-txt{
	width: 45%;
	height: auto;
	position: relative;
	display: inline-block;
	text-align: left;
    vertical-align: top;
    margin: auto 2%;
}

#afiliados .afiliados-contenedor-item{
	width: 90%;
	height: auto;
	position: relative;
    margin: 3vw auto;
}
#afiliados .afiliados-item{
	width: 20%;
	height: auto;
	display: inline-block;
	margin: 1vw 2vw;
	position: relative;
    vertical-align: top;
}
#afiliados .afiliados-item-block{
    width: 75%;
    display: block;
}
#afiliados .afiliados-item-folio{
	width: 25%;
	height: 3vw;
	position: absolute;
	left: 0;
}
#afiliados .afiliados-item-folio-canacintra{
	background: url("../images/ico-afiliado-logo.svg") no-repeat center center;
}
#afiliados .afiliados-item-folio-cupon{
	background: url("../images/ico-afiliado-cupon.svg")no-repeat center center;
}
#afiliados .afiliados-item-folio-rfc{
	background: url("../images/ico-afiliado-sat.svg") no-repeat center center;
}
#afiliados .afiliados-item-folio-actividad{
	background: url("../images/ico-afiliado-actividad.svg") no-repeat left center;    
}
#afiliados .afiliados-item-folio-siem{
	background: url("../images/ico-afiliado-siem.svg") no-repeat center center;
}
#afiliados .afiliados-item-folio-cobertura{
	background: url("../images/ico-afiliado-cobertura.svg") no-repeat center center;
}
#afiliados .afiliados-item-folio-contacto{
	background: url("../images/ico-afiliado-contacto.svg") no-repeat center center;
}
#afiliados .afiliados-item-folio-categoria{
	background: url("../images/ico-afiliado-categoriac.svg") no-repeat center center;
}
#afiliados .afiliados-texto{
	width: 85%;
	height: auto;
	position: relative;
	text-align: right;
     margin-left: 15%;
}
#afiliados .afiliados-item-block .afiliados-texto{
    width: 90%;
    margin-left: 10%;
    position: relative;
	text-align: left;
}
.afiliados-texto p{
	font-family: fontThin;
	font-size: 1.5vw;
	color: var(--marinblue);
}
.afiliados-texto h3{
	font-family: fontMedium;
	font-size: 1.5vw;
	color: var(--marinblue);
}
.afiliados-texto span{
	font-family: fontThin;
	font-size: 1.5vw;
	
	margin: 0;
}
.afiliados-texto h4{
	font-family: fontMedium;
	font-size: 1.5vw;
	
}

#afiliados .afiliados-dir{
	width: 90%;
	height: auto;
	position: relative;	
	margin: auto;
	text-align: center;
}
.afiliados-dir h2{
	font-family: fontThin;
	font-size: 1.5vw;
	color: var(--marinbue);
	margin: 0;
}

#afiliados .afiliados-map{
	width: 90%;
	height: auto;
	position: relative;	
	margin: auto;
}
.afiliados-map iframe{
	width: 100%;
	height: 50vw;
    border: none;
}

@media handheld, only screen and (max-width: 1000px){
	#afiliados{
		height: auto;	
        padding-bottom: 0;
	}
	#afiliados .afiliados-bg{
		height: 80vw;
	}
	#afiliados .afiliados-bg-header{
		width: 73%;
		height: auto;
		left: 23vw;	
		text-align: center;
		
	}
	.afiliados-bg-header h1{
		font-size: 5vw;
	}
	.afiliados-bg-header h2{
		font-size: 5vw;
	}
	.afiliados-bg-header a{
        font-size: 5vw;
    }
	#afiliados .afiliados-bg-since{
		width: 45vw;
		height: 7vh;
		right: 4vw;
		top: 2vw;
	}
	#afiliados .afiliados-bg-ver{
		width: 8vw;
		height: 7vw;
		right: 36vw;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	#afiliados .afiliados-bg-tx{
		width: auto;
		height: 3vw;
		top: 0;
		bottom: 0;
		margin: auto;
		right: 0.5vw;
	}
	.afiliados-bg-tx h3{
		font-size: 4vw;
	}
	
	#afiliados .afiliados-logo{
		width: 20vw;
		height: 20vw;
		bottom: -10vw;
		left: 3vw;
	}	
	
	#afiliados .afiliados-tel{
		width: 80%;
		margin-top: 4vw;
		margin-left: 15%;
		
	}    
	.afiliados-tel span{
		font-size: 4vw;
		margin: 0;
	}
	.afiliados-tel a{
		font-size: 5vw;
	}
	
	#afiliados .afiliados-sn{	
		width: 50%;
		height: 8vw;
		margin-left: 45%;
		margin-top: 3vw;
	}
	
	#afiliados .afiliados-sn-ico{
		width: 30%;
		height: 8vw;
	}
	#afiliados .afiliados-sn-ico-fb{
	}
	#afiliados .afiliados-sn-ico-in{
	}
	#afiliados .afiliados-sn-ico-ig{
	}	
	
	#afiliados .afiliados-info{
		width: 90%;
        margin: auto;
        
	}
	.afiliados-info p{
		font-size: 4vw;
	}
	.afiliados-info h2{
		font-size: 4vw;
		margin: 1vw;
	}
	.afiliados-info li{
		font-size: 4vw;
	}
	#afiliados .afiliados-info-descripcion{
	}
	#afiliados .afiliados-info-txt{
		width: 100%;
	}
	
	#afiliados .afiliados-contenedor-item{
        text-align: center;
	}	
	#afiliados .afiliados-item{
		width: 42%;
		height: auto;
	}
    #afiliados .afiliados-item-block{
        width: 90%;
        margin: auto;

    }
	#afiliados .afiliados-item-folio{
		width: 25%;
		height: 10vw;
		position: relative;
		margin: auto;
	}
	#afiliados .afiliados-item-folio-canacintra{
	}
	#afiliados .afiliados-item-folio-cupon{
	}
	#afiliados .afiliados-item-folio-rfc{
	}
	#afiliados .afiliados-item-folio-actividad{
        background: url("../images/ico-afiliado-actividad.svg") no-repeat center center;
	}
	#afiliados .afiliados-texto{
		width: auto;
        text-align: center;
        margin-left: 0; 
	}
    #afiliados .afiliados-item-block .afiliados-texto{
        width: 100%;
        margin-left: 0;
        text-align: center;
    }
	.afiliados-texto p{
		font-size: 3vw;
	}
    #afiliados .afiliados-item-block .afiliados-texto h3{
        text-align: left;
    }
	.afiliados-texto h3{
		font-size: 3vw;
	}
	.afiliados-texto span{
		font-size: 3vw;
	}
	.afiliados-texto h4{
		font-size: 3vw;
	}
		
	#afiliados .afiliados-dir{
		width: 90%;
        margin: 5vw auto;
	}
	.afiliados-dir h2{
		font-size: 4vw;
	}
	#afiliados .afiliados-map{
		width: 100%;
	}
	.afiliados-map iframe{
		width: 100%;
		height: 50vh;
	}
}