/*------------------------------
 * Copyright 2014 Pixelized
 * http://www.pixelized.cz
 *
 * Supreme theme v1.0
------------------------------*/

/*------------------------------
	GREEN
------------------------------*/

/*body.color-green a,
body.color-green a:focus,
body.color-green a:hover,
body.color-green .navbar-default .navbar-brand,
body.color-green .navbar-default .navbar-brand:hover,
body.color-green #slideshow .feature i,
body.color-green #team span,
body.color-green label,
body.color-green .box ul li i,
body.color-green .categories ul li:hover i,
body.color-green ul.blog-detail li i {
	color:#54B132;
}

body.color-green .btn-normal,
body.color-green .btn-normal:focus,
body.color-green .scroll-up,
body.color-green .navbar-default .navbar-nav > li.active > a,
body.color-green .navbar-default .navbar-nav > li.active > a:hover,
body.color-green .navbar-default .navbar-nav > li.active > a:focus,
body.color-green .navbar-default .navbar-nav > li > ul.dropdown-menu > li > a:hover,
body.color-green #search-form .input-group .btn,
body.color-green .content-headline,
body.color-green #slideshow,
body.color-green .overlay-wrapper .overlay a,
body.color-green #footer ul li a:hover,
body.color-green ul.blog-tags li a,
body.color-green .blog-post .blog-info:after,
body.color-green .blog-post .blog-info .date div.number {
    background-color: #54B132;
}

body.color-green .navbar,
body.color-green .navbar-default .navbar-nav > li > ul.dropdown-menu,
body.color-green .form-control:focus,
body.color-green #search-form .input-group .btn,
body.color-green #services .row div:hover i {
	border-color:#54B132;
}*/

/*------------------------------
	RED
------------------------------*/

/*body.color-red a,
body.color-red a:focus,
body.color-red a:hover,
body.color-red .navbar-default .navbar-brand,
body.color-red .navbar-default .navbar-brand:hover,
body.color-red #slideshow .feature i,
body.color-red #team span,
body.color-red label,
body.color-red .box ul li i,
body.color-red .categories ul li:hover i,
body.color-red ul.blog-detail li i {
	color:#CB2027;
}

body.color-red .btn-normal,
body.color-red .btn-normal:focus,
body.color-red .scroll-up,
body.color-red .navbar-default .navbar-nav > li.active > a,
body.color-red .navbar-default .navbar-nav > li.active > a:hover,
body.color-red .navbar-default .navbar-nav > li.active > a:focus,
body.color-red .navbar-default .navbar-nav > li > ul.dropdown-menu > li > a:hover,
body.color-red #search-form .input-group .btn,
body.color-red .content-headline,
body.color-red #slideshow,
body.color-red .overlay-wrapper .overlay a,
body.color-red #footer ul li a:hover,
body.color-red ul.blog-tags li a,
body.color-red .blog-post .blog-info:after,
body.color-red .blog-post .blog-info .date div.number {
    background-color: #CB2027;
}

body.color-red .navbar,
body.color-red .navbar-default .navbar-nav > li > ul.dropdown-menu,
body.color-red .form-control:focus,
body.color-red #search-form .input-group .btn,
body.color-red #services .row div:hover i {
	border-color:#CB2027;
}*/

/*------------------------------
	BLUE - MINI
------------------------------*/

body.color-blue a,
body.color-blue a:focus,
body.color-blue a:hover,
body.color-blue .navbar-default .navbar-brand,
body.color-blue .navbar-default .navbar-brand:hover,
body.color-blue #slideshow .feature i,
body.color-blue .premios-title,
body.color-blue label,
body.color-blue .box ul li i,
body.color-blue .categories ul li:hover i,
body.color-blue ul.blog-detail li i {
	color:#007ee7;
}
body.color-blue a.scroll-up.scroll{
	color:white;
}

body.color-blue .btn-normal,
body.color-blue .btn-normal:focus,
body.color-blue .scroll-up,
body.color-blue #search-form .input-group .btn,
body.color-blue .content-headline,
body.color-blue #slideshow,
body.color-blue .overlay-wrapper .overlay a,
body.color-blue #footer ul li a:hover,
body.color-blue ul.blog-tags li a,
body.color-blue .blog-post .blog-info:after,
body.color-blue .blog-post .blog-info .date div.number {
    background-color: #007ee7;
}

/*By me (initially it was part of the above list*/
body.color-blue .navbar-default .navbar-nav > li > ul.dropdown-menu > li > a:hover
{
	background-color: grey;
}

