/* CSS Document */

@charset "utf-8";

/* CSS Document */


@media screen and (max-width: 3200px) {
	
	/*.sliderFruta {
		background-size:cover;

	}*/
	 .slider1{
		 background-size:contain;
		 background-position:center -50px !important;
 	}
	 .slider2{
		 background-size:contain;
		 background-position:center -20px !important;
 	}
	 .slider3{
		 background-size:contain;
		 background-position:center -80px !important;
 	}
	
	 
}

@media screen and (max-width: 2000px) {
	
	 .slider1,
	 .slider2,
	 .slider3,
	 .slider4,
	 .slider5{
		 background-size:contain;
		  background-position:center top !important;
 	}
	
	.sa,.sb,.sc{
		bottom:70px;
	}
	
}

@media screen and (max-width: 1700px) {
	
	.sliderFruta {
		background-size:auto;

	}
	
	.slider1,
	 .slider2,
	 .slider3,
	 .slider4,
	 .slider5{
		background-size:auto;
 	}
	
	.slider5{
		background-position:center -25px !important
 	}
	
	.sliderOpcionA{
		bottom:250px;
	}
}

@media screen and (max-width: 1400px) {
	
	 
	.sa,.sb,.sc{
		bottom:80px;
	}
}


@media screen and (max-width: 1150px) {
	
	.imgF1{
		max-width:50% !important;
	}

	.imgF2{
		max-width:45% !important;
	}


}

@media screen and (max-width: 980px) {
	
	.contentFooter .col1{
		width:100%;
		float:none;
	}
	.contentFooter .col2{
		width:100%;
		float:none;
	}
	
	.contentFooter .col2 p img,
	.contentFooter .col1 p img{
		margin:auto;
		display:block;
		width:auto;
		max-width:100% !important;
		height:auto !important;
	}

	
	.conetent-conocenos .col1,
	.conetent-conocenos .col2,
	.conetent-filosofia .col1,
	.conetent-filosofia .col2{
		float:none !important;
		width:100% !important;
		padding:0px;
		display:block !important;
	}
	
	.conetent-conocenos table td,
	.conetent-filosofia table td{
		display:block !important;
	}
	
	
	.conetent-filosofia .img-filosofia,
	.conetent-conocenos .img-conocenos{
		text-align:center;
	}


	.block{
		width:31%;
	}
	
	.block.frase{
		width:100%;
		float:none;
		padding:0% !important;
	}
	
	.imgF1{
		width:24% !important;
		margin-right:2%;
	}

	.imgF2{
		width:24% !important;
		margin-right:2%;
	}

	.imgF3{
		width:46% !important;
	}

	.rowFruta{
		padding:30px 30px 0 30px;
		padding-top:170px;
	}
}

@media screen and (max-width: 900px) {

 
	 .rowFruta .footerRow {
	 position:static;  
	 left:0px; right:0px; 
	 bottom:0px; left:0px; 
	 background-color:white; 
	 padding:15px 30px; z-index:0;
 }
	.rowFruta .row{
		padding-left:0px;
		padding-right:0px;
		padding-bottom:0px !important;
	}
	
	 .rowFruta .footerRow .col1 {
		 float:none;
		 width:100%;
 	}
	
	.rowFruta .contentImg{
		width:75%;
		margin:inherit;
	}
	
	.rowFruta .row.f1{
		padding-left:30px;
		padding-right:30px;
		padding-bottom:20px;
	}
	
}




@media screen and (max-width: 850px) {
	.sliderOpcionA{
		display:none;
	}
	.conetent-conocenos,
	.conetent-filosofia{
		padding: 40px 20px;
	}
	
	 .rowFruta .contentTexto .s0{
		 font-size:90px;
	 }
	  
	 .row table tr td{
		 display:block !important;
		  width:100% !important;
		 float:none !important;
	 }
	.row.f1 table tr td.col1 img{
		margin-bottom:15px;
	}
	.row.f1 table tr td.col1 img,
	.row.f1 table tr td.col2 img{
		width:auto !important;
		max-width:80% !important;
	}
	
	.form2 table td.th{
		display:block;
		width:50% !important;
		float:left;
	}
	
	.form2 table td{
		display:block;
		width:40% !important;
		float:left;
	}
	
	.form2 table td.input{
		width:10% !important;
	}
	
	 
.menu ul.web{

	display:none;

}

 

	.menu ul.mobile{

	display:block;

	text-align:right;

	}
	
}







