/*==============================================================================

PROYECTO  : Atlas Walter Benjamin
NOMBRE    : css/style.css

SUMARIO

Hoja de estilos

==============================================================================*/

/* Elementos generales
------------------------------------------------------------------------------*/
body { 
	color: black; 
	font-size: 13px; 
	font-family: "Open Sans"; 
	background-image: url(../img/bg_home.gif);
	background-attachment:fixed;
	background-repeat: repeat; 
	margin: 0; 
	padding: 0; 
}

p {}

td {}

a:link { 
	color: #21211f; 
	background-color: #c9fa1c; 
	text-decoration: none; 
}

a:visited { 
	color: #21211f; 
	background-color: #c9fa1c; 
	text-decoration: none; 
}

a:hover { 
	color: #21211f; 
	background-color: #c9fa1c; 
	text-decoration: underline; 
}

a:active {}
h1 {}
h2 {}
h3 {}

/* Layout
------------------------------------------------------------------------------*/
#container { 
	width: 600px; 
	margin-right: auto; 
	margin-left: auto; 
}

#header { 
	background-color: #21211f; 
	height: 205px; 
}

.header-inner { 
	margin: 0; 
	padding: 70px 0 0; 
}

#content { 
	margin: 0 0 0; 
	padding: 10px; 
}

.content-inner { 
	font-size: 18px; 
	font-family: georgia; 
	font-weight: 400; 
	background-color: #fff; 
	padding: 20px 40px; 
}

#footer { 
	color: #cdcdcd; 
	background-color: #21211f; 
	height: 30px; 
}

.footer-inner { 
	padding: 10px; 
}


/* Elementos header
------------------------------------------------------------------------------*/
.logo { 
	margin: 0 0 0; 
	}


/* Elementos content
------------------------------------------------------------------------------*/
#header a:link { 
	background-color: transparent; 
	text-decoration: none; 
}

#header a:visited { 
	background-color: transparent; 
	text-decoration: none; 
}

#header a:hover { 
	background-color: transparent; 
	text-decoration: underline; 
}

.menu { 
	color: #fff; 
	font-size: 11px; 
	background-color: #0089B1; 
	text-transform: uppercase; 
	text-align: center; 
	letter-spacing: 0.2em; 
	padding: 0.5em; 
}

.menu a:link { 
	color: #fff; 
	background-color: transparent; 
}

.menu a:visited { 
	color: #fff; 
	background-color: transparent; 
	text-decoration: none; 
}

.menu a:hover { 
	color: #fff; 
	background-color: transparent; 
	text-decoration: underline; 
}

.img { 
	background-color: #fff; 
	height: 91px !important; 
}

.conjunto p { 
	margin: 0; 
	padding: 0; 
}

.banda { 
	color: #fff; 
	font-size: 24px; 
	font-weight: 400; 
	background-color: #999; 
	padding: 1em 10px 0.2em; 
	background-color: #009AC6; 
	text-align: center; 
	letter-spacing: 2px; 
}

.banda a:link { 
	color: #fff; 
	background-color: transparent; 
	text-decoration: none; 
}

.banda a:visited { 
	color: #fff; 
	background-color: transparent; 
	text-decoration: none; 
}

.banda a:hover { 
	color: #fff; 
	background-color: transparent; 
	text-decoration: underline; 
}

.banda a:active {}

.banda p { 
	margin: 0; 
	padding: 0.2em 0; 
}

.uppercase { 
	text-transform: uppercase; 
}

.termino { 
	color: #fff; 
	font-size: 22px; 
	background-color: #999; 
	padding: 0.2em 10px; 
}

.texto { 
	padding-top: 1em; 
}

.obra { 
	font-size: 75%; 
	padding-top: 1em; 
}

.obra a:link { 
	background-color: transparent; 
	text-decoration: underline; 
}

.obra a:hover { 
	text-decoration: underline !important; 
}

.obra a:visited { 
	background-color: transparent; 
	text-decoration: underline; 
}

.referencia { 
	color: #72716f; 
}

.referencia a { 
	color: #21211f; 
	background-color: #c9fa1c; 
	text-decoration: none; 
}

.imagen { 
	text-align: left; 
	padding-top: 1em; 
}

.separador { 
	text-align: center; 
	margin-top: 2em; 
	margin-bottom: 2em; 
	padding-top: 1em; 
}

