* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background: #e6e6e6;
}

.contenedor {
    width: 90%;
    max-width: 1360px;
    margin: auto;

    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}

header {
    width:100%;

    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
}

header .cabecera {
    
    width:100%;
    padding:10px;

    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
}


header .logo{
    width: 30%;
    max-width: 100%;
    min-width: 250px;
    vertical-align: top;
    text-align: center;
}

header .datos, h2{
    width: 70%;
    max-width: 100%;
    color: #006699;
    font-family: Verdana;
    font-size: 1.15rem;
    text-align: right;
    letter-spacing: 4px;
}
header nav {
    width:100%;
    /* Flexbox */
 
    display:flex;
    flex-wrap:wrap;
    align-items:center;
}
 
header nav a {
    background:#006699;
    color:#fff;
    text-align: center;
    text-decoration: none;
    padding:15px;
    font-family: Verdana;
    display: block;
     
    /* Flexbox */
    flex-grow:1;
}

header nav a span {
    margin-right: 10px;
}

header nav a:hover {
    background: #528FD5;
}

.container-main{
    margin:40px auto;
    width:95%;
    min-width:320px;
    max-width:960px;
}

.container-main h1{
	font-family: Verdana;
	text-align: center;
	color: #366306;
	font-size: 30px;
    text-shadow: 0 0 10px #fff,
                 0 0 20px #fff,
                 0 0 30px #fff,
                 0 0 40px #fff,
                 0 0 50px #fff,
                 0 0 70px #006699,
                 0 0 90px #006699,
                 0 0 110px #006699,
                 0 0 130px #006699,
                 0 0 200px #006699;
}

section p {
    font-family: Verdana;
    text-align: left;
    font-weight: bold;
    color: #006699;
}

.accordion-container {
    width: 100%;
    margin: 0 0 20px;
    clear:both;
}

.accordion-titulo {
    position: relative;
    display: block;
    padding: 10px;
    font-family: Verdana;
    font-size: 18px;
    font-weight: 300;
    background: #2c3e50;
    color: #fff;
    text-decoration: none;
}
.accordion-titulo.open {
    background: #16a085;
    color: #fff;
}
.accordion-titulo:hover {
    background: #1abc9c;
}

.accordion-titulo span.toggle-icon:before {
    content:"+";
}

.accordion-titulo.open span.toggle-icon:before {
    content:"-";
}

.accordion-titulo span.toggle-icon {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 18px;
    font-weight:bold;
}

.accordion-content {
    display: none;
    padding: 20px;
    overflow: auto;
}

.accordion-content p{
    margin:0;
}

.accordion-content img {
    display: block;
    float: left;
    margin: 0 15px 10px 0;
    width: 50%;
    height: auto;
}


@media (max-width: 767px) {
    .accordion-content {
        padding: 10px 0;
    }
}


footer {
    background: #000;
    width: 100%;
    color: #fff;
    font-family: Verdana;
    padding: 10px 0px;
    text-align: center;
}

footer a:link, a:visited {
    text-decoration: none;
    color: white;
}

footer a:hover, a:active {
    text-decoration: none;
    color: blue;
}

@font-face {
    font-family: 'icomoon';
    src:url('../fonts/icomoon.eot?uyfhy9');
    src:url('../fonts/icomoon.eot?uyfhy9#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?uyfhy9') format('truetype'),
        url('../fonts/icomoon.woff?uyfhy9') format('woff'),
        url('../fonts/icomoon.svg?uyfhy9#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    
    /* Enable Ligatures ================ */
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-home:before {
    content: "\e900";
}
.icon-newspaper:before {
    content: "\e914";
}
.icon-library:before {
    content: "\e915";
}
.icon-profile:before {
    content: "\e903";
}
.icon-address-book:before {
    content: "\e916";
}
.icon-envelop:before {
    content: "\e917";
}
.icon-users:before {
    content: "\e918";
}
.icon-menu:before {
    content: "\e919";
}

@media screen and (max-width: 1024px) {

}


@media screen and (max-width: 800px) {

    .contenedor {
        flex-direction:column;
        width: 100%;
        padding: 10px;
    }
 
    header .cabecera{
        padding:0;
        flex-direction:column;
    }
 
    header .logo{
        margin:0px 0;
    }

    header .datos{
        width: 100%;
        font-size: 1rem;
        text-align: center;
        margin:10px 0;
        letter-spacing: 4px;
    }
 
    header nav {
        
    }
 
    .main{

    }

    h2 {
        width: 100%;
        text-align: center;
    }

footer {
        width: 100%;
}