@charset "utf-8";
/* CSS Document */


/*******************************************************/
li.activo a:after  {
    position: absolute;
	bottom: 1px;
    content: "";
    left: 12px;
    right: 12px;
    border-bottom: 4px solid #000; /*color linea active*/ /*<========= CAMBIAR  */
}

.iconos-mobile {  /*para boton oferta y carro en menu*/

	display:none;

	}
	

.icono_carro_mobile {
 
	margin-top:10px;
	color:#D70568; 
	margin-left:0px;
	
	
}

.letra_carro_mobile {
    
    font-size:14px;
	
}


.icono_carro_escritorio {
    
    font-size:26px;
	color:#999;
	
}

/*******************************************************/

/* Mobile only style */
@media (max-width:992px) {

	.iconos-mobile {
	
	display:block;

	}

}

/********************************************************************** NAV BAR*/
.navbar-brand {
  padding: 2px;
 
}


/* PERMITE CENTRAR TODO ***********************************/
.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
 
}

.navbar .navbar-collapse {
  text-align: center;
}
/* FIN PERMITE CENTRAR TODO ***********************************/



.navbar-custom {  
background-color: rgba(0, 0, 0, 0.9); /*fondo menu inicial*/  /*<=========************ CAMBIAR  */
margin-bottom: 0; /*ESPACIADO DE LA BASE CON OTRO ELEMENTO*/

}


.navbar-custom .navbar-nav > li > a {
  color: #fff; /*COLOR LETRA MENU*/ /*<=========********************** CAMBIAR  */
  font-size:14px;
  border-left: 0px solid #FFF;  /*BORDE  LINEA SEPARACION HORIZONTAL ENTRE TITULOS */
 /* padding: 5px 10px; */
  
}

/* AL PASAR EL MOUSE SOBRE EL LI DEL MENU */
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  color: #FFF; /*<=========****************************** CAMBIAR  */
  background-color:#D70568; /*<=========********************** CAMBIAR  */
  /*line-height: 2.1em;*/
  font-size:14px;
  -webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
      
}

li.activo a:after  {
    position: absolute;
	bottom: 1px;
    content: "";
    left: 12px;
    right: 12px;
    border-bottom: 4px solid #9BC04A; /*color linea active*/ /*<========= CAMBIAR  */
}


/************************************************************************MENU CUADRADO */
/* Icon 1 */

.animated-icon1, .animated-icon2, .animated-icon3 {
width: 30px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.animated-icon1 span, .animated-icon2 span, .animated-icon3 span {
display: block;
position: absolute;
height: 4px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.animated-icon1 span {
background: #C540AD; /*<========= CAMBIAR  */
}

.animated-icon1 span:nth-child(1) {
top: 0px;
}

.animated-icon1 span:nth-child(2) {
top: 10px;
}

.animated-icon1 span:nth-child(3) {
top: 20px;
}

.animated-icon1.open span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}

.animated-icon1.open span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}

/************************************************************************FIN MENU CUADRADO */




/***************************************************************** FlECHITA SUBMNU */

.navbar-custom .navbar-nav > .dropdown > a .caret { /*COLOR FLECHA NORMAL */
  border-top-color: #C5E859;
  border-bottom-color: #C5E859;
  font-size:36px;
}

.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {  /*AL PASAR EL MOUSE */
  border-top-color: #FFF;
  border-bottom-color: #FFF;
}

.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
  border-top-color: #FFF; /*COLOR FLECHA AL HACER CLIC */
  border-bottom-color: #FFF;
}

/***************************************************************** FIN FlECHITA SUBMNU */



/************************************************ AL HACER CLIC ENCIMA DE UN MENU CON SUBMENU */
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
	
	background-color: #9BC04A; /********************************<========= CAMBIAR  */
    color: #FFF; /*<=========************************************* CAMBIAR  */
}
/**********************************************************************************************/


/***********************************SUB MENU *****************************************/

.dropdown-menu > li > a { /*COLOR LETRA INICIAL*/
	
color:#fff;	/*<=========************************* CAMBIAR  */

}

.dropdown-menu{ /* FONDO SUBMENU */
	border-radius:0px;
	background-color: #D70568 !important; /*<========= CAMBIAR  */
    
}


/*CAMBIAR FONDO DEL LI AL PASAR EL MOUSE*/
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            background-image:none !important;
        }
		
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { 
 
		  background-color:#C540AD !important; /*<========= CAMBIAR  */
		  
		  color:#fff; /*<========= CAMBIAR  */
    }
/* FIN CAMBIAR FONDO DEL LI AL PASAR EL MOUSE*/
  
/*************************************FIN SUB MENU *****************************************/


/*************************************MENU 3 NIVEL *********************************************/


.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}



/*************************APLICO SOMBRA AL BAJAR CON EL SCROLL***********/
nav.scrolled {
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px 0px;
}

/*FIN NAV BAR****************************************************************/



/*************************MANEJO LOS TAMAÑOS DEL LOGO SEGUN DISPOSITIVO *******/

/************************************************** AL AGRANDARSE LA PAGINA */
@media screen and (min-width:993px) {
.navbar-brand>img {
  /*height: 100%;*/
  padding: 10px;
  
  max-width:205px;
}

}
		
/*********************************************+++ AL ACHICARSE LA PAGINA */
@media screen and (max-width:992px) {
	
.navbar-brand>img {
  /*height: 100%;*/
  padding: 10px;
  
  max-width:140px;
}
	
}