@charset "utf-8";
/***** Fonts *****/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,700,800,600);
@font-face{font-family:'TheHandBold';src:url('/media/357843/3420AC_0_0.eot');src:url('/media/357843/3420AC_0_0.eot?#iefix') format('embedded-opentype'),url('/media/357846/3420AC_0_0.woff') format('woff'),url('/media/357840/3420AC_0_0.ttf') format('truetype')}
@font-face{font-family:"gillsans";src:url('/media/357837/c4be5717-c19c-43a5-9ad3-b548ddf070d4.eot?#iefix');src:url('/media/357837/c4be5717-c19c-43a5-9ad3-b548ddf070d4.eot?#iefix') format("eot"),url('/media/357834/63aa9f40-04be-453a-a672-aa8f9919115d.woff') format("woff"),url('/media/357831/a82a5fb6-ad03-4675-801e-d3182a58ff5f.ttf') format("truetype"),url('/media/357828/beb2cee2-1a51-44ca-848f-4f795394ee5a.svg#beb2cee2-1a51-44ca-848f-4f795394ee5a') format("svg")}
@font-face{font-family:"danone-regular";src:url('/media/407292/Danone-Regular.eot?#iefix');src:url('/media/407292/Danone-Regular.eot?#iefix') format("eot"),url('/media/407298/Danone-Regular.woff') format("woff"),url('/media/407295/Danone-Regular.ttf') format("truetype")}
@font-face {
  font-family: Blog-Script-OLD;
  src: url(/media/456661/blog_script.woff) format("woff"), 
		url(/media/456679/blog_script.woff2) format("woff2"), 
		url(/media/456673/blog_script.eot) format("eot"), 
		url(/media/456676/blog_script.ttf) format("ttf")
}
@font-face {
  font-family: Budidaya-Regular;
  src: url(/media/509280/Budidaya-Regular-1.woff) format("woff"), 
		url(/media/509283/Budidaya-Regular-1.woff2) format("woff2"), 
		url(/media/509271/Budidaya-Regular-1.eot) format("eot"), 
		url(/media/509274/Budidaya-Regular-1.otf) format("otf")
}

