@font-face { font-family: fontUbuntuC; src: url(ubuntu-font-family-0.80/Ubuntu-M.ttf); }
@font-face { font-family: fontBabybel; src: url(LunchBox.ttf); }
@font-face { font-family: fontBabybelLight; src: url(LunchBox-Light.ttf); }
@font-face { font-family: fontBabybelBold; src: url(LunchBox-Bold.ttf); }

@font-face {
    font-family: 'lunchbox-boldbold';
    src: url('../fonts/kimmy_design_-_lunchbox-bold-webfont.eot');
    src: url('../fonts/kimmy_design_-_lunchbox-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/kimmy_design_-_lunchbox-bold-webfont.woff2') format('woff2'),
         url('../fonts/kimmy_design_-_lunchbox-bold-webfont.woff') format('woff'),
         url('../fonts/kimmy_design_-_lunchbox-bold-webfont.ttf') format('truetype'),
         url('../fonts/kimmy_design_-_lunchbox-bold-webfont.svg#lunchbox-boldbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

.fontBabybel{ font-family: fontBabybel, "Helvetica Neue", Helvetica, Arial, sans-serif; }
.fontBabybelLight{ font-family: fontBabybelLight, "Helvetica Neue", Helvetica, Arial, sans-serif; }
.fontBabybelBold{ font-family: fontBabybelBold, "Helvetica Neue", Helvetica, Arial, sans-serif; }

	/*
	 * #990202;  /*rojo oscuro/
	 * #49a232;  /*verde/
	 * #bf0101;  /*rojo babybel/
	 * #fce59c; /*amarillo /
	 */


body{background-image: url('../img/back.png'); background-repeat: no-repeat; font-size: 1.1em; }

#wrapHead{background: #FFF;position: absolute;z-index: 999;width: 100%;top: 0;}
header {max-width: 1024px;margin: 0 auto;position: relative;}
#main_nav {text-align: center;padding: 0;}
#main_nav li .logo {padding: 0;}
#main_nav .logo img {max-width: 100%;height: auto;}
#main_nav li{list-style: none;text-align: center;}
#main_nav li a {display: block;color: #e61803;font-family: lunchbox-boldbold;-webkit-transition: color 0.6s ease-out; -moz-transition:color 0.6s ease-out; -o-transition: color 0.6s ease-out; transition: color 0.6s ease-out;}
#main_nav li a:hover, #main_nav li .active {text-decoration: none;color: #39b54a;}


/* unvisited link */
a:link {
	color: white;
}

/* visited link */
a:visited {
	color: white;
}

/* mouse over link */
a:hover {
	color: white;
}

/* selected link */
a:active {
	color: white;
}



.bContainer{
	max-width:1024px;



	background-repeat:repeat;top: 80px;position: relative;
}

/*header y contenido del header*/
/*background-image:url('../img/fondo_rojo.png');*/

.bHeader{
	margin-top: 1px;
	width: 100%;
}

.bFrameContainer{
	width: 100%;
	position: relative;
	z-index:1;

}

.bFrameHead{
	position: absolute; top: 0; left: 0;
}

.bFrameHead img{
	width:100%;
}

.bFrameBottom{
	position: absolute; bottom: 0; left: 0;
}

.bFrameBottom img{
	width:100%;
}

.bFrameContent{
	padding-top:0%;
	width:100%;
	position: relative; top: 0; left: 0;
	z-index:-100;
}


/*body*/
a:hover, a:active, a:focus {
  outline: none;
}
.bBodyHome{
	/* background-image: url('../img/fondo.png');
	background-repeat: no-repeat; */
	width:100%;
	margin:0px;
  position: relative;
}
.linkFull{display: block;height: 360px;width: 62%;float: left;}


.bBodyHome01 {
	margin:auto;
	width:280px;
	float:left;
}

.bBodyHome01  img{
	width: 70%;
	margin:5%;
}

.bBodyHome02 {
	width:350px;
	float:left;
}

.bHomeTipsImg{
	width: 80%;
	margin:5%;
	margin-top: 70px;
}


.bHomeManzanaImg{
	width:60%;
	margin-left:30%;
	margin-top:-40px;
}

.bBodyHome03 {
	background-image: url('../img/home_blog.png');
	background-repeat:no-repeat;
	float:right;
	width:360px;
	height:370px;
    	padding-top: 50px;
    	padding-left: 40px;
    	margin-top:30px;
}


.bFooter{
	background-image:url('../img/frame_footer.png');
	max-width:994px;
	position: relative;
	top:-120px;
	#height:195px;
}

.bFooterContent{


}

.bFooterQueso{
	margin: 0px 10px 0px 15px;


}

.bFooterSnack{
	margin: 25px 0px 0px 0px;


}

.bFooterContacto{
	margin-left: 200px;
	margin-top: 100px;



}


.bFooterSigue{
margin-top: 7%;
 margin-left: 50px;

}
.bFooterSocial{
	width: 25%;
	height: auto;
	margin-top: 9%;

	padding: 20px;
	float: right;
	box-sizing:border-box;
	background-image: url('../img/bb_blog_RS.png');
	}

.bFooterSocialEl{

	margin-left: 40%;

}

.bFooterAviso{
	color: white;
	margin-top: -20px;
	margin-left 20px;
	background-color: #A31D21;
	heigth: 30px;

}

}

.bCenter{
	float: none;
    margin: 0 auto;
}

.bClear{
	clear:both;
}

.paletas
{
	height: 300px !important;
}



/* Smartphones (portrait and landscape) ----------- */
@media screen and (min-width: 300px) {
	#main_nav #cont_logo{display: none;}
	.logo_mov {display: inline-block;}
	.logo_mov img{max-width:90px;min-width: 60px;height: auto;}
	#wrapHead{ height: 8rem;padding: 0 margin: 0;}
	#main_nav {display: none;width: 100%;background: rgba(255,255,255,0.8);position: absolute;top: 80px;left: 0;}
	#main_nav li{margin: 0;font-size: 26px;display: list-item;border-bottom: 1px solid #E61803;}
	#main_nav li a {padding:10px 0;}
	#cont_hm {display: inline-block;width: 50px;position: absolute;top: 24px;right: 10px;cursor: pointer;}
	.line_hm {display: block;background: #e61803;height: 5px;margin-bottom: 8px;border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
}


/* iPads (portrait and landscape) ----------- */
@media screen and (min-width: 765px) {
	#main_nav #cont_logo{display: inline-block;}
	#wrapHead{ height: 12.5rem;padding: 0 margin: 0;}
	header{height: 100%;}
	#main_nav{display: block;width: auto;background: none;position: relative;top: 0px;left: 0;height: 100%;}
	#main_nav li .logo img { max-width: 100%;height: auto;}
	#main_nav li{margin: 0 4px;height: 100% !important;display: inline-block;font-size: 20px;vertical-align:middle;border-right: 1px solid #E61803;border-bottom: none;}
	#main_nav li a {padding:0 10px;height: 100% !important;display: table;}
	#main_nav li span {display: table-cell;vertical-align: middle;}
	.logo_mov{display: none;}
	#cont_hm {display: none;}
}



/* Desktops and laptops ----------- */
@media screen and (min-width: 1023px) {
	#main_nav #cont_logo{display: inline-block;padding: 0;}
	header{height: 100%;}
	#wrapHead{ height: 12.5rem;padding: 0 margin: 0;}
	#main_nav{display: block;width: auto;background: none;position: relative;top: 0px;left: 0;height: 100%;}
	#main_nav .logo img { max-width: 100%;height: auto;}
	#main_nav li{margin: 0;height: 100% !important;display: inline-block;font-size: 24px;vertical-align:middle;border-right: 1px solid #E61803;border-bottom: none;}
	#main_nav li a {padding:0 15px;height: 100% !important;display: table;position}
	#main_nav li span {display: table-cell;vertical-align: middle;}
	.logo_mov{display: none;}
	#cont_hm {display: none;}
}