#content, p { color:#61646c; }

/* TOP MENU */

/* blue */
#mainmenu a.blue:hover, #mainmenu a.blue:active, .blue #mainmenu a.blue
{
  background-image:url(/images/core/topblue.gif);
  border-left-color:#1b57b7;
  border-right-color:#4a79c3;
}
#mainmenu a.blue:hover  { background-image:url(/images/core/topblue.gif);  }
#mainmenu a.blue:active { background-image:url(/images/core/topbluei.gif); }

/* orange */
#mainmenu a.orange:hover, #mainmenu a.orange:active, .orange #mainmenu a.orange
{
  background-image:url(/images/core/toporange.gif);
  border-left-color:#f28101;
  border-right-color:#f59c37;
}
#mainmenu a.orange:hover  { background-image:url(/images/core/toporange.gif);  }
#mainmenu a.orange:active { background-image:url(/images/core/toporangei.gif); }

/* red */
#mainmenu a.red:hover, #mainmenu a.red:active, .red #mainmenu a.red
{
  background-image:url(/images/core/topred.gif);
  border-left-color:#a40023;
  border-right-color:#b73652;
}
#mainmenu a.red:hover  { background-image:url(/images/core/topred.gif);  }
#mainmenu a.red:active { background-image:url(/images/core/topredi.gif); }

/* purple */
#mainmenu a.purple:hover, #mainmenu a.purple:active, .purple #mainmenu a.purple
{
  background-image:url(/images/core/toppurple.gif);
  border-left-color:#5e0e9d;
  border-right-color:#8041b2;
}
#mainmenu a.purple:hover  { background-image:url(/images/core/toppurple.gif);  }
#mainmenu a.purple:active { background-image:url(/images/core/toppurplei.gif); }

/* green */
#mainmenu a.green:hover, #mainmenu a.green:active, .green #mainmenu a.green
{
  background-image:url(/images/core/topgreen.gif);
  border-left-color:#19963a;
  border-right-color:#50b66b;
}
#mainmenu a.green:hover  { background-image:url(/images/core/topgreen.gif);  }
#mainmenu a.green:active { background-image:url(/images/core/topgreeni.gif); }

/* gray */
#mainmenu a.gray:hover, #mainmenu a.gray:active, .gray #mainmenu a.gray {
  background-image:url(/images/core/topgray.gif);
  border-left-color:#474747;
  border-right-color:#6e6e6e;
}
#mainmenu a.gray:hover  { background-image:url(/images/core/topgray.gif);  }
#mainmenu a.gray:active { background-image:url(/images/core/topgrayi.gif); }


/* NAV LOGOS */
.blue   #nav .wrapper { background-image:url(/images/core/logoblue.gif);   }
.orange #nav .wrapper { background-image:url(/images/core/logoorange.gif); }
.red    #nav .wrapper { background-image:url(/images/core/logored.gif);    }
.purple #nav .wrapper { background-image:url(/images/core/logopurple.gif); }
.green  #nav .wrapper { background-image:url(/images/core/logogreen.gif);  }

/* NAV MENU */

/* blue */
.blue #nav ul.nav li.left  a { color:#1b57b7; }
.blue #nav ul.nav li.right a { color:#2593c9; }
.blue #nav ul.nav li.left  a.arrow { background-color:#1b57b7; }
.blue #nav ul.nav li.right a.arrow { background-color:#2593c9; }

/* orange */
.orange #nav ul.nav li.left  a       { color:#f28101; }
.orange #nav ul.nav li.right a       { color:#f7b312; }
.orange #nav ul.nav li.left  a.arrow { background-color:#f28101; }
.orange #nav ul.nav li.right a.arrow { background-color:#f7b312; }

/* red */
.red #nav ul.nav li.left  a       { color:#a40023; }
.red #nav ul.nav li.right a       { color:#e82925; }
.red #nav ul.nav li.left  a.arrow { background-color:#a40023; }
.red #nav ul.nav li.right a.arrow { background-color:#e82925; }