@font-face {
  font-family: DanoneOne;
  src: url(/media/613773/DanoneOne-Regular.woff) format("woff"), 
		url(/media/613791/DanoneOne-Regular.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: DanoneOne;
  src: url(/media/613758/DanoneOne-Bold.woff) format("woff"), 
		url(/media/613776/DanoneOne-Bold.woff2) format("woff2");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: DanoneOne;
  src: url(/media/613770/DanoneOne-Light.woff) format("woff"), 
		url(/media/613788/DanoneOne-Light.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: DanoneOne;
  src: url(/media/613767/DanoneOne-Italic.woff) format("woff"), 
		url(/media/613785/DanoneOne-Italic.woff2) format("woff2");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: Blog-Script;
  src: url(/media/613773/DanoneOne-Regular.woff) format("woff"), 
		url(/media/613791/DanoneOne-Regular.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: Blog-Script;
  src: url(/media/613758/DanoneOne-Bold.woff) format("woff"), 
		url(/media/613776/DanoneOne-Bold.woff2) format("woff2");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: Blog-Script;
  src: url(/media/613770/DanoneOne-Light.woff) format("woff"), 
		url(/media/613788/DanoneOne-Light.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: Blog-Script;
  src: url(/media/613767/DanoneOne-Italic.woff) format("woff"), 
		url(/media/613785/DanoneOne-Italic.woff2) format("woff2");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: NotoSans;
  src: url(/media/613824/NotoSansDisplay-Regular.woff) format("woff"), 
		url(/media/613827/NotoSansDisplay-Regular.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: NotoSans;
  src: url(/media/613806/NotoSansDisplay-Italic.woff) format("woff"), 
		url(/media/613809/NotoSansDisplay-Italic.woff2) format("woff2");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: NotoSans;
  src: url(/media/613794/NotoSansDisplay-Bold.woff) format("woff"), 
		url(/media/613797/NotoSansDisplay-Bold.woff2) format("woff2");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: NotoSans;
  src: url(/media/613800/NotoSansDisplay-BoldItalic.woff) format("woff"), 
		url(/media/613803/NotoSansDisplay-BoldItalic.woff2) format("woff2");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: NotoSans;
  src: url(/media/613812/NotoSansDisplay-Light.woff) format("woff"), 
		url(/media/613815/NotoSansDisplay-Light.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: NotoSans;
  src: url(/media/613818/NotoSansDisplay-LightItalic.woff) format("woff"), 
		url(/media/613821/NotoSansDisplay-LightItalic.woff2) format("woff2");
  font-weight: 300;
  font-style: italic;
}
/* CSS Document */

/* Reset CSS*/
*,html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: DanoneOne;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{
	cursor:pointer;
	outline: none;
}
sup{
	font-size: 80%;
    position: relative;
    bottom: 1ex;
}
/***** v2018 ******/
.header2018{
			width: 942px;
			height: 160px;
			margin: auto;
			background: #fff;
		}
		.topHeader2018{
			width: 942px;
			height: 35px;
			background: #fff;
		}
		.topHeadercontent2018{
			width: 942px;
			height: 35px;
			background: #fff;
			margin: auto;
		}
		.topleft2018{
			float: left;
		}
		.toplefttext2018{
			font-family: NotoSans;
			font-size: 12px;
			color: #0d579f;
		}
		.toplefttext2018 a{
			text-decoration: none;
		}
		.toplefttext2018 a:visited{
			color: #0d579f;
		}
		.toplefttext2018 a:hover{
			color: #25ACF7;
		}
		.topright2018{
			float: right;
		}
		.topsquare{
			float: left;
			width:100px;
			height:35px;
			text-align: center;
			margin-left: 5px;
			margin-right: 5px;
		}
		.topsquare a{
			text-decoration:none;
			font-family: NotoSans;
			font-size: 20px;
			color: #fff;
			line-height: 35px;
		}
		.search2018{
			float:left;
			margin: 0 10px 0 10px;
		}
		.content-boton-search2018{
			float:left;
		}
		.content-input-search2018{
			float:left;
		}
		.input-search2018{
			float: left;
    		height: 25px;
    		width: 130px;
		    font:-family: NotoSans;
			color: #969696;
			border-radius: 20px;
    		margin-top: 5px;
    		border: solid 1px #aaa;
		}
		.boton-search2018{
			float: left;
			height: 20px;
			width: 20px;
			background: url(http://grupodanone.com.mx/media/533994/btn-search2021.png) no-repeat;
			/*background: #776f67;*/
			color: #fff;
			font-size: 12px;
			border: none;
			display: inline-flex;
    		margin-left: -30px;
    		margin-top: 7px;
		}
		.mainHeader2018{
			float: left;
			width: 942px;
			height: 110px;
		}
		.mainHeaderContent2018{
			width:942px;
			height: 85px;
			margin: auto;
		}
		.logo2018{
			float:left;
			width: 200px;
			height: 85px;
		}
		.menu2018{
			float: left;
			width: 742px;
			margin-top:10px;
		}
		.menuparatodos2018{
			float: left;
			width: 460px;
		}
		.menuparati2018{
			float: left;
			width: 280px;
		}
		.menuHeader2018{
			float:left;
			opacity: 1;
			width: 200px;
			color: #3DB0F8;
			text-decoration:none;
			font-family: NotoSans;
			font-size: 30px;
			display: block;
			text-align: left;
		}
		.menuHeaderHR2018{
			float: left;
			width:2px;
			height: 55px;
			background: #eee;
			border: none;
			margin-right: 7px;
			margin-left: 7px;
		}
		.subMenuHeader2018{
			float:left;
		}
		.subHeader2018{
			float: left;
			font-family:NotoSans;
			font-size: 12px;
			padding: 5px 9px 0 0;
			color: #0C50A0;
			text-align: left;
			letter-spacing: 1px;
			cursor: pointer;
		}
		.subHeader2018 a{
			text-decoration: none;
		}
		.subHeader2018:hover{
			opacity: 0.5;
		}
		.subHeader2018:hover .dropdownSubMenu2018{
			display: block;
		}
		.subHeader2018 a:visited{
			color: #0C50A0;
		}
		.dropdownSubMenu2018{
			float:left;
			display: none;
			position: absolute;
			color: #32AAEE;
			width: 700px;
			height:40px;
		}
		.dropdownSubMenuElement2018 a{
			float: left;
			font-family:NotoSans;
			opacity: 1;
			font-size: 12px;
			padding: 10px 15px 0 0;
			color: #32AAEE;
			text-align: left;
			letter-spacing: 1px;
			cursor: pointer;
			text-decoration: none;
		}
		.dropdownSubMenuElement2018 a:hover{
			opacity: 0.5;
		}
		.dropdownSubMenuElement2018 a:visited{
			color: #32AAEE;
		}

/***** v2021 ******/
.blog-script,.blog-script h1, .blog-script h2, .blog-script h3, .blog-script h4, .blog-script h5, .blog-script h6,.blog-script div, .blog-script p,.blog-script span{
                font-family: Blog-Script;
            }
	.rose-text,.text-rose{
		color:#D3007D;
	}
	.blue-text,.text-blue{
		color:#005eb8;
	}
	.green-text,.text-green{
		color:#8EC750;
	}
	.aqua-text,.text-aqua{
		color:#0088A4;
	}
	.purple-text,.text-purple{
		color:#953191;
	}
	.text-grey{
		color:rgba(0,0,0,.6);											
	}
												
	.bg-blue{
		background:#005eb8 !important;
	}
	.bg-light-white{
		background:#ffffff8c !important;
	}
	.bg-light-blue{
		background:#cceefb !important;
	}
	.bg-light-navy{
		background:#ccdff1 !important;
	}
	.bg-light-grey{
		background:#e6ebee !important;
	}
	.bg-light-green{
		background:#cdeae9 !important;
	}
	.bg-light-rose{
		background:#fce7e1 !important;
	}
	.bg-light-orange{
		background:#fee7cd !important;
	}

	.bg-dark-grey{
		background:#cccccc !important;
	}

	.border-black{
		border:solid 1px black;
	}
	.capital-text{
		text-transform: uppercase;
	}
	p{
		font-size:    
  		color: #383838;
    	font-size: 15px;
    	line-height: 25px;
    	font-weight: 300;
    	padding: 0;
    	margin: 10px 0;
		text-align: justify;
	}
    .open-sans,.open-sans h1, .open-sans h2, .open-sans h3, .open-sans h4, .open-sans h5, .open-sans h6,.open-sans div, .open-sans p,.open-sans span{
			font-family: NotoSans;
		}
	.box-card{
		width: 200px;
		height: 300px;
		margin: 30px 25px;
		text-align: center;
		padding: 30px 0;
	}
	.box-card .heading{
		height: 130px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 30px;
	}
	.box-card .heading h3{
		font-family: Blog-Script,sans-serif;
		font-size: 1.1rem;
		color: #fff;
		text-transform: uppercase;
		vertical-align: middle;
		letter-spacing: -.01em;
	}
	.box-card a{
		margin: 0 auto;
    	display: block;
    	background: url(/media/531538/Danone-Icono-Flecha.png) 0 0 no-repeat;
    	background-size: contain;
    	width: 50px;
    	height: 50px;
	}
	.box-card-cyan{
		background: url(/media/531535/Danone_Boton_Cyan.png) 0 0 no-repeat;
		background-position: center;
		background-size: contain;
	}
	.box-card-azul{
		background: url(/media/531534/Danone_Boton_Azul.png) 0 0 no-repeat;
		background-position: center;
		background-size: contain;
	}
	.box-card-morado{
		background: url(/media/531536/Danone_Boton_Morado.png) 0 0 no-repeat;
		background-position: center;
		background-size: contain;
	}
	.box-card-verde{
		background: url(/media/531537/Danone_Boton_Verde.png) 0 0 no-repeat;
		background-position: center;
		background-size: contain;
	}

.hr-2021{
	border-top: 1px dashed #707070;
    margin: 30px 0;
}
.header2021{
			width: 942px;
			height: 160px;
			margin: auto;
			background: #fff;
		}
		.topHeader2021{
			width: 942px;
			height: 35px;
			background: #fff;
		}
		.topHeadercontent2021{
			width: 942px;
			height: 35px;
			background: #fff;
			margin: auto;
		}
		.topleft2021{
			float: left;
		}
		.toplefttext2021{
			font-family: NotoSans;
			font-size: 12px;
			color: #0d579f;
		}
		.toplefttext2021 a{
			text-decoration: none;
		}
		.toplefttext2021 a:visited{
			color: #0d579f;
		}
		.toplefttext2021 a:hover{
			color: #25ACF7;
		}
		.topright2021{
			float: right;
		}
		.topsquare{
			float: left;
			width:100px;
			height:35px;
			text-align: center;
			margin-left: 5px;
			margin-right: 5px;
		}
		.topsquare a{
			text-decoration:none;
			font-family: NotoSans;
			font-size: 20px;
			color: #fff;
			line-height: 35px;
		}
		.search2021{
			float:left;
			margin: 0 10px 0 10px;
		}
		.content-boton-search2021{
			float:left;
		}
		.content-input-search2021{
			float:left;
		}
		.input-search2021{
			float: left;
    		height: 25px;
    		width: 130px;
		    font:-family: "gillsans";
			color: #969696;
			border-radius: 20px;
    		margin-top: 5px;
    		border: solid 1px #aaa;
		}
		.boton-search2021{
			float: left;
			height: 20px;
			width: 20px;
			background: url(http://grupodanone.com.mx/media/533994/btn-search2021.png) no-repeat;
			/*background: #776f67;*/
			color: #fff;
			font-size: 12px;
			border: none;
			display: inline-flex;
    		margin-left: -30px;
    		margin-top: 7px;
		}
		.mainHeader2021{
			float: left;
			width: 942px;
			height: 110px;
		}
		.mainHeaderContent2021{
			width:942px;
			height: 85px;
			margin: auto;
		}
		.logo2021{
			float:left;
			width: 200px;
			height: 85px;
		}
		.menu2021{
			float: left;
			width: 742px;
			margin-top:35px;
			text-align:right;
		}
		.menuparatodos2021{
			float: left;
			width: 460px;
		}
		.menuparati2021{
			float: left;
			width: 280px;
		}
		.menuHeader2021{
			opacity: 1;
			color: #0D50A0;
			text-decoration:none;
			font-family: NotoSans;
			font-size: 0.75em;
			margin:0 5px;
			display: inline-block;
		}
		.menuHeader2021:hover{
			opacity:0.7;
			padding-bottom: 7px;
			border-bottom: solid 2px #0D50A0;
		}
		.menuHeader2021:hover .dropdownSubMenu2021{
			display: block;
		}
		.menuHeader2021 a{
			text-decoration:none;
			cursor:pointer;
		}
		.menuHeader2021 a:hover{
			text-decoration:none;
		}
		.menuHeader2021 a:visited{
			text-decoration:none;
		}
		.menuHeaderHR2021{
			float: left;
			width:2px;
			height: 55px;
			background: #eee;
			border: none;
			margin-right: 7px;
			margin-left: 7px;
		}
		.subMenuHeader2021{
			float:left;
		}
		.subHeader2021{
			float: left;
			font-family:NotoSans;
			font-size: 12px;
			padding: 5px 9px 0 0;
			color: #0C50A0;
			text-align: left;
			letter-spacing: 1px;
			cursor: pointer;
		}
		.subHeader2021 a{
			text-decoration: none;
		}
		.subHeader2021:hover{
			opacity: 0.5;
		}
		.subHeader2021:hover .dropdownSubMenu2021{
			display: block;
		}
		.subHeader2021 a:visited{
			color: #0C50A0;
		}
		.dropdownSubMenu2021{
			display: none;
			position: absolute;
			color: #32AAEE;
			width: 700px;
			padding:10px;
			border-bottom:solid 4px;
			text-align:left;
		}
		.dropdownSubMenuElement2021{
			display:inline-flex;
		}
		.dropdownSubMenuElement2021 a{
			font-family:NotoSans;
			opacity: 1;
			font-size: 0.7rem;
			padding: 10px 15px 0 0;
			color: #32AAEE;
			text-align: left;
			letter-spacing: 1px;
			cursor: pointer;
			text-decoration: none;
		}
		.dropdownSubMenuElement2021 a:hover{
			opacity: 0.5;
		}
		.dropdownSubMenuElement2021 a:visited{
			color: #32AAEE;
		}
/***** Version 2022 *****/
		.menuHeader2022 .list-group-item{
			border:none;
			padding-left: 10px;
    		padding-right: 10px;
		}
		.menuHeader2022 .list-group-item:first-child{
			padding-left: 15px;
		}
		.menuHeader2022 .dropdown-toggle{
			color: #0D50A0;
    		text-decoration: none;
		}
		.menuHeader2022 .dropdown-toggle:hover{
    		color: #0184D1;
    		text-decoration: underline;
		}
		.menuHeader2022 .dropdown-toggle::after{
			display:none;
		}
		.menuHeader2022 .dropdown-menu{
			background: #0184D1;
			border-radius: 0;
    		border: none;
		}
		.menuHeader2022 .dropdown-item:focus,.menuHeader2022 .dropdown-item:hover{
			color: #fff;
    		background-color: transparent;
    		text-decoration: underline;
		}
		.menuHeader2022 .dropdown-item{
			font-size: 0.65em;
			color: #fff;
			border-bottom: 1px solid #ffffff20;
			border-bottom-style: dashed;
		}
		.search2022{
			float:left;
			margin: 0 10px 0 10px;
		}
		.content-boton-search2022{
			float:left;
		}
		.content-input-search2022{
			float:left;
		}
		.input-search2022{
			float: left;
    		height: 25px;
    		width: 130px;
		    font:-family: "gillsans";
			color: #969696;
			border-radius: 20px;
    		margin-top: 5px;
    		border: solid 1px #aaa;
		}
		.boton-search2022{
			float: left;
			height: 20px;
			width: 20px;
			background: url(/media/533994/btn-search2021.png) no-repeat;
			background-size: cover;
			color: #fff;
			font-size: 12px;
			border: none;
			display: inline-flex;
    		margin-left: -30px;
    		margin-top: 7px;
		}

/*****  Page  *****/
#page{
	width:100%;
	font-family: NotoSans;
}

/*****  Header  *****/
#header{
	margin: 0px auto 0;
    width: 100%;
}
#header-top{
	overflow:hidden;
	margin-bottom:20px;
}
#header-top div{
	float:left;
}
#header-top #logo-home{
	width:220px;
	text-align:center;
}
#header-top #title-home{
	color: #1A2674;
    font-size: 14px;
    font-weight: bold;
    padding-top: 70px;
    text-align: center;
    text-transform: uppercase;
    width: 315px;
}
#header-top #marcas-right{
	width: 407px;
	padding-top:50px;
}
#header-top #marcas-right ul.marcas-items li{
	display: inline-block;
	text-align:center;
	width:125px;
}
#header-top #marcas-right ul.marcas-items li img{
	vertical-align:middle;
	cursor: pointer;
}
#menu-home{
	background: url("/media/1028/menu_bg.png") repeat-x scroll 0 0;
	height:49px;
}
#menu-home #menu-left{
	float:left;
}
#menu-home #menu-left ul.menu-items{
	padding-left:60px;
	position:relative;
}
#menu-home #menu-left ul.menu-items li{
	display: table-cell;
	text-transform:uppercase;
	font-size:11px;
	vertical-align:middle;
	color:#58595b;
	text-align:center;
	height:49px;
	cursor:pointer;
}
#menu-home #menu-left ul.menu-items li.non{
}
#menu-home #menu-left ul.menu-items li.par{
	width:103px;
}
#menu-home #menu-left ul.menu-items li a{
	text-decoration:none;
	color:#58595b;
	text-align:left;
	display:inline-block;
}
#menu-home #menu-left ul.menu-items li a:hover{
	font-weight:bold;
}
#menu-home #buscador{
	position:relative;
	top:-50px;
	float:right;
	padding-right:8px;
	padding-top:6px;
}
#menu-home #buscador input#box-buscar{
	
	border: 0 none;
    color: #959595;
    font-size: 10px;
    height: 38px;
    margin: 0 0 0 10px;
    padding: 0 0 0 0px;
    text-transform: uppercase;
    vertical-align: top;
    width: 127px;	
	line-height: 38px\0/;
}
#menu-home #buscador #btn-enviar{
	
	background: url("/media/1022/ui_sprites.png") repeat scroll -116px 108px #1a2674;
    border: 0 none;
    height: 40px;
    margin: 0;
    padding: 0;
    width: 40px;
}


