body { 
  background: #fff url(../images/tile.jpg);
  text-align: center;
}

.clear { clear: both; }




/***** ESTRUCTURA *****/

#sombra {
  width: 750px;
  padding: 0 8px;
  background: url(../images/sombra.png) no-repeat;
  margin: 0 auto;
  text-align: left;
}

#wrapper {
  float: left;
  width: 750px;
  background: url(../images/bg.gif);
}
#content {
  float: left;
  width: 750px;
  background: url(../images/flor.png) 155px 125px repeat-y;
}

#header {
  width: 750px;
  height: 105px;
  float: left;
  position: relative;
  background: url(../images/header.jpg) no-repeat;
}

#flora {
  width: 750px;
  height: 100px;
  position: absolute;
  background: url(../images/flora.png) no-repeat;
  top: 105px;
  left: 0;
}

#left {
  float: left;
  width: 196px;
  padding: 80px 30px 30px 30px;
}

#right {
  float: left;
  width: 464px;
  padding: 70px 30px 30px 0;
}

#sombra_bot {
  width: 766px;
  height: 50px;
  margin: 0 auto;
  background: url(../images/sombra_bot.png) no-repeat;
}


/***** ELEMENTOS *****/

h1 {
  float: right;
  height: 41px;
  text-indent: -9999px;
  width: 464px;
  background-position: 84px 0;
  background-repeat: no-repeat;
  padding-bottom: 20px;
}
h1#h1_servicios { background-image: url(../images/servicios.gif); }
h1#h1_demos { background-image: url(../images/demos.gif); }
h1#h1_formacion { background-image: url(../images/formacion.gif); }
h1#h1_clientes { background-image: url(../images/clientes.gif); }
h1#h1_faq { background-image: url(../images/faq.gif); }
h1#h1_links { background-image: url(../images/links.gif); }
h1#h1_contacto { background-image: url(../images/contacto.gif); }
h1#h1_gracias { background-image: url(../images/gracias.gif); }
h1#h1_english { background-image: url(../images/english.gif); }
h1#h1_locutores { background-image: url(../images/locutores.gif); }
h1#h1_error { background-image: url(../images/404.gif); }

h2 {
  width: 464px;
  float: left;
  font: bold 12px Georgia, serif;
  line-height: 1.3em;
  padding: 1em 0 0.5em;
  color: #333;
}

h3 {
  width: 464px;
  float: left;
  font: normal 21px Georgia, serif;
  font-style: italic;
  line-height: 1.3em;
  padding-bottom: 1.3em;
  color: #600;
}
h4 {
  width: 464px;
  float: left;
  font: bold 13px Georgia, serif;
  line-height: 1.3em;
  padding-bottom: 1.3em;
  color: #600;
}
h4.aclarado { padding-bottom: 0; }

p {
  width: 464px;
  float: left;
  font: normal 12px Georgia, serif;
  line-height: 1.3em;
  padding-bottom: 1.3em;
  color: #333;
}

p a {
  color: #933;
  text-decoration: none;
}
p a:hover {
  text-decoration: underline;
}

hr {
  float: left;
  width: 250px;
  margin: 20px 107px;
  display: inline;
  border: none;
  border-bottom: 1px solid #c9a96c;
}

/***** LEFT *****/ 
#menu {
  float: left;
  width: 162px;
  padding-top: 10px;
  background: url(../images/menu_top.png) no-repeat;
}

ul#nav {
  float: left;
  width: 162px;
  padding: 0 1px 9px 1px;
  background: url(../images/menu_bot.png) bottom left no-repeat;
}
ul#nav li {
  float: left;
  width: 160px;
  height: 25px;
}

ul#nav li a {
  float: left;
  width: 140px;
  padding: 0 0 0 20px;
  height: 25px;
  font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  line-height: 25px;
  color: #933;
  text-decoration: none;
  border-bottom: 1px solid #d9c79c;
}
ul#nav li a.active { background: #917a4e; color: #fff; }
ul#nav li.last a { border: none; }
ul#nav li a:hover {
  background: #933;
  color: #fff;
} 

