html,
body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  text-align: center;
  font: 400 0.7em verdana, arial, sans-serif;
  line-height: 150%;
  background-color: #D5D0B0;
  height: 100%;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }


/* Column widths */
.width {
  width: 1000px;
  height: 100%;
}

.widthPad {
  width: 980px;
}

.width25 {
  width: 24%;
}

.width50 {
  width: 48%;
}

.width73 {
  width: 73%;
}

.width75 {
  width: 75%;
}

.width100 {
  width: 100%;
}

h3 {
  margin-top:0px;
  margin-bottom:5px;
  font-family: verdana, arial, sans-serif;
  font-size: 18px;
  color: #ffffff;
  padding:4px;
  border: 1px solid #425227;
  background-color: #B6EC32;
}

/* Links */
a:link, a:visited, a:active {
	COLOR: #C86000; text-decoration: none
}
a:hover {
	COLOR: #C86000; text-decoration: underline
}

/* Images */
img.floatRight {
  margin: 5px 0 10px 10px;
}

img.floatLeft {
  margin: 5px 10px 10px 0;
}

/* Lists */
ul li {
  list-style-type: none;
}

ol li {
  font-weight: bold;
  color: #668FA3;
}

ol li span {
  font-weight: normal;
  color: #444;
}


/* Blockquote */
blockquote {
  margin: 0;
  padding: 0 20px;
  background: #FAF8E9;
  border: 1px solid #425227;
}


/**************************************************************
   Form Elements
 **************************************************************/

form {
  padding: 0;
  margin: 0;
}

/* If you're finding the input elements get pushed down, increase the width */
label {
  float: left;
  width: 25%;
  vertical-align: top;
}

input,
textarea,
select {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #000;
  background: #EEE;
  border: 1px solid #CCC;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #E7F1F3;
  border: 1px solid #888;
}

.red {
	color: #f00;
}

a.red {
	color: #f00;
}

.black {
	color:#000;
}

.px15 {
	font-size: 15px;
}

.alignLeft {
	text-align: left;
}

.alignRight {
	text-align: right;
}

.alignCenter {
	text-align: center;
}


/* Articles styles */
.arttitle {
	padding: 10px 0 10px 5px;
	font-size: 13px;
	font-weight: bold;
}

.artcontent {
	text-indent: 25px;
	text-align: justify;
	padding: 5px;
}

.revista {
	clear: both;
	padding: 5px;
}