/*****  Content  *****/
#content{
	width:100%;
	overflow: hidden;
}
#content #section-top{
    width: 100%;
}
#content #section-top #sec-content{
	margin:auto;
	width:100%;	
	position:relative;
}
#content ul.compartir li{
	float: left;
	/*display: inline-block;*/
	padding-top: 5px;
	vertical-align: middle;
	color: #FFFFFF;
	font-size: 15px;
	line-height: 100%;
	font-weight: normal;
	padding-left: 5px;
}
#facebook-count, #twitter-count{
	display:none;
}
#content ul.compartir li.inter {
}
#content .compartir-int{
	position: absolute;
	margin-left: 50px;
	bottom: 5px;
}
#content .compartir-hi{
	position: absolute;
	bottom: 5px;
	right: 14%;
	z-index: 2;
}
#content .compartir-sup{
	top: 5px;
	position: absolute;
	right: 10px;
}
#content ul.compartir li.fb{
	background: url("/media/29658/facebook-mini.png")no-repeat scroll 0 0;
    cursor: pointer;
    height: 29px;
    width: 29px;
}
#content ul.compartir li.fb a{
	width: 100%;
	height: 100%;
	display: block;
}
#content ul.compartir li.fb:hover{
	
}
#content ul.compartir li.twt {
    background: url("/media/29659/twitter-mini.png")no-repeat scroll 0 0;
    cursor: pointer;
    height: 29px;
    width: 29px;
}
#content ul.compartir li.twt a{
	width: 100%;
	height: 100%;
	display: block;
}
#content ul.compartir li.twt:hover{
	
}
#content #section-middle{
	width:100%;
	position:relative;
}
#content #section-middle #sec-content{
	left: 0;
    margin: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 942px;
	top:470px;
}
#content #section-middle #middle-left{
	width:50%;
	background-color:#004c99;
	height:354px;
	float:left;
}
#content #section-middle #middle-right{
	width:50%;
	background-color:#7e9b3a;
	height:354px;
	float:left;
}
#content #section-middle #sec-content h2{
	font-size: 25px;
	text-transform: uppercase;
	padding-left: 30px;
	padding-top: 15px;
	padding-right: 20px;	
	font-weight: bold;
	line-height: 120%;
}
#content #section-middle #sec-content p{
	padding-left: 30px;
	padding-top: 20px;
	padding-right: 20px;
	color: #58595b;	
	font-weight: bold;
	font-size: 12px;
	line-height: 150%;
}
#content #section-middle #sec-content #mdde-1{
	width:300px;
	height:354px;
	float:left;
	background:#FFFFFF;
}
#content #section-middle #sec-content #mdde-1 .ligaHome a{
	background: url("/media/1124/liga-1.png") no-repeat scroll 0 0;
}
#content #section-middle #sec-content #mdde-2{
	width:300px;
	height:354px;
	float:left;
	margin-left:20px;
	margin-right:20px;
	background:#FFFFFF;
}
#content #section-middle #sec-content #mdde-2 .ligaHome a{
	background: url("/media/1125/liga-2.png") no-repeat scroll 0 0;
}
#content #section-middle #sec-content #mdde-3{
	width:300px;
	height:354px;
	float:left;
	background:#FFFFFF;
}
#content #section-middle #sec-content #mdde-3 .ligaHome a{
	background: url("/media/1126/liga-3.png") no-repeat scroll 0 0;
}
#content #section-middle #sec-content .cont-liga{
	position: relative;
}
#content #section-middle #sec-content .cont-liga .ligaHome a{
	position: absolute;
	top: 0;
	right: 0;
	width: 79px;
	height: 79px;
	cursor: pointer;
}
#content #sombra{
    background: url("/media/1120/shadow.png") no-repeat scroll center center;
    float: left;
    height: 10px;
    width: 100%;
}
#content #section-bottom{
	width:100%;
}
#content #section-bottom #sec-content {
	margin:auto;
}

