.hexagon:after, .hexagon:before, q:after, q:before {content: ''} .agenda-note, .srv-cont-gama, .srv-v-centrado {vertical-align: middle } .clear, .clrflt {clear: both } a, a:hover {text-decoration: none } blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {margin: 0; padding: 0 } table {border-collapse: collapse; border-spacing: 0 } abbr, acronym, fieldset, img {border: 0 } address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: 400 } ol, ul {list-style: none } caption, th {text-align: left } h1, h2, h3, h4, h5, h6 {font-weight: 700 } .clear {font-size: 1px; line-height: 1px; display: block; height: 0 } .last {margin: 0!important } .container, .header-in, .wrapper {margin: 0 auto } .pad_last {padding: 0!important } .no_bg {background: 0 0!important } a {color: #000; outline: 0 } .content-care-in ul li a, .footer-btm ul li a:hover, .footer-details a:hover, .main-nav-in ul li a {text-decoration: underline } h2 {font-size: 22px } h3 {font-size: 18px } h4 {font-size: 16px } h5 {font-size: 14px } body, h6 {font-size: 12px } body {color: #b1b1b1; font-family: Arial, Verdana, Tahoma } .banner-in p, nav ul li a {font-weight: 400; font-family: FuturaLT-Book } .flt_lt {float: left; display: inline } .flt_rt {float: right!important; display: inline!important } .logo, nav ul li {float: left } .container, .header-in, article, aside, footer, header, hgroup, nav, section {display: block } @font-face {font-family: FuturaLT-Book; src: url(../fonts/FuturaLT-Book/FuturaLT-Book.eot) format('embedded-opentype'), url(../fonts/FuturaLT-Book/FuturaLT-Book.woff) format('woff'), url(../fonts/FuturaLT-Book/FuturaLT-Book.ttf) format('truetype'), url(../fonts/FuturaLT-Book/FuturaLT-Book.svg#FuturaLT-Book) format('svg'); font-weight: 400; font-style: normal } @font-face {font-family: FuturaLT-CondensedLight; src: url(../fonts/FuturaLT-CondensedLight/FuturaLT-CondensedLight.eot) format('embedded-opentype'), url(../fonts/FuturaLT-CondensedLight/FuturaLT-CondensedLight.woff) format('woff'), url(../fonts/FuturaLT-CondensedLight/FuturaLT-CondensedLight.ttf) format('truetype'), url(../fonts/FuturaLT-CondensedLight/FuturaLT-CondensedLight.svg#FuturaLT-CondensedLight) format('svg'); font-weight: 400; font-style: normal } @font-face {font-family: ProximaNovaRegular; src: url(../fonts/proximanova-regular/proximanova-regular.eot); src: url(../fonts/proximanova-regular/proximanova-regular.eot) format('embedded-opentype'), url(../fonts/proximanova-regular/proximanova-regular.woff) format('woff'), url(../fonts/proximanova-regular/proximanova-regular.ttf) format('truetype'), url(../fonts/proximanova-regular/proximanova-regular.svg#ProximaNovaRegular) format('svg') } @font-face {font-family: Futura-Normal; src: url(../fonts/Futura_Normal/Futura-Normal.eot) format('embedded-opentype'), url(../fonts/Futura_Normal/Futura-Normal.woff) format('woff'), url(../fonts/Futura_Normal/Futura-Normal.ttf) format('truetype'), url(../fonts/Futura_Normal/Futura-Normal.svg#Futura-Normal) format('svg'); font-weight: 400; font-style: normal } @font-face {font-family: FuturaStd-Light; src: url(../fonts/FuturaStd-Light/FuturaStd-Light.eot) format('embedded-opentype'), url(../fonts/FuturaStd-Light/FuturaStd-Light.otf) format('opentype'), url(../fonts/FuturaStd-Light/FuturaStd-Light.woff) format('woff'), url(../fonts/FuturaStd-Light/FuturaStd-Light.ttf) format('truetype'), url(../fonts/FuturaStd-Light/FuturaStd-Light.svg#FuturaStd-Light) format('svg'); font-weight: 400; font-style: normal } html {-webkit-text-size-adjust: 100% } input {-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border-radius: 0 } .container {width: 958px } header {width: 100%; padding: 0 0 18px; height: 114px } .header-in {width: 958px; padding: 26px 0 0 } .logo, .logo a, nav, nav ul li, nav ul li a {display: inline-block } nav {padding: 50px 0 0; margin-right: 32px; z-index: -1 } nav ul {display: block } nav ul li {margin: 0 0 0 28px } nav ul li a {font-size: 18px; color: #a2a2a2; line-height: 18px; border-bottom: solid 1px transparent; padding: 0 } nav ul li a.active, nav ul li a:hover {color: #494949; border-bottom: solid 1px #5ac3e3 } .menu-icon {display: none } .menu-icon a {display: block } #mobile_menu {display: none } .cmn-toggle-switch__htx.active {z-index: 999999 } .cmn-toggle-switch span {background: #5ac3e3!important } .cmn-toggle-switch span::before {background: #5ac3e3!important; top: 9px!important } .cmn-toggle-switch span::after {background: #5ac3e3!important; bottom: 9px!important } .cmn-toggle-switch__htx.active span::before {background: 0 0!important; top: 0!important } .cmn-toggle-switch__htx.active span::after {background: 0 0!important; bottom: 0!important } .banner {width: 100%; display: block; position: relative } .banner img {width: 100%; height: auto } .banner-con, .banner-in {width: 958px; margin: 0 auto; display: block } .banner-in {position: absolute; top: 0 } .banner-in p {font-size: 28px; color: #fff; line-height: 37px; text-transform: uppercase; text-align: right; background: url(../images/trans-bg.png) center top; width: 532px; display: block; float: right; margin: 40px 0 0; padding: 30px 21px 20px; letter-spacing: -1.5px } .banner-in p.slide1, .banner-in p.slide2, .banner-in p.slide2 span {font-family: FuturaStd-Light; font-weight: 400; color: #fff; letter-spacing: 0; display: block } .banner .bx-wrapper .bx-viewport {left: 0; box-shadow: none; border: none } .content-company-lt h2, .content-news h2, .product-rt h2 {border-bottom: solid 2px #5ac3e3 } .banner .bx-wrapper {background: 0 0; margin: 0 auto } .banner-in p.slide1 {background: url(../images/ban-trans1.png) center top; font-size: 30px; line-height: 41px; padding: 25px 21px 18px 0; width: 553px } .banner-in p.slide2 {background: url(../images/ban-trans3.png) center top; font-size: 30px; line-height: 32px; padding: 32px 24px 26px; width: 525px } .banner-in p.slide2 span {font-size: 23px; line-height: 23px; margin: 0 0 11px } .banner .bx-wrapper .bx-pager.bx-default-pager a.active, .banner .bx-wrapper .bx-pager.bx-default-pager a:hover {background: url(../images/bullet-hover.png) no-repeat; width: 20px; height: 20px } .banner .bx-wrapper .bx-pager.bx-default-pager a {background: url(../images/bullet1.png) no-repeat; width: 20px; height: 20px } .banner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom: 21px } .cmn-toggle-switch__htx.active span {background: #f5f5f5!important } .content-company, .main-content {width: 100%; display: block; background: #fff } .content-company-in {width: 958px; margin: 0 auto; display: block; padding: 35px 0 37px; position: relative } .content-company-lt {width: 630px; display: inline-block; float: left; position: relative; padding: 0 0 2px } .content-company-lt h2 {font-family: FuturaLT-CondensedLight; font-weight: 700; font-size: 36px; color: #494949; line-height: 36px; display: block; padding: 0 0 3px; margin: 0 0 27px } .content-company-lt p, .content-company-lt p span {font-size: 16px; font-family: FuturaStd-Light } .content-company-lt p {font-weight: 400; color: #5c5c5c; line-height: 24px; display: block; margin: 0 0 23px } .content-company-lt p span {font-weight: 700; color: #155a8b; line-height: 16px; display: inline-block } .content-company-lt p br {display: none } .content-company-lt a {width: 92px; display: block; float: right; font-family: FuturaStd-Light; font-weight: 400; font-size: 15px; color: #5c5c5c; line-height: 15px; text-transform: uppercase; text-align: center; background: #eaeaea; position: absolute; bottom: -27px; right: 1px; padding: 8px 0 4px } #color1 span, #color3 span, #color5 span, #color5 span em {font-family: ProximaNovaRegular; font-weight: 400; color: #fff } .content-company-rt {width: 298px; display: inline-block; float: right; padding: 0; position: absolute; top: 70px; right: -52% } .content-product {width: 100%; display: block; background: url(../images/plus-ban.png) center top } #color1, #color2 {background-color: #6dbe65 } .content-product-in {width: 958px; margin: 0 auto; display: block; padding: 29px 0 28px; position: relative } #color1 span, #color3 span {padding: 40px 0 0; text-align: center } .product-con {display: block; position: absolute; top: 31px; left: 0 } #color1 span, #color3 span, .product-lt {position: relative } .product-lt {width: 415px; display: block; height: 350px } #hex1, #hex2, #hex3, #hex4, #hex5 {position: absolute } #color1 span, #color3 span, #color5 span {font-size: 15px; line-height: 17px; text-transform: uppercase; z-index: 999; width: 97px; left: -19px; display: block } #hex2, #hex4 {width: 138px; height: 138px } #hex1, #hex3, #hex5 {width: 100px; height: 100px } #hex1 {top: 0; left: 35% } .hexagon:before {-webkit-transform: rotateZ(60deg); -ms-transform: rotateZ(60deg) } .hexagon:after {-webkit-transform: rotateZ(-60deg); -ms-transform: rotateZ(-60deg) } #hex2 {top: 32px; left: 2.8% } #hex2 img, #hex4 img {position: absolute; top: 5px; left: -5px; z-index: 99 } #hex3 {top: 177px; left: 9.7% } #color3, #color4 {background-color: #f48e42 } #hex4 {top: 106px; left: 32.3% } #hex5 {left: 39%; top: 250px } #color5 span, .hexagon-wrapper {text-align: center; position: relative } #color5 {background-color: #fdbe2b } #color5 span {padding: 36px 0 0 } #color5 span em {font-size: 12px; line-height: 12px; display: block } .product-rt h2, .product-rt ul li a {font-family: FuturaLT-CondensedLight } .hexagon, .hexagon-wrapper, .product-rt {display: inline-block } .hexagon-wrapper {margin: 0 } .hexagon {height: 100%; width: calc(100% * .57735) } .hexagon:after, .hexagon:before {right: calc((100% / 2) - ((100% * .57735)/ 2)); background-color: inherit; height: inherit; width: inherit; position: absolute; top: 0 } .hexagon:before {transform: rotateZ(60deg) } .hexagon:after {transform: rotateZ(-60deg) } #hex6 {width: 138px; height: 138px; position: absolute; top: 181px; right: 4.8% } #hex6 img {position: absolute; top: 5px; left: -5px; z-index: 99 } #color6 {background-color: #fdbe2b } .product-rt {width: 484px; float: right; padding: 7px 0 0 } .product-rt h2 {font-weight: 700; font-size: 36px; color: #494949; line-height: 36px; display: block; padding: 0 0 1px; margin: 0 0 29px; text-align: right; letter-spacing: .6px } .product-rt p {font-family: FuturaStd-Light; font-weight: 400; font-size: 16px; color: #5c5c5c; line-height: 24px; display: block; margin: 0 0 16px; text-align: right; padding: 0 0 0 3% } .content-news ul li a, .product-rt ul li a {text-align: center; text-transform: uppercase } .product-info {width: 480px; display: block; float: right } .product-rt ul {width: 480px; display: block; margin: 0 5px 0 0 } .product-rt ul li {display: inline-block; float: left; margin: 0 1px 1px 0; width: 33% } .product-rt ul li a {display: block; font-weight: 400; font-size: 21px; color: #fff; line-height: 22px; background: #6dbe65; padding: 15px 23% 11px } .content-news h2, .content-news ul li h3 {font-family: FuturaLT-CondensedLight; font-weight: 700; text-transform: uppercase } .product-rt ul li a:hover {color: #6dbe65; background: #fff } .product-rt ul li:nth-child(2) a {background: #f28d2d; padding: 25px 0 23px } .product-rt ul li:nth-child(2) a:hover {background: #fff; color: #f28d2d } .product-rt ul li:nth-child(3) a {background: #155a8b } .product-rt ul li:nth-child(3) a:hover {background: #fff; color: #155a8b } .product-rt ul li:nth-child(4) a {background: #ed5e79; padding: 25px 0 23px } .product-rt ul li:nth-child(4) a:hover {background: #fff; color: #ed5e79 } .product-rt ul li:nth-child(5) a {background: #fdc100 } .product-rt ul li:nth-child(5) a:hover {background: #fff; color: #fdc100 } .product-rt ul li:nth-child(6) a {background: #9f2332 } .product-rt ul li:nth-child(6) a:hover {background: #fff; color: #9f2332 } .mrg_rt {margin-right: 0!important } .content-news article {width: 100%; display: block } .content-news {width: 958px; margin: 0 auto; display: block; padding: 37px 0 77px } .content-news h2 {font-size: 36px; color: #494949; line-height: 36px; display: block; padding: 0 0 3px; margin: 0 0 27px } .content-news ul {display: block } .content-news ul li {display: inline-block; float: left; width: 300px; margin: 0 29px 0 0 } .content-news ul li h3 {font-size: 21px; color: #1170a5; line-height: 25px; display: block; padding: 0 5% 0 0; letter-spacing: .5px; margin: 0 0 9px; min-height: 50px } .content-news ul li img {display: block; border: 1px solid #ddd; margin: 0 0 16px } .content-news ul li a, .content-news ul li p {font-weight: 400; color: #5c5c5c; margin: 0; display: block; font-family: FuturaStd-Light } .content-news ul li p {font-size: 16px; line-height: 21px; padding: 0; border-bottom: solid 1px #eaeaea; min-height: 78px } .content-news ul li a {font-size: 15px; line-height: 15px; padding: 6px 0 4px; background: #eaeaea; width: 92px; float: right } .content-news .bx-wrapper .bx-viewport {left: 0; box-shadow: none; border: none; height: auto!important } .content-news .bx-wrapper {background: 0 0; margin: 0 auto; max-width: 958px!important } .content-news .bx-wrapper .bx-prev {background: url(../images/previous-bg.png) left top no-repeat; width: 15px; height: 25px; left: 0 } .content-news .bx-wrapper .bx-next {background: url(../images/next-bg.png) left top no-repeat; width: 15px; height: 25px; right: 0 } .content-news .bx-controls-direction {width: 49px; display: block; position: absolute; top: -48px; right: 2px } .agenda-ban, .content-news .bx-controls bx-has-pager bx-has-controls-direction {position: relative } .content-news .bx-wrapper .bx-pager {display: none } .ttlNwsHome {width: 100%!important; background-color: transparent!important; padding-top: 0!important; text-align: left!important } .foot-info input.button, .nutri-mas a {text-transform: uppercase; text-align: center } .nutrition {width: 100%; display: block } .nutrition-in {width: 958px; margin: 0 auto 40px; display: block } .nutrition-in h2 {font-family: FuturaLT-CondensedLight; font-weight: 700; font-size: 36px; color: #494949; line-height: 36px; display: block; border-bottom: solid 2px #5ac3e3; text-transform: uppercase; padding: 0 0 3px; margin: 0 } .nutrition-rgt {display: inline-block; float: right; padding: 0 8px 0 4% } .nutrition-in p {font-family: FuturaStd-Light; font-weight: 400; font-size: 16px; color: #5c5c5c; line-height: 24px; display: block; margin: 0; padding: 27px 0 0 } .nutrition-in p small, .nutrition-in p span {font-family: FuturaStd-Light; font-weight: 700; font-size: 16px; line-height: 16px; display: inline-block } .nutrition-in p small {color: #5c5c5c } .nutrition-in p span {color: #1170a5; margin: 0 } .content-care-in ul li a, .nutri-mas a {font-family: FuturaStd-Light; font-weight: 400 } .nutri-mas {width: 630px; display: block; border-top: solid 1px #eaeaea; padding: 0 } .nutri-mas a {font-size: 15px; color: #5c5c5c; line-height: 15px; display: block; margin: 0; padding: 8px 0 4px; background: #eaeaea; width: 92px; float: right; position: static } .content-news ul li a:hover, .nutri-mas a:hover {background: #5c5c5c; color: #eaeaea } .content-care {width: 100%; display: block; padding: 0 0 60px } .content-care-in {width: 956px; margin: 0 auto; display: block; background: #f6f6f6; border: 1px solid #eaeaea } .content-care-in ul {display: block; float: left; left: 50%; list-style-type: none; margin: 0 auto; padding: 0 } .content-care-in ul li {display: inline-block; float: left; padding: 21px 59px 19px 40px; right: 50% } .content-care-in ul li a img {display: inline-block; float: left; margin: 0 16px 0 0 } .content-care-in ul li a {display: inline-block; float: none; font-size: 16px; color: #5c5c5c; line-height: 44px; margin: 0 } .content-care-in ul li a:hover {text-decoration: underline; color: #155a8b } .no_brd {border: none!important } .content-care-in ul li:nth-child(2) {padding: 22px 68px 18px 48px } .content-care-in ul li:nth-child(3) {padding: 22px 43px 18px 65px } .mass1 {margin: 24px 0 0 } .footer-in, .footer-top {margin: 0 auto; display: block } .menu-con, .salud {display: none } footer {width: 100%; display: block; background: #f6f6f6 } .footer-in {width: 958px; padding: 39px 0 29px } .footer-top {width: 100%; padding: 0 0 74px } .footer-details {width: 300px; display: inline-block; float: left; margin: 0 29px 0 0 } .footer-details h2 {font-family: FuturaLT-CondensedLight; font-weight: 700; font-size: 24px; color: #494949; line-height: 24px; display: block; border-bottom: solid 2px #494949; text-transform: uppercase; padding: 0 0 7px; margin: 0 0 15px } .foot-info input, .footer-details p {font-family: FuturaStd-Light } .footer-details p {font-weight: 400; font-size: 16px; color: #5c5c5c; line-height: 22px; display: block; margin: 0 0 22px } .foot-info {width: 300px; display: block } .foot-info input, .foot-info input.button {font-size: 16px; line-height: 16px; display: inline-block; font-weight: 400; outline: 0 } .foot-info input {color: #494949; float: left; font-style: italic; border: none; border-bottom: solid 1px #494949; padding: 0 10px 0 0; width: 180px; background: 0 0; height: 24px } .foot-info input.button {width: 110px; font-family: FuturaLT-Book; color: #fff; float: right; cursor: pointer; font-style: normal; height: 25px; border: 1px solid #494949; background: #494949; padding: 1px 0 0 } .agenda-ban, .agenda-ban img, .agenda-ban-in {width: 100%; display: block } .footer-details address, .footer-details address em {font-family: FuturaStd-Light; font-size: 16px; line-height: 22px } .footer-btm ul, .footer-btm ul li {float: left; display: inline-block } .foot-info input.button:hover {background-color: #fff; color: #494949 } .footer-details address {font-weight: 400; color: #5c5c5c; display: block } .footer-details address em {font-weight: 700; color: #5c5c5c; display: inline-block } .footer-details a, .footer-details span {font-family: FuturaStd-Light; font-weight: 400 } .footer-details span {font-size: 30px; color: #5c5c5c; line-height: 30px; display: block; margin: 0 0 3px; padding: 4px 0 0 } .footer-details a {font-size: 16px; color: #155a8b; line-height: 16px; display: block } .footer-btm ul li, .footer-btm ul li a {font-family: FuturaLT-Book; font-weight: 400; font-size: 13px; color: #5c5c5c; line-height: 13px } .footer-btm {width: 100%; margin: 0 auto; display: block } .footer-btm ul li {background: url(../images/foot-nav.png) right top no-repeat; margin: 0 11px 0 0; padding: 0 12px 0 0 } .agenda-ban-in, .agenda-note-con, .agenda-note-main {margin: 0 auto; height: 100% } .footer-btm ul li a {display: inline-block } .agenda-note h2, .main-nav-in ul li a {font-family: FuturaStd-Light; text-transform: uppercase } .agenda-ban img {height: auto } .agenda-ban-in {position: absolute; top: 0 } .agenda-note-main {display: block; width: 958px } .agenda-note-con {padding: 0; display: table; float: right; width: 200px } .agenda-note {background: url(../images/note-bg.png) center top; height: 100%; padding: 0; display: table-cell } .agenda-note h2, .agenda-note small {display: block; text-align: center } .agenda-note h2 {font-weight: 700; font-size: 36px; color: #fff; line-height: 36px; margin: 0 0 24px } .agenda-note small img {width: auto; height: auto; display: inline-block } .main-nav, .main-nav-in, .main-nav-in ul {display: block } .main-nav {width: 100%; background: #f6f6f6; margin-bottom: 20px } .main-nav-in {width: 958px; margin: 0 auto; padding: 22px 0 16px } .main-nav-in ul li {display: inline-block; float: left; background: url(../images/nav-arr.png) right 3px no-repeat; margin: 0 8px 0 0 } .main-nav-in ul li a {display: inline-block; font-weight: 400; font-size: 13px; color: #494949; line-height: 13px; padding: 0 16px 0 0; margin: 0 } .award-info small, .award-info small em, .society-info h2 {font-family: FuturaLT-CondensedLight; font-weight: 700 } .main-nav-in ul li a.active {text-decoration: none } .content-society {width: 100%; display: block; background: #fff } .content-society-in {width: 958px; display: block; margin: 0 auto; padding: 38px 0 0 } .noticia-pad {padding: 38px 0 123px } .society-lt {width: 630px; display: inline-block; float: left } .society-info {width: 630px; display: block; margin: 0 0 30px } .society-info h2 {font-size: 30px; color: #494949; line-height: 30px; display: block; border-bottom: solid 2px #5ac3e3; letter-spacing: .6px; padding: 0 0 4px; margin: 0 0 24px } .society-award {width: 100%; display: block; border-bottom: solid 1px #eaeaea; padding: 0 0 30px } .society-award-lt {width: 298px; display: inline-block; float: left; position: relative; margin: 4px 0 0 } .society-award-lt img {width: 100%; border: 1px solid #ddd; display: block } .award-info {width: 44px; display: block; background: #1170a5; position: absolute; bottom: 1px; left: 1px; padding: 3px 0 2px } .award-info small {font-size: 28px; color: #fff; line-height: 28px; display: block; text-transform: uppercase; text-align: center } .award-info small em {font-size: 18px; color: #fff; line-height: 18px; display: block; text-align: center } .society-award-rt {width: 300px; display: inline-block; float: right } .society-award-rt p, .society-info a {font-family: FuturaStd-Light; display: block } .society-award-rt p {font-weight: 400; font-size: 16px; color: #5c5c5c; line-height: 24px; padding: 0 5px 0 0 } .society-award-rt p small {font-family: FuturaStd-Light; font-weight: 700; font-size: 16px; color: #155a8b; line-height: 24px } .society-info a {font-weight: 400; font-size: 15px; color: #5c5c5c; line-height: 15px; margin: 0; padding: 8px 0 4px; text-transform: uppercase; text-align: center; background: #eaeaea; width: 92px; float: right } .society-info a:hover {background: #5c5c5c; color: #eaeaea } .society-rt {width: 298px; display: inline-block; float: right } .society-rt-top {width: 298px; display: block; margin: 0 0 40px } .society-rt-btm {width: 238px; display: block; border: 1px solid #eaeaea; background: #f6f6f6; padding: 28px 10% 20px } .society-rt-btm h2 {font-family: FuturaLT-CondensedLight; font-weight: 700; font-size: 21px; color: #1170a5; line-height: 21px; display: block; margin: 0 0 23px } .content-society-in a.back, .society-rt-btm ul li a {font-family: FuturaStd-Light; font-weight: 400; font-size: 16px; display: block } .society-rt-btm ul {display: block } .society-rt-btm ul li {display: block; margin: 0 0 16px } .society-rt-btm ul li a {color: #5c5c5c; line-height: 22px; text-decoration: underline } .society-rt-btm ul li a:hover {text-decoration: none } .content-society-in a.back {width: 155px; color: #fff; line-height: 16px; text-decoration: none; background: url(../images/back-bg.png) 20px 14px no-repeat #494949; text-transform: uppercase; margin: 36px auto 0; text-align: center; padding: 10px 0 9px 16px } .mass-info ul li a:hover, .sscrbt label a {text-decoration: underline } .society-rt .ui-highlight .ui-state-default:before, .tool p {font-weight: 400; font-size: 18px; line-height: 22px; padding: 9px 20px; font-family: FuturaLT-CondensedLight; color: #fff } .calender-tool {position: relative; width: 300px } .tool {width: 228px; display: none; background: url(../images/tool-hover.png); position: absolute; height: 60px; top: -13px; left: 48px; z-index: 99999 } .society-rt .ui-highlight .ui-state-default:hover:after, .society-rt .ui-highlight .ui-state-default:hover:before, .tool p {display: block } .tool p {letter-spacing: .5px } .tool a {position: absolute; top: 34%; left: -12px; width: 12px; height: 21px; background: url(../images/tool-bg.png) no-repeat } .society-rt .ui-highlight .ui-state-default:before {width: 200px; background: url(../images/tool-hover.png); position: absolute; height: auto; top: -13px; left: 48px; z-index: 9999999999; content: attr(data-content); display: block; display: none; letter-spacing: .8px; text-align: left } .mission-lt h2, .organize-rt h2, .project-d-in h2, .society-lt h1, .society-lt h2 {letter-spacing: .6px } .society-rt .ui-highlight .ui-state-default:after {border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #000; content: ''; position: absolute; top: 7px; left: 38px; opacity: .6; display: none; z-index: 99999 } .society-rt .ui-widget-content {border: 1px solid #eaeaea; background: #f6f6f6; width: 100%; min-height: 271px } .society-rt .ui-datepicker .ui-datepicker-header {background: #1170a5; border: none; border-radius: 0; padding: 11px 0 9px } .society-rt .ui-datepicker .ui-datepicker-prev span {background: url(../images/cal-prev.png) left top no-repeat; width: 9px; height: 16px } .society-rt .ui-datepicker .ui-datepicker-next span {background: url(../images/cal-next.png) left top no-repeat; width: 9px; height: 16px } .society-rt .ui-datepicker {padding: 0!important } .society-rt .ui-datepicker .ui-datepicker-title {font-family: FuturaLT-CondensedLight; font-weight: 700; font-size: 30px; color: #fff; line-height: 30px; display: block; text-transform: uppercase } .society-rt .ui-datepicker .ui-datepicker-prev {left: 9px; top: 14px } .society-rt .ui-datepicker .ui-datepicker-next {top: 14px } .society-rt thead {display: none!important } .agenda-meet, .agenda-sector, .sector, .sector p, .society-lt h2, .society-rt .ui-widget-content .ui-state-default:hover .tool {display: block } .society-rt .ui-widget-content .ui-state-default {font-family: FuturaStd-Light; font-weight: 400; font-size: 18px; color: #5c5c5c; background: 0 0; border: none } .society-rt .ui-datepicker table {margin: 11px 0 4px } .society-rt .ui-datepicker td a:hover {background: #1170a5; border-radius: 50px; color: #fff } .society-rt .ui-widget-content .ui-state-default {width: 30px; height: 30px; line-height: 30px; padding: 2px 2px 1px 1px; margin: 0; position: relative; text-align: center } .society-rt .ui-widget-content .ui-state-default.ui-state-active {background: #d00; border-radius: 100%; color: #fff; padding: 1px } .society-rt .ui-state-hover, .society-rt .ui-widget-content .ui-state-hover, .society-rt .ui-widget-header .ui-state-hover {border: none; background: 0 0 } .society-rt .ui-datepicker td {padding: 2px; width: 30px; height: 30px; position: relative } .paginador .pagNext, .paginador .pagPrev {height: 17px; width: 11px; position: absolute } .society-rt .ui-icon-circle-triangle-e {background-position: 0 } .society-rt .ui-datepicker td .tool a {background: url(../images/tool-bg.png) no-repeat!important } .ui-highlight .ui-state-default {background: #1170a5!important; border-color: #1170a5!important; color: #fff!important; border-radius: 100% } .paginador {width: 100%; position: relative; min-height: 24px } .paginador .pagPrev {left: 0; background: url(../images/previousPg.png) no-repeat } .paginador .pagNext {right: 0; background: url(../images/nextPg.png) no-repeat } .paginador .pagText {width: 100%; text-align: center; font-family: FuturaLT-Book; font-size: 18px; color: #1170a5; position: absolute; top: -5px } .paginador .pagText a {color: #1170a5 } .paginador .pagText a.active {font-weight: 600 } .society-lt h2 {font-family: FuturaLT-CondensedLight; font-weight: 700; font-size: 30px; color: #494949; line-height: 30px; border-bottom: solid 2px #5ac3e3; padding: 0 0 6px; margin: 0 0 29px } .agenda-sector {width: 628px; position: relative; margin: 0 0 30px } .agenda-sector img {width: 100%; border: 1px solid #ddd; display: block; height: auto } .sector {width: 100%; position: absolute; bottom: 0; left: 0; background: #1170a5 } .sector p {font-family: FuturaStd-Light; font-weight: 400; font-size: 14px; color: #fff; line-height: 17px; padding: 9px 3.7% 7px } .agenda-meet {width: 630px } .agenda-meet-lt {width: 100px; display: inline-block; float: left; background: #1170a5; margin: 0 19px 0 0 } .agenda-meet-lt h3 {font-family: FuturaLT-CondensedLight; font-weight: 700; font-size: 18px; color: #fff; line-height: 20px; display: block; text-transform: uppercase; background: #1170a5; padding: 9px 0 6px 11px } .agenda-meet p, .agenda-meet p:first-of-type:first-letter, .mass-info ul li {font-family: FuturaStd-Light } .agenda-meet p {font-weight: 400; font-size: 16px; color: #5c5c5c; line-height: 22px; display: block; margin: 0 0 29px } .mass-info h3, .mass-info ul li {font-weight: 700; text-transform: uppercase } .agenda-meet p:first-of-type:first-letter {float: left; color: #1170a5; font-size: 60px; line-height: 60px; padding: 0 5px 0 0 } .mass-info {display: block; margin: 24px 0 0; border-bottom: solid 1px #eaeaea; padding: 0 0 27px } .mass-info h3 {font-family: FuturaLT-CondensedLight; font-size: 21px; color: #1170a5; line-height: 21px; display: block; margin: 0 0 8px } .mass-info ul li, .mass-info ul li a {line-height: 16px; display: inline-block } .mass-info ul {display: inline-block; background: #eaeaea; width: 608px; padding: 23px 0 21px 23px } .mass-info ul li {float: left; font-size: 16px; color: #1170a5; margin: 0 18px 0 0 } .mass-info ul li a, .society-lt a.volve {font-family: FuturaStd-Light; font-weight: 400; color: #5c5c5c } .mass-info ul li a {font-size: 16px; text-transform: lowercase } .agenda-note h3, .analyst h3, .analyst-tab ul li label, .compania-product h2, .content-courage-in h2, .content-courage-in ul li h3, .content-spice-in h2, .content-static-in h2, .grade-items ul li small, .grade-top h2, .mission-lt h2, .organize-rt h2, .project-d-in h2, .range-in h3, .range-top ul li a, .society-lt a.volve, .spice-info-rt a, .spice-info-rt h3, .sscrbt input#suscribir, .texture-toggle-in h4, .texture-toggle-main a.tog, .texture-top h3, .wide-info-in h4 {text-transform: uppercase } .society-lt a.volve {font-size: 15px; line-height: 15px; display: block; margin: 0; padding: 6px 0 4px; text-align: center; background: #eaeaea; width: 92px; float: right } .gallery h2, .sscrbt h2 {font-weight: 700; font-family: FuturaLT-CondensedLight } .society-lt a.volve:hover {background: #5c5c5c; color: #eaeaea } .gallery {width: 298px; display: block; padding: 0 } .gallery h2 {font-size: 21px; color: #1170a5; line-height: 21px; display: block; margin: 0 0 12px } .gallery ul {display: block; position: relative } .gallery ul li, .gallery ul li a, .gallery ul li a img {display: inline-block } .gallery ul li {float: left; margin: 0 8px 8px 0 } .gallery ul li a img {margin: 0; padding: 0; border: 1px solid #eaeaea } .gallery ul li:nth-child(2), .gallery ul li:nth-child(4), .gallery ul li:nth-child(6) {margin-right: 0!important } #colorbox {background: #fff!important } .fancybox-close {background: url(../images/cut.png) no-repeat; margin: 0 5px 0 0 } .sscrbt {background-color: #fff; height: 100%; display: block; text-align: center; padding: 20px } .sscrbt h2 {font-size: 36px; color: #494949; line-height: 50px; margin-top: 12% } .sscrbt p {font-family: FuturaStd-Light; font-weight: 400; font-size: 16px; color: #5c5c5c; line-height: 25px; margin-top: 20px } .sscrbt h3 {font-family: FuturaLT-CondensedLight; font-weight: 700; font-size: 36px; color: #494949; line-height: 50px; margin-top: 10px } .sscrbt h3 small, .sscrbt h3 small #wrnng {font-family: FuturaLT-CondensedLight; font-size: 18px; line-height: 20px } .sscrbt h3 small {font-weight: 400; color: #494949; margin-top: 0; display: block } .sscrbt h3 small #wrnng {font-weight: 700; color: #e30613; margin: 10px auto; display: none } .sscrbt input, .sscrbt label {float: left; font-family: FuturaStd-Light; font-weight: 400; color: #494949 } .sscrbt form {margin-top: 20px } .sscrbt input {font-size: 16px; line-height: 16px; display: inline-block; font-style: italic; border: none; border-bottom: solid 1px #494949; outline: 0; padding: 0 10px 0 0; background: 0 0; height: 24px } .compania-block h2, .compania-product h2, .content-courage-in h2, .content-static-in h2, .mission-lt h2, .organize-rt h2, .project-d-in h2 {border-bottom: solid 2px #5ac3e3 } .sscrbt input.w50 {width: 44%; margin: 15px 2% 10px } .sscrbt input[type=checkbox] {-webkit-appearance: checkbox!important; -moz-appearance: checkbox!important; -ms-appearance: checkbox!important; -o-appearance: checkbox!important; appearance: checkbox!important; float: left; width: 20px; height: 20px; line-height: 20px; margin: 20px 10px 20px 2% } .sscrbt label {font-size: 14px; line-height: 16px; padding: 20px 10px 0 0 } .sscrbt label a {color: #494949 } .sscrbt input#suscribir {max-width: 210px; width: 100%; font-family: FuturaLT-Book; font-weight: 400; font-size: 18px; color: #fff; line-height: 45px; display: block; text-decoration: none; background: #494949; margin: 15px auto 0; text-align: center; float: none; height: 45px } .agenda-note h3, .content-static-in h2 {font-weight: 700; font-size: 30px; line-height: 30px; display: block } input.wrong::-webkit-input-placeholder {color: #e30613!important } input.wrong:-moz-placeholder {color: #e30613!important } input.wrong::-moz-placeholder {color: #e30613!important } input.wrong:-ms-input-placeholder {color: #e30613!important } label.wrong, label.wrong a {color: #e30613!important } .agenda-note h3 {font-family: FuturaStd-Light; color: #fff; text-align: center; margin: 0 0 24px } .content-static {width: 100%; display: block; margin: 0 auto; padding: 37px 0 34px } .content-static-in {width: 958px; display: block; margin: 0 auto 45px } .content-static-in h2 {font-family: FuturaLT-CondensedLight; color: #494949; padding: 0 0 4px; margin: 0 0 24px } .content-static-in p, .content-static-in p small {line-height: 24px; font-family: FuturaStd-Light; font-size: 16px } .content-static-in p {font-weight: 400; color: #5c5c5c; display: block; margin: 0 0 24px; padding: 0 2% 0 0 } .content-static-in p small {font-weight: 700; color: #1170a5; display: inline-block } .content-static-in ul li {display: block; font-family: FuturaStd-Light; font-weight: 400; font-size: 16px; color: #5c5c5c; line-height: 22px; background: url(../images/check-bg.png) left 6px no-repeat; padding: 2px 0 0 28px; margin: 0 0 12px } .content-compania {width: 100%; display: block; margin: 0 auto; padding: 37px 0 34px } .compania-block {width: 958px; display: block; margin: 0 auto 46px } .compania-block h2 {font-family: FuturaLT-CondensedLight; font-weight: 700; font-size: 30px; color: #494949; line-height: 30px; display: block; padding: 0 0 4px; margin: 0 0 24px } .block-lt p, .block-lt p small {font-family: FuturaStd-Light; font-size: 16px } .block-lt {width: 458px; display: inline-block; float: left } .block-lt p {font-weight: 400; color: #5c5c5c; line-height: 24px; display: block; padding: 0 0 39px; min-height: 99px } .block-lt p small {font-weight: 700; color: #1170a5; line-height: 16px; display: inline-block } .block-lt img {display: block; margin: 0 auto } .compania-product {width: 958px; display: block; margin: 0 auto 45px } .certify, .compania-slick {width: 100%; display: block } .compania-product h2 {font-family: FuturaLT-CondensedLight; font-weight: 700; font-size: 30px; color: #494949; line-height: 30px; display: block; padding: 0 0 4px; margin: 0 0 24px } .compania-product p, .compania-product p small {font-family: FuturaStd-Light; font-size: 16px; line-height: 24px } .compania-product p {font-weight: 400; color: #5c5c5c; display: block; margin: 0 0 24px; padding: 0 2% 0 0 } .compania-product p small {font-weight: 700; color: #1170a5; display: inline-block } .certify-in, .certify-in h2, .certify-in ul, .certify-logo, .certify-logo ul {display: block } .compania-slick {background: #e9e9e9 } .hero-carousel {width: 100%; height: 107px; margin: 0 } .certify-in {width: 958px; margin: 0 auto } .certify-in h2 {font-family: FuturaLT-CondensedLight; font-weight: 700; font-size: 21px; color: #1170a5; line-height: 21px; margin: 0 0 27px } .certify-in p, .certify-in ul li {font-family: FuturaStd-Light; font-weight: 400; font-size: 16px; color: #5c5c5c; display: block } .certify-in p {line-height: 22px; padding: 0 35% 0 0; margin: 0 0 15px } .certify-in ul {margin: 0 0 27px } .certify-in ul li {line-height: 16px; background: url(../images/check-bg.png) left top no-repeat; padding: 3px 0 0 29px; margin: 0 0 17px } .certify-logo ul li, .certify-logo ul li a {display: inline-block } .certify-logo ul li {float: left; margin: 0 51px 0 0; padding: 0; background: 0 0 } .mrg_bt {margin-bottom: 0!important } .hero-ban {width: 100%; display: block; height: auto!important } .hero {margin: 30px 0 38px; height: 408px } .hero-ban img {opacity: .5; background: #000 } .hero-ban .current img {opacity: 1 } .hero-carousel article {width: 960px!important } .content-mission {width: 100%; display: block; margin: 0 auto } .content-mission-in {width: 958px; display: block; margin: 0 auto; padding: 37px 0 55px } .mission-lt {width: 630px; display: inline-block; float: left; margin: 0; padding: 11px 0 0 } .mission-lt h2 {font-family: FuturaLT-CondensedLight; font-weight: 700; font-size: 30px; color: #494949; line-height: 30px; display: block; padding: 0 0 4px; margin: 0 0 25px } .mission-lt p {font-family: FuturaStd-Light; font-weight: 400; font-size: 16px; color: #5c5c5c; line-height: 24px; display: block; margin: 0; padding: 0 } .mission-rt {display: inline-block; float: right; margin: 0 14px 0 0 } .content-organize {width: 100%; display: block; background: url(../images/plus-ban.png) left top } .content-organize-in {width: 958px; display: block; margin: 0 auto 37px; padding: 39px 0 21px } .organize-lt {display: inline-block; float: left; margin: 10px 0 0 } .organize-rt {width: 628px; display: inline-block; float: right; text-align: right } .organize-rt h2 {font-family: FuturaLT-CondensedLight; font-weight: 700; font-size: 30px; color: #494949; line-height: 30px; display: block; padding: 0 0 4px; margin: 0 0 25px } .organize-rt p {font-family: FuturaStd-Light; font-weight: 400; font-size: 16px; color: #5c5c5c; line-height: 24px; display: block; margin: 0 0 24px; padding: 0 0 0 3% } .project-d {width: 100%; display: block } .project-d-in {width: 958px; display: block; margin: 0 auto; padding: 0 0 25px } .project-d-in h2 {font-family: FuturaLT-CondensedLight; font-weight: 700; font-size: 30px; color: #494949; line-height: 30px; display: block; padding: 0 0 4px; margin: 0 0 25px } .project-d-in p, .project-d-in ul li {font-family: FuturaStd-Light; font-weight: 400; font-size: 16px; color: #5c5c5c; margin: 0 0 24px; display: block } .project-d-in p {line-height: 24px; padding: 0 } .project-d-in ul {display: block } .project-d-in ul li {line-height: 16px; padding: 0 0 0 27px; background: url(../images/check-bg.png) left 0 no-repeat } .product-fruit {width: 100%; display: block; margin: 0 0 38px } .product-fruit img {width: 100%; height: auto } .proj1 {padding: 0 0 69px } .content-courage {width: 100%; display: block } .content-courage-in {width: 958px; display: block; margin: 0 auto; padding: 36px 0 16px } .content-courage-in h2 {font-family: FuturaLT-CondensedLight; font-weight: 700; font-size: 36px; color: #494949; line-height: 36px; display: block; letter-spacing: .6px; padding: 0; margin: 0 0 26px } .content-courage-in p, .content-courage-in p small {font-family: FuturaStd-Light; color: #5c5c5c; padding: 0; font-size: 16px } .content-courage-in p {font-weight: 400; line-height: 24px; display: block; margin: 0 0 24px } .content-courage-in p small {font-weight: 700; line-height: 16px; margin: 0 } .content-courage-in ul {display: block; width: 662px; margin: 41px 0 0 } .content-courage-in ul li {display: block; margin: 0 0 45px } .content-courage-in ul li h3 {display: block; font-family: FuturaLT-CondensedLight; font-weight: 700; font-size: 21px; color: #1170a5; line-height: 21px; border-bottom: solid 1px #5ac3e3; padding: 0 0 2px; margin: 0 0 9px } .content-courage-in ul li p, .content-courage-in ul li p small {font-size: 14px; color: #5c5c5c; margin: 0; padding: 0; font-family: FuturaStd-Light } .content-courage-in ul li p {font-weight: 400; line-height: 21px; display: block } .content-courage-in ul li p small {font-weight: 700; line-height: 14px; display: inline-block } .courage-rt {display: inline-block; float: right; margin: 6px 6px 0 -4% } .content-courage-in ul li:nth-child(2) {padding: 0 11% 0 0 } .content-courage-in ul li:nth-child(3) {padding: 0 19% 0 0 } .content-courage-in ul li:nth-child(4) {padding: 0 26% 0 0 } .content-courage-in ul li:nth-child(3) p {padding: 0 5% 0 0 } .content-courage-in ul li:nth-child(2) p, .content-courage-in ul li:nth-child(4) p {padding: 0 8% 0 0 } .content-diverse {width: 100%; display: block; background: url(../images/nutri1-bg.png) center top no-repeat; background-size: cover } .content-diverse-in {width: 958px; display: block; margin: 0 auto 51px; padding: 42px 0 7px } .content-diverse-in h2 {font-family: FuturaLT-CondensedLight; font-weight: 700; font-size: 36px; color: #494949; line-height: 36px; display: block; border-bottom: solid 2px #5ac3e3; padding: 0 0 1px; margin: 0 0 26px } .content-diverse-in p {font-family: FuturaStd-Light; font-weight: 400; font-size: 16px; color: #5c5c5c; line-height: 24px; display: block; margin: 0 0 24px; padding: 0 1% 0 0 } .content-diverse-in p em, .content-diverse-in p small {font-family: FuturaStd-Light; font-size: 16px; line-height: 16px; margin: 0; font-weight: 700 } .content-diverse-in p small {color: #5c5c5c; padding: 0 } .content-diverse-in p em {color: #155a8b; display: inline-block; padding: 0 } .content-public {width: 100%; display: block } .content-public-in {width: 958px; display: block; margin: 0 auto 40px } .content-public-in h2 {font-family: FuturaLT-CondensedLight; font-weight: 700; font-size: 36px; color: #494949; line-height: 36px; display: block; border-bottom: solid 2px #5ac3e3; margin: 0 0 26px } .content-public-in p {font-family: FuturaStd-Light; font-weight: 400; font-size: 16px; color: #5c5c5c; line-height: 24px; display: block; margin: 0; padding: 0 } .content-care-in ul li a.host {margin: 0 0 0 9px; line-height: 20px } .notebg {background: url(../images/prod-trans.png) center top } .notebg h3 {font-size: 28px; line-height: 28px } .content-texture {width: 100%; display: block } .content-texture-in {width: 958px; display: block; margin: 0 auto; padding: 35px 0 0 } .content-texture-in h2 {font-family: FuturaLT-CondensedLight; font-weight: 700; font-size: 36px; color: #494949; line-height: 36px; display: block; border-bottom: solid 2px #5ac3e3; padding: 0 0 1px; margin: 0 0 26px } .content-texture-in p, .content-texture-in ul li {font-family: FuturaStd-Light; font-weight: 400; font-size: 16px; color: #5c5c5c } .content-texture-in p {line-height: 24px; display: block; margin: 0 0 24px; padding: 0 1% 0 0 } .content-texture-in ul {display: inline-block; float: left; margin: 0 12.6% 0 0 } .content-texture-in ul li {display: block; line-height: 16px; background: url(../images/check-bg.png) left top no-repeat; padding: 2px 0 0 28px; margin: 0 0 22px } .texture-info-main {width: 100%; display: block; position: relative } .texture-info {width: 958px; display: block; margin: 0 auto; padding: 24px 0 0 } .texture-info ul {display: block; margin: 0; padding: 0; float: none } .texture-info ul li {display: inline-block; float: left; width: 465px; margin: 0; padding: 0 0 24px; background: 0 0; position: relative } .texture-top {display: block; position: relative; margin: 0 0 18px } .texture-top h3 {display: block; font-family: FuturaLT-CondensedLight; font-weight: 700; font-size: 26px; color: #494949; line-height: 26px; border-bottom: solid 2px #70b852; padding: 0 0 5px } .texture-info ul li p, .texture-top a {display: block; font-family: FuturaStd-Light; font-weight: 400 } .texture-top a {width: 152px; background: #70b852; font-size: 15px; color: #fff; line-height: 15px; text-transform: uppercase; text-align: center; position: absolute; bottom: 0; right: 0; padding: 6px 0; cursor: pointer; border: 1px solid #70b852 } .texture-top a:hover {background: #fff; color: #70b852 } .texture-info ul li img {display: block; border: 1px solid #ddd; margin: 0 0 16px } .texture-info ul li p {font-size: 16px; color: #5c5c5c; line-height: 21px; margin: 0; padding: 0 0 10px; min-height: 64px } .texture-info ul .tab1 h3 {border-bottom: solid 2px #ed5e79 } .texture-info ul .tab1 a {background: #ed5e79; border: 1px solid #ed5e79 } .texture-info ul .tab1 a:hover {background: #fff; color: #ed5e79 } .intro1 .texture-toggle {background: #ed5e79 } .texture-info ul .tab2 h3 {border-bottom: solid 2px #f28d2d } .texture-info ul .tab2 a {background: #f28d2d; border: 1px solid #f28d2d } .texture-info ul .tab2 a:hover {background: #fff; color: #f28d2d } .intro2 .texture-toggle {background: #f28d2d } .texture-info ul .tab3 h3 {border-bottom: solid 2px #155a8b } .texture-info ul .tab3 a {background: #155a8b; border: 1px solid #155a8b } .texture-info ul .tab3 a:hover {background: #fff; color: #155a8b } .intro3 .texture-toggle {background: #155a8b } .texture-info ul .tab4 h3 {border-bottom: solid 2px #70b852 } .texture-info ul .tab4 a {background: #70b852; border: 1px solid #70b852 } .texture-info ul .tab4 a:hover {background: #fff; color: #70b852 } .intro4 .texture-toggle {background: #70b852 } .texture-info ul .tab5 h3 {border-bottom: solid 2px #9f2332 } .texture-info ul .tab5 a {background: #9f2332; border: 1px solid #9f2332 } .texture-info ul .tab5 a:hover {background: #fff; color: #9f2332 } .intro5 .texture-toggle {background: #9f2332 } .texture-info ul .tab6 h3 {border-bottom: solid 2px #fdc100 } .texture-info ul .tab6 a {background: #fdc100; border: 1px solid #fdc100 } .texture-info ul .tab6 a:hover {background: #fff; color: #fdc100 } .intro6 .texture-toggle {background: #fdc100 } .texture-info ul .tab7 h3 {border-bottom: solid 2px #93bc86 } .texture-info ul .tab7 a {background: #93bc86; border: 1px solid #93bc86 } .texture-info ul .tab7 a:hover {background: #fff; color: #93bc86 } .intro7 .texture-toggle {background: #93bc86 } .texture-info ul li:nth-child(2), .texture-info ul li:nth-child(4), .texture-info ul li:nth-child(6) {margin-right: 0!important; float: right!important } .texture-toggle-main {width: 100%; display: none; z-index: 99999 } .texture-toggle {width: 100%; display: block; background: #70b852 } .texture-toggle-in {width: 962px; display: block; margin: 0 auto; padding: 35px 0 } .texture-toggle-in h4 {font-family: FuturaLT-CondensedLight; font-weight: 700; font-size: 36px; color: #fff; line-height: 36px; border-bottom: solid 2px #fff; margin: 0 0 15px } .texture-toggle-in ul li a, .texture-toggle-in ul li small {font-size: 16px; line-height: 16px; font-family: FuturaStd-Light; font-weight: 400; color: #fff } .texture-toggle-in ul {display: inline-block; width: 33%; float: left } .texture-toggle-in ul li {display: block; margin: 0 0 7px; padding: 0 0 0 13px; float: none; min-height: 0; background: url(../images/bullet-tog.png) left 4px no-repeat } .texture-toggle-in ul li small {float: left; display: block; margin: 0 20px 0 0 } .texture-toggle-in ul li a {display: inline-block; width: 77%; word-wrap: break-word; text-decoration: underline } .texture-toggle-in ul li a:hover {text-decoration: none } .texture-toggle-main a.tog {width: 102px; display: block; margin: 0 auto 20px; font-family: FuturaStd-Light; font-weight: 400; font-size: 15px; color: #fff; line-height: 15px; text-align: center; background: #494949; padding: 5px 0; cursor: pointer } .formation, .product-main {width: 100%; display: block } .grade span, .grade-top h2 {font-family: FuturaLT-CondensedLight; font-weight: 700; font-size: 36px; color: #494949; line-height: 36px } .texture-toggle-in ul li:nth-child(2) a, .texture-toggle-in ul li:nth-child(3) a, .texture-toggle-in ul li:nth-child(4) a, .texture-toggle-in ul li:nth-child(5) a, .texture-toggle-in ul li:nth-child(6) a {background: 0 0!important } .texture-toggle-in ul li:nth-child(2), .texture-toggle-in ul li:nth-child(4), .texture-toggle-in ul li:nth-child(6) {float: none!important } .product-main {background: #fff; position: relative; padding: 25px 0 0 } .grade {width: 958px; display: block; margin: 0 auto; padding: 0 0 46px } .grade-top {display: block; border-bottom: solid 2px #70b852; padding: 0 0 3px; margin: 0 0 31px } .grade span, .grade-lt, .grade-top h2 {display: inline-block } .grade-top h2 {float: left } .grade span {float: right } .grade-lt {width: 478px; float: left; position: relative } .grade-lt img {display: block } .grade-lt a.pop {position: absolute; bottom: 0; right: 0; background: url(../images/search-pop.png) no-repeat; width: 30px; height: 30px } .grade-lt img.pop1 {display: none } .grade-rt {width: 448px; display: inline-block; padding: 7px 0 0; margin: 0 0 0 32px } .grade-rt p {font-family: FuturaStd-Light; font-weight: 400; font-size: 16px; color: #5c5c5c; line-height: 25px; display: block; margin: 0 0 32px } .grade-rt ul, .grade-rt ul li, .grade-rt ul li a {display: inline-block } .grade-rt ul {margin: 0 0 36px } .grade-rt ul li {float: left; margin: 0 12px 0 0 } .grade-info {width: 450px; display: block } .grade-info ul {display: block; margin: 0 } .grade-info ul li {display: inline-block; float: left; border-right: solid 1px #fff; width: 24.6%; margin: 0; padding: 0 } .grade-info ul li label {display: block; background: #494949; font-family: FuturaLT-CondensedLight; font-weight: 700; font-size: 21px; color: #fff; line-height: 21px; text-align: center; padding: 8px 0 6px } .grade-info a.down, .grade-info ul li span {font-family: FuturaStd-Light; color: #5c5c5c } .grade-info a.down, .grade-info ul li span, .grade-items ul li small {font-weight: 400; font-size: 16px; line-height: 16px } .grade-info ul li span {display: block; background: #f6f6f6; text-align: center; padding: 20px 0 19px; float: none } .grade-info ul li:nth-child(2) {width: 25% } .grade-info ul li:nth-child(3) {width: 23% } .grade-info ul li:nth-child(4) {width: 26.5% } .grade-items, .grade-items:hover {width: 90px; height: 515px; position: fixed; top: 30%; display: block } .grade-info a.down {display: block; background: url(../images/tech-bg.png) left top no-repeat; text-decoration: underline; margin: 41px 0 0; padding: 12px 0 14px 49px } .grade-items ul li small, .wide-info-in h4 {font-family: FuturaLT-CondensedLight } .grade-items {left: -79px; transition: all .5s ease } .grade-items:hover {left: 0 } .grade-items ul {display: block } .grade-items ul li {display: block; text-align: center; background: #70b852; padding: 8px 0 0; height: 77px; margin: 0 0 1px } .grade-items ul li:hover {background-color: #fff; color: #70b852 } .grade-items ul li img {display: inline-block; margin: 0 0 8px } .grade-items ul li small {color: #fff; display: block } .grade-items ul li:hover small {color: #70b852 } .grade-items ul li:nth-child(2) {background: #f28d2d; padding: 12px 0 0; height: 73px } .grade-items ul li:nth-child(2):hover {background: #fff } .grade-items ul li:nth-child(2):hover small {color: #f28d2d } .grade-items ul li:nth-child(3) {background: #155a8b } .grade-items ul li:nth-child(3):hover {background: #fff } .grade-items ul li:nth-child(3):hover small {color: #155a8b } .grade-items ul li:nth-child(4) {background: #ed5e79; padding: 12px 0 0; height: 73px } .grade-items ul li:nth-child(4):hover {background: #fff } .grade-items ul li:nth-child(4):hover small {color: #ed5e79 } .grade-items ul li:nth-child(5) {background: #fdc100; } .grade-items ul li:nth-child(5):hover {background: #fff } .grade-items ul li:nth-child(5):hover small {color: #fdc100; } .grade-items ul li:nth-child(6) {background: #9f2332 } .grade-items ul li:nth-child(6):hover {background: #fff } .grade-items ul li:nth-child(6):hover small {color: #9f2332 } .wide-main {width: 100%; display: block; background: url(../images/produce-bg.png) center top no-repeat; background-size: cover; border-top: solid 1px #e9e9e9; border-bottom: solid 1px #e9e9e9 } .wide-info {width: 100%; display: block } .wide-info-in {width: 962px; display: block; margin: 0 auto; padding: 38px 0 27px } .wide-info-in h4 {font-weight: 700; font-size: 36px; color: #494949; line-height: 36px; border-bottom: solid 2px #70b852; margin: 0 0 30px } .wide-info-in ul li a, .wide-info-in ul li small {font-family: FuturaStd-Light; font-weight: 400; font-size: 16px; color: #494949 } .wide-info-in ul {display: inline-block; width: 33%; float: left } .wide-info-in ul li {display: block; padding: 0 0 0 13px; float: none; min-height: 0; background: url(../images/bullet-tog1.png) left 4px no-repeat; margin: 0 0 12px } .wide-info-in ul li small {float: left; display: block; line-height: 16px; margin: 0 20px 0 0 } .wide-info-in ul li a {display: inline-block; width: 77%; word-wrap: break-word; line-height: 18px; text-decoration: underline } .benifit ul li a:hover, .wide-info-in ul li a:hover {text-decoration: none } .wide-list {display: inline-block; float: left } .content-spice {width: 100%; display: block; background: #fff } .content-spice-in {width: 958px; display: block; margin: 0 auto; padding: 0 0 125px } .content-spice-in h2 {font-family: FuturaLT-CondensedLight; font-weight: 700; font-size: 36px; color: #494949; line-height: 36px; border-bottom: solid 2px #1170a5; padding: 0; margin: 0 0 26px; display: block } .content-spice-in p, .content-spice-in p span {font-family: FuturaStd-Light; font-weight: 400; font-size: 16px; margin: 0 0 24px; padding: 0 } .content-spice-in p {color: #5c5c5c; line-height: 24px; display: block } .content-spice-in p span {color: #1170a5; line-height: 16px; display: inline-block } .range-in h3, .spice-info-rt h3 {font-family: FuturaLT-CondensedLight } .content-spice-in ul {display: block; margin: 44px 0 0 } .content-spice-in ul li {display: inline-block; float: left; margin: 0 28px 0 0 } .spice-info {width: 465px; display: block } .spice-info-lt {display: inline-block; float: left; width: 165px } .spice-info-lt img {display: block; border: 1px solid #ddd } .spice-info-rt {display: inline-block; float: right; width: 280px } .range, .range-in, .range-in h3, .range-top, .range-top ul, .spice-info-rt h3 {display: block } .spice-info-rt h3 {font-weight: 700; font-size: 21px; color: #1170a5; line-height: 21px; margin: 0 0 11px } .spice-info-rt a, .spice-info-rt p {font-family: FuturaStd-Light; font-weight: 400; color: #5c5c5c; margin: 0; display: block } .spice-info-rt p {font-size: 16px; line-height: 22px; border-bottom: solid 1px #eaeaea; padding: 0 2% 14px 0 } .spice-info-rt a {font-size: 15px; line-height: 15px; padding: 8px 0 4px; text-align: center; background: #eaeaea; width: 92px; float: right; position: static } .spice-info-rt a:hover {background: #5c5c5c; color: #eaeaea } .range {width: 100%; margin: 0 0 43px; background: #fff } .range-in {width: 958px; margin: 0 auto; padding: 38px 0 0 } .range-in h3 {font-weight: 700; font-size: 36px; color: #494949; line-height: 36px; border-bottom: solid 2px #70b852; padding: 0 0 3px; margin: 0 0 30px } .benifit h3, .range-top ul li a {font-size: 21px; line-height: 21px; font-family: FuturaLT-CondensedLight } .range-top {border-top: solid 1px #f6f6f6; border-bottom: solid 1px #f6f6f6; width: 89%; border-left: solid 1px #f6f6f6; box-shadow: 0 2px 2px 0 #ccc; position: relative; z-index: 998 } .range-top ul li {display: inline-block; float: left; border-right: solid 1px #f6f6f6; padding: 0 } .range-top ul li a {display: inline-block; font-weight: 400; color: #70b852; background: #fff; padding: 6px 19px } .range-top ul li.resp-tab-active a {background: #70b852; color: #fff } .range-top ul li.resp-tab-item:hover {background: #70b852!important } .range-top ul li.resp-tab-item:hover a {color: #fff; background: #70b852!important } .range-btm {display: block; background: #f6f6f6; padding: 24px 3% 20px!important; width: 94%; border: 1px solid #eaeaea; margin: 0 auto } .benifit {display: inline-block; float: left; margin: 0 44px 0 0 } .benifit h3 {font-weight: 700; color: #494949; border-bottom: solid 1px #70b852; padding: 0 0 11px; margin: 0 0 16px } .benifit ul {display: block } .benifit ul li {display: block; background: url(../images/bullet-check.png) left top no-repeat; padding: 0 0 0 23px; margin: 0 0 18px } .benifit ul li a {font-family: FuturaStd-Light; font-weight: 400; font-size: 16px; color: #5c5c5c; line-height: 18px; display: block } .refer {display: none } .range .resp-tab-active {margin-bottom: 0!important; padding: 0!important; border: none; background: #70b852!important; color: #fff!important } .range h2.resp-accordion {background: #494949!important; color: #fff!important } .range .resp-tab-content {border: none; padding: 0 } .range .resp-arrow {border: none; background: url(../images/accord-bg.png) no-repeat; width: 25px; height: 15px } .analyst h3, .tab_heads {border-bottom: solid 1px #70b852 } .analyst, .analyst-tab {width: 900px } .range .resp-tabs-container {background: #f6f6f6 } .range-tab1, .range-tab2, .range-tab3, .range-tab4 {display: block; margin: 0; padding: 0 } .analyst {display: block; margin: 0 auto 25px } .analyst h3, .analyst-tab {display: block; margin: 0 0 20px } .analyst h3 {font-family: FuturaLT-CondensedLight; font-weight: 700; font-size: 21px; color: #494949; line-height: 21px; padding: 0 0 13px } .analyst-tab ul li em, .analyst-tab ul li label {font-family: FuturaLT-CondensedLight; font-size: 18px; color: #fff; line-height: 20px; font-weight: 400 } .analyst-tab ul {display: inline-block; float: left; width: 51.7% } .analyst-tab ul li {display: inline-block; float: left; background: #fff; margin: 0 1px 0 0; width: 12.38%; text-align: center } .analyst-tab ul li label {display: block; background: #494949; padding: 9px 0 0; height: 46px } .analyst-tab ul li em {text-transform: lowercase } .analyst-tab ul li small {display: block; background: #fff; font-family: FuturaStd-Light; font-weight: 400; font-size: 16px; color: #5c5c5c; line-height: 16px; height: 35px; text-align: center; padding: 20px 0 0 } .tab2_head h4, .tab2_head h5, .tab_heads h3 {font-family: FuturaLT-CondensedLight; font-weight: 700; font-size: 21px; color: #494949; line-height: 21px } .analyst-tab ul.rate4 li label, .analyst-tab ul.rate5 li label {height: 32px; padding: 13px 0 0 } .analyst-tab ul li.gram111 {width: 19.7% } .analyst-tab ul li.gram1 {width: 18.1% } .analyst-tab ul li.gram2 {width: 17.7% } .analyst-tab ul li.gram3 {width: 20.6% } .analyst-tab ul li.gram4 {width: 22.8% } .analyst-tab ul li.gram5 {width: 15% } .analyst-tab ul li.gram6 {width: 46.1% } .analyst-tab ul li.gram7 {width: 38% } .analyst-tab ul li.gram8 {width: 37.8% } .analyst-tab ul li.gram9 {width: 19.1% } .analyst-tab ul li.gram10 {width: 21.2% } .analyst-tab ul li.gram11 {width: 31% } .analyst-tab ul li.gram12 {width: 20.4% } .analyst-tab ul li.gram13 {width: 20.1% } .analyst-tab ul li.gram14 {width: 27.5% } .analyst-tab ul.rate1 {width: 48.3% } .analyst-tab ul.rate2 {width: 52.4% } .analyst-tab ul.rate3 {width: 47.6% } .analyst-tab ul.rate4, .analyst-tab ul.rate5 {width: 100% } .analyst-tab ul.rate5 li {width: 16.55% } .range-tab2-list {margin: 40px 0 0; padding: 0 0 5px; display: block; width: 900px } .tab_heads {margin: 0 0 17px; padding: 0 0 8px; display: block } .tab_heads h3 {float: left; padding: 0; margin: 0; border: none } .tab2_head {float: right; margin: 0; padding: 0 } .tab2_head h4, .tab2_head h5 {padding: 0 0 0 27px; float: left } .tab2_head h4 {margin: 0 23px 0 0; background: url(../images/cross-mark.png) left center no-repeat } .tab2_head h5 {margin: 0; background: url(../images/bullet-check.png) left center no-repeat } .range-tab2-list ul {width: 100%; margin: 0; padding: 0; display: block; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3 } .range-tab2-list ul li {width: 248px; margin: 0 0 16px; padding: 0 0 0 27px; display: block; background: url(../images/bullet-check.png) left 4px no-repeat } .range-tab2-list ul li a {font-family: FuturaStd-Light; font-weight: 400; font-size: 16px; color: #5c5c5c; line-height: 20px; padding: 0; margin: 0 } .discription2_in {margin: 0 0 13px; padding: 0; display: block; width: 435px } .discription2_in img {float: left; margin: 0; padding: 0; display: block } .product_discription {width: 316px; margin: 17px 0 0; padding: 0; float: right } .product_discription h3 {font-family: FuturaLT-CondensedLight; font-weight: 700; font-size: 21px; color: #494949; line-height: 21px; border-bottom: solid 1px #70b852; padding: 0 0 11px; margin: 0 0 16px } .product_discription h4, .product_discription p {font-family: FuturaStd-Light; font-size: 16px; color: #5c5c5c; line-height: 24px; margin: 0 0 8px } .product_discription p {font-weight: 400; padding: 0 0 11px } .product_discription h4 {font-weight: 700; padding: 0 } .discription_lft, .discription_rt {margin: 0; padding: 0; display: block } .discription_rt {float: right } .discription_lft {float: left } .range-tab4 h3 {font-family: FuturaLT-CondensedLight; font-weight: 700; font-size: 21px; color: #494949; line-height: 21px; border-bottom: solid 1px #70b852; padding: 0 0 7px; margin: 0 0 16px } .content-company-lt h1, .content-news h1, .product-rt h1, .society-lt h1 {border-bottom: solid 2px #5ac3e3 } .range-tab4 p, .range-tab4 p span {font-family: FuturaStd-Light; font-size: 16px } .range-tab4 p {font-weight: 400; color: #5c5c5c; line-height: 24px; padding: 0; margin: 0 0 18px } .range-tab4 p span {font-weight: 700; color: #494949; line-height: 16px; padding: 0 0 11px; margin: 0 0 16px } .discription, .discription ul, .discription ul li {display: block; padding: 0 } .discription {margin: 0; float: left } .discription ul {margin: 0 46px 33px 0 } .discription ul li {margin: 0 0 7px } .discription ul li h5, .discription ul li span {font-family: FuturaStd-Light; font-size: 16px; color: #5c5c5c; line-height: 24px; padding: 0; margin: 0 } .discription ul li h5 {display: inline-block; font-weight: 700 } .tab4-code, .tab4-code ul {display: block } .discription ul li span {font-weight: 400 } .tab4-code {width: 100%; padding: 15px 0 0; margin: 0 0 38px } .tab4-code ul li {display: inline-block; float: left; width: 24%; margin: 0 1px 0 0 } .tab4-code ul li label, .tab4-code ul li small {display: block; font-weight: 400; text-align: center } .tab4-code ul li label {background: #494949; font-family: FuturaLT-CondensedLight; font-size: 21px; color: #fff; line-height: 21px; padding: 7px 0 0; height: 28px } .tab4-code ul li small {background: #fff; font-family: FuturaStd-Light; font-size: 16px; color: #5c5c5c; line-height: 16px; height: 35px; padding: 20px 0 0 } .blue_list, .green-postre_list, .green_list, .orange_list, .pink_list, .red_list, .yellow_list {display: none } h1 {font-family: FuturaLT-CondensedLight; font-weight: 700; font-size: 36px; color: #494949; line-height: 36px; display: block; padding: 0 0 3px; margin: 0 0 27px } .agenda-note h1 {font-family: FuturaStd-Light; color: #fff; text-align: center; margin: 0 0 24px } .society-lt h1, .srv-cont-tit .srv-lb-titulo {font-family: FuturaLT-CondensedLight } .agenda-note h1, .content-static-in h1 {font-weight: 700; font-size: 30px; line-height: 30px; display: block; text-transform: uppercase } .grade-topHC_Caldos h1, .grade-topHC_Cremas h1, .grade-topHC_Triturados h1, .grade-topHC_TrituradosDeFruta h1, .grade-topHC_TrituradosNutriplus h1, .grade-topHC_TrituradosTradicionales h1 {font-weight: 700; display: inline-block; float: left; text-transform: uppercase; margin-bottom: 0 } .society-lt h1 {font-weight: 700; font-size: 30px; color: #494949; line-height: 30px; display: block; padding: 0 0 6px; margin: 0 0 29px } /**************************************************************** HOME *********************/ .srv-realineado-lt {width: 100% } .srv-product-con {margin-top: 40px } .srv-add-block {width: 16.165%; float: left; display: block; height: 153px } .srv-cont-gama {width: 32.33%; margin-right: 1.5%; background-color: #000; height: 153px; float: left; margin-bottom: 15px; position: relative } .srv-last {margin-right: 0 } .srv-caldos {background-color: #f05c77 } .srv-caldos:hover {background-color: #fff } .srv-caldos:hover .srv-lb-titulo {color: #f05c77 } .srv-cremas {background-color: #f68f38 } .srv-cremas:hover {background-color: #fff } .srv-cremas:hover .srv-lb-titulo {color: #f68f38 } .srv-tri-naturales {background-color: #008b98 } .srv-tri-naturales:hover {background-color: #fff } .srv-tri-naturales:hover .srv-lb-titulo {color: #008b98 } .srv-tri-nutriplus {background-color: #69bf61 } .srv-tri-nutriplus:hover {background-color: #fff } .srv-tri-nutriplus:hover .srv-lb-titulo {color: #69bf61 } .srv-tri-tradicional {background-color: #9b2439 } .srv-tri-tradicional:hover {background-color: #fff } .srv-tri-tradicional:hover .srv-lb-titulo {color: #9b2439 } .srv-tri-tradicional .srv-nuevo label {background-color: #fbad2a; color: #9b2439 } .srv-tri-frutas {background-color: #fbad2a } .srv-tri-frutas:hover {background-color: #fff } .srv-tri-frutas:hover .srv-lb-titulo {color: #fbad2a } .srv-tri-frutas .srv-nuevo label {background-color: #9b2439; color: #fbad2a } .srv-postres {background-color: #81c789 } .srv-postres:hover {background-color: #fff } .srv-postres:hover .srv-lb-titulo {color: #81c789 } .srv-postres .srv-nuevo label {background-color: #fff; color: #81c789 } .srv-postres:hover .srv-nuevo label {background-color: #81c789; color: #fff } .srv-cont-img {width: 67%; float: left } .srv-cont-img img {width: 100% } .srv-cont-tit {width: 33%; float: right; height: 100%; display: table } .srv-v-centrado {width: 100%px; height: 60px; display: table-cell } .srv-cont-tit .srv-lb-titulo, .srv-nuevo {display: block; color: #fff; text-align: center } .srv-cont-tit .srv-lb-titulo {font-size: 20px; width: 100% } .srv-oliva, .srv-vitaminas {right: 6px; width: 65px; position: absolute } .srv-oliva {bottom: 8px } .srv-vitaminas {bottom: 7px } .srv-nuevo {position: absolute; right: 0; bottom: 8px; width: 33% } /******************************************************* CALC ****************************/ #srv-calculadora-valores-nutricionales .srv-valores>div, #srv-calculadora-valores-nutricionales h3, .srv-tab button {font-family: FuturaStd-Light; float: left } .srv-nuevo label {padding: 2px 12px } .srv-lb-titulo {cursor: pointer } .calender-tool .ui-state-default {cursor: default } .srv-tab {overflow: hidden; border: 1px solid #ccc; background-color: #f1f1f1 } .srv-tab button {background-color: inherit; border: none; outline: 0; cursor: pointer; padding: 14px 16px; transition: .3s; font-size: 18px; width: 14.28%; min-width: 100px } .srv-tab button:hover {background-color: #e8e7e7; } .srv-tab button.srv-active {background-color: #5ac3e3; color: #fff } .srv-tabcontent {display: none; padding: 26px 30px; border: 1px solid #ccc; border-top: none; margin-bottom: 30px; overflow: hidden } #srv-calculadora-valores-nutricionales h2 {border: 0; font-size: 2em; width: 300px; float: left; text-transform:uppercase; } #srv-calculadora-valores-nutricionales .srv-selector {padding: 10px 0px 0px; float: left; width: 100% } #srv-calculadora-valores-nutricionales .srv-selector label {color: #fff; padding: 5px 10px; float: left; margin-right: 7px; margin-bottom: 5px; font-family: FuturaStd-Light; cursor: pointer; text-transform: lowercase; width: 44%; font-size: 14px; letter-spacing: 0.5px; } #srv-calculadora-valores-nutricionales .srv-selector label:first-letter {text-transform: uppercase } #srv-calculadora-valores-nutricionales .srv-primero .srv-selector label:hover {background-color: #ffff; color:#f28d2d; } #srv-calculadora-valores-nutricionales .srv-segundo .srv-selector label:hover {background-color: #fff; color:#155a8b; } #srv-calculadora-valores-nutricionales .srv-postre .srv-selector label:hover {background-color: #fff; color: #81c789; } #srv-calculadora-valores-nutricionales .srv-primero .srv-selector label.srv-activo {background-color: #fff; color:#f28d2d; } #srv-calculadora-valores-nutricionales .srv-segundo .srv-selector label.srv-activo {background-color: #fff; color:#155a8b; } #srv-calculadora-valores-nutricionales .srv-postre .srv-selector label.srv-activo {background-color: #fff; color: #81c789; } #srv-calculadora-valores-nutricionales .srv-postre .srv-valores, #srv-calculadora-valores-nutricionales .srv-primero .srv-valores, #srv-calculadora-valores-nutricionales .srv-segundo .srv-valores {width: 80%; float: left; padding-left: 2% } #srv-calculadora-valores-nutricionales .srv-valores {padding: 0 0 16px; width: 100%; float: left } #srv-calculadora-valores-nutricionales .srv-totales {margin-bottom: 140px } #srv-calculadora-valores-nutricionales .srv-totales .srv-valores {padding: 10px 0 40px; font-weight: 700; font-size: 1.4em } #srv-calculadora-valores-nutricionales .srv-totales .srv-valores>div {width: 25%; padding-top: 0; padding-bottom: 18px } #srv-calculadora-valores-nutricionales .srv-valores>div {width: 12%; text-align: center; font-weight: 700; color: #4a4a4a; min-width: 89px; padding: 16px 0 30px } #srv-calculadora-valores-nutricionales .srv-valores .srv-azucares, #srv-calculadora-valores-nutricionales .srv-valores .srv-grasas, #srv-calculadora-valores-nutricionales .srv-valores .srv-sal {width: 7%; min-width: 75px } .srv-tabcontent .srv-valores>div>label:first-child {font-size: 11px } .srv-tabcontent .srv-valores-totales-d .srv-valores>div>label:first-child {font-size: 15px } #srv-calculadora-valores-nutricionales .srv-valores .srv-hidratos-de-carbono {width: 14%; min-width: 105px } #srv-calculadora-valores-nutricionales .srv-valores>div label {width: 100%; float: left } #srv-calculadora-valores-nutricionales .srv-valores>div label:nth-child(2) {font-size: 1.2em; margin-top: 4px; margin-bottom: 10px } .srv-valores-totales-d .srv-valores div {width: 25%!important; margin-top: 0; font-size: 1.1em!important; padding-bottom: 2px!important } .srv-lb-energia1, .srv-lb-energia2, .srv-lbt-energia1, .srv-lbt-energia2, .srv-lbtd-energia1, .srv-lbtd-energia2, .srv-valores-totales-d .srv-valores>div:first-child label:nth-child(2), .srv-valores-totales-d .srv-valores>div:first-child label:nth-child(3) {width: 50%!important; text-align: center } .srv-lb-energia1, .srv-lb-energia2, .srv-lbt-energia2, .srv-valores-totales-d .srv-valores>div label:nth-child(3) {font-size: 1.2em; margin-top: 4px; margin-bottom: 10px } .srv-lb-energia1, .srv-lbt-energia1, .srv-valores-totales-d .srv-valores>div:first-child label:nth-child(2) {text-align: right } .srv-lb-energia2, .srv-lbt-energia2, .srv-valores-totales-d .srv-valores>div:first-child label:nth-child(3) {text-align: left } .srv-valores-totales-d {float: left; width: calc(100% + 30px); background-color: #f1f1f1; padding: 27px 4% 9px; margin-left: -30px; margin-bottom: -27px; margin-top: -8px } .srv-valores-totales-d .srv-valores {width: calc(100% - 0px)!important; padding-top: 10px!important } .srv-valores-totales-d h2 {margin-bottom: 2px } .srv-valores-totales {overflow: hidden; padding: 30px 30px 8px; border: 1px solid #5ac3e3; background-color: #5ac3e3 } #srv-detalles {overflow: hidden; margin-top: 1px; border: 1px solid #3b7fa6; background-color: #3b7fa6 } #srv-detalles>label:hover {background-color: #1f5c80 } #srv-detalles>label {width: 100%; color: #fff; text-align: center; display: block; font-size: 1.3em; cursor: pointer; padding: 10px 30px } .srv-ver-menos {visibility: hidden; margin-top: -39px } #srv-desglose img {width: 100% } .srv-valores-totales h2 {font-size: 2.5em!important; color: #fff } .srv-valores-totales label {color: #fff } .srv-valores-totales .srv-valores {padding-bottom: 10px!important } .srv-titulo-producto {color: #4a4a4a; padding: 15px 0 3px; font-size: 1.23em; font-weight: 500; border-bottom: 2px solid #e4e4e4; float: left; width: 100%; min-height:18px; line-height:18px; } .srv-tabcontent>div {float: left } .srv-contenedor-imagen {width: 18%; float: left; padding: 10px 0 40px; height: 110px; overflow: hidden } .srv-contenedor-imagen img {width: 130%; margin-left: -15% } .srv-totales-l .srv-valores div>label:first-child {font-size: 15px } #srv-predefinidos {padding: 15px 30px 5px; margin-bottom: 30px; border: 1px solid #ccc; margin-top: 60px; overflow: hidden } #srv-predefinidos h3 {margin-bottom: 10px; color: #4a4a4a; font-weight: 400; margin-top: 5px } #srv-predefinidos label:hover {background-color: #1170a5 } #srv-predefinidos label {padding: 8px; margin-right: 10px; background-color: #5ac3e3; color: #fff; cursor: pointer; display: block; width: 128px; float: left; margin-bottom: 10px } #srv-desglose {display: none; background-color: #fff; overflow: hidden; padding: 20px 10px } .srv-detalles-cabecera {padding-bottom: 5px; display: block; height: 28px; border-bottom: 1px solid #c7c7c7 } #srv-desglose .srv-detalles div div div, .srv-detalles-cabecera div {float: left; width: 8%!important; min-width: 0!important; padding: 2px 0 } .srv-detalles-cabecera div {min-height:29px; } #srv-desglose .srv-detalles div div div:first-child, .srv-detalles-cabecera div:first-child {width: 28%!important; text-transform: lowercase; height: 14px } #srv-desglose .srv-detalles div div div:first-child label:first-letter {text-transform: uppercase } #srv-desglose .srv-detalles div div div:nth-child(3), .srv-detalles-cabecera div:nth-child(3) {width: 11%!important } #srv-desglose .srv-detalles div div div:nth-child(8), .srv-detalles-cabecera div:nth-child(8) {width: 8%!important } #srv-desglose .srv-detalles div div div:nth-child(10), #srv-desglose .srv-detalles div div div:nth-child(4), #srv-desglose .srv-detalles div div div:nth-child(9), .srv-detalles-cabecera div:nth-child(10), .srv-detalles-cabecera div:nth-child(4), .srv-detalles-cabecera div:nth-child(9) {width: 7%!important } .srv-detalles div label, .srv-detalles-cabecera div label {text-align: center; width: 100%; display: block; border: 0!important; font-size: 11px!important; color: #5f5f5f; padding-bottom:3px; } #srv-desglose .srv-detalles div div div:first-child label, .srv-detalles-cabecera div:first-child label {text-align: left; padding-left: 5px; padding-bottom: 0 } .srv-detalles .srv-lb-energia1, .srv-detalles .srv-lbtd-energia1 {text-align: right; margin-top: 0; margin-bottom: 0 } .srv-detalles .srv-lb-energia2, .srv-detalles .srv-lbtd-energia2 {text-align: left; margin-top: 0!important; margin-bottom: 0!important } .srv-detalles .srv-valores {padding: 0!important; width: 100%!important } .srv-detalles .srv-titulo-producto {padding-top: 0 } .srv-detalles {width: 100%; overflow: hidden; padding: 4px 0 9px } .srv-detalles h5 {font-size: 10px; font-weight: 300; color: #464646; padding: 0 0 3px 2px } .srv-selector {display: none; position: absolute; margin-top: 38px; background-color: #fff; z-index: 999 } .srv-tabcontent .srv-postre{margin-bottom:20px; } .srv-postre, .srv-primero, .srv-segundo {position: relative; float: left; width: 100% } .srv-muestra-desplegable {float: left; width: 100%; margin-top: 10px; padding: 0 49px 0 0 } .srv-btn-muestra-desplegable {padding: 5px 17px; font-size: 1.2em; color: #fff; cursor: pointer; line-height:17px; } .srv-btn-muestra-desplegable label {margin-left: 5px; font-size: 11px; cursor: pointer } .srv-primero .srv-btn-muestra-desplegable {background: #f28d2d; background: -moz-linear-gradient(left, #f28d2d 0, #ffc287  90%); background: -webkit-linear-gradient(left, #f28d2d 0, #ffc287  90%); background: linear-gradient(to right, #f28d2d 0, #ffc287  90%); } .srv-primero .srv-btn-muestra-desplegable:hover {background: #f28d2d; } .srv-primero .srv-selector label {background-color: #f28d2d; } .srv-segundo .srv-btn-muestra-desplegable {background: #155a8b; background: -moz-linear-gradient(left, #155a8b 0, #155a8bb3 90%); background: -webkit-linear-gradient(left, #155a8b 0, #155a8bb3 90%); background: linear-gradient(to right, #155a8b 0, #155a8bb3 90%); } .srv-segundo .srv-btn-muestra-desplegable:hover {background: #155a8b; } .srv-segundo .srv-selector label {background-color: #155a8b } .srv-postre .srv-btn-muestra-desplegable {background: #81c789; background: -moz-linear-gradient(left, #81c789, #81c78991 90%); background: -webkit-linear-gradient(left, #81c789, #81c78991 90%); background: linear-gradient(to right, #81c789, #81c78991 90%); } .srv-postre .srv-btn-muestra-desplegable:hover {background: #81c789; } .srv-postre .srv-selector label {background-color: #81c789 } #srv-desglose .srv-valores-totales-d {float: left; padding: 3px 0; margin-bottom: 0; margin-top: 0; width: 100%; margin-left: 0; background-color: #e8e7e7; } #srv-desglose .srv-valores-totales-d label {font-weight: 700 } .srv-descargar-excel {padding-top: 15px; margin-bottom: 70px } .srv-descargar-excel p {font-size: 15px; line-height: 35px; padding-right: 10px; float: right } .srv-descargar-excel button, .srv-tabcontent button {background-color: #f96969; color: #fff; border: 0; padding: 5px 10px; margin-top: 4px; cursor: pointer } .srv-descargar-excel button:hover, .srv-tabcontent button:hover{background-color:#fb3131; } .srv-descargar-excel img {width: 35px; float: right } .srv-descargar-excel img, .srv-descargar-excel p {cursor: pointer } .srv-tabcontent button {float: right } .srv-descargar-excel button {float: left } .srv-descargar-excel button:focus, .srv-tabcontent button:focus {outline: -webkit-focus-ring-color auto 0 } #srv-desglose .srv-valores div:nth-child(even), #srv-desglose .srv-detalles-cabecera  div:nth-child(even){background-color: #f3f3f3 } #srv-desglose .srv-valores-totales-d .srv-valores div:nth-child(even) {background-color: #e8e7e7 }.srv-cta img{width:100%; } .srv-cta-img-640{display:none }