/*@import url('https://fonts.googleapis.com/css?family=Lemon|Montserrat:400,700');*/
body{
	/*font-family: 'Montserrat', sans-serif;*/
	font-family:Verdana, Geneva, sans-serif;
}

.navbar-brand img {
    height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
}

h1,h2,h3,h4,h5{font-weight: bold;}

.navbar{
	border-top: solid 5px rgb(254, 204, 0); 
}
.navbar a{color: #000; font-size: 14px;}
.navbar a:hover{color: #999;}
.navbar-toggler{color: #ff0000;}

#citric{background: #262b2f;}
#citric h5{color: #facc00; margin-top: 15px; text-align: center;}
#citric a{
	color: #fff;
	margin-bottom: 5px;
	
}
#citric .nav-item span{
	width: 100%;
	float: left;
	text-align: center;
	font-weight: bold;
	margin-top: 5px;
	font-size: 13px;
	text-transform: uppercase;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}
#citric .nav-item img{
	display: block;
	width: 100%;
	margin: 0 auto;
	width: 60px; 
}
.limones .nav-item{width: 33.333333%;}

@media only screen and (max-width : 768px) {
	.nav.justify-content-end li{width: 100%;}
	.nav.justify-content-end li a{text-align: center;}
	.navbar{padding-top: 20px;}
}
@media only screen and (min-width : 768px) {

	.navbar-brand img {height: 50px;}
	.dropdown-menu {
	    top: calc(100% + 14px);
	    border: none;
	    border-radius: 0;
	    border-bottom: solid 5px #facc00;
	}
	#citric h5{text-align:left;}
	.limones .nav-item{width: 20%;}
	#citric a.nav-item:hover span{color: #facc00;position: relative;}

	#citric a.nav-item:hover span::after{
	    content:'';
	    position: absolute;
	    left: calc(50% - 13px);
	    bottom: -15px;
	    width: 0;
	    height: 0;
	    border-left: 13px solid transparent;
	    border-right: 13px solid transparent;
	    border-bottom: 13px solid #facc00;
	    clear: both;
	}
	#citric .naranjas a.nav-item:hover {color: #facc00;}
	#citric .mandarinas a.nav-item:hover {color: #fd7728;}
	.nav.justify-content-end{position: relative;}

}



/*Footer*/
footer{
  color: #facc00;
  font-size: 0.8em;
}
footer a{
  color: #fff;
}
footer a:hover{
  color: #facc00;
}
.certificadosIso{
	display: block;
	position: relative;
}
.certificadosIso .container{
	padding-top: 2em;
	padding-bottom: 2em;
}
.certificadosIso .container h4{
	text-align: center;
	color: #facc00;
	text-shadow: 1px 2px #ccc !important;
}
.isoLogos{
	display: block;
	width: 100%;
	max-width: 300px;
	margin:0 auto;
}
.footer-bottom{
  background: rgb(254, 204, 0);
  padding:1em;
  color:#262b2f;
  text-align: center;
}
.footer-bottom p{
	margin-bottom: 0;
}
.footer-middle{
  background: #262b2f;
  padding-top: 3em;
  padding-bottom: 1em;
  color: #fff;
}
.footer-middle h4{
	color:#facc00;
	font-size: 1.1em;
	text-transform: uppercase;
}
.footer-middle h5{font-size: 1em;margin-bottom: 0;}
.redesFooter{font-size: 2.5em;}
.redesFooter a{
	padding: 1em;
	color:#333;
}


.footer-left-lemon,.footer-right-lemon{
	display: none;
}

@media only screen and (min-width : 768px) { 
	.footer-left-lemon,.footer-right-lemon{
		display: block;
		position: absolute;
	}
	.footer-left-lemon{
		left: 0;
		top: 0;
		height: 100px;
	}
	.footer-right-lemon{
		right: 0;
		bottom: -30px;
		height: 120px;
	}
}






/*Home*/
#slideHome .carousel-caption a{
	display: block;
	margin: 0 auto 2em;
	background:#fff;
	color: #262b2f;
	width: 130px;
	padding: .5em;
	font-weight: bold;
	border-radius: 4px;
}
#slideHome .carousel-caption a:hover{
	background:#facc00;
	color: #262b2f;
	text-decoration: none;
}
#slideHome .carousel-caption{
	bottom: 5vw;
}
@media only screen and (min-width : 768px) {
	#slideHome .carousel-caption h5{font-size: 2em;}
	#slideHome .carousel-caption p{font-size: 1.4em;}
}
@media only screen and (min-width : 992px) {
	#slideHome .carousel-caption h5{font-size: 3em;}
}


.headerFoto{
	padding: 6em 0;
	background-size: cover!important;
	background-attachment: fixed!important;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	position: relative;
}
.headerFoto::before{
	content: " ";
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,0.3);
	z-index: 0;
}

