@import url('https://fonts.googleapis.com/css?family=Poppins:300,500,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:500,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Courgette&display=swap');
/* ==============================================================================
							R	E	S	E	T
============================================================================== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
html, body, section {
	padding: 0;
}
body{
	position: relative;
	font-family: 'Poppins', sans-serif;
}
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../img/loader.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}
.prueba {
	background-color: red;
	border: 2px dotted gray;
	color: yellow;
}
.regresar {
	color: #272727;
	letter-spacing: 2px;
}
.regresar a {
	color: black;
	text-decoration: none;
	font-size: .9em;
}
.regresar a:hover {
	color: #2576A2;
}
/* ==============================================================================
			E 	S 	T 	I 	L 	O 	S		C 	O 	M 	U 	N 	E 	S
============================================================================== */

/** Centrar Verticalmente **/

.flex-parent{
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
}

.flex-child{
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#flecha_top{
	position: fixed;
	bottom: 40px;
	right: 50px;
	width: 50px;
	z-index: 20;
}

/* ==============================================================================
							S 	L 	I 	D 	E 	R
============================================================================== */

*{box-sizing:border-box}
.contieneSlider{
	 width: 100%;
	 height: auto;
	 position:relative;
	 margin:auto;
	margin-top: -15px; 
}
.mySlides{
 	display:none;
}
.prev, .next{
	 cursor:pointer;
	 position:absolute;
	 top:50%;
	 width:auto;
	 margin-top:-22px;
	 padding:16px;
	 color:white;
	 font-weight:bold;
	 font-size:18px;
	 transition:0.6s ease;
	 border-radius:0 3px 3px 0;
}
.next{
	 right:0;
	 border-radius:3px 0 0 3px;
}
.prev:hover, .next:hover{
	 background-color:rgba(0,0,0,0.8);
}
.text{
	 color:#f2f2f2;
	 font-size:15px;
	 padding:8px 12px;
	 position:absolute;
	 bottom:8px;
	 width:100%;
 	text-align:center;
}

.numbertext{
	 color:#f2f2f2;
	 font-size:12px;
	 padding:8px 12px;
	 position:absolute;
	 top:0;
}
.fade{
	 -webkit-animation-name:fade;
	 -webkit-animation-duration:2s;
	 animation-name:fade;
	 animation-duration:2s;

	 transition: color 1s linear 1s;
}

@-webkit-keyframes fade{
	 from{opacity:0;
	 	 -webkit-transition: opacity 1s ease-in-out;
			transition: opacity 1s ease-in-out;
	 }
	 to{opacity:1}
}

@keyframes fade{
	 from{opacity:0;
	  -webkit-transition: opacity 1s ease-in-out;
		 transition: opacity 1s ease-in-out;}
	 to{opacity:1}
}
.contieneTextosSlider {
	width: 65%;
	height: 100%;
	position: absolute;
	margin: auto;
	top:0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
}
.contieneTextosSlider .textosSlider h1 {
	font-size: 3em;
	font-weight: 900;
	color: #e66b00;
	text-shadow: 0px 0px 1px rgba(0,0,0,0.55);
}
.contieneTextosSlider .textosSlider h2 {
	line-height: 1.4em;
	font-size: 3.5em;
	font-weight: 300;
	text-shadow: 1px 1px 3px rgba(255,255,255,0.55);
}
.contieneTextosSlider .textosSlider p {
	font-size: 1.2em;
	letter-spacing: 1px;
	width: 60%;
	margin-top: 15px;
	line-height: 1.3em;
	margin-bottom: 1.5em;
	text-shadow: 1px 1px 2px rgba(255,255,255,0.55);
}
.contieneTextosSlider .textosSlider a {
	width: 200px;
	background: #62B245;
	color: white;
	text-decoration: none;
	padding: 10px 30px;
	font-size: .9em;
	font-weight: 300;
	letter-spacing: 1px;
}