@media screen and (max-width: 720px) {
.rowFruta{
	padding:30px 15px 0 15px;
	padding-top:100px;
}
 .sliderFruta .cover{
	 top:116px;
 }
 
 .head{
	 min-height:inherit !important;
	 max-height:115px !important;
 }
	.HRHead{
		top:115px;
	}

	.logo{

		width:160px;

	}

	.logo img{

		max-width:100% !important;

	}



	 .menu{

		 padding-top:30px;

	 }

	 

	 .menu ul li{

		padding:0px 10px;

	}
	
	.block{
		width:100%;
		padding:0% !important;
		padding-bottom:15px !important;
	}
	
	.contentPage{
		padding:30px 20px;
	}
	
	#contacto .block2{
		overflow-x:hidden;
	}

}





@media screen and (max-width: 600px) {

#colorbox{
	background-color:transparent !important;
}

	.popupMSJ{
		width:76% !important;
		background-color:white;
		float:left;
	}
	
	.popupMSJ img{
		max-width:90% !important;
	}
	
table.tableContacto tr td{
	display:block !important;
	width:100% !important;
	padding:0 !important;
	border:none !important;
}
 
	 .menu{

		 padding-top:15px;

	 }

 

	  .menu ul li{

		padding:0px 5px;

	}

	

	.menu ul li.menuIcon a{

	background-color: #BBBBBB;

	color:#fff;

	display:inline-block;

	padding:2px 5px;

}

.baner a{

	padding:5px;

}


.s1{
	font-size: 64px;
}

	
		.img-filosofia{
		text-align:center;
	}
	.imgF1{
		max-width:100% !important;
		width:auto !important;
		margin:0%;
		margin-bottom:15px;
	}

	.imgF2{
		max-width:100% !important;
		width:auto !important;
		margin:0%;
		margin-bottom:15px;
	}

	.imgF3{
		max-width:100% !important;
		width:auto !important;
		margin:0%;
	}
	
	.coverc{
		display:none;
	}
	.conetent-contacto{
		padding:40px 0 0px; 0 ;
	}
	.conetent-contacto table td.medio{
		display:block;
	}
	
	
	
	.conetent-contacto table td.col1{
		display:block;
		width:auto;
		padding: 0px 20px !important;
		padding-bottom:20px !important;
	}
	.conetent-contacto table td.col2{
		display:block;
		width:auto;
		padding: 5px 20px 15px 20px !important ;
		
		background-color:rgba(85, 146, 62, 0.90);	 
	 background-blend-mode: multiply;
	 mix-blend-mode:multiply;
	 
	}
	
	.contentFooter{
		padding:20px 20px;
	}
	
	.contentFooter .col1 .texto{
		position:static;
		padding:25px 15px;
		max-width:100%;
	}
	.contentFooter .col1 .imagen img{
		max-width:100% !important;
		
	}
	
	
	.conetent-conocenos .txt-conocenos h2,
.conetent-contacto .txt-contacto h2, 
.conetent-filosofia .txt-filosofia h2{
	margin-top: 0;
}

.rowFruta{
	overflow-x:hidden;
}

}



/* prettyPhoto styling for small screens  - below 767px width */
@media only screen and (max-width: 500px) {
.pp_pic_holder.pp_default { width: 90%!important; margin-left:5%; left: 0!important; overflow: hidden; }
div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
.pp_content { width: 100%!important; height: auto!important; }
.pp_fade { width: 100%!important; height: 100%!important; }
a.pp_expand, a.pp_contract, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
#pp_full_res img { width: 100%!important; height: auto!important; }
.pp_details { width: 94%!important; padding-left: 3%; padding-right: 4%; padding-top: 20px; padding-bottom: 20px; margin-top: -2px!important; }
a.pp_close { right: 10px!important; top: 10px!important; }

.pp_hoverContainer{ width: 100% !important; height: 100% !important;}

}

@media screen and (max-width: 480px) {
	.HRHead{
		top:107px;
	}
	
	 .sliderFruta .cover{
		 top:107px;
	 }
 
	.conetent-contacto{
		padding-top:20px;
	}

.form1{
		max-width:100%;
	}
	
	.form2{
		width:100%;
	}
	
	
	 .form2 input[type=text],
   .form2 textarea{ 
	   width:95%;  
   }
   
   .form2 select,
   .form1 select{
	   width:100%;
   }
   
   .form1 input[type=text], .form1 textarea{
	   width:94%;
   }
   
/*	
.form2 table td.th{
		width:100% !important;
		float:none;
	}
	
	.form2 table td{
		display:block;
		width:90% !important;
		float:left;
	}
	
	.form2 table td.input{
		width:10% !important;
	}*/

.rowFruta .contentTexto{
	padding-top:50px;
}

.baner a{
	display:none;
}

.baner  {
	padding-right:15px;
}

.baner a.idi{
	display:inline-block !important;
	padding:0px;
	background-color:transparent;
}

.iconMenu{
 
	left: -25px;
}

}