*{
	margin:0px;
	padding:0px;
	box-sizing: border-box;
	overflow-x:hidden;
}
body{
	font-family: 'Montserrat', sans-serif;
}
a{
	text-decoration: none;
}
.padre{
	display: flex;
	flex-flow: column nowrap;
}
.margen-interno{
	padding: 0 50px;
}
	.header{
	background: url(../imagenes/fondo82.jpg);
	/*opacity: 0.5;
  filter: alpha(opacity=50);*/
	background-position:bottom;
	background-attachment: fixed;
	background-size: cover;
	display: flex;
	flex-flow: column wrap;
	
}

input{
	font-size: 16px;
}

		.menu{
			background: rgba(0,0,0,.1);
			display: flex;
			flex-flow: row nowrap;
			height: 60px;
			align-items: center;
			border-bottom: 1px solid rgba(255,255,255,.5);
			border: 2px solid #fff;
			}
			.logo{
			flex: 1 1 auto;
			
		
			}
				.logo a{
					color:#fff;
					font-size: 30px;
				}
				.logo a:hover{
					color:#343434;
				}
			.nav{
				flex:5 1 auto;
			}
				.nav a{
					color:#fff;
					font-size: 11px;
					text-transform: uppercase;
					padding: 0 10px;
					letter-spacing: 2px;
				}
				.nav a:hover{
					color:#343434;
				}
			.social{
				flex:1 1 auto;
				display: flex;
			}
				.social a{
					font-size: 18px;
					color:#fff;
					padding: 0 5px;
				}
				.social a:hover{
					color:#343434;
				}
			/*<!--Webmaster: mervinfinol@gmail.com -->*/
		.texto-principal{
	/*background: #f07b3f;align-items: center;*/
	height: 80px;
	width: 1000px;
	overflow: auto;
	text-align: right;
	table-layout: fixed;
}
		th{
	color: white;
	background-color: black;
	height:40px;
}
td{
	color: white;
	height:40px;
	
}
			h1{
			font-family: 'Lora', serif;
			font-size: 21px;
			color: #fff;
			font-weight: 300;
			text-align: left;
			line-height: 1.6;
		}
			table {
	width: 100%;
	height: 80px;
	text-align: center;
	border: 1px; 
}
		
			
				.boton{
	text-decoration: none;
	padding: 0px 20px;
	font-weight: 100;
	font-size: 15px;
	color: #ffffff;
	background-color: #1883ba;
	border-radius: 6px;
	border: 1px solid #0016b0;
}
				.boton:hover{
			    color: #1883ba;
			    background-color: #ffffff;
			  }
	.section{
		background: #F7F7F7;
		display: flex;
	}
		.articulos{
			background: #f7f7f7;
			flex:2 1 auto;
			display: flex;
			flex-flow: row wrap;
		}
			.article{
				color:#444;
				font-size: 13px;
				letter-spacing: 1px;
				margin: 10px 10px 0 0px;
				flex: 1 1 45%;
				background: #ececec;
			}
			.article img{
				width: 100%;
			}
			.article a{
				color: #fff;
				font-size: 13px;
				padding: 10px;
				background: #000;
				margin: 10px 0;
				display: inline-block;
			}
			.article a:hover{
				background: #546cc3;
			}
			h5{
				color: #fff;
				text-transform: uppercase;
				font-size: 18px;
				padding: 10px 0 10px 0;
				}
			h3{
				color: #fff;
				font-size: 13px;
				padding: 10px 0;
				margin-top: -80px;
			}
			h2{
				font-size: 25px;
				text-transform: uppercase;
				padding: 0px 0 10px 0;
				color: #fff;
			}
			.navegacion{
				background: #000;
				flex:1 1 100%;
				margin: 10px 10px 0 0px;
			}
			.navegacion a{
				color: #fff;
				font-size: 11px;
				text-transform: uppercase;
				padding: 0 10px;
				letter-spacing: 2px;
			}
		.aside{
			/*background: #fff;*/
		
			margin: 1px 5px 1px 0;
			
		}
		.aside img{
			width: 100px;
			height: 50px;
		}
		h4{
			background: #fff;
			color: #fff;
			padding: 10px;
			text-transform: uppercase;
		}
	.footer{
		
		background: #000;
		/*
		position:fixed;
		margin-top: 0px;
		bottom: 1;
		
		
		display:flex;
	
		flex-direction:row-reverse;
		*/
		
		
			
	}
	/*<!--Webmaster: mervinfinol@gmail.com -->*/
		.pie{
	/*background: #e6af2e;*/
	text-align: center;
}
		.pie a{
			color: #fff;
			font-size: 11px;
			/*text-transform: uppercase;*/
			padding: 0 1px;
			letter-spacing: 2px;
		}
		.login-page {
			width: 360px;
			padding: 1% 0 0;
			margin: auto;
		}
		.form {
			position: relative;
			z-index: 1;
			background: #FE2E2E;
			max-width: 360px;
			margin: 0 auto 20px;
			padding: 45px;
			text-align: center;
			box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
		}
		.form input {
			/*font-family: "Roboto", sans-serif;*/
			outline: 0;
			background: #f2f2f2;
			width: 100%;
			border: 0;
			margin: 0 0 15px;
			padding: 15px;
			box-sizing: border-box;
			font-size: 14px;
		}
		.form select {
			/*font-family: "Roboto", sans-serif;*/
			outline: 0;
			background: #f2f2f2;
			width: 100%;
			border: 0;
			margin: 0 0 15px;
			padding: 15px;
			box-sizing: border-box;
			font-size: 14px;
		}
		.form button {
			/*font-family: "Roboto", sans-serif;*/
			text-transform: uppercase;
			outline: 0;
			background: #4CAF50;
			width: 100%;
			border: 0;
			padding: 15px;
			color: #FFFFFF;
			font-size: 14px;
		
			cursor: pointer;
		}
		.form button:hover,.form button:active,.form button:focus {
			background: #FE2E2E;
		}
		.form .message {
			margin: 15px 0 0;
			color: #b3b3b3;
			font-size: 12px;
		}
		.form .message a {
			color: #4CAF50;
			text-decoration: none;
		}
		.form .register-form {
			display: none;
		}

@media all and (max-width: 3600px){
			
	.menu{
			flex-direction: column;
			height: auto;
	}
}
		
@media all and (max-width: 1366px){
	.section{
		flex-direction: column;
	}
	.menu{
		flex-direction: column;
		height: auto;
	}
	.aside{
		display: flex;
		justify-content: flex-end;
	}
	h1{
		font-size: 15px;
	}
	.texto-principal{
		height: 450px;
	}
	h2{
		font-size: 25px;
	}
}
@media all and (max-width: 762px){
	.articulos{
		flex-direction: column;
	}
	h1{
		font-size: 15px;
	}
	h2{
		font-size: 15px;
		text-align: center;
	}
}
@media all and (max-width: 650px){
	.off{ display: none; }
	.nav a{ font-size: 25px; }
}

/*h2{
		font-size: 13px;
	}*/
@media all and (max-width: 400px){
	.aside{
		flex-direction: column;
	}
	/*h2{
		font-size: 10px;
	}*/
}