/* creada por eduardo ochoa g. - http://www.li-1.net/ */

body {
  background: #669ACB url('/images/bg.gif') repeat-y top center;
  margin: 0;
  padding: 0;
  font-family: arial, helvetica, verdana, tahoma, sans-serif;
  font-size: 12px;
  color: #444;
}

a:link, a:visited {
  text-decoration: none;
  color: #036;
}

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


#main {

}

#header {
  width: 750px;
  height: 150px;
  margin: 0 auto 0 auto;
  padding: 0;
  background: url('/images/header-bg.gif') no-repeat top center;

}

#header h1 {
  margin: 0px;
  padding: 0px;
  text-indent: -7000px;
  display: none;
}



#header h3 {
  width: 200px;
  height: 116px;
  display: block;
  text-indent: -5000px;
  float: right;
  padding: 0px;
  margin: 0px;
}


#header h3 a {
  width: 200px;
  height: 30px;
  float: right;
  display: block;
  background: url('/images/main-boton-english.gif') no-repeat top center;
}

#header h3 a:hover {
  background: url('/images/main-boton-english2.gif') no-repeat top center;
}

#header h2 {
  display: none;
}

#header ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  float: left;
  width: 750px;
  height: 34px;
  background: #B0C792 url('/images/menunav-bg.gif') no-repeat;
}

#header ul li {
  padding: 0px 0px 0px 0px;
  margin: 0;
  float: left;
  text-align: left;
  font-size: 12px;
}

#header ul li a:link, #header ul li a:visited {
  text-decoration: none;
  color: #555;
  display: block;
}

#header ul li a:hover {
  text-decoration: none;
  color: #333;
}


#header ul li.linav-inicio {
  padding: 0px;
  margin: 0px;
  float: left;
  width: 78px;
  height: 34px;
  text-indent: -5000px;
  display: block;
}

#header ul li.linav-inicio a {
  background: #B0C792 url('/images/menunav-inicio1.gif') no-repeat;
  width: 78px;
  height: 34px;
}

#header ul li.linav-inicio a:hover {
  background: url('/images/menunav-inicio2.gif') no-repeat;
}



#header ul li.linav-empresa {
  padding: 0px;
  margin: 0px;
  float: left;
  width: 100px;
  height: 34px;
  text-indent: -5000px;
  display: block;
}

#header ul li.linav-empresa a {
  background: #B0C792 url('/images/menunav-empresa1.gif') no-repeat;
  width: 100px;
  height: 34px;
}

#header ul li.linav-empresa a:hover {
  background: url('/images/menunav-empresa2.gif') no-repeat;
}





#header ul li.linav-servicios {
  padding: 0px;
  margin: 0px;
  float: left;
  width: 86px;
  height: 34px;
  text-indent: -5000px;
  display: block;
}

#header ul li.linav-servicios a {
  background: #B0C792 url('/images/menunav-servicios1.gif') no-repeat;
  width: 86px;
  height: 34px;
}

#header ul li.linav-servicios a:hover {
  background: url('/images/menunav-servicios2.gif') no-repeat;
}



#header ul li.linav-clientes {
  padding: 0px;
  margin: 0px;
  float: left;
  width: 150px;
  height: 34px;
  text-indent: -5000px;
  display: block;
}

#header ul li.linav-clientes a {
  background: #B0C792 url('/images/menunav-clientes1.gif') no-repeat;
  width: 150px;
  height: 34px;
}

#header ul li.linav-clientes a:hover {
  background: url('/images/menunav-clientes2.gif') no-repeat;
}




#header ul li.linav-ubicacion {
  padding: 0px;
  margin: 0px;
  float: left;
  width: 97px;
  height: 34px;
  text-indent: -5000px;
  display: block;
}

#header ul li.linav-ubicacion a {
  background: #B0C792 url('/images/menunav-ubicacion1.gif') no-repeat;
  width: 97px;
  height: 34px;
}

#header ul li.linav-ubicacion a:hover {
  background: url('/images/menunav-ubicacion2.gif') no-repeat;
}






