@import url("fonts.css");
@import url(http://fonts.googleapis.com/css?family=Merienda:400,700);
@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,700);

body{ padding:0px; margin:0px; font-size:14px; font-family:"Open Sans", Lucida Sans Unicode, Lucida Grande, sans-serif; font-weight:400; color:#231f20;}
html, .h100 {height: 100%;}

/* Anchors
---------------------------------------------------*/
h1 { font-size:28px; margin:0 0 20px; font-weight:300;}
h1 span {font-family:"Merienda"; color:#95d201;}
h2 {}
h3 {}
p { line-height:17px; margin:0 0 15px 0;}
a:focus { outline:none;}
a{ text-decoration:none; color:#000;}
a:hover { text-decoration:none;}

.relative { position:relative;}

/* Font Hacks
---------------------------------------------------*/
.font-09{ font-size:9px; } .font-10{ font-size:10px; } .font-11{ font-size:11px; } .font-12{ font-size:12px; } .font-14{ font-size:14px; } .font-16{ font-size:16px; } .font-18{ font-size:18px; } .font-20{ font-size:20px; } .font-21{ font-size:21px; } .font-22{ font-size:22px; } .font-24{ font-size:24px; } .font-25 { font-size:25px;} .font-26{ font-size:26px; } .font-27{ font-size:27px;} .font-28{ font-size:28px; } .font-30{ font-size:30px; } .font-31{ font-size:31px; } .font-32{ font-size:32px; } .font-34{ font-size:34px; } .font-36{ font-size:36px; } .font-48{ font-size:48px; } .font-72{ font-size:72px; } .font-80{ font-size:80px; } .font-48{ font-size:48px;}

.text-left { text-align:left;}
.text-center { text-align:center;}
.text-center img { margin:auto;}
.text-rigt { text-align:right;}
.text-justify { text-align:justify;}

.cgreen {color:#63c702;}

/* Video */
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper object,
.videoWrapper iframe,
.videoWrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* Button
---------------------------------------------------*/
.btn {}
.btn-primary { }
.btn-warning {}
.btn-xs {}

.active_page{ background:url(../images/favicon.png) no-repeat center top !important; }

/* Wrapper
--------------------------------------------------*/
#loading { width:100%; height:100%; background-color:#999; position:absolute; top:0; left:0; z-index:499;}
.container { }
#header { padding:10px 0 15px; }
.languajes{ width: 75px; color: #fff !important; font-size: 19px !important; background-color: #59B203; padding: 5px 10px; border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; margin-top: -11px; }
.languajes a{ color:#95D22C !important; font-size:15px !important; display:inline-block !important; background:none !important; padding:0 !important; margin:0; }
.languajes a.active{ color:#fff !important; }
.languajes a:hover{ color:#fff !important; }

.right{float: right;}

.redes {}
.redes a {color:#89ba43 !important; font-size:17px; display:inline-block !important; background:none !important; padding:0 !important; margin:0 5px;}
.slogan { font-family:"Merienda"; display:block; text-align:right; color:#95d201; font-size:20px; margin-top:0px; }
.menu { margin-top:37px; display:block;}
.menu ul { margin:0; padding:0; display:block;}
.menu ul li { position:relative;}
.menu ul li a { font-family:"Oswald"; text-transform:uppercase; font-weight:700; display:block; color:#000; font-size:18px; position:relative;
background:url(../images/favicon.png) no-repeat center -15px; padding:15px 3px 0;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.menu ul li:hover a, .menu ul li.current a { background:url(../images/favicon.png) no-repeat center top; }
.menutrigger { display:inline-block; text-align:right; color:#63c702; font-size:25px;}
#banner { position:relative;}
.title-slide { font-size:80px; font-family: 'amaticbold'; color:#FFF; text-transform:uppercase; display:block; margin:0 0 15px 0;}
.info-slide {color:#FFF; padding-top:20px;}
.info-slide p { font-size:20px; line-height:28px; margin-bottom:20px;}
.info-slide a { display:inline-block; text-transform:uppercase; color:#FFF; border:solid 2px #FFF; padding:3px 6px; font-family:"Oswald"; font-weight:300px;}
.owl-item > div { padding:15px 0;}
.crop-top { height:30px; position:absolute; top:0; left:0; width:100%; background:url(../images/crop-top.png) repeat-x center top; z-index:200;}
.crop-bottom { height:30px; position:absolute; bottom:0; left:0; width:100%; background:url(../images/crop-bottom.png) repeat-x center top; z-index:200;}

.intro { max-width:860px; margin:30px auto;}
.intro p { font-size:17px; line-height:25px; font-weight:300;}

.ads { display:block; width:100%; margin:20px 0; position:relative; overflow:hidden;}
.ads img { width:100%;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.ads span {font-family:"Oswald"; position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; color:#FFF; text-transform:uppercase; font-size:30px; border:solid 2px #FFF; background:rgba(0,0,0,0.3); padding:5px; letter-spacing:-1px; width:300px; height:60px; text-align:center; z-index:200;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.ads:hover span {
-webkit-transform:scale(1.10, 1.10);
-o-transform:scale(1.10, 1.10);
transform:scale(1.10, 1.10);
}
.ads:hover img {
-webkit-transform:scale(1.10, 1.10);
-o-transform:scale(1.10, 1.10);
transform:scale(1.10, 1.10);
}

.banner-int { height:240px; position:relative;}
.title-int {font-family: 'amaticbold'; font-size:100px; color:#FFF; position:absolute; top:55px;}

.receta { margin-top:25px;}
.receta h2 { font-size:30px; text-transform:uppercase; color:#63c702;font-family:"Oswald"; font-weight:700; margin:0 0 10px 0; display:block; text-align:center;}
.receta a { display:block; background-color:#FFF; padding:5px; border:solid 1px #63c702; position:relative; overflow:hidden;}
.receta img { display:block; width:100%;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.receta a span {font-family:"Oswald"; position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; color:#FFF; text-transform:uppercase; font-size:25px; border:solid 2px #FFF; background:rgba(0,0,0,0.3); padding:5px; letter-spacing:2px; width:200px; height:50px; text-align:center; z-index:200;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
}
.receta a:hover span {
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
}
.receta a:hover img {
-webkit-transform:scale(1.10, 1.10);
-o-transform:scale(1.10, 1.10);
transform:scale(1.10, 1.10);
}

.widget { margin:0 0 15px 0;}
.widget ul { margin:0; padding:0;}
.widget ul li { display:block;}
.widget ul li a { display:block; background-color:#EEE; color:#333; padding:7px; position:relative; border-bottom:solid 1px #CCC;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.widget ul li a:after {content:"»"; position:absolute; top:0px; right:10px; font-size:20px; color:#333;}
.widget ul li:last-child a { border-bottom:none;}
.widget ul li a:hover, .widget ul li.current a { background-color:#63c702; color:#FFF;}
.widget ul li:hover a:after {color:#FFF;}
.widget ul li a.active-cat, .widget ul li a:after.active-cat { background-color:#63c702 !important; color:#FFF !important; }


.fitwidth { width:100%;}
.subcatego {margin: 20px 0 40px; padding: 0;}
.subcatego li {}
.subcatego li a {background-color: #DDD;   color: #333; padding: 7px 15px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.subcatego li:hover a, .subcatego li.active a {background-color: #63c702; color: #fff}
.entry { margin:0 0 20px 0;}
.entry h1 { margin:0 0 5px;}
.entry .img { margin:0 0 10px;}
.entry .date { margin:0 0 10px; color:#999;}
.entry .abstract {}
.link { background-color:#63c702; color:#FFF; display:inline-block; padding:5px 15px; margin:15px 0 0 0; text-transform:uppercase; letter-spacing:-1px;}

.certificaciones { margin:50px auto; max-width:500px;}

.certificaciones .owl-pagination {position: absolute; bottom:-20px; width: 100%;}
.certificaciones .owl-theme .owl-controls .owl-page span{border:solid 2px #63c702;}
.certificaciones .owl-theme .owl-controls .owl-page.active span,
.certificaciones .owl-theme .owl-controls.clickable .owl-page:hover span{border:solid 2px #63c702;background: #63c702;}

.boxrecetas { max-width:600px; margin:auto;}
.cuantas-cuento {background: url("../images/timer.png") no-repeat scroll center top rgba(0, 0, 0, 0); height: 61px; margin: auto; position: relative; width: 193px;}
.cuantas-cuento span { display:block; position:absolute; color:#006000; font-size:15px;}
.cuantas-cuento span.uno {height: 25px; left: 36px; line-height: 25px; text-align: center; top: 16px; width: 25px;}
.cuantas-cuento span.dos {left: 120px; text-align: left; top: 30px; width: 60px;}

.separator-gray { background:url(../images/separator-grey.png) no-repeat center center; display:block; margin:25px 0; height:11px;}
.big-line-height { line-height:33px; color:#393536; font-size:17px;}

.productos .owl-pagination {position: absolute; bottom:-20px; width: 100%;}
.productos .owl-theme .owl-controls .owl-page span{border:solid 2px #63c702;}
.productos .owl-theme .owl-controls .owl-page.active span,
.productos .owl-theme .owl-controls.clickable .owl-page:hover span{border:solid 2px #63c702;background: #63c702;}

.forma {}
.forma input, .forma textarea { background-color:#DDD; color:#333; border:none; display:block; padding:13px 10px; width:100%; margin:0 0 2px 0;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.forma button { background-color:#63c702; color:#FFF; border:none; cursor:pointer; padding:15px 40px;}
label.error { display:none!important;}
.forma input.error, .forma textarea.error { background-color:#bd7373; color:#FFF;}
.forma input.valid, .forma textarea.valid { background-color:#73bd73; color:#FFF;}


/* FOOTER
---------------------------------------------------*/
#footer { background:url(../images/bottom.png) repeat-x center top #e4e3e0; padding:40px 0 20px 0; color:#484646; position:relative; margin-top:80px; position:relative;}
.sello { background:url(../images/sello.png) no-repeat left top; width:260px; height:115px; margin:auto; position:absolute; top:-45px; left:50%; margin-left:-130px;}
#footer a.pull-left { margin-right:20px;}

/* RESPONSIVE
---------------------------------------------------*/
/* Large desktop */
@media (min-width: 1200px) {
.menu ul { display:block;}
.menu ul li a { padding:15px 12px 0;}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.menu ul { display:none;}
.menu ul li { text-align:left; float:none; display:block;}
.menu ul li a {padding:5px; background:none; border-bottom:solid 1px #63c702;}
.menu ul li:hover a, .menu ul li.current a { background:none; background-color:#63c702; color:#FFF;}
.title-slide { font-size:50px; }
.info-slide p { font-size:18px; line-height:23px;}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.logo { text-align:center; display:block;}
.slogan { text-align:center;}
.menu ul { display:none;}
.menu ul li { text-align:left; float:none; display:block;}
.menu ul li a {padding:5px; background:none; border-bottom:solid 1px #63c702;}
.menu ul li:hover a, .menu ul li.current a { background:none; background-color:#63c702; color:#FFF;}
.title-slide { font-size:50px; }
.info-slide p { font-size:16px; line-height:20px;}

.byquien { text-align:left !important; padding-top:10px;}
}

/* Landscape phones and down */
@media (max-width: 480px) {
.logo { text-align:center; display:block;}
.slogan { text-align:center;}
.menu ul { display:none;}
.menu ul li { text-align:left; float:none; display:block;}
.menu ul li a {padding:5px; background:none; border-bottom:solid 1px #63c702;}
.menu ul li:hover a, .menu ul li.current a { background:none; background-color:#63c702; color:#FFF;}

.title-slide { font-size:30px;}
.info-slide p { font-size:18px; line-height:23px;}

#footer { font-size:12px; text-align:left;}
.byquien { text-align:left !important; padding-top:10px;}
.title-int2 { top:0px !important; }
}

/* start hover effect
---------------------------------------------------*/
.trans {
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}

/*rotate*/
.rotate{
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.rotate:hover {
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}
li.active a img.rotate {
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
       -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
/*rotate*/

/*expand*/
.expand
{
	-webkit-transition:all 100ms;
	-o-transition:all 100ms;
	transition:all 100ms;
}

.expand:hover, .circle.active
{
	-webkit-transform:scale(1.05, 1.05);
	-o-transform:scale(1.05, 1.05);
	transform:scale(1.05, 1.05);
}
/*expand*/

/*opacity*/
.opacity{
opacity: 1;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transition: opacity;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
}
.opacity:hover{
opacity: 0.8;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transition: opacity;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
}
/*opacity*/
/*end hover effect*/



/* CLEARING
---------------------------------------------------*/
.clear5px{clear:both;height:5px;}
.clear7px{clear:both;height:7px;}
.clear10px{clear:both;height:10px;}
.clear15px{clear:both;height:15px;}

.clear { clear:both;}
.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 */