/*
Theme Name: JorgeAmillano
Theme URI: 
Description: Tema de Jorge Fertilizantes Demifox	 
Version: 1.0
Author: Jorge Amillano
Author URI: www.jorgeamillano.com
*/

*{
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
}

html, body{
	font-size: 16px;
}


header{
	background: white;
	background: rgba(255,255,255,1);
	width: 100%;
	position: fixed;
	z-index: 999;

	

	-webkit-box-shadow: 0px 3px 5px 0px rgba(196,196,196,1);
	-moz-box-shadow: 0px 3px 5px 0px rgba(196,196,196,1);
	-o-box-shadow: 0px 3px 5px 0px rgba(196,196,196,1);
	box-shadow: 0px 3px 5px 0px rgba(196,196,196,1);

}


nav ul{
	position: relative;
	text-align: right;
	margin-right: 20px;
	overflow: hidden;
} 

.icon-menu{  
	display: none;	
}

nav ul li{

	display: inline-block;
	list-style: none;
	padding: 22px 0px;
	position: relative;
	cursor: pointer;

	
}

nav ul li:hover{
	background: #94c11f;
	
} 

nav ul li a{
	color:#575656;
	text-decoration: none;
	padding: 22px 20px;
}

nav ul li a:hover{
	color:white;
}

nav ul li ul li{
	display: none;
}


/***********************************/
/************* LOGO ***************/
/**********************************/

header > a{
	position: absolute;
	z-index: 2
}

header > a >img{
	position: relative;
	top:8px;
	left:20px;
	width: 170px;
	height: 40px;
}

/***********************************/
/******* TITULOS h1,h2,h3, p ******/
/**********************************/

.slider h1{
	margin: auto;
	position: absolute;	
	top:22%;
	right: 0;
	left: 0;

	width: 454px;
	height: 135px;

}

.h2{
	margin: auto;
	position:absolute;
	top:22%;
	right: 0;
	left: 0;

	text-align: center;
	color:white;
	text-shadow: 1px 1px #000; 
	font-size: 2rem;
}

/*************************************/
/********** SECTION SLIDER ***********/
/************************************/

.slider{
	width: 100%;
	height: 75%;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
			
}	

.slider > img{
	max-width: 100%;
}

.contenedor-boton{
	position: absolute;
	top:52%;
	left:50%;
	transform:translate(-50%, -50%);
}


.contenedor-boton-h2{
	position: absolute;
	top:40%;
	left:50%;
	transform:translate(-50%, -50%);
}


.btn-inicio{
	border: none;
	background-color: rgba(148,193,31,0.8);
	color:white;
	padding: 15px 23px;	
	text-decoration: none;

	font-size: 16px;
	

}

.btn-inicio:hover{
	background-color: rgba(148,193,31,1);
}


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  height: 75vh;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

  .prev{
  	position: absolute;
  	top:35%;
  	left: 20px;
  	z-index: 200;
  	color:#a2a2a2;
  	text-decoration: none;
  	font-size: 70px;
  }

  .next{
  	position: absolute;
  	top:35%;
  	z-index: 201;
  	text-decoration: none;
  	color:#a2a2a2;
  	font-size: 70px;
  	right: 20px;
  }


/*************************************/
/************** EMPRESA *************/
/************************************/

.empresa{
	width: 100%;
	height:100%;
	background-color: #fff;
	margin-bottom: 50px;
}

.empresa h2{
	color:#575656;
	font-size: 2rem;
	text-align: center;
	position: relative;
	top: 10px;
	
}

.empresa p:nth-child(2){
	margin-top:50px;
}

.empresa p{
	max-width:960px;
	margin: 0 auto;
	margin-top: 120px;
	color:#757575;
	text-align: justify;
}



.info-empresa{
	margin: 0 auto;
	text-align: center;
	margin-top: 50px;
	overflow: hidden;
	
}

.info-empresa > div{
	display: inline-block;
	width: 300px;
	height: 10%;
	margin:auto;
	text-align: center;
	margin-top: 10px;
	margin-right: 10px;
	vertical-align: top;

}


.info-empresa div li{
	list-style: none;
	font-size: 45px;
	margin-bottom: 10px;
	color:#94c11f;
}


.info-empresa div h3{
	margin: 15px;
	color:#575656;
}
.info-empresa div p{
	margin: 0px 20px;
	margin-bottom: 20px;
	text-align: center;
	
}

.almacen{
	max-width: 960px;
	margin: 0 auto;
	text-align: center;
}
.almacen > p{
	margin-top: 30px;
	margin-bottom: 50px;
}

.almacen > div{
	margin-bottom: 30px;
}

.almacen > div >img{

	width: 200px;
	vertical-align: top;
	margin-right: 10px;
	margin-top: 10px;
	
}



/*********************************/
/************* PRODUCTOS ********/
/********************************/

.productos{
	width: 100%;
	height: 300px;


	background: url(img/planta.jpg)no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	

}


.contenido{
	margin: auto;
	max-width: 960px;
	height: 100%;
	text-align: center;
	
	
}

