html {
	height: 100%;
}

body {

	text-align: left;
	font: 11px/12px Geneva, Arial, Helvetica, sans-serif;
	color: #ccc;
	border: 0px;
	background: #000;
	margin: 0px;
	padding: 0px;
	height: 100%;
		
}

/*#bodyframe {

	text-align: left;
	font: 11px/12px Geneva, Arial, Helvetica, sans-serif;
	color: #ccc;
	border: 0px;
	background: #000;
	margin: 0px;

}*/

#barra1 {

	width:25px;
	background: url(../images/barra1.gif) 50% 0;
	height: 100%;
	border-left: 1px #fff solid;
	float:left;

}

#barra1 a{

	width:95%;
	height: 100%;
	display: block;
	

}

#barraE {

	width:25px;
	background: url(../images/barraE.gif) 50% 0;
	height: 100%;
	border-left: 1px #fff solid;
	float:left;

}

#barraE a{

	width:95%;
	height: 100%;
	display: block;

}

#prebarraE{
	width:185px;
	height: 99.5%;
	display: block;
	text-align: right;
	padding: 0 5px 0 5px;
	float:left;
  	overflow:auto;
}

#barra2 {

	width:25px;
	background: url(../images/barra2.gif) 50% 0;
	height: 100%;
	border-left: 1px #fff solid;
	float:left;

}

#barra2 a{

	width:95%;
	height: 100%;
	display: block;

}

#prebarra2{
	width:185px;
	height: 99.5%;
	display: block;
	text-align: right;
	padding: 0 5px 0 5px;
	float:left;
	overflow:auto;
}

#barra3 {

	width:25px;
	background: #000 url(../images/barra3.gif) 50% 0;
	height: 100%;
	border-left: 1px #fff solid;
	float:left;

}

#barra3 a{

	width:95%;
	height: 100%;
	display: block;

}

#prebarra3{
	width:185px;
	height: 99.5%;
	display: block;
	text-align: right;
	padding: 0 5px 0 5px;
	background-color: #000;
	float:left;
	overflow:auto;
}

#barra4 {

	width:25px;
	background: #000 url(../images/barra4.gif) 50% 0;
	height: 100%;
	border-left: 1px #fff solid;
	float:left;

}

#barra4 a{

	width:95%;
	height: 100%;
	display: block;

}

#prebarra4{
	width:185px;
	height: 99.5%;
	display: block;
	text-align: right;
	padding: 0 5px 0 5px;
	background-color: #000;
	float:left;
	overflow:auto;
}

#prebarra4 a{
	font-size:9px;
}

#barra5 {

	width:25px;
	background: #000 url(../images/barra5.gif) 50% 0;
	height: 100%;
	border-left: 1px #fff solid;
	float:left;

}

#barra5 a{

	width:95%;
	height: 100%;
	display: block;

}

#prebarra5{
	width:185px;
	height: 99.5%;
	display: block;
	text-align: right;
	padding: 0 5px 0 5px;
	background-color: #000;
	float:left;
	overflow:auto;
}

#prebarra5 a {
	font-size:9px;
}

#postbarra {
	height: 99.5%;
	display: block;
	text-align: left;
	background-color: #000000; 
	border-left: 1px #fff solid;
	padding: 0 10px 0 5px;
	float:left;
	overflow:auto;
}

#barra6 {
	width:25px;
	background: #000 url(../images/barra6.gif) 50% 0;
	height: 100%;
	border-left: 1px #fff solid;
	float:left;

}

#barra6 a{

	width:95%;
	height: 100%;
	display: block;
	text-align: right;

}

#prebarra6{
	width:185px;
	height: 99%;
	display: block;
	text-align: right;
	padding: 0 5px 0 5px;
	background-color: #000;
	float:left;
	overflow:auto;
}

#barraCierre {

	height: 100%;
	border-right: 1px #fff solid;
	float:left;

}



/*************************************************************

	LINKS

*************************************************************/



a:link {

	color: #ccc;

	text-decoration: none;

}

a:visited {

	color: #ccc;

	text-decoration: none;

}

a:active {

	color: #777;

	text-decoration: none;

}

a:hover {

	color: #777;

	text-decoration: none;

}

.marco{

  background-color: #000;

  float: left;

  width: 80%; 

}





.campo{

  width: 170px;

  margin: 4px 0 0 0;

  font: 11px/11px Geneva, Arial, Helvetica, sans-serif;

}

.titulo{

  margin: 4px 0 10px 0;

	font: bold 18px/20px Geneva, Arial, Helvetica, sans-serif;

}

.subtitulo{

  font-weight: bold;

}



#imgs-frame{

  margin: 10px 0 10px 0;

}

#imgDisplay_number, .next{

  margin: 0 10px 0 10px;

}

.prev{

  margin: 0 10px 0 0;

}

#imgDisplay_title, #imgDisplay_caption{

  display: none;

  visibility: hidden;

}





.espacio{

  margin: 7px 0 0 0;

}





.intro, #extLink1, #extText1{

  color:#777;
  margin: 5px 0 10px 0;

}





#extLink1 a:link, #extText1 a:link{

	color: #ccc;
	font-weight: bold;
	text-decoration: none;

}

#extLink1 a:visited, #extText1 a:visited{

	color: #ccc;
	font-weight: bold;
	text-decoration: none;

}

#extLink1 a:active, #extText1 a:active{

	color: #777;
	font-weight: bold;
	text-decoration: none;

}

#extLink1 a:hover, #extText1 a:hover{

	color: #777;
	font-weight: bold;
	text-decoration: none;

}

#firma{

	position: absolute;
	right: 0px;
	top: 0px;

}