@font-face {
    font-family: NexaFontL;
    src: url(fonts/Nexa-Light.eot);
} 
@font-face {
    font-family: NexaFontL;
    src: url(fonts/Nexa-Light.otf);
}
@font-face {
    font-family: NexaFontB;
    src: url(fonts/Nexa-Bold.eot);
} 
@font-face {
    font-family: NexaFontB;
    src: url(fonts/Nexa-Bold.otf);
}



body {
	margin: 0px 0px 0px 0px;
	font-family: NexaFontL, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #6D6E70;
}
.EncabezadoHolder {
	width: 100%;
	height: 130px;
	margin: 0 auto;
}
.EncabezadoConts {
	width: 70%;
	height: 130px;
	margin: 0 auto;
}
.EncabezadoLogo {
	width: 40%;
	height: 130px;
	float: left;
}
	.EncabezadoLogo img {
		max-width: 100%;
	}
.EncabezadoTitulo {
	width: 60%;
	height: 130px;
	float: left;
	text-align: right;
	font-size: 30px;
	color: #000;
}
	.EncabezadoTitulo h1 {
		font-weight: normal;
		font-size: 25px;
		margin-top: 20px;
	}
	.EncabezadoTitulo h2 {
		font-weight: normal;
		font-size: 15px;
		margin: 0px 0px 0px 0px;
	}
.bannerPpal {
	width: 100%;
	height: 540px;
	margin: 0 auto;
}
.bannerHolder {
	width: 70%;
	height: 540px;
	margin: 0 auto;
}
.bannerTitle {
	width: 62%;
	min-height: 5px;	
	display: table;
	float: left;
}
.bannerTitleConts {
	width: 95%;
	padding-bottom: 10px;
	padding-top: 120px;
	min-height: 10px;
	display: table;
	color: #FFF;
	font-size: 18px;
    line-height: 30px;
}
	.bannerTitleConts h2 {
		font-size: 48px;
		margin: 0px 0px 10px 0px;
		font-weight: normal;
        margin-bottom: 20px;
        line-height: 60px;
	}
.bannerForm {
	width: 38%;
	height: 540px;
	float: left;
	background-image: url(fondo-gris.png);
	background-position: left top;
	background-repeat: repeat;
}
.bannerFormConts {
	width: 90%;
	min-height: 10px;
	display: table;
	margin: 0 auto;
	font-size: 24px;
	padding-top: 10px;
	color: #FFF;
    line-height: 22px;
}
	.bannerFormConts i {
		font-size: 16px;
		font-style: normal;
	}
	.bannerForm cite {
		font-size: 12px;
		font-style: normal;
	}
.inputG {
	width: 100%;
	height: 60px;
	background-color: #FFF;
	border: none;
	line-height: 60px;
	color: #000;
	font-size: 24px;
	padding-left: 3px;
	padding-right: 2px;
}
.inputWater {
	width: 100%;
	height: 60px;
	background-color: #FFF;
	border: none;
	line-height: 60px;
	color: #6D6E70;
	font-size: 20px;
	padding-left: 3px;
	padding-right: 2px;
    font-family: NexaFontL, Arial;
}
.formBtn {
	width: 100%;
	height: 60px;
	margin: 0 auto;
}
	.formBtn a {
		display: block;
		width: 100%;
		height: 60px;
		background-color: #8CC63E;
		color: #063;
		text-align: center;
		text-decoration: none;
		font-size: 25px;
		line-height: 60px;
	}
	.formBtn a i {
		color: #fff;
	}
	.formBtn a:link {
		display: block;
		width: 100%;
		height: 60px;
		background-color: #8CC63E;
		color: #063;
		text-align: center;
		text-decoration: none;
		font-size: 25px;
		line-height: 60px;
	}
	.formBtn a:hover {
		display: block;
		width: 100%;
		height: 60px;
		background-color: #006738;
		color: #FFF;
		text-align: center;
		text-decoration: none;
		font-size: 25px;
		line-height: 60px;
	}

.ContenidoTipoHold {
	width: 70%;
	min-height: 10px;
	display: table;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 50px;
}
    .ContenidoTipoHold a {
	    color: #063;
        text-decoration: none;
    }
    .ContenidoTipoHold a:link {
	    color: #063;
        text-decoration: none;
    }
    .ContenidoTipoHold a:hover {
	    color: #ff9900;
        text-decoration: none;
    }