.contenido h3{
	color:white;
	font-size: 30px;
	text-align: center;
	margin: 0 auto;
	position: absolute;
	right: 0;
	left: 0;
	margin-top: 100px;
	margin-bottom: 40px;
	text-shadow:1px 1px #757575;

}

.btn-mas{
	padding: 15px 23px;
	background-color: rgba(148,193,31,0.8);
	text-decoration: none;
	color:white;
	 
	 position: relative;
	 top:65%;
	 right: 0;
	 left:0;
}

.btn-mas:hover{
	background: rgba(148,193,31,1);
}



/**************************************/
/************* PARTNERS **************/
/*************************************/

.partners{
	width: 100%;
	height: 240px;
	background: #d5d5d5;
	margin: 0 auto;
	text-align: center;
}

.partners  h2{
	padding-top: 20px;
	color:#575656;
}

.partners div{
	display: inline-block;
	margin: 0 auto;
	margin-right: 10px;
	margin-top: 15px;
	height: 100px;
	opacity: 0.6;

}

.partners div:hover{
	opacity: 1;
}
/*************************************/
/************** CONTACTO *************/
/*************************************/

.contacto{
	margin: 0 auto;
	text-align: center;
	width: 100%;
	height: 100%;
	margin-bottom: 50px;
}

.contacto h2{
	font-size: 2rem;
	color:#575656;
	text-align: center;
	margin-top: 30px;
}

.contacto li{
	list-style: none;
	font-size: 45px;
	margin-top: 20px;
	color:#94c11f;
}

.contacto > div{
	margin: 0 auto;
	display: inline-block;	
	width: 350px;
	height: 10%;
	text-align: center;
	margin-right: 10px;	
	margin-top: 20px;
	vertical-align: top;
}

.contacto > div:nth-child(1){
	float: left;
}

.forma{
	margin: 0 auto;
	text-align: center;
	display: inline-block;
	
}

.forma > input[placeholder]{
	color:#c0c0c0;
	font-size: 16px;
}
::-webkit-input-placeholder{
	color:#c0c0c0;
	font-size: 16px;
}
::-moz-input-placeholder{
	color:#c0c0c0;
	font-size: 16px;
}
::-o-input-placeholder{
	color:#c0c0c0;
	font-size: 16px;
}


.forma input {
	margin: 0 auto;
	border: 1px solid #94c11f;
	padding: 10px 10px;
	margin-top: 15px;
	width: 270px;
	color:#929292;
	display: block;
	
}

.forma textarea{
	width: 330px;
	height: 130px;
	color:#929292;
	border: 1px solid #94c11f;
	
	margin-top: 15px;
	margin-left: 30px;

	padding: 10px;
}

.forma button, .wpcf7-submit{
	
	position: relative;
	
	right: 0;
	left: 0;
	
	background-color: rgba(148,193,31,0.8);
	color:white;
	padding: 10px 80px;

	font-size: 16px;

	-webkit-appearance: none;
	-webkit-border-radius: 0;

}

.forma button:hover, .wpcf7-submit:hover{
	background-color:#94c11f;

	color:white;
}

.info{
	color:#757575;
}

.info p{
	margin-top: 10px;
}

.info a{
	text-decoration: none;
	color:#94c11f;
	margin-top: 50px;
}

/*********************************/
/************ FOOTER *************/
/*********************************/
footer{
	width: 100%;
	height: 20%;
	background: #575656;
	text-align: center;
	
	clear: both;
	
}

footer > div{
	display: inline-block;
	margin-top: 20px;
	margin-right: 50px;
	
	margin-bottom: 40px;
}

footer > div > div > h4{
	color:#94c11f;
}

footer  div  div div p{
	color:white;
	font-size: 15px;	
}

footer > div > div >div > p >a{
	text-decoration: none;
	color:#94c11f;
	font-size: 16px;
}

footer > div > div > div > ul > li{
	list-style: none;
}

footer > div > div > div > ul > li >a{
	text-decoration: none;
	color:white;
	font-size: 16px;
}

footer > div > div > div > ul > li >a:hover{
	color:#94c11f;
}

#redes, #cont{
	vertical-align: top;
}


/**************************************/
/******************** BLOG ***************/
/********************************/

.blog{
	margin: 0 auto;
	width: 60%;
	height: 80%;

	
	float: left;

	margin-left: 10%;
	margin-top: 100px;
	margin-bottom: 100px;
	padding-bottom: 30px;

	
}



.blog > h1{
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	color:#94c11f;

	font-size: 2rem;
}

.blog > article{
	text-align: center;
	padding: 50px 70px;
	border-bottom: 1px solid #c2c2c2;
}	



.blog > article > a{
	text-decoration: none;
}

.blog > article > a > h2{
	padding: 20px 0px;
	color:#7f7f7f;
}

.img-articulo{
	width: 350px;
	height: 300px;

	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.img-articulo:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-o-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
	
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;

}


.blog > article > a > p{
	text-align: left;
	color:#a6a6a6;
}


#autor{
	float: left;
	padding: 20px 0px;
	color:#7f7f7f;
}