/* purple */
.purple #nav ul.nav li.left  a       { color:#5e0e9d; }
.purple #nav ul.nav li.right a       { color:#a500a3; }
.purple #nav ul.nav li.left  a.arrow { background-color:#5e0e9d; }
.purple #nav ul.nav li.right a.arrow { background-color:#a500a3; }

/* green */
.green #nav ul.nav li.left  a       { color:#21a343; }
.green #nav ul.nav li.right a       { color:#80ce18; }
.green #nav ul.nav li.left  a.arrow { background-color:#21a343; }
.green #nav ul.nav li.right a.arrow { background-color:#80ce18; }

/* gray */
.gray #nav ul.nav li.left  a       { color:#1b57b7; }
.gray #nav ul.nav li.right a       { color:#2593c9; }
.gray #nav ul.nav li.left  a.arrow { background-color:#1b57b7; }
.gray #nav ul.nav li.right a.arrow { background-color:#2593c9; }

/* MID */

.blue   #mid { background-image:url(/images/core/bigblue.gif);   }
.orange #mid { background-image:url(/images/core/bigorange.gif); }
.red    #mid { background-image:url(/images/core/bigred.gif);    }
.purple #mid { background-image:url(/images/core/bigpurple.gif); }
.green  #mid { background-image:url(/images/core/biggreen.gif);  }

.blue   #mid #menuL { background-color:#1b57b7; }
.orange #mid #menuL { background-color:#f28101; }
.red    #mid #menuL { background-color:#a40023; }
.purple #mid #menuL { background-color:#5e0e9d; }
.green  #mid #menuL { background-color:#21a343; }

.blue   #mid #menuR { background-color:#2593c9; }
.orange #mid #menuR { background-color:#f7b312; }
.red    #mid #menuR { background-color:#e82925; }
.purple #mid #menuR { background-color:#a500a3; }
.green  #mid #menuR { background-color:#80ce18; }

.blue   #mid #menuL a.selected:hover, .blue   #mid #menuL a.selected:active, .blue   #mid #menuL a:hover, .blue   #mid #menuL a:active {}
.orange #mid #menuL a.selected:hover, .orange #mid #menuL a.selected:active, .orange #mid #menuL a:hover, .orange #mid #menuL a:active {}
.red    #mid #menuL a.selected:hover, .red    #mid #menuL a.selected:active, .red    #mid #menuL a:hover, .red    #mid #menuL a:active {}
.purple #mid #menuL a.selected:hover, .purple #mid #menuL a.selected:active, .purple #mid #menuL a:hover, .purple #mid #menuL a:active {}
.green  #mid #menuL a.selected:hover, .green  #mid #menuL a.selected:active, .green  #mid #menuL a:hover, .green  #mid #menuL a:active {}

.blue   #mid #menuR a.selected:hover, .blue   #mid #menuR a.selected:active, .blue   #mid #menuR a:hover, .blue   #mid #menuR a:active {}
.orange #mid #menuR a.selected:hover, .orange #mid #menuR a.selected:active, .orange #mid #menuR a:hover, .orange #mid #menuR a:active {}
.red    #mid #menuR a.selected:hover, .red    #mid #menuR a.selected:active, .red    #mid #menuR a:hover, .red    #mid #menuR a:active {}
.purple #mid #menuR a.selected:hover, .purple #mid #menuR a.selected:active, .purple #mid #menuR a:hover, .purple #mid #menuR a:active {}
.green  #mid #menuR a.selected:hover, .green  #mid #menuR a.selected:active, .green  #mid #menuR a:hover, .green  #mid #menuR a:active {}

.blue   #mid .menu a.selected  { color:#a9e3ff; }
.orange #mid .menu a.selected  { color:#ffe29c; }
.red    #mid .menu a.selected  { color:#ffa8a6; }
.purple #mid .menu a.selected  { color:#ff58fd; }
.green  #mid .menu a.selected  { color:#c0fe6d; }

