body {
  padding:5px 0 0 0;
  margin:0;
  font:76% tahoma, verdana, sans-serif;
  background:#ADBAD1;
  color:#303030;
  background-position: left bottom;
}

a {
  color:#0066CC;
  text-decoration:none;
}

a:hover {
  color:#FF6600;
  text-decoration:none;
}

h1 {
  margin:0 0 20px 0;
  font-size:2.2em;
  font-weight:normal;
}

h2 {
  font-size:1.6em;
  font-weight:normal;
}

h3 {
  margin:0 0 10px 0;
  font-size:1.4em;
  font-weight:normal;
  text-align:center;
}

p {
  margin:0 0 15px 0;
  line-height:1.5em;
  text-align:left;
}

a img {
  border:0;
}

/* Main container */

#container {
  margin:0 auto 20px auto;
  overflow: hidden;
  width:784px;
  background-color: #FFFFFF;
}

/* Toptab menu */

#toptabs {
  margin:0 auto;
  font-size:0.8em;
  width:784px;
  overflow:hidden;
}

#toptabs a {
  background:#FDEFE1 url(../images/corner2.gif) top right no-repeat;
  border-bottom:1px solid #E0E0E0;
  color:#808080;
  display:block;
  float:right;
  margin:0 0 0 4px;
  padding:4px 5px 3px;
  text-align:center;
/*   width:60px; */
}

#toptabs a:hover {
  background-color:#fafafa;
  color:#505050;
}

#toptabs a.active {
  color:#FF9900;
  background-color:#ffffff;
}

/* Navitab menu */

#navitabs {
  clear:both;
  margin: 0 auto;
  width:786px;
  overflow: hidden;
}

#navitabs a {
  color: #FFFFFF;
  text-align: center;
  float: left;
  padding-top: 35px;
  height: 31px;
  background-image: url(../images/navig_bg.gif);
  color: #FFFFFF;
  width: 131px;
  display: inline;
}

#navitabs a:hover {
  color: #CCCCCC;
}

#navitabs a.active {
  color:#FF9900;
}

#navitabs a.active:hover {
  color:#ffffff;
}

#desc {
  color:#ffffff;
  padding:0;
  clear:both;
  margin:0;
}

#logo {
  float: left;
  width: 224px;
}

#banner {
  float: left;
  width: 560px;
  overflow: hidden;
}

#info {
  background-color:#3C5B92;
  border-top:1px solid #FFFFFF;
  clear:both;
  color:#FFFFFF;
  height:auto;
  padding:5px 20px;
  text-align:center;
}

#info a {
  color:#FF9900;
}

#sidebar {
  width:550px;
  float:left;
  padding: 5px 5px 0 5px;
  background-color: #FFFFFF;
}

#main {
  width:202px;
  float:left;
  padding:5px 15px 0 5px;
  margin:0;
  border:1px solid #3C5B92;
  background-color: #D2D9E6;
}

/* Footer */
#footer {
  clear:both;
  padding:0;
  margin:0;
  border-top:1px solid #F4F4F4;
}

#footer a {
  color:#FF6600;
}

#footer a:hover {
  color:#303030;
}

#footer p {
  color:#808080;
  font-size:0.9em;
  line-height:1.3em;
  margin:1px 0 0 0;
  padding:0;
  text-align: center;
}

/* Various classes */
.photo {
  padding:2px;
  margin:0 0 8px 0;
  background-color:#f0f0f0;
  border:1px solid #d8d8d8;
}

.right {
  margin-top:-8px;
  text-align:right;
}

.block {
  background:#f0f0f0;
  padding:10px;
}

.sidelink {
  text-align:left;
  display:block;
  width:140px;
  background:#f0f0f0 url(../images/corner.gif) top right no-repeat;
  padding:3px 4px 3px 8px;
  margin:5px 10px 5px 0;
  border:none;
}

