* { margin: 0; padding: 0; }
body { font-family: Trebuchet MS, Arial, Helvetica;  color: #DEE3EB; font-size: 12px; background: #000; padding: 0 10px; text-align: center;
scrollbar-face-color: #222425; 
scrollbar-highlight-color: #222425; 
scrollbar-shadow-color: #222425; 
scrollbar-3dlight-color: #080909; 
scrollbar-arrow-color:  #000000; 
scrollbar-track-color: #080909; 
scrollbar-darkshadow-color: #080909;	
}

a { color: #BBDBEC }
a:hover { color: #0CF; }
	
br.clear{clear:both;font-size:0;height:0;line-height:0;display:block;}
ul,li,a{list-style-type:none; text-decoration: none;}
.block {  display: block }
#main { width: 100%; height: 530px; position: absolute; left: 0; top: 50%; margin-top: -265px; text-align: center; }
#content { width: 960px; height: 530px; position: relative; margin: 0 auto; }
#header { width: 960px; height: 51px; position: relative; }
#conteudo { width: 960px; height: 412px; position: absolute; left: 0; top: 60px; text-align: center; }
#footer { width: 960px; height: 20px; position: absolute; left: 0; top: 485px; }
.iframe { width: 960px; height: 412px; text-align: center; }
h1 { width: 321px; height: 51px; position: absolute; left: 0; top: 0; background: url(imagens/logo.png) no-repeat left top; }
.orkut { display: block; background: url(imagens/orkut.png) no-repeat; position: absolute; width: 84; height: 43px; right: 0; top: 8px; }
.tv { display: block; background: url(imagens/tv.png) no-repeat; position: absolute; width: 307; height: 35px; right: 180px; top: 6px; }
#movie { width: 580px; height: 345px; margin: 10px auto; }
#tvgrande { background: none; background: url(imagens/tv2.png) no-repeat; width: 489px; height: 400px; position: absolute; top: 50%; left: 50%; margin-top: -200px; margin-left: -245px; }
.tv2 { display: block; width: 489px; height: 320px; }
.fechar { display: block; width: 489px; height: 80px; }

.musica { display: block; position: absolute; width: 80; height: 20px; right: 85px; top: 25px; }
.none { display: none;}
h3 { font-size: 14px; margin-top: 8px; text-align: left; }
p { margin-bottom: 7px; text-align: justify; line-height: 14px; }

#menu { width: 960px; height: 16px; }
#menu li { float: left; }
#menu li a { height: 16px; display: block; outline:0; }
#menu li a:hover { background-position: 0 -16px }
#menu li a span { display: none; }
#menu .empresa { background: url(imagens/menumauro_r1_c1.gif) no-repeat; width: 81px; }
#menu .dem { background: url(imagens/menumauro_r1_c2.gif) no-repeat; width: 129px; }
#menu .porti { background: url(imagens/menumauro_r1_c3.gif) no-repeat; width: 87px; }
#menu .sociais { background: url(imagens/menumauro_r1_c4.gif) no-repeat; width: 118px; }
#menu .foto { background: url(imagens/menumauro_r1_c5.gif) no-repeat; width: 154px; }
#menu .corp { background: url(imagens/menumauro_r1_c6.gif) no-repeat; width: 156px; }
#menu .cliente { background: url(imagens/menumauro_r1_c7.gif) no-repeat; width: 101px; }
#menu .videos { background: url(imagens/menumauro_r1_c8.gif) no-repeat; width: 59px; }
#menu .contato { background: url(imagens/menumauro_r1_c9.gif) no-repeat; width: 75px; }

#fotoGPort { width: 770px; height: 365px; margin: 0 auto; overflow: hidden; text-align: center; }
#fotoGPort img { display: block; }
#menuPort { display: block; width: 645px; height: 38px; margin: 0 auto; text-align: center; }
#menuPort li { float: left; height: 38px; }

#fotografias li { float: left; height: 125px; width: 125px; background: #14161B; margin: 0 5px 5px 0; text-align: center; padding: 5px 0 0 0; }
#fotografias li:hover { background: #2D3440; }
#fotografias li a { color: #fff; }

#fotografias2 li { float: left; height: 100px; width: 105px; background: #14161B; margin: 0 5px 5px 0; text-align: center; padding: 5px 0 0 0; }
#fotografias2 li:hover { background: #2D3440; }
#fotografias2 li a { color: #fff; }

.bg {
	background-image: url(img/bg.gif);
	background-repeat: repeat-x;
	padding: 0;
}

.imgp {
	margin-right:8px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#formcontato { width: 600px; float: left; margin-top: 10px; }
#formcontato label { display: block; float: left; width: 120px; height: 20px; margin: 0 0 5px 0; text-align: left; }
#formcontato .right { float: right; margin: 5px 12px 0 0; height: 25px; }
#formcontato textarea { display: block; float: left; margin-bottom: 5px; margin-right: 5px; width: 470px }

#dados { float: right; width: 280px; height: 170px; margin: 10px 20px 0 0; padding: 10px; border: solid 1px  #333; }

.largura { width: 173px; display: block; float: left; height: 18px; margin-bottom: 5px; margin-right: 5px;
color: #999999;
	background-color: #080909;
	height: 18px;
	border: 1px solid #222425;} 

.box {
	display: block; float: left; height: 18px; margin-bottom: 5px; margin-right: 5px; width: 470px;
	color: #999999;
	background-color: #080909;
	height: 18px;
	border: 1px solid #222425;
}
.box2 {
	color: #999999;
	background-color: #080909;
	border: 1px solid #222425;
}

#romerZ { background: url(../imagens/bg.png) repeat; display: block; position: absolute; height: 100%; width: 100%; z-index: 20000; left: 0; top: 0; }
#ie6 { padding: 0 10px 0 0; z-index: 100; margin: 30px auto 0 auto; width: 480px; height: 240px; background: #fff url(../imagens/bg-body.gif) repeat-x 0 -150px;  }
#top { width: 360px; height: 60px; line-height: 50px; background: url(../imagens/logo.png) no-repeat left top; font-size: 46px; text-transform: uppercase; color: #333; }
#ie6 p{ padding: 5px 10px; color: #000; }
.browsers{
	display: block;
	width: 265px;
	margin: 8px auto;
}

.browsers ul{
	list-style: none;
}

.browsers li{
	float: left;
	margin: 0 20px 0 0;
}
.browsers li a:link, .browsers li a:visited, .browsers li a:hover{
	display: block;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
}
.browsers li.ff{
	background: url(../imagens/sprHotsite.gif) 0px -2px no-repeat;
}
.browsers li.as{
	background: url(../imagens/sprHotsite.gif) -74px -2px no-repeat;
}
.browsers li.gc{
	background: url(../imagens/sprHotsite.gif) -35px -2px no-repeat;
}
.browsers li.op{
	background: url(../imagens/sprHotsite.gif) -109px -2px no-repeat;
}
.browsers li.ie{
	background: url(../imagens/sprHotsite.gif) -147px -2px no-repeat;
}
