html, body {
  margin      : 0;
  padding     : 0;
  border      : 0;
  font-family : Verdana, Arial, sans-serif;
}

body {
  background : #355c97;
  color : #fff;
}

* html body {
  overflow : auto;
}

/* PARTE QUE HACE SCROLL */

#scroll {
  position : absolute;
  top : 0;
  left : 0;
  width : 100%;
  height : 100%;
  overflow : auto;
  text-align : right;
  padding-top : 155px;
}

html>body #scroll {
  position : static;
  top  :auto;
  left : auto;
  width : auto;
  height : auto;
  overflow : visible;
}

/* LOGO */

#logo {
  position : absolute;
  z-index : 1;
  top : 0;
  right : 17px;
}

html>body #logo {
  position : fixed;
  right : 0;
}

#logo img {
  border : 0;
}

/* PIE DE PAGINA */

#footer {
  position : absolute;
  bottom : 0;
  margin : 0;
  padding : 3px 2px;
  font-size : 10px;
  font-family : Verdana, Arial;
  text-align : left;
  background : #355c97;
}

html>body #footer { position:fixed; }

#footer a {
  color : yellow;
}

/* MENU */

#menu {
  position : absolute;
  background : url('/images/img-burbuja-menu.gif') no-repeat;
  top : 130px;
  left : 20px;
  height : 246px;
  width : 246px;
  text-align : center;
  padding-top : 40px;
}

html>body #menu { position:fixed; }

#menu a:link,
#menu a:visited,
#menu a:hover {
  color : #b7c5da;
  text-decoration : none;
  font-weight : bold;
  font-size : 14px;
  line-height : 2em;
}

#menu a:hover {
  color : #fff;
}

/* 902 */

#telefono-902 {
  position : absolute;
  left : 50px;
  top: 470px;
}

html>body #telefono-902 { position:fixed; }

/* TITULO */

/*
#titulo {
  font-family : Verdana, Arial;
  font-weight : bold;
  font-size : 30px;
  font-style : italic;
  color : #b7c0ac;
}
*/