/*****  Marcas  *****/
#content #marcas{
	margin:auto;
	width:942px;	
}
#content #marcas #producto-b-sup{
	margin-bottom:10px;
}
#content #marcas #producto-c-inf{
	margin-bottom:10px;
}

#content #marcas #producto-c-inf .p-centro{
	width:618px;
	padding-bottom:150px;
	height:auto;
	float:left;
}
#content #marcas #producto-c-inf .p-centro .logo-producto{
	margin-top: 60px;
	text-align: center;
	margin-bottom: 40px;
}
#content #marcas #producto-c-inf .p-centro .cont-producto{
	padding-left:45px;
	padding-right:45px;
	font-size:14px;	
}
#content #marcas #producto-c-inf .p-centro .cont-producto p{
	padding-bottom:20px;
}
#content #marcas #producto-c-inf .p-centro .cont-producto a{
	text-decoration: none;
}
#content #marcas #producto-c-inf .p-right{
	float:left;
	position:relative;
}
#content #marcas #producto-c-inf .p-right .div-top{
	width:314px;
	height:30px;
}
#content #marcas #producto-c-inf .p-right .div-g{
	width: 175px;
	height: 10px;
	background-color: #e7e7e8;
	margin: auto;
	position: absolute;
	z-index: 1;
	right: 0;
	left: 0;
}
#content #marcas #producto-c-inf .p-right .b{ top:286px; }
#content #marcas #producto-c-inf .p-right .cont-pt{
	height: 250px;
	padding-left: 75px;
	z-index: 1;
	width: 230px;
	text-transform: uppercase;
	vertical-align: middle;
	display:table-cell;
	font-size:25px;
}
#content #marcas #producto-c-inf .p-right .img-producto{
	position:absolute;
	bottom:-350px;
	z-index:2;
	text-align:center;
	margin:auto;
	left:0;
	right:0;
}


