/*-------Section Header: Container: Language*/
.verticalDivision {
  background-color: #fff;
}

.ref_info .headerpage {
  color: #2B2B2B;
}
.leftFooterSection .headerpage {
  color: #545454;
}
.ref_info .biographie a {
  color: #FFF;
}
.bottomSection .bottomTitle h2 {
  color: white;
}
/*--------- Category Menu -----------*/
/*--------  Toggle MenuAux  --------*/
.toggleMenuAux:before,
.toggleMenuAux:after,
.toggleMenuAux span {
  background-color: #c9b990;
}

/*----- Category Menu: First level --------*/
.showMenuAux #contentMenuAux #categoryMenu {
  background: #222;
}
/*--------- Menu 1 ------------------*/
.out_menu {
  color: #DDD;
}
/*-------- Category Menu --------*/
/*--------- First level -------------*/
#categoryMenu:before,.out_menu #toggleMenu:after {
  color: #FFF;
}
#categoryMenu ul:before {
  color: #FFF;
}

/*-------- SearchBox ------------*/

#searchWrapper input {
  background: #2F2E34;
  color: #fff;
  float: right;
  margin: 0px 60px 0 0;
  min-width: 200px;
  padding-right: 23px;
}
#searchWrapper .searchIcon,
#makeBTNITMSRCH {
  background: transparent;
  color: #fff;
}
/*-------- Category Menu --------*/
#categoryMenu #nav ul li a {
  color: #FFF;
}
#categoryMenu #nav ul {
  background: #222;
}
/*---------- Rare menus -----------*/
/*----- categoryMenuAux => menuContentRender -----*/
#contentMenuAux .menuContentRender {
  background: #2f2e34;
}
.menuContentRender > .divParent {
  background-color: #2f2e34 !important;
}
/*--------- Section ------------------*/
/*--------- Outer Sectibn -------------*/
.middleSection .middleTitle,
.middleSection .middleTitle p,
.middleSection > a:before {
  color: #FFF;
}
.middleSection > a {
  background-color: darkgrey;
}
.middleSection > a .disble-link {
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url('../../img/bg_comming_soon.png');
  background-position: center center;
  background-repeat: no-repeat;
}
.middleSection > a .description {
  background-color: transparent;
}
.middleSection > a .description strong {
  color: white;
}
.middleSection > a .description p {
  color: white;
}
.middleSection > a:hover {
  border-color: #A1C436;
}
.outerSection {
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-image: url('../../img/outersection.png');
  background-position: center;
  background-size: cover;
}
/*----Section Events*/
.eventContent .eventHeader a {
  color: white;
}
/*Date*/
.eventDate .eventDay {
  color: #222 !important;
}
.eventDate .eventMonth {
  color: #cdcdcd;
}
/*Items*/
.eventSection button{
  background-color:#00bffe !important;
}
.eventSection .eventContent {
  background-color: #444444;
  color: white;
}
.eventSection .eventDate {
  background-color: #eee;
}
/*News*/
.newSection .carousel-source .carousel-images-content .carousel-element {
  background-color: #eee;
}

.newSection .carousel-source .carousel-images-content .newsimage {
  background-color: #FFF;
}
.newscontent > a {
  background-color: #444 !important;
  color: white;
}
.newscontent .newssummary {
  color: #222;
}
.newscontent > a:hover {
  background-color: #00bffe !important;
}
/*------------Buttons*/
.eventSection .carousel-source .control-list li.element-control {
  background-color: #cbcbcb !important;
}
.eventSection .carousel-source .control-list li.element-control.current {
  background-color: #00bffe !important;
}
/*------------ featuredProducts --------*/
#featuredProducts #carousel-featured .description {
  background-color: #FFF;
}
#featuredProducts #carousel-featured .description span {
  color: #222;
}
#featuredProducts #carousel-featured .description a {
  color: #222;
}
#featuredProducts span.namecode a {
  color: #333333;
}
#featuredProducts span.price {
  color: #585858;
}
/*Encabezado*/
#header {
  background: #222;
}
.headerReference .headerReferenceImage {
  background-color: white;
}
.headerReferenceImage img {
  background-color: white;
}
#hdrloginasuser,
.headerReference,
.rightHead .topHead .iconLogoff {
  color: white;
}
/*Menu*/
.out_menu {
  background-color: #222;
}
/*Barra de memeu superior*/
#nav > li > a {
  color: white;
}
#nav > li.menuSelected > a,
#nav > li:hover > a {
  color: #FFF;
}
/*Barra de memeu auxiliar*/
#contentMenuAux {
  padding: 0.5em 0 0.5em 0;
  background-color: #2f2e34;
}
#contentMenuAux ul:before {
  color: #fff;
}
/*Formulario*/
.logindemo .loginrow .buttons > button {
  background: transparent;
  border-color: white;
}
.logindemo .loginrow .label {
  color: white;
}
.logindemo .loginrow .areaform input {
  background-color: transparent;
  color: white;
}
.logindemo .loginrow .buttons {
  background-color: transparent;
}
.logindemo .loginrow .areaform > input:focus .logindemo .loginrow .label {
  color: red;
}
/*Carrusel de imagenes*/
#cli_cpw_itemslider, .newSection, .eventSection{
  background: #fff;
}
.itemslider .title {
  color: #565656;
}
.itemslider .leftControlProduct,
.itemslider .rightControlProduct {
  color: #182945;
}
.itemslider .contentProducts .elementProduct {
  background: #FFF;
}
.itemslider .contentProducts .elementProduct .description .namecode {
  color: #46A5E5;
}
.itemslider .contentProducts .elementProduct .description .price {
  color: #182945;
}
.itemslider:before {
  background-color: #00bffe;
}
.itemslider .title:after,
.newSection .title:after,
.eventSection .title:after {
  background-color: #00bffe;
}

