*{
	margin:0;
	paddin:0;
}
header{
	width:100%;
	background:white;
	height:100px;
	
}
.ancho{
	width: 80%;
	height:100px;
	background:red;
	margin:auto;
}

.logo{
	width:20%;
	height:100px;
	background:blue;
	float:left;
	
}
.logo  a img {
	width:100%;
	height:100%;
}
nav{
	width:80%;
	height:100px;
	background:white;
	float:left;
	text-align:right;
	padding-top: 30px;
	box-sizing:border-box;
}
nav ul li {
	display:inline;
}

nav ul li a{
	color:black;
	font-size:12px;
	text-decoration:none;
	padding-left:15px;
	font-weight:bold;
	letter-spacing:1px;
	position: center;
}
nav ul li a:hover{
	color:#C0C0C0;
}



.imagen-main{
	width:80%;
	margin:auto;/* sirve para centrar el contenedor */
	background:yellow;
}


.contenedor-parrafo{
	width:80%;
/*	height:20%;*/
	margin:auto;
	background:black;
}
.parrafo{
	width:90%;
	margin:auto;
	padding-top:20px;
	padding-bottom:20px;
	background:black;
	text-align: justify;
	
}
.parrafo p{
	color:white;
	font-size:25px;
}

.contacto{
	width:80%;
/*	height:15%;*/
	background:white;
	margin:auto;
	padding-bottom:10px;
}
.contacto p{
	padding:10px;
	color:#696969;
	
}
.derechos{
	width:80%;
	margin:auto;
	background:#C0C0C0;
}
.derechos p{
	text-align:right;
	color:#696969;
}