body{margin:0; padding:0; width:100%; background: url(../images/bg.jpg)  }
.box-content{ width: 100%;background:  url(../images/bg-content.jpg) ; margin: 100px auto; padding-top: 15px; padding-bottom: 15px; float: left}
.box-red{ width: 100%; background: url(../images/bg-red.jpg); padding-left:10px; padding-right:10px ; float: left;  }
.box-red .log_garantido{  margin: 0 auto; width: 218px; }
.box-red .log_garantido img{ margin-top: -90px}
.box-red .box-lite{ width: 100%; text-align: center; position: relative}
.box-red .box-lite h1{ padding: 0 ; margin: 0; font-family: arial; font-weight: bold; font-size: 1.4em;  color: #fff; }
.box-red .box-lite p{ padding: 0 ; margin: 0; color: #ccc; margin-top: 10px; font-size: 0.878em}
.form-login { width: 100%; float: left; margin-bottom: 10px; margin-top: 10px}
.form-login label{ margin-bottom: 10px; width: 100% ; font-weight: normal; }
.form-login form span{  background: #ccc; width: 25%; padding: 8px; float: left;  border-bottom: 3px solid #777; border-bottom-left-radius: 3px; border-top-left-radius: 2px ; text-align: center}
.form-login form .input{ border: none;width: 75%; padding: 8px; float: left;  border-bottom: 3px solid #eee; border-bottom-right-radius: 3px; border-top-right-radius: 2px; outline: none }
.text-acessar { width: 100%; float: left; text-align: left }
.text-acessar h1 { font-size: 1em !important; color: #FFFF00 !important; margin-bottom: 10px !important}
.text-acessar p { margin: 0px !important}

.footer{ width: 100%; margin-top: 20px; float: left; margin-bottom: 20px}
.footer p{ margin: 0 !important}

.theme-default{ background: url(../images/bg.jpg)}

.theme-default #main-menu-bg {
    background: url(../images/bg-red-lt.jpg) !important;
}
.bg-box {
   background: url(../images/bg-red-top.jpg) !important;
}
.theme-default #main-menu .menu-content {
    border-color: #D0CBB9;
}

.theme-default #main-menu .menu-content .btn-outline {
    border-color:#D0CBB9;
    color: #D0CBB9;
}
#menu-content-demo img{ border-radius: 0 }
.theme-default #main-menu .mm-dropdown.open > a {
    color: #FFFF00;
}

.theme-default #main-menu .mmc-dropdown-open-ul a, .theme-default #main-menu .navigation a {
    color: #fff;

}
.theme-default.mmc #main-menu .navigation > .mm-dropdown.open > a {
    color: #FFFF00;
}

.theme-default #main-menu .mmc-dropdown-open > a {
   background: url(../images/bg-red-lt.jpg) !important;
}
.theme-default #main-menu .mmc-dropdown-open-ul .mmc-title {
     background: url(../images/bg-red-lt.jpg) !important;
    color: #fff;
}
.theme-default #main-menu .mm-dropdown > ul, .theme-default #main-menu .mmc-dropdown-open-ul {
    background: url(../images/bg-red-top.jpg) !important;
}

.theme-default #main-menu li.active > a {
    background: #DB1A0F none repeat scroll 0 0;
    color: #fff;
}

.theme-default #main-menu li.active > a .menu-icon {
    color: #FFFF00;
}


@media (min-width: 500px) {
    .box-red .box-lite{ width: 500px ; margin: 0 auto}
    .box-red .box-lite .h1{  width: 200px; text-align: left; position: absolute; top:-50px; left: 0}
    .box-red .box-lite .h2{  width: 160px; text-align: left; position: absolute; top: -50px; right: 0; }
}

@media (min-width: 655px) {
  .box-red .box-lite{ width: 635px ;}
  .form-login { width: 310px;}
  .text-acessar{ width: 310px; float: right; margin-top: 10px }
}