/* Estructura principal                                                       */
/* ---------------------------------------------------------------------------*/

* {
  margin:0;
  padding:0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;  
}

html, body {
  height:100%;
}

body {
  text-align:center;   
  background-color: #000;
}

#distance { 
  width:1px;
  height:50%;
  margin-bottom:-273px; /* half of container's height */
  float:left;
}

#container {
  border:1px solid #666;
	margin:0 auto;
  position:relative; /* puts container in front of distance */
  text-align:left;
  height:546px;
  width:980px;
  clear:left;
}

#container img {
  border: 0;
}

/* Contenedor                                                                 */
/* ---------------------------------------------------------------------------*/

#contenedor {
  padding: 5px; 
  overflow: auto; 
  height: 298px;
}

#contenedor_sup {
  padding: 5px; 
  overflow: auto; 
  height: 255px;
}

#contenedor_inf {
  padding: 5px; 
  overflow: auto; 
  height: 38px;
}


/* Enlaces                                                           */
/* ---------------------------------------------------------------------------*/

#enlaces {
  width: 513px; 
  padding:5px;
  margin-top: 12px;
  border: 1px solid black; 
  background-color: #fff; 
  text-align: center;
}

#enlaces a {
  text-decoration: none;
  font-weight: bold;
  color: #fff;
}

a {
  text-decoration: none;
  color: #fff;
}

a:hover {
  text-decoration: none;
}

/* Estructura de la página                                                    */
/* ---------------------------------------------------------------------------*/
#contenedor_izq{
float:left;
width:244px;
padding-top:28px;
padding-left:24px;
border-right: 1px solid #666;
height:506px;
}

#logo_izq{
padding-top:0px;
padding-left:0px;
} 

#contenedor_dcha{
float:left;
margin-top:20px;
margin-left:20px;
width:672px;
text-align:justify; 
}

#contenedor_dcha img {
	padding: 2px;
	border: 1px solid #ccc;
	} 

.miniatura {
  height: 60px;
  margin: 3px;
}

.pie {
  color:#ccc;
  display:block;
}


.imagenes {
  padding-top:32px;text-align:center;
}

.tira_imagenes {
  padding-top:48px;
}

.box {
  float: right;
  margin-right: 20px;
  margin-top: 330px;
  color: #666666;
  width: 300px;
  border: 1px solid #666666;
  /*background-color: #ddd;*/
  background-color: #000;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  -o-border-radius: 10px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 10px;
  -webkit-box-shadow: 0px 3px 7px #666666;
  border-radius: 10px;
  -moz-box-sizing: border-box;
  -opera-sizing: border-box;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.campo {
  text-align:left;
  padding-bottom: 1em;
}

.formulario {
  color: #fff;
 width:275px;
}

.formulario label {
font-size: 8pt;
}
.formulario #nombre {
  width: 275px;
  display:block;
 font-size: 8pt;
 
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #aaa;
  border-right: 1px solid #aaa;
  
   font-size: 8pt;
  
}

.formulario #email {
  width: 275px;
  display:block;

   font-size: 8pt;
   
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #aaa;
  border-right: 1px solid #aaa;
  
}
.formulario #mensaje {
  width: 275px;
  height: 8em;
  display:block;

  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #aaa;
  border-right: 1px solid #aaa;
  
  font-weight: normal;
  
   font-size: 8pt;
}

.formulario .botones input {
  width: 6em;
  height: 2em;

  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #aaa;
  border-right: 1px solid #aaa;
  
  font-size: 8pt;
}

.catalogo {
  padding-bottom: 2em;
}