body { margin:0px; font-family:Arial, Helvetica, sans-serif;}



/* Anuncios */

div.anuncio-texto { padding-left:5px; float:right; }

div.curso24h { float:right; margin-right:5px; border:none }



#body { width:768px; height:auto; position:relative; float:left;margin-left:-384px; left:50%;}

#topo { width:768px; height:auto; position:relative; float:left; z-index:4;}



#conteudo { width:768px }

#conteudo-esquerda { width:290px; float:left; padding:5px; margin-top:10px;}

#conteudo-direita { width:290px; float:left; margin:10px; padding:5px;}



#publicidade { width:728px; height:auto; position:relative; float:left; margin:0; margin-left:2px;}

#central { width:500px; height:auto; position:relative; float:left; margin-top:5px;}

#texto{ float:left; margin-left:5px; z-index:3; text-align:justify;}

#menu { width:768px; height:auto; position:relative; float:left;}

h1{ color:#780000; font-size:14px; background-image:url('h1.gif'); background-repeat:repeat-y}

.ti-inicial { text-align:center; padding-top:10px; color:#780000; font-size:14px; font-family:Arial, Helvetica, sans-serif;}

.p-h1 { color:#780000; font-size:14px;}

.p-texto { font-size:11px; color:#780000; text-align:justify}

.p-texto a { text-decoration:none; color:#000;}

.p-texto a:hover { text-decoration:underline; font-weight:bolder;}

.link-azul { font-size:12px; color:#780000; text-align:justify; font-weight:bold;}

.link-azul a {text-decoration:none; color:#780000; font-weight:bold;}

.link-azul a:hover {text-decoration:underline; font-weight:bolder;font-weight:bold;}

.publicidade { font-size:11px; color:#780000; text-align:center}





/*--MENU--*/

#top-menu{

width:768px; height:auto;

}



#top-menu a, #top-menu a:visited {

font:bold 10px/16px Verdana, Arial, Helvetica, sans-serif;

display:block;

font-size:10px;

text-decoration:none;

padding-left:2px;

color:#780000;

border-width:0px;

white-space:nowrap;

}



#top-menu a:hover{

color:#FFF;

display:block;

padding-left:2px;

font-size:10px;

background:#cc3838;

}



#top-menu ul{

list-style:none;

margin:0;

padding:0;

float:left;

width:auto;



}



#top-menu li{

position:relative;

margin:0px;

padding:0px;

}



#top-menu ul ul{

position:absolute;

width:181px;

z-index:500;

top:auto;

display:none;

background-color:#FFFFFF;

}



#top-menu ul ul ul{

top:0;

left:100%;

}



#top-menu ul ul ul ul{

top:0;

left:100%;

}



.sub-menu {

position:relative;

list-style:none;

float:left;

line-height:16px;

margin:0px;

padding:0px;

width:181px;

background-color:#fff;

}



.sub-menu li{

position:relative;

padding:0px;

margin:0px;

top:0px;

height:16px;

line-height:16px;

width:181px;

background-color:#FFF;

border-bottom:1px solid #780000;

border-left:1px solid #780000;

border-right:1px solid #780000;

}



.sub-menu li li {

width:181px;

line-height:10px;

margin:0px;

padding:0px;

z-index:600;

}



.sub-menu ul{

position:absolute;

width:181px;

background-color:#fff;

margin:0px;

padding:0px;

z-index:600;

}



.sub-menu ul ul{

position:absolute;

z-index:500;

top:0px;

display:none;

z-index:600;

}



.sub-menu ul ul ul{

top:0;

left:100%;

}



/* Begin non-anchor hover selectors */



/* Enter the more specific element (div) selector

on non-anchor hovers for IE5.x to comply with the

older version of csshover.htc - V1.21.041022. It

improves IE's performance speed to use the older

file and this method */





div#top-menu li:hover{

cursor:default;

z-index:600;

}



div#top-menu li:hover ul ul,

div#top-menu li li:hover ul ul,

div#top-menu li li li:hover ul ul,

div#top-menu li li li li:hover ul ul

{display:none;

z-index:600;

}



div#top-menu li:hover ul,

div#top-menu li li:hover ul,

div#top-menu li li li:hover ul,

div#top-menu li li li li:hover ul

{display:block;

z-index:600;

}



/* End of non-anchor hover selectors */



/* Styling for Expand */



#top-menu a.x, #top-menu a.x:visited{

font-weight:bold;

color:#780000;

font-size:10px;

line-height:10px;

text-align:center;

width:auto;

padding:0px 3px 3px 3px;

border-right:1px solid;

z-index:600;

}



#top-menu a.x:hover{

color:#780000;

font-weight:bold;

font-size:10px;

text-align:center;

background:#FFF;

width:auto;

line-height:10px;

padding:0px 3px 3px 3px;

z-index:600;

}