@charset "UTF-8";

@font-face {
    font-family: 'RockwellStdRegular';
    src: url('fonts/rockwellstd-webfont.eot');
    src: url('fonts/rockwellstd-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/rockwellstd-webfont.woff') format('woff'),
         url('fonts/rockwellstd-webfont.ttf') format('truetype'),
         url('fonts/rockwellstd-webfont.svg#RockwellStdRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html{ height:100%;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}li{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}
  
body { padding:0; *padding-top:140px; margin:0; background-position:50% 0; background-repeat:no-repeat; font-size:100%; height:100%; font-family:Verdana, Arial, Helvetica, sans-serif; }

body.home { *padding-top:0; }

body.guava { background-image:url(flavors/images/guava_bg.jpg); }

body.pear { background-image:url(flavors/images/pear_bg.jpg); }

body.peach { background-image:url(flavors/images/peach_bg.jpg); }

body.apple { background-image:url(flavors/images/apple_bg.jpg); }

body.apricot { background-image:url(flavors/images/apricot_bg.jpg); }

body.strawberry_banana { background-image:url(flavors/images/strawberry_banana_bg.jpg); }

body.mango { background-image:url(flavors/images/mango_bg.jpg); }

body.contact { background-image:url(contact/images/contact_bg.jpg); background-repeat:repeat-x; }

body.flavors { background-image:url(flavors/images/flavors_bg.jpg); }

body.nutrition { background-image:url(nutrition/images/nutrition_bg.jpg); background-repeat:repeat-x; }

body.guayaba { background-image:url(flavors/images/guayaba_bg.jpg); }

body.pera { background-image:url(flavors/images/pera_bg.jpg); }

body.melocoton { background-image:url(flavors/images/melocoton_bg.jpg); }

body.manzana { background-image:url(flavors/images/manzana_bg.jpg); }

body.albaricoque { background-image:url(flavors/images/albaricoque_bg.jpg); }

body.fresa_banana { background-image:url(flavors/images/fresa_banana_bg.jpg); }

body.contact { background-image:url(contact/images/contact_bg.jpg); background-repeat:repeat-x; }

body.flavors { background-image:url(flavors/images/flavors_bg.jpg); }

body.nutrition { background-image:url(nutrition/images/nutrition_bg.jpg); background-repeat:repeat-x; }

#top-contain { position:absolute; top:0; height:111px; background:transparent url(images/nav.png) 0 0 repeat-x; width:100%; z-index:3; overflow:hidden; }

#top, #content { margin:0 auto; width:920px; padding:0 40px; overflow:hidden; }

/*#content { position:absolute; top:408px; z-index:4; } */

#content { margin-top:140px; }

body.home > #content { margin-top:0;  *padding-top:0; }

#logo { float:left; width:380px; }

#nav { float:left; }

#nav ul { float:left; margin:12px 0 0; }

#nav ul li { float:left; display:inline; background:url(images/nav_bg.png) 0 0 no-repeat; text-align:center; width:94px; height:20px; margin:0 10px; }

#nav ul li:hover { background:url(images/nav_bg.png) 0 -20px no-repeat; }

#nav ul li a { color:#fff; text-decoration:none; width:100%; font-size:0.82em; letter-spacing:.075em; position:relative; top:-3px; display:block; height:13px; padding:5px 0; }

#language { float:left; width:60px; margin:10px 0 0 20px; }

#language a { color:#fff; font-size:.75em; text-decoration:none; }

#language a:hover { text-decoration:underline; }
 
/* classes to work with cycle plugin for BG images */
#bg_containers { width:100%; margin:0 auto; height:408px; overflow:hidden; }

#bg_containers div { width:100%; margin:0 auto; height:408px; }

#bg_containers .bg1 {background:url(images/home_banner1.jpg) 50% 0 no-repeat; }

#bg_containers .bg2 {background:url(images/home_banner2.jpg) 50% -0 no-repeat; }

#bg_containers .bg3 {background:url(images/home_banner3.jpg) 50% 0 no-repeat; }

#bg_containers .bg1_es {background:url(images/home_banner1_es.jpg) 50% 0 no-repeat; }

#bg_containers .bg2_es {background:url(images/home_banner2_es.jpg) 50% -0 no-repeat; }

#bg_containers .bg3_es {background:url(images/home_banner3_es.jpg) 50% 0 no-repeat; }

h1, h2 { font-family: 'RockwellStdRegular', "Trebuchet MS", Verdana; width:100%; float:left; }

h1 { font-size:2em; color:#00bdff; margin:0 0 20px; }

h2 { color:#289830; font-size:1.625em; }

#content-left { float:left; width:496px; }

#content-left p { color:#6c7886; font-size:1em; line-height:1.85em; float:left; font-family:Georgia, "Times New Roman", Times, serif; }

#content-left * input, #content-left * textarea { font-family:Georgia, "Times New Roman", Times, serif; background:url(contact/images/input_bg.png) 0 0 repeat; float:left; width:470px; font-size:1.1em; padding:0 15px; clear:both; border:none; margin:11px 0; color:#01a3db; outline:none; }

#content-left * input { height:30px; padding:5px 10px;  }

#content-left * textarea { height:186px; resize:none; padding:10px; border:none; overflow:auto; }

#content-left * label { display:block; }

#submit { background: url(contact/images/send.jpg) 0 0 no-repeat !important; cursor: pointer !important; float: left !important; height: 29px !important; width: 117px  !important; }

#submit:hover { background:url(contact/images/send.jpg) 0 -29px no-repeat !important; }

div.robotic { display:none; }

#content-right { float:left; width:364px; margin:0 0 0 50px; }

#content-right p { color:#6c7886; font-size:.9em; line-height:1.85em; }

#features { float:left; background:url(images/features.jpg) 100% 100% no-repeat; width:357px; height:360px; }

#features_es { float:left; background:url(images/features_es.jpg) 100% 100% no-repeat; width:357px; height:360px; }

#products-menu, #products-menu-es { float:left; width:100%; background:url(flavors/images/can_list_bg.png) 0 0 no-repeat; height:197px; overflow:hidden; margin:50px 0 0; }

#products-menu ul, #products-menu-es ul {  width:791px; height:111px; margin:30px auto 0 auto; }

#products-menu li, #products-menu-es li { float:left; width:93px; padding:0; margin:0 10px; background:url(flavors/images/cans_sprite.png) no-repeat; height:111px; }

#products-menu-es li { background:url(flavors/images/cans_sprite_es.png) 0 0 no-repeat; }

#products-menu li a, #products-menu-es li a { text-decoration:none; display:block; height:111px; }

li#guava, li#guayaba { background-position:0 0; }

li#apricot, li#albaricoque { background-position:-93px 0; }

li#apple, li#manzana { background-position:-186px 0; }

li#strawberry_banana, li#fresa_banana { background-position:-279px 0; }

li#mango { background-position:-372px 0; }

li#peach, li#melocoton { background-position:-465px 0; }

li#pear, li#pera { background-position:-558px 0; }

.bub { margin:0; padding: 5px; width: 93px !important; height:41px; text-align:center; float:left; overflow:hidden; position: relative; background:url(flavors/images/bub.gif) 50% 0 no-repeat; display:none; top:-7px; color:#555; font-size:0.875em; }

.fresa { font-size:0.775em !important; }

.straw { font-size:0.775em !important; background-position:50% 100% !important; }

.bub a { text-decoration:none; color:#fff; position:relative; top:5px; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.1em; text-shadow: #4d7c44 0 -1px 1px; }

#flavor-desc { float:left; width:100%; overflow:hidden; background:url(flavors/images/flavors_desc_bg.png) 80% 90% no-repeat; }

#header { float:left; width:100%; height:150px; margin:0 0 0 10px; }

#flavors-desc-left { float:left; width:70%; height:390px; }

#flavors-desc-left > .guava { background:url(flavors/images/guava_bottom_desc.png) 0 100% no-repeat; }

#flavors-desc-left > .apricot { background:url(flavors/images/apricot_bottom_desc.png) 0 100% no-repeat; }

#flavors-desc-left > .peach { background:url(flavors/images/peach_bottom_desc.png) 0 100% no-repeat; }

#flavors-desc-left > .apple { background:url(flavors/images/apple_bottom_desc.png) 0 100% no-repeat; }

#flavors-desc-left > .strawberry_banana { background:url(flavors/images/strawberry_banana_bottom_desc.png) 0 100% no-repeat; }

#flavors-desc-left > .mango { background:url(flavors/images/mango_bottom_desc.png) 0 100% no-repeat; }

#flavors-desc-left > .pear { background:url(flavors/images/pear_bottom_desc.png) 0 100% no-repeat; }

#flavors-desc-text { float:right; height:140px; width:480px; padding:0 10px 0 0; clear:both !important; display:block; line-height:1.42em; background:url(flavors/images/benefits.png) 0 100% no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.125em; color:#5b6569; }

#flavors-desc-text_es { float:right; height:140px; width:480px; padding:0 10px 0 0; clear:both !important; display:block; line-height:1.42em; background:url(flavors/images/benefits_es.png) 0 100% no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.125em; color:#5b6569; }

#flavors-desc-right { float:left; width:30%; }

#flavor-desc > .guava { background:url(flavors/images/guava_title.png) 0 100% no-repeat; }

#flavor-desc > .guayaba { background:url(flavors/images/guayaba_title.png) 0 100% no-repeat; }

#flavor-desc > .pear { background:url(flavors/images/pear_title.png) 0 100% no-repeat; }

#flavor-desc > .pera { background:url(flavors/images/pera_title.png) 0 100% no-repeat; }

#flavor-desc > .apple { background:url(flavors/images/apple_title.png) 0 100% no-repeat; }

#flavor-desc > .manzana { background:url(flavors/images/manzana_title.png) 0 100% no-repeat; }

#flavor-desc > .mango { background:url(flavors/images/mango_title.png) 0 100% no-repeat; }

#flavor-desc > .strawberry_banana { background:url(flavors/images/strawberry_banana_title.png) 0 100% no-repeat; }

#flavor-desc > .fresa_banana { background:url(flavors/images/fresa_banana_title.png) 0 100% no-repeat; }

#flavor-desc > .apricot { background:url(flavors/images/apricot_title.png) 0 100% no-repeat; }

#flavor-desc > .albaricoque { background:url(flavors/images/albaricoque_title.png) 0 100% no-repeat; }

#flavor-desc > .apricot { background:url(flavors/images/albaricoque_title.png) 0 100% no-repeat; }

#flavor-desc > .peach { background:url(flavors/images/peach_title.png) 0 100% no-repeat; }

#flavor-desc > .melocoton { background:url(flavors/images/melocoton_title.png) 0 100% no-repeat; }

#flavor-desc-bottom { float:left !important; width:100%; clear:both !important; height:250px; overflow:hidden; }

#available-sizes { float:left; margin:70px 0 0; width:485px; border-right:1px solid #e20c32; padding:30px 15px 30px 0; font-size:1em; text-align:right; line-height:1.5em; text-transform:uppercase; color:#e20c32; }

#sizes { float:left; overflow:hidden; width:140px; }

#sizes ul { margin:85px 0 0 15px; }

#sizes li { float:left; }

#sizes ul li { margin:0 6px; background-image:url(flavors/images/sizes.png); background-repeat:no-repeat; height:67px;  text-align:center; }

#sizes ul li img { position:relative; top:60px; top:67px\9; }

#sizes ul li#can { width:22px; background-position:0 0; }

#sizes ul li#sip { width:23px; background-position:-33px 0; }

#sizes ul li#sip img { position:relative; right:4px; }

#sizes ul li#box { width:38px; background-position:-63px 0; }

#size-desc { width:120px; float:left; font-size:.7em; color:#747474; margin:10px 0 0 15px; }

#img-head { margin:0; }

.pad-30-bottom { padding-bottom:30px; }

.flavor-thumbs { float:left; overflow:hidden; width:100%; height:192px; padding:35px 0 0 0; clear:both; }

.flavor { float:left; width:300px; height:192px; }

#flavor-info { float:left; background:url(flavors/images/flavors_info.jpg) 0 0 no-repeat; width:368px; height:113px; margin:45px 0 0; }

.nutrition { margin:30px 0 0; float:left; width:100%; }

.nutrition-size { float:left; width:290px; margin:0 8px; text-align:center; }

.nutrition-size h2 { float:left; color:white; padding:5px 0 5px 5px; background:#299d33; font-size:1em; width:285px; margin:0 0 15px; text-align:left; }

.flavor-nutrition { width:290px; margin:0 auto; clear:both; background:#fff; text-align:center; }

.flavor-nutrition img { padding:10px 0; background:#fff; }

#nutrition-select { float:left; margin:30px 0 10px; }

#nutrition-select select { background: transparent; width: 240px; padding: 5px; font-size: 1em; border: 1px solid #ccc; height: 34px; }

#goodness { margin-top:10px; float:left; width:540px; }

#goodness p { padding-left:35px; color:#6c7886; font-size:1em; font-family:Georgia, "Times New Roman", Times, serif; line-height:1.5em; }

#copyright { float: left; text-align: center; margin-top: 40px; font-size: .75em; width: 100%; }