* {
  margin: 0;
  padding: 0;
}

body {
  background-color: #bdbdaa;
  font: 100.01%/1.2 Geneva, Arial, Helvetica, sans-serif;
  padding: 20px 0;
  color: #000;
}

img {
  border: none;
}

a {
  text-decoration: none;

}

#container {
  width: 755px;
  margin: 0 auto;
}

#content {
  background: url(/images/main.bg.gif) no-repeat 0 100%;
}

#content .linkrss {
	background: url(/images/icon.rss.gif) center left no-repeat;
	padding: 2px 0 2px 22px;
}

/* ######################### header */

#header {
  width: 745px;
  background: url(/images/main.bg.gif) no-repeat 0 0;
  color: #ddd;
  position: relative;
  height: 45px;
}

#header div {
  min-height: 46px;
  width: 730px;
  background-color: #58584f;
}

#header h1 {
  float: left;
  font-size: 1.2em;
  width: 250px;
  height: 45px;
  background: url(/images/header.logo.gif) no-repeat 0 0;
  text-indent: -20000px;
  
}

#header p {
  text-align: right;
  padding-top: 10px;
  margin-bottom: 0;
  margin-right: 20px;
  color: #ccc;
  font: 0.6em Helvetica, sans-serif;

}


#strapline {
  float: left;
  width: 745px;
  font-size: 1.1em;
  line-height: 1.4em;
  color: #999;
  background: url(/images/header.png) no-repeat 0 0;
}

#strapline p {
  margin: 80px 290px 30px 20px;

}

ul#navigation {
  position:absolute;
  left: 0; 
  top: 45px;
  width: 730px;
  height: 1.8em;
  list-style-type: none;
  font-size: 0.7em;
  background-color: #47473f; 
}


ul#navigation li {
  width: 8em;
  float: left;
}

ul#navigation a {
  width: 8em;
  float: left;
  text-align: center;
  line-height: 1.8em;
  text-decoration: none;
  text-transform: uppercase;
  border-right: 2px solid #58584f;
}

ul#navigation a:link, ul#navigation a:visited {
  color: #b1b1b1;
}

ul#navigation a:hover, ul#navigation a:active, ul#navigation a:focus {
  color: #fefefe;
  background-color: #38382f;
}

ul#navigation .selected
{
  color: #fefefe;
  background-color: #58584f;
}


/* ######################### main content */

#maincontent {
  margin-left: 20px;
  min-height: 400px;
  color: #333;
  width: 455px;
  background-color: #fff;
}

#maincontent p {
  margin-bottom: 15px;
  font-size: 0.9em;
  color: #444;
	ine-height: 1.4em;
}

#maincontent p.justify {
	text-align: justify;
}

#maincontent h1 {
  margin-bottom: 6px;
  font-size: 1.2em;
  color: #444;
}

#maincontent p.intro {
  margin-bottom: 20px;
  clear: left;
  
}
#maincontent p.information {
	background: url(/images/icon.information.gif) center left no-repeat;
  padding: 5px 0 5px 55px;
  margin-bottom: 20px;
  clear: left;
  
}

#maincontent .optionItem {
  /*
	// comentado para que use todo el ancho, luego quitar el comentario
	width: 214px;*/
  float: left;
  padding-right: 20px;
  margin-bottom: 10px;
}

#maincontent h2 {
  font-size: 1.2em;
}

#maincontent p {
  font-size: 0.75em;
}

#maincontent a:link, #maincontent a:visited {
  color: #000;
}

#maincontent a:hover, #maincontent a:active, #maincontent a:focus {
  color: #666;
}

#maincontent .optionUrl {
  margin-top: 1.5em;
}

#maincontent .optionUrl a {
  color: #bf0000 !important;
  font-size: 0.9em;
}

#maincontent .optionUrl a:link, #maincontent .optionUrl a:visited {
  text-decoration: none;
}

#maincontent .optionUrl a:hover, #maincontent .optionUrl a:active, #maincontent .optionUrl a:focus {
  text-decoration: underline;
}

#maincontent .bottom {
  clear: left;
  padding-top: 50px;
  background: url(/images/main.hline.gif) no-repeat 0 25px;
}


#sidebar {
  width: 265px;
  background: url(/images/main.border.png) no-repeat 100% 100%;
  float: right;
  padding-bottom: 15px;
}

#sidebar #content {
  background: #bdbdaa url(/images/main.border.png) no-repeat 100% 0;
}

#sidebar h2 {
  font-size: 0.9em;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 0 15px;
  padding-right: 30px;
  padding-top: 15px;
}

#sidebar h3 {
  font-size: 0.7em;
  font-weight: bold;
  margin: 7px 30px 7px 15px;
}

#sidebar blockquote {
  font-size: 0.7em;
  color: #6a6a6a;
  margin: 2px 30px 15px 15px;
}

#sidebar blockquote p {
  margin-top: 0;
  margin-bottom: 5px;
}

#sidebar cite {
  display: block;
  font-weight: bold;
  color: #333;
}

#sidebar a:link, #sidebar a:visited {
  color: #333;
}

#sidebar a:hover, #sidebar a:active, #sidebar a:focus {
  color: #777;
}


/* ######################### contact */

#contact {
  width: 755px;
  clear: left;
  padding-top: 30px;
}

#contact div {
  width: 460px;
  margin-left: 20px;
  float: left;
}

#contact h2 {
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0.5em;
  margin-top: 15px;
}

#contact address {
  font-style: normal;
  font-size: 0.7em;
  width: 160px;
  float: left;
}

#contact p {
  font-style: normal;
  font-size: 0.7em;
  width: 160px;
  float: left;
}

#contact a {
  color: #bf0000;
}

#contact p a:link, #contact p a:visited {
  text-decoration: none;
}

#contact p a:hover, #contact p a:active, #contact p a:focus {
  text-decoration: underline;
}

#legal {
	clear: both;
	width: 720px;
	margin: 0 auto;
	padding-top: 20px;
	font-size: 0.65em;
	color: #5a5a5a;
}

#legal a {
  color: #5a5a5a;
}


#maincontent div.person {
  margin-bottom: 30px;
  padding-top: 30px;
  float: left;
  width: 450px;
  border-top: 2px solid #d8d8d8;
  clear: left;
}

#maincontent div.person.first {
  margin-top: 0;
  padding-top: 0;
  border: none;
}

#maincontent div.person img {
  float: left;
}

#maincontent div.person h3, #maincontent div.person p {
  margin-left: 128px;
}

#maincontent div.person h3 {
  color: #575757;
  font-size: 1.2em;
  font-weight: normal;
}

#maincontent div.person span {
  display: block;
  color: #888;
  font-size: 0.6em;
}

#maincontent div.person p {
  font-size: 0.8em;
  margin-top: 10px;
}