#header ul li.linav-preguntas {
  padding: 0px;
  margin: 0px;
  float: left;
  width: 94px;
  height: 34px;
  text-indent: -5000px;
  display: block;
}

#header ul li.linav-preguntas a {
  background: #B0C792 url('/images/menunav-preguntas1.gif') no-repeat;
  width: 94px;
  height: 34px;
}

#header ul li.linav-preguntas a:hover {
  background: url('/images/menunav-preguntas2.gif') no-repeat;
}






#header ul li.linav-contacto {
  padding: 0px;
  margin: 0px;
  float: left;
  width: 145px;
  height: 34px;
  text-indent: -10000px;
  display: block;
}

#header ul li.linav-contacto a {
  background: #B0C792 url('/images/menunav-contacto1.gif') no-repeat;
  width: 145px;
  height: 34px;
  font-size: 0px;
  color: #fff;
}

#header ul li.linav-contacto a:hover {
  background: url('/images/menunav-contacto2.gif') no-repeat;
}









#content {
  background: url('/images/content-bg.gif') repeat-y top center;
  width: 750px;
  margin: 0 auto 0 auto;
  border-top: 0;
  font-size: 11px;

}


#xcontent {
  background: url('/images/main-content-top-bg.gif') no-repeat top center;
  width: 750px;
  margin: 0 auto 0 auto;
}


#left {
  width: 413px;
  margin: 10px auto 0 auto;
  float: left;
  padding-top: 5px;
  background: url('/images/main-left-top-bg.gif');
}




#right {
  width: 330px;
  margin: 0 auto 0 auto;
  float: right;
  margin-top: 10px;
}


#fixer {
  clear: both;
  background: url('/images/main-content-bottom-bg.gif') no-repeat top left;
  height: 30px;
}


#footer {
  width: 785px;
  height: 30px;
  margin: 10px auto 0 auto;
  background: url('/images/footer-bg.gif') no-repeat top center;
  padding-bottom: 10px;
  padding-top: 5px;
  text-align: center;
  font-family: verdana;
  font-size: 11px;
}

#footer p {
  margin: 0px auto 5px auto ;
  text-align: center;
  padding: 0;
  color: #40765F;
}





/* main left bloques */

.main-queeszf {
  margin: 0px 15px 0 5px;
/*  height: 140px; */
}

.main-queeszf:hover {
  background: url('/images/main-bg-containers.gif') repeat-y top left;
}


.main-queeszf img {
  float: left;
  margin-right: 8px;
  margin-left: 7px;
}


.main-queeszf h2 {
  background: url('/images/main-title-qzf.gif') no-repeat top left;
  height: 30px;
  margin-top: 0px;
  margin-bottom: 5px;
}

.main-queeszf h2 a {
  text-indent: -5000px;
  display: block;
  height: 30px;
  width: 275px;
}

.main-queeszf h2 a:hover {
  background: url('/images/main-title-qzf2.gif') no-repeat top left;
}


.main-queeszf p {
  margin: 0;
  padding: 0;
}








.main-zf {
  margin: 15px 15px 0 5px;
/*  height: 140px; */
}

.main-zf:hover {
  background: url('/images/main-bg-containers.gif') repeat-y top left;
}

.main-zf img {
  float: left;
  margin-right: 8px;
  margin-left: 7px;
}


.main-zf h2 {
  background: url('/images/main-title-zfm.gif') no-repeat top left;
  height: 30px;
  margin-top: 0px;
  margin-bottom: 5px;
}

.main-zf h2 a {
  text-indent: -5000px;
  display: block;
  height: 30px;
  width: 220px;
}

.main-zf h2 a:hover {
  background: url('/images/main-title-zfm2.gif') no-repeat top left;
}


.main-zf p {
  margin: 0;
  padding: 0;
}











.main-beneficios {
  margin: 15px 15px 0 5px;
/*  height: 140px; */
}

.main-beneficios:hover {
  background: url('/images/main-bg-containers.gif') repeat-y top left;
}