/*****  Lista Marcas  *****/

#content #marcas .seccion-marca{
	height:205px;
	margin-bottom:10px;
}
#content #marcas .seccion-marca .div-izq{
	width:10px;
	height:205px;
	float:left;
}
#content #marcas .seccion-marca .info-marca{
	
}
#content #marcas .seccion-marca .info-marca .titulo-marca{
	padding-left:185px;
	width: 350px;
	height:205px;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
}
#content #marcas .seccion-marca .info-marca .titulo-marca h1{
	font-size:34px;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom:10px;
}
#content #marcas .seccion-marca .info-marca .titulo-marca h2{
	font-size:13px;
	color:#FFFFFF;
	font-weight: normal;
}
#content #marcas .seccion-marca .info-marca .titulo-marca img{
	padding-top:0px;
}
#content #marcas .seccion-marca .info-marca .texto-marca{
	display: table-cell;
	vertical-align: middle;
	padding-right: 37px;
}
#content #marcas .seccion-marca .info-marca hr{
	width:198px;
	height:2px;
}
#content #marcas .listaProductos{
	text-align:center;
	overflow:hidden;
}
#content #marcas .listaProductos .lista-int{
	padding-top: 15px;
	/*padding-left: 50px;*/
}
#content #marcas .listaProductos .marcaProducto{
	/*float:left;*/
	display:inline-block;
}
#content #marcas .listaProductos .marcaProducto .imagenMarcaPro{
	width:206px;
	height:197px;
	background:url("/media/1009/bg_marcas.png") no-repeat;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
}
#content #marcas .listaProductos .marcaProducto .imagenMarcaPro img{
	width:187px;
	height:177px;	
}
#content #marcas .listaProductos .marcaProducto a{
	text-decoration:none;
}
#content #marcas .listaProductos .marcaProducto .tituloMarcaPro{
	color:#7b7b7b;
	font-size:13px; 
	font-weight:bold;
	text-transform:uppercase;
	padding-left:15px;
	padding-bottom:20px;
	padding-top:15px;
}
/*****  Footer  *****/
#footer{
	width:100%;
	float:left;
	/*margin-top: 10px;
	position: fixed;*/
    bottom: 0;
}
#footer #content-footer{
	width:100%;
	position: relative;
}
#footer #content-footer #slider-footer{
	width: 770px;
	margin: auto;
	padding-top: 5px;
	height:52px;
}
.clear{
	clear: both;
}

