body{
	font-family: Arial;
	font-size: 12px;
	color: #333333;
}
#Header{
	background: #233C9B url("../imagenes/cabecera.jpg") no-repeat;
	text-align: center;
	max-height: 100px;
}

#Logotipo{
	width: 30%
	text-align: left;
}

#Logotipo, #Buscador{
	margin: 10px;
}

#Logo, #Titulo, #Logotipo, #Buscador, #Btn-Buscar{
	display: inline-block;

}

#Logo img{
	width: 300px;
	text-align: left;
	padding-right: 900px;
}

#Titulo{
	color: #CCCCCC;
	font-size: 38px;
	font-family: Tahoma;
	margin-left: 10px;
	text-align: center;
	padding: 5px;
	padding-right: : 5000px;
	padding-bottom: : 200px;
}

.Letra-Azul{
	color: Silver;

}
#Buscador{
	width: 40%;
	text-align: right;
	padding-left: 800px;
}

#Buscar{
	box-shadow: 1px 1px 2px #CCCCCC;
	border: 1px solid #F7F7F7
	border-radius 15px;
	height: 15px;
	width: 25%;
	padding: 5px 10px;
	text-align: right;

}
#Btn-Buscar{
	padding: 5px 10px;
	text-align: right;



}

#Menu{
	max-height: 50px;
	background-color: Steelblue;
	padding: 5px;
	margin-bottom: 5px;
	text-align: center;
}

.nav{
    border:1px solid #ccc;
    border-width:1px 0;
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
}
.nav li{
    display:inline;
}
.nav a{
    display:inline-block;
    padding:10px;
    padding-right: 10px;
    font-family: Arial;
    font-size: 18px;
}


}
#Cuerpo{
	text-align: center;
}

#Barra, #Contenido{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

#Barra{
	background-color: #CCCCCC;
	width: 20%;
	min-height: 750px;
	text-align: center;
}

#Contenido{
	background-color: #E6E6E6;
	width: 78%;
	min-height: 750px;
	text-align: center;

}
.slider{
	width: 95%;
	margin: auto;
	overflow: hidden;

}
.slider ul{
	display: flex;
	padding: 0;
	width: 400%;

	animation: cambio 20s infinite;
	animation-direction: alternate;
	animation-timing-function: ease-in;

}
.slider li{
	width: 100%;
	list-style: none;
}
.slider img{
	width: 100%;
}
@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%;
}
#Pie{
	background: url("../imagenes/fondo_pie.jpg") no-repeat;
    color: #6685CC; 
	border-top: 1px solid #CCCCCC;
	min-height: 40px;
	margin-top: 5px; 
	margin-bottom: 5px;
	max-height: 40px;
}

#spam{
	width: 30%
	text-align: center;

}

#su img, #su2 img, #su3 img, #su4 img{
	display: inline-block;
}

#su img{
	width: 50px;
	height: 50px;
	text-align: left;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-top: 10px;
}

#su2 img{
	width: 50px;
	height: 50px;
	text-align: left;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-top: 10px;
}
#su3 img{
	width: 50px;
	height: 50px;
	text-align: left;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-top: 10px;
}
#su4 img{
	width: 50px;
	height: 50px;
	text-align: left;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-top: 10px;
}