/* Color Portal */
.colorPortal {
  color: rgb(255,40,47);
}

/* Background Portal */
.bgPortal {
  background-color: rgb(255,40,47);
}





/* ---------- TAGS ---------- */
a {
  text-decoration: none;
  color: rgb(255,40,47);
}
a:hover{
  text-decoration: none;
  color: rgb(19,109,112);
}
a:active{
  text-decoration: none;
  color: rgb(255,40,47);
}
a:visited{
  text-decoration: none;
  color: rgb(255,40,47);
}





/* ---------- MAIN ---------- */
.modSearch{
  background-color: rgb(255,255,255);
  position: relative;
  margin-bottom: 30px;
}
.modNavCategoria{
  background-color: rgb(255,40,47);
  margin-bottom: 30px;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 12pt;
}
.alphaSearch{
  background: rgba(49,44,49,0.4);
  position: absolute;
  width: 100%;
  height: 100%;
}
.inputCont{
  width: 50%;
  margin: 115px auto;
}
.searchInput {
  height: 50px;
  padding: 25px 12px;
  font-size: 14px;
}
.breadcrumb {
  padding: 0;
  margin-bottom: 0;
  /* list-style: none; */
  background-color: transparent;
  border-radius: 0;
  font-size: 10pt;
  text-transform: uppercase;
  text-align: right;
}
.floatBox {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  /*background-color: rgb(255,40,47);*/
  background-color: rgb(49,44,49);
  text-align: center;
  font-size: 14pt;
  line-height: 15pt;
  text-transform: uppercase;
  opacity: 0.9;
  font-weight: 700;
  z-index: 1;
  color: rgb(255,255,255);
  padding: 7px;
  margin: 3px;
}






/* ---------- NAVS ---------- */

/* principal */
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover {
  /* boton activo */
  color: rgb(255,40,47);
  background-color: transparent;
}
.navbar-default .navbar-nav>li>a { 
  /* vinculo en li */
  display: block;
  padding: 7px 15px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: rgb(255,255,255);
  background-color: transparent;
  white-space: nowrap;
}
.navbar-default .navbar-nav>li>a:focus { 
  color: rgb(255,255,255);
  background-color: rgb(255,40,47);
}
.navbar-default .navbar-nav>li>a:hover {
  color: rgb(255,255,255);
  background-color: rgb(255,40,47);
}
.navbar-default .navbar-nav>.active>a {
  color: rgb(255,255,255);
  background-color: rgb(255,40,47);
}
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:focus, 
.navbar-default .navbar-nav>.open>a:hover {
  color: rgb(255,40,47);
  background-color: transparent;
}
.dropdown-menu>li>a:hover {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: rgb(255,255,255);
  background-color: rgb(255,40,47);
  white-space: nowrap;
}
.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover {
  background-color: rgb(255,40,47);
}


/* NavSecundaria */
.navbar-default-scd .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover {
  /* boton activo */
  color: rgb(255,255,255);
  background-color: rgb(255,40,47); 
}
.navbar-default-scd .navbar-nav>li>a:hover { 
  /* vinculo estado hover en li */
  background-color: rgb(255,40,47);
  color: rgb(255,255,255);
}
.navbar-default-scd .navbar-nav>li>a:focus { 
  /* vinculo despues de clixk en li */
  background-color: rgb(255,40,47);
  color: rgb(255,255,255);
}
.navbar-default-scd .navbar-nav>.active>a { 
  /* vinculo estado hover en li */
  color: rgb(255,255,255);
  background-color: rgb(255,40,47);
}



/* NavBottom */
.navbar-default-btm .navbar-nav>li>a { 
  /* vinculo estado hover en li */
  color: rgb(255,255,255);
}
.navbar-default-btm .navbar-nav>li>a:hover { 
  /* vinculo estado hover en li */
  background-color: rgb(255,40,47);
  color: rgb(255,255,255);
}
.navbar-default-btm .navbar-nav>li>a:focus { 
  /* vinculo despues de click en li */
  background-color: rgb(255,40,47);
  color: rgb(255,255,255);
}
.navbar-default-btm .navbar-nav>.active>a { 
  /* vinculo estado hover en li */
  background-color: rgb(255,40,47);
  color: rgb(255,255,255);
}






/* ---------- ROLL OVER ---------- */
.grid figure {
  background-color: rgb(255,40,47);
}





/* ---------- LISTADOR ---------- */
.listadorTitulo{}
.listadorSubTitulo{}
.listadorTituloProducto{
  color: rgb(102,102,102);
  text-transform: uppercase;
  font-size: 20px;
}
.listadorTituloProducto a{
  color: rgb(102,102,102);
}
.listadorTituloProducto a:hover{
  color: rgb(255,40,47);
}
.listadorTituloProducto a:active{
  color: rgb(102,102,102);
}
.listadorTituloProducto a:visited{
  color: rgb(102,102,102);
}

.listadorTitulo2Producto{
  color: rgb(255,40,47);
  text-transform: uppercase;
}
.listadorTitulo2Producto a{
  color: rgb(255,40,47);
}
.listadorTitulo2Producto a:hover{
  color: rgb(102,102,102);
}
.listadorTitulo2Producto a:active{
  color: rgb(255,40,47);
}
.listadorTitulo2Producto a:visited{
  color: rgb(255,40,47);
}

.listadorSubTituloProducto{
  color: rgb(152,152,152);
  text-transform: uppercase;
}
.listadorSubTituloProducto a{
  color: rgb(152,152,152);
}
.listadorSubTituloProducto a:hover{
  color: rgb(255,40,47);
}
.listadorSubTituloProducto a:active{
  color: rgb(152,152,152);
}
.listadorSubTituloProducto a:visited{
  color: rgb(152,152,152);
}
.listadorUlProducto{
  color: rgb(255,40,47);
  margin-top: 20px;
  font-size: 14pt;
}
.listadorLiProducto a{
  color: rgb(255,40,47);
}
.listadorLiProducto a:hover{
  color: rgb(102,102,102);
}
.listadorLiProducto a:active{
  color: rgb(255,40,47);
}
.listadorLiProducto a:visited{
  color: rgb(255,40,47);
}
.listadorCategoriaProducto{}
.listadorSubCategoriaProducto{}
.listadorTextoProducto{
  font-size: 10pt;
  color: rgb(49,44,49);
}
.listadorBotonProducto{}
.listadorContProducto {
  position: relative;
  margin: 0 7px 15px 7px;
  background-color: rgb(255,255,255);
  border: 1px solid rgb(220,220,220);
  cursor: pointer;
}
.listadorCaptionProducto{
  padding: 10px;
}
.listadorImagenProducto{
  max-width: 550px;
}






/* ---------- Medias ---------- */

@media (min-width: 1200px){
  .listadorTituloProducto{
    margin-bottom: 5px;
  }
  .listadorTitulo2Producto{
    margin-bottom: 5px;
  }

}
@media (min-width:768px) and (max-width: 1200px){
  .listadorTituloProducto{
    margin-bottom: 5px;
  }
  .listadorTitulo2Producto{
    margin-bottom: 5px;
  }
}
@media (max-width:768px){
  .listadorTituloProducto{
    margin-bottom: 5px;
  }
  .listadorTitulo2Producto{
    margin-bottom: 5px;
  }
}
@media (max-width:550px){
  ul>li{
    display: inline;
  }
}