/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, img, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
/* Fin del Reset*/

html {
background: #5FCCF3;
text-align: center;
font-family: Arial;
color: #333;
font-size:20px;
}

#contenedor{
	margin: 0 auto;
	width: 750px
}

.logo_animado{
	float: left;
	width: 280px
}

.logo_datos{
	float: right;
	width: 420px;
	text-align: right;
}

#logod{
	background: url(img/logo.jpg) no-repeat right 0;
	margin: 170px 0 130px;
	opacity: 0;
	color:#5FCCF3;
	height:77px;
	margin:170px 0 130px;
}

#datos{
	opacity: 0;
}

#logo{
display: block;
margin: -700px auto 0;
position: relative;
z-index: 2
}
#halo{
display:block;
margin:-220px auto 0;
z-index:1;
opacity: 0;
width: 0;
}

#sombra{
display:block;
margin:420px auto -500px;
opacity:0;
width:5px;
}

.sombra {
position:absolute;
top:40px;
width: 280px
}

#contenido{
text-align: center;
margin: 0 auto;
width: 280px;
position:relative;
}