.blue   strong, .blue   em { color:#1b57b7; }
.orange strong, .orange em { color:#f28101; }
.red    strong, .red    em { color:#a40023; }
.purple strong, .purple em { color:#5e0e9d; }
.green  strong, .green  em { color:#21a343; }

.blue   h2 { color:#1b57b7; }
.orange h2 { color:#f28101; }
.red    h2 { color:#a40023; }
.purple h2 { color:#5e0e9d; }
.green  h2 { color:#21a343; }

ul.bullet { list-style-image:url(/images/core/bullet.gray.gif); }
.blue   ul.bullet.hover li:hover, .blue   ul.bullet li.selected { list-style-image:url(/images/core/bullet.blue.gif); }
.orange ul.bullet.hover li:hover, .orange ul.bullet li.selected { list-style-image:url(/images/core/bullet.orange.gif); }
.red    ul.bullet.hover li:hover, .red    ul.bullet li.selected { list-style-image:url(/images/core/bullet.red.gif); }
.purple ul.bullet.hover li:hover, .purple ul.bullet li.selected { list-style-image:url(/images/core/bullet.purple.gif); }
.green  ul.bullet.hover li:hover, .green  ul.bullet li.selected { list-style-image:url(/images/core/bullet.green.gif); }

body.nosotros.us #content .centered         { background-image:url(/images/mid/nosotros.1.jpg); }
body.nosotros.philosophy #content .centered { background-image:url(/images/mid/nosotros.2.jpg); }
body.nosotros.process #content .centered    { background-image:url(/images/mid/nosotros.3.jpg); }
body.nosotros.team #content .centered       { background-image:url(/images/mid/nosotros.4.jpg); }

body.experiencia.knowledge #content .centered   { background-image:url(/images/mid/experiencia.1.jpg); }
body.experiencia.marketing #content .centered   { background-image:url(/images/mid/experiencia.2.jpg); }
body.experiencia.development #content .centered { background-image:url(/images/mid/experiencia.3.jpg); background-position:right 100px; }
body.experiencia.contactcenter #content .centered    { background-image:url(/images/mid/experiencia.4.jpg); }

body.home.crm #content .centered               { background-image:url(/images/mid/soluciones.1.jpg); background-position:right 60px; }
body.home.ecommerce #content .centered         { background-image:url(/images/mid/soluciones.2.jpg); background-position:right 90px; }
body.home.cms #content .centered               { background-image:url(/images/mid/soluciones.3.jpg); background-position:right 60px; }
body.home.intranet #content .centered          { background-image:url(/images/mid/soluciones.4.jpg); background-position:right 60px; }
body.home.siwapp #content .centered            { background-image:url(/images/mid/soluciones.5.jpg); background-position:right 60px; }
body.home.hosting #content .centered           { background-image:url(/images/mid/soluciones.6.jpg); background-position:right 60px; }
body.home.applications #content .centered      { background-image:url(/images/mid/soluciones.7.jpg); background-position:right 60px; }
body.home.seo #content .centered               { background-image:url(/images/mid/marketing.1.jpg); background-position:40px 120px; }
body.home.onlinemarketing #content .centered   { background-image:url(/images/mid/marketing.2.jpg); background-position:40px 120px; }
body.home.newsletter #content .centered        { background-image:url(/images/mid/marketing.3.jpg); background-position:40px 100px; }
body.home.socialweb #content .centered         { background-image:url(/images/mid/marketing.4.jpg); background-position:20px 100px; }
body.home.webdesign #content .centered         { background-image:url(/images/mid/marketing.5.jpg); background-position:10px 140px; }
body.home.helpck #content .centered            { background-image:url(/images/mid/marketing.6.jpg); background-position:10px 120px; }
body.home.relationshipmarketing #content .centered { background-image:url(/images/mid/marketing.7.jpg); background-position:20px 100px; }