a#open-close{
	width: 30px;
	height: 30px;
	position: fixed;
	border-radius: 20px;
	top: 25px;
	right: 25px;
	background:#FFF url(/img/menu/menu.png) center no-repeat;
	cursor: pointer;
	z-index: 999;
	-webkit-box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.2);
	box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.2);
	transition: all 0.3s ease;
	z-index: 999;
}
a#open-close.active{
	background:#009776 url(/img/menu/menu2.png) center no-repeat;
}
div#shareb{
	height: 100%;
	width: 100%;
	position: fixed;
	z-index:1000000;
	background: rgba(0,151,118,0.95) url(/img/compartir.png) bottom right no-repeat;
	background-size: contain;
	top: 0;
	left: 2000px;
	opacity: 0;
	text-align: center;
	transition: all 1s ease-out;
}
div#shareb .container{
	color: #FFF;
	height: 300px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.shareactive{
	left:0 !important;
	opacity: 1 !important;
}
a#share2{ cursor: pointer; }
/*MENU*/
header{
	height: 100px;
	color: #4D4D4D;
	position:fixed !important;
	left: 0;
	top:0;
	z-index: 998;
	text-align: left;
	border-bottom: 3px solid transparent;
	transition: all 0.3s ease;
	-webkit-box-shadow:inset 0 150px 150px -150px rgba(0,0,0,0.85);
	box-shadow:inset 0 150px 150px -150px rgba(0,0,0,0.85);
}

a#logo{
	width: 215px;
	height: 60px;
	position: fixed;
	display: inline-block;
	overflow: hidden;
	top: 10px;
	left: 10px;
	background: url(/img/menu/logo.png) center no-repeat;
	z-index: 999;
	transition: all 0.3s ease;}

a#productos{
	color: #FFF;
	position: fixed;
	font-family: bold;
	font-size: 16px;
	line-height: 30px;
	padding-left: 30px;
	background: url(/img/menu/productos.png) center left no-repeat;
	left:220px;
	top:25px;
	width: 80px;
	padding-right: 15px;
	z-index: 999;
}
a#contactomenu{
	color: #FFF;
	position: fixed;
	font-family: bold;
	font-size: 16px;
	line-height: 30px;
	width: 80px;
	padding-left: 30px;
	background: url(/img/menu/contacto.png) center left no-repeat;
	left:340px;
	top:25px;
}
a#noticias{
	color: #FFF;
	position: fixed;
	font-family: bold;
	font-size: 16px;
	line-height: 30px;
	width: 120px;
	padding-left: 30px;
	background: url(/img/menu/feed.png) center left no-repeat;
	left:460px;
	top:25px;
	z-index: 999;
}
nav{
	width: 350px;
	height: 100%;
	position: fixed;
	right: -375px;
	top:0;
	transition: all 0.5s ease;
	z-index: 998;
	background: #FFF;
	padding-left: 50px;
	padding-top: 150px;
	-webkit-box-shadow: -5px -5px 15px 0 rgba(0,0,0,0.2);
	box-shadow: -5px -5px 15px 0 rgba(0,0,0,0.2);
}
nav.active{right:0;}
nav a{
	font-family: bold;
	display: block;
	font-size: 21px;
	color: #009776;
	line-height: 30px;
	transition: all 0.3s ease;
	cursor: pointer;
	margin: 0 5px;
}
nav a:hover{
	color: #CCCCCC;
}

/*Desplegable*/
div#desplegable-b{
	position: fixed;
	display: inline-block;
	width: 200px;
	height: auto;
	top: 80px;
	right: 150px;
	transition: all 0.5s ease;
	z-index: 998;
	opacity: 0;
	height: 0;
	overflow:hidden;
}
.activo{
	height: 120px !important;
	opacity: 1 !important;
}
a.sublink{
	width: 100%;
	line-height: 40px;
	background: rgba(0,0,0,0.75);
	text-align: center;
	font-size: 14px;
	font-family: light;
	color: #CCC;
	transition: all 0.3s ease;
}
a.sublink:hover{
	background: rgba(0,0,0,1);
	color: #FFF;
}

/*Social*/
div#social{
	width: 50px;
	height: 250px;
	position: fixed;
	right: 25px;
	bottom:25px;
	z-index: 999;
}
div#social a{
	display: inline-block;
	width: 40px;
	height: 50px;
	margin:0;
	transition: all 0.3s ease;
}
a#share{background: url(/img/menu/share.png) center no-repeat;cursor: pointer;}
a#share:hover{background: url(/img/menu/shareh.png) center no-repeat;}
a#facebook{background: url(/img/menu/facebook.png) center no-repeat;}
a#facebook:hover{background: url(/img/menu/facebookh.png) center no-repeat;}
a#linkedin{background: url(/img/menu/linkedin.png) center no-repeat;}
a#linkedin:hover{background: url(/img/menu/linkedinh.png) center no-repeat;}
a#youtube{background: url(/img/menu/youtube.png) center no-repeat;}
a#youtube:hover{background: url(/img/menu/youtubeh.png) center no-repeat;}
a#instagram{background: url(/img/menu/instagram.png) center no-repeat;}
a#instagram:hover{background: url(/img/menu/instagramh.png) center no-repeat;}

p#desde-1949{
	color: #FFF;
	position: fixed;
	display: inline-block;
	line-height: 35px;
	width: 115px;
	text-align: right;
	margin-top: 0;
	top: 22px;
	right: 70px;
}

/*App*/
div#banner-app{
	
}
/**********  ------ RESPONSIVE  ------ **********/

@media screen and (max-width: 1440px){
header{height: 100px;-webkit-box-shadow:inset 0 130px 130px -130px rgba(0,0,0,0.85);	box-shadow:inset 0 130px 130px -130px rgba(0,0,0,0.85);}
}

@media screen and (max-width: 600px){
div#social{ display: none;}
div#wh-widget-send-button-wrapper{ right: 0 !important; left: auto !important; background: blue;}
p#desde-1949{display: none;}


}
@media screen and (max-width: 500px){
header{height: 100px;-webkit-box-shadow:inset 0 100px 100px -100px rgba(0,0,0,0.75);	box-shadow:inset 0 100px 100px -100px rgba(0,0,0,0.75);}

nav{
	width: 100%;
	height: 100%;
	position: fixed;
	right: -130%;
}
nav.active{right:0;}
a#productos{display: none;}
a#contactomenu{display: none;}
a#noticias{display: none;}
div#banner-app{display: inline-block;}

}
@media screen and (max-width: 320px){
}


/* Scroll Menu*/
header.smaller{
	background: #4D4D4D;
	height: 80px;
}
header.smaller a#logo{
	top: 0;
}
header.smaller nav{
	height: 80px;
}
header.smaller nav a{
	color: #E6E6E6;
	line-height: 80px;
}