/*Esto estaba incluido en el de arriba, lo he sacado para cambiar el color 
cuando se activa la pestaña del activotrade-mini-plataforma*/
body.color-blue .navbar-default .navbar-nav > li.active > a,
body.color-blue .navbar-default .navbar-nav > li.active > a:hover,
body.color-blue .navbar-default .navbar-nav > li.active > a:focus
{
	background-color: #F8F8F8;
	text-decoration: none;
	border-bottom: 7px solid #29a643;
	color: black;
}

body.color-blue .navbar,
body.color-blue .navbar-default .navbar-nav > li > ul.dropdown-menu,
body.color-blue .form-control:focus,
body.color-blue #search-form .input-group .btn,
body.color-blue #services .row div:hover i {
	border-color:#007ee7;
}

/*******************************
 PLUS
*******************************/
body.color-plus a,
body.color-plus a:focus,
body.color-plus a:hover,
body.color-plus .navbar-default .navbar-brand,
body.color-plus .navbar-default .navbar-brand:hover,
body.color-plus #slideshow .feature i,
body.color-plus #team span,
body.color-plus label,
body.color-plus .box ul li i,
body.color-plus .categories ul li:hover i,
body.color-plus ul.blog-detail li i {
	color:#007ee7;
}

body.color-plus .btn-normal,
body.color-plus .btn-normal:focus,
body.color-plus .scroll-up,
body.color-plus #search-form .input-group .btn,
body.color-plus .content-headline,
body.color-plus #slideshow,
body.color-plus .overlay-wrapper .overlay a,
body.color-plus #footer ul li a:hover,
body.color-plus ul.blog-tags li a,
body.color-plus .blog-post .blog-info:after,
body.color-plus .blog-post .blog-info .date div.number {
    background-color: #007ee7;
}

/*By me (initially it was part of the above list*/
body.color-plus .navbar-default .navbar-nav > li > ul.dropdown-menu > li > a:hover
{
	background-color: grey;
}

/*Esto estaba incluido en el de arriba, lo he sacado para cambiar el color 
cuando se activa la pestaña del activotrade-mini-plataforma*/
body.color-plus .navbar-default .navbar-nav > li.active > a,
body.color-plus .navbar-default .navbar-nav > li.active > a:hover,
body.color-plus .navbar-default .navbar-nav > li.active > a:focus
{
	background-color: #F8F8F8;
	text-decoration: none;
	border-bottom: 7px solid rgb(0,126,231);
	color: black;
}

body.color-plus .navbar,
body.color-plus .navbar-default .navbar-nav > li > ul.dropdown-menu,
body.color-plus .form-control:focus,
body.color-plus #search-form .input-group .btn,
body.color-plus #services .row div:hover i {
	border-color:#007ee7;
}

.btn-success-plus {
	background-color:rgb(0,126,231);
	/*border-color: */
}

/*******************************
 PRO
*******************************/
body.color-pro a,
body.color-pro a:focus,
body.color-pro a:hover,
body.color-pro .navbar-default .navbar-brand,
body.color-pro .navbar-default .navbar-brand:hover,
body.color-pro #slideshow .feature i,
body.color-pro #team span,
body.color-pro label,
body.color-pro .box ul li i,
body.color-pro .categories ul li:hover i,
body.color-pro ul.blog-detail li i {
	color:#007ee7;
}

body.color-pro .btn-normal,
body.color-pro .btn-normal:focus,
body.color-pro .scroll-up,
body.color-pro #search-form .input-group .btn,
body.color-pro .content-headline,
body.color-pro #slideshow,
body.color-pro .overlay-wrapper .overlay a,
body.color-pro #footer ul li a:hover,
body.color-pro ul.blog-tags li a,
body.color-pro .blog-post .blog-info:after,
body.color-pro .blog-post .blog-info .date div.number {
    background-color: #007ee7;
}

/*By me (initially it was part of the above list*/
body.color-pro .navbar-default .navbar-nav > li > ul.dropdown-menu > li > a:hover
{
	background-color: grey;
}

/*Esto estaba incluido en el de arriba, lo he sacado para cambiar el color 
cuando se activa la pestaña del activotrade-mini-plataforma*/
body.color-pro .navbar-default .navbar-nav > li.active > a,
body.color-pro .navbar-default .navbar-nav > li.active > a:hover,
body.color-pro .navbar-default .navbar-nav > li.active > a:focus
{
	background-color: #F8F8F8;
	text-decoration: none;
	border-bottom: 7px solid rgb(231,105,0);
	color: black;
}

body.color-pro .navbar,
body.color-pro .navbar-default .navbar-nav > li > ul.dropdown-menu,
body.color-pro .form-control:focus,
body.color-pro #search-form .input-group .btn,
body.color-pro #services .row div:hover i {
	border-color:#007ee7;
}

.btn-success-pro {
	background-color:rgb(231,105,0);
}

/*******************************
 Infx
*******************************/
body.color-infx a,
body.color-infx a:focus,
body.color-infx a:hover,
body.color-infx .navbar-default .navbar-brand,
body.color-infx .navbar-default .navbar-brand:hover,
body.color-infx #slideshow .feature i,
body.color-infx #team span,
body.color-infx label,
body.color-infx .box ul li i,
body.color-infx .categories ul li:hover i,
body.color-infx ul.blog-detail li i {
	color:#c60000;
}

body.color-infx .btn-normal,
body.color-infx .btn-normal:focus,
body.color-infx .scroll-up,
body.color-infx #search-form .input-group .btn,
body.color-infx .content-headline,
body.color-infx #slideshow,
body.color-infx .overlay-wrapper .overlay a,
body.color-infx #footer ul li a:hover,
body.color-infx ul.blog-tags li a,
body.color-infx .blog-post .blog-info:after,
body.color-infx .blog-post .blog-info .date div.number {
    background-color: #c60000;
}

/*By me (initially it was part of the above list*/
body.color-infx .navbar-default .navbar-nav > li > ul.dropdown-menu > li > a:hover
{
	background-color: grey;
}

/*Esto estaba incluido en el de arriba, lo he sacado para cambiar el color 
cuando se activa la pestaña del activotrade-mini-plataforma*/
body.color-infx .navbar-default .navbar-nav > li.active > a,
body.color-infx .navbar-default .navbar-nav > li.active > a:hover,
body.color-infx .navbar-default .navbar-nav > li.active > a:focus
{
	background-color: #F8F8F8;
	text-decoration: none;
	border-bottom: 7px solid rgb(231,105,0);
	color: black;
}

body.color-infx .navbar,
body.color-infx .navbar-default .navbar-nav > li > ul.dropdown-menu,
body.color-infx .form-control:focus,
body.color-infx #search-form .input-group .btn,
body.color-infx #services .row div:hover i {
	border-color:#007ee7;
}

.btn-success-infx {
	background-color:rgb(231,105,0);
}

/*------------------------------
	ORANGE
------------------------------*/

/*body.color-orange a,
body.color-orange a:focus,
body.color-orange a:hover,
body.color-orange .navbar-default .navbar-brand,
body.color-orange .navbar-default .navbar-brand:hover,
body.color-orange #slideshow .feature i,
body.color-orange #team span,
body.color-orange label,
body.color-orange .box ul li i,
body.color-orange .categories ul li:hover i,
body.color-orange ul.blog-detail li i {
	color:#F8B533;
}

body.color-orange .btn-normal,
body.color-orange .btn-normal:focus,
body.color-orange .scroll-up,
body.color-orange .navbar-default .navbar-nav > li.active > a,
body.color-orange .navbar-default .navbar-nav > li.active > a:hover,
body.color-orange .navbar-default .navbar-nav > li.active > a:focus,
body.color-orange .navbar-default .navbar-nav > li > ul.dropdown-menu > li > a:hover,
body.color-orange #search-form .input-group .btn,
body.color-orange .content-headline,
body.color-orange #slideshow,
body.color-orange .overlay-wrapper .overlay a,
body.color-orange #footer ul li a:hover,
body.color-orange ul.blog-tags li a,
body.color-orange .blog-post .blog-info:after,
body.color-orange .blog-post .blog-info .date div.number {
    background-color: #F8B533;
}

body.color-orange .navbar,
body.color-orange .navbar-default .navbar-nav > li > ul.dropdown-menu,
body.color-orange .form-control:focus,
body.color-orange #search-form .input-group .btn,
body.color-orange #services .row div:hover i {
	border-color:#F8B533;
}*/

/*------------------------------
	EXTRA SMALL DEVICES
------------------------------*/

@media (max-width:767px) {
	body.color-green #services .row div i {
		border-color:#54B132;
	}
	
	body.color-red #services .row div i {
		border-color:#CB2027;
	}
	
	body.color-blue #services .row div i {
		border-color:#3276B1;
	}
	
	body.color-orange #services .row div i {
		border-color:#F8B533;
	}
}


.plus-brand-color {
	color: #007ee7;
}