#content #marcas #producto-c-inf .p-izq{
	width:10px;
	float:left;
}
/******************************************
        Estilos Lightbox Fancybox
*******************************************/

.lb-contenido{ 
	font-family: NotoSans;
	padding-top: 20px;
}
.lb-contenido a{
	text-decoration: none;
	color: #004c99;	
}
.lb-contenido p{
	font-size: 13px;
	padding-bottom: 20px;
	padding-left: 45px;
	padding-right: 45px;
	text-align: justify;
	line-height: 150%;
}
.lb-contenido li{
	font-size: 13px;
	line-height: 150%;
}
.lista-lb{
	font-size: 13px;
	padding-bottom: 20px;
	padding-left: 45px;
	padding-right: 45px;
	text-align: justify;
}
.lb-contenido p:last{
	padding-bottom: 0px;
}
.lb-contenido h1{
	font-size: 16px;
	padding: 30px 45px 20px 45px;
}
.logo-lb{
	background:url("/media/13530/logo-lb.png") no-repeat;
	background-color: #f8f8f8;
	background-position: 20px;
	width: 100%;
	text-transform: uppercase;
	padding-top: 30px;
	padding-bottom: 25px;
	padding-left: 100px;
	font-size: 12px;
	float:left;
}
.lb-contenido .overview{
	height: 516px;
	overflow-y: auto;
	overflow-x: hidden;
}
.lb-contenido .overview ol{
	text-align: justify;
	list-style: decimal;
	padding-right: 45px;
	padding-left: 70px;
}
.lb-contenido .overview ul{
	text-align: justify;
	list-style: disc;
	padding-right: 45px;
	padding-left: 70px;
}
.lb-contenido .overview ol li{
	padding-bottom: 20px;
}
.lb-contenido .overview ul li{
	padding-bottom: 20px;
}
.lb-contenido .overview-OP table{
	margin: 20px;
}		
/***********************************************
************** Sección Búsqueda ****************
***********************************************/

