#rt-header {  /*color cabecera*/
   background: #00214e;
}
#rt-footer{  /*color footer*/
   background: #00214e;
}
#rt-copyright{ /*color copyright*/
   background: #00214e;
}

.gf-menu .item:hover { /*color fondo menu*/
   background-color: #CC0000;
}

#rt-header .rt-grid-3 { /*agrando un poco el logo*/
  width: 400px;
  top:9px;
}
#rt-header .rt-grid-9 { /*minizo tamaño menu*/
   width: 800px;
}
#rt-main .rt-container .rt-grid-6{ /*cambio tamaño del mainbody*/
   width: 1200px;
}
.gf-menu .dropdown{ /*cambio color menu secundario*/
   background:  #CC0000;
}
.gf-menu li:hover, .gf-menu li.active:hover {
    background: #CC0000;
}



/* Smartphones (vertical and horizontal) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px)
{
  #rt-main .rt-container .rt-grid-6{ /*cambio tamaño del mainbody*/
     width: 100%;
  }
  div.wpcf7 textarea { width: 100% !important; } /*afecta al formulario de contacto*/
  .gf-menu-toggle { /*menu movil*/
      top: 71px;
      left: 5px;
      background: #CC0000;
   }
   .gf-menu-device-container { /*tamaño menu movil contenedor*/
       width: 300px;
   }
   .gf-menu-device-container > li{ 
        background: #CC0000;
   }

  .layout-mode-responsive .gf-menu-device-container { /*colores menu*/
      background:  #CC0000;
  } 
  .layout-mode-responsive .gf-menu{
     background:  #CC0000;
  }
  .layout-mode-responsive .gf-menu .dropdown{
     background:  #CC0000;
  }
 
  
}

/* iPads (vertical y horizontal) ----------- */ 
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) 
{
  /*.layout-mode-responsive .gf-menu-device-container {
      background:  #CC0000;
  } 
  .layout-mode-responsive .gf-menu{
     background:  #CC0000;
  }
  .layout-mode-responsive .gf-menu .dropdown{
     background:  #CC0000;
  }*/
  #rt-header .rt-grid-9 { /*minizo tamaño menu*/
   width: 100%;
   left: 10px;
  }
  #rt-main .rt-container .rt-grid-6{ /*cambio tamaño del mainbody*/
    width: 100%;
  }
}
/* Pantallas grandes ----------- */ 
@media only screen and (min-width : 1824px) 
{ /* STYLES GO HERE */ } 

/* iPhone 5 (vertical y horizontal)----------- */ 
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) 
{ /* STYLES GO HERE */ }