*{ margin: 0em; padding: 0em; }
html{ margin: 0em; padding: 0em; background-color: #FFF; }
body {
  background: #000 url("images/bg_html.png") repeat;
  font-size: 14px;
  line-height: 18px; /* 18px de renglon / 14px de font-size */
  font-family: helvetica, arial, sans-serif;
  text-align: center;
  margin: 0px;
  padding: 0px;
}
img{ border-width: 0px; }
h1,h2,h3,h4{
  font-weight: normal;
}
a, .link{
  color: white;
  cursor: pointer;
}
ol, ul{
  margin: 0.5em;
  padding: 0.5em 0.5em 0.5em 1em;
}
p{
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 1.2em;
}
h1
{
  font-size: 25px;
}

h2
{
  font-size: 23px;
}

h3
{
  font-size: 21px;
}

h4
{
  font-size: 19px;
}

h5
{
  font-size: 17px;
}

h6
{
  font-size: 15px;
}
small{
  color: #444;
  font-size: 0.8333em;
  line-height: 1.8em;
}
.separador{ clear: both; }
#header{ text-align: center; }
#nav{ margin: 0px auto; padding: 10px 0px 20px 0px; height: 2em; width: 670px; }
#nav li{ list-style-type: none; float: left; padding: 0.5em 1em 0.5em 1em; }
#container{
  background-color: #696D79;
  margin: 0px auto;
  text-align: left;
  width: 780px;
}
#main{
  color: white;
  min-height: 450px;
  padding: 2em;
}
#footer{
  background: transparent url("images/footer.png") no-repeat;
  clear: both;
  height: 200px;
  width: 780px;
}
.head{ padding: 8px 0em 1em 0em; }
.language{ float: right; margin-right: 47px;}
.screen{
  position: relative;
  left: 20px;
  float: left;
  text-align: center;
  height: 300px;
  width: 230px;
}
.titulo_principal{
  background: transparent url("images/titulo_aplicaciones_web.png") no-repeat;
  margin: 0px auto;
  margin-top: 3em;
  width: 500px;
  height: 260px;
}
.titulo_principal h2{ display: none; }
.titulo_principal p{
  float: right;
  padding: 100px 20px 0px 0px;
  width: 310px;
}
.titulo_principal p .ruby_logo{ float: right; padding: 5px; }

.titulo_secundario h2{ display: none; }
.titulo_secundario{
  background: transparent url("images/soluciones_web_completas.png") no-repeat;
  margin: 0px auto;
  margin-top: 3em;
  width: 500px;
  height: 260px;
}
.titulo_secundario p{
  float: left;
  padding: 100px 0px 0px 0px;
  text-align: right;
  width: 300px;
}
.titulo_vision{
  background: transparent url("images/titulo_vision.png") no-repeat;
  margin: 0px auto;
  margin-top: 0em;
  width: 500px;
  height: 180px;
}
.titulo_vision h2{ display: none; }
.titulo_vision p{
  float: right;
  padding: 100px 0px 0px 0px;
  text-align: justify;
  width: 500px;
}

.head_works_container{
  background: transparent url("images/empty_head.png") no-repeat;
  height: 400px;
  margin-bottom: 1em;
  width: 740px;
}
.head_works{
  background: transparent url("images/works.png") no-repeat;
  height: 235px;
  left: -50px;
  position: relative;
  top: 70px;
  width: 680px;
}
.head_works p{
  float: right;
  padding: 90px 0px 0px 0px;
  width: 300px;
}
.head_contact_container{
  background: transparent url("images/head_contacto.png") no-repeat;
  margin-bottom: 3em;
  height: 400px;
  width: 740px;
}
.head_contact_container_sent{
  background: transparent url("images/head_contacto_sent.png") no-repeat;
  margin-bottom: 3em;
  height: 400px;
  width: 740px;
}
.head_contact_container form{
  float: right;
  padding: 50px 1em 0em 0em;
  width: 350px;
}
.head_contact_container form label{ display: inline; font-size: 1.4em; padding: 0em 1em 0em 0em;}
.head_contact_container form .field{
  border-width: 0px;
  color: #555;
  font-size: 1.4em;
  padding: 0.2em;
  margin: 0em;
  width: 250px;
}
.head_contact_container form textarea.field{
  font-family: helvetica, arial, sans-serif;
  height: 180px;
  padding: 1em;
  width: 275px;
}

.works { background: #000 url("images/bg_works_medium.png") repeat-y; width: 730px; }
.works .top{
  background: transparent url("images/bg_works_top.png") no-repeat;
  height: 36px;
  width: 730px;
}
.works .bottom{
  background: transparent url("images/bg_works_bottom.png") no-repeat;
  height: 216px;
  width: 730px;
}
.enlarge{ float: right; position: relative; top: -50px; left: -30px; }
.todos{
  clear: both;
  text-align: center;
  padding: 4em 0em 0em 0em;
}
.titulo_donde_estamos h2{ display: none; }
.titulo_donde_estamos{
  clear: both;
  background: transparent url("images/donde_estamos.png") no-repeat;
  margin: 0px auto;
  width: 471px;
  height: 218px;
}
.titulo_donde_estamos p{
  padding: 100px 0px 0px 0px;
  text-align: left;
  width: 300px;
}