.palabra { 
	padding-right: 10px; 
	display: inline; 
}

.listado { 
	line-height: 1.5; 
	text-align: center; 
	padding-right: 15px; 
	padding-left: 15px; 
}

.indice { 
	color: #77777a; 
	font-size: 11px; 
	font-family: "Open Sans"; 
	text-align: center; 
}

.indice a { 
	color: #838083; 
	background-color: transparent; 
	text-decoration: none; 
}

.tit_obra { 
	font-size: 15px; 
}

.tema { 
	font-size: 15px; 
	text-align: center; 
	font-weight: 400; 
}

.cita2 { 
	font-size: 11px; 
	font-family: georgia; 
	letter-spacing: 1px; 
	line-height: normal !important; 
}

.tit_datos_obra { 
	font-size: 10px; 
	line-height: normal !important; 
}

.nolink a:link { 
	background-color: transparent; 
}

.nolink a:visited { 
	color: #21211f; 
	background-color: transparent; 
	text-decoration: none; 
}

.nolink a:hover { 
	color: #21211f; 
	background-color: transparent; 
	text-decoration: underline; 
}

.nolink a:active {}

.alfabet { 
	color: #77777a; 
	font-size: 18px; 
	background-color: #fff; 
	text-align: center; 
	padding-top: 0.5em; 
	padding-bottom: 2em; 
	padding-left: 40px; 
	cursor: pointer; 
}

.alfabet li { 
	border-bottom: 0 solid #0089B1 !important; 
	display: block; 
}

.alfabet a:link { 
	color: #77777a; 
	background-color: transparent; 
	text-decoration: none; 
	display: block; 
}

.alfabet a:hover { 
	color: #77777a; 
	background-color: transparent; 
	text-decoration: none; 
	border-bottom: 2px solid #0089B1; 
	display: block; 
}

.alfabet a:visited { 
	color: #77777a; 
	background-color: transparent; 
	text-decoration: none; 
	display: block; 
}

.alfabet a.active { 
	border-bottom: 2px solid #0089B1; 
	display: block; 
}

.twoColTable td { 
	padding-right: 20px; 
	padding-left: 20px; 
}

.twoColTable td a:link { 
	text-decoration:none !important; 
}

.twoColTable td a:hover { 
	text-decoration: underline !important; 
}

.twoColTable td a:visited { 
	background-color: transparent !important; 
	text-decoration:none !important; 
}

.navegacion img { 
	cursor: pointer; 
}

.navegacion td { 
	color: #77777a; 
	font-size: 11px; 
	font-family: "Open Sans"; 
}

.letter { 
	text-align: center; 
}

#buttons li { 
	text-align: center; 
	width: 20px; 
	float: left; 
	margin-right: 1px; 
}

.nav { 
	color: #a5a4a1; 
	font-size: 13px; 
	font-weight: 700; 
	word-spacing: 3px; 
}

.nav a { 
	color: #21211f; 
}

.nav a:link { 
	color: #21211f; 
	background-color: transparent; 
	text-decoration: none; 
}

.nav a:hover { 
	color: #21211f; 
	background-color: transparent; 
	text-decoration: underline; 
}

.nav a:visited { 
	color: #21211f; 
	background-color: transparent; 
	text-decoration: none; 
}

.hbuttons { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100px; 
	margin-right: auto; 
	margin-left: auto; 
}

.hback { 
	position: fixed; 
	top: 3px; 
	left: 3px; 
	width: 27px; 
	height: 23px; 
	float: left; 
}

.hforward { 
	position: fixed; 
	top: 3px; 
	left: 30px; 
	width: 27px; 
	height: 23px; 
	float: left; 
}

a.tooltip {
	position: relative;
	text-decoration: none !important;
	text-align: center;
	width: 100%;
}

a.tooltip:hover {
	z-index:999;
	text-decoration: none !important;
	text-align: center;
	margin: 0 !important;
	padding: 0 !important;
}

a.tooltip img {}

a.tooltip span {
	visibility: hidden;
	display: block;
	color: #77777a;
	font-size: 11px;
	text-align: center;
	width: 100%;
	margin: 0;
	padding:0.5em 0 0;
}


a.tooltip:hover span {
	visibility: visible;
}


/* AUX
------------------------------------------------------------------------------*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
.clearfix{
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
img {
	border-width: 0; 
}
ul { 
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
}