.headerFotoBlog{
	padding: 2em 0;
	background-size: cover!important;
	background-attachment: fixed!important;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	position: relative;
}
.headerFotoBlog::before{
	content: " ";
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,0.3);
	z-index: 0;
}

@media only screen and (min-width : 768px) {
	.headerFoto h1{
		font-size: 4em;
	}
	.headerFotoBlog h1{
		font-size: 2em;
	}
}

@media only screen and (max-width : 768px) {
	.contMandarinas.productos{
		padding-top: 0!important;
		padding-bottom: 0!important;
	}
	.contMandarinas.productos{
		font-size: 0.8em!important;
	}
}
@media only screen and (min-width : 768px) {
	.contMandarinas.productos{
		font-size: 0.8em!important;
	}
}
.headerFoto h1{
	text-align: center;
	display: block;
	width: 100%;
	font-weight: bold;
	z-index: 5;
}
.headerFoto p{
	text-align: center;
	display: block;
	width: 100%;
}

.headerFotoBlog h1{
	text-align: center;
	display: block;
	width: 100%;
	font-weight: bold;
	z-index: 5;
}
.headerFotoBlog p{
	text-align: center;
	display: block;
	width: 100%;
}


/* contacto */

.contact-form .btn-send{
	background: #facc00;
    color: #262b2f;
    text-transform: uppercase;
}


.menuHome{
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 2em;
	padding-bottom: 2em;
	background-size: cover!important;
	background-position: center!important;
	text-align: center;
	color: #fff;
	font-size:2.3em;
	width: 100%;
	position: relative;
	z-index: 5;
}

.menuHome::after{
	content: " ";
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,0.2);
	z-index: -2;
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
}
.menuHome:hover{
	color: #fff;
	text-decoration: none;
}
.menuHome:hover::after{
	opacity: 0;

}


.GaleriA{
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 4em;
	padding-bottom: 2em;
	background-size: cover!important;
	background-position: center!important;
	text-align: center;
	color: #fff;
	font-size:2.3em;
	width: 100%;
	position: relative;
	z-index: 5;
}

.GaleriA::after{
	content: " ";
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,0.2);
	z-index: -2;
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
}
.GaleriA:hover{
	color: #fff;
	text-decoration: none;
}
.GaleriA:hover::after{
	opacity: 0;

}


/*empresa*/
.cont-empresa p{
	/*text-transform:capitalize;*/
}


th span{
	font-weight: lighter;
	margin-left: 10px;
}


.contLimones,.contNaranjas,.contMandarinas, .contProductos{
	padding-top: 5em;
	padding-bottom: 5em;
	display: block;
	width: 100%;
	color: #fff!important;
}

.contProductos{
	background: #262b2f;
}
.contLimones{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3b4100+0,698d0c+100 */
	background: #779416; /* Old browsers */
	background: -moz-linear-gradient(top, #779416 0%, #638304 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #779416 0%,#638304 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #779416 0%,#638304 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#779416', endColorstr='#638304',GradientType=0 ); /* IE6-9 */
}
.contNaranjas{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3b4100+0,698d0c+100 */
	background: #e57801; /* Old browsers */
	background: -moz-linear-gradient(top, #e57801 0%, #d68126 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e57801 0%,#d68126 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e57801 0%,#d68126 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e57801', endColorstr='#d68126',GradientType=0 ); /* IE6-9 */
}
.contMandarinas{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3b4100+0,698d0c+100 */
	background: #d24000; /* Old browsers */
	background: -moz-linear-gradient(top, #d24000 0%, #e56e02 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d24000 0%,#e56e02 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d24000 0%,#e56e02 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d24000', endColorstr='#e56e02',GradientType=0 ); /* IE6-9 */
}





/* 
campos 
*/

.card-header{
	text-align: center;
	background-position: center!important;
	background-size: cover!important;
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
	padding: 0;
}
.card-header h5 button{
	width: 100%;
	color: #fff!important;
	font-weight: bold;
	text-transform: uppercase;
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	font-size: 24px;
}
.card-header h5 button[aria-expanded="true"]{
	padding-top: 3em;
	padding-bottom: 3em;
}
.card-header h5 button:hover{
	padding-top: 3em;
	padding-bottom: 3em;
}



.logoCertificaciones{
	display: block;
	margin: 2em auto;
	max-width: 100%;
}


.menuHome span{
	font-size: .4em;
	text-align: center;
}


.idiomas{
	position: absolute;
	display: block;
	top: 0;
	right: 0; 
}
.idiomas a{
	display: block;
	float: left;
	padding: 5px;
	font-size: 10px;
}
.idiomas a img{
	display: inline-block;
	height: 10px;
	margin-right: 4px;
}