body {margin: 0;
background-color: rgb(207, 211, 212);
}

header {padding: 0px 10px 5px 50px;
		background-color:#818286;
		height: 115px;
		overflow: hidden;
		/*width: 100%; position: fixed; */
	
}

#contenedor{ background-color: #3f3f41;
	         width: 85%; 
	     	 margin: 0px auto 35px;
	     	 padding: 20px 0 200px 0px;
/*	     	 background-image: url(imagenes/borde001.png);
	     	 background-repeat: repeat-x;   */
	     	 overflow: hidden;
	     	 
}

#siembra {display: inline-block;}


#contacto {float: right;
		   margin: 5px 60px 0 0;	}
/*  #contacto:hover {cursor: pointer;}		   

	#cont1 {display: inline-block;}
	#cont2 {display: inline-block;} */

#menu {	width: 100%;
		background-image: url(img/borde001.png);
     	background-repeat: repeat-x;
     	background-position: top; 
     	background-color: #3f3f41;
}

#menu ul {  height:; margin:0; padding: 32px 8px 30px 8px;
			background-image: url(img/borde001.png);
	     	background-repeat: repeat-x;
	     	background-position: bottom; 
	       	}

#menu ul li { 		text-align: center;
					margin: 0px auto;
					width: 32%; /*height: 66px;*/
				 	background-color:rgb(239, 82, 37,1);
					border-radius: 13px;
					border:2px solid white;
						/*Para centar
						display:inline-flex;
						flex-direction: row;
						flex-wrap: wrap;
						justify-content: center;
						align-items: center;*/ 
					display: inline-block;
					font-family:Arial;
					padding:0;
					text-decoration:none;
					overflow: hidden; }

#menu ul li p {padding: 6px 0 6px 0; margin: 0; font-weight: bold; letter-spacing: 2px; font-size: 22px;}


#menu ul li:hover {background-color:rgb(239, 82, 37,0.8);}

a {text-decoration: none;
	color: black; }


h2 { margin: 20px 0px 0px 0px; 
	 max-width: 298px;
	 text-align: center;
	 font-size: 25px;
	 	 
	 font-family: 'Bebas Neue', cursive;
	 letter-spacing: 2px;
	 padding-left: 0px; padding-right: 0px;
	 margin-left: 0px;  margin-right: 0px;  }  


.cuadros {  padding: 0px 0px 10px 0px;
			background-color: #8F9698;
			border: 4px solid white;
			-webkit-border-radius: 0px 0px 30px 30px;
 			-moz-border-radius: 0px 0px 30px 30px;
 			border-radius: 0px 0px 30px 30px;
 }
.cuadrossininfo {  padding: 0px 0px 10px 0px;
			background-color: #8F9698;
			border: 4px solid white;
			-webkit-border-radius: 0px 0px 30px 30px;
 			-moz-border-radius: 0px 0px 30px 30px;
 			border-radius: 0px 0px 30px 30px;
 }

.cuadros:hover {background-color: white ;
}

.info { margin: 0;
		padding: 0 20px 0 0;  }
.info p {text-align: right; margin:0; color:black; font-family: Arial;}

section {display: inline-block;}
section ul li {display: inline-block;
			padding: 25px 25px 25px 25px}

#boton_descargas {  text-align: center;
					font-size: 20px;
					margin: 80px auto 100px;
					width: 40%;
					background-color:rgb(239, 82, 37,0.8);
					border-radius:25px;
					border:2px solid white;
					display:block;
					color:#ffffff;
					font-family:Arial;
					padding:10px 54px;
					text-decoration:none;
			 }
#boton_descargas:hover {background-color:rgb(239, 82, 37,1);}

.linea1{ width: 94%; margin: 0 auto;
	border-bottom: 1px solid white;}

#irainicio p {font-family: arial;
			text-decoration: underline;
			text-align:right;
			color: white;
			margin: 65px 25px 35px 0;
			font-size: 16px;
}

#ubicacion{ width: 90%;
			margin: 80px auto 120px;
			padding: 0;
			/*background: rgb(245,245,245,0.9);*/ background:rgba(229,232,230,0.9);
			overflow: hidden;
			-webkit-box-shadow: 3px 3px 23px 18px rgba(0,0,0,0.7);
			-moz-box-shadow: 3px 3px 23px 18px rgba(0,0,0,0.7);
			box-shadow: 3px 3px 23px 18px rgba(0,0,0,0.7);
			overflow: hidden;
			border-radius: 4px;
}

#ubicacion1{display: inline-block; width: 600px;
			margin: 15px 0 15px 15px;		 } 

#ubicacion2{ width: 30%; height: 450px;
			 font-size: 35px;
			 text-align: center;
			 float: right;
			 line-height: 55px;		
			 padding: 35px 25px 0 0;	   }
#ubicacion2:hover {text-decoration-line: underline;}

#textoquienes { color: block;
				margin: 35px 15px 30px 15px;
				text-align: justify;
				font-size: 16px;
				font-family: Arial; }
