body {
	background: #51afc1 url(../img/background.jpg) no-repeat bottom;
}

.navbar-inverse {
}

.navbar-brand {
	font-size: 36px;
	font-family: 'Alegreya Sans SC', sans-serif;
	max-width: 716px;
	line-height: 32px;
}

.navbar-inverse .navbar-brand {
	color: #fff;
}

.weltit {
	font-size: 52px;
	font-family: 'Alegreya Sans SC', sans-serif;
	font-weight: 900;
}

.menu_text {
	font-size: 12px;
	font-family: 'Alegreya Sans SC', sans-serif;
	font-weight: 400;
	color: #fff;
	background: #5d5d5e;
	padding: 5px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	opacity: 0.0;
}

.weltitDos {
	font-size: 60px;
	font-family: 'Alegreya Sans SC', sans-serif;
	font-weight: 900;
	color: #fff;

	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;

    text-shadow: 2px 2px 5px #525252;
    opacity: 0.0;
}

.flag {
	width: 90%;
	border-radius: 30px;
	-webkit-transition: width 0.5s; /* Safari */
    transition: width 0.5s;
}

.flag:hover {
	width: 100%;
}

.showme:hover + .weltitDos {
	opacity: 1.0;
}

.logosusdbc {
	float:right;
	margin-top:15px;
	max-width:250px;
}

.ricoche {
	height: 300px;
}

.facebut {
	width: 30%;
	-webkit-transition: width 0.5s; /* Safari */
    transition: width 0.5s;
}

.facebut:hover {
	width: 28%;
}

.fullstand {
	background: rgba(255, 255, 255, .6);
    min-height: 100%;
    height: 100%;
  	box-sizing:border-box;
}

.altnav {
	margin-top: 40px; 
}

.menu_img {
	margin-top: 20px;
	width: 90%;
	-webkit-transition: width 0.5s; /* Safari */
    transition: width 0.5s;
}

.menu_img:hover {
	width: 100%;
}

.showmenu:hover + .menu_text {
	opacity: 1.0;
}

.mainText {
	margin-top: 35px; 
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 18px;
	padding: 10px;
}

.foot {
	height: 80px;
	background: #080808;
}

.imgpage1 {
	width: 80%;
}

.imgpage2 {
	width: 100%;
	max-width: 400px;
	margin-top: 40px;
}
.imgpage3 {
	width: 90%;
	max-width: 400px;
	margin-top: 5px;
}
.imgpage4 {
	width: 90%;
	max-width: 400px;
	margin-top: 30px;
}
.tittle_pag {
	font-family: "Alegreya Sans SC",sans-serif;
}

.incircle{
	min-height: 270px;
}

.frijoles_variedad {
	font-size: 20px;
	font-family: 'Alegreya Sans', sans-serif;
	color: #000;
	margin: 0px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.nut_p {
	font-family: 'Alegreya Sans', sans-serif;
}

.frijoles_nutricion {
	font-size: 20px;
	font-family: 'Alegreya Sans SC', sans-serif;
	font-weight: 900;
	color: #000;
	margin: 0px;
}

.saludimg {
	width: 70%;
	max-width: 150px;
	margin: 30px 0 10px 0;
	-webkit-transition: width 0.5s; /* Safari */
    transition: width 0.5s;
    cursor: pointer;
}

.saludimg:hover {
	width: 72%;
}

.saludimgII {
	width: 70%;
	max-width: 150px;
	margin: 30px 0 10px 0;
	-webkit-transition: width 0.5s; /* Safari */
    transition: width 0.5s;
    cursor: default;
}

.saludimgII:hover {
	width: 70%;
}

.circle {
	width: 70%;
	max-width: 150px;
	border-radius: 70px;
	margin: 30px 0 10px 0;
	-webkit-transition: width 0.5s; /* Safari */
    transition: width 0.5s;
}

.circle:hover {
	width: 72%;
}

.incircle:hover + .frijoles_variedad {
	opacity: 1.0;
}


.tooltip_frijoles {
	text-align: left;
}

.tooltip_salud {
	text-align: center;
	font-size: 14px;
	width: 400px;
}

.tooltip-inner {
    max-width: 500px !important;
}

.plato {
	margin:30px;
	color: #ebebeb;
	background:#000;
	-webkit-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
}

.imgplato {
	width:90%;
	margin:20px 0;
}

.new_title {
	font-family: "Alegreya Sans SC",sans-serif;
	color:#0d0d0d;
	font-size: 20px;
}
.new_title:hover {
	color: #00a651;
}
.new_bullet{
	width:30px;
	margin: 5px 10px 0 0;
	float:left;
}
.p_bullet{
	margin-top: 15px;
}






@media (max-width: 1200px) {
  .navbar-brand {
	font-size: 32px;
	max-width: 716px;
	line-height: 32px;
	padding-left:30px;
	}
	.ricoche {
		height: 200px;
	}
	.menu_img {
		width: 60%;
	}
	.menu_img:hover {
		width: 70%;
	}
	
}

@media (max-width: 992px) {
  .navbar-brand {
	font-size: 22px;
	line-height: 22px;
	max-width: 386px;
	padding-left:50px;
	}

	.weltit {
		font-size: 42px;
	}
	.weltitDos {
		font-size: 50px;
	}
	.menu_img {
		width: 60%;
	}
	.menu_img:hover {
		width: 70%;
	}
	.imgplato {
		width:60%;
	}
	
}

@media (max-width: 768px) {
  .flag {
    width: 60%;
  }
  .navbar-brand {
  	visibility: hidden;
  }
  .ricoche {
		height: 50px;
	}

	.weltit {
		font-size: 52px;
	}
	.weltitDos {
		font-size: 60px;
	}

	.menu_text {
		opacity: 1.0;
	}
	.menu_img {
		width: 40%;
	}
	.menu_img:hover {
		width: 40%;
	}
	.altnav {
		margin-top: 60px;
	}
	.imgpage1 {
		width: 40%;
		margin-bottom: 15px;
	}
}