#outer        				 
	{position: absolute;
	 top: 40%;
	 left: 0px;
	 width: 90%;
	 height: 1px;
	 border: 0px solid white;
	 z-index:4;
	 }

#main {
    margin: auto;
	border: 1px solid #480000;
	width: 700px;
	font-family: Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size : 12px;
  z-index:5;		
	 margin-left: -400px;
	 position: absolute;
	 top: -190px;
	 left: 50%;	 	
}

.bgtext 					
		{font-size: 150px;
		 position:absolute;
		 top:20px;
		 left:180px;
		 right:-80px;
		 color:#4c0000;
		 z-index:1;		
		 }

form {
    margin-left: 80px;
	border: 0px solid #cccccc;
	width: 300px;
	background: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size : 12px;
    padding:5px;
    margin-bottom:10px;
}

#result {
    margin-left: 80px;
	border: 1px outset #410000;
	width: 300px;
	background: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size : 12px;
    padding:5px;
    margin-bottom:20px;
}

.photo {
    padding:1px;
	border: 1px outset #410000;
	background: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size : 12px;
    text-align:center;

}

.text {
	border: 1px solid #cccccc;
}

input {
    border: 0px solid #cccccc;
}

.values{
  font-family: verdana;
  font-weight:normal;
  font-size : 10px;
  align:top;
  vertical-align:top;
}

.key{
  font-family: verdana;
  font-weight:bold;
  font-size : 12px;
  padding-bottom:15px;
}


.caption{
    font-family: Arial, Helvetica, sans-serif;
    margin:10px;
    font-size : 24px;
    color:#C64934;
}

#icon{
    width:80px;
    height:80px;
    float:left;
    background-image:url(icon.gif);
    background-repeat: no-repeat;
    background-position:center center;
}
#icon2{
    width:80px;
    height:80px;
    float:left;
    background-image:url(icon2.gif);
    background-repeat: no-repeat;
    background-position:center center;
}

#source{
  text-align:right;
  align:right;
  padding-right:10px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:normal;
  font-size : 10px;
  color:#3c0000;
}

a, a:visited {
    text-decoration:none;
    border:0px;
		color: white;
}

img {
    border:0px;
}
/* empiezan las css de lightbox */


#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }
/*contenedor de la imagen */
#outerImageContainer{
	position: absolute;
	background-color: #f00;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	top: 0;
	left: 50px;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../lighbox/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../lighbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../lighbox/images/nextlabel.gif) right 15% no-repeat; }

/*contenedor de los titulos */
#imageDataContainer{
  font: 10px Verdana, Helvetica, sans-serif;
	background-color: #f00;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;	
	position: absolute;
	bottom: 0;
	left:50px;
	}

#imageData{	padding:0 10px; color: #fff; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
 @font-face {
    font-family: Bauhaus 93;
    font-style:  normal;
    font-weight: normal;
    src: url(../../BAUHAUS0.eot);
  }

@font-face {
    font-family: SF Square Head;
    font-style:  normal;
    font-weight: normal;
    src: url(../../SFSQUAR0.eot);
  }	

/*div#text1 a, a:visited {color:#fff; 
					              font-size:29px; }
div#text1 a:hover {color:#C64934;}*/

a#enlace1{
background: url(../../imgs/inicio.png);
height: 23px; /*mitad de alto de la imagen doble*/
width: 108px; /*ancho imagen*/;
}					
.clasehover{overflow: hidden; text-indent: 9000px; display:block;}
a:hover#enlace1 {background-position: bottom;}		


/* pie de pagina */				
div#pie {position: absolute; top:450px ; left: 250px; width: 510px; border: 0;}
div#logos {color:#555; float:left}		
div#membrete { text-align:center;
					font-family: verdana;
					font-size:8pt;
					color: white;
					float:left;
					margin-right:20px;					
				}

a#enlace2{
background: url(../../imgs/logos2.jpg);
height: 72px; /*mitad de alto de la imagen doble*/
width: 320px; /*ancho imagen*/;
}					
.clasehover2{overflow: hidden; text-indent: -1000px; display:block;}
a:hover#enlace2 {background-position: bottom;}