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

/* Fuentes usadas
Google Fonts Poppins:300,400,500,600,700*/

body {
    overflow-x: hidden;
    color: #111 !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400 !important;
    font-size: 160% !important;
    line-height: 1.4 !important;
    background-color: #1446A0 !important;
}

.aqua {
    color:#72FFFF;
}

a {
    color: #1446A0 !important;
    text-decoration: none;
}

/* <ENCABEZADO> */
#fEncabezado {
    background-image: url(images/fondo-encabezado.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #3B2376;
    color: #fff;
}
@media only screen and (max-width: 1014px) {
    #fEncabezado {
        padding-top: 0px;
        padding-bottom: 10px;
    }
}

#fEncabezado h1 {	
	font-size:150%;
    font-weight:500;
}
@media only screen and (max-width: 1014px) {
    #fEncabezado h1 {
	font-size:120%;
    }
}

#fEncabezado a {	
	text-decoration:none;
    color:#fff !important;
}
#fEncabezado a:hover {	
	text-decoration:underline;
}
/* </ENCABEZADO> */

/* <MENU> */
#menuPpal {
    background-color:#EBE9E7;
}
/* </MENU> */

/* <GENERAL> */
#recuadroAzul {
    border: solid 25px #1446A0;
    border-bottom: none;
}
@media only screen and (max-width: 1014px) {
    #recuadroAzul {
        border: none;
        border-bottom: none;
    }
}
/* </GENERAL> */

/* <BUSCADOR> */
#fBlanca {
    background-color:#fff;
    padding-top:30px;
    padding-bottom:50px;
}
/* </BUSCADOR> */

/* <AUTORES> */
#fAutores {
    background-image: url(images/fondo-autores.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-color: #3B2376;
    padding-top: 20px;
    padding-bottom: 10px;
    color: #fff;
}
#fAutores h1 {
    font-size:200%;
    font-weight:300 !important;
    padding-bottom:10px;
}
    #fAutores p {
        font-size: 90%;
        padding-bottom: 20px;
        font-weight: 500 !important;
        color: #fff;
    }

#fAutores .liga {
    text-align:right;
    margin-top:15px;
}
@media only screen and (max-width: 1014px) {
    #fAutores .liga  {
        text-align:left;
        margin-top:0px;
    }
}

#fAutores a {
    text-decoration:underline;
}
/* </AUTORES> */

/* <PROCESO> */
#fProceso {
    background-color: #EBE9E7;
    padding-top: 40px;
    padding-bottom: 30px;
}

    #fProceso h1 {
        font-size: 200%;
        font-weight: 300 !important;
        padding-bottom: 10px;
    }

    #fProceso p {
        color: #666;
    }


/* </PROCESO> */

/* <MAPAS> */
#fMapas {
    background-color:#fff;
    padding-top:40px;
    padding-bottom:30px;
}
#fMapas h1 {
    font-size:200%;
    font-weight:300 !important;
    padding-bottom:10px;
}
#fMapas p {
    color:#666;
}


    /* </MAPAS> */



/* <GRACIAS> */
#fGracias {
    /*background-color: #0E3170;*/
    background-color: #fff;
    padding-top: 30px;
    padding-bottom: 20px;
    color: #444;
}

        #fGracias h2 {
            font-size: 130%;
            font-weight: 300 !important;
            line-height: 1.6;
        }

        #fGracias small {
            color: #fff;
            opacity: .5;
            line-height: 1.6;
        }
    /* </GRACIAS> */

    /* <FRANJA PIE> */
    #fPie {
        background-image: url(images/fondo-pie.jpg);
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        padding-top: 25px;
        border-left: solid 25px #1446A0;
        border-right: solid 25px #1446A0;
        padding-bottom: 25px;
        background-color: #0E3170;
        color: #fff;
    }

        #fPie a, #fPie p {
            color: #fff !important;
            text-decoration: none;
            font-size: 90%;
        }

        #fPie h2 {
            font-size: 110%;
            font-weight: 600 !important;
            margin-top: 0px;
            margin-bottom: 20px;
            color: #fff !important;
        }

        #fPie a:hover {
            color: #fff !important;
            text-decoration: underline;
        }

        #fPie .listado ul li {
            background-image: url(images/vineta-pie.png);
            background-repeat: no-repeat;
            background-position: 5px 12px;
            padding-left: 20px;
            margin-top: 5px;
            margin-bottom: 15px;
            min-height: 10px;
            padding-top: 5px;
            font-size: 90%;
        }

    @media only screen and (max-width: 1014px) {
        #fPie {
            padding-top: 25px;
            border-left: none;
            border-right: none;
            padding-bottom: 25px;
        }
    }
    /* </FRANJA PIE> */

    /* <FRANJA SUBIR> */
    #fSubir {
        background-color: #1446A0;
        height: 25px;
    }
    /* </FRANJA SUBIR> */

    /* <ESPACIOS> */
    .p10 {
        padding: 10px !important;
    }

    .p20 {
        padding: 20px !important;
    }

    .p40 {
        padding: 40px !important;
    }

    .pt10 {
        padding-top: 10px;
    }

    .pt25 {
        padding-top: 25px;
    }

    .pb10 {
        padding-bottom: 10px;
    }

    .pb15 {
        padding-bottom: 15px;
    }

    .pb25 {
        padding-bottom: 25px;
    }

    .pb50 {
        padding-bottom: 50px;
    }

    .pl25 {
        padding-left: 25px;
    }

    .mt10 {
        margin-top: 10px;
    }

    .mt15 {
        margin-top: 15px;
    }

    .mb25 {
        margin-bottom: 25px;
    }
    /* </ESPACIOS> */


    .btn-azul {
        color: #fff !important;
        background-color: #1446A0 !important;
        border: none;
        border-radius: 25px !important;
        padding: 10px 35px !important;
    }

        .btn-azul:hover {
            color: #fff !important;
            background-color: #BE1966 !important;
        }

    .lTitulo01 {
        background-color: #51B302;
        height: 4px;
        width: 40px;
    }

    .textoRosa {
        color: #BE1966;
    }

    .textoAzul {
        color: #1446A0;
    }