* {
  margin:		0px;
  padding:		0px;
  border:		0px;
  outline:		none;
  list-style:		none;
}
body {
  width:		820px;
  margin:		0px auto;
  font:			14px tahoma, trebuchet ms, arial, helvetica, sans serif;
  color:		#FFFFFF;
  background:		#000000 url(../img/fondo.gif);
}


/*-------------------------------------------------- ::: - ::: - ::: ---*/
.contenido {
  background:		url(../img/lineas.gif) repeat-y 285px top;
  float:		left;
}
.contenido .izq {
  width:		265px;
  padding-right:	50px;
  float:		left;
}
.contenido .der {
  width:		500px;
  margin-top:		200px;
  float:		left;
}


/*-------------------------------------------------- ::: - ::: - ::: ---*/
h1.logo {
  width:		270px;
  height:		155px;
  padding-top:		40px;
  background:		url(../img/logo.gif) no-repeat left bottom;
  text-indent:		-1000em;
}
/*-------------------------------------------------- ::: - ::: - ::: ---*/
.datos {
  width:		460px;
  height:		290px;
  margin:		200px 0px 30px 0px;
  background:		url(../img/datos.gif) no-repeat left top;
  float:		left;
}
.datos p,
.datos h2 {
  text-indent:		-1000em;
}
/*-------------------------------------------------- ::: - ::: - ::: ---*/
form {
  position:		relative;
  width:		400px;
  padding:		15px 0px 15px 15px;
  background:		url(../img/contacto-fondo.gif) left top;
  float:		left;
}
form legend {
  width:		105px;
  height:		30px;
  font-size:		30px;
  background:		url(../img/contacto-leyenda.gif) no-repeat left top;
  float:		left;
}
form legend span {
  visibility:		hidden;
}
form label {
  clear:		both;
  padding-top:		15px;
  height:		25px;
  float:		left;
  text-indent:		-1000em;
}
form label.nombre {
  width:		63px;
  background:		url(../img/contacto-nombre.gif) no-repeat left 15px;
}
form label.email {
  width:		47px;
  background:		url(../img/contacto-email.gif) no-repeat left 15px;
}
form label.mensaje {
  width:		72px;
  background:		url(../img/contacto-mensaje.gif) no-repeat left 15px;
}
form .campo,
form .texto {
  clear:		both;
  width:		285px;
  padding:		5px;
  font:			14px tahoma, trebuchet ms, arial, helvetica, sans serif;
  color:		#666666;
  background:		#EEEEEE;
  border:		1px solid #EC008C;
  float:		left;
}
form .texto {
  height:		85px;
}
form .campo:hover,
form .campo:active,
form .texto:hover,
form .texto:active {
  background:		#DDDDDD;
}
form .enviar {
  position:		absolute;
  bottom:		15px;
  right:		15px;
  width:		73px;
  height:		50px;
  background:		url(../img/contacto-enviar.gif) no-repeat left top;
  float:		right;
}
form .enviar:hover {
  background:		url(../img/contacto-enviar.gif) no-repeat left bottom;
}
form .log {
  font-size:		12px;
  padding-right:	15px;
  text-align:		right;
  float:		right;
}
form .gracias {
  width:		335px;
  height:		46px;
  background:		url(../img/gracias.gif) no-repeat left top;
  text-indent:		-1000em;
  display:		none;
}
/*-------------------------------------------------- ::: - ::: - ::: ---*/
p.toc {
  width:		95px;
  height:		49px;
  padding:		20px 0px 0px 320px;
  background:		url(../img/logo-toc.gif) no-repeat right bottom;
  text-indent:		-1000em;
}
/*-------------------------------------------------- ::: - ::: - ::: ---*/
h3.visitanos {
  width:		101px;
  height:		20px;
  padding-bottom:	30px;
  background:		url(../img/visitanos_en.gif) no-repeat left top;
  text-indent:		-1000em;
  float:		right;
}
/*-------------------------------------------------- ::: - ::: - ::: ---*/
ul {
  clear:		both;
  padding-bottom:	50px;
  float:		right;
}
ul li {
  clear:		both;
  padding-bottom:	20px;
  float:		right;
}
ul li a {
  display:		block;
  text-indent:		-1000em;
}
ul li a.youtube {
  width:		93px;
  height:		37px;
  background:		url(../img/logo-youtube.gif) no-repeat left top;
}
ul li a.facebook {
  width:		93px;
  height:		44px;
  background:		url(../img/logo-facebook.gif) no-repeat left top;
}
ul li a.fotolog {
  width:		138px;
  height:		30px;
  background:		url(../img/logo-fotolog.gif) no-repeat left top;
}
ul li a.purevolume {
  width:		150px;
  height:		27px;
  background:		url(../img/logo-purevolume.gif) no-repeat left top;
}
ul li a.myspace {
  width:		116px;
  height:		29px;
  background:		url(../img/logo-myspace.gif) no-repeat left top;
}
/*-------------------------------------------------- ::: - ::: - ::: ---*/
.error {
  color:		#FF0000;
}
.espera {
  color:		#00AEEF;
}