.busqueda_header{
	width: 100%;
	height: 379px;
	position: absolute;
	z-index: -1;
}
.bh_bck{
	width: 940px;
	height: 100%;
	margin: auto;
	background-color: #f1f2f2;
	overflow: hidden;
}
.busqueda{
	border-left: 5px solid #1a2674;
}
.busqueda .busqueda_titulo{
	padding-top: 50px;
	padding-bottom: 50px;
	font-size: 20px;
	color: #1a2674;
	padding-left: 50px;
}
.busqueda .inter{
	height:20px;
	width:100%;
}
.busqueda .busqueda_resultado{
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #ddddde;
	border-bottom: 1px solid #ddddde;
	padding-left: 50px;
}
.busqueda .busqueda_resultado_titulo{
	text-decoration: none;
	font-size: 15px;
	color: #1a2674;
}
.busqueda .busqueda_resultado .bullet{
	background:url("/media/13509/bullet.png") no-repeat;
	width: 14px;
	height: 14px;
	float: left;
	padding-right: 30px;
}

.busqueda .busqueda_paginador{
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}
.busqueda .busqueda_paginador a{
	font-size: 15px;
	color: #1a2674;
	text-decoration: none;	
}


/***********************************************
************** Mapa de Sitio    ****************
***********************************************/

.mapa_header {
	width: 100%;
	height: 379px;
	position: absolute;
	z-index: -1;
}
.mh_bck {
	width: 940px;
	height: 100%;
	margin: auto;
	background-color: #f1f2f2;
	overflow: hidden;
	border-left: 5px solid #1a2674;			
}
.site_map{
	padding: 100px;
	font-size: 15px;
	color: #1a2674;
}
.site_map a{
	text-decoration: none;
	font-size: 15px;
	color: #1a2674;
}
.site_map li{
	padding: 5px;
}
.site_map_li_ul{
	padding: 0 0 0 40px;
}
.site_map_li_ul_li_ul{
	padding: 0 0 0 40px;
}

/***********************************************
************** Agradecimiento   ****************
***********************************************/

