body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
body{background-color:#eeeeee; color:#7d7d7d; font-size:22px; font-family:Arial;hyphens: auto;}
#logo{margin:20px 0px 0px 20px; display:block;width:450px;max-width:60%;}
#wrapper{background-color:#ffffff;max-width:1000px;margin: 0 auto;
border: solid 1px #7d7d7d;
margin-top:20px;margin-bottom:20px;
}
#header .mod_navigation ul {list-style-type: none; padding-left:0px;}
#header .mod_navigation ul li {float:left;margin:5px 20px 5px 20px; font-size:26px;}
#header .mod_navigation ul li a {text-decoration:none; color:#7d7d7d;font-weight:bold;}
#header .mod_navigation ul li.active{color:#7e00fc}
hr.separator{color:#7e00fc;margin:0px 5px 0px 5px;}



#main {padding:20px;box-sizing: border-box;}
#main #foto{margin-right:40px;margin-bottom:20px;float:left;max-width:50%;}
#main a {color:#7e00fc;text-decoration:none;}

table tr td {padding: 10px 10px;}
table tr:nth-child(odd) {
    background-color: #eeeeee;
}
ol li{padding:5px 0px;}


/* HAMBURGER MENU */
#checkbox4 {display:none;}
@media screen and (max-width: 900px){
    .hamburger{display:block;}
    #header nav.mod_navigation {position:absolute;right:0px;top:0px;}
    #header .mod_navigation ul li{float:none;top: 60px;}
    #header .mod_navigation ul{display:none;position:fixed;border: solid 1px #7d7d7d;background-color: #fff;z-index: 9;margin-left: -150px;top: 60px;}
    #header .mod_navigation {width:200px;}
    #header .mod_navigation .checkbox4:checked + label > .hamburger4 >  ul{display:block;}


    .visuallyHidden {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 1px; width: 1px;
        margin: -1px; padding: 0; border: 0;
    }
    .hamburger {
        margin: 5px 15px 0 auto;
        height: 30px;
        width: 30px;
        height: 30px;
        position: relative;
    }
    .hamburger .bar {
        padding: 0;
        width: 30px;
        height: 4px;
        background-color: #7e00fc;
        display: block;
        border-radius: 4px;
        transition: all 0.4s ease-in-out;
        position: absolute;
    }
    .bar1 {top: 0;}
    .bar2,.bar3 {top: 13.5px;}
    .bar3 {right: 0;}
    .bar4 {bottom: 0;}
    .hamburger2 .bar2,.hamburger3 .bar3,.hamburger4 .bar4 {top: 13.5px;}
    .hamburger4 .bar5 {bottom: 0px;}
    .hamburger4 .bar {transition: all 0.4s ease-in-out, transform 0.4s ease-in-out 0.4s;}
    .hamburger4 .bar2 {width: 1px;transform: rotate(90deg);left: 13.5px;}
    .hamburger4 .bar3 {width: 1px;left: 13.5px;}
    .checkbox4:checked + label > .hamburger4 > .bar1{top: 13.5px;background-color: transparent;}
    .checkbox4:checked + label > .hamburger4 > .bar2{left: 0px;width: 30px;transform: rotate(45deg);}
    .checkbox4:checked + label > .hamburger4 > .bar3{left: 0;width: 30px;transform: rotate(-45deg);}
    .checkbox4:checked + label > .hamburger4 > .bar4{background-color: transparent;}
    .checkbox4:checked + label > .hamburger4 > .bar5{bottom: 13.5px;background-color: transparent;}
}




#footer{background-color:#7d7d7d;}
#footer .bar1, #footer .bar2, #footer .bar3, #footer .bar4, #footer .bar5{display:none;}
#footer #copyright {float:left;color:#ffffff;margin-top:30px;margin-left:20px; }
#footer .mod_navigation {float:right!important;}
#footer .mod_navigation ul {list-style-type: none !important; padding-left:0px !important;}
#footer .mod_navigation ul li {float:left !important;margin:5px 20px 5px 20px !important; font-size:26px !important;}
#footer .mod_navigation ul li a {text-decoration:none !important; color:#ffffff !important;font-weight:bold !important;}
#footer .mod_navigation ul li.active{color:#ffffff !important;border-bottom:solid 1px #ffffff !important;}
#footer .hamburger {width:auto;}
@media screen and (max-width: 610px){
    #footer {height:150px;}
}