@import url("cores.css");

#portal.resolucao800x600 {
width : 752px;
}

#portal.resolucao800x600 div#portal {
width : 752px;
}

#portal.resolucao800x600 div#topo {
width : 500px;
}

#portal.resolucao800x600 ul#menu {
width   : 580px;
height  : auto;
padding : 0 0 0 10px;
}

#portal.resolucao800x600 ul#menu li {
float       : left;
clear       : none;
width       : auto;
list-style  : none;
font-weight : bold;
margin      : 0 2px;
cursor      : pointer;
}


#portal.resolucao800x600 ul#menu li a {
letter-spacing  : 0px;
display         : block;
color           : #4283BA;
font-size       : 0.9em;
font-weight     : notmal;
font-family     : Arial, helvetica, Sans;
text-transform  : uppercase;
text-decoration : none;
padding         : 8px 4.2px;
margin          : 0 2px;
z-index         : 10000;
position        : relative;
}

#portal.resolucao800x600 ul#menu li.atual a,
#portal.resolucao800x600 ul#menu li a:hover {
background : #fff;
color : #000;
border-bottom : 0;
}


#portal.resolucao800x600 ul#menu li ul {
position : absolute;
z-index : 1000;
clear   : both;
float   : left;
width : 138px;
display : block;
padding : 0;
margin  : 25px 0 10px 0px!important;
margin  : 0 0 10px 0;
z-index : 100000;
border  : 1px solid #ddd;
}

#portal.resolucao800x600 ul#menu li ul li{
clear         : both;
list-style    : none;
color         : #bbb;
border-bottom : 1px solid #ddd;
border-top    : 1px solid #fff;
text-align    : left;
float         : left;
margin        : 0;
padding       : 0;
}

#portal.resolucao800x600 ul#menu li ul li a{
display : block;
width : 128px;
padding    : 2px 5px;
margin : 0;
text-decoration : none;
}

#portal.resolucao800x600 ul#menu li ul li a:hover{
background : #eee;
}

#portal.resolucao800x600 #rodape{
width : 770px;
}

#portal.resolucao800x600 #rodape ul li#rodape_produto {
width : 510px;
}

/* AULA DE TESTES */

#conteudo div#titulo_sala_de_aula {
background: #45acc9;
padding: 12px 8px;
width: 570px;
float: left;
color: #fff;
}

#conteudo div#titulo_sala_de_aula h1 {
float: left;
}

#conteudo div#titulo_sala_de_aula span {
float: right;
text-transform: uppercase;
padding: 5px;
background: #fff;
color: #45acc9;
font-weight: bold;
font-size: 9pt;
}

#conteudo #conteudo_aula {
	float: left;
	width: 100%;
	font-size: 9pt;
}

#conteudo #conteudo_aula #sobre_aula {
	clear: both;
	width: 541px;
	float: left;
	margin: 0 0 20px 6px;
	border: 4px solid;
	background: #f5f5f5;
	padding: 10px;
}

#conteudo #conteudo_aula #sobre_aula .item_sobre_aula {
	float: left;
	width: 270px;
}

#conteudo #conteudo_aula #sobre_aula .item_sobre_aula h3 {
font-size  : 14pt;
margin     : 0 0 5px 0;
}

#conteudo #conteudo_aula #sobre_aula .item_sobre_aula ul {
clear : both;
padding: 5px;
margin: 0;
}

#conteudo #conteudo_aula #sobre_aula .item_sobre_aula ul li {
text-align : justify;
margin      : 10px 0;
list-style  : inside;
clear       : both;
width       : 100%;
}

#conteudo #conteudo_aula div.item_aula {
width : 100%;
clear : both;
float : left;
}

#conteudo #conteudo_aula div.item_aula .conteudo_item {
width : 100%;
clear : both;
float : left;
text-align : justify;
}

#conteudo #conteudo_aula div.item_aula .conteudo_item p {

}

#conteudo #conteudo_aula div.item_aula .conteudo_item  a.link_externo {
display : block;
width : auto;
padding : 0 0 0 15px;
background-position : left;
}