.main-beneficios img {
  float: left;
  margin-right: 8px;
  margin-left: 7px;
}


.main-beneficios h2 {
  background: url('/images/main-title-bzf.gif') no-repeat top left;
  height: 30px;
  margin-top: 0px;
  margin-bottom: 5px;
}

.main-beneficios h2 a {
  text-indent: -5000px;
  display: block;
  height: 30px;
  width: 300px;
}

.main-beneficios h2 a:hover {
  background: url('/images/main-title-bzf2.gif') no-repeat top left;
}


.main-beneficios p {
  margin: 0;
  padding: 0;
}















.main-contacto {
  margin: 15px 15px 0 5px;
/*  height: 140px; */
}

.main-contacto:hover {
  background: url('/images/main-bg-containers.gif') repeat-y top left;
}


.main-contactos img {
  float: left;
  margin-right: 10px;
  margin-left: 15px;
}


.main-contacto h2 {
  background: url('/images/main-title-contacto.gif') no-repeat top left;
  height: 30px;
  margin-top: 0px;
  margin-bottom: 5px;
}

.main-contacto h2 a {
  text-indent: -5000px;
  display: block;
  height: 30px;
  width: 140px;
}

.main-contacto h2 a:hover {
  background: url('/images/main-title-contacto2.gif') no-repeat top left;
}


.main-contacto p {
  margin: 0 0 0 10px;
  padding: 0;
}

form.main-form-contacto {
  margin: 10px 0 0 10px;
  padding: 0;

}


.main-form-nombre {
  width: 155px;
  float: left;
  margin: 0;
  padding: 0;

}

.main-input-nombre {
  border: 1px solid #aaa;
  width: 150px;
  height: 18px;
  margin: 0;
  padding: 0;
  margin-bottom: 8px;
  background: url('/images/inputs-text-bg.gif') repeat-x top center;
}

.main-input-nombre:hover {
  border: 1px solid #777;
  background: none;
}

.main-input-nombre:focus {
  border: 1px solid #000;
  background: none;
}

.main-input-email {
  border: 1px solid #aaa;
  width: 150px;
  height: 18px;
  margin: 0;
  padding: 0;
  margin-bottom: 8px;
  background: url('/images/inputs-text-bg.gif') repeat-x top center;
}



.main-input-email:hover {
  border: 1px solid #777;
  background: none;
}

.main-input-email:focus {
  border: 1px solid #000;
  background: none;
}

.main-input-enviar {
  width: 81px;
  height: 28px;
  margin: 0;
  padding: 0;
  border: none;
  background: url('/images/input-boton-bg.gif') repeat-x bottom center;
}




.main-form-comentarios {
  float: right;
  margin: 0;
  padding: 0;
  width: 175px;
  margin-right: 0px;
}

.main-form-comentarios textarea {
  width: 160px;
  height: 75px;
  margin: 0;
  padding: 0;
  border: 1px solid #aaa;
  background: #fff url('/images/inputs-text-bg.gif') repeat-x top center;

}


.main-form-comentarios textarea:hover {
  border: 1px solid #777;
  background: none;
}

.main-form-comentarios textarea:focus {
  border: 1px solid #000;
  background: none;
}


.main-animacion {
  background: url('/images/main-animacion-bg.gif') no-repeat 0px 20px;
  text-align: center;
}


.main-animacion-swf {
  text-align: center;
  margin-right: 5px;
  padding-top: 13px;
}

.main-animacion h2 {
  font-size: 12px;
  margin: 0;
  padding: 0;
}

.main-animacion h2 a {
  color: #777;
  margin: 0;
  padding: 0;
}



.main-bitacora {
  background: url('/images/main-bg-weblog.gif') repeat-y 0px 0px;
  text-align: center;
}

.main-bitacora h2 {
  font-size: 12px;
  margin: 0;
  padding: 0;
  width: 330px;
  height: 42px;
  background: url('/images/main-title-weblog.gif') repeat-y 0px 0px;
  display: block;
  text-indent: -9000px;
}

