@charset "UTF-8";
/* CSS Document */
.txt{
	font-size:22px;}
.header{
	background-color:rgba(255,255,255,1);
	-webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 2px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 2px 0px rgba(50, 50, 50, 0.75);
	height: 70px;
	z-index:1;
	}
	
.cien {
    display: block;
    margin: 0 1%;
    width: 69%;
}

.foto-header {
    background-image: url("../img/bg3.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 60px;
    min-height: 240px;
}

.cont1 {
    background-color: #f7f7f7;
	border-bottom: 1px solid rgba(153,153,153,0.2);
	padding-top: 10px;
}

.extracto-noticias{
	padding-top:15px;
	padding-right: 30px;
}

.extracto-noticias p{
	text-align:justify;
}

.extracto-noticias p.tittle-receta{
	font-family:museo500;
}	
.conoce {
    background-image: url("../img/btn_conoce.png");
    background-repeat: no-repeat;
    color: #fff;
    display: block;
    height: 53px;
    margin-top: 25%;
    padding-left: 22%;
    padding-top: 10%;
    width: 177px;
	
}

a:hover, a:active, a:visited, a:link{
	text-decoration:none;}
	
	
/*EFECTO*/

.grid-block {
    float: left;
    overflow: hidden;
    visibility: hidden;
    width: 100%;
}

.load-content {
    display: block;
    height: 100%;
    left: 0;
    /*min-height: 285px;*/
   	min-height: inherit;
    position: relative;
    width: 100%;
}
.grid-img {
    height: 100%;
    /*min-height: 375px;*/
  	min-height: inherit;
    position: relative;
    width: 100%;
    z-index: 2;
}
.grid-hover {
    height: 100%;
    left: -100%;
    /*min-height: 375px;*/
   	min-height: inherit;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.pad0{
	padding:0 !important;}
	
.cont2{
	margin-top:3%;}
	
.cont3{
	margin-top:1%;}
	
	
input{
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.22);
    border: medium none;
    color: #616161;
    height: 50px;
    margin-bottom: 1%;
    padding-left: 6%;
    width: 100% !important;
	border:1px solid rgba(204,204,204,0.5);
	border-radius: 5px;
}

textarea {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.22);
    border: medium none;
    color: #616161;
    height: 180px;
    margin-bottom: 1%;
    padding-left: 6%;
    width: 100% !important;
	border:1px solid rgba(204,204,204,0.5);
	border-radius: 5px;
	padding-top: 10px;
	resize: none;
}

.submit-form{
	margin-top:-72px;
}
@media(max-width: 991px){
	.submit-form{
		margin-top:0px;
	}
}
.footer{
	background-color: rgb(77,182,2);
	color:#fff;
	padding-bottom:3%;
	padding-top:3%;
	margin-top:2%;}

.alin-derecha{
	text-align:right;}

body{
	color:#787878;
	font-family:museo300;
	}
	
h1{
	font-family:museo500;
	}
	
.pad2 {
    padding-top: 8%;
}
.t2 {
    font-size: 310%;
    font-weight: 900;
}
.f900 {
    font-size: 310%;
    font-weight: 900;
}	
.fb {
    border-left: 1px solid rgba(204,204,204,0.5);
    display: table;
    float: right;
    padding-left: 15px;
	height: 64px;
	margin-top: 3px;
}
.fb a{
	display:table-cell;
	vertical-align:middle;
}
.fb a:hover{
	opacity:0.5;
	transition:0.3s;}	

.btn-cel{
	display:none;}	
.arrow-down {
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid rgba(204,204,204,0.5);
    height: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 0;
}

.int-banner {
    font-size: 170%;
}

.titulo-noticia{
	color:rgb(77, 182, 2);
	}
	
hr{ display:block;
width:100%;
float:left;}

#fb-root {
    display: none;
}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

.logos-pie {
    margin-left: 7px;
    margin-top: 4px;
    width: 70%;
}
	
.btn-footer{
	color:#fff;
	}

.btn-footer:hover{
	color:rgba(0,102,0,1);
	}
.fb-top{
	padding-top:3%;}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	
.pro-mob {
    margin-top: 20%;
    width: 100%;
}

.pad2 {
    padding-top:0;
}
.btn-cel{
	display:block;
	clear:both;}	
	
.logos-cel{
	margin-bottom:10%;}
	
.logo-footer{
	width:100%;
}
	
.h1-acor {
    font-size: 25px;
}

.prod-chico {
    padding-top: 13%;
    text-align: center;
}

.not-im img{
	width:100%;}
	
.t2 {
    font-size: 190%;
    font-weight: 900;
}
	
}
/* ACORDION */
.panel-organic{
	border-bottom:0px;
}
.p-acor{
	text-align: justify;
	padding-right: 20px;
}
.boton {
    background-color:rgb(77,182,2);
    border: medium none;
    color: #fff;
    height: 50px;
    width: 100%;
	 border-radius: 5px;
}
.boton2 {
    background-color: rgb(77, 182, 2);
    border: medium none;
    border-radius: 5px;
    box-shadow: -1px 3px 5px 0 rgba(0, 102, 0, 1);
    color: #fff;
    display: block;
    font-weight: 700;
    height: 50px;
    text-align:center;
	padding:15px 10px;
	margin-top: 72px;
}

.boton:hover, .boton2:hover{
	background-color:rgba(0,102,0,1);
	color:rgba(255,255,255,1);
	transition:0.5s;
}
.text-organic{
	padding-top:20px;
}
.text-organic p{
	font-size:15px;	
}
.text-organic h3{
	font-weight:bold;
	color:#56B814;
	text-transform:uppercase;
	margin-top:45px;
	line-height: 1.2;
}
.text-organic .text-green{
	color:#56B814;
}
.nutrition-organic{
	text-align:center;
}
.nutrition-organic img{
	max-width:277px;
}

@media(max-width:991px){
	.boton2{
		margin-top:10px;
	}
}

/* Slide Paralax */

.teaser.txt{
	margin-top: 15px;
}
/* Bottom */
.prod-chico{
	text-align: center;
}
.logo-footer{
	max-width:100%;
}
/* Formulario */

input:focus, textarea:focus, keygen:focus, select:focus{
	outline: #4DB602 auto 5px;
}

/* LOGO JUMBO */
.logo-jumbo {
    display: none; 
    height: auto;
    width:auto;
    text-align:right;
    margin-top: 20%;
    position: fixed;
    right: 0;
    z-index: 2;
}
@media(max-width:768px){
	.logo-jumbo img{
		width:60%;
	}	
}

/* NOTICICAS */

.pagina{
	display:none;
}
.pagina.active{
	display:block;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
	color: inherit;
	cursor:pointer;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{
	background-color: #4DB602;
	border-color: #4DB602;
}
.no-padding{
	padding-left:0px;
	padding-right:0px;
}