
@font-face {
	font-family: 'vag_rounded_bold';
	src: url('/theme/fonts/vagrounded/vagrounded-bold-webfont.eot');
	src: url('/theme/fonts/vagrounded/vagrounded-bold-webfont.eot?#iefix') format('embedded-opentype'),
		/* url('/theme/fonts/vagrounded/vagrounded-bold-webfont.woff') format('woff'), */
			 url('/theme/fonts/vagrounded/vagrounded-bold-webfont.ttf') format('truetype'),
			 url('/theme/fonts/vagrounded/vagrounded-bold-webfont.svg#vag_rounded_thinbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'vag_rounded_thin';
	src: url('/theme/fonts/vagrounded/vagrounded-thin-webfont.eot');
	src: url('/theme/fonts/vagrounded/vagrounded-thin-webfont.eot?#iefix') format('embedded-opentype'),
		/* url('/theme/fonts/vagrounded/vagrounded-thin-webfont.woff') format('woff'), */
			 url('/theme/fonts/vagrounded/vagrounded-thin-webfont.ttf') format('truetype'),
			 url('/theme/fonts/vagrounded/vagrounded-thin-webfont.svg#vag_roundedthin') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'vag_rounded_light';
	src: url('/theme/fonts/vagrounded/vagrounded-light-webfont.eot');
	src: url('/theme/fonts/vagrounded/vagrounded-light-webfont.eot?#iefix') format('embedded-opentype'),
		/* url('/theme/fonts/vagrounded/vagrounded-light-webfont.woff') format('woff'), */
			 url('/theme/fonts/vagrounded/vagrounded-light-webfont.ttf') format('truetype'),
			 url('/theme/fonts/vagrounded/vagrounded-light-webfont.svg#vag_rounded_light') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'happynestbold';
	src: url('/theme/fonts/happynest/happynest_bold-webfont.eot');
	src: url('/theme/fonts/happynest/happynest_bold-webfont.eot?#iefix') format('embedded-opentype'),
		/* url('/theme/fonts/happynest/happynest_bold-webfont.woff') format('woff'), */
			 url('/theme/fonts/happynest/happynest_bold-webfont.ttf') format('truetype'),
			 url('/theme/fonts/happynest/happynest_bold-webfont.svg#happynestbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AdobeBlank';
	src: url('/theme/fonts/adobeblank/adobeblank.eot');
	src: url('/theme/fonts/adobeblank/adobeblank.eot?#iefix') format('embedded-opentype'),
			 url('/theme/fonts/adobeblank/adobeblank.woff') format('woff'),
			 url('/theme/fonts/adobeblank/adobeblank.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AdobeBlank';
	src: url('/theme/fonts/adobeblank/adobeblank.eot');
	src: url('/theme/fonts/adobeblank/adobeblank.eot?#iefix') format('embedded-opentype'),
			 url('/theme/fonts/adobeblank/adobeblank.woff') format('woff'),
			 url('/theme/fonts/adobeblank/adobeblank.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'le_havreregular';
    src: url('/theme/fonts/insigne/insigne_-_le_havre_regular-webfont.woff2') format('woff2'),
         url('/theme/fonts/insigne/insigne_-_le_havre_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* ==========================================================================
	 Layout
	 ========================================================================== */

/*body {
	font-family: vag_rounded_thin;
	color: #666;
}*/
strong,
.strong {
	/* @fix: font-weight: normal ??? */
	/*font-family: vag_rounded_bold;*/
	letter-spacing: .3px;
}
h1, h2, h3, h4, h5, .h4, strong.h3 {
		font-family: 'Raleway', sans-serif;
    
    
}
h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4,
h4 small, h4 .small {
	color: #0998d1;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small,
.h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small,
h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small,
.h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
	color: inherit;
}
/*h1, .h1 {
	font-size: 26px;
}*/
h2, .h2 {
	font-size: 20px;
}
h3, .h3 {
	font-size: 18px;
}
h4, .h4 {
	font-size: 16px;
}
.hgroup {
	margin: 20px 0 10px;
}
	.hgroup > * {
		margin: 0;
	}
img {
	max-width: 100%
}



label {
	font-weight: 400;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 2em 20%;
	padding: 0;
}


.main-nav > ul {
	margin: 0;
	padding: 0;
}
	.main-nav > ul > li {
		position: relative;
		clear: left;
		list-style-type: none;
		border-top: solid 1px #efefef;
	}
	.main-nav > ul > li:first-child {
		border-top: 0;
	}
		.main-nav > ul > li > a {
			display: block;
			padding: 15px;
		}
		.main-nav li > a:hover,
		.main-nav li > a:focus {
			text-decoration: none;
			background-color: #f5f5f5;
		}
			.menu-arrow {
				position: absolute;
				top: 50%;
				right: 25px;
				margin-top: -8px;
			}
		.menu-icon {
			float: left;
			margin-right: 14px;
		}
		.menu-text {
			float: left;
			width: 65%;
			line-height: 1.2em;
			color: #676767;
		}
			.menu-text > strong {
				display: block;
				padding-bottom: 0.25em;
				font-size: 120%;
				text-transform: uppercase;
				color: #428bca;
			}
.main {
	clear: both;
	padding-bottom: 20px;
	background-color: #fff;
}
	.main-header {
		padding: 40px 25px 0;
	
	}
		.main-header h1 {
			clear: both;
			margin: .5em 0 1em;
		}
		.main-header h2 {
			margin: 1em 0;
		}
		.main-header h1 + p {
			margin-top: -1em;
		}
	.inner {
		padding: 0 25px 20px;
	}

	.section-wrap {
		padding: 0 15px;
	}
.footer {
	position: relative;
	padding: 1em 2em;
	font: 12px/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	background: #a6dff7; /* Old browsers */
	background: -moz-linear-gradient(top, #a6dff7 0%, #68c8f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a6dff7), color-stop(100%,#68c8f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a6dff7 0%,#68c8f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a6dff7 0%,#68c8f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #a6dff7 0%,#68c8f2 100%); /* IE10+ */
	background: linear-gradient(to bottom, #a6dff7 0%,#68c8f2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6dff7', endColorstr='#68c8f2',GradientType=0 ); /* IE6-9 */
}
	.footer ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	.footer a {
		color: #fff;
	}
	.copyright {
		margin: 10px 0 0;
		font-size: 10px;
		text-align: center;
		color: #1783ae;
	}

/* ==========================================================================
	 Sections
	 ========================================================================== */

.brand-header {
	clear: both;
	margin: 20px 0 20px;
	padding: 30px;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% 25px;
}
	.brand-header h1 {
		display: inline-block;
		margin: 0 20px 0;
	}
	.brand-header h2 {
		display: inline-block;
		font-size: 22px;
		color: #fff;
	}
	.brand-header .h4 {
		margin: 20px 0 5px;
		color: #fff;
	}
	.brand-header p {
		color: #fff;
	}
.brand-header.brand-green {
	background-color: #005a1d;
	background-image: url(/img/brands/headers/buitoni_bg.png);
}
.btn-brand {
	display: table;
	width: 100%;
	margin-bottom: 1em;
	background-color: #999;
	border-radius: 8px;
	-webkit-transition: background 0.2s linear;
			transition: background 0.2s linear;
}
.btn-brand:hover, .btn-brand:focus {
	text-decoration: none;
	background-color: #666;
}
	.btn-brand > strong {
		display: table-cell;
		width: 40%;
		padding: 10px;
		font-size: 25px;
		line-height: 0.9em;
		text-align: center;
		color: #fff;
	}
	.btn-brand > span {
		display: table-cell;
		width: 60%;
		padding: 10px;
		text-align: right;
	}
		.btn-brand > span > img {
			border-radius: 4px;
		}
.btn-brand.brand-green {
	background: #1d6b36; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #1d6b36 0%, #edf2ef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#1d6b36), color-stop(100%,#edf2ef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  #1d6b36 0%,#edf2ef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  #1d6b36 0%,#edf2ef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  #1d6b36 0%,#edf2ef 100%); /* IE10+ */
	background: linear-gradient(45deg,  #1d6b36 0%,#edf2ef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d6b36', endColorstr='#edf2ef',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	background-color: #1d6b36;
	background-repeat: no-repeat;
}
.btn-brand.brand-green:hover, .btn-brand.brand-green:focus {
	background-position: 500px -100px;
}

.food-item {
	position: relative;
	display: inline-block;
	margin: 0 5px 40px;
}
a.food-item {
	-webkit-transition: -webkit-transform 0.2s ease-in-out;
	   -moz-transition: -moz-transform 0.2s ease-in-out;
		-ms-transition: -ms-transform 0.2s ease-in-out;
			transition: transform 0.2s ease-in-out;
}
a.food-item:hover, a.food-item:focus {
	-webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
			transform: scale(1.1);
}
.food-selector {
	position: absolute;
	top: -17px;
	left: -7px;
	width: 199px;
	height: 199px;
	background: url(/img/food/groups/grupo-01-menu.png) no-repeat 0 0;
	opacity: 0;
	-webkit-transform: scale(0.8);
	   -moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
			transform: scale(0.8);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s ease-in-out;
	   -moz-transition: opacity 0.2s, -moz-transform 0.2s ease-in-out;
		-ms-transition: opacity 0.2s, -ms-transform 0.2s ease-in-out;
			transition: opacity 0.2s, transform 0.2s ease-in-out;
}
div.food-item:hover > .food-selector, div.food-item:focus > .food-selector {
	opacity: 1;
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
		-ms-transform: scale(1);
			transform: scale(1);
}
	.food-selector li {
		display: block;
		position: absolute;
	}
	.fsel-item-1  { top:  10px; left:  85px; }
	.fsel-item-2  { top:  25px; left: 126px; }
	.fsel-item-3  { top:  61px; left: 151px; }
	.fsel-item-4  { top: 106px; left: 150px; }
	.fsel-item-5  { top: 143px; left: 122px; }
	.fsel-item-6  { top: 157px; left:  79px; }
	.fsel-item-7  { top: 139px; left:  37px; }
	.fsel-item-8  { top: 103px; left:  12px; }
	.fsel-item-9  { top:  58px; left:  15px; }
	.fsel-item-10 { top:  21px; left:  41px; }

	.food-selector li a {
		display: block;
		width: 32px;
		height: 32px;
		overflow: hidden;
		text-align: center;
		background-color: #fff;
		border-radius: 16px;
		-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.5);
				box-shadow: 0 0 1px rgba(0,0,0,0.5);
		-webkit-transition: -webkit-transform 0.2s ease-in-out;
		   -moz-transition: -moz-transform 0.2s ease-in-out;
			-ms-transition: -ms-transform 0.2s ease-in-out;
				transition: transform 0.2s ease-in-out;
	}
	.food-selector li a:hover, .food-selector li a:focus {
		-webkit-transform: scale(1.3);
		   -moz-transform: scale(1.3);
			-ms-transform: scale(1.3);
				transform: scale(1.3);
	}

.seasons-letters {
	display: inline-block;
	overflow: hidden;
	border: 1px solid #2C9C11;
	border-radius: 20px;
}
	.seasons-letters > span {
		display: inline-block;
		width: 30px;
		padding: 5px 0 4px;
		font-size: 16px;
		text-align: center;
		color: #FFF;
		border-left: 1px solid #2C9C11;
		border-collapse: collapse;
	}
	.season-high { background-color: #1c9200; }
	.season-md   { background-color: #77be66; }
	.season-low  { background-color: #badeb2; }

.nutrient {
	display: inline-block;
	min-width: 60px;
	margin: 0 2px 5px;
	padding: 5px 2px;
	line-height: 0.8em;
	text-align: center;
	border: 3px solid #000;
	border-radius: 4px;
}
	.nutrient > strong {
		font-size: 35px;
		line-height: 1.2em;
	}
.nutrient.nutrient-blue { background-color: #e9eef9; border-color: #2955c6; }
.nutrient.nutrient-blue > strong { color: #2955c6; }
.nutrient.nutrient-orange { background-color: #fff4e6; border-color: #fe9406; }
.nutrient.nutrient-orange > strong { color: #fe9406; }

.nutrient.no-description {
	vertical-align: top;
	border-color: #0998d1;
}
	.nutrient.no-description .wrap {
		height: 54px;
		margin: 0 auto;
		text-align: center;
	}
		.nutrient.no-description .outer {
			display: table;
			width: 100%;
			height: 45px;
		}
		.nutrient.no-description .inner {
			display: table-cell;
			padding: 0 2px;
			vertical-align: middle;
		}

#banner-agua {
	display: block;
	width: 100%;
	height: 56px;
	background: url(/img/food/groups/grupo-raciones-06.jpg) no-repeat;
}
.stats-table {
	position: relative;
	height: 92px;
	margin: 10px 15px;
	background-color: #97d2eb;
	border-radius: 8px;
}
	.stats-table > div {
		margin: 0 17px 0 100px;
		font-size: 40px;
		line-height: 1.15em;
		text-align: center;
		color: #FFF;
		border-bottom: 1px solid #fff;
	}
	.stats-table > div:last-child {
		border-bottom: 0;
	}
	.stats-table sub {
		display: inline-block;
		font-size: 12px;
		line-height: 1em;
		color: #666;
	}
	.stats-table .stats-icon {
		position: absolute;
		top: 4px;
		left: 16px;
	}
	.title-overlay {
		position: relative;
	}
		.title-overlay > span {
			opacity: 0;
			position: absolute;
			top: 50%;
			right: 5px;
			left: 5px;
			margin-top: -14px;
			font: 24px/1em 'happynestbold';
			text-align: center;
			color: #FFF;
			background-color: #0998d1;
			background-color: rgba(9, 153, 210, 0.8);
			-webkit-transition: opacity 0.1s linear;
					transition: opacity 0.1s linear;
		}
		.title-overlay:hover > span, .title-overlay:focus > span {
			opacity: 1;
		}

figcaption.caption {
	position: relative;
	margin-top: 3px;
	padding: 4px 10px;
	text-align: center;
	color: #FFF;
	background: #2ea7d8; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJlYTdkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwODgyYjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #2ea7d8 0%, #0882b3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2ea7d8), color-stop(100%,#0882b3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2ea7d8 0%,#0882b3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2ea7d8 0%,#0882b3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #2ea7d8 0%,#0882b3 100%); /* IE10+ */
	background: linear-gradient(to bottom, #2ea7d8 0%,#0882b3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ea7d8', endColorstr='#0882b3',GradientType=0 ); /* IE6-8 */
	border-radius: 6px;
}
	figcaption.caption > p {
		margin-bottom: 0;
		border-top: 2px solid #4AACD4;
	}
	figcaption.caption > p:first-child {
		border-top: 0;
	}
figcaption.caption-overlap {
	position: relative;
	margin: -6px 0 20px;
	padding: 4px 10px;
	color: #FFF;
	background: #7ac6e6; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdhYzZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NmExYzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #7ac6e6 0%, #56a1c2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ac6e6), color-stop(100%,#56a1c2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7ac6e6 0%,#56a1c2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7ac6e6 0%,#56a1c2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #7ac6e6 0%,#56a1c2 100%); /* IE10+ */
	background: linear-gradient(to bottom, #7ac6e6 0%,#56a1c2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ac6e6', endColorstr='#56a1c2',GradientType=0 ); /* IE6-8 */
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 5px -3px rgba(60, 167, 217, 0.5);
	box-shadow: 0 5px 5px -3px rgba(60, 167, 217, 0.5);
}
	figcaption.caption-overlap > p {
		margin-bottom: 0;
		border-top: 1px solid #a3d0e4;
	}
	figcaption.caption-overlap > p:first-child {
		border-top: 0;
	}
.box-type {
	padding: 14px;
}
	.box-type > h2 {
		margin-top: 0;
	}
	.box-type > div {
		font-size: 12px;
		padding: 10px;
		min-height: 100px;
	}

/* Blog */
.article-excerpt h3 {
	margin: 0;
	font-size: 16px;
}
.articlet-traits {
	margin-top: 4px;
	font-family: 'vag_rounded_thin';
	font-size: 13px;
}
.article-excerpt p {
	font-size: 13px;
	line-height: 1.1em;
}
.article-pict {
	margin: 10px 0 20px;
}
.widget {
	margin-bottom: 20px;
}
	.widget-title {
		display: inline-block;
		position: relative;
		top: 11px;
		left: -7px;
		margin: -11px 0 0;
		padding: 10px 10px 10px 20px;
		font: 26px/1em 'happynestbold';
		color: #FFF;
		background: url(/img/widget-title.png) repeat 0 0 / 100% 100%;
	}
	.widget-content {
		border: 1px solid #e5e5e5;
		border-radius: 6px;
	}
		.widget-inner {
			padding: 20px;
		}
	.wiget-menu {
		margin: 0;
		padding: 6px;
		list-style-type: none;
	}
		.wiget-menu > li {
			padding: 4px 20px;
			border-top: 1px solid #e5e5e5;
		}
		.wiget-menu > li:first-child {
			border-top: 0;
		}
		.widget-menu-icon {
			float: left;
		}
		.widget-menu-text {
			display: block;
			padding-top: 6px;
			font-size: 16px;
			color: #666;
		}
.tag-cloud {
	line-height: 1.9;
}
.tag {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font: 14px/1 'vag_rounded_thin';
	text-align: center;
	vertical-align: baseline;
	white-space: nowrap;
	background-color: #fff;
	border-radius: 10px;
	-webkit-box-shadow: 2px 2px 3px rgba(54, 171, 217, 0.3);
			box-shadow: 2px 2px 3px rgba(54, 171, 217, 0.3);
	-webkit-transition: color 0.1s linear, background-color 0.1s linear;
			transition: color 0.1s linear, background-color 0.1s linear;
}
.tag:hover, .tag:focus {
	text-decoration: none;
	color: #FFF;
	background-color: #0998d1;
}

/* ==========================================================================
	 Components
	 ========================================================================== */

.grey-degr-bg {
	padding-top: 20px;
	background: #f6f6f6; /* Old browsers */
	background: -moz-linear-gradient(top, #f6f6f6 0%, #ffffff 78%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(78%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f6f6f6 0%,#ffffff 78%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f6f6f6 0%,#ffffff 78%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f6f6f6 0%,#ffffff 78%); /* IE10+ */
	background: linear-gradient(to bottom, #f6f6f6 0%,#ffffff 78%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	border-top: solid 1px #ededed;
}
.wu-degr-bg {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 20%, #acddf0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ffffff), color-stop(100%,#acddf0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 20%,#acddf0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 20%,#acddf0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 20%,#acddf0 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 20%,#acddf0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#acddf0',GradientType=0 ); /* IE6-9 */
}
.carousel-consumo-recomendado .item-carousel {
	padding-left: 8px;
	padding-right: 8px;
}
.blue-bg,
.consumo-recomendado-3 .item-footer,
.consumo-recomendado-3.legend {
	color: #fff;
	background-color: #0998d1;
}
	.item-footer.blue-bg > a,
	.consumo-recomendado-3 a {
		color: #fff;
	}
.lblue-bg,
.consumo-recomendado-2 .item-footer,
.consumo-recomendado-2.legend {
	color: #FFF;
	background-color: #7ec8e7;
}
	.item-footer.lblue-bg > a,
	.consumo-recomendado-2 a {
		color: #FFF;
	}
.xlblue-bg,
.consumo-recomendado-1 .item-footer,
.consumo-recomendado-1.legend {
	color: #0998d1;
	background-color: #e6f4fa;
}
	.item-footer.xlblue-bg > a,
	.consumo-recomendado-1 a {
		color: #0998d1;
	}
.consumo-recomendado-0 .item-footer,
.consumo-recomendado-0.legend {
	color: #822;
	background-color: #df7d6d;
}
	.item-rounded.consumo-recomendado-0 {
		box-shadow: 3px 3px 0 #a00 !important;
		border-color: #a00 !important;
	}
	.consumo-recomendado-0 a {
		color: #822;
	}
.consumo-recomendado-legend > span {
	position: relative;
	top: -2px;
	margin-left: 6px;
	padding: 8px;
}
.consumo-recomendado-legend > span:first-child {
	margin-left: 15px;
}
.white-bg {
	color: #0998d1;
	background-color: #fff;
}
	.item-footer.white-bg > a {
		color: #0998d1;
	}
.bg-cover {
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
}
.cl-blue  { color: #0998d1; }
.cl-lblue { color: #7ec8e7; }
.cl-red   { color: #D82C21; }
.cl-white { color: #fff; }
.cl-def   { color: #666; }
.bd-blue  { border-color: #0998d1 !important; }
.bd-lblue { border-color: #7ec8e7 !important; }

.items-grid > .row {
	margin-bottom: 20px;
}
.tab-hr-degr {
	margin-top: -80px;
	position: relative;
	top: -26px;
}
.empty-slot {
	display: inline-block;
	width: 47%;
	min-width: 120px;
	height: 81px;
	margin: 0 1% 1px;
	border: 1px dotted #888;
	border-radius: 8px;
}
.label-difficulty {
	position: absolute;
	top: -2px;
	left: -8px;
}
.label.legend {
	padding-top: 0.1em;
	padding-bottom: 0;
}
.tab {
	display: inline-block;
	min-width: 200px;
	padding: 12px 15px 6px;
	line-height: 1.3em;
	color: #FFF;
	text-align: center;
	background-color: #A1D7EE;
	border-radius: 8px 8px 0 0;
	cursor: pointer;
	-webkit-transition: background 0.2s linear;
			transition: background 0.2s linear;
}
.tab.active, .tab:hover, .tab:focus {
	background-color: #0998D1;
}
	.tab > strong {
		font-size: 22px;
	}
.tab-group {
	margin-left: 70px;
}
	.tab-group > .tab {
		margin-right: 12px;
	}

.underline {
	border-bottom: 1px solid #0998d1;
}





/*Notes about grid:
Columns:      12
Grid Width:   825px
Column Width: 55px
Gutter Width: 15px
-------------------------------*/
 
 
 
.section 		{margin-bottom: 18px;
}
.section:after	{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.section 		{*zoom: 1;}
 
.section .firstcolumn,
.section .firstcol {margin-left: 0;}
 
 
/* Border on left hand side of a column. */
.border {
  padding-left: 7px;
  margin-left: 7px;
  border-left: 1px solid #eee;
}
 
/* Border with more whitespace, spans one column. */
.colborder {
    padding-left: 42px;
  margin-left: 42px;
  border-left: 1px solid #eee;
}
 










h3.curve {
	height: 36px;
	margin: 30px 0 40px;
	/*font-family: 'happynestbold';*/
/*    font-family: 'le_havreregular';*/
	text-align: center;
	background: url(/img/hr-curve.png) no-repeat;
	border: 0;
}
	h3.curve > span {
		padding: 0 1em;
		font-size: 40px;
		line-height: 0.9em;
		background-color: #fff;
	}
hr.curve {
	height: 36px;
	margin: 40px 0;
	background: url(/img/hr-curve.png) no-repeat;
	border: 0;
}
hr.curve.light {
	background-image: url(/img/hr-curve-light.png);
}
hr.curve.overlap {
	position: relative;
	margin-top: -32px;
}
hr.degr {
	height: 17px;
	margin: 20px 10% 40px;
	background: url(/img/hr-degr.png) center top / contain no-repeat;
	border: 0;
}
hr.degr.middle {
	margin-top: 30px;
	margin-bottom: 20px;
}
.hr-degr:after {
	content: "";
	display: block;
	height: 17px;
	margin: 20px 0 10px;
	background: url(/img/hr-degr.png) center top / 100% 100% no-repeat;
	border: 0;
}
.hr-degr:last-child:after {
	display: none;
}

.rounded {
	border-radius: 5px;
}
/*.wbd {
	border: 2px solid #fff;
	-webkit-box-shadow: 0 0 1px #0998d1;
			box-shadow: 0 0 1px #0998d1;
}*/

.box-icon {
	display: inline-block;
	width: 33px;
	height: 33px;
	font-size: 20px;
	line-height: 1.4em;
	text-align: center;
	border-radius: 5px;
	border-style: solid;
	border-width: 3px;
	-webkit-transition: border 0.3s linear;
			transition: border 0.3s linear;
}
.box-icon:hover,
.box-icon:focus {
	border-color: #fff;
}
.box-facebook {
	background-color: #2b64d3;
	border-color: #2b64d3;
}
.box-twitter {
	background-color: #00a5e5;
	border-color: #00a5e5;
}
.social-box {
	margin-top: 40px;
	position: relative;
}
	.social-box > h4 {
		position: absolute;
		top: -37px;
		left: -6px;
	}
	.social-box > div {
		border: 3px solid #E8E8E8;
		border-radius: 4px;
		height: 328px;
		padding-top: 16px;
		text-align: center;
	}
.brand-box {
	display: table !important;
	float: left;
	width: 80px;
	height: 75px;
	margin: 0 5px 10px;
	border: 1px solid #EDEDED;
	border-radius: 6px;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
			box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	-webkit-transition: border-color 0.2s linear;
			transition: border-color 0.2s linear;
}
.brand-box:hover, .brand-box:focus {
	border-color: #999;
}
	.brand-box > span {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
	}
.box-info {
	padding: 10px 0;
	border-top: dashed 1px #0998d1;
	border-bottom: dashed 1px #0998d1;
}
.call-to-action {
	padding: 10px 0;
	border-top: solid 1px #0998d1;
	border-bottom: solid 1px #0998d1;
}

.col-sep-1 {
	/*background: url(/img/col-sep-1.png) no-repeat left center;*/
}
.col-sep-2 {
	border-left: solid 1px #EFEFEF;
	margin-left: -1px;
}
.col-gutter-sm [class^="col-"],
.col-gutter-sm [class*=" col-"] {
	padding-left: 4px;
	padding-right: 4px;
}
.col-gutter-md [class^="col-"],
.col-gutter-md [class*=" col-"] {
	padding-left: 8px;
	padding-right: 8px;
}

.carousel {
	position: relative;
}
.carousel.carousel-blue {
	margin: 7px 0;
	padding: 17px 0;
	background-color: #eff8fc;
}
.carousel.carousel-blue:before {
	content: "";
	position: relative;
	top: -24px;
	display: block;
	border-top: solid 1px #84cbe8;
}
.carousel.carousel-blue:after {
	content: "";
	position: relative;
	bottom: -24px;
	display: block;
	border-top: solid 1px #84cbe8;
}
	.carousel-slide {
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-size: cover;
	}
		.slide-home > h2 {
			margin-top: 0;
			padding: 110px 0 0 100px;
			/*
			position: absolute;
			top: 0px;
			*/
		}
		.slide-home > h3 {
			padding-left: 100px;
			font-size: 38px;
			color: #fff;
			text-shadow: 1px 1px 0 rgba(0,0,0,0.7);
			/*
			position: absolute;
			top: 170px;
			left: 0px;
			*/
		}
		.carousel-btn-left,
		.carousel-btn-right {
			display: none;
			position: absolute;
			top: 50%;
			margin-top: -28px;
		}
		.carousel-btn-left {
			left: -13px;
		}
		.carousel-btn-right {
			right: -13px;
		}
		.carousel-btn-left.chevron,
		.carousel-btn-right.chevron {
			display: block;
			margin-top: -10px;
		}
		.carousel-btn-left.inset,
		.carousel-btn-right.inset {
			display: block;
			margin-top: -20px;
			font-size: 40px;
		}
		.carousel-btn-left.inset {
			left: 8px;
		}
		.carousel-btn-right.inset {
			right: 8px;
		}
		.carousel-btn-left.mini,
		.carousel-btn-right.mini {
			display: block;
			margin-top: -10px;
			font-size: 20px;
		}
		.carousel-btn-left.mini {
			left: -8px;
		}
		.carousel-btn-right.mini {
			right: -8px;
		}
		.see-all {
			margin-right: 30px;
			text-align: right;
		}
		.carousel-brands {
			margin: 0;
		}
			.carousel-brands li {
				margin: 0 10px;
			}
.cycle-slideshow {
	z-index: 0;
	overflow: hidden;
}
	.cycle-carousel-wrap p, .cycle-carousel-wrap h4 {
		white-space: normal;
	}
.cycle-pager {
	position: absolute;
	right: 0;
	bottom: 40px;
	z-index: 9999;
	padding: 0 14px 0 12px;
	background-color: rgba(102,102,102,0.5);
	border-radius: 40px 0 0 40px;
}
	.cycle-pager > span {
		position: relative;
		top: 5px;
		margin-right: 5px;
		font-size: 40px;
		line-height: 26px;
		color: #63bce2;
		opacity: 0.6;
		cursor: pointer;
		-webkit-transition: color 0.2s linear;
				transition: color 0.2s linear;
	}
	span.cycle-pager-active {
		opacity: 1;
	}

	.cycle-pager.orange > span {
		color: #e9791e;
	}
.cycle-pager.simple {
	bottom: -4px;
	padding: 0;
	background-color: transparent;
	border-radius: 0;
}

.item-rounded {
	position: relative;
	padding: 10px;
	border: 1px solid #ededed;
	border-radius: 7px;
}

.shadow {
	position: relative;
	margin-bottom: 15px;
}
.shadow:after {
	content: " ";
	position: absolute;
	right: 0;
	bottom: -14px;
	left: 0;
	height: 13px;
	/*background: url(/img/item-bottom-shadow.png) no-repeat center top / 100% 100%;*/
}
	.item-header {
		position: relative;
		margin-bottom: 1em;
		padding-bottom: 0.4em;
		border-bottom: 1px solid #ededed;
	}
		.item-header h3 {
			margin: 5px 0;
		}
		.item-header h4 {
			float: left;
			margin-bottom: 0;
		}
		.item-header .share {
			font-size: 10px;
		}
			.item-header .share-list > li > a {
				font-size: 17px;
			}
			.item-prize {
				margin: 0;
				font-size: 25px;
				line-height: 0.7em;
				text-align: center;
			}
				.item-prize .small {
					font-size: 50%;
				}
		.item-header-blue {
			position: relative;
			top: -10px;
			padding: 5px 0;
			margin: 0 -10px 5px -10px;
			text-align: center;
			background-color: #0998d1;
			border-radius: 7px 7px 0 0;
		}
			.item-header-blue > h3 {
				color: #FFF;
				margin: 0;
			}
		.item-footer {
			overflow: hidden;
			position: relative;
			bottom: -10px;
			padding: 5px 3px;
			margin: 0 -10px;
			font-size: 12px;
			text-align: center;
			border-radius: 0 0 7px 7px;
			text-overflow: ellipsis;
		}
		.item-rounded.shadow > div > figure {
			margin-bottom: 15px;
		}
			.item-rounded.shadow > div > figure > img {
				margin-right: 5px;
			}
		.item-rounded.shadow p {
			font-size: 12px;
		}
		.item-rounded.drop-shadow {
			margin-bottom: 3px;
			-webkit-box-shadow: 3px 3px 0 #3eacdb;
			box-shadow: 3px 3px 0 #3eacdb;
		}
		.item-rounded.drop-shadow-black {
			margin-bottom: 3px;
			-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
			box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
		}
		.app-stores > a > img {
			margin-top: 5px;
		}
		.app-stores > a:first-child > img {
			margin-top: 0;
		}
.item-hero {
	border: 2px solid #d82c21;
}
.item-hero:after {
	bottom: -15px;
	background-size: 80% 100%;
}
	.item-hero .item-header {
		padding-bottom: 0;
		border-bottom-color: #d82c21;
	}
	.item-hero h4, .item-hero .h4, .item-hero h4 .small, .item-hero .share-list > li > a {
		color: #d82c21;
	}
	.item-hero h4 {
		margin: 0;
		font-size: 40px;
	}
		.item-hero h4 .small {
			font-size: 50%;
		}
	/*.item-hero .flash {
		position: absolute;
		top: -7px;
		left: -7px;
	}*/
	.item-hero .flash + h4 {
		margin-left: 72px;
	}
.item-selectable {
	margin-top: 20px;
	padding-top: 10px;
	/*background-color: #F7F7F7;*/
	background: rgb(247,247,247); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(247,247,247,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
	.item-selectable > p {
		padding: 10px 10px 0;
	}
	.item-selectable > figure {
		border-right: 1px solid #d3d3d3;
	}
.item-selectable.active {
	position: relative;
}
.item-selectable.active:before {
	content: "";
	display: block;
	position: relative;
	left: 50%;
	top: -9px;
	width: 28px;
	margin: -28px 0 0 -14px;
	border: 14px solid transparent;
	border-bottom-color: #f7f7f7;
}
	.item-selectable.active > * {
		opacity: 0.5;
	}
.item-carousel {
	padding: 0 10px;
}
.item-blue-border {
	padding: 10px;
	background-color: #EFF8FC;
	border-top: 1px solid #0998D1;
	border-bottom: 1px solid #0998D1;
}
.item-cdr {
	display: inline-block;
	max-width: 32.2%;
	min-width: 104px;
	margin: 0 4px 10px !important;
	text-align: center;
}
/* = desktop */
@media (max-width: 970px) {
	.item-cdr {
		width: auto;
		max-width: 48%;
	}
}
/* = tablet */
@media (max-width: 768px) {
	.item-cdr {
		width: 100%;
		max-width: 100%;
	}
}

.item-cdr.bd-lblue {
	box-shadow: 2px 2px 0 #3eacdb;
	border: 1px solid #4bbdec !important;
}
.item-cdr > .ptb {
	display: block;
	padding: 2px 4px;
	color: #fff;
}
.item-cdr > .ptb .h2 {
	border-bottom: 1px solid transparent;
	text-shadow: 0 0 1px rgba(80, 80, 80, .75);
	transition: border-color .6s, text-shadow .6s;
}
.item-cdr > .ptb:hover {
	text-decoration: none;
}
.item-cdr > .ptb:hover .h2 {
	border-bottom: 1px solid #fff;
	border-color: rgba(255, 255, 255, .75);
}
.item-cdr-title {
	display: block;
	margin: 0;
	font-size: 18px;
}
.item-cdr-text {
	display: block;
	margin-top: 4px;
}

.btn-rounded {
	padding: 3px 15px 1px;
	/*font-family: 'vag_rounded_bold';*/
     font-family: 'Raleway', sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	color: #fff;
	background-color: #009bda;
	border-radius: 25px;
	-webkit-transition: background 0.2s linear;
			transition: background 0.2s linear;
}
input.btn-rounded {
	padding: 4px 19px 2px;
}
.btn-rounded:hover, .btn-rounded:focus {
	color: #fff;
	background-color: #007aae
}
.btn-coupons:hover, .btn-coupons:focus {
	text-decoration: none;
}
.btn-red {
	background-color: #d82c21;
}
.btn-red:hover, .btn-red:focus {
	color: #fff;
	background-color: #a8211a;
}
.btn-lg {
	font-size: 17px;
	line-height: 1.33;
	padding: 5px 20px;
}
.btn-xlg {
	font-size: 21px;
	line-height: 1.33;
	padding: 5px 26px;
}
.btn-inner-sh {
	padding: 15px 23px;
	font-size: 15px;
	color: #9f9f9f;
	text-decoration: underline;
	background-color: #fff;
	-webkit-box-shadow: 3px 6px 17px -10px rgba(0, 0, 0, 0.2) inset;
			box-shadow: 3px 6px 17px -10px rgba(0, 0, 0, 0.2) inset;
}
.btn-inner-sh:hover, .btn-inner-sh:focus {
	text-decoration: underline;
}
	.btn-inner-sh > .fa {
		margin-left: 10px;
		vertical-align: middle;
	}
	.btn-inner-sh.active > .fa {
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
		-webkit-transform: rotate(180deg);
		   -moz-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
				transform: rotate(180deg);
	}
.btn-grey {
	color: #ffffff;
	background-color: #9D9D9D;
	border-color: #9a9a9a;
}
.btn-grey:hover, .btn-grey:focus, .btn-grey:active, .btn-grey.active {
	color: #ffffff;
	background-color: #8a8a8a;
	border-color: #868686;
}

.search-input {
	position: relative;
	text-align: left;
}
	.search-input > span:before {
		content: "\f002";
		display: inline-block;
		position: absolute;
		top: 5px;
		left: 8px;
		width: 2.142857142857143em;
		font: bold normal 14px/1 FontAwesome;
		color: #428BCA;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.search-input > span > input[type="text"] {
		width: 200px;
		height: auto;
		padding: 3px 10px 3px 35px;
		border: 0;
		border-radius: 25px;
		-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25) inset;
				box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25) inset;
	}
.search-box-right > * {
	float: right;
	margin: 6px 20px 0 0;
}
.search-box-bottom > * {
	float: right;
	margin-top: 1em;
}

.breadcrumb {
	float: left;
	list-style: none;
	margin: 0;
	padding: 6px;
}
	.breadcrumb > li {
		display: inline-block;
		font-size: 12px;
	}
	.breadcrumb > li + li:before {
		content: "> ";
		padding: 0 5px;
	}
		.breadcrumb > li > a {
			text-decoration: underline;
		}
.share {
	float: right;
	font-size: 12px;
	text-align: right;
}
.share-list {
	display: inline-block;
	margin: 0;
	padding: 0 0 0 3px;
	list-style: none;
}
	.share-list > li {
		display: inline-block;
		margin-left: 5px;
	}
		.share-list > li > a {
			font-size: 21px;
		}
.tools-list {
	display: inline-block;
	margin: 0;
	padding: 0 30px 0 0;
	list-style: none;
}
	.tools-list > li {
		display: inline-block;
		margin-left: 5px;
	}
.share-overlay {
	overflow: hidden;
	position: relative;
}
	.share-overlay .share {
		float: none;
		padding: 5px 10px;
		color: #FFFFFF;
		background-color: rgba(9, 153, 210, 0.4);
		border-radius: 0 0 7px 7px;
		text-shadow: 0 0 4px #363636;
	}
	.no-touch .share-overlay .share {
		position: absolute;
		right: 0;
		bottom: -50px;
		left: 0;
		padding: 10px;
		-webkit-transition: bottom 0.2s ease-in-out;
				transition: bottom 0.2s ease-in-out;
	}
	.no-touch .share-overlay:hover .share {
		bottom: 0;
	}
		.share-overlay .share-list > li > a {
			color: #fff;
		}

.list-reset {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.ulist {
	margin: 0 0 0 14px;
	padding: 0;
	list-style-type: none;
}
	.ulist li {
		position: relative;
		padding-bottom: 0.4em;
	}
	.ulist li:before {
		content: "\2022";
		position: absolute;
		left: -14px;
		font-size: 12px;
		line-height: 1.7em;
		color: #0998d1;
	}
.list-inline {
	margin: 0;
}
	.list-inline.compact > li {
		padding-right: 0;
		padding-left: 0;
	}
.list-results {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
	.list-results > li:before {
		content: "";
		display: block;
		height: 1px;
		border: 0;
		border-top: 1px solid #ccc;
		margin: 1.5em 20%;
		padding: 0;
	}
	.list-results > li:first-child:before {
		display: none;
	}
.pagination {
	display: inline-block;
	margin: 0;
	list-style-type: none;
}
	.pagination > li {
		display: inline-block;
		margin: 0 2px;
	}
		.pagination > li > a {
			padding: 0 1px;
			color: #666666;
		}
		.pagination > li > a.active,
		.pagination > li > a:hover,
		.pagination > li > a:focus {
			color: #0998d1;
		}
		.pagination > li > a.pagination-dir {
			position: relative;
			top: -1px;
			font-weight: bold;
			color: #0998d1;
		}

.pagination1 {
	display: inline-block;
	margin: 0;
	list-style-type: none;
}
	.pagination1 > li {
		display: inline-block;
		margin: 0 2px;
	}
		.pagination1 > li > a {
			padding: 0 1px;
			color: #666666;
		}
		.pagination1 > li > a.active,
		.pagination1 > li > a:hover,
		.pagination1 > li > a:focus {
			color: #0998d1;
		}
		.pagination1 > li > a.pagination-dir {
			position: relative;
			top: -1px;
			font-weight: bold;
			color: #0998d1;
	}

.pagination2 {
	display: inline-block;
	margin: 0;
	list-style-type: none;
}
	.pagination2 > li {
		display: inline-block;
		margin: 0 2px;
	}
		.pagination2 > li > a {
			padding: 0 1px;
			color: #666666;
		}
		.pagination2 > li > a.active,
		.pagination2 > li > a:hover,
		.pagination2 > li > a:focus {
			color: #0998d1;
		}
		.pagination2 > li > a.pagination-dir {
			position: relative;
			top: -1px;
			font-weight: bold;
			color: #0998d1;
		}

.pagination3 {
	display: inline-block;
	margin: 0;
	list-style-type: none;
}
	.pagination3 > li {
		display: inline-block;
		margin: 0 2px;
	}
		.pagination3 > li > a {
			padding: 0 1px;
			color: #666666;
		}
		.pagination3 > li > a.active,
		.pagination3 > li > a:hover,
		.pagination3 > li > a:focus {
			color: #0998d1;
		}
		.pagination3 > li > a.pagination-dir {
			position: relative;
			top: -1px;
			font-weight: bold;
			color: #0998d1;
		}

.list-collpase > li {
	padding-bottom: 4px;
}
	.list-collpase-title {
		display: block;
		position: relative;
		padding: 10px 30px;
		font-size: 16px;
		color: #FFF;
		background-color: #63bce2;
		border-radius: 5px;
	}
	.list-collpase-title:hover, .list-collpase-title:focus {
		color: #FFF;
		background-color: #34a8da;
		text-decoration: none;
	}
		.list-collpase-title > .fa {
			position: absolute;
			top: 50%;
			right: 20px;
			margin-top: -8px;
		}
	.list-collpase-content {
		display: none;
		padding: 30px 60px;
		background-color: #e6f4fa;
	}
	.list-collpase-content.open {
		display: block;
	}
.list-bignumber {
	padding-left: 44px;
	list-style-type: none;
}
		.list-bignumber > li {
				position: relative;
				padding-bottom: 10px;
		}
			.bullet-bignumber {
				display: inline-block;
				width: 36px;
				height: 36px;
				font: 20px/1.6em 'vag_rounded_light';
				text-align: center;
				color: #399ac7;
				background-color: #fff;
				border: 3px solid #DAEDF5;
				border-radius: 50%;
				-webkit-box-shadow: -1px 1px 5px #ccc;
						box-shadow: -1px 1px 5px #ccc;
			}
			.bullet-bignumber.small {
				width: 24px;
				height: 24px;
				font-size: 20px;
				line-height: 1em;
				-webkit-box-shadow: -1px 1px 4px rgba(0,0,0,0.5);
						box-shadow: -1px 1px 4px rgba(0,0,0,0.5);
			}
			.list-bignumber > li .bullet-bignumber {
				position: absolute;
				top: 2px;
				left: -43px;
			}

.flash-circle {
	display: inline-block;
	width: 60px;
	height: 60px;
	font-size: 10px;
	color: #fff;
	background-color: #999;
	border-radius: 30px;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.57);
			box-shadow: 0 0 4px rgba(0, 0, 0, 0.57);
}
	.flash-circle > .small {
		display: block;
		margin-top: 11px;
	}
	.flash-circle > strong {
		display: block;
		font-size: 20px;
		line-height: 0.9em;
	}
	.flash-circle.orange {
		background-color: #e9781d;
	}
.flash-star {
	display: table;
	width: 50px;
	height: 50px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background: url(/img/sprites.png) no-repeat -77px -278px;
}
	.flash-star > * {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		-webkit-transform: rotate(-5deg);
		   -moz-transform: rotate(-5deg);
			-ms-transform: rotate(-5deg);
				transform: rotate(-5deg);
	}
.flash-over-image {
	position: absolute;
	top: 18px;
	left: 0;
}

/* Twitter Bootstrapt overrides */
.popover {
	max-width: 300px;
}
	.popover-content {
		font-size: 86%;
	}
.form-horizontal .control-label {
	text-align: left;
}

.table > thead > tr > th {
	color: #FFF;
	background-color: #0998d1;
}
.table > thead > tr > th:first-child {
	border-top-left-radius: 10px;
}
.table > thead > tr > th:last-child {
	border-top-right-radius: 10px;
}
.table-bordered {
	border-color: #CEEAF6;border-collapse: separate;
	border-radius: 10px;
}
.table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
	border-color: #EFEFEF;
	border-right: 0;
	border-bottom: 0;
}
.table-bordered > tbody > tr > th:first-child, .table-bordered > tfoot > tr > th:first-child, .table-bordered > tbody > tr > td:first-child, .table-bordered > tfoot > tr > td:first-child {
	border-left: 0;
}
.table-bordered > tbody > tr:first-child > th, .table-bordered > tfoot > tr:first-child > th, .table-bordered > tbody > tr:first-child > td, .table-bordered > tfoot > tr:first-child > td {
	border-top: 0;
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
	border: 0;
	border-left: solid 1px #7DC7E7;
}
.table-bordered > thead > tr > th:first-child, .table-bordered > thead > tr > td:first-child {
	border-left: 0;
}

/* Forms*/
input.error {
	background-color: #fff4f4;
	border-color: #d90000;
}
label.error {
	color: #d90000;
}

/* ==========================================================================
	 Media Queries
	 ========================================================================== */

@media (max-width: 479px) {
	.footer > .row > div {
		float: none;
		width: 100%;
	}
	.col-xxs-12 {
		clear: left;
		width: 100%;
	}
}

@media (max-width: 767px) {
	.touch-menu {
		display: none;
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		z-index: 9999;
	}
	.touch-menu.open {
		display: block !important;
	}
		.touch-menu .header {
			text-align: right;
		}
		.touch-menu-close {
			display: inline-block;
			height: 68px;
			padding: 0.6em 0.2em 0.5em;
			font: 40px/17px vag_rounded_bold;
			background-color: #fff;
		}
		.touch-menu-close:hover {
			text-decoration: none;
		}
		.touch-menu ul {
			background-color: #fff;
		}
			.touch-menu .main-nav li > a {
				position: relative;
			}
			.touch-menu .menu-text {
				line-height: 2.4em;
			}
				.touch-menu .menu-text > strong {
					font-size: 140%;
				}
		.submenu > li {
			border-top: 1px solid #EFEFEF;
		}
			.submenu > li > a {
				display: block;
				padding: 10px 15px 10px 60px;
				font-size: 16px;
			}
	ul.touch-menu-user {
		padding: 0.5em 0;
		background-color: #F3F3F3;
	}
		ul.touch-menu-user li:first-child {
			border-right: solid 1px #DADADA;
		}
	li.brand-contact-us {
		position: relative;
	}
		li.brand-contact-us a {
			padding-left: 21%;
			font-size: 180%;
			font-weight: bold;
			line-height: 1.2em;
		}
			li.brand-contact-us a .fa {
				font-size: 150%;
			}
    li.eshop {
        position: relative;
    }
	.btn-touch {
		display: block;
		padding: 1em 0.6em;
		text-align: center;
		font-size: 130%;
		font-weight: bold;
		text-transform: uppercase;
		color: #fff;
		background-color: #0483BA;
		border-radius: 0;
	}
		.btn-touch > a > .fa {
			font-size: 180%;
			color: #fff;
		}
	.btn-transparent {
		color: #0483BA;
		background-color: transparent;
	}
	.touch-menu-extra li {
		border-top: solid 1px #2F94C5;
	}
	.touch-menu-extra li:first-child {
		border-top: 0;
	}
	.btn-touch-social {
		margin: 0 0.8em;
	}
}

@media (min-width: 768px) {
	
		.btn-brand.active:before {
			content: "";
			display: block;
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 100%;
			padding: 110px;
			border-radius: 15px;
			-webkit-box-shadow: 4px 4px 13px -9px rgba(0, 0, 0, 0.42);
							box-shadow: 4px 4px 13px -9px rgba(0, 0, 0, 0.42);
		}
		.user-nav {
			position: relative;
			height: 39px;
			/*overflow: hidden;*/
			margin: 0 150px 0 145px;
			background: #cae4ef; /* Old browsers */
			background: -moz-linear-gradient(top,  #cae4ef 6%, #afd7e7 8%, #77b9d6 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(6%,#cae4ef), color-stop(8%,#afd7e7), color-stop(100%,#77b9d6)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #cae4ef 6%,#afd7e7 8%,#77b9d6 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #cae4ef 6%,#afd7e7 8%,#77b9d6 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #cae4ef 6%,#afd7e7 8%,#77b9d6 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #cae4ef 6%,#afd7e7 8%,#77b9d6 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cae4ef', endColorstr='#77b9d6',GradientType=0 ); /* IE6-9 */
		}
		
		.main-nav {
			height: 87px;
			margin-left: 157px;
			background-color: #fff;
		}
			.main-nav > ul > li {
				clear: none;
				float: left;
				width: 25%;
				border-top: 0;
			}
			.main-nav > ul > li.inactive {
				background-color: #F7F7F7;
			}
				.main-nav > ul > li > a {
					padding: 16px 0 10px;
					text-transform: uppercase;
					font-family: vag_rounded_bold;
					font-size: 13px;
					text-align: center;
					color: #6e7a7e;
					border-left: solid 1px #d9d9d9;
					border-bottom: solid 4px transparent;
					-webkit-transition: all 0.2s ease-in-out;
							transition: all 0.2s ease-in-out;
				}
				.main-nav > ul > li:first-child > a {
					border-left: 0;
				}
				.main-nav > ul > li.active > a,
				.main-nav > ul > li:hover > a,
				.main-nav > ul > li > a:focus {
					background-color: #fff;
				}
				.main-nav > ul > li:hover > a,
				/*.main-nav > ul > li > a:focus,*/
				.main-nav > ul > li > a.active {
					border-bottom-color: #42c0e7;
				}
					.menu-icon {
						float: none;
						margin: 0 0 7px;
					}
					.main-nav > ul > li > a > .fa {
						color: #2391bc;
						-webkit-transition: opacity 0.1s linear;
								transition: opacity 0.1s linear;
					}
					.main-nav > ul > li.active > a > .fa {
						display: none;
					}
					.main-nav > ul > li:hover > a > .fa,
					.main-nav > ul > li > a:focus > .fa {
						opacity: 0;
					}
			.submenu {
				display: none;
				position: absolute;
				z-index: 1;
				white-space: nowrap;
			}
			#menu-item-3 .submenu { right: -100%; }
			#menu-item-4 .submenu { right: 0; }
			.main-nav > ul > li.active > .submenu {
				/*display: block;*/
			}
				.submenu > li {
					padding: 0;
					border-left: 1px solid #B2C5CA;
				}
				.submenu > li:first-child {
					border-left: 0;
				}
					.submenu > li > a {
						/*display: inline-block;*/
						padding: 3px 11px 0;
						font-size: 12px;
						font-weight: bold;
						color: #8FA0A5;
						background-color: #D0E9F1;
						border-bottom: solid 2px #42C0E7;
						-webkit-transition: all 0.1s linear;
								transition: all 0.1s linear;
					}
					.submenu > li.active > a,
					.submenu > li > a:hover,
					.submenu > li > a:focus {
						text-decoration: none;
						color: #fff;
						background-color: #89D4EC;
					}
			.menu-popup {
				display: none;
				position: absolute;
				left: -115px;
				z-index: 2;
				width: 640px;
				padding: 30px;
				background-color: #fff;
				-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
						box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
			}
			.menu-popup:before {
				content: "";
				position: absolute;
				top: 0;
				left: 218px;
				margin-left: -8px;
				border: 8px solid transparent;
				border-top-color: #3CAFD3;
			}
			#menu-item-3 .menu-popup        { left: -250px; }
			#menu-item-3 .menu-popup:before { left:  355px; }
			#menu-item-4 .menu-popup        { left: -445px; }
			#menu-item-4 .menu-popup:before { left:  550px; }

			/*.main-nav > ul > li:not(.active) > a:focus ~ .menu-popup,*/
			.main-nav > ul > li:not(.active):hover .menu-popup {
				display: block;
			}
				.menu-popup p {
					font-size: 12px;
				}

		.carousel-btn-left,
		.carousel-btn-right {
			display: block;
		}

	.title-divider {
		margin-bottom: 70px;
	}
	hr.degr {
		margin: 20px 0 40px;
		/* background-size: auto; */
	}

	.col-mr--30 {
		margin-right: -30px;
	}
}


  @media (min-width: 768px) and (max-width: 991px) {
    .search-control > input {
				
				width: 150px !important;
				
			}
    
    .search-control {
        width: 160px !important;
        
    }

    .app-row2 a {
    /*border-left: 1px dashed #88b6ca;*/
    color: #0d5e7d;
    font-family: vag_rounded_bold;
    font-size: 11px;
    padding: 1.1em 1.4em;
    text-transform: uppercase;

        margin-left: 304px;
}



    }
    

/*@media (min-width: 991px) {
    .user-nav {
        margin: 0 150px 0 157px;
    }
	.search-site {
		padding: 5px 0 0 12px !important;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
    .brand-nav li a {
        font-size: 11px;
    }
}*/



/* ==========================================================================
	 Helper classes
	 ========================================================================== */

.u   { text-decoration: underline; }
.ln1 { line-height: 1em; }
small, .small {
    font-size: 12px;
    font-weight: 500;
}
.medium {
	font-size: 85%;
}
img.fitw { width: 100%; }
.title-divider {
	margin-bottom: 30px;
	text-align: center;
}
.full {
    float: left;
    width: 100%;
}

.one-half {
	float: left;
	width: 50%;
}
.one-third {
	float: left;
	width: 33.33333%;
}
.two-third {
	float: left;
	width: 66.66666%;
}
.one-half.last:after,
.one-third.last:after {
	content: " ";
	display: table;
	clear: both;
}
.divider {
	padding-top: 30px;
}
.divider-x2 {
	padding-top: 60px;
}
.mt  { margin-top: 10px; }
.nmt { margin-top: 0; }
.mb  { margin-bottom: 10px; }
.nmb { margin-bottom: 0; }
.mlr {
	margin-right: .5em;
	margin-left: .5em;
}
.mlrb { margin: 0 2px 6px !important; }
.pb {
	padding-bottom: 10px;
}
.ptb {
	padding-top: 10px;
	padding-bottom: 10px;
}
.va-bottom {
	vertical-align: bottom;
}

.fa-anim {
	-webkit-transition: -webkit-transform 0.2s ease-in-out;
	   -moz-transition: -moz-transform 0.2s ease-in-out;
		-ms-transition: -ms-transform 0.2s ease-in-out;
			transition: transform 0.2s ease-in-out;
}

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	*text-indent: -9999px;
}
.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}
.ib { display: inline-block; }

.cloak {
	display: none;
}
.fblank {
	font-family: AdobeBlank;
}
.list-inline.fblank > li {
	padding-left: 0;
	padding-right: 0;
}

[class^="sprite-"],
[class*=" sprite-"] {
	position: relative;
	display: inline-block;
	line-height: 1;
	vertical-align: middle;
	background-image: url(/img/sprites.png);
	background-repeat: no-repeat;
}

.logociento {
	position: absolute;
    top: 0;
    left: 0;
	background-image: url(/img/150mobile.png) !important;
	background-repeat: no-repeat;
    height: 68px;
    width: 100%;
/*
	display: inline-block;
	line-height: 1;
	vertical-align: middle;
*/
}

@media (min-width: 768px) and (max-width: 991px) {
    .sprite-agclv                    { width: 170px; height: 172px; background-position:    -315px      0;   }
}
@media (min-width: 992px) {
    .sprite-agclv                    { width: 200px; height: 172px; background-position:    0      0;   }
}

/*.sprite-agclv                    { width: 200px; height: 172px; background-position:    0      0;   }*/
/*.sprite-agclv-mini               { width: 124px; height:  57px; background-position: -200px  -86px; }*/
.sprite-alimentacion             { width:  31px; height:  29px; background-position: -200px    0;   }
.sprite-nutricion                { width:  31px; height:  29px; background-position: -231px    0;   }
.sprite-actfisica                { width:  31px; height:  29px; background-position: -262px    0;   }
.sprite-habsaludables            { width:  31px; height:  29px; background-position: -293px    0;   }
.sprite-cuponmes                 { width:  77px; height:  77px; background-position:    0   -280px; }
.sprite-alimentacion.sprite-2x   { width:  48px; height:  48px; background-position: -231px -143px; }
.sprite-nutricion.sprite-2x      { width:  48px; height:  48px; background-position: -279px -143px; }
.sprite-actfisica.sprite-2x      { width:  48px; height:  48px; background-position: -231px -191px; }
.sprite-habsaludables.sprite-2x  { width:  48px; height:  48px; background-position: -279px -191px; }
.sprite-title-youtube            { width: 231px; height:  54px; background-position:    0   -172px; }
.sprite-title-facebook           { width: 119px; height:  52px; background-position:    0   -226px; }
.sprite-title-twitter            { width: 113px; height:  52px; background-position: -119px -226px; }
.sprite-carousel-left            { width:  53px; height:  56px; background-position: -200px  -30px; }
.sprite-carousel-right           { width:  51px; height:  56px; background-position: -253px  -30px; }
.sprite-carousel-left.orange     { width:  53px; height:  56px; background-position: -127px -278px; }
.sprite-carousel-right.orange    { width:  51px; height:  56px; background-position: -180px -278px; }
.sprite-label-hard               { width:  75px; height:  49px; background-position: -233px -239px; }
.sprite-label-easy               { width:  59px; height:  46px; background-position: -233px -288px; }
.sprite-print                    { width:  28px; height:  27px; background-position: -292px -288px; }
.sprite-pdf                      { width:  23px; height:  28px; background-position: -292px -315px; }

.clear { clear: both; }

.message_login { }
.message_login img { float: left; padding: 25px; }
.message_login span { color: #666666; font-size: 12px; padding: 0 20px 0 0; position: relative; top: 30px; }
.message_login span a { color: #666666; }


/* JLPDF */
.carousel-advice .cycle-sentinel {
	height: 90px;
}
.carousel-advice .cycle-slide {
	vertical-align: middle;
	height: 90px;
}
.group-selector {
	margin-right: 20px;
}

#carousel-products {
	height: 165px;
}
#carousel-products h4 {
	font-size: 14px;
}
#carousel-products .item-carousel {
	text-align: center;
	position: absolute;
	height: 170px;
	width: 200px;
}
#list-apps .item-rounded {
	height: 320px;
}

#canales_paginador
{
	width: 80px;
	height: 10px;
	display: block;
	margin: 0;
	padding: 0;
	float: right;
}

#canales_paginador li
{
	float: left;
	margin-right: 8px;
	list-style: none;
}

#canales_paginador li a
{
	display: block;
	width: 10px;
	height: 10px;
	background-image: url(/img/paginador_youtube_inactive.png);
	text-indent: -1999px; overflow: hidden;
}

#canales_paginador li a.active
{
	display: block;
	width: 10px;
	height: 10px;
	background-image: url(/img/paginador_youtube_active.png);
	text-indent: -1999px; overflow: hidden;
}


.calculadora section { max-width: 500px; }
.calculadora label { line-height: 12px; }
.btn-calcular { margin-left:-15px; padding-right: 0px; margin-right: 15px; margin-top: 8px; text-align: right; }
.calculadora .small { line-height: 13px; }


.asterisco{ font-size: 12px;}

.one-half { width: 42%; }
/*
.one-half.last { width: 58%; }
*/

.one-half.last {
	width: 53%;
	float: right;
}

.cupon .facebook {
	position: relative;
	top: 0px;
}
.cupon .twitter {
	position: relative;
	top: 0px;
}
.cupon .plusone {
	float: right;
	margin-left: 5px;
	height: 18px;
}

.cupon .facebook .facebook-popup {
	display: none;
	z-index: 99;
	position: absolute;
	top: -58px;
	left: -1px;
	width: 296px;
	height: 52px;
	padding-top: 26px;
	/* background-image: url(/img/base/globo-compartir.png); */
	border-radius: 5px;
	box-shadow: 1px 1px 1px #ccc;
	border: solid #ccc 1px;
	background-color: #fff;
}

.cupon .facebook .facebook-popup iframe{
	overflow: hidden;
	position: absolute;
	width: 270px;
	height: 35px;
	/* top: 28px; */
	left: 14px;
	top: 8px;
	border: none;
}

.cupon .social  a {
	display: inline-block;
	margin-left: 4px;
}

.season-legend {
	font-size: 12px;
	margin-bottom: 12px;
}
.season-legend img {
	margin-left: 10px;
	vertical-align: -1px;
}
.season-legend img + img {
	margin-left: 32px;
}

.rounded-blue {
	background-color: #0998d1;
	border: 1px solid #0998d1;
	color: #fff;
}

.cupon.impreso a.btn{
	display: none;

}
/*.cupon span.btn {
	display :none;
}*/
.cupon.impreso span.btn {
	display: inherit;
}

.cupones-especiales .especiales-header {
    height: 184px;
    background-image: url(/img/cupones/special-main-top.png);
    background-repeat: no-repeat;
}
.cupones-especiales .especiales-bottom {
    height: 126px;
    background-image: url(/img/cupones/special-main-bottom.png);
    background-repeat: no-repeat;
}

.cupones-especiales h2 {
    font-family: vag_rounded_thin;
    color: #0998d1;
}

.cupone-especiales {

    margin-bottom: 30px;
}

.especiales-container .cupon {
    /*background: url(/img/cupones/special-top.png) top center;*/
    background-repeat: no-repeat
}


.especiales-container .shadow:after {
    background: url("/img/cupones/special-shadow.png") no-repeat scroll center top / 100% 100% rgba(0, 0, 0, 0);
    bottom: -13px;
    content: " ";
    height: 13px;
    left: 0;
    position: absolute;
    right: 0;
}

.especiales-container .item-rounded {
    border-bottom: none;
    border-bottom-left-radius:0px;
    border-bottom-right-radius: 0px;
    background: url("/img/cupones/special-bottom-3.gif") scroll center bottom/100% 100%;
    background-repeat: no-repeat;

    border-radius: 0px;
    border-top: none;
}

.especiales-container .item-rounded .item-header {
    padding-top: 2px;
}
.especiales-container .item-rounded .item-header .item-prize{
    color: #fff;
}

.cupones-especiales {
    margin-bottom: 25px;
}


/*
.especiales-container {
    background: url("/img/cupones/special-bottom-2.gif") repeat-x scroll center bottom / 100% 100% rgba(0, 0, 0, 0);
}*/






/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

/* @fix: habilitarlo? */
/* a, a:active, a:focus { outline: none !important; } */

.b { font-weight: bold; }
.i { font-style: italic; }

.relative { position: relative; }
.nodisplay { display: none; }

/* estilos /social-share */
.share .addthis_button_facebook_like {
	overflow: hidden;
	width: 80px !important;
}
.share .addthis_button_pinterest_pinit {
	width: 45px !important;
	overflow: hidden;
}
.page-share .addthis_button_google_plusone_share {
	position: relative;
	top: 2px;
}

.social-box iframe {
	overflow: hidden;
	border: none;
}

.facebook-likebox {
	border: none; overflow: hidden; width: 280px; height: 300px;
}

.canales .player {
	width: 280px;
	height: 180px;
}
.canales .subscribe {
	overflow: hidden; height: 80px; width: 280px; border: 0;
}

.slide-home-anchor > img {
	/*width: 100%;*/
	width: 49%;
	height: 100%;
}

.carousel-btn-left,
.carousel-btn-right {
	outline: none !important;
}

.btn {
	outline: none !important;
}

.share-title {
	line-height: 20px;
}
.share .at300b {
	max-height: 20px;
}

/* Ajuste de bloque `Pueden ayudarte en caso de`
/* -------------------------------------------------------------------------- */

.helpswith-text {
	display: inline-block;
	width: 130px;
	height: 79px;
	padding: 2px;
	font-size: 12px;
	vertical-align: top;
	color: #fff;
	cursor: default;
	border-radius: 4px;
	border: 1px solid #ceeaf8;
}
.helpswith-text > div {
	display: table-cell;
	width: 126px; /* ~.width  - ~.padding * 2 - ~.border * 2 */
	height: 73px; /* ~.height - ~.padding * 2 - ~.border * 2 */
	padding: 4px;
	vertical-align: middle;
	border-radius: 4px;
	background: #0998d1;
}


/* Ajuste de carousel `recetas`
/* -------------------------------------------------------------------------- */

.carousel-recetas .item-carousel {
	padding-top: 1px;
	padding-bottom: 1px;
}
.carousel-recetas p {
	margin-bottom: 0;
	font-size: 13px;
}

/* Ajuste de carousel `Sabías qué`
/* -------------------------------------------------------------------------- */

.carousel-sabiasque > .cycle-slideshow {
	height: 100%;
	margin: 0 10px;
}
.carousel-sabiasque > .cycle-slideshow p {
	margin: 0;
	padding: 0 10px 5px;
	font-size: 80%;
	line-height: 1.4;
	white-space: normal;
	vertical-align: middle;
}
.carousel-sabiasque > .cycle-slideshow p + p {
	display: none;
}

.carousel-btn-left.mini,
.carousel-btn-right.mini {
	margin-top: -15px;
	padding: 2px 5px 0;
}
.carousel-btn-left.mini { margin-left: -2px; }
.carousel-btn-right.mini { margin-right: -2px; }


/* Reproductor de vídeos
/* -------------------------------------------------------------------------- */

.video-player {
	display: inline-block;
	position: relative;
	max-width: 100%;
}
.video-player:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url('/img/common/player/play.button.png') no-repeat 50% 50% transparent;
	background-size: 27%;
	transition: all .3s;
}
.video-player > img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	border: 2px solid #fff;
	box-shadow: 0 0 1px #0998d1;
	border-radius: 5px;
	background: #cecece;
}
.video-player > .caption {
	overflow: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.video-player > .caption > span {
	z-index: 2;
	position: absolute;
	width: auto;
	top: 100%;
	left: 0;
	right: 0;
	padding: 12px;
	opacity: 0;
	text-align: center;
	white-space: pre-line;
	color: #fff;
	border-radius: 0 0 5px 5px;
	border: 2px solid #fff;
	border-top: none;
	box-shadow: 0 0 4px rgba(255, 255, 255, .8);
	background: rgba(27, 62, 84, .8);
	transition: all .4s;
}
.video-player:hover > .caption > span {
	opacity: 1;
	transform: translateY(-100%);
	transition: all .6s;
}

/* > desktop */
@media only screen and (min-width: 960px) {
	.video-player:hover:after {
		background-size: 30%;
	}
}


/* Lista de reproducción de vídeos
/* -------------------------------------------------------------------------- */

.carousel-playlist-box {
	overflow: hidden;
	max-width: 100%;
	margin: 0 auto;
}
.carousel-playlist-box .title {
	margin-bottom: .2em;
}
.carousel-playlist-wrapper {
	margin: 0 -25px;
	padding: 12px 25px;
	border: 0 solid #0998d1;
	border-width: 1px 0;
	background: #eff8fc;
}
.carousel-playlist .cycle-slide {
	text-align: center;
}
.carousel-playlist .item {
	padding: 2px 0;
}
.carousel-playlist .video-player {
	display: block;
	max-width: 94%;
	margin: 0 auto;
}
.carousel-playlist .video-player > .caption {
	font-size: 11px;
}

/* = tablet */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.carousel-playlist-box {
		overflow: visible;
		max-width: 95%;
	}
	.carousel-playlist-wrapper {
		background: none;
	}
}

/* > desktop */
@media only screen and (min-width: 960px) {
	.carousel-playlist .video-player {
		max-width: 90%;
	}
}

/* = desktop + carousel arrows */
@media only screen and (min-width: 1024px) {
	.carousel-playlist-box {
		overflow: visible;
		max-width: 100%;
	}
}


/* Lista de reproducción de vídeos ~ loading
/* -------------------------------------------------------------------------- */

.carousel-playlist .template {
	display: none;
}
.carousel-playlist.loading .item {
	float: left;
	width: 33.33%;
}
.carousel-playlist .loading .video-player:after {
	background-image: url('/img/common/playlist/loading.gif');
	background-size: auto;
}
.carousel-playlist .loading .video-player > img {
	background: #bebebe;
}


/* Lista de reproducción de vídeos ~ /habitos-saludables/comer-bien
/* -------------------------------------------------------------------------- */

.page-habitos-aprende-comer-bien .carousel-playlist-wrapper {
	position: relative;
	padding-top: 30px;
	padding-bottom: 30px;
	background: url('/theme/img/playlist/nutrinanny.bg.jpg') repeat 0 0;
}
.page-habitos-aprende-comer-bien .carousel-playlist-wrapper:before {
	content: "";
	position: absolute;
	width: 165px;
	height: 50px;
	top: 0;
	left: 0;
	background: url('/theme/img/playlist/nutrinanny.header.png') no-repeat 0 0;
}
.page-habitos-aprende-comer-bien .carousel-playlist-wrapper:after {
	content: "";
	position: absolute;
	width: 60px;
	height: 60px;
	bottom: 0;
	right: 0;
	background: url('/theme/img/playlist/nutrinanny.tag.png') no-repeat 0 0;
}


/* Referencia bibliográfica
/* -------------------------------------------------------------------------- */

.refblock {
	z-index: 1;
	position: absolute;
	display: inline-block;
	right: 0;
	padding: 10px 16px;
	font-size: 13px;
	border-radius: 4px;
	border: 1px solid transparent;
	background: #fff;
}
.refblock.focus {
	border-color: #e0e0e0;
	box-shadow: 0 0 8px #eee;
}
.refblock .handler {
	outline: none;
	display: block;
	position: relative;
	padding: 0 24px 0 8px;
	border-bottom: 1px solid #428bca;
}
.refblock .handler:hover,
.refblock .handler:focus {
	text-decoration: none;
}
.refblock.focus .handler {
	padding-right: 64px;
}
.refblock.focus .handler:focus,
.refblock.focus .handler:hover {
	text-decoration: none;
	color: #428bca;
}
.refblock .handler:after {
	position: absolute;
	display: inline-block;
	content: "";
	width: 14px;
	height: 14px;
	top: 1px;
	right: 0;
	background: url("/theme/img/refblock.downdown.png") no-repeat 0 0;
}
.refblock .handler:hover::after { background-position: -14px 0; }
.refblock.focus .handler:after  { background-position: 0 -14px; }
.refblock ul {
	display: none;
	margin: 16px 0 8px;
	padding: 0;
	list-style: none;
	transition: 0s;
}
.refblock.focus ul {
	display: block;
	margin: 16px 0 8px;
}
.refblock li {
	display: block;
	margin-top: 8px;
	padding-right: 32px;
	text-indent: 16px;
}
.refblock li:before {
	position: relative;
	content: "●";
	margin-left: -10px;
	top: -1px;
	left: -2px;
	font-size: 10px;
	color: #428bca;
}
.refblock .text {
	display: block;
}
.refblock .text > a {
	color: #666;
}
.refblock .text > a:hover {
	text-decoration: underline;
	color: #666;
}

.refblock,
.refblock .handler,
.refblock.focus ul {
	transition: all .4s;
}

/* Publicaciones para profesionales
/* -------------------------------------------------------------------------- */
.item-header-publicaciones {
    border-bottom: 1px solid #6eb7de;
    margin-bottom: 1em;
    padding-bottom: 0.4em;
    position: relative;
}

figcaption.caption-nesvida {
	position: relative;
	margin-top: 3px;
	padding: 4px 10px;
	text-align: left;
	color: #FFF;
	background: #f1f8fb;
	border-radius: 6px;
}

.numero-nesvida{
	float: left;
	width: 49px;
	height:46px;
	background-image:url(../../img/profesionales/bocadillo_num.jpg);
	display: inline-block;
}

.no-border-bottom {
    border-bottom: none;
}

.font-size-inherit p{
    font-size: inherit !important;
}

.text-bold {
    font-weight: bold;
}
.form-horizontal .form-group
{margin-left: auto;
 margin-right:auto;}




/* LOADER */
.signal {
    border:3px solid #aaa;
    border-radius:30px;
    height:10px;
    left:50%;
    margin:-15px 0 0 -15px;
    opacity:0;
    /*position:absolute;*/
    top:50%;
    width:10px;
 
    animation: pulsate 1s ease-out;
    animation-iteration-count:infinite;

      margin-right: 10px;
    margin-top: 6px;
}

@keyframes pulsate {
    0% {
      transform:scale(.1);
      opacity: 0.0;
    }
    50% {
      opacity:1;
    }
    100% {
      transform:scale(1.2);
      opacity:0;
    }
}


#bannerOptiprogram h1 {
    color: #832D7F;
}

#bannerOptiprogram {
    margin: 0 100px;
    background-image: url("/img/imc/degradado.png");
    background-position: center top;
    background-repeat: repeat-x;
    padding: 21px 25px 0;
    display: none;
}

#bannerOptiprogram .logoOpti {
    padding-left: 200px;
}
@media (max-width: 970px) {
    #bannerOptiprogram {
        margin: 0;
        background-image: url("/img/imc/degradado.png");
        background-position: center top;
        background-repeat: repeat-x;
        padding: 21px 10% 0;
    }
    #bannerOptiprogram .logoOpti {
        padding: 21px 0 0;
    }
}

.npeeshop {
    padding-right: 30px;
}
.npeeshop img {
    margin-bottom: 10px;
}

@media (max-width: 678px) {
}


/*menu de la cuenta*/
.menucuenta {
    padding-left: 2px;
	position: absolute;
	z-index: 1;
    list-style-type:none;  
}
.menucuenta span {
    padding-left: 2px;
    padding-right: 2px;
    color: #2391bc;
}

.menucuenta li a {
    display: block;
    width: 135px;
    height: 38px;
}

.menucuenta > li {
    border-right: dashed 1px #88b6ca;
}

.menucuenta li a .fa.pull-right {
    margin-left: 0;
}

.menucuenta ul{
    display: none;
    padding: 0;
    list-style-type: none;
    margin-bottom: 8px;
    margin-top: 1px;
}

.menucuenta .submenu li {
    border: 0;
}

.menucuenta .submenu li a {
    display: block;
    padding: 8px 29px 6px 3px;
    width: 135px;
}

.menucuenta li:hover ul{
    display: block;
	cursor:pointer;
    height: 39px;
    z-index: 3;
}

.menucuenta ul li a {
    border-bottom: none;
}

.user-login-tablet a {
	padding: 11px 2px;
}

#foot1_SocialBoxFacebook, #foot1_SocialBoxYoutube {
    overflow: hidden;
}