@charset "utf-8";



 -->caracteristicas
.container {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: normal;
	color: #000;
	text-align: justify;
	vertical-align: top;
	float: none;
	width: 1200px;
	position: static;
	text-align:center
}

--> caracteriticas del centro editable

	

	
	
-->fondos
.fondohead{background-color: #090;
    width: 100%;
    background-size: 100% 100%;
    animation: banner 10s infinite;
}

.centro{
	text-align:center;
	}

--> tablas
#contenedor {
    display: table;
    border: 0px solid #fff;
    width: 333px;
    text-align: center;
    margin: 0 auto;
	
}
#contenidos {
    display: table-row;
	
}
#columna1, #columna2, #columna3 {
    display: table-cell;
    border: 0px solid #fff;
    vertical-align: middle;
    padding: 10px;
}


-->logo encabezado

.banner{
	width: 1200px;
	margin: auto;
	overflow: hidden;
	
}

.banner ul{
	display: flex;
	padding: 0;
	width: 400%;
	animation: cambio 10s infinite;
	}

banner li{
	width: 100%;
	list-style: none;
	}

.banner img{
	width: 100%;
	background-size: fill;
	}	
	
@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%;}
}





-->menu superior
.nav-enlace{
    display: inline-block;
    background: #0026FF;
    color: #FFFFFF;
    padding: 5px 20px;
	text-decoration: none;
  
}
.nav-enlace:hover{
    background:#E5AB00;
	color:#0026FF;
	text-decoration:none;
}
nav{
    background: #0026ff;
    padding: 10px;
    display: flex;
    justify-content: space-around; 
	text-decoration:none;
}
.nav-boton{
    background: #0026ff;
    color: #fff;
    padding: 10px 0;
    display: none;
	text-decoration:none;
}

@media (max-width: 800px) {
    nav{
        background: #0026FF;
        flex-direction: column;
		text-decoration:none;
    }
    .nav-enlace{
        margin: 10px 0;
    }
    .nav-boton{
        display: inline-block;
    }
    .desaparece{
        display: none;
    }
}