.gr_header {
	width: 100%;
	height: 379px;
	position: absolute;
	z-index: -1;
}
.grh_bck {
	width: 940px;
	height: 100%;
	margin: auto;
	background-color: #f1f2f2;
	overflow: hidden;
	border-left: 5px solid #1a2674;			
}
.gr_cont{
	padding: 100px;
	line-height: 150%;
}
/*********************************************************************************/
/* Cookies                                                                       */
/*********************************************************************************/
.cookies-section{
	position: fixed;
    background: #fff;
    border-top: 1px solid #3DB0F8;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 60px;
    max-height: 400px;
    z-index: 9900;
	font-size:14px;
	line-height: 20px;
	font-family: NotoSans;
}
.inside-cookies{
	width:70%;
	margin: auto;
	margin-top: 10px;
    margin-bottom: 10px;
}
.descripcion-cookies{
	width:70%;
	float: left;
}
.botones-cookies{
	width: 20%;
	margin-left:5%;
	float: left;
}
.boton-cookies-aceptar{
	background: #3DB0F8;
	color:#fff;
	width: 80%;
	text-align: center;
	float: left;
	padding: 10px;
	border: solid 1px #3DB0F8;
	border-radius: 20px;
}
.boton-cookies-aceptar:hover{
	background: #0C50A0;
	color:#fff;
	border: solid 1px #0C50A0;
}
.boton-cookies-info{
	background: #fff;
	color:#3DB0F8;
	width: 40%;
	text-align: center;
	margin-left: 5%;
	float: left;
	padding: 10px;
	border: solid 1px #3DB0F8;
	border-radius: 20px;
}
.boton-cookies-info a{
	text-decoration: none;
    color: #3DB0F8;
}
.boton-cookies-info:hover{
	background: #0C50A0;
	color:#fff;
	border: solid 1px #0C50A0;
}
@media (min-width : 320px) and (max-width : 991px) {
	
	.descripcion-cookies{width:100%;
    margin-bottom: 10px;}
	.botones-cookies{width:100%;}
	.boton-cookies-aceptar{width:100%;
    margin-bottom: 10px;}
	.boton-cookies-info{width:100%;margin-left: 0;
    margin-bottom: 10px;}
}
/*********************************************************************************/
/* Icon Sticky Bar                                                                       */
/*********************************************************************************/
.icon-sticky-bar {
  position: fixed;
  top: 50%;
  right:0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index:9;
}
.icon-sticky-bar a {
  display: block;
  text-align: center;
  padding: 5px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}
.icon-sticky-bar img {
  width:60px;
}

/*********************************************************************************/
/* V2025                                                                       */
/*********************************************************************************/

.carousel-indicators [data-bs-target]{
	width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    background-color: #333 !important;
	margin-right: 10px !important;
    margin-left: 10px !important;
}
.btnLink{
	width:100%;
	border-radius: 0 0 15px 15px;
	height: 50px;
	margin: -50px 12px 0 0 !important;
	position:relative;
}
.btnLink p{
	font-size:1em;
	font-weight:bold;
}
.btnLink img{
	width:24px;
    height: auto !important;
}
.flip-card {
	background-color: transparent;
	width: 100%;
	height: 300px;
	perspective: 1000px;
	margin:25px;
}

.flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.6s;
	transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
	transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
	position: absolute;
	width: 100%;
	height: 300px;
	backface-visibility: hidden;
	border-radius: 10px;
}

.flip-card-front {
	color: black;
}

.flip-card-back {
	transform: rotateY(180deg);
}
.flip-card img{
	object-fit:cover;
    height: 300px;
}
.fs-7{
font-size:0.9em;
}

/*Responsive styles*/
    /*Escritorio*/
    @media (min-width: 1399.98px) {
        
    }
    /*Tablet Portrait*/
    @media (min-width: 576px) and (max-width: 991.98px) and (orientation:portrait) {
        .icon-sticky-bar {
		  position: fixed;
		  top: 25%;
		  right:0;
		  -webkit-transform: translateY(-50%);
		  -ms-transform: translateY(-50%);
		  transform: translateY(-50%);
		}
        
    }
    /*Tablet landscape*/
    @media (min-width: 991.98px) and (max-width: 1199.98px)and (orientation:landscape) {
        
        
    }
    /*Movil Portrait*/
    @media (max-width: 575.98px)and (orientation:portrait) {
		.icon-sticky-bar {
		  position: fixed;
		  top: 25%;
		  right:0;
		  -webkit-transform: translateY(-50%);
		  -ms-transform: translateY(-50%);
		  transform: translateY(-50%);
		}

        .icon-sticky-bar img {
		  width:100px;
		}
		.btnLink{
			height: 100px;
			margin: -100px 12px 0 0 !important;
		}
		.btnLink img{
			width:35px;
		}
    }
    /*Movil landscape*/
    @media (min-width: 576px) and (max-width: 991.98px) and (orientation:landscape) {
        
    }


















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */