/* MOJITO GIRLS	*/

body {background:pink url(/images/bg.jpg) top center fixed; background-size:100% 100%;/*cover*/;}

header {background:transparent !important;}
header .subtitle {color:white !important;}

article,
article h1 .bg_black,
article p {color:white}

.bg_black {background:black; width:auto; padding:5px; margin:0 auto;}
.bg_magenta {background:magenta; width:auto; padding:5px; margin:0 auto;}
.bg_pink {background:pink; width:auto; padding:5px; margin:0 auto;}

.lime,
nav a.cat_coffe,
.nav_home a.cat_1 {color:#00ff00 !important;}

.pink,
nav a.cat_mojito,
nav a.cat_fresh,
.nav_home a.cat_2 {color:#ff66ff !important;}

.cyan,
.nav_home a.cat_3 {color:#00ffff !important;}

.red {color:red !important;}
.blue {color:blue !important;}
.white {color:white !important;}
.orange {color:orange !important;}
.black {color:black !important;}

article input {color:black;}
article input[type='submit'] {background:lime; color:black !important; font-weight:bold;}
article input[type='submit']:hover {background:pink; color:black !important;}

article .list a {color:lime; background:black; padding:5px;}
article .list h2 {width:auto; display:inline-block; background:magenta; padding:5px;}

footer ul li a {color:lime;}	/* bottom menu */
footer,
footer li,
footer p,
footer a {color:black;}

footer p.counter img {
  filter: gray; /* IE6-9 */
  filter: grayscale(1); /* Firefox 35+ */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}

/* Disable grayscale on hover */
footer p.counter img:hover {
  filter: none;
  -webkit-filter: grayscale(0);
}