#conteudo #conteudo_aula div.item_aula h3 {
cursor: pointer;
font-size: 12pt;
padding: 3px;
color: #444;
margin: 0 0 5px 0;
letter-spacing: 0;
border-bottom: 1px solid #eee;
}

#conteudo #conteudo_aula div.item_aula h3 {
color : #888;
padding     : 4px 0 4px 25px;
font-weight : bold;
font-size   : 11pt;
width       : 565px;
background  : url(../../../img/seta_direita.jpg) no-repeat 10px 7px;
}

#conteudo #conteudo_aula div.item_aula h3.selecionado,
#conteudo #conteudo_aula div.item_aula h3:hover {
background  : url(../../../img/seta_baixo.jpg) no-repeat 6px 10px;
border-color : #000;
color        : #000;
}

#conteudo #conteudo_aula div.item_aula h4 {
font-size: 10pt;
font-weight: bold;
padding: 0px;
margin: 5px 0;
}

#conteudo #conteudo_aula div.item_aula p {
margin: 10px 0;
}

#conteudo #conteudo_aula div.item_aula ul {
padding: 0;
margin: 0;
}

#conteudo #conteudo_aula div.item_aula ul li {
list-style: inside;
padding: 0;
margin: 3px 0;
}

#conteudo #conteudo_aula div.item_aula .conteudo_item {
padding: 0px 10px 20px 10px;
line-height : 1.5em;
font-size : 11pt;
line-height : 1.5em;
}

#conteudo #conteudo_aula div.item_aula .conteudo_item p {
font-size : 11pt;
line-height : 1.5em;
}

#conteudo #conteudo_aula div.item_aula .conteudo_item a {
font-weight : bold;
color : #0883a6;
}

#conteudo #conteudo_aula div.item_aula .conteudo_item .conteudo_manual {
border: 3px double #ddd;
padding: 5px;
line-height : 1.5em;
}

#conteudo #conteudo_aula div.item_aula .conteudo_item .conteudo_manual h1{
font-size: 14pt;
padding-left: 0;
}

#conteudo #conteudo_aula div.item_aula .conteudo_item .conteudo_manual h2{
font-size: 13pt;
padding-left: 0;
}

#conteudo #conteudo_aula div.item_aula .conteudo_item .conteudo_manual h3:hover,
#conteudo #conteudo_aula div.item_aula .conteudo_item .conteudo_manual h3 {
font-size   : 12pt;
border      : 0;
margin      : 0;
padding     : 0;
color       : #000;
cursor      : normal;
font-weight : bold;
}

#conteudo #conteudo_aula div.item_aula .conteudo_item .conteudo_manual h4 {
padding-left: 0;
font-size: 11pt;
}

#conteudo #conteudo_aula div.item_aula .conteudo_item .conteudo_manual h5 {
padding-left: 0;
font-size: 10pt;
}

#conteudo #conteudo_aula div.item_aula .conteudo_item .conteudo_manual h6{
font-size: 9pt;
}

#conteudo #conteudo_aula div.item_aula .conteudo_item .conteudo_manual ul.lista_alfabetica li{
list-style: lower-latin inside;
}

#conteudo #conteudo_aula div.item_aula .conteudo_item .conteudo_manual ul.lista_romana li{
list-style: upper-roman inside;
}

#conteudo #conteudo_dinamico p.ajuda {
border      : 1px solid #f5dd76;
font-weight : bold;
padding     : 8px;
font-size   : 8pt;
margin      : 5px;
background  : #fff8da;
width       : 350px;
float       : left;
}

#conteudo #conteudo_dinamico a.anotacoes {
background      : #000 url(../../../img/bloco_notas.jpg) no-repeat 10px 7px;
width           : 70px;
text-transform  : uppercase;
color           : #fff;
float           : right;
padding         : 10px 10px 10px 45px;
margin          : 2px 6px 0 0;
text-decoration : none;
font-weight     : bold;
font-size       : 8pt;
}

#playerswf{
text-align : center;
float      : none;
width : 100%;
}