.sidelink:hover {
  background:#e0e0e0 url(../images/corner.gif) top right no-repeat;
  text-decoration:none;
}

.hide {
  display:none;
}
.left {
  margin:10px 10px 5px  0;
  float: left;
}
.smalltext {
  padding:0;
  margin:0;
  font-size: 0.9em;
}

/* Materiales y Actividades */
#main .photos {
  clear:both;
  margin:auto;
  overflow:hidden;
  padding-bottom:20px;
}

#main h3 {
  margin-left:10px;
  text-align: left;
}

#main .photos a {
  display:block;
  float:left;
  margin:8px;
}

#sidebar .details{
  padding-left: 10px;
}

#sidebar .details h2 {
  text-align: center;
  text-decoration:underline;
  margin-bottom: 7px;
}

#sidebar .details p {
  font-size: 11px;
  text-align: right;
  padding-right: 20px;
}

#sidebar .details div.data {
  border:1px solid #AAAAAA;
  clear:both;
  margin-bottom:20px;
  overflow:hidden;
}

#sidebar .details div.data h3{
  margin: 0;
  background-color: #cccccc;
  padding: 2px 10px;
  text-align: left;
}

#sidebar .details div.data a.icon{
  float: left;
  display: block;
  padding: 5px;
}

#sidebar .details div.data p{
  padding: 2px 10px;
  float: left;
  text-align: left;
}

#sidebar .details .video {
  padding: 0;
  text-align: center;
}

#sidebar div.categoria_material{
  border:1px solid #AAAAAA;
  clear:both;
  margin-bottom:20px;
  overflow:hidden;
}

#sidebar div.categoria_material img.icon{
  float:left;
  margin: 4px 0 0 10px;
}

#sidebar div.categoria_material h3{
  margin: 0;
  background-color: #cccccc;
  padding: 2px 80px;
  text-align: left;
}

#sidebar div.categoria_material ul{
  padding-left: 80px;
  list-style:none;
}

#sidebar a.actividad{
  border: 1px solid #cccccc;
  color: #000000;
  margin: 10px 0;
  padding: 5px;
  display: block;
  overflow: hidden;
}

#sidebar a.actividad:hover{
  background-color: #e7e7e7;
  color:#0066CC;
}

#sidebar a.actividad img{
  float: left;
}

#sidebar a.actividad p{
  padding-left: 100px;
}


/* About y Archive */
#sidebar a.archived{
  border: 1px solid transparent;
  color: #000000;
  margin: 10px 0;
  padding: 5px;
  display: block;
  overflow: hidden;
}

#sidebar a.archived:hover{
  border: 1px solid #0066CC;
  color:#0066CC;
}

#sidebar a.archived img{
  float: left;
}

#sidebar a.archived p{
  padding-left: 100px;
}


/* Contact */

#main .paises {
  padding: 0 0 36px 12px;
}

#main .paises .pais{
}

#main .paises .pais a {
  color:#575757;
  line-height:22px;
  font-size:12px;
  font-weight: bold;
}

#main .paises .pais .comunidades {
  padding:5px 0 10px 17px;
}

#main .paises .pais .comunidades .comunidad {
}

#main .paises .pais .comunidades .comunidad a {
  color:#0066CC;
  font-size:12px;
  font-weight: normal;
}

#sidebar #contact_toggle_tabs {
  text-align:right;
  padding-right:28px;
}

#sidebar #contact_toggle_tabs a {
  background:#E7E7E7 none repeat scroll 0 0;
  border:1px solid #575757;
  display:inline;
  line-height:20px;
  padding:2px;
}
#sidebar #contact_toggle_tabs a:hover {
  text-decoration:underline;
}

#sidebar #contact_form {
  background:#D2D9E6;
  border:1px solid #575757;
  margin-bottom:30px;
  padding:10px;
}

#sidebar #google_map {
  background:#D2D9E6;
  border:1px solid #575757;
  margin-bottom:30px;
  padding:10px;
}