#sidebar {
  float: left;
  width: 196px;
  padding: 50px 0 0 0;
}
#sidebar ul {
  float: left;
  width: 196px;
  padding: 0 0 15px 0;
}
#sidebar ul li {
  float: left;
  width: 196px;
  font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #666;
}
#sidebar p {
  font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #666;
  width: 196px;
}
#sidebar p a { color: #666; border-bottom: 1px dotted #666; }
#sidebar p a:hover { color: #933; border-bottom: 1px dotted #933; text-decoration: none; }
#sidebar.en p {
  width: 168px;
}



/***** RIGHT *****/

#right ul {
  width: 444px;
  float: left;
  padding-left: 20px;
  padding-bottom: 1.3em;
}
#right li {
  width: 429px;
  float: left;
  padding: 0 0 3px 15px;
  font: normal 12px Georgia, serif;
  line-height: 1.3em;
  background: url(../images/bullet.png) left 5px no-repeat;
  color: #333;
}
#right li a { color: #933; text-decoration: none; }
#right li a:hover { text-decoration: underline; }

#right ul.sublista {
  width: 429px;
  float: left;
  padding: 3px 0 0;
}
#right ul.sublista li {
  width: 414px;
  float: left;
  padding: 0 0 3px 15px;
  font: normal 12px Georgia, serif;
  font-style: italic;
  line-height: 1.3em;
  background: none;
  color: #333;
}
#right form {
  float: left;
  width: 464px;
  padding-top: 15px;
}
#right form .form_row, #right form .button_row {
  float: left;
  width: 444px;
  padding: 10px;
}
#right form .form_row label {
  float: left;
  width: 444px;
  height: 15px;
  font: bold 12px Georgia, serif;
  color: #333;
  line-height: 15px;
  padding-bottom: 5px;
}
#right form .form_row label.error {
  padding-top: 5px;
  font: normal 11px Georgia, serif;
  color: #666;
  font-style: italic; 
}

#right form .form_row input, #right form .form_row textarea {
  float: left;
  width: 244px;
  height: 15px;
  font: normal 12px Georgia, serif;
  color: #333;
  padding: 3px;
  border: 1px solid #d9c79c;
}
#right form .form_row textarea {
  width: 300px;
  height: 100px;
}
#right form .button_row input.boton {
  width: auto;
  height: 25px;
  margin-right: 10px;
  background: #917a4e;
  border: none;
  font: normal 12px Georgia, serif;
  color: #fff;
  padding: 3px;
  cursor: pointer;
}
#right form .button_row input.boton.hover {
  background: #933;
}

#right form .form_row.active {
  background: #933;
}
#right form .form_row.active label {
  color: #fff;
}

#footer {
  float: left;
  width: 464px;
  padding-top: 80px;
}
ul#footer_nav {
  float: right;
  width: auto;
  padding: 0 0 3px 0;
}
ul#footer_nav li {
  float: left;
  width: auto;
  background: none;
  border-right: 1px solid #c9a96c;
  padding: 0;
  height: 20px;
}
ul#footer_nav li a {
  padding: 0 5px;
  height: 20px;
  font: normal 11px Georgia, serif;
  line-height: 20px;
  color: #933;
  text-decoration: none;
  float: left;
}
ul#footer_nav li a:hover {
  background: #933;
  color: #fff;
  text-decoration: none;
}

ul#footer_nav li.last { border: none; }

p#copy {
  text-align: right;
  font-size: 11px;
}
p.disclaimer {
  padding-top: 100px;
  font-style: italic;
  font-size: 10px;
  color: #666;
}
p.aclaracion {
  font-style: italic;
  color: #666;
}
#right ul.detailed li {
  padding-bottom: 1.3em;
}

#right p img.right {
  float: right;
  padding: 3px;
  border: 3px double #933;
  margin: 0 0 10px 10px;
}