@charset "utf-8";
/* CSS Document */
/* Nutricion */
.bigHorizontalTileContainer
{
	display:table;
	width:100%;
	position:relative;
}
.bigHorizontalTileContainer .text > h3 {  /* Added afterwars */
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}


.bigHorizontalTileContainer p
{
	margin:0;
}
.bigHorizontalTileContainer .text
{
	vertical-align:middle;
	padding:20px;
	color: white;
    text-align: center;
}
.bigHorizontalTileContainer .image
{
	width:auto;
}
.bigHorizontalTileContainer .imageContainer
{
    overflow: hidden;
}
.bigHorizontalTileContainer .image img
{
	min-width:100%;
}
@media (max-width:767px) {
	.bigHorizontalTileContainer .image img
	{
		width: 100%;
	}	
}
.bigHorizontalTileContainer .text
{
	display:table-cell;
	/*display:table-row;*/
}
.bigHorizontalTileContainer .image
{
	display:table-header-group;
}
.emptyHalfTile
{
	height:165px;
}
@media (min-width: 768px) {
	.bigHorizontalTileContainer .text
	{
		display:table-cell;
		padding:0 20px;
	}
	.bigHorizontalTileContainer .image
	{
		display:table-cell;
	}
	.bigHorizontalTileContainerFull .text
	{
		font-size:15px;
		width:100%;
	}
	.bigHorizontalTileContainerBig .text
	{
		font-size:12px;
	}
	.bigHorizontalTileContainerHalf .text
	{
		font-size:11px;
	}
	.bigHorizontalTileContainerFull .imageContainer
	{
		max-width: 590px;/*
		min-width: 305px;*/
	}
	.bigHorizontalTileContainerBig .imageContainer
	{
		max-width: 195px;
		min-width: 180px;
	}
	.bigHorizontalTileContainerHalf .imageContainer
	{
		max-width: 165px;
		min-width: 165px;
		float:right;
	}
	.bigHorizontalTileContainerFull .image img
	{
		height:185px;
		width: auto;
	}
	.bigHorizontalTileContainerBig .image img
	{
		height:270px;
		width: auto;
	}
	.bigHorizontalTileContainerHalf .image img
	{
		height:165px;
	}
}

@media (min-width: 992px) {
	.bigHorizontalTileContainerFull .text
	{
		font-size:18px;
	}
	.bigHorizontalTileContainerBig .text
	{
		font-size:18px;
	}
	.bigHorizontalTileContainerHalf .text
	{
		font-size:18px;
		width:100%;
	}
	.bigHorizontalTileContainerFull .imageContainer
	{
		max-width: 590px;
		min-width: 305px;
	}
	.bigHorizontalTileContainerBig .imageContainer
	{
		max-width: 270px;
		/* min-width: 270px; */
	}
	.bigHorizontalTileContainerHalf .imageContainer
	{
		max-width: 165px;
		min-width: 165px;
	}
	.bigHorizontalTileContainerFull .image img
	{
		height:305px;
	}
	.bigHorizontalTileContainerFull .image img
	{
		height:270px;
	}
	.bigHorizontalTileContainerHalf .image img
	{
		height:165px;
	}
}

.bigVerticalTileContainer
{
	display:table;
	width:100%;
	height:350px;
	position:relative;
}
.bigVerticalTileContainer p
{
	margin:0;
}
.bigVerticalTileContainer .text
{
	vertical-align:middle;
	padding:20px;
	color: white;
    text-align: center;
}
.bigVerticalTileContainer .image
{
	width:auto;
}
.bigVerticalTileContainer .imageContainer
{
    overflow: hidden;
}
@media (min-width:767px) {
	.bigVerticalTileContainer .imageContainer
	{
		max-height: 185px;  /* Added afterwards   220 */
	}
}

.bigVerticalTileContainer .image img
{
	min-width:100%;
	width: 100%;
}
.bigVerticalTileContainer .text p
{/*
	display: table-cell;*/
    padding: 0 10px;
    vertical-align: middle;
}
.vertical-tile-margin-fix
{
	width:100%;
}
.bigVerticalTileContainer .text
{
	height:100%;
}
.bigVerticalTileContainer .image
{
	display:table-row;
}
@media (min-width: 768px) {
	.bigVerticalTileContainer
	{
		/*width:96%;*/
	}
	.vertical-tile-margin-fix
	{
		width:96%;
	}
	.marginLeft
	{
		margin-left:10px; /* not on mobile */
	}
	.bigVerticalTileContainer .text
	{
		display:table-cell;
		font-size:18px;
	}
}
@media (max-width:767px) {
	.bigVerticalTileContainer .image
	{
		display:table-header-group;
	}
}





/* hover */
.hoverTextContainer {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	color:white;
	opacity:0;
	
	-webkit-transition: all .2s; 
	transition: all .2s;
	cursor:pointer;
}
@media (max-width:767px) {
	.hoverTextContainer {
		opacity:1;
		position:relative;
		display:table-row;
	}
}
.hoverTextContainer:hover {
	opacity:1;
}
.hoverTextTable {
	height:100%;
	width:100%;
	display:table;
}
.hoverText {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	padding:0 10px;
}
.hoverText a {
	color:white;	
}
.share-icons-nutricion a {
	margin:0 3px;	
}
.share-icons-nutricion {
	margin:10px 0;
	font-size:2em;
}
/* hover */

@media (min-width:767px) {
.vertical-mask {
	max-height:350px;
	overflow:hidden;
}
}
@media (max-width:767px) {
.nutricionContainer .bigVerticalTileContainer .text, .nutricionContainer .bigHorizontalTileContainer .text{
	display:none;
}
.hoverText p {
    margin-top: 16px;
}
}