.main-bitacora h2 a {
  width: 326px;
  height: 42px;  
  display: block;
}


.main-bitacora img {
  margin-left: 10px;
  margin-bottom: 5px;
}

.main-bitacora h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 25px;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
}

.main-bitacora h3 a, .main-bitacora h3 a:visited {
  color: #369;
}

.main-bitacora h3 a:hover {
  color: #500;
}

.main-bitacora h4 {
  margin-top: 3px;
  margin-bottom: 3px;
  margin-right: 25px;
  font-family: verdana, tahoma, arial, helvetica, sans-serif;
  font-weight: normal;
  font-size: 10px;
  color: #bbb;
}



.main-bitacora p {
  margin: 0 20px 10px 0 ;
  padding: 0;
}


.main-bitacora-titulares {
  text-align: left;
  margin-left: 20px;
}

.main-bitacora-bottom {
  background: url('/images/main-bottom-weblog.gif') no-repeat;
  height: 10px;
  padding: 0;
  font-size: 0.1px;
  margin: 0;
}



/* sections */


.sections {
  margin: 0px 10px 0 10px;
}

.sections img.left {
  float: left;
  margin-right: 15px;
}

.sections img {
  border: 0;
}


.sections img.shadow {
  border: 0;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 4px solid #ccc;
  border-bottom: 4px solid #ccc;
}


.sections h2 {
  height: 30px;
  margin-top: 10px;
  margin-bottom: 5px;
}

.sections h2 a {
  text-indent: -5000px;
  display: block;
  height: 30px;
}


.sections p {
  margin-right: 10px;
  margin-left: 10px;
  font-size: 12px;
  line-height: 18px;
  text-align: justify;
}

.sections p.linkabajo {
  margin-right: 10px;
  font-size: 12px;
  text-align: right;
  font-weight: bold;
}





.sections ul {
  font-size: 12px;
  list-style-type: none;
  margin: 0px;

  padding-left: 25px;
}

.sections li {
  margin: 7px 0 7px 0;
  padding: 0;
  padding-left: 15px;
  background: url('/images/bullet1.gif') no-repeat 0px 3px;
}





.sections h2.empresa {
  background: url('/images/main-title-empresa.gif') no-repeat top left;
}


.sections h2.empresa a:hover {
  background: url('/images/main-title-empresa2.gif') no-repeat top left;
}



.sections h2.servicios {
  background: url('/images/main-title-servicios.gif') no-repeat top left;
}


.sections h2.servicios a:hover {
  background: url('/images/main-title-servicios2.gif') no-repeat top left;
}




.sections h2.clientes {
  background: url('/images/main-title-clientes.gif') no-repeat top left;
}


.sections h2.clientes a:hover {
  background: url('/images/main-title-clientes2.gif') no-repeat top left;
}





.sections h2.ubicacion {
  background: url('/images/main-title-ubicacion.gif') no-repeat top left;
}


.sections h2.ubicacion a:hover {
  background: url('/images/main-title-ubicacion2.gif') no-repeat top left;
}




.sections h2.preguntas {
  background: url('/images/main-title-preguntas.gif') no-repeat top left;
}


.sections h2.preguntas a:hover {
  background: url('/images/main-title-preguntas2.gif') no-repeat top left;
}





.sections h2.bitacora {
  background: url('/images/main-bitacora-title.gif') no-repeat top left;
}


.sections h2.bitacora a:hover {
  background: url('/images/main-bitacora-title2.gif') no-repeat top left;
}








h3.fechapost {
  margin-top: 10px;
  margin-bottom: 5px;
  font-weight: normal;
  color: #999;
  font-size: 12px;
}



h3.titulopost {
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: trebuchet ms, arial, helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  padding-left: 18px;
  background: url('/images/post-title-dot.gif') no-repeat 0px 2px;
}



.post p {
  margin-right: 10px;
  font-size: 12px;
  line-height: 18px;
  text-align: justify;
}

p.postmetadata {
  text-align: center;
  font-size: 11px;
  background-color: #eee;
  font-weight: bold;
}