.ContenidoTipoTitulo {
	width: 100%;
	min-height: 1px;
	display: table;
	margin: 0 auto;
	margin-bottom: 10px;
}
	.ContenidoTipoTitulo h1 {
		color: #000;
		font-weight: normal;
		font-size: 30px;
		margin-bottom: 10px;
	}
	.ContenidoTipoTitulo h2 {
		color: #808284;
		font-weight: normal;
		font-size: 21px;
		margin-top: 0px;
	}
.ContenidoTipoA {
	width: 50%;
	min-height: 10px;
	display: table;
	float: left;
	padding-bottom: 40px;
}
.ContenidoTipoA article {
	width: 95%;
	min-height: 10px;
	display: table;
	float: left;
}
	.ContenidoTipoA article h3 {
		color: #000;
		font-weight: normal;
		font-size: 21px;
		margin-top: 0px;
	}
.ContenidoTipoAImg {
	width: 50%;
	min-height: 10px;
	display: table;
	float: left;
}
	.ContenidoTipoAImg img {
		max-width: 100%;
	}
.ContenidoTipoATxt {
	width: 48%;
	min-height: 10px;
	display: table;
	float: right;
}

.ContenidoTipoB {
	width: 25%;
	display: table;
	min-height: 550px;
	float: left;
}
.ContenidoTipoB article {
	width: 70%;
	min-height: 10px;
	display: table;
	margin: 0 auto;
	padding-bottom: 40px;
}
	.ContenidoTipoB article h3 {
		color: #000;
		font-weight: normal;
		font-size: 21px;
		margin-top: 0px;
	}
.ContenidoTipoBImg {
	width: 100%;
	min-height: 10px;
	display: table;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 20px;
}
	.ContenidoTipoBImg img {
		max-width: 100%;
	}
.ContenidoTipoBTxt {
	width: 100%;
	min-height: 10px;
	display: table;
	margin: 0 auto;
}
.pieHolder {
	width: 100%;
	min-height: 130px;
	display: table;
	background-image: url(fondo-gris-pie.png);
	background-position: left top;
	background-repeat: repeat;
}
.pieConts {
	width: 70%;
	min-height: 130px;
	display: table;
	margin: 0 auto;
	color: #FFF;
	font-size: 14px;
}
.pie25 {
	width: 25%;
	min-height: 10px;
	display: table;
	float: left;
}
	.pie25 img {
		max-width: 100%;
	}
.pie50 {
	width: 50%;
	min-height: 10px;
	display: table;
	float: left;
	margin-top: 20px;
}
	.pie50 a {
		color: #fff;
		text-decoration: none;
	}
	.pie50 a:link {
		color: #fff;
		text-decoration: none;
	}
	.pie50 a:hover {
		color: #fff;
		text-decoration: underline;
	}

.notificacionesOK {
	width: 90%;
	min-height: 10px;
	background-color: #C8E1BA;
	margin: 0 auto;
	border: solid 1px #90BCAD;
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 18px;
	color: #006838;
	padding: 10px 10px 10px 10px;
}
	.notificacionesOK b {
		font-weight: normal;
		color: #006838;
		font-size: 24px;
	}
	.notificacionesOK strong {
		font-weight: normal;
		color: #000;
	}
.notificacionesBD {
	width: 90%;
	min-height: 10px;
	background-color: #E59EA7;
	margin: 0 auto;
	border: solid 1px #BE1E2D;
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 18px;
	color: #FFF;
	padding: 10px 10px 10px 10px;
}
	.notificacionesBD b {
		font-weight: normal;
		color: #BE1E2D;
		font-size: 24px;
	}
	.notificacionesBD strong {
		font-weight: normal;
		color: #BE1E2D;
	}