#fecha{
	float: right;
	padding: 20px 0px;
	color:#7f7f7f;
}


.paginacion{
	margin-top: 20px;
}

.paginacion > #siguiente{
	float: left;
}

.paginacion > #atras{
	float: right;
}

.paginacion > div > a{
	text-decoration: none;
	color:#7f7f7f;
}

/************* SIDEBAR *************/

aside{
	width: 250px;
	height: 30%;

	float:right;

	vertical-align: top;
	
	margin-right: 10%;
	margin-top: 220px;
	padding-bottom: 10px;

	border: 1px solid #c2c2c2;

}

aside > div >h3{
	border-bottom: 1px solid #e0e0e0;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 10px;
}

aside > div > form > div #s{

	width: 180px;
	height: 40px;

	margin-top: 20px;
	margin-left: 30px;
	margin-bottom: 20px;

	-webkit-appearance: none;
	-webkit-border-radius: 0;
	

}

#searchform > div >label{
	display: none;
}


aside > div > form > div #searchsubmit{

	margin-left: 30px;
	margin-bottom: 10px;

	padding: 10px 65px;
	background-color: rgba(148,193,31,0.8);
	color:white;
	border: none;

	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

aside > div > form > div #searchsubmit:hover{
	background-color: rgba(148,193,31,1);
}

aside > div > ul{
	margin-left: 30px;
	margin-bottom: 20px;
	margin-right: 30px;
}

aside > div > ul > li {
	list-style: none;
	line-height: 25px;
}

aside > div > ul > li > a{
	text-decoration: none;
	color:#c2c2c2;
}

/**** menu en aside ****/
aside > div > div > ul{
	margin-left: 30px;
	margin-bottom: 20px;
	margin-right: 30px;
}

aside > div > div >ul > li {
	list-style: none;
}

aside > div > div >ul > li > a{
	text-decoration: none;
	color:#c2c2c2;
}






/**********************************/
/************ SINGLE ***************/
/**********************************/

.single{
	margin: 0 auto;
	width: 60%;
	height: 80%;

	
	float: left;

	margin-left: 10%;
	margin-top: 100px;
	margin-bottom: 100px;
	padding-bottom: 30px;

	text-align: center;

}

.single > h1{
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	color:#94c11f;

	font-size: 2rem;
}

.single > div{
	margin-top: -15px;
	padding-bottom: 25px;
	font-size: 0.9rem;
	color:#c2c2c2;

}

.single > img{
	margin-top: 20px;	
	margin-bottom: 20px;
}

.single > p{
	text-align: justify;
	padding: 5px 10px;
	color:#757575;
}

.single > p > a{
	color:#94c11f;
}

.single > #comparte{
	padding-top: 40px;
	font-weight: bold;
}
.single ul{margin-left:50px;}

.share-single{
	padding-top: 60px;
}


/***************************************/
/************ COMENTARIOS ¨**************/
/****************************************/

.comentarios{
	padding-top: 30px;
}
.comment-form-comment{
	padding-top: 20px;
}

.comment-form > p > label{
	display: none;
}

.comment-form > p > input, textarea{
	margin-top: 10px;
	width: 60%;
	border: 1px solid #c2c2c2;
}

.comment-form > p > input{
	height: 30px;
}

#submit{
	border: none;
	background-color: rgba(148,193,31,0.8);
	color:white;
	text-decoration: none;


}

#submit:hover{
	background-color: rgba(148,193,31,1);
}
#comments{
	padding-bottom: 20px;
}
.commentlist{
	text-align: left;
}

.commentlist > li{
	margin-top: 15px;
}

.fn > a{
	color: rgba(148,193,31,1);
	text-decoration: none;
}

.comment-meta > a, .reply > a{
	text-decoration: none;
	color:#507da0;
}

.logged-in-as > a{
	text-decoration: none;
	color: rgba(148,193,31,1);
}

.nocomments{
	display: none;
}

/****************************************/
/************ PRODUCTOS ***************/
/**************************************/

.products{
	
	max-width: 100%;
	height: 100%;

	text-align: center;

	padding:80px 0px;
}

.products > h1{
	padding: 40px 0px;
	color:#94c11f;
	font-size: 2rem;
}

.categ{
	padding: 0px 10px;
}

.categ h2{
	color:#7f7f7f;
	padding-bottom: 10px;
	text-align: left;
	margin-left: 30px;
	font-size: 1.8rem;

}


.categ > div {
	display: inline-block;
	width: 300px;
	height: 300px;

	margin-right: 10px;
	margin-top: 10px;

	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.categ > div:hover{

	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-o-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
	
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;

}

.categ > div > a >img{
	width: 300px;
	height: 300px;
}

#fertilizantes{
	padding-bottom: 30px;
	border-bottom: 1px solid #c2c2c2;
}

#quimicos{
	padding-top: 30px;
}

.otros{
	margin-top: 20px;
}

/*******************************************/
/**************** 404 **********************/
/********************************************/
.blog > h2{
	text-align: center;
	color:#c9c9c9;
}