body {
  background: #FFFFFF;
  font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 1.25;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
.clear {
	clear:both;
	display:block;
	font-size:1px;
	line-height:1px;
}

#header{
	background: #000000;
	height: 472px;
	margin:0 auto;
	position:relative;
	text-align:left;
}
.content{
	width:994px;
	margin:0 auto;
	display:block;
	position:relative;
}
#header-bg{
  background: #000000 url(images/header-bg-prima.jpg) center top no-repeat;
  position:absolute;
  height: 472px;
  width: 100%;

}
#logo{
 text-indent: -500em;
/*  background: #FFFFFF url(images/bg-logo.jpg) top left no-repeat;*/
  height: 41px;
  width: 279px;
  position: absolute;
  left: 100px;
  top:112px;
  float:left;
}


#social{
  z-index:0;
  position:absolute;
  top:-900px;
  left:125px;
  width:100%;
  color: white;
}

#social-index{
  z-index:0;
  position:absolute;
  top:-980px;
  left:125px;
  width:100%;
  color: white;
}

#menu {
 list-style: none;
  padding: 0;
  margin: 0;
  width: 774px;
/*  height: 184px;*/
  position: relative;
/*  background: url(images/nav-bg.jpg) no-repeat;*/
}

#menu span {
  display: none;
  position: absolute;
}

#menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}

#menu a:hover {
  background-position: left bottom;
}


#menu a:hover span {
  /*display: block;*/
}


#menu .home {
  width: 183px;
  height: 49px;
  background:#000000 url(images/home.jpg) no-repeat;
  position: absolute;
  left: 84px;
  top: -70px;
}
#menu .home span {
  width: 183px;
  height: 49px;
  background:#000000 url(images/home.jpg) no-repeat;
  position: absolute;
  left: 84px;
  top: -70px;
}

#menu .descargas {
  width: 203px;
  height: 49px;
  background:#000000 url(images/descargas.jpg) no-repeat;
  position: absolute;
  left: 286px;
  top: -70px;
}
#menu .descargas span {
  width: 203px;
  height: 49px;
  background:#000000 url(images/descargas.jpg) no-repeat;
  position: absolute;
  left: 286px;
  top: -70px;
}

#menu .personajes {
  width: 198px;
  height: 49px;
  background:#000000 url(images/personajes.jpg) no-repeat;
  position: absolute;
  left: 498px;
  top: -70px;
}
#menu .personajes span {
  width: 198px;
  height: 49px;
  background:#000000 url(images/personajes.jpg) no-repeat;
  position: absolute;
  height: 49px;
  top: -70px;
}
#menu .galeria {
  width: 198px;
  height: 49px;
  background:#000000 url(images/galeria.jpg) no-repeat;
  position: absolute;
  left: 723px;
  top: -70px;
}
#menu .galeria span {
  width: 198px;
  height: 49px;
  background:#000000 url(images/galeria.jpg) no-repeat;
  position: absolute;
  left: 723px;
  top: -70px;
}

#nav li{
display: inline;
}


#header-line{
  background: url(images/bg-content-up.jpg) repeat-x;
  display: block;
/*border: 1px solid;*/
  height:65px;
  width:100%;
}

#trailer{
  margin: 0 auto;
  text-align: center;
  position: relative;
  top: 0px;
}

#container{
  background: #FFFFFF url(images/bg-content-down.jpg) bottom repeat-x;
  height: 600px;
  border: 0px;  
}
.index{
  height: 700px;
  border: 0px;
  background: #FFFFFF url(images/bg-content-down.jpg) bottom repeat-x;
  
}

#section{
  width:868px;
  margin:0 auto;
  display:block;
  position:relative;

}
#section-top{
  background: #FFFFFF url("images/section-top.jpg") top center no-repeat;
  height:7px;
  margin: 20px 0 auto;
  text-align:center;
}
#section-bg{
  background: #FFFFFF url("images/section-bg.jpg") top center  repeat-y;
  height: 500px;
  margin: 0 auto;
  text-align:center;

}
#section-bottom{
  background: #FFFFFF url("images/section-bottom.jpg") top center  no-repeat;
  height: 10px;
  margin: 0 auto;
  text-align:center;
}


#sinopsis{
  margin: 15px auto;
  height:97px;
  width: 706px;
  background: #FFFFFF url(images/sinopsis-bg.jpg) no-repeat;
  text-align: center;
  position: relative;
  top:50px;
}


#sinopsis-text{
  width: 650px;
  position: relative;
  top: 25px;
  left: 15px;
  font-size: 10px;
  text-align: left;
}


#sinopsis-title{
  text-indent: -500em;
  background: #FFFFFF url(images/sinopsis-title-bg.jpg) top left no-repeat;
  height: 45px;
  width: 317px;
  position:absolute;
  left: 0px;
  top: -40px;
  float:left;
  margin:0;
}


#footer{
  display: block;
  background: url(images/bg-footer.jpg) top repeat-x;
  height:118px;
  color: white;
  width:100%;
  border: 0px;
}


#Cast{
  margin-left: 20px;
  margin-right: 20px;
}

div.img
{
  margin: 2px;
 /* border: 1px solid #0000ff;*/
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}

#descarga div.img{
  margin-top:20px;
  position:relative;
  top: 50px;

}
div.img img
{
  display: inline;
  margin: 15px 5px;
  border: none;
  /*border: 1px solid #ffffff;*/
}
/*div.img a:hover img {border: 1px solid #0000ff;}*/
div.img a:hover img {border: none;}
div.img a:link { text-decoration: none;}
div.desc
{
  text-align: center;
  font-weight: normal;
  font-size: 12px;
  /*  width: 120px;  */
  margin-top: 0px;
  margin-bottom: 10px;
}

#personajes-title{
  text-indent: -500em;
  background: #FFFFFF url(images/personajes-title-bg.jpg) top left no-repeat;
  height: 45px;
  width: 500px;
  position:absolute;
  top: -43px;
  left:0px;
  float:left;
  margin:0 auto;
  text-align: center;
}

#descargas-title{
  text-indent: -500em;
  background: #FFFFFF url(images/descargas-title-bg.jpg) top left no-repeat;
  height: 45px;
  width: 500px;
  position:absolute;
  top: -42px;
  left:0px;
  float:left;
  margin:0 auto;
  text-align: center;
}

#descarga {
  margin-left: 20px;
  margin-right: 20px;
}

#descarga li{
  text-decoration:none;
  list-style: none;
  text-indent:-5px;
  margin: 4px;
}

#descarga li a {
  text-decoration: none;
  color: black;
}

#descarga li a:hover {
  font-style: italic;
  font-weight: bold;
}
#galeria-title{
  text-indent: -500em;
  background: #FFFFFF url(images/galeria-title-bg.jpg) top left no-repeat;
  height: 44px;
  width: 624px;
  position:absolute;
  top: -42px;
  left:0px;
  float:left;
  margin:0 auto;
  text-align: center;

}
#fotos{
  margin-left: 20px;
  margin-right: 0px;
/*  float:left;*/
}

#fotos div.img{
  margin:5px 7px;;

  position:relative;
  top: 10px;

}

#footer{
  display: block;
  background: url(images/bg-footer.jpg) top repeat-x;
  height:118px;
  color: white;
  width:100%;
  border: 0px;
  text-align:center;
  float:left;
}