body {
    font-family: 'Lato', sans-serif;
	font-size: medium;
}                  

a {
	  color: #c33;
	  text-decoration: none;
	  padding: 5px;
}
a:hover {
	 text-decoration: underline;
	 color: black;	
}
a.active {
	  color: rgba (204, 51, 51 0.1);
}
a.visited {
	 color: grey;
}

nav a { 
		font-size: x-large;
}

	
main {
	border-bottom: 1px solid #c33;
	border-top: 1px solid #c33;
}

article {
  float: left;
  padding: 0px;
  width: 70%;
  background-color: #f1f1f1;
  height: 300px; 
}

h1 {
	font-family: 'Lato';
	font-size: x-large;
	font-weight:900;
}

h2 {
	font-family: 'Lato';
	font-size: x-large;
	font-weight:700;
}


/* formato del formulario */
input[type=text], select {
  /*width: 9em;*/
  padding: 10px 15px;
  margin: 8px 0;
  display: block;
  border: 1px solid #000;
  border-radius: 4px;
  box-sizing: border-box;
}
input [type=textarea]´{
width: 100%;
  background-color: #c33;
  color: white;
  padding: 10px 15px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit] {
  /* width: 15%;*/
  background-color: #c33;
  color: white;
  padding: 14px 20px;
  margin: 10px 10px 10px 10px;
  border: none;
  border-radius: 4px;

}

input[type=submit]:hover {
  background-color: #000;
  color: #c33
  border: 2px solid #c33;

}
textarea {
  width:90%;
  height: 150px;
  padding: 12px 20px;
  margin-right:50px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  resize: none;
}

div.container {
  border-radius: 5px;
  padding: 20px;
}


/* contenedor de clase para centrar el contenido principal.por ejemplo la foto de bienvenida */
.maincentrado {
	display: flex;
	flex-direction: column;
	align-items: center;
	}
	
/* clase para centrar los hijos de la clase maincentrado*/
.itemcentrado {
	align-items: flex-start;
	flex-basis: 90%;
}

/* contenedor para las filas de fotos de las páginas agroturismo, ganaderia, panaeria y frutas */  
.contenedor2col {
	display: flex;
	justify-content: space-around;
	align-items: stretch;
	border-bottom: 1px solid #c33;
	border-top: 1px solid #c33;
	padding:5px;
	}
	

.item2col  {
	display: flex;
	flex-direction: column;
	flex-basis: 50%;
	padding: 0 15px 0 20px;
}

.mitad {
	align-items: center;
}

/*clases para justificar los textos*/
.justificado {
	text-align: justify;
	text-justify: inter-word;
}

.centrado {
	align:center;
}




/* formato para pantallas hasta fhd vertical */
@media (max-width: 1080px) {
	
body {
		padding-left: 10px;
		padding-right: 10px;
		font-size: x-large;
}
	
.contenedor2col{
		display: block;
}
	
.divididovertical {
		display: block;
}

table {
		padding: 10px;
		margin: 10px;
		font-size: x-large;
}