@charset "utf-8";
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body{
    font-family: 'Open Sans', sans-serif;
    
}
html{
    margin: 0;
    padding: 0;
    text-align: center;
    display: block;
}



@media (max-width:767px){
    .barraMenu{
        position: fixed;
        z-index: 1000;
        top: 0px;
        width: 100%;
        margin: auto;
        display: flex;
        flex-direction: row;
        background-color: #FFF;

    }
    .logoPrincipal{
        width: 40%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .menuPrincipal{
        width: 60%;
        font-size: 9pt;
        font-weight: bold;
        color: #6EA205;
        font-family: 'Open Sans', sans-serif;
        font-weight: normal;
    }
    .barraRedes{
        position: fixed;
        z-index: 200;
        top: 155px;
        width: 50px;
        right: 20px;
    }
    .redes{
        display: flex;
        flex-direction: column;
        color: #80FD58;
        text-shadow: 1px 1px #000000;
        
    }
    #redes{
        
    }
    #redes a {
        
    }
    .dropdown{
        font-size: 11pt;
    }
    .dropdown li{
        height: 30px;
        min-width: 150px;
        font-size: 9pt;
    }
    .dropdown-submenu {
      height: 30px;
    }
    #dropdown-menu {
    color: #6EA205;
    margin: 0;
    padding: 0;
    }
    #dropdown-menu li {
       display: inline;
       margin: 0;
       padding: 0 0.5em;
    }
    #dropdown-menu li a {
       color: inherit;
       text-decoration: none;
      
}
    .dropdown-submenu .dropdown-menu {
      width: 200px;
      font-size: 9pt;
      font-family: 'Open Sans', sans-serif;
      font-weight: normal;
    }
    
}
@media only screen and (min-width:768px) and (max-width:1068px){
    .barraMenu{
        position: fixed;
        z-index: 1000;
        top: 0px;
        width: 100%;
        display: flex;
        flex-direction: row;
        background-color: #FFF;

    }
    .logoPrincipal{
        width: 25%;
        margin-left: 0%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .menuPrincipal{
        width: 75%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        font-size: 9pt;
        font-weight: bold;
        color: #6EA205;
        font-family: 'Open Sans', sans-serif;
        font-weight: normal;
    }
    .barraRedes{
        position: fixed;
        z-index: 200;
        top: 155px;
        width: 50px;
        font-size: 2em;
        right: 20px;
    }
    .redes{
        display: flex;
        flex-direction: column;
        color: #80FD58;
        text-shadow: 1px 1px #000000;
    }
    .dropdown{
        font-size: 11pt;
    }
    .dropdown li{
        height: 30px;
        min-width: 150px;
        font-size: 9pt;
    }
    .dropdown-submenu {
      height: 30px;
    }

    .dropdown-submenu .dropdown-menu {
      width: 200px;
      font-size: 9pt;
    }
    .test{
         color: #6EA205;
    }
}
@media (min-width:1069px){
    .barraMenu{
        position: fixed;
        z-index: 1000;
        top: 0px;
        width: 100%;
        display: flex;
        flex-direction: row;
        background-color: #FFF;

    }
    .logoPrincipal{
        width: 15%;
        margin-left: 5%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .menuPrincipal{
        width: 65%; 
        display: flex;
        justify-content: flex-end;
        align-items: center;
        font-size: 14   pt;
        font-weight: bold;
        color: #6EA205;
        font-family: 'Open Sans', sans-serif;
        font-weight: normal;
    }
    .barraRedes{
        position: fixed;
        z-index: 200;
        top: 155px;
        width: 50px;
        font-size: 2em;
        right: 5%;
    }
    .redes{
        display: flex;
        flex-direction: column;
        color: #80FD58;
        text-shadow: 1px 1px #000000;
    }
    
    .dropdown li{
        height: 30px;
        min-width: 200px;
        padding-left: 5px;
    }
    .dropdown-submenu {
      position: relative;
      height: 30px;
    }

    .dropdown-submenu .dropdown-menu {
      width: 300px;
      padding-left: 5px;
      top: 0;
      left: -300px;
      margin-top: -1px;
    }
    .test{
         color: #6EA205;
    }
}