/* Hoja de Estilos principal */

/****/
/* Bloques estructurales de la página */
/****/

body {
  margin : 0;
  padding : 0;
  background : #FFF;
  text-align : center;
  font-family : Trebuchet MS;
  font-size : 1em;
  color : #000;
  background : transparent url(../img/bg.gif) 40px 0 repeat-y;
  width : 944px;
}

img {
  border : none;
}

/* Css Browser Selector : http://rafael.adm.br/css_browser_selector/ */
.opera body {
  padding-left : 0;
}

.gecko body {
  padding-left : 0;
}

.ie body {
  background : transparent url(../img/bg.gif) 40px 0 repeat-y;
  padding-left : 0;
}

#wrapper {
  padding : 0;
  margin : 0px auto;
  border : none;
  width : auto;
  text-align : left;
}

#headder {
  float : left;
  width : 944px;
  height : 159px;
  margin-top : 20px;
  background : transparent url(../img/bgheadder.gif) top left repeat-y;
}

.ie6 #headder {
  font-size : 0;
}

#headder img.headder {
  border-top : 4px #D8DAD9 solid;
  margin-top : -5px;
  margin-left : 92px;
  padding-top : 1px;
}

.ie6 #headder img.headder {
  margin-top : 0;
}

#headder #headder-recursivo {
  position : absolute;
  top : 30px;
  left : 714px;
  font-size : 1em;
  line-height : 1.25;
}

.ie6 #headder #headder-recursivo {
  top : 34px;
  line-height : 1.3;
  font-size : 16px;
}

#headder-recursivo p {
  padding : 0;
  margin : 0;
}

#headder-recursivo p a {
  text-decoration : none;
}

#headder-recursivo p img {
  float : left;
  margin-left : 3px;
  border : 0;
}

#headder-recursivo p span.group {
  float : left;
  margin-left : 3px;
  margin-top : -3px;
  font-size : 16px;
}

#headder-recursivo p#idioma {
  padding : 0;
  line-height : 0;
  margin : 134px 0 0 50px;
}

.ie #headder-recursivo p#idioma {
  margin : 132px 0 0 50px;
}

#headder-recursivo p#idioma img {
  margin-right : 6px;
  margin-top : -6px;
}

.ie #headder-recursivo p#idioma img {
  margin-top : -4px;
}

#headder-recursivo p#idioma a {
  text-decoration : none;
  color : #454545;
  font-size : 0.75em;
}

#headder-recursivo p#idioma a:hover {
  text-decoration : underline;
}

#headder-menu {
  float : left;
  width : auto;
  height : auto;
  margin-left : 92px;
  margin-top : 50px;
  margin-bottom : 50px;
}

.ie5 #headder-menu, .ie6 #headder-menu {
  margin-left : 46px;
}

#headder-menu #menu1 {
  float : left;
  width : 253px;
  height : 220px;
  background : transparent url(../img/menu_1.gif) top left no-repeat;
}

#headder-menu #menu2 {
  float : left;
  width : 253px;
  height : 220px;
  background : transparent url(../img/menu2.gif) top left no-repeat;
}

#headder-menu #menu3 {
  float : left;
  width : 254px;
  height : 220px;
  background : transparent url(../img/menu3.gif) top left no-repeat;
}

#headder-menu #menu1 p, #headder-menu #menu2 p, #headder-menu #menu3 p {
  padding : 0;
  margin : 0;
  position : relative;
  top : 124px;
  left : 24px;
  width : 220px;
  text-align : justify;
  color : #8D8D8D;
  font-size : 0.7em;
  background : none;
}

#headder-menu #menu1 a, #headder-menu #menu2 a, #headder-menu #menu3 a {
  padding : 0;
  margin : 0;
  position : relative;
  top : 130px;
  left : 24px;
  color : #F69625;
  font-size : 0.75em;
  text-decoration : none;
  font-weight : bold;
  background : none;
}

#headder-menu #menu1 a:hover, #headder-menu #menu2 a:hover, #headder-menu #menu3 a:hover {
  text-decoration : underline;
  /*color : #000;*/
}

#headder-menu #menu2 a {
  color : #EB509E;
}

#headder-menu #menu3 a {
  color : #8EC142;
}

#headder-menu #menu1 img, #headder-menu #menu2 img, #headder-menu #menu3 img {
  float : left;
}

#container-content {
  float : left;
  width : 760px;
  /*height : 272px;*/
  margin-left : 92px;
  border-bottom : 1px #C7C7C7 solid;
}

.ie5 #container-content, .ie6 #container-content {
  margin-left : 46px;
}

#container-content #content-left {
  float : left;
  width : 394px;
  background : transparent url(../img/bgc1.gif) top left no-repeat;
  display:none;
}

#content-left h1 {
  padding : 18px 0 0 24px;
  margin : 0;
  font-size : 1.5em;
  font-weight : normal;
  background : none;
  color : #221E1F;
}

#content-left p {
  padding : 14px 20px 0 24px;
  margin : 0;
  font-size : 0.7em;
  font-weight : normal;
  text-align : justify;
  background : none;
  color : #8D8D8D;
}

#container-content #content-right {
  float : left;
  /*width : 366px;*/
  /*background : transparent url(../img/bgc1.gif) top left no-repeat;*/
  padding-bottom: 15px;
}

#content-right h1 {
  padding : 18px 0 0 24px;
  margin : 0;
  font-size : 1.3em;
  font-weight : normal;
  background : none;
  color : #221E1F;
}

#content-right p.imagen {
  text-align : center;
}
#content-right p {
  padding : 14px 20px 0 24px;
  margin : 0;
  font-size : 0.7em;
  font-weight : normal;
  text-align : justify;
  background : none;
  color : #8D8D8D;
}

#content-right a, #content-right a:visited {
  color: #4C8CF6;
  text-decoration: none;
}

#content-right a:hover {
  text-decoration: underline;
}
.ie5 #content-right p {
  width : 200px;
}

#footer {
  float : left;
  width : 944px;
  margin-top : 1px;
  text-align : center;
}

#footer p {
  width : 944px;
  height : 25px;
  margin : 0;
  padding : 0;
  color : #898989;
  font-size : 0.7em;
  text-align : center;
  line-height : 2.2;
  background : transparent url(../img/bgfooter.gif) top left repeat-y;
}

#footer p a {
  text-decoration : none;
  color : #898989;
}

#footer p a:hover {
  text-decoration : underline;
}

#footer a {
  text-decoration : none;
}

#footer img {
  display : inline;
  border : 0;
  margin : 10px 2px 5px 0px;
  padding : 0;
}