@charset "utf-8";
/*
Activa Web © 2010
Proyecto: Punto Celeste
Diseño: Paúl Tumialán A.
Desarrollo: Paúl Tumialán A.
Animación: Mijael Grande E.
*/
/* reset */
* {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
/* fondo */
#bg {
	background-image: url(../imagenes/bg-bottom.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 100%;
	height: 100%;
}
/* cuerpo */
body {
	background-color: #bed6d8;
	background-image: url(../imagenes/bg.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
}
/* contenido */
#contenido {
	height: 768px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#informacion {
	height: 90px;
	width: 160px;
	margin-top: 50px;
	margin-left: 10px;
	float: left;
}
#logotipo {
	height: 100px;
	width: 460px;
	margin-left: 80px;
	float: left;
	margin-top: 30px;
	background-image: url(../imagenes/punto-celeste.jpg);
}
#listado {
	height: 520px;
	width: 220px;
	margin-left: 20px;
	float: right;
	background-image: url(../imagenes/lista.jpg);
}
/* primera animación */
#animacion {
	float: left;
	height: 470px;
	width: 720px;
	margin-top: 40px;
	z-index: 2;
}
#datos {
	position:absolute;
	left:233px;
	top:523px;
	width:488px;
	height:97px;
	z-index:4;
	text-align: center;
}
ul {
	margin-left: 42px;
	margin-top: 67px;
}
li {
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #597b98;
	font-size: 13px;
	line-height: 30px;
	font-weight: normal;
	background-repeat: no-repeat;
	background-position: left 15px;
	padding-left: 7px;
	list-style-type: none;

}
li  a{
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #597b98;
	font-size: 13px;
	line-height: 30px;
	font-weight: normal;
}

p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	line-height: 15px;
}
li a:hover {
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #374D5E;
	font-size: 13px;
	line-height: 30px;
	font-weight: normal;
	background-image: url(../imagenes/linea.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
/* segunda animación */
#maripos {
	position:relative;
	left:24px;
	top:42px;
	width:35px;
	height:50px;
	z-index:1;
	float: left;
}
/* e-mail */
.mail {
	text-decoration: none;
	color: #666;
}
.mail:hover {
	text-decoration: underline;
	color: #666;
}
/* pie de pagina */
#pie {
	height: 40px;
	width: 780px;
	margin-left: 80px;
	float: left;
	margin-top: 42px;
}
#pie p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	line-height: 15px;
	float: left;
	margin-top: 80px;
}

#pie img {
	float: right;
}