/* ==============================================================================
								H 	O 	M 	E
============================================================================== */
.contieneHeader {
}
.contieneHeader img {
	width: 100%;
	height: auto;
}
/* =========================== W e l c o m e =========================== */

/* ============================================================ Reglas específicas para Safari */
		.safari .cuartoWelcome {
			padding-top: 25%;
		}




/* Cierra Reglas específicas para Safari */



.welcome {
	background: rgba(228,238,246,1);
	background: -moz-linear-gradient(left, rgba(228,238,246,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 75%, rgba(228,238,246,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(228,238,246,1)), color-stop(25%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(75%, rgba(255,255,255,1)), color-stop(100%, rgba(228,238,246,1)));
	background: -webkit-linear-gradient(left, rgba(228,238,246,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 75%, rgba(228,238,246,1) 100%);
	background: -o-linear-gradient(left, rgba(228,238,246,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 75%, rgba(228,238,246,1) 100%);
	background: -ms-linear-gradient(left, rgba(228,238,246,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 75%, rgba(228,238,246,1) 100%);
	background: linear-gradient(to right, rgba(228,238,246,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 75%, rgba(228,238,246,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4eef6', endColorstr='#e4eef6', GradientType=1 );
}
.contieneWelcome {
	width: 90%;
	margin: auto;
	text-align: center;
	padding-top: 90px;
}
.contieneWelcome img {
	width: 100px;
}
.contieneTextosWelcome {
	text-align: center;
	padding-bottom: 50px;
}
.contieneTextosWelcome h4 {
	color: #62B245;
	line-height: 2.5em;
	font-size: 1.5em;
	letter-spacing: 2px;
}
.contieneTextosWelcome h3 {
	font-size: 3em;
	font-weight: 900;
	letter-spacing: 1px;
}
.contieneCuartosWelcome {
	display: flex;
}
.cuartoWelcome {
	position: relative;
	display: flex;
	width: 30%;
	align-items: center;
	padding: 30px 0;
}
.cuartoWelcome .item {
	align-items: center;
}
.mitadWelcome {
	width: 40%;
	justify-content: center;
	padding: 30px 0;
}
.itemIzquierda {
	position: absolute;
	right: 0;
	max-width: 320px;
	padding-left: 30%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
}
.itemDerecha {
	position: absolute;
	left: 0;
	max-width: 320px;
	padding-right: 30%;
	 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
}
.item img {
	width:100px;
}
.item h4 {
	font-weight: 900;
	font-size: 1.5em;
	line-height: 2em;
}
.item h5 {
    line-height: 1.4em;
}
.itemHuevo {
	margin:auto;
}
.itemHuevo img {
	width:100px;
}
.itemHuevo h4 {
	font-weight: 900;
	font-size: 1.5em;
	line-height: 2em;
}
.itemHuevo h5 {
	max-width: 180px;
	 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    line-height: 1.4em;
}
.contieneItemsHuevo {
	display: flex;
}
.contieneHuevo {
	display: flex;
	width: 50%;
	margin-bottom: 40px;
}
.contieneImagenHuevo {
	width: 100%;
	display: block;
}
.contieneImagenHuevo img {
	width: 100%;
	margin: auto;
	height: auto;
}
.contieneHuevo img {
	width:100px;
	height: auto;
}
/* =========================== C a t e g o r í a s =========================== */

.contieneCategoriasHome {
	display: flex;
	justify-content: space-around;
}
.categoriaHome {
	text-align: center;
	position: relative;
	display: inline-flex;
	width: 25%;
}
.categoriaHome h2 {
	display: none;
	position: absolute;
	top:40%;
	margin: 0 auto;
	left:0;
	right: 0;
	font-size: 2.4em;
	font-weight: 300;
	color: white;
	text-shadow: 2px 2px 1px rgba(0,0,0,0.80);
	z-index: 2;
	cursor: pointer;
}
.categoriaHome img {
	width: 100%;
}

/* =========================== P r o d u c t o s =========================== */

.contieneProductos {
	padding-bottom: 90px;
}
.contieneSelloProductos {
	width: 100%;
	text-align: center;
}
.contieneSelloProductos img {
	width: 100px!important;
}
.contieneTitulosProductos {
	text-align: center;
}
.contieneTitulosProductos h4 {
	color: #56AA31;
	font-size: 1.8em;
	letter-spacing: 2px;
	padding-top: 20px;
}
.contieneTitulosProductos h3 {
	font-size: 3em;
	font-weight: 900;
	letter-spacing: 2px;
	padding-top: 15px;
}
.menuProductos {
	padding-top: 25px;
	text-align: center;
}
.menuProductos ul li a {
	text-decoration: none;
	color: #8E8E8E;
	margin-right: 20px;
	letter-spacing: 1px;
	transition: all 2s;
}
.menuProductos ul li a:hover {
	color: black;
	font-weight: bolder;
}
.contieneTerciosProductos {
	width: 60%;
	margin: auto;
	display: flex;
	justify-content: space-around;
	padding: 90px 0;
}
.tercioProducto {
	width: 33%;
	display: inline-flex;
	padding: 30px 0;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 1px solid #b7b7b7;
	transition: all 1s ease;
	background: white;
}
.tercioProducto:hover {
	border: 1px solid #56AA31;
	-webkit-box-shadow: 2px 2px 13px 3px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 13px 3px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 13px 3px rgba(0,0,0,0.75);
}
.tercioProducto img {
	width: 100%;
	max-width: 260px;
	margin: auto;
	height: auto;
}
/* =========================== B l o g =========================== */
.contieneBlog {
	position: relative;
	padding: 90px 0;
	background: url(../images/fondoBlog.jpg);
	background-size: cover;
	overflow: hidden;
}
.degradadoSuperpuestoArriba {
	position: absolute;
	top: 0;
	width: 100%;
	height: 90px;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
	z-index: 10;
}
.degradadoSuperpuestoAbajo {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 90px;
	background: rgba(255,255,255,0);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
	z-index: 10;
}
.contieneTitulosBlog {
	text-align: center;
}
.contieneTitulosBlog h4 {
	font-size: 1.5em;
	letter-spacing: 2px;
	color: #56AA31;
	line-height: 2em;
}
.contieneTitulosBlog h2 {
	font-size: 3em;
	letter-spacing: 2px;
	font-weight: 900;
}
.contieneEntradasBlog {
	width: 60%;
	margin: auto;
	display: flex;
	justify-content: space-around;
	padding-top: 60px;
}
.entradaBlog {
	width: 45%;
}
.entradaBlog img {
	width: 100%;
	height: auto;
}
.contieneTextoBlog {
	display: flex;
	justify-content: space-around;
	margin-top: 40px;
}
.contieneFechaBlog {
	width: 20%;
	background: #56AA31;
	color: white;
	display: flex;
	align-items: center;
	max-height: 90px;
}
.contieneFechaBlog p {
	width: 100%;
	text-align: center;
	font-weight: 900;
	font-size: 1.5em;
}
.contieneFechaBlog p span {
	font-weight: 300;
	font-size: .7em;
}
.titulosBlog {
	width: 80%;
	padding: 0 20px;
	 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
}
.titulosBlog h5 {
	font-weight: 900;
	text-align: left;
	line-height: 1.4em;
}
.titulosBlog p {
	line-height: 1.5em;
	text-align: justify;
}
.enlaceBlog {
	width: 100%;
	text-align: right;
}
.titulosBlog a {
	color: #56AA31;
	font-weight: 900;
	font-size: .8em;
	text-decoration: none;
	line-height: 3em;
	transition: all 1s ease;
}
.titulosBlog a:hover {
	color: #FD7609;
}
/* =========================== C l i e n t e s =========================== */
.contieneClientes {
	padding: 50px 0;
}
.separador {
	width: 80%;
	margin: auto;
	height: 1px;
	background: #b0b0b0;
}
.contieneLogos {
	width: 90%;
	margin: auto;
	display: flex;
	justify-content: space-around;
}
.contieneLogos img {
	width: 100%;
	max-width: 180px;
}
/* =========================== N e w s l e t t e r =========================== */
.contieneNewsteller {
	background-color: #F0EEE6;
	padding: 40px 0;
}
.contieneSuscripcion {
	width: 80%;
	margin: auto;
	display: flex;
	align-items: center;
}
.contieneTextoNewsletter {
	display: inline-block;
	width: 50%;
}
.contieneTextoNewsletter h3 {
	font-weight: 900;
	font-size: 1.5em;
	line-height: 1.8em;
}
.contieneTextoNewsletter p {
	width: 90%;
	line-height: 1.5em;
}
.contieneformulario {
	width: 49.5%;
	line-height: 2em;
	display: inline-block;
}
.contieneformulario form {
	display: flex;
	justify-content: space-around;
}
.contieneformulario input {
	display: flex;
	text-indent: 1em;
	line-height: 3em;
	width: 80%;
}
.contieneformulario button {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 3em;
	width: 19%;
	border: 0;
	background: #FD7609;
	color: white;
	letter-spacing: 1px;
}


/* ==============================================================================
							F 	O 	O 	T 	E 	R
============================================================================== */

.contieneFooter {
	padding-top: 60px;
	background: #FD7609;
}
.contieneLogoFooter {
	width: 100%;
	text-align: center;
}
.contieneLogoFooter {
	width: 70%;
	margin: auto;
	text-align: left;
}
.contieneLogoFooter img {
	width: 150px;
}
.contieneTerciosFooter {
	width: 70%;
	margin: auto;
	display: flex;
	justify-content: space-around;
}
.tercioGrandeFooter {
	width: 50%;
	color: white;
	font-size: 0.8em;
	font-weight: 300;
	line-height: 1.5em;
	letter-spacing: 1px;
	padding: 20px 0;
}
.tercioGrandeFooter p {
	text-align: justify;
	margin-bottom: 20px;
	width: 90%;
}
.tercioGrandeFooter ul li {
	line-height: 2em;
}
.tercioGrandeFooter ul li img {
	width: 40px;
	margin-bottom: -7px;
}
.tercioChico {
	width: 25%;
	color: white;
	border-left: 2px solid white;
	padding: 20px 5%;
	 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    letter-spacing: 1px;
}
.tercioChico h4 {
	font-weight: 900;
}
.tercioChico ul li a {
	font-weight: 300;
	line-height: 2em;
}
.contieneRrss img {
	width: 40px;
	margin-right: 10px;
	margin-top: 10px;
}
.contieneCreditos {
	display: block;
	width: 70%;
	margin: auto;
	margin-top: 40px;
	padding: 30px 0;
	border-top: 1px solid white;
	color: white;
	letter-spacing: 2px;
	font-weight: 300;
	font-size: 0.8em;
}
.botonPrivacidad{
	background: white;
	padding: 8px 15px;
	border-radius: 5px;
	transition: 0.8s;
	text-align: center;
	margin-top: 15px;
}
.botonPrivacidad a{
	color: #A74C17;
	font-size: 0.7em;
	text-decoration: none;
}
.botonPrivacidad:hover{
	background: #FBBF9A;
}

/* ==============================================================================
								B 	L 	O 	G
============================================================================== */

.contieneHeaderBlog img {
	width: 	100%;
	height: auto;
}
.cuerpoBlog {
	width: 60%;
	margin: auto;
	padding: 120px 0;
}
.primeraNoticiaBlog {
	position: relative;
}
.fechaBlog {
	position: absolute;
	top: 20px;
	left: 20px;
}
.fechaBlog p {
	text-align: center;
	padding: 15px;
	background: #56AA31;
	color: white;
	font-weight: 900;
	font-size: 1.3em;
}
.fechaBlog p span {
	font-weight: 300;
	font-size: .8em;
	letter-spacing: 1px;
}
.primeraNoticiaBlog img {
	width: 100%;
	height: auto;
}
.primeraNoticiaBlog h3 {
	font-size: 1.3em;
	font-weight: 900;
	color: #56AA31;
	letter-spacing: 1px;
	line-height: 1.8em;
}
.primeraNoticiaBlog p {
	font-size: .9em;
	letter-spacing: 1px;
	line-height: 1.4em;
	text-align: justify;
}
.contieneTerciosBlog {
	padding: 90px 0;
}
.filaBlog {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
.tercioBlog {
	position: relative;
	width: 32%;
}
.tercioBlog img {
	width: 100%;
	height: auto;
}
.tercioBlog .fechaBlog p {
	font-size: .9em;
}
.tercioBlog h3 {
	padding-top: 15px;
	font-size: 1.2em;
	font-weight: 900;
	line-height: 2em;
}
.tercioBlog p {
	font-weight: 300;
	font-size: .9em;
	text-align: justify;
	letter-spacing: 1px;
}
.tercioBlog a {
	line-height: 1.8em;
	color: #908d8b;
	text-decoration: none;
}

/* ==============================================================================
						C 	O 	N 	T 	A 	C 	T 	O
============================================================================== */
.contieneHeaderContacto img {
	width: 100%;
	height: auto;
}
.contieneFormularioContacto {
	width: 70%;
	margin:auto;
	padding-top: 90px;
}
.contieneMitadesContacto {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.mitadContacto01, .mitadContacto02 {
	width: 50%;
}
.mitadContacto img {
	width: 60%;
	height: auto;
}
.mitadContacto h5 {
	color: #6DA758;
	font-size: 1.2em;
	font-weight: 300;
	letter-spacing: 2px;
	line-height: 2em;
}
.mitadContacto h3 {
	font-weight: 900;
	font-size: 3em;
	padding-bottom: 10px;
}
.mitadContacto .formularioContacto {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.mitadContacto form input, .mitadContacto form textarea {
	margin-bottom: 15px;
	line-height: 2em;
}
.mitadContacto form input {
	width: 49%;
	display: inline-flex;
}
.mitadContacto form textarea {
	width: 98.5%;
}
.contieneBotonContacto {
	width: 100%;
	text-align: center;
}
.contieneBotonContacto button {
	border:0;
	background: #6DA758;
	color: white;
	letter-spacing: 1px;
	padding: 10px 50px;
	 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    transition: all 1s ease;
}
.contieneBotonContacto button:hover {
	background: #506d46;
}
.contieneMapaContacto {
	position: relative;
}
.contieneMapaContacto {
	display: flex;
	align-items: center;
	 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.contieneMapaContacto img {
	width: 100%;
	height: auto;
}
.contieneTextoMapa {
	position: absolute;
	display: flex;
	align-items: center;
	padding: 0 5%;
	top:0;
	right: 10%;
	width: 30%;
	height: 100%;
	color: white;
	background: rgba(109,167,88,0.8);
}
.contieneTextoMapa h3 {
	padding-top: 10%;
	padding-bottom: 10px;
	font-size: 2em;
	font-weight: 900;
	letter-spacing: 2px;
}
.contieneTextoMapa p {
	font-weight: 300;
	letter-spacing: 1px;
	padding-bottom: 10px;
}
.contieneTextoMapa ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.contieneTextoMapa ul li p {
	width: 85%;
	font-weight: 300;
	letter-spacing: 1px;
	line-height: 1.5em;
}
.contieneTextoMapa ul li img {
	width: 10%;
	margin-top: -1em;
}

/* ==============================================================================
					P 	R 	O 	D 	U 	C 	T 	O 	S
============================================================================== */

.contieneProductos {
	width: 100%;
	margin: auto;
}
.contieneProductos img {
	width: 100%;
	height: auto;
}
.contieneEnzabezadoProductos {
	text-align: center;
}
.contieneEnzabezadoProductos h2 {
	font-size: 3em;
	font-weight: 900;
	letter-spacing: 1px;
	padding-bottom: 20px;
}
.contieneEnzabezadoProductos h4 {
	color: #9c9a9a;
	font-size: 1.2em;
	letter-spacing: 1px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	width: 50%;
	margin:auto;
	padding-bottom: 30px;
}
.separadorNaranja {
	height: 2px;
	width: 50%;
	margin:auto;
	background:#D17B41;
}
.menuProductos {
	display: flex;
	align-items: center;
	padding: 0;
	margin: 30px 0;
}
.menuProductos ul {
	width: 60%;
	margin: auto;
	display: flex;
	justify-content: space-around;
}
.menuProductos ul li a{
	transition: all 1s ease;
}
.menuProductos ul li a:hover {
	color: black;
	font-weight: 900;
}
.contenidoProductos {
	width: 75%;
	margin: auto;
}
.filaProductos {
	display: flex;
	justify-content: space-between;
	margin-bottom: 25px;
}
.mitadProductos {
	width: 50%;
}
.mitadProductos img {
	width: 100%;
	height: auto;
}
.contieneTextoMitadProducto {
	width: 85%;
	margin: auto;
}
.contieneTextoMitadProducto h3 {
	font-weight: 900;
	line-height: 1.8em;
	font-size: 1.8em;
}
.contieneTextoMitadProducto p {
	font-weight: 300;
	line-height: 1.3em;
	text-align: justify;
	margin-bottom: 20px;
}
.contieneTextoMitadProducto p span {
	color: #F98236;
	font-weight: 900;
}
.contieneTextoMitadProducto ul li h2 {
	font-weight: 900;
	line-height: 1.8em;
	font-size: 1.4em;
	letter-spacing: 1px;
}
.contieneTextoMitadProducto ul li {
	font-weight: 300;
	letter-spacing: 1px;
	line-height: 1.4em;
}
.contieneTextoMitadProducto ul li img {
	width: 10px;
}
.contieneTextoMitadProducto img {
	width: 400px;
}
.contienePieProducto {
	display: flex;
	justify-content: space-between;
}
.contieneImagenListaProductos {
	width: 50%;
}
.contieneListas {
	width: 50%;
}
.contieneImagenListaProductos img {
	width: 100%;
	height: auto;
}
.listaLibreJaula {
	color: #F98236;
}
.listaLibreJaula li h3 {
	font-size: 1.4em;
	color: black;
}
.listaLibreJaula li span {
	font-weight: 900;
}
/* ==============================================================================
								S 	O 	M	O 	S
============================================================================== */

.contieneSomos img {
	width: 100%;
	height: auto;
}
.contieneMitadesSomos {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 70%;
	margin: auto;
	padding: 40px 0;
}
.mitadSomos {
	width: 50%;
	color: #363636;
}
.mitadSomos img {
	width: 80%;
	height: auto;
}
.mitadSomos h2 {
	font-family: 'Courgette', cursive;
	font-size: 1.8em;
	line-height: 2em;
}
.mitadSomos p {
	color: #6DA758;
	text-align: justify;
	font-weight: 300;
	font-size: 1.1em;
}
.mitadSomos p span {
	color: #F98236;
	font-weight: 900;
}
.contieneExperiencia {
	position: relative;
	padding: 90px 0;
	background: url(../images/somos/fondoSomos.jpg);
	background-size: cover;
	text-align: center;
}
.contieneExperiencia img {
	width: 90px;
	margin-top: -30px;
	margin-bottom: 10px;
}
.contieneExperiencia h5 {
	color: #6DA758;
	font-family: 'Courgette', cursive;
	font-size: 1.2em;
	letter-spacing: 2px;
}
.contieneExperiencia h2 {
	font-size: 2.5em;
	font-weight: 900;
	line-height: 1.5em;
}
.contieneMitadesExperiencia {
	width: 70%;
	margin: auto;
	padding: 60px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #363636;
}
.mitadUnoExperiencia {
	width: 35%;
}
.mitadUnoExperiencia img {
	width: 80%;
	margin: auto;
}
.mitadDosExperiencia {
	width: 65%;
}
.mitadDosExperiencia p {
	text-align: justify;
	font-size: 1.2em;
	line-height: 1.3em;
}
.mitadDosExperiencia p span {
	color: #F98236;
	font-weight: 900;
}




  /* Media Queries */

/* Dispositivos muy pequeños (teléfonos de hasta 768px de anchura) */
/* No se define ninguna media query porque este es el estilo por
   defecto utilizado por Bootstrap 3 */
 
/* Dispositivos pequeños (tablets, anchura mayor o igual a 768px) */
@media (max-width: 768px) { 
	.contiene-orden {
	display: flex;
	flex-direction: column;
	}
	.orden {
	  flex: 1;
	}
	.orden:first-child {
	  order: 1;
	}
	.orden:nth-child(2) {
	  order: 2;
	}
	.contiene_footer p{
		font-size: 0.6em;
		font-weight: 300;
		letter-spacing: 1px;
	}
	.cuerpo-footer {
	  display:block;
	  width: 100%;
	}
	.cuerpo-footer ul {
		list-style: none;
		padding: 0px;
	}
	.tercio {
	  list-style: none;
	  width: 100%;
	  text-align: center;
	  border: 0;
	  margin: 0;
	  padding: 0;
	}
     .tercio ul, .icon-mini {
		margin-left: 0px;
	}

	/* ===================== SLIDER ===================== */
.contieneTextosSlider .textosSlider h1 {
	font-size: 2em;
}
.contieneTextosSlider .textosSlider h2 {
	font-size: 2.2em;
}
.contieneTextosSlider .textosSlider p {
	font-size: 1.2em;
	letter-spacing: 1px;
	width: 100%;
	margin-top: 15px;
	line-height: 1.3em;
	margin-bottom: 1.5em;
}
.contieneTextosSlider .textosSlider a {
	width: 200px;
	background: #62B245;
	color: white;
	text-decoration: none;
	padding: 10px 30px;
	font-size: .9em;
	font-weight: 300;
	letter-spacing: 1px;
}
.contieneTextosWelcome h3 {
	font-size: 2em;
}
/* =========================== W e l c o m e =========================== */
.contieneWelcome {
	width: 100%;
	padding-top: 90px;
}
.contieneCuartosWelcome, .contieneItemsHuevo {
	display: block;
}
.cuartoWelcome {
	width: 100%;
	border-bottom: 2px solid #FF8300;
}
.item {
	display: block;
	position: relative;
}
.itemIzquierda, .itemDerecha {
	padding: 0%;
}
.mitadWelcome {
	width: 100%;
}
.contieneHuevo {
	display: block;
	width: 100%;
	padding-bottom: 40px;
	border-bottom: 2px solid #FF8300;
}
.contieneImagenHuevo img {
	display: none;
}
.item h5 {
    width: 60%;
    margin: auto;
}
.itemHuevo {
	display: block;
	width: 80%;
	margin: auto;
}
.contieneTerciosProductos {
	width: 90%;
	padding: 60px 0;
}
.contieneLogos {
	width: 90%;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.contieneLogos img {
	display: block;
	max-width: 50px;
}
/* =========================== C a t e g o r i a s =========================== */
.contieneCategoriasHome {
	display: block;
}
.categoriaHome {
	display: inline-block;
	width: 49.5%;
}
/* =========================== B l o g =========================== */
.cuerpoBlog {
	width: 80%;
	margin: auto;
	padding: 90px 0;
}
.contieneEntradasBlog {
	display: block;
	width: 80%;
}
.entradaBlog {
	width: 100%;
	background: white;
	margin-top: 30px;
	-webkit-box-shadow: 1px 0px 12px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 0px 12px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 0px 12px 0px rgba(0,0,0,0.75);
}
.contieneClientes {
	padding: 20px 0;
}
.contieneSuscripcion {
	display: block;
}
.contieneTextoNewsletter {
	display: block;
	width: 100%;
}
.contieneformulario {
	width: 100%;
	display: block;
	margin-top: 20px;
}
.contieneformulario input {
	width: 60%;
}
.contieneformulario button {
	width: 40%;
}
.contieneTerciosFooter {
	display: block;
	width: 85%;
}
.tercioGrandeFooter {
	width: 100%;
}
.tercioChico {
	width: 100%;
	border: 0;
}
.tercioChico h4 {
	text-align: center;
}
.tercioChico ul {
	text-align: center;
	margin-top: 10px;
}
.tercioChico ul li {
	display: inline-flex;
	justify-content: space-around;
	margin-right: 1em;
}
.tercioChico .contieneRrss {
	width: 100%;
	display: flex;
	justify-content: center;
}
.filaBlog {
	display: block;
}
.tercioBlog {
	width: 100%;
	margin-bottom: 30px;
}
/* =========================== C o n t a c t o =========================== */
.contieneFormularioContacto {
	width: 100%;
}
.mitadContacto01 {
	display: none;
}
.mitadContacto02 {
	width: 90%;
	margin:auto;
	margin-bottom: 90px;
}
.contieneTextoMapa {
	position: absolute;
	padding: 0 5%;
	width: 80%;
	height: 100%;
	display: flex;
	align-items: center;
}
.contieneTextoMapa h3 {
	padding-top: 0%;
	font-size: 1.5em;
	margin-bottom: 5px;
}
.contieneTextoMapa p {
	font-size: 0.6em;
	margin-bottom: 20px;
	font-weight: 300;
	letter-spacing: 1px;
}
.contieneTextoMapa ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.contieneTextoMapa ul li p {
	width: 85%;
	font-weight: 300;
	letter-spacing: 1px;
	line-height: 1.5em;
}
.contieneTextoMapa ul li img {
	width: 10%;
	margin-top: -1em;
}




/* =========================== P r o d u c t o s =========================== */
.contieneProductos {
	width: 100%;
}
.contieneTerciosProductos {
	width: 70%;
	margin: auto;
	display: block;
	padding: 0;
}
.tercioProducto {
	width: 100%;
	display: block;
	padding: 10px 0;
	text-align: center;
	margin-bottom: 15px;
}
.tercioProducto img {
	width: 70%;
	margin: auto;
}
.contieneEnzabezadoProductos h4 {
	font-size: 1.2em;
	width: 80%;
	line-height: 1.3em;
}
.menuProductos ul {
	width: 95%;
	margin: auto;
	display: flex;
	align-items: center;
}
.menuProductos ul {
	text-align: center;
}
.contenidoProductos {
	width: 90%;
}
.filaProductos {
	display: block;
}
.mitadProductos {
	width: 100%;
}
.contieneTextoMitadProducto img {
	width: 250px;
}
.contienePieProducto {
	display: block;
}
.contieneImagenListaProductos, .contieneListas {
	width: 100%;
}

/* =========================== S o m o s =========================== */
.contieneMitadesSomos {
	display: block;
	width: 80%;
	padding: 90px 0;
}
.mitadSomos {
	width: 100%;
}
.mitadSomos img {
	width: 90%;
	height: auto;
}
.contieneMitadesExperiencia {
	width: 90%;
	margin: auto;
	padding: 60px 0;
	display: block;
}
.mitadUnoExperiencia {
	width: 100%;
}
.mitadDosExperiencia {
	padding: 50px 0;
	width: 90%;
	margin: auto;
}



}/* Cierra Media Queries */