@charset "utf-8";
/* CSS Document */
html,body { height:100%;}
/*@import url('reset.css');*/

body {font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; font-size:12px; color:#004483; margin:0;/* overflow-y:hidden; overflow-x:hidden;*/}


/* Anchors
---------------------------------------------------*/
h1 { font-size:23px; color:#004483;font-family:"VAGRoundedStdBlack", Lucida Sans Unicode, Lucida Grande, sans-serif; text-transform:uppercase; font-weight:normal; margin:0 0 5px 0!important; display:block; }
h2 { font-size:15px; color:#004483;font-family:"VAGRoundedStdBlack", Lucida Sans Unicode, Lucida Grande, sans-serif; text-transform:uppercase; font-weight:normal; margin:0 0 16px 0!important; display:block; }
h3 { font-size:24px; color:#ea5422;font-family:"VAGRoundedStdBlack", Lucida Sans Unicode, Lucida Grande, sans-serif; text-transform:uppercase; font-weight:normal; margin:0 0 2px 0!important; display:block;}
p {margin:0 0 25px 0; line-height:20px; font-weight:normal; font-family:"VAGRoundedStdLight", Lucida Sans Unicode, Lucida Grande, sans-serif;}
a:focus { outline:none;}
a{}
a:hover {}
a.readmore { display:inline-block; background:url(../images/icons/rm-arrow.png) no-repeat 98% center #eb5422; font-size:10px; color:#FFF; text-decoration:none; font-family:"VAGRoundedStdBlack", Lucida Sans Unicode, Lucida Grande, sans-serif; padding:0px 15px 0px 5px; height:21px; line-height:21px; text-transform:uppercase; margin:8px 0 0 0;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
}

a.readmore:hover { display:inline-block; background:url(../images/icons/rm-arrow.png) no-repeat 98% center #004483;}

.visible-phone { display:none;}
.visible-desktop { display:block;}

/* Wrapper
---------------------------------------------------*/
#loader { position:fixed; top:0; left:0; width:100%; height:100%; background:url(../images/loading.gif) no-repeat center center #FFF; z-index:400;}
#wrapper { padding-bottom:85px;}
.bgblue { background:url(../images/background-blue.jpg) repeat-x center top;}
.bgcolor { background:url(../images/background-color.jpg) repeat-x center top;}
#wrapper-main, .content { width:960px; margin:0 auto; position: relative;}
#wrapper-main-full { width:100%;}
#top { height:14px; background:url(../images/top.jpg) repeat center top; position:fixed; width:100%; left:0; top:0; z-index:100;}
#banner {/*width:100%; height:100%; position:absolute; top:0; left:0; z-index:0;*/}
#header { padding-top:15px;}
#menu-left, #menu-right { float:left; width:390px;}
#logo { display:block; width:180px; height:110px; float:left;}
#logo a { display:block; width:177px; height:110px; margin:0 auto; background:url(../images/logo.png) no-repeat left top;}
ul.menu { padding-top:45px;}
ul.menu li { font-family:"VAGRoundedStdBlack", Lucida Sans Unicode, Lucida Grande, sans-serif; float:left; margin:0 30px 0 0;}
div#menu-right ul.menu li {margin:0 0 0 45px!important;}
ul.menu li:last-child {margin:0;}
ul.menu li a { font-size:16px; color:#004483; text-transform:uppercase; text-decoration:none; display:block;}
ul.menu li a:hover, ul.menu li.current a {color:#eb5422; text-shadow:
-1px -1px 0 #FFF,  
1px -1px 0 #FFF,
-1px  1px 0 #FFF,
1px  1px 0 #FFF;}
#social { float:right;}
#social a { margin:0 0 0 5px;}

#headerimg1, #headerimg2 { 
background:center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#col-1, #col-2, #col-3 { float:left; width:320px;}
#col-1 img, #col-2 img, #col-3 img { float:left;}
#col-1 p, #col-2 p, #col-3 p { font-family:"VAGRoundedStdLight"; color:#FFF; font-size:12px; line-height: 16px;}
#col-1 p b, #col-2 p b, #col-3 p b {color:#004483; display:block;}
#col-1 .info, #col-2 .info, #col-3 .info {padding:0 0 0 165px;}
.cont { padding:5px;}

.transition {-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
-webkit-transition: all 0.3s ease-out 0s;}
#products {padding: 115px 0 0; position: relative; width: 100%; overflow: hidden; height: 375px;}
.carousel-feature { position:relative;}
.carousel-feature a { position:relative; z-index:100; text-decoration:none; display:block;}
.carousel-feature a span.paleta { display:block; position:absolute; width:355px; height:170px; z-index:200; top:110px; left:100px;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=0);
}
.carousel-feature span.destapa {
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=0);
}
.activo span.destapa {
opacity:1!important;
-moz-opacity:1!important;
filter:alpha(opacity=1)!important;
}

.carousel-feature a.rotate span.paleta { top:110px; left:100px;
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);

transform:rotate(-75deg);
-ms-transform:rotate(-75deg);
-moz-transform:rotate(-75deg); 
-webkit-transform:rotate(-75deg); 
-o-transform:rotate(-75deg); 

transform-origin: 10% 40%;
-ms-transform-origin: 10% 40%;
-moz-transform-origin: 10% 40%;
-webkit-transform-origin: 10% 40%;
-o-transform-origin: 10% 40%;
}

.carousel-feature a span.paleta img { width:100%;}
.tracker-individual-container, .tracker-summation-container { display:none; visibility:hidden;}
span.destapa { display:block; width:103px; height:69px; text-align:center; position:absolute; top:170px; right:-45px; z-index:350; font-size:15px; font-family:"VAGRoundedStdBlack"; color:#FFF; text-align:center; padding: 34px 0 0;
-moz-border-radius:50px;
-webkit-border-radius:50px;
-o-border-radius:50px;
border-radius:50px;
}
.limon { background-color:#a7ce39;}
.rojo { background-color:#fe364d;}
.verde { background-color:#629a41;}
.cafe { background-color:#fe364d;}
.cafeclaro { background-color:#935d4a;}
.rosa { background-color:#ef5088;}
.azul { background-color:#028ffc;}
span.image { position:absolute; z-index:300;}
span.fondo { position:absolute; z-index:100; top: -100px; left: -50px; 
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=0);
}
span.none { display:none!important;}
.carousel-feature a.rotate span.fondo { 
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}


.roundabout-holder {list-style: none; padding: 0; margin: 0; width:550px; height:208px;}
.roundabout-moveable-item {width:650px; height:308px; cursor: pointer;}
.roundabout-in-focus {cursor: auto;}

#col-left, #col-right { float:left;}
#col-left { width:250px; margin:0 20px 0 0;}
#col-right { width:690px;}
#contentent { padding:25px 0;}
.mrtop { margin-top:3%;}
.box { display:block; margin:0 0 20px 0;}

.circle { width:430px; height:430px; padding:10px;
border-radius:430px;
-moz-border-radius:430px;
-webkit-border-radius:430px;
}
.circle h3 { display:block; text-align:center;}
.circle p { margin:0 0 10px 0; /*word-break:break-all;*/ text-align:center; display:block;} 

.left, .right { float:left; position:relative;}
.left { width:480px;}
.right { width:480px;}
.bubble { background-color:#a7ce39; width:215px; height:215px; font-family:"VAGRoundedStdLight"; color:#FFF; font-size:21px; line-height:23px; text-align:center;  position:absolute; right:0; font-weight:normal; bottom: -80px;
border-radius:215px;
-moz-border-radius:215px;
-webkit-border-radius:215px;
}
.bubble span {font-family:"VAGRoundedStdBlack"; }
div.bubble .padding { padding:40px 0 0 0;}

/* Mejores inglredientes */
#mejores { height:600px; background:url(../images/mejores-ingredientes.png) no-repeat top center; position:relative; padding: 2% 0;}
div#mejores .uno { width:519px; height:519px; margin:0 auto; position:relative;}
div#mejores .dos { width:321px; height:277px; margin:0 auto; position:absolute; bottom:0; left:-195px;}
div#mejores .tres { width:374px; height:254px; margin:0 auto; position:absolute; top:0; right:-260px;}

/* Congeladores */
#congeladores {height:600px; position:relative;}
div#congeladores .uno { position:absolute; width:432px; height:478px; z-index:1; top:30px; right:0;}
div#congeladores .dos { position:absolute; width:492px; height:492px; top:20px; left:50px; z-index:2;}
div#congeladores .tres { position:absolute; width:195px; height:195px; top:375px; left:280px; z-index:3;}
div#congeladores .cuatro { position:absolute; width:454px; height:326px; top:250px; right:50px; z-index:4;}
div#congeladores .cinco { position:absolute; width:140px; height:139px; top:0px; left:0px; z-index:5;}

/* Nuevos */
#nuevos {height:600px;}
div#nuevos .content { text-align:center;}

/* especiales */
#especiales {height:600px;}
div#especiales .uno { position:absolute; width:360px; height:360px; top:10px; left:30px; z-index:2;}
div#especiales .dos { position:absolute; width:219px; height:219px; top:340px; left:45px; z-index:3;}
div#especiales .tres { position:absolute; width:336px; height:336px; top:250px; left:220px; z-index:1;}
div#especiales .cuatro { position:absolute; width:326px; height:326px; top:30px; right:108px; z-index:1;}
div#especiales .cinco { position:absolute; width:296px; height:296px; top:275px; right:20px; z-index:2;}
div#especiales .seis { position:absolute; width:155px; height:155px; top:10px; left:355px; z-index:2;}

/* Footer
---------------------------------------------------*/
#bottom { display:block; background-color:#a7ce39; padding:35px 0 60px; width:100%; position:fixed; bottom:0; left:0; z-index:200; height:0; overflow:hidden;} /*-315px height:202px;*/
div#bottom a#pull { display:block; width:49px; height:49px; position:absolute; top:-24px; left:48%;}
div#bottom a.up { background:url(../images/icons/up.png) no-repeat left top; }
div#bottom a.down { background:url(../images/icons/up.png) no-repeat left bottom; }

#footer { background-color:#004483; color:#FFF; text-align:center; display:block; width:100%; padding:5px 0; position:fixed; left:0; bottom:0; font-family:"VAGRoundedStdLight"; z-index:300;}


/****************************/
/* Portrait tablet to landscape and desktop
@media (min-width: 768px) and (max-width: 979px) {} */
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	
.visible-phone { display:block;}
.visible-desktop { display:none;}
.item { width:100%;}
.item img { width:100%;}

/* especiales */
#especiales {height:auto;}
div#especiales .uno { position:inherit; display:block; text-align:center; margin:0 0 15px 0; width:100%; height:auto; top:0; left:0; z-index:2;}
div#especiales .dos { position:inherit; display:block; text-align:center; margin:0 0 15px 0; width:100%;height:auto; top:0; left:0; z-index:3;}
div#especiales .tres { position:inherit; display:block; text-align:center; margin:0 0 15px 0; width:100%; height:auto; top:0; left:0; z-index:1;}
div#especiales .cuatro { position:inherit; display:block; text-align:center; margin:0 0 15px 0; width:100%; height:auto; top:0; left:0; z-index:1;}
div#especiales .cinco { position:inherit; display:block; text-align:center; margin:0 0 15px 0; width:100%; height:auto;  top:0; left:0; z-index:2;}
div#especiales .seis { position:inherit; display:block; text-align:center; margin:0 0 15px 0; width:100%; height:auto; top:0; left:0; z-index:2;}

/* Congeladores */
#congeladores {height:auto; position:relative;}
div#congeladores .uno { position:inherit; display:block; text-align:center; margin:0 0 15px 0; width:100%; height:auto; top:0; left:0; right:0;}
div#congeladores .dos { position:inherit; display:block; text-align:center; margin:0 0 15px 0; width:100%; height:auto; top:0; left:0;  z-index:2;}
div#congeladores .tres { position:inherit; display:block; text-align:center; margin:0 0 15px 0; width:100%; height:auto; top:0; left:0;  z-index:3;}
div#congeladores .cuatro { position:inherit; display:block; text-align:center; margin:0 0 15px 0; width:100%; height:auto; top:0; left:0;  z-index:4;}
div#congeladores .cinco { position:inherit; display:block; text-align:center; margin:0 0 15px 0; width:100%; height:auto; top:0; left:0;  z-index:5;}

/* Mejores inglredientes */
#mejores { height:auto; background:url(../images/mejores-ingredientes.png) no-repeat top center; position:relative; padding: 2% 0;}
div#mejores .uno { width:100%; height:auto; display:block; text-align:center; margin:0 0 15px 0; position:inherit;}
div#mejores .dos { width:100%; height:auto; display:block; text-align:center; margin:0 0 15px 0; position:inherit; bottom:0; left:0;}
div#mejores .tres { width:100%; height:auto; display:block; text-align:center; margin:0 0 15px 0; position:inherit; top:0; right:0;}

/* Nuevos */
#nuevos {height:auto;}
div#nuevos .content { text-align:center;}
#nuevos img { max-width:320px;}

body {font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; font-size:12px; color:#004483; margin:0; overflow-y:auto; overflow-x:auto;}

/* Anchors
---------------------------------------------------*/
h1 { font-size:23px; color:#004483;font-family:"VAGRoundedStdBlack", Lucida Sans Unicode, Lucida Grande, sans-serif; text-transform:uppercase; font-weight:normal; margin:0 0 5px 0!important; display:block; }
h2 { font-size:15px; color:#004483;font-family:"VAGRoundedStdBlack", Lucida Sans Unicode, Lucida Grande, sans-serif; text-transform:uppercase; font-weight:normal; margin:0 0 16px 0!important; display:block; }
h3 { font-size:24px; color:#ea5422;font-family:"VAGRoundedStdBlack", Lucida Sans Unicode, Lucida Grande, sans-serif; text-transform:uppercase; font-weight:normal; margin:15px 0 2px 0!important; display:block;}
p {margin:0 0 25px 0; line-height:20px; font-weight:normal; font-family:"VAGRoundedStdLight", Lucida Sans Unicode, Lucida Grande, sans-serif;}
a:focus { outline:none;}
a{}
a:hover {}
a.readmore { display:inline-block; background:url(../images/icons/rm-arrow.png) no-repeat 98% center #eb5422; font-size:10px; color:#FFF; text-decoration:none; font-family:"VAGRoundedStdBlack", Lucida Sans Unicode, Lucida Grande, sans-serif; padding:0px 15px 0px 5px; height:21px; line-height:21px; text-transform:uppercase; margin:8px 0 0 0;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
}

a.readmore:hover { display:inline-block; background:url(../images/icons/rm-arrow.png) no-repeat 98% center #004483;}
	
/* Wrapper
---------------------------------------------------*/
#loader { position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/loading.gif) no-repeat center center #FFF; z-index:350;}
#wrapper { padding-bottom:0;}
.bgblue { background:url(../images/background-blue.jpg) repeat-x center top;}
.bgcolor { background:url(../images/background-color.jpg) repeat-x center top;}
#wrapper-main, .content { width:96%; margin:0 auto;}
#top { height:14px; background:url(../images/top.jpg) repeat center top; position:relative; z-index:100;}
#banner {/*width:100%; height:100%; position:absolute; top:0; left:0; z-index:0;*/}
#header { padding-top:15px; position:relative;}
#menu-left, #menu-right { float:left; width:70px;}
#logo { display:block; width:180px; height:110px; float:none; margin:0 auto;}
#logo a { display:block; width:177px; height:110px; margin:0 auto;
background:url(../images/logo.png) no-repeat left top; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
}
ul.menu { padding-top:0; position:absolute; left:0; top:40px; width:100%; background-color:#0054a2; z-index:300;
-moz-box-shadow:0 0 8px #000;
-webkit-box-shadow:0 0 8px #000;
box-shadow:0 0 8px #000;
}
ul.menu li { font-family:"VAGRoundedStdBlack", Lucida Sans Unicode, Lucida Grande, sans-serif; float:none; margin:0; padding:0;}
ul.menu li:last-child {margin:0;}
ul.menu li a { font-size:16px; color:#FFF; text-transform:uppercase; text-decoration:none; display:block; padding:7px 5px; margin:0;
background-image: linear-gradient(bottom, rgb(0,69,133) 0%, rgb(58,126,189) 100%);
background-image: -o-linear-gradient(bottom, rgb(0,69,133) 0%, rgb(58,126,189) 100%);
background-image: -moz-linear-gradient(bottom, rgb(0,69,133) 0%, rgb(58,126,189) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(0,69,133) 0%, rgb(58,126,189) 100%);
background-image: -ms-linear-gradient(bottom, rgb(0,69,133) 0%, rgb(58,126,189) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(0,69,133)),
	color-stop(1, rgb(58,126,189))
);
}
ul.menu li a:hover, ul.menu li.current a {color:#eb5422; text-shadow:
-1px -1px 0 #FFF,  
1px -1px 0 #FFF,
-1px  1px 0 #FFF,
1px  1px 0 #FFF;}
#social { float:right;}
#social a { margin:0 0 0 5px;}

#menu-mobile { display:block; position:relative; font-family:"VAGRoundedStdBlack"; font-size:15px; text-transform:uppercase; margin:10px 0;}
#menu-mobile > a { display:block; color:#FFF; padding:10px 3px 10px 35px; text-decoration:none; position:relative;
background-image: linear-gradient(bottom, rgb(0,69,133) 0%, rgb(58,126,189) 100%);
background-image: -o-linear-gradient(bottom, rgb(0,69,133) 0%, rgb(58,126,189) 100%);
background-image: -moz-linear-gradient(bottom, rgb(0,69,133) 0%, rgb(58,126,189) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(0,69,133) 0%, rgb(58,126,189) 100%);
background-image: -ms-linear-gradient(bottom, rgb(0,69,133) 0%, rgb(58,126,189) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(0,69,133)),
	color-stop(1, rgb(58,126,189))
);
}
#menu-mobile > a span {background:url(../images/icons/menu.png) no-repeat left top; display:block; width:25px; height:20px; position:absolute; left:5px; top:7px;}
div#menu-mobile #social { float:right; margin:0; padding:0; position:absolute; top:5px; right:10px;}

#headerimg1, #headerimg2 { 
background:center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#banner-mobile { height:480px;}

#col-1, #col-2, #col-3 { float:none; width:100%; display:block; margin-bottom:5px;}
#col-1 img, #col-2 img, #col-3 img { float:left;}
#col-1 p, #col-2 p, #col-3 p { font-family:"VAGRoundedStdLight"; color:#FFF; font-size:12px; line-height: 16px;}
#col-1 p b, #col-2 p b, #col-3 p b {color:#004483; display:block;}
#col-1 .info, #col-2 .info, #col-3 .info {padding:0 0 0 165px;}
.cont { padding:5px;}

.transition {-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
-webkit-transition: all 0.3s ease-out 0s;}
#products { position:relative; padding:10% 0 0 0;}
.carousel-feature { position:relative;}
.carousel-feature a { position:relative; z-index:100; text-decoration:none; display:block;}
.carousel-feature a span.paleta { display:block; position:absolute; width:355px; height:170px; z-index:200; top:110px; left:100px;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=0);
}
.carousel-feature span.destapa {
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=0);
}
.activo span.destapa {
opacity:1!important;
-moz-opacity:1!important;
filter:alpha(opacity=1)!important;
}

.carousel-feature a.rotate span.paleta { top:110px; left:100px;
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);

transform:rotate(-75deg);
-ms-transform:rotate(-75deg);
-moz-transform:rotate(-75deg); 
-webkit-transform:rotate(-75deg); 
-o-transform:rotate(-75deg); 

transform-origin: 10% 40%;
-ms-transform-origin: 10% 40%;
-moz-transform-origin: 10% 40%;
-webkit-transform-origin: 10% 40%;
-o-transform-origin: 10% 40%;
}

.carousel-feature a span.paleta img { width:100%;}
.tracker-individual-container, .tracker-summation-container { display:none; visibility:hidden;}
span.destapa { display:block; width:103px; height:69px; text-align:center; position:absolute; top:170px; right:-45px; z-index:350; font-size:15px; font-family:"VAGRoundedStdBlack"; color:#FFF; text-align:center; padding: 34px 0 0;
-moz-border-radius:50px;
-webkit-border-radius:50px;
-o-border-radius:50px;
border-radius:50px;
}
.limon { background-color:#a7ce39;}
.rojo { background-color:#fe364d;}
.verde { background-color:#629a41;}
.cafe { background-color:#fe364d;}
.cafeclaro { background-color:#935d4a;}
.rosa { background-color:#ef5088;}
.azul { background-color:#028ffc;}
span.image { position:absolute; z-index:300;}
span.fondo { position:absolute; z-index:100; top: -100px; left: -50px; 
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=0);
}
span.none { display:none!important;}
.carousel-feature a.rotate span.fondo { 
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}

.roundabout-holder {list-style: none; padding: 0; margin: 0; width:550px; height:208px;}
.roundabout-moveable-item {width:650px; height:308px; cursor: pointer;}
.roundabout-in-focus {cursor: auto;}

#col-left, #col-right { float:none;}
#col-left { width:100%; margin:0 0 15px 0;}
#col-right { width:100%;}
#contentent { padding:25px 0;}
.box { display:block; margin:0 0 20px 0;}

.circle { width:100%; height:auto; padding:0;
border-radius:430px;
-moz-border-radius:430px;
-webkit-border-radius:430px;
}
.circle h3 { display:block; text-align:center;}
.circle p { margin:0 0 10px 0; word-break:break-all; text-align:center; display:block;} 

.left, .right { float:none; display:block; position:relative;}
.left { width:100%;}
.left img.fullw { width:100%;}
.right { width:100%;}
.bubble { background-color:#a7ce39; width:215px; height:215px; font-family:"VAGRoundedStdBlack", Lucida Sans Unicode, Lucida Grande, sans-serif; color:#FFF; font-size:18px; line-height:20px; text-align:center;  position:absolute; right:0; font-weight:normal; bottom: -80px;
border-radius:215px;
-moz-border-radius:215px;
-webkit-border-radius:215px;
}
div.bubble .padding { padding:50px 0 0 0;}

.productsmobile { width:98%; margin:0 auto 20px auto;}
div.productsmobile div, div.productsmobile div img { width:100%;}
div.productsmobile div { margin:0 0 10px 0;}

/* Footer
---------------------------------------------------*/
#bottom { display:block; background-color:#a7ce39; padding:15px 0 15px; width:100%; position:relative; bottom:0; left:0; z-index:200; height:auto; overflow:auto;}
div#bottom a#pull { display:none; width:49px; height:49px; position:absolute; top:-24px; left:48%;}
div#bottom a.up { background:url(../images/icons/up.png) no-repeat left top; }
div#bottom a.down { background:url(../images/icons/up.png) no-repeat left bottom; }

#col-1, #col-2, #col-3 { float:none; width:100%; margin:0 0 15px 0;}
#col-1 img, #col-2 img, #col-3 img { float:none; display:block; margin:0 auto 10px auto; width:55%;}
#col-1 p, #col-2 p, #col-3 p { font-family:"VAGRoundedStdLight"; color:#FFF; font-size:14px; line-height: 18px;}
#col-1 p b, #col-2 p b, #col-3 p b {color:#004483; display:block;}
#col-1 .info, #col-2 .info, #col-3 .info {padding:0; width:100%;}

#footer { background-color:#004483; color:#FFF; text-align:center; display:block; width:100%; padding:5px 0; position:relative; left:0; bottom:0; font-family:"VAGRoundedStdLight"; z-index:300;}
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
	
.visible-phone { display:block;}
.visible-desktop { display:none;}

/* especiales */
#especiales {height:auto;}
div#especiales .uno { position:inherit; display:block; text-align:center; margin:0 0 15px 0; width:100%; height:auto; top:0; left:0; z-index:2;}
div#especiales .dos { position:inherit; display:block; text-align:center; margin:0 0 15px 0; width:100%;height:auto; top:0; left:0; z-index:3;}
div#especiales .tres { position:inherit; display:block; text-align:center; margin:0 0 15px 0; width:100%; height:auto; top:0; left:0; z-index:1;}
div#especiales .cuatro { position:inherit; display:block; text-align:center; margin:0 0 15px 0; width:100%; height:auto; top:0; left:0; z-index:1;}
div#especiales .cinco { position:inherit; display:block; text-align:center; margin:0 0 15px 0; width:100%; height:auto;  top:0; left:0; z-index:2;}
div#especiales .seis { position:inherit; display:block; text-align:center; margin:0 0 15px 0; width:100%; height:auto; top:0; left:0; z-index:2;}
#especiales img { max-width:320px;}

/* Congeladores */
#congeladores {height:auto; position:relative;}
div#congeladores .uno { position:inherit; display:block; text-align:center; margin:0 0 15px 0; width:100%; height:auto; top:0; left:0; right:0;}
div#congeladores .dos { position:inherit; display:block; text-align:center; margin:0 0 15px 0; width:100%; height:auto; top:0; left:0;  z-index:2;}
div#congeladores .tres { position:inherit; display:block; text-align:center; margin:0 0 15px 0; width:100%; height:auto; top:0; left:0;  z-index:3;}
div#congeladores .cuatro { position:inherit; display:block; text-align:center; margin:0 0 15px 0; width:100%; height:auto; top:0; left:0;  z-index:4;}
div#congeladores .cinco { position:inherit; display:block; text-align:center; margin:0 0 15px 0; width:100%; height:auto; top:0; left:0;  z-index:5;}
#congeladores img { max-width:320px;}

/* Mejores inglredientes */
#mejores { height:auto; background:url(../images/mejores-ingredientes.png) no-repeat top center; position:relative; padding: 2% 0;}
div#mejores .uno { width:100%; height:auto; display:block; text-align:center; margin:0 0 15px 0; position:inherit;}
div#mejores .dos { width:100%; height:auto; display:block; text-align:center; margin:0 0 15px 0; position:inherit; bottom:0; left:0;}
div#mejores .tres { width:100%; height:auto; display:block; text-align:center; margin:0 0 15px 0; position:inherit; top:0; right:0;}
#mejores img { max-width:320px;}

/* Nuevos */
#nuevos {height:auto;}
div#nuevos .content { text-align:center;}
#nuevos img { max-width:320px;}

body {font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; font-size:12px; color:#004483; margin:0; overflow-y:auto; overflow-x:auto;}

/* Anchors
---------------------------------------------------*/
h1 { font-size:23px; color:#004483;font-family:"VAGRoundedStdBlack", Lucida Sans Unicode, Lucida Grande, sans-serif; text-transform:uppercase; font-weight:normal; margin:0 0 5px 0!important; display:block; }
h2 { font-size:15px; color:#004483;font-family:"VAGRoundedStdBlack", Lucida Sans Unicode, Lucida Grande, sans-serif; text-transform:uppercase; font-weight:normal; margin:0 0 16px 0!important; display:block; }
h3 { font-size:24px; color:#ea5422;font-family:"VAGRoundedStdBlack", Lucida Sans Unicode, Lucida Grande, sans-serif; text-transform:uppercase; font-weight:normal; margin:15px 0 2px 0!important; display:block;}
p {margin:0 0 25px 0; line-height:20px; font-weight:normal; font-family:"VAGRoundedStdLight", Lucida Sans Unicode, Lucida Grande, sans-serif;}
a:focus { outline:none;}
a{}
a:hover {}
a.readmore { display:inline-block; background:url(../images/icons/rm-arrow.png) no-repeat 98% center #eb5422; font-size:10px; color:#FFF; text-decoration:none; font-family:"VAGRoundedStdBlack", Lucida Sans Unicode, Lucida Grande, sans-serif; padding:0px 15px 0px 5px; height:21px; line-height:21px; text-transform:uppercase; margin:8px 0 0 0;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
}

a.readmore:hover { display:inline-block; background:url(../images/icons/rm-arrow.png) no-repeat 98% center #004483;}
	
/* Wrapper
---------------------------------------------------*/
#loader { position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/loading.gif) no-repeat center center #FFF; z-index:350;}
#wrapper { padding-bottom:0;}
.bgblue { background:url(../images/background-blue.jpg) repeat-x center top;}
.bgcolor { background:url(../images/background-color.jpg) repeat-x center top;}
#wrapper-main, .content { width:96%; margin:0 auto;}
#top { height:14px; background:url(../images/top.jpg) repeat center top; position:relative; z-index:100;}
#banner {/*width:100%; height:100%; position:absolute; top:0; left:0; z-index:0;*/}
#header { padding-top:15px; position:relative;}
#menu-left, #menu-right { float:left; width:70px;}
#logo { display:block; width:180px; height:110px; float:none; margin:0 auto;}
#logo a { display:block; width:177px; height:110px; margin:0 auto;
background:url(../images/logo.png) no-repeat left top; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
}
ul.menu { padding-top:0; position:absolute; left:0; top:40px; width:100%; background-color:#0054a2; z-index:300;
-moz-box-shadow:0 0 8px #000;
-webkit-box-shadow:0 0 8px #000;
box-shadow:0 0 8px #000;
}
ul.menu li { font-family:"VAGRoundedStdBlack", Lucida Sans Unicode, Lucida Grande, sans-serif; float:none; margin:0; padding:0;}
ul.menu li:last-child {margin:0;}
ul.menu li a { font-size:16px; color:#FFF; text-transform:uppercase; text-decoration:none; display:block; padding:7px 5px; margin:0;
background-image: linear-gradient(bottom, rgb(0,69,133) 0%, rgb(58,126,189) 100%);
background-image: -o-linear-gradient(bottom, rgb(0,69,133) 0%, rgb(58,126,189) 100%);
background-image: -moz-linear-gradient(bottom, rgb(0,69,133) 0%, rgb(58,126,189) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(0,69,133) 0%, rgb(58,126,189) 100%);
background-image: -ms-linear-gradient(bottom, rgb(0,69,133) 0%, rgb(58,126,189) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(0,69,133)),
	color-stop(1, rgb(58,126,189))
);
}
ul.menu li a:hover, ul.menu li.current a {color:#eb5422; text-shadow:
-1px -1px 0 #FFF,  
1px -1px 0 #FFF,
-1px  1px 0 #FFF,
1px  1px 0 #FFF;}
#social { float:right;}
#social a { margin:0 0 0 5px;}

#menu-mobile { display:block; position:relative; font-family:"VAGRoundedStdBlack"; font-size:15px; text-transform:uppercase; margin:10px 0;}
#menu-mobile > a { display:block; color:#FFF; padding:10px 3px 10px 35px; text-decoration:none; position:relative;
background-image: linear-gradient(bottom, rgb(0,69,133) 0%, rgb(58,126,189) 100%);
background-image: -o-linear-gradient(bottom, rgb(0,69,133) 0%, rgb(58,126,189) 100%);
background-image: -moz-linear-gradient(bottom, rgb(0,69,133) 0%, rgb(58,126,189) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(0,69,133) 0%, rgb(58,126,189) 100%);
background-image: -ms-linear-gradient(bottom, rgb(0,69,133) 0%, rgb(58,126,189) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(0,69,133)),
	color-stop(1, rgb(58,126,189))
);
}
#menu-mobile > a span {background:url(../images/icons/menu.png) no-repeat left top; display:block; width:25px; height:20px; position:absolute; left:5px; top:7px;}
div#menu-mobile #social { float:right; margin:0; padding:0; position:absolute; top:5px; right:10px;}

#headerimg1, #headerimg2 { 
background:center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#banner-mobile { height:180px;}

#col-1, #col-2, #col-3 { float:none; width:100%; display:block; margin-bottom:5px;}
#col-1 img, #col-2 img, #col-3 img { float:left;}
#col-1 p, #col-2 p, #col-3 p { font-family:"VAGRoundedStdLight"; color:#FFF; font-size:12px; line-height: 16px;}
#col-1 p b, #col-2 p b, #col-3 p b {color:#004483; display:block;}
#col-1 .info, #col-2 .info, #col-3 .info {padding:0 0 0 165px;}
.cont { padding:5px;}

#col-left, #col-right { float:none;}
#col-left { width:100%; margin:0 0 15px 0;}
#col-right { width:100%;}

.transition {-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
-webkit-transition: all 0.3s ease-out 0s;}
#products { position:relative; padding:10% 0 0 0;}
.carousel-feature { position:relative;}
.carousel-feature a { position:relative; z-index:100; text-decoration:none; display:block;}
.carousel-feature a span.paleta { display:block; position:absolute; width:355px; height:170px; z-index:200; top:110px; left:100px;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=0);
}
.carousel-feature span.destapa {
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=0);
}
.activo span.destapa {
opacity:1!important;
-moz-opacity:1!important;
filter:alpha(opacity=1)!important;
}

.carousel-feature a.rotate span.paleta { top:110px; left:100px;
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);

transform:rotate(-75deg);
-ms-transform:rotate(-75deg);
-moz-transform:rotate(-75deg); 
-webkit-transform:rotate(-75deg); 
-o-transform:rotate(-75deg); 

transform-origin: 10% 40%;
-ms-transform-origin: 10% 40%;
-moz-transform-origin: 10% 40%;
-webkit-transform-origin: 10% 40%;
-o-transform-origin: 10% 40%;
}

.carousel-feature a span.paleta img { width:100%;}
.tracker-individual-container, .tracker-summation-container { display:none; visibility:hidden;}
span.destapa { display:block; width:103px; height:69px; text-align:center; position:absolute; top:170px; right:-45px; z-index:350; font-size:15px; font-family:"VAGRoundedStdBlack"; color:#FFF; text-align:center; padding: 34px 0 0;
-moz-border-radius:50px;
-webkit-border-radius:50px;
-o-border-radius:50px;
border-radius:50px;
}
.limon { background-color:#a7ce39;}
.rojo { background-color:#fe364d;}
.verde { background-color:#629a41;}
.cafe { background-color:#fe364d;}
.cafeclaro { background-color:#935d4a;}
.rosa { background-color:#ef5088;}
.azul { background-color:#028ffc;}
span.image { position:absolute; z-index:300;}
span.fondo { position:absolute; z-index:100; top: -100px; left: -50px; 
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=0);
}
span.none { display:none!important;}
.carousel-feature a.rotate span.fondo { 
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}

.roundabout-holder {list-style: none; padding: 0; margin: 0; width:550px; height:208px;}
.roundabout-moveable-item {width:650px; height:308px; cursor: pointer;}
.roundabout-in-focus {cursor: auto;}

#col-left, #col-right { float:none;}
#col-left { width:100%; margin:0 0 15px 0;}
#col-right { width:100%;}
#contentent { padding:25px 0;}
.box { display:block; margin:0 0 20px 0;}

.circle { width:100%; height:auto; padding:0;
border-radius:430px;
-moz-border-radius:430px;
-webkit-border-radius:430px;
}
.circle h3 { display:block; text-align:center;}
.circle p { margin:0 0 10px 0; word-break:break-all; text-align:center; display:block;} 

.left, .right { float:none; display:block; position:relative;}
.left { width:100%;}
.left img.fullw { width:100%;}
.right { width:100%;}
.bubble { background-color:#a7ce39; width:215px; height:215px; font-family:"VAGRoundedStdBlack", Lucida Sans Unicode, Lucida Grande, sans-serif; color:#FFF; font-size:18px; line-height:20px; text-align:center;  position:absolute; right:0; font-weight:normal; bottom: -80px;
border-radius:215px;
-moz-border-radius:215px;
-webkit-border-radius:215px;
}
div.bubble .padding { padding:50px 0 0 0;}

.productsmobile { width:98%; margin:0 auto 20px auto;}
div.productsmobile div, div.productsmobile div img { width:100%;}
div.productsmobile div { margin:0 0 10px 0;}

/* Footer
---------------------------------------------------*/
#bottom { display:block; background-color:#a7ce39; padding:15px 0 15px; width:100%; position:relative; bottom:0; left:0; z-index:200; height:auto; overflow:auto;}
div#bottom a#pull { display:none; width:49px; height:49px; position:absolute; top:-24px; left:48%;}
div#bottom a.up { background:url(../images/icons/up.png) no-repeat left top; }
div#bottom a.down { background:url(../images/icons/up.png) no-repeat left bottom; }

#col-1, #col-2, #col-3 { float:none; width:100%; margin:0 0 15px 0;}
#col-1 img, #col-2 img, #col-3 img { float:none; display:block; margin:0 auto 10px auto; width:90%;}
#col-1 p, #col-2 p, #col-3 p { font-family:"VAGRoundedStdLight"; color:#FFF; font-size:14px; line-height: 18px;}
#col-1 p b, #col-2 p b, #col-3 p b {color:#004483; display:block;}
#col-1 .info, #col-2 .info, #col-3 .info {padding:0; width:100%;}

#footer { background-color:#004483; color:#FFF; text-align:center; display:block; width:100%; padding:5px 0; position:relative; left:0; bottom:0; font-family:"VAGRoundedStdLight"; z-index:300;}
}


/* CLEARING
---------------------------------------------------*/
.clearfix:after {content: "."; display:block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {clear: both;}