/* reseteo */
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, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i
{
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

body { line-height: 1.2em; }

:focus { outline: 0; }

ol, ul { list-style: none; }

table
{ 
  border-collapse: collapse;
  border-spacing: 0;
}

blockquote:before,
blockquote:after,
q:before, q:after { content: ""; }

blockquote,
q { quotes: "" ""; }

input, textarea
{ 
  margin: 0;
  padding:0;
}

hr
{
  background-color: #000;
  border: 0;
  color: #000;
  height: 1px;
  margin: 0;
  padding: 0;
}

/* estructura */
html,
body
{
  background-color: #000;
  color: #fff;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 0.8em;
  height: 100%;
}

#cabecera-portada,
#cabecera
{ 
  background: #000;
  /*border-bottom: 1px solid #333;*/
  height: 50px;
  overflow: hidden;
  width: 100%;
}

#cuerpo-portada
{
  height: 450px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 787px;
}
#cuerpo
{
  height: 450px;
  margin: 0;
  position: relative;
  width: 100%;
}
#cuerpo-video
{
  height: 450px;
  margin: 0 auto;
  position: relative;
	text-align: center;
  width: 480px;
}

#pie-portada
{
  background: #000;
  height: 30px;
  margin: 20px 0 0;
  overflow: hidden;
  text-align: center;
  width: 100%;
}

/* cabecera */
#cabecera h1
{
  float: left;
  margin: 10px 0 0 20px;
}
#cabecera h1 a
{
  background: #000 url('../img/juanjo-molina.jpg') no-repeat 0 0;
  color:#fff;
  display: block;
  height: 36px;
  text-indent: -10000px;
  width: 209px;
}

#menu
{
  float: right;
  margin: 20px 0 0;
}
#menu li
{
  float: left;
  margin: 0 20px 0 0;
}
#menu li.contact
{
  margin: 0 20px 0 50px;
}
#menu li a
{
  color: #fff;
  font-size: 0.8em;
  text-decoration: none;
}
#menu li a:hover
{
  color:#bebebe;
}

#pie-portada ul.menu li
{
  display: inline;
  margin: 0 10px;
}
#pie-portada ul.menu li a
{
  color: #fff;
  font-size: 0.8em;
  text-decoration: none;
}
#pie-portada ul.menu li a:hover
{
  color:#bebebe;
}

/* galeria portada */
#cuerpo-portada img
{
  /*position: absolute;*/
  display: none;
}
#cuerpo-portada img.show
{
  display:inline;
  z-index: 10;
}
#galeria
{
  /*position: relative;*/
  text-align: center;
}

#btn_siguiente
{
  background: url('../img/btn-siguiente.jpg') right top no-repeat transparent;
  display: block;
  height: 450px;
  position: absolute;
  right: 0;
  top: 50px;
  width: 50%;
  text-indent: -10000px;
  z-index: 99;

  filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
#btn_siguiente:hover
{
  filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#btn_anterior
{
  background: url('../img/btn-anterior.jpg') left top no-repeat transparent;
  display: block;
  height: 450px;
  position: absolute;
  left: 0;
  top: 50px;
  width: 50%;
  text-indent: -10000px;
  z-index: 99;

  filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
#btn_anterior:hover
{
  filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#tapa
{
  background: #000;
  color:#fff;
  height: 450px;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 10;
}
#tapa img
{
  margin: 200px 0 0;
}

#slider
{
  height: 450px;
  margin: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}
#slider ul
{
  position: absolute;
}
#slider ul li
{
  float:left;
}
#slider li
{
  height: 450px;
  overflow: hidden;
  width: auto;
}
#slider li a img
{
  filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}
#slider li a img.activa
{
  filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}


#cuerpo div.contacto .esp
{
  color: #787878;
  float: left;
  margin: 260px 0 0 100px;
  width: 300px;
}
#cuerpo div.contacto .usa
{
  color: #787878;
  float: right;
  margin: 260px 100px 0 0;
  text-align: right;
  width: 300px;
}

#cuerpo div.contacto .usa strong
{
  color: #fff;
  font-size: 1.6em;
}