* {
	border: none;
}
html {
	overflow: hidden;
  background: url("background.gif") repeat-x;
  background-color: #046352;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
  background-color: #046352;
  background: url("background.gif") repeat-x;
  color: white;
  margin: auto;
}
#doc {
  width: 100%;
  height: 100%;
}
#centro {
	position: absolute;
	width: 702px;
	height: 384px;
	left: 30px;
	margin-top: -30px;
	text-align: center;
	z-index: 130;
  background-color: transparent;
}

#mancha {
	position: absolute;
	width: 762px;
	height: 442px;
	left: 18px;
	margin-top: 0px;
	text-align: center;
	z-index: -1000;
  background-color: transparent;
}

#container {
  position: absolute;
  width: 800px;
  height: 600px;
  left: 50%;
  top: 50%;
  margin-left: -400px;
  margin-top: -300px;
}

#text {
  width: 500px;
  height: auto;
  margin-left: 300px;
  padding-left: 20px;
  padding-right: 20px;
  z-index: 5000;
  position: absolute;
}

span {
  font-size: 22px;
  font-weight: bold;
}

a, a:hover {
  color: #99CCFF;
  background-color: transparent;
  text-decoration: none;
  outline: none;
}

a:hover {
  color: #CCFF99;
  background-color: transparent;
}
#footer {
	position: absolute;
	bottom: 0;
	width: 70%; /* See note below */
	text-align: center;
	padding: 0 15%;
	height: 45px;
  background: url("footer-bkg.gif") repeat;
  z-index: 10000;
}

/* SBMH -- see http://css-discuss.incutio.com/?page=BoxModelHack 
 * Stupid hack lets IE see 100%, others see 70%. 
 */
#footer {
    \width: 100%;
    w\idth: 70%;
}
#center-content {
  position: relative;
  width: 400px;
  height: 240px;
  top: 10px;
  margin-left: 200px;
  z-index: 130;
}
#main-block {
  position: relative;
  width: 260px;
  height: 70px;
  margin-top: 25px;
  margin-right: 25px;
  float: right;
  color: #091A10;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#main-block a {
  color: #016553;
  font-weight: bolder;
  text-decoration: underline;
}
#submain-block {
  border-top: 1px dotted;
  margin-top: 2px;
  padding-top: 2px;
  clear: both;
  position: relative;
  width: 380px;
  height: 55px;
  margin-top: 3px;
  margin-left: 5px;
  margin-right: 5px;
  color: #091A10;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#video-title {
  width: 380px;
  height: 13px;
  margin-right: 5px;
  color: #091A10;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
}
.video-thumbs {
  clear: both;
  width: 360px;
  height: 71px;
  margin-top: 5px;
  margin-left: 15px;
  margin-right: 5px;
  color: #091A10;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.video-thumbs img {
  margin-right: 5px;
  float: left;
}
.video-thumbs a {
  color: #016553;
  font-weight: bolder;
  text-decoration: underline;
	font-size: 10px;
}
.mthumbs {
  border: 1px solid #506660;
  float: left;
  width: 80px;
  height: 71px;
}
.video-contents {
  float: right;
  margin-left: 10px;
  width: 265px;
  height: 71px;
}
#linhadotted {
  clear: both;
  height: 2px;
  width: 350px;
  background: url("_css/dotted.gif") repeat;
  margin-left: 15px;
  margin-top: 2px;
  margin-bottom: 2px;
  
}
.thumbmais {
	margin-top: 3px;
	float: right;
}





.video-thumbs2 {
  clear: both;
  width: 360px;
  height: 55px;
  margin-top: 5px;
  margin-left: 15px;
  margin-right: 5px;
  color: #091A10;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.video-thumbs2 img {
  margin-right: 5px;
  float: left;
}
.video-thumbs2 a {
  color: #016553;
  font-weight: bolder;
  text-decoration: underline;
	font-size: 10px;
}
.mthumbs2 {
  border: 0px solid #506660;
  float: left;
  width: 54px;
  height: 48px;
  float:left;
}
.video-contents2 {
  float: right;
  margin-left: 10px;
  width: 290px;
  height: 55px;
  float:left;
}