body{
	background-color:#4B4E92;
	color:black;
	font-size: 1em;
	
	
}
aside,section#contenido,header,nav,section#contenedor,footer{
	border-radius: .0em;
	background-color:white;
	text-align:center;
	padding: .2em;/*ESTO ES POS SI QUIERO QUE QUEDE IGUAL SIEMPRE PUEDE CAMBIAR ESTO*/
	margin:.1em auto;
	width:88%;
	margin-top: 0px;
	margin-bottom: 0px;
	
}
nav{


	padding: .0em;
	background-color:black;
	margin-top: -35px;
	margin-bottom: -17px;
	border-radius:.0em;
	width:88.7%;
}
section#contenedor{
	background-color:white;
box-shadow:0 0 40px -10px #000;
}
aside,section#contenido{
	display:inline-block;
	background-color:white;
	width: 45%;
	min-height:210px;
	vertical-align: top;
	text-align:justify;
	
}

nav ul{
	padding:0px;
box-shadow:0 0 40px -10px #000;	
}
nav li{
display:inline-block;

}
nav li a{

padding:15px 28px;
display:inline-block;
color:white;
text-decoration:none;
border-radius: .0em;
transition:all 0.5s linear;

}
nav li a:hover {
background:#4B4E92;
color:#fff;

}
.body{
background-color:white;
}
header{
	font-size: .9em;
	background-color:white ;
	border-radius: 0.em;
	padding:.0em;
	margin-top:-8px;
	width:88.7%;
	background:black;
}
footer{
	font-size: .9em;
	background: -webkit-linear-gradient(#E6E6FA,#FFFFFF); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#E6E6FA,#FFFFFF); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#E6E6FA,#FFFFFF); /* For Firefox 3.6 to 15 */
background: linear-gradient(#E6E6FA,#FFFFFF); /* Standard syntax */

	color:black;
	
}
aside{
	width:30%;
	
}
#tabla img{
	width:80%;
	
}
#tablas img{
	width:50%;
	
}
form{

	border:1 px solod #ccc;
	margin:60 px;
	padding:20 px;

	
}
label{
	font-size:20px;
	display:block;
	width:100%;
	}
	input,textarea{
		margin-bottom: 10px;
		border-radius:0em;
		width:50%;
		font-size:15px;
		border:0;
		border-bottom:2px solid #bebed2
	}
	input[type="submit"]{
		margin-bottom:0;
		background:#1668c4;
		color:#fff;
			width:30%;
		display:block;
		
		
	}
.slider
{
	width: 100%;
	margin:auto;
	overflow: hidden;
	box-shadow:0 0 40px -10px #000;
}
.slider ul{
	display:flex;
	padding: 0;
	width:400%;
	animation: cambio 20s infinite alternate;
	
	
}
.slider li{
	width: 100%;
	list-style: none;
	
}
.slider img{
	width:100%;
	height:325px;
	border-radius: 0 em;
	
}
@keyframes cambio {
0%{ margin-left:0;}
20%{ margin-left:0;}
	25%{ margin-left:-100%;}
	45%{margin-left:-100%;}
	50%{ margin-left:-200%;}
	70%{margin-left:-200%;}
	75%{ margin-left:-300%;}
	100%{margin-left:-300%;}
}
button{float:left;padding:8px 12px;margin:8px 0 0;font-family:'Montserrat',sans-serif;border:2px solid #78788c;background:0;color:#5a5a6e;cursor:pointer;transition:all .3s}
button:hover{background:#78788c;color:#fff}
*{box-sizing:border-box;}

		.social {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	right:75px; /* Establecemos la barra en la izquierda */
	top: 365px; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}
 
	.social ul {
		list-style: none;
	}
 
	.social ul li a {
		display: inline-block;
		color:#fff;
		background: #000;
		padding: 10px 15px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
	}
 
	.social ul li .icon-facebook {background:#3b5998;} /* Establecemos los colores de cada red social, aprovechando su class */
	.social ul li .icon-twitter {background:#DF0174;}
	.social ul li .icon-googleplus {background:#2EFE2E;}
	
 
	.social ul li a:hover {
		background: #000; /* Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 10px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
	}
	h1{
		color:#2E64FE;
		text-shadow: 1px 1px #999;
	}