@media (max-width: 768px) {
    .EncabezadoHolder {
        width: 100%;
        min-height: 1px;
        display: table;
        margin: 0 auto;
        border-bottom: solid 1px #666;
    }

    .EncabezadoConts {
        width: 100%;
        display: table;
        min-height: 1px;
    }

    .EncabezadoLogo {
        width: 100%;
        float: none;
        min-height: 1px;
        display: table;
        text-align: center;
    }

    .EncabezadoTitulo {
        width: 100%;
        float: none;
        min-height: 1px;
        text-align: center;
        display: table;
        margin-top: 0px;
    }

    .bannerPpal {
        width: 100%;
        min-height: 1100px;
        display: table;
        margin: 0 auto;
    }

    .bannerHolder {
        width: 100%;
        display: table;
    }

    .bannerTitle {
        width: 100%;
        min-height: 10px;
        display: table;
        float: none;
        margin: 0 auto;
    }

    .bannerForm {
        width: 100%;
        min-height: 540px;
        display: table;
        float: none;
        margin: 0 auto;
        background-image: url(fondo-gris.png);
        background-position: left top;
        background-repeat: repeat;
    }

    .bannerTitleConts {
        width: 95%;
        margin: 0 auto;
        padding-top: 0px;
        padding-bottom: 29px;
        font-size: 22px;
        display: table;
    }

    .bannerFormConts {
        width: 98%;
        display: table;
    }

    .inputG {
        width: 95%;
    }

    .inputW {
        width: 95%;
    }

    .pieConts {
        width: 90%;
    }

    .pie25 {
        width: 100%;
    }

    .pie50 {
        width: 100%;
    }

    .ContenidoTipoHold {
        width: 100%;
        display: table;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .ContenidoTipoTitulo {
        width: 95%;
    }

    .ContenidoTipoA {
        width: 95%;
        float: none;
        margin: 0 auto;
    }

        .ContenidoTipoA article {
            width: 100%;
            min-height: 10px;
            display: table;
            float: left;
            padding-bottom: 30px;
        }

    .ContenidoTipoAImg {
        width: 100%;
        min-height: 10px;
        display: table;
        float: none;
    }

    .ContenidoTipoATxt {
        width: 95%;
        min-height: 10px;
        display: table;
        float: none;
        margin: 0 auto;
    }

    .ContenidoTipoB {
        width: 100%;
        display: table;
        min-height: 10px;
        float: left;
    }

        .ContenidoTipoB article {
            width: 98%;
            min-height: 10px;
            display: table;
            margin: 0 auto;
            padding-bottom: 40px;
        }

            .ContenidoTipoB article h3 {
                color: #000;
                font-weight: normal;
                font-size: 21px;
                margin-top: 0px;
            }

    .ContenidoTipoBImg {
        width: 100%;
        min-height: 10px;
        display: table;
        margin: 0 auto;
        text-align: center;
        padding-bottom: 20px;
    }

        .ContenidoTipoBImg img {
            max-width: 100%;
        }

    .ContenidoTipoBTxt {
        width: 100%;
        min-height: 10px;
        display: table;
        margin: 0 auto;
    }
}


.BtnGoBtn {
    width: 100%;
    margin: 0 auto;
    min-height: 10px;
    display: table;
}
.BtnGo {
    width: 100%;
    text-align: right;
    display: table;
    padding-top: 5px;
}
    .BtnGo a {
        display: inline-table;
        background-image: url(../../ADC/CSS/img/btnGoBck.png);
        background-position: left top;
        background-repeat: repeat;
        border: solid 1px #39B54A;
        padding: 5px 10px 5px 10px;
        font-size: 15px;
        text-decoration: none;
        font-family: Helvetica, Arial, sans-serif;
        color: #39B54A;
        font-size: 16px;
    }
    .BtnGo a:link {
        display: inline-table;
        background-image: url(../../ADC/CSS/img/btnGoBck.png);
        background-position: left top;
        background-repeat: repeat;
        border: solid 1px #39B54A;
        padding: 5px 10px 5px 10px;
        font-size: 15px;
        text-decoration: none;
        font-family: Helvetica, Arial, sans-serif;
        color: #39B54A;
        font-size: 16px;
    }
    .BtnGo a:hover {
        display: inline-table;
        background-image: url(../../ADC/CSS/img/btnGoBckH.png);
        background-position: left top;
        background-repeat: repeat;
        border: solid 1px #39B54A;
        padding: 5px 10px 5px 10px;
        font-size: 15px;
        text-decoration: underline;
        font-family: Helvetica, Arial, sans-serif;
        color: #FFF;
        font-size: 16px;
    }