#textoquienes p {margin: 5px auto 10px;  }

#box1{  background-color: rgba(229,232,230,0.9);/*background: rgb(245,245,245,0.9);*/
		width: 75%;
		margin: 70px auto 130px ;
		padding: 25px 80px 35px 80px;
		-webkit-box-shadow: 3px 3px 23px 18px rgba(0,0,0,0.7);
		-moz-box-shadow: 3px 3px 23px 18px rgba(0,0,0,0.7);
		box-shadow: 3px 3px 23px 18px rgba(0,0,0,0.7);
		overflow: hidden;
		border-radius: 4px;      }

#box2{  background-color: rgba(229,232,230,0.9);/*background: rgb(245,245,245,0.9);*/
		width: 80%;
		margin: 60px auto 120px ;
		padding: 25px 40px 25px 40px;
		-webkit-box-shadow: 3px 3px 23px 18px rgba(0,0,0,0.7);
		-moz-box-shadow: 3px 3px 23px 18px rgba(0,0,0,0.7);
		box-shadow: 3px 3px 23px 18px rgba(0,0,0,0.7);
		overflow: hidden;
		border-radius: 4px;      }


form input{  border: 1px solid black;
			 border-radius: 0px;
			 background-color: white;
			 text-align: left;
			 font-size: 20px;
			 width: 31%; height: 35px;
			 display: inline-block;
			 margin: 0 8px 0 0;
			 font-family:'Fira Sans',sans-serif; 
			     }

/*#input2 {margin: 0 11px 11px;}*/


textarea {	 border: 1px solid black;
			 border-radius: 0px;
			 background-color: white;
			 font-size: 20px;
			 width: 96%;
			 padding: 0px  ;
			 margin: 25px 0px 28px 0px;
			 font-family:'Fira Sans',sans-serif;      }


#enviarcons {width: 150px; height: 35px;
			 margin: 35px auto;
			 float: right;
			 background-color: rgb(239, 82, 37,1); 
			 color: white;
			 border-radius: 0;
			 border: 0px solid black;
			 font-family: Arial;
			 text-align:center;  }
#enviarcons:hover { background-color: white;
					cursor: pointer;
					color: black;
					border: 1px solid black;
				   }


#firmaariel {	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New";
				text-align: center;
				font-size: 12px;
				margin: 0;
				padding: 3px 0 10px 0; }
#firmaariel a {display: block;
			   text-decoration: underline;
			   color: white; }





@media screen and (max-width: 1400px) {
			section ul {padding: 0 0 0 50px;}
			#contenedor {width: 95%}
}

@media screen and (max-width: 1165px) {
			section ul {padding: 0 0 0 50px;}
			#contenedor {width: 75%}
			#ubicacion1{display: block;	margin: 15px auto; } 
			#ubicacion2 { display: inline-block; width: 100%; height: auto; padding: 15px 0 25px 0;}
			#box1{width: 70%;}
			form input {  border: 1px solid black;
						 border-radius: 0px;
						 background-color: white;
						 text-align: left;
						 font-size: 20px;
						 width: 100%; height: 35px;
						 display: block;
						 margin: 4px auto 24px;
						 font-family:'Fira Sans',sans-serif;      }
			textarea {width: 100%;}
			#box1 { width: 55%;
					padding: 25px 70px 35px 70px; }
}

@media screen and (max-width: 1120px) {
#menu ul li p {letter-spacing: 1.5px; font-size: 20px;}

}

@media screen and (max-width: 1058px) {
			section ul {padding: 0 0 0 50px;}
			#contenedor {width: 85%} /*Antes era 70*/
			#ubicacion {width: 100%;}
	
}

@media screen and (max-width: 1000px) {
			#contacto {margin: 5px 2px 0 0;}
			header {padding: 0px 10px 5px 10px; }
			section ul {padding: 0 0 0 50px;}
			#contenedor {width: 90%}
			#textoquienes {font-size: 10px; }
			#menu ul li p {padding: 6px 0 6px 0; margin: 0; font-weight: bold; letter-spacing: 1.3px; font-size: 18px;}
}

@media screen and (max-width: 895px) {
			#siembra {display: none;}
}

@media screen and (max-width: 870px) {
			section ul {padding: 0 0 0 65px;}
			#contenedor {width: 60%}
}



#modal1 {position:fixed;
		width: 100%; height: 100%;
		background-color: rgb(0, 0, 0, 0.6 );
		text-align: center;  }

#modal2 {width: 500px; height: 330px;
		border-radius: 10px;
		background-color: white;
		margin: 215px auto;
		transition: margin 1s;
		overflow: hidden; }

#boton_gracias {  	float: right;
					text-align: center;
					font-size: 15px;
					margin: 20px 20px 0px;
					width: 45%;
					background-color:rgb(239, 82, 37,1);
					border-radius:22px;
					border: 1px solid black;
					color:#ffffff;
					font-family:Arial;
					padding:0;
					text-decoration:none;  }

#boton_gracias:hover {color: black;
					  border: 1px solid white;}