/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2/10/2020, 01:27:04 PM
    Author     : Abraham
*/

@charset "iso-8859-1";

@font-face {
    font-family: HelveticaCondensed;
    src: url('../../estilos/Fuentes/Helvetica/HelveticaNeueLTStd-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  

}

html,body {
    margin: 0;
    padding: 0;
    font-family: HelveticaCondensed;
   
}

/* INICIO MENU TEMAS*/

    #menuTemas {
        display: block;
        overflow:hidden;
        margin: 0 auto;
        min-height: 350px;
        background-color: #EFEFF7;
    }

    #menuTemas ul{
        margin-top: 70px;
        padding: 0;
        font-size: 18px;
        list-style-type: none;
        text-align: center;
    }

    #menuTemas li {
        display: inline-block;
        margin: 0;
    }

    #menuTemas li a {
        display:inline-block;
        text-align:center;
        text-decoration: none;
        color: #687f91;
        margin-right:0px;
        width: 170px;
        height: 230px;
        vertical-align: middle;
        position: relative;
        font-size: 15px;
        cursor: pointer;
    }
    
    .linkTema:hover {
        color: #c1cad1 !important;
    }
    
    /*SE AGREGAN ETIQUETAS PARA QUE NO APAREZCA EL WARNING EN LA PAGINA XHTML*/
    .togglemenu1{}
    .togglemenu2{}
    .togglemenu3{}
    .togglemenu4{}
    .togglemenu5{}    
    .togglemenu7{}
    .togglemenu8{}
    .togglemenu9{}
    .togglemenu10{}
    .mostrarContentFrame{}
    .mostrarSeccion3Oculta{}
    .mostrarSeccion4Oculta{}
    .fa{} 
    .fa-angle-up{}
    /**/
    
    #menuTemas li a img {
        border: 0px; 
        width: 152px;
    }
    
    .subtitleTema{
        width: 152px;
        margin: 5px auto 0;
        font-weight: bolder;
    }
    
    .swapMe img { 
        -webkit-transition: all 0.2s ease-in-out; 
        -moz-transition: all 0.2s ease-in-out; 
        -ms-transition: all 0.2s ease-in-out; 
        -o-transition: all 0.2s ease-in-out; 
        transition: all 0.2s ease-in-out; 
    }
    
    .swap1{
        display: block;
        position: absolute;
        right: 0px;
        left:0px;
        margin:auto;
    }
    
    .swap1, .swapMe:hover .swap2 { 
        -webkit-opacity: 1; 
        -moz-opacity: 1; 
        opacity: 1; 
    } 
    
    .swapMe:hover .swap1, .swap2 { 
        -webkit-opacity: 0; 
        -moz-opacity: 0; 
        opacity: 0; 
    }
    
/* FIN MENU POR TEMAS */

.subArticulo{
    
}

.articulo1{
    display: none;
    width: 100%;
    background-color: #fff;
}

.articulo1.active{
    display: block;
}

.articulo2{
    display: none;
    width: 100%;    
}
.articulo2.active{
    display: block;
}

.articulo3{
    display: none;
    width: 100%;    
}
.articulo3.active{
    display: block;
}

.articulo4{
    display: none;
    width: 100%;    
}
.articulo4.active{
    display: block;
}

.seccion1{
    width: 100%;
    background-color: #fff; 
    padding: 30px 0px 30px;
    text-align: center;
}

.encabezadoSeccion{
    width: 1035px;
    height: 80px;
    margin: 0 auto;   
    text-align: left;
}

.logoSeccion{
    height: 80px;
    width: 80px;
    margin: 0px;
    float: left;
}

.subtituloSeccion{
    height: 80px;
    color: rgb(142,207,213);
    font-size: 21px;
    font-family: Helvetica;
}

.subtitleSeccion{
    line-height: 80px; 
    float: left;
    font-weight: bolder;
}

.contenidoSeccion{
    width: 1035px;
    margin: 0 auto;
    text-align: left;    
}

.subtituloContenidoSeccion{
    margin-left: 80px;
}

.BlueLargeText2 {
    font-weight: bold; 
    font-size: 36px; 
    color: #8696a2; 
    font-family: Arial, Helvetica, sans-serif; 
    text-decoration: none;
}

.columna1Seccion{
    display: inline-block;
    width: 50px; 
    margin-left: 150px;
}

.columna2Seccion{
    display: inline-block;
    width: 700px; 
    vertical-align: top;
}

.parrafoCol2Sec {
    color: rgb(86,92,92);
    font-size: 21px;
    text-align: justify;
    margin: 18.5px 0px;
}

.contenidoColumnaSeccion{
    margin-left: 80px;
}

.parrafoConColSec{
    color: rgb(86,92,92); 
    font-size: 21px; 
    text-align: justify;
}

.columna3Seccion{
    display: inline-block;
    width: 50px;
}
/* SECCION PREGUNTAS FRECUENTAS */

.accordion {
    color: #444;
    cursor: pointer;
/*    padding: 18px 18px 18px 30px;*/
    padding: .5em .5em .5em 2.2em;
    width: 100%;
    border: none;
    text-align: justify;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    position: relative;
    margin-top: 3px;
    background: white;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    
}

.accordionSinAccion {
    color: #444;
    cursor: auto;
/*    padding: 18px 18px 18px 30px;*/
    padding: .5em .5em .5em 2.2em;
    width: 100%;
    border: none;
    text-align: justify;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    position: relative;
    margin-top: 3px;
    background: white;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
}

.activo, .accordion:hover {
    background-color: rgb(246, 246, 246);
}

.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    position: absolute;
    top: 9px;
    left: 15px;
}

.activo:after {
    content: "\2212";
}

.panel {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    
}

/* FIN SECCION PREGUNTAS FRECUENTES */

@media only screen and (max-width: 1035px){
    
    .encabezadoSeccion{
        width: 100%;
    }
    
    .contenidoSeccion {
        width: 100%;
    }
    
    .subtituloContenidoSeccion {
        margin-left: 0px;
    }
    
    .columna1Seccion {
        margin-left: 80px;
    }
    
    .contenidoColumnaSeccion {
        margin-left: 80px;
    }
}

@media only screen and (max-width: 750px){
    .contenidoColumnaSeccion {
        margin-left: 10px;
        margin-right: 10px;
    }
}