/*
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 : 27-nov-2019, 16:39:58
    Author     : ddsi
*/

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;
}

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

.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;
    
}

@media only screen and (max-width: 1035px){
    
    .encabezadoSeccion{
        width: 100%;
    }
    
    .contenidoSeccion{
        width: 100%;
    }
}