/*
iTangram
*/

/* body with mark to menu */
body {
  margin: 0;
  padding: 0;
  text-align: left;
  font: 12px Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #061C37;
  background: #1c478e;
  background-image: url(img/background_menu.png);
  background-repeat: repeat-x;
  }

/* body with NO mark to menu */
.body_exercicio {
  margin: 0;
  padding: 0;
  text-align: left;
  font: 12px Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #061C37;
  background: #1c478e;
  background-image: url(img/background.png);
  background-repeat: repeat-x;
  }

* {
  margin: 0 auto 0 auto;
  text-align: left;
  }

#header {
  height: 85px;
  width: 750px;
  }

#header img {
  position: absolute;
  left: 14px;
  top: 18px;
  height: 43px;
  }

#header h2 {
  position: absolute;
  text-align: right;
  color: #A9D1FA;
  left: 195px;
  top: 43px;
  width: 550px;
  font-size: 13px;
  text-shadow: 2px 2px 4px #000000
  }

#menu {
  display: block;
  float: left;
  clear: both;
  width: 750px;
  height: 54px;
  float: left;
  clear: both;
  }

/*  see with of images: main.png ; main_baixo.png ; main_topo.png */
#container {
  display: block; 
  height: auto;
  position: relative; 
  width: 750px;
  }

#conteudo {
  display: block;
  float: left;
  width: 750px;
  height: auto;
  padding-left: 10px;
  padding-top: 15px;
  padding-right: 10px;
  padding-bottom: 5px;
  }

#conteudo_topo {
  background-image: url(img/main_topo.png);
  background-repeat: no-repeat;
  width: 750px;
  height: 25px;
  }

#conteudo_main {
  background-image: url(img/main.png);

  width: 720px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px
  }

.titulo
  {color: #0b84e1;
  text-shadow: 1px 1px 2px #000000
  }

#conteudo_baixo {
  background-image: url(img/main_baixo.png);
  background-repeat: no-repeat;
  width: 750px;
  height: 25px;
  }

#footer {
  width: inherit;
  height: auto;
  }

#footer h3 a {
  display: inline;
  text-align: center;
  font-size: 12px;
  text-decoration: none;
  color: #7198E1;
  }

#menu ul {
  list-style: none;
  padding: 0px;
  margin-left: auto;
  <width: 960px;
  }

#menu li {
  list-style: none;
  padding: 0px;	
  display: inline; 	
  }

#menu a {
  float: left;
  height: 36px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;
  padding-top: 18px;
  font-size: 15px;
  padding-left: 13px;
  padding-right: 13px;	
  }

#menu a: hover {
  color: #86AEF9;
  background-image: url(img/linkbackground.jpg);
  background-repeat: repeat-x;
  }

html, body {
  text-align: center;
  }

/* p { text-align: left; } */
.center { text-align: center; }