body, html{
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
width:100%;
height:100%;
text-align:center; /* hack para o IE */	
background-color:#cde1ee;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
background-image:url(../images/fundogeral.jpg);
background-repeat:repeat-x;
}

#main{
position:absolute;
margin-top:0px;
top:170px;
margin-left:50%;
left:-500px;
width:985px;
background-color:#fcfcfc;
}

#topomain{
position:absolute;
margin-top:0px;
top:160px;
margin-left:50%;
left:-500px;
width:986px;
height:10px;
background-image:url(../images/fundoredondo.gif);
background-repeat:no-repeat;
background-position:top;
}

#topo{
margin:0 auto;
width:100%;
height:146px;
background-image:url(../images/fundotopo.jpg);
background-repeat:repeat-x;
z-index:6;
}

#conttopo{
position:absolute;
margin-top:0px;
top:0px;
margin-left:50%;
left:-500px;
width:986px;
height:146px;
z-index:7;
}

#logo{
	float:left;
	width:212px;
}

#menu{
	float:left;
	width:340px;
	text-align:left;
	margin-top:100px;
	z-index:8;
}

#busca{
	float:left;
	width:420px;
	text-align:left;
	margin-top:100px;
}

#esquerda{
width:565px;
min-height:1020px;
height:auto !important;
height: 1020px;/*altura*/
float:left;
margin-left:0px;
text-align:left;
margin-right:0px;
padding-right:10px;
padding-left:10px;
padding-top:10px;
}

#direita{
width:395px;
float:right;
margin-right:0px;
background-color:#fcfcfc;
}

#rodape{
clear:both;
height:30px;
padding-top:20px;
padding-right:20px;
bottom:0; 
left:0;
}

#tit{
	/*height:41px;*/
}


#video{
	text-align:center;
}

#errovideo{
	width:500px;
	height:350px;
	background-color:#e3be7e;
	border:1px solid #dc8f0a;
	padding:30px 30px 30px 30px;
	text-align:center;
	color:#424342;
	font-size:12px;
	font-weight:bold;
}

#info{
	margin-top:10px;
}

#playlist{
}

#videosplay{
	float:left;
	width:330px;
	height:90px;
	margin-top:2px;
	background-color:#edeaea;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
}


#publicidade{
margin-top:520px;
float:left;
width:375px;
height:250px;
background-color:#FFFFF;
}


#comentarios{
}


#coment{
	background-color:#f5f5f5;
	border:1px solid #dadada;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:10px;
	padding-top:10px;
	margin-left:15px;
	margin-right:15px;
	margin-top:4px;
	color:#aaa9a9;
}

#conteudo{
margin:0 auto;	
width:996px;
min-height:500px;
height:auto !important;
height: 500px;/*altura*/
text-align:left; /* "remédio" para o hack do IE */	
}


.Container {
  position:absolute;
  margin-top:0px;
  top:0px;
  margin-left:50%;
  left:90px;
  width: 393px;
  height: 517px;
  background: url(../images/fundoplaylist.jpg) no-repeat;
}
#Scroller-1 { 
  position: absolute; 
  top: 28px; 
  left: 21px;
  right:39px;
  overflow: hidden;
  width: 334px;
  height: 471px;
  z-index:5;
}
#Scroller-1 p {
}
.Scroller-Container {
  position: absolute;
  top: 0px; left: 0px;
  text-align:left;
}
#Scrollbar-Container {
  position:absolute;
  margin-top:0px;
  top:70px;
  margin-left:50%;
  left:455px;
}
.Scrollbar-Up {
  cursor: pointer;
  position: absolute;
}
.Scrollbar-Track {
  width: 10px; height: 361px;
  position: absolute;
  top: 9px; left: -1px;
  background: transparent url(../images/fundoscroll.jpg) no-repeat center center;
}
.Scrollbar-Handle {
  position: absolute;
  width: 12px; height: 11px;
}
.Scrollbar-Down {
  cursor: pointer;
  position: absolute;
  top: 370px;
}


/* Fontes */ 

.fonttitulo{
	color:#424342;
	font-size:15px;
	font-weight:bold;
}

.fonttitulo2{
	color:#424342;
	font-size:12px;
	font-weight:bold;
}

.fontview{
	color:#b02421;
	font-size:15px;
	font-weight:bold;
}

.fontqtdview{
	color:#3d79a7;
	font-size:12px;
}

.fontazul{
	color:#3d79a7;
	font-size:10px;
	font-weight:bold;
}

.fontvermelha{
	color:#b02421;
	font-size:10px;
	font-weight:bold;
}

.fontcinza10{
	color:#aaa9a9;
	font-size:10px;
	font-weight:bold;
}

.fontcinza12neg{
	color:#aaa9a9;
	font-size:12px;
	font-weight:bold;
}



/*links */ 

a{
	color:#424342;
	text-decoration:none;
}

a.linkvermelho{
	color:#b02421;
}


/*Forms */
.inputform{
	width:320px;
	height:20px;
	border:1px solid #dadada;
	color:#17486d
}

.textareaform{
	width:320px;
	height:80px;
	border:1px solid #dadada;
	color:#17486d
}

.botao{
	background-color:#17486d;
	border:1px solid #62696f;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFFFFF;
}


/*************************************************   MENU *****************************************/

#modernbricksmenu2{
padding: 0;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu2 ul{
width:963px;
margin-bottom:0px;
margin-left: 50%; /*margin between first menu item and left browser edge*/
left:-465px;
position:absolute;
padding: 0;
list-style: none;

}

#modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu2 a{
float: left;
display: block;
font: 10px Verdana;
color: #ffffff;
text-decoration: none;
margin: 1px 1px 1px 1px; /*Margin between each menu item*/
padding-bottom:11px;
padding-left:20px;
padding-right:20px;
padding-top:5px;
}

#modernbricksmenu2 a:hover{
background-color: #9c9c9c; /*Brown color theme*/ 
color: #ffffff;
}

#modernbricksmenu2 #current a{ /*currently selected tab*/
background-color: #9c9c9c; /*Brown color theme*/ 
color: white;
border-color: #9c9c9c; /*Brown color theme*/ 
}



