/* Lenin 2010
  (c) Sergio Luján Mora, 2009
*/

/*
  Color principal (logo): #82A6C1
  Color texto: #2A597D
  Color fondo marco: #FFFFFF
  Color fondo principal (y header):  #B8CFE0
  Color fondo <blockquote>: #A9C8E0
  Color enlace: #0D1113
  Color subrayado enlace: #0D1113
  Color <dfn> (picos): #415361
  Color <dt>: #212A30
  Color borde cajas: #2A597D

Una combinación
 82A6C1  627D91  415361  212A30  0D1113 
  5B3CA  A2BDD1  C1D3E1  E0E9EF  F3F7F9 
  
Otras combinaciones:
  82A6C1		6D8191		2A597D		A9C8E0		B8CFE0
Secondary Color A:
	8F8FCB		767698		2E2E84		B2B2E5		C0C0E5
Secondary Color B:
	FFE9A6		BFB38D		A68A36		FFEEBC		FFF3CE
Complementary Color:
	FFD9A6		BFAA8D		A67636		FFE2BC		FFEACE
*/


* {
  margin: 0;
  padding: 0;
}

html {
  overflow: scroll;
  background-color: #FFFFFF;
}

body {
  margin: 10px;
  padding: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #2A597D;
  background-color: #B8CFE0;
}


/* Header */
#header {
  width: 90%;
  margin: 10px auto 10px auto;
  /* Fuente: http://1.bp.blogspot.com/_taxlbZHoIJE/R_50yPY4t1I/AAAAAAAAAF4/jymdTSHwVdU/S1600-R/CIMG0050.JPG */  
  background: #FFFFFF url('lenin-peak.jpg') no-repeat right;
}

#header a {
  width: 700px;
  height: 200px;
  display: block;
  background: #FFFFFF url('lenin-peak-logo.png') no-repeat;
  border-bottom: 0;
}


/* Headings */
h1, h2, h3, h4 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-variant: small-caps;
}

h1 {
  font-size: 2.2em;
  margin-bottom: .67em;
}

h2 {
  font-size: 2em;
  margin-bottom: .75em;
  padding-bottom: 0.15em;
  border-bottom: 2px solid #2A597D;
}

h3 {
  font-size: 1.6em;
  margin-bottom: .83em;
  padding-bottom: 0.15em;
  border-bottom: 2px dotted #2A597D;
}

h4 {
  font-size: 1.2em;
  margin-bottom: 1.12em;
}
	
p, blockquote {
  margin-top: 1em;
  margin-bottom: 1em;
  line-height: 1.2em;
  text-align: justify;
}

blockquote {
  margin-left: 4em;
  margin-right: 4em;
  padding: 1.5em;
  border: 2px dashed #2A597D;
  /* Cuarto color */
  background-color: #A9C8E0;
  font-style: italic;
}

blockquote  em {
  font-style: normal;
  font-weight: bold;
}

/* Cita corta */
q {
  font-style: italic;
}

/* Referencia: "Fuente: ..." */
cite {
  font-style: normal;
  font-weight: bold;
}

ul, ol , dt, dd{
  margin-left: 2em;
  margin-bottom: 1em;
}

li {
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}

a {
  text-decoration: none;
  border-bottom: 1px dotted #0D1113;
  color: #0D1113;
}

a:hover {
  text-decoration: none;
  border-bottom: 1px solid #0D1113;  
  background-color: #FFFFFF;
}

a.rss {
  display: block;
  height: 28px;
  padding-left: 36px;
  font-size: 1.2em;
  /* http://www.feedicons.com/ */
  background-image: url('feed-icon-28x28.png');
  background-repeat: no-repeat;
  background-position: top left; 
}

dt {
  font-weight: bold;
  font-variant: small-caps;  
  color: #212A30;
}

dd {
  font-style: italic;  
}

img, object, embed {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  border: 0;
}

/* Para marcar los nombres de sistemas montañosos, montañas y picos */
dfn {
  font-weight: bold;
  font-style: normal;
  /* Primer color */
  color: #415361;
}

table, tr, th, td {
  border: 2px solid #2A597D;
}

table {
  margin: 1em 0;
}

th, td {
  margin: 0;
  padding: 0.5em;
}

caption {
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

table.sinborde tr, table.sinborde th, table.sinborde td {
  border: 0;
}

.amarillo {
  border-bottom: 2px dashed yellow;
}

.azul {
  border-bottom: 2px dashed blue;
}

.rojo {
  border-bottom: 2px dashed red;
}

.verde {
  border-bottom: 2px dashed green;
}


#selectlanguage {
  background-color: #eeeeee;
}

.selectedlanguage {
  font-weight: bold;
}

.selectedmenu {
  background-color: #FFFFFF;
  font-weight: bold;
}

.imgCaption {
  font-weight: bold;
  text-align: center;
}

.visorImagenes {
  font-size: 0.9em;
  font-weight: bold;  
  text-align: center;  
}


#wrapper-menu-content {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

#wrapper-menu {
  float: left;
  width: 200px;
  text-align: left;
  border-left: 2px solid #2A597D;
  padding-left: 10px;
}

#wrapper-menu ul {
  list-style: none;
  margin-left: 0px;
}

#wrapper-menu ul ul {
  margin-left: 10px;
  font-size: 0.9em;
}

#content {
  margin-left: 212px;
}

#wrapper-footer {
  clear: both;
  width: 90%;
  margin: 10px auto 10px auto;  
  background-color: #FFFFFF;
  font-size: 0.8em;
}

#left {
  float: left;
  width: 280px;
  height: 400px;
  padding: 10px;
  border: 2px solid #2A597D;
}

#right {
  margin-left: 320px;
}

.mas-info {
  border: 2px solid #2A597D;
  padding-left: 20px;
  padding-right: 20px;
}

.mas-info  p {
  background-color: white;
}

.centrado {
  margin-left: auto;
  margin-right: auto;
}

.derecha {
  text-align: right;
}

.comentarios {
  padding: 1em;
  background-color: #FFE9A6;
  border: 2px dashed #2A597D;
}

/********** PRINT ******************/

#menu-top, #wrapper-menu , .mas-info {
  display: none;
}

#content {
  margin-left: 0;
}


