body {
        background: #333333;
    }
    /*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
    
    a {
        color: #333;
        text-decoration: none;
    }
    
    a:visited {
        color: #333;
    }
    
    a:hover,
    a:focus,
    a:active {
        color: #333;
    }
    
    a:focus {}
    
    a:hover,
    a:active {
        outline: 0;
    }
    /*Mobile*/
    
    @media only screen and (max-width: 767px) {
        .site,
        .fanpage {
            width: 100%
        }
        .area-lateral-logo ul li:after {
            right: -29px;
        }
        .area-logo {
            text-align: center;
        }
        .area-lateral-logo {
            margin-top: 20px;
        }
        /*Menu principal*/
        .menu ul {
            display: none;
            width: 100%;
            cursor: pointer;
            font-family: Arial;
            font-size: 15px;
            font-weight: bold;
            padding: 6px 24px;
            text-decoration: none;
            text-shadow: 0px 1px 0px #ffffff;
        }
        .menu ul li {
            box-shadow: 0px 1px 0px 0px #fff6af;
            background: linear-gradient(to bottom, #ffec64 50%, #F3BD1B 70%);
            background-color: #ffec64;
            border: 1px solid #ffaa22;
            display: block;
            cursor: pointer;
            color: #333333;
            font-family: Arial;
            font-size: 0.8em;
            font-weight: bold;
            padding: 6px 24px;
            text-decoration: none;
            text-shadow: 0px 1px 0px #ffee66;
        }
        .menu ul li a {
            display: block;
            color: #333333;
            text-decoration: none;
            text-shadow: 0 0 1px #cccccc;
        }
        .menu ul li:hover {
            background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
            background-color: #ffab23;
        }
        .menu ul li:active {
            position: relative;
            top: 1px;
        }
    }
    /*Desktop*/
    
    @media only screen and (min-width: 767px) {
        .site,
        .fanpage {
            width: 850px;
        }
        .area-lateral-logo ul li:after {
            right: -30px;
        }
        /*Menu principal*/
        .menu ul {
            width: 100%;
            background: #F2F4F4;
            background: linear-gradient(0deg, #F6F6F6 20%, #dddddd 50%);
            background-color: #f9f9f9;
            border-radius: 30px;
            border: 1px solid #dcdcdc;
            display: inline-block;
            cursor: pointer;
            color: #666666;
            font-family: Arial;
            font-size: 15px;
            font-weight: bold;
            padding: 6px 24px;
            text-decoration: none;
            text-shadow: 0px 1px 0px #ffffff;
        }
        .menu ul li {
            box-shadow: 0px 1px 0px 0px #fff6af;
            background: linear-gradient(to bottom, #ffec64 50%, #F3BD1B 70%);
            background-color: #ffec64;
            border-radius: 30px;
            border: 1px solid #ffaa22;
            display: inline-block;
            cursor: pointer;
            color: #333333;
            font-family: Arial;
            font-size: 0.8em;
            font-weight: bold;
            padding: 6px 24px;
            text-decoration: none;
            text-shadow: 0px 1px 0px #ffee66;
        }
        .menu ul li a {
            display: block;
            color: #333333;
            text-decoration: none;
            text-shadow: 0 0 1px #cccccc;
        }
        .menu ul li:hover {
            background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
            background-color: #ffab23;
        }
        .menu ul li:active {
            position: relative;
            top: 1px;
        }
    }
    
    .site {
        margin: 10px auto;
        background: #eee;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #eeeeee 0%, #f2f4f4 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #f2f4f4));
        background: -webkit-linear-gradient(top, #eeeeee 0%, #f2f4f4 100%);
        background: -o-linear-gradient(top, #eeeeee 0%, #f2f4f4 100%);
        background: -ms-linear-gradient(top, #eeeeee 0%, #f2f4f4 100%);
        background: linear-gradient(to bottom, #eeeeee 0%, #f2f4f4 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#f2f4f4', GradientType=0);
        padding: 30px;
    }
    
    .fanpage {
        margin: 10px auto;
        padding: 0px;
        background: #eee;
    }
    
    .fanpage-content {
        background: #eee;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #eeeeee 0%, #f2f4f4 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #f2f4f4));
        background: -webkit-linear-gradient(top, #eeeeee 0%, #f2f4f4 100%);
        background: -o-linear-gradient(top, #eeeeee 0%, #f2f4f4 100%);
        background: -ms-linear-gradient(top, #eeeeee 0%, #f2f4f4 100%);
        background: linear-gradient(to bottom, #eeeeee 0%, #f2f4f4 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#f2f4f4', GradientType=0);
        padding: 30px;
    }
    /* Logo */
    
    .site-branding {
        margin-bottom: 20px;
    }
    
    .area-lateral-logo ul {
        padding: 0px;
        margin: 0px;
        list-style: none;
    }
    
    .area-lateral-logo ul li {
        display: inline-block;
        color: #333;
        text-decoration: none;
        background: #f9de7a;
        border-radius: 10px 0px 0px 10px;
        color: #FAB831;
        position: relative;
        margin: 0px 20px 10px 0px;
        height: 30px;
        padding: 0px 3px 0px 7px;
    }
    
    .area-lateral-logo ul li:nth-child(2n-1) {
        background: #FAD64E;
    }
    
    .area-lateral-logo ul li:after {
        border: 15px solid transparent;
        border-left-color: #f9de7a;
        content: "";
        top: 0px;
        position: absolute;
    }
    
    .area-lateral-logo ul li:nth-child(2n-1):after {
        border-left-color: #FAD64E;
    }
    
    .area-lateral-logo li a {
        color: #333333;
        text-decoration: none;
        font-size: 0.8em;
    }
    
    .area-lateral-logo li::before {
        /* Insert content that looks like bullets */
        padding-right: 8px;
        color: #333;
        /* Or a color you prefer */
    }
    
    .menu-area {
        background: #F2F4F4;
        padding: 10px;
        border: 1px solid #fff;
        border-radius: 20px;
    }
    
    .area-menu-sidebar {
        margin-top: 20px;
    }
    /*Conteudo*/
    
    .entry-content {
        background: #F2F4F4;
        padding: 0px 10px 3px 10px;
        border: 1px solid #fff;
        border-radius: 20px;
    }
    
    .woocommerce form.checkout_coupon,
    .woocommerce form.login,
    .woocommerce form.register {
        border: none !important;
        padding: 0px !important;
        margin: 0px !important;
        border-radius: 0px !important;
    }
    
    .wcmp_regi_main .wcmp_regi_form_box {
        padding: 0px !important;
        box-shadow: none !important;
        margin: 0px !important;
        color: #333 !important;
    }
    
    .wcmp_regi_main .reg_header1 {
        display: none;
    }
    /*Footer*/
    
    .site-footer {
        text-align: center;
        font-size: 0.7em;
        color: #333;
    }
    
    #footer-menu {
        padding: 0px;
        margin: 0px;
        list-style: none;
    }
    
    #footer-menu li {
        padding: 2px 10px;
        display: inline-block;
        color: #333;
        text-decoration: none;
    }
    
    #footer-menu li a {
        color: #333;
        text-decoration: none;
    }
    
    #footer-menu li::before {
        content: "|";
        /* Insert content that looks like bullets */
        padding-right: 8px;
        color: #333;
        /* Or a color you prefer */
    }
    
    .site-footer {
        border-top: 2px solid #ccc;
        padding: 10px 0px 10px 0px;
    }
    
    .site-footer a .custom-logo {
        height: 38px;
        width: auto;
    }
    
    .wcmp_vendor_banner_template.template3,
    .wcmp_vendor_banner_template.template1,
    .wcmp_vendor_banner_template.template2 {
        border: none !important;
        background: #f3f3f3;
    }
    /* Or a color you prefer */