/*-------Section Twitter: Widget: Carousel: Controls*/
.control.left-control.horizontal,
.control.right-control.horizontal {
  background: none;
}
/*-------Section Twitter: Icon ---------*/
.twitterSection .row.contact:after {
  background-color: white;
}
.headerReference a {
  color: white;
}
/*Join US*/
.navigationTitle li.seleccionada a {
  background-color: #222;
  border-color: #222;
  color: #FFF !important;
}
.navigationTitle.triangle li a:hover {
  background-color: #00bffe !important;
  border-color: #00bffe !important;
  color: #ffffff;
}
.navigationTitle li.seleccionada a {
  background-color: #00bffe !important;
  border-color: #00bffe !important;
  color: #ffffff;
}
/*FooterSection*/
#content .footerSection {
  background-color: #fcfcfc;
  background-image: url('../../img/bussinespeople.jpg');
  background-repeat: no-repeat;
  background-size: 39% 100%;
}
.footerSection .leftFooterSection p {
  color: #7c7c7c;
}
.footerSection .leftFooterSection .headerpage {
  background-color: transparent;
}
.footerSection .row.contact .row.contact {
  background-color: #fcfcfc;
}
/*RightSection*/
#mainSideBar #content .rightSection {
  background-image: url('../../img/epay.png');
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  color: white;
}
.rightSection .headerpage {
  color: white;
}
div#featuredProducts > p {
  color: #777;
}
.rightSection #featuredProducts {
  background-color: white;
}
.rightHead .headerReferenceImage {
  background-color: white;
}
.rightHead .headerReferenceInfo {
  color: white;
}
.bottomSection {
  background: #2f2e34;
  opacity: 0.6;
}
.itemslider .contentProducts .elementProduct .description {
  background-color: white
}
/*-------Section All: Widget: Carousel: Controls*/
.control.left-control.horizontal:before, .control.right-control.horizontal:after {
  color: #444 !important;
}
.newSection .control.left-control.horizontal:before, .newSection .control.right-control.horizontal:after {
  color: #a9a9a9 !important;
}
/*-------Section Twitter*/
/*-------Section Twitter: Widget: Carousel: Controls*/
.twitterSection .control.left-control.horizontal:before, .twitterSection .control.right-control.horizontal:after {
  color: white !important;
}
.contact, .twitterSection, .twitterSection a {
  background-color: #00bffe;
  color: white;
}
.footerSection .row.contact {
  background-color: transparent;
}
@media screen and (max-width: 900px) {
  #header .topHead .headerReferenceImage {
    background-image: url(/demo_home_dev/img//0/0/2.gif);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media screen and (max-width: 768px) {
  /*--------- Menu controls -----------*/
  /*--------- Brand image -----------*/
  .out_menu .loginImage:hover,
  div#categoryMenu:hover {
    background: #00bffe;
  }
  .showMenu .out_menu .loginImage:hover,
  .showMenuAux div#categoryMenu:hover {
    background: transparent;
  }
  .out_menu .loginImage:after {
    color: #FFF;
  }
  /*--------- Menu 2 ------------------*/
  /*--------- First level -------------*/
  .showMenuAux #contentMenuAux #categoryMenu {
    background: #000;
  }
}
@media screen and (max-width: 640px) {
  #nav li.showsubmenu .menuContentRender {
    background-color: #2f2e34;
  }
}
@media screen and (max-width: 480px),
screen and (max-height: 500px) {

  #menucontnt{
    background: #222;
  }
  #content .footerSection {
    background-size: contain;
  }
  .footerSection .leftFooterSection {
    background-color: white;
  }
  /*-------- SearchBox ------------*/
  #searchWrapper #searchstringItem {
    background: #2F2E34;
    color: #fff;
  }
  #searchWrapper .searchIcon,
  #makeBTNITMSRCH {
    background: #00BFFE;
  }
  #searchWrapper #productSearch {
    background: #222;
  }
  .bottomSection {
    opacity: 0.6;
  }
}