/* REINICIO DE CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*FIN DE REINICIO GENERAL*/
/*MODELO DE CAJA*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*INICIAN LOS ESTILOS GENERALES*/
body {
    font-family: 'Montserrat', sans-serif;
}

html{
    scroll-behavior: smooth;
}

.pagina-informacion{
    height: auto;
    width: 100%;
	
/*    background: red;*/
    padding-bottom: 50px;
}


.ap-content-txt{
    width: 68%;
    height: auto;
    padding: 100px 0;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.ap-titulo{
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    position: relative;
    color: #0E2546;
    line-height: 1.5;
}

.ap-subtitulo{
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    position: relative;
    color: #0E2546;
    margin-top: 20px;
    line-height: 1.5;
}

.ap-txt{
    font-size: 16px;
    line-height: 1.5;
    text-align: justify;
    margin-top: 20px;
    color: #0E2546;
    font-weight: 500;
}

.ap-pregunta{
    font-weight: bold;
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
    margin-top: 20px;
    color: #0E2546;
}

.ap-txt:nth-of-type(1){
    margin-top: 50px;
}

.firma{
    text-align: center;
    border-top: 1px solid black;
    width: 300px;
    margin: auto;
    margin-top: 80px;
}

.correo, .enlace{
    text-decoration: none;
    color: #0E2546;
    font-weight: 600;
}

.enlace{
    text-decoration: none;
}



body.dark{
    background: #000;
}

body.dark .header-top{
    background: black;
}
body.dark .nav-top-txt{
    color: white;
}



body.dark .logo_header{
    background-image: url( "../imgs/Logo_mp646_b_1.png");    
}


body.dark .ap-titulo{
    color: #F0F2F4;
}

body.dark .ap-subtitulo{
    color: #F0F2F4;
}

body.dark .ap-pregunta{
    color: #F0F2F4;
}

body.dark .ap-txt{
    color: #bebebe;
}

body.dark .firma {
    border-top: 1px solid #fff;
}

body.dark .enlace, body.dark .correo{
    color: #fff;
}


@media screen and (min-width: 320px) and (max-width: 850px) {
.ap-content-txt{
    width: 90%;
	margin: auto;
    height: auto;
    padding: 50px 0;
    position: relative;
    left: 0%;
    transform: translateX(0%);
	overflow-x: hidden;
	
}	
	
	.ap-titulo{
		font-size: 28px;
	}.ap-subtitulo{
		font-size: 20px;
	}
	
}



