.navbar-default .navbar-nav .open .dropdown-menu>li>a,.navbar-default .navbar-nav .open .dropdown-menu {
    background-color: #3344ff;
    color:#ffffff;
  }
.navbar-default .navbar-nav .open .dropdown-menu>li>a,.navbar-default .navbar-nav .open .dropdown-menu {
    background-color: #3344ff;
    color:#ffffff;
  }
.navbar-default .navbar-nav .open .dropdown-menu>li>a,.navbar-default .navbar-nav .open .dropdown-menu {
    background-color: #3344ff;
    color:#ffffff;
  }

nav .navbar-nav li a{
  color: white !important;
  }
  
body{
	background-color: white;
}
.navbar {
    border: none;
    margin:0px;
    padding:0px;
	background-color:#527152;
	color: white !important;
	font-size: 13px;
}

#lupita {	
	margin-top: 5px;
	margin-left: -20px;
	
}

#logo{
	height: 50px;
	position: relative;
	top: -5px;
	left: -5px;
}

#logocontainer {
}

#campo {
	
	margin-top:12px;

	
}
#texto {
	font-size:16px;
	height:325px;
	color: #5E5E5E;
	
}
#descrip h1 {
	font-size:20px;
	font-weight:bold;
	color: #5E5E5E;
}
#contador {
	padding-top:15px;
}
#form1 label {
	height:35px;
}

#formu_busqueda_desk{
	position: relative;
	top: 10px;
	background-color: aqua;
}
.go-to-cart-icon {
	height: 30px;
	width: 30px;	
}
.go-to-cart-container {
	position: fixed;
	bottom: 40px;
	right: 40px;
	height: 50px;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #527152;
	box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	cursor: pointer;
}
@media (min-width: 1200px){
	#formu_busqueda_desk{
		position: relative;
		top: 25px;
		background-color: aqua;
	}
}

#foto {
	border-radius: 15px;
	
}
.caja_producto {
	background-color:white;
	
	padding:0px;
	
	
}




#cant {
    color:black;
	border-radius: 20px;
	border: 2px solid #5E5E5E;
	height: 40px;

}
#los_links{
	align-self: center;
}

.links_destacados{
	font-weight: bold;
}
#separador_links{
	font-size: 150%;
	position: relative;
	top: 10px;
}
#botoncitox{
	position: relative;
	top: -8px;
}
@media (min-width: 601px)	{
	
	.navbar-default .navbar-brand 
	{
	}
}
@media (max-width: 600px) {
	
	.navbar-default .navbar-brand 
	{
    color: #FFF;
	font-weight: bolder;
	font-size: 150%;
	}
}
#compBut {
    color:white;
	border-radius: 20px;
	background-color:#424242;
	border: 0px;
	height: 40px;
	box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	transition: 0.3s;
}

#compBut:hover{
	opacity:0.5;
}
.boton {
    color:white;
	border-radius: 15px;
	background-color: #424242;
	/* background-color: #527152; */
	border: 0px;
	height: 40px;
	transition: 0.3s;
	box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);

}

ul.nav li a, ul.nav li a:visited {
	
}
ul.nav li a:hover, ul.nav li a:active {
  	background-color:white;
	
	}

ul.nav li.active a {
   background-color: #527152;
}
ul.nav a {
color:white;
   
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a, .navbar-default .navbar-nav .open .dropdown-menu {
background-color: lightslategrey;
}

.navbar .nav > li.dropdown.open.active > a:hover, 
.navbar .nav > li.dropdown.open > a
{
   color: #527152;;
   background-color: lightslategrey;
   border-color: #fff;
}
a{
		color: white;
	}
.footer {
    position: fixed;
	height:80px;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color:#4D4D4D;
    color: white;
    
}

@media (min-width: 992px)	{
	
	body {
		padding-top:0px;
		padding-bottom:100px;
	}
	#address{
		display: none;
	}
	footer{
		display: block;
	}
	#campo_busqueda{
	height:25px;
	}
	#clave{
		height:25px;
	}
	#lupita{
	height: 25px;
	width: 25px;
	}
	
}
@media (max-width: 991px) {
	
	
	.oculto{
		display: none;
	}
	#lupita{
		height: 35px;
		width: 35px;
		position: relative;
		left: -10px;
		top: 10px;
	}
	body {
		padding-top:70px;
		padding-bottom: 100px;
	}
	#campo_busqueda{
		height:35px;
	}
	#clave{
		height:35px;
	}
	#los_links a {
		
		font-size: 18px;
	}
	footer{
		display: none;
	}
	#address{
		display: block;
	}
	#formu_busqueda{
		position: relative;
		top: -15px;
	}
	
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
		width: 100%;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}

.navbar {
  /* min-height: 70px; */
}

.navbar-toggle {
  /* (80px - button height 34px) / 2 = 23px */
  margin-top: 23px;
  padding: 9px 10px !important;
}

@media (min-width: 768px) {
  .navbar-nav > li > a {
    /* (80px - line-height of 27px) / 2 = 26.5px */
    
    line-height: 27px;
  }
}

.labelpass {
	display: inline;
}

#formu-login{
	margin-top:12px;
}
#formu_busqueda{
	
}
#botonloguear{
	background-color: steelblue;
}
#alertastock{
	color: red;
	position: relative;
	top:-30px;
	left:10px;
	font-weight: bold;
	font-size:18px;
}
#linkface{
	height:30px;
}

.collapse-show {
  max-height: 200px;
  overflow-y: auto;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    
}

	li a:hover{
		color:#527152;
	}

.linksinferiores{
		/* margin: 0 auto; */
		width: 900px;
		position: relative;
		top: 5px;
	}

.icono{
		height:20px;
		margin-bottom:30px;
		float: left;
		position: relative;
		top:2px;
	}
.itemcontacto{
		font-size: 14px;
		color: white;
		margin: 0px;
		margin-bottom: 5px;
		text-align:left;
		position:relative;
		left: 5px;
	}

#cartelenvios{
		height: 25px;
		background-color: #424242;
		border-bottom-left-radius: 15px;
	}

	.textoenvios{
		font-size: 14px;
		font-weight: bold;
		margin-top:3px;
		margin-left: 0px;
		margin-right: 20px;
		float: left;
	}
	.textoenvios:hover {
		color: #527152;
	}



.navbar-inverse { background-color: #527152}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #527152}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #4CC2D4}
.dropdown-menu { background-color: #FFFFFF}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #4CC2D4}
.navbar-inverse { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse { border-color: #000000}
.navbar-inverse .navbar-brand { color: #FFFFFF}
.navbar-inverse .navbar-brand:hover { color: #E0E0E0}
.navbar-inverse .navbar-nav>li>a { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #D1D1D1}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #D1D1D1}
.dropdown-menu>li>a { color: #000000}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    text-decoration: none;
	background-color: #f5f5f5 !important;
}


.nav > li > a:hover {
	background-color: white !important;
}
ul.nav li a:hover, ul.nav li a:active, ul.nav li:focus {
	color: #527152 !important;
}
ul.nav li a, ul.nav li a:visited {
	
}
.nav>li>a:focus {
	background-color: #527152 !important;;
}
.nav>li>a:hover {
	background-color: #FFF !important;;
}