BODY, HTML{
  background-color:#000000;
  background-image:url("../imagenes/fondo.jpg");
  background-position:center 150px;
  background-repeat:no-repeat;
  min-height:100%; 
  margin:0px;
  padding:0px;
  font-family:arial;
}
H1{
  color:#D7D7D7;
  font-size:26px;
  text-transform:none;
  margin:0px;
  padding:0px;
}

H2{
  color:#D7D7D7;
  font-size:24px;
  text-transform:uppercase;
  margin:0px;
  padding:0px;
  margin-top:30px;
}
H3{
  color:#D7D7D7;
  font-size:18px;
  text-transform:uppercase;
  margin:0px;
  padding:0px;
}
H4{
  color:#D7D7D7;
  font-size:14px;
  text-transform:uppercase;
  margin:0px;
  padding:0px;

}      
  A, A:VISITED{
  color:#FFFFFF;
  text-decoration:underline;
  font-weight:bold;
}
  A:HOVER{
  text-decoration:none;
  }

/* Estilos Encabezado */
#encabezado{
  width:750px;
  height:100px;
  margin:0px auto;
  background-color:#2A2A2A;
  padding:10px;
  filter: alpha(opacity=55);
  -moz-opacity: 0.55;
  opacity: 0.55;

  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright:5px;

  -webkit-border-radius-bottomleft:5px;
  -webkit-border-radius-bottomright:5px;
}
#encabezado .logotipo{
  width:350px;
  height:100px;
  float:left;
  background-image:url(../imagenes/logo.jpg);
  background-position: top left;
  background-repeat:no-repeat;
  margin-top:5px;
}
#encabezado .menu{
  width:400px;
  float:right;
  color:#ffffff;
  font-size:12px;
  margin-top:5px;
}
#encabezado .menu h3{
  text-align:right;
  line-height:20px;
  padding-right:4px;
  font-size:14px;
}
#encabezado .menu ul{
  margin:0px;
  padding:0px;
  list-style:none;
}
#encabezado .menu ul li{
  float:right;
  width:auto;
  padding:5px;
}
#encabezado .menu ul li a {
  color:#ffffff;

  display:block;
}
#encabezado .menu ul li a:hover{
  background-color:#7A7A7A;
  color:#1B1B1A;
}
/* Fin Estilos Encabezado */

/* Franja Horizontal */
#franjahorizontal{
  width:770px;
  height:20px;
  margin:8px auto;
  background-image:url(../imagenes/franjahorizontal.jpg);
}
/* Fin Franja Horizontal */

/* Estilos contenido */
#contenido{
  border:0px;
  margin:0px auto;

  width:770px;
  min-height:435px;
  background-color:#303030;
  filter: alpha(opacity=55);
  -moz-opacity: 0.55;
  opacity: 0.55;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#tarotista-foto{
  background-color:#989898;
  width:250px;
  height:300px;
  border:1px solid #1C1C1C;
  display:block;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;

}
#tarotista-datos{
  background-color: #4C4C4C;
  width:250px;
  min-height:100px;
  margin-top:10px;
  border:1px solid #1C1C1C;
  display:block;
  font-size:12px;
  color:#A7A7A7;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;

}
#tarotista-datos ul{
  list-style:none;
  margin:0px;
  padding:0px;
}
#tarotista-datos ul li{
  margin:10px;
}
#tarotista-datos strong{
  color:#DEDEDE;
}
#tarotista-datos .nombre{
  text-transform:uppercase;
  width:100%;
  
}
#tarotista-datos .telefono{
  font-size:24px;
  text-align:center;
  font-weight:bold;
}
#tarotista-biografia{
  background-color:#1C1C1C;
  padding:10px;
  color:#EBEBEB;
  font-size:10px;
  text-transform: uppercase;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;

}
#pie{
  color:#D3D3D3;
  text-align:center;
  margin:0px auto;
  font-size:10px;
}