/* 
   common.css

   atualizado: 210916
               210919
	       211009
	       220214
	       251229
*/

/* **************************************************************
                                MAIN
   ************************************************************** */

BODY { 
    margin: 0 0 0 0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
    background-color: #ddd9d8;
    background-color: #f1f3ff;
}

.MAIN { 
    margin: 1em 18.4% 0 18.4%;
    background-color: #F1F1F1;
    background-image: url("images/bg2.png"); 
    padding: 2em;
    border: thin solid black; 
}

/* **************************************************************
                              OL & LI
   ************************************************************** */

UL { 
    list-style-image: url("images/bola.png");
}

LI { 
    padding-bottom: 13px; 
}

.REF { 
    padding-bottom: 10px; 
}

/* ------------- */

ol.LEVEL1 {
    font-family: "Arial";
    margin: 0 2% 2% 2%; 
    counter-reset: list;
}
ol.LEVEL1 > li {
  list-style: none;
}
ol.LEVEL1> li:before {
  content: counter(list, lower-alpha) ") ";
  counter-increment: list;
}

/* ------------- */

ol.LEVEL1e {
    color: blue;
    font-family: "Arial";
    margin: 0 2% 2% 2%; 
    counter-reset: list;
}
ol.LEVEL1e > li {
  list-style: none;
}
ol.LEVEL1e> li:before {
  content: counter(list, lower-alpha) ") ";
  counter-increment: list;
}

/* ------------- */

ol.LEVEL2 {
    font-family: "Arial";
    margin: 0 2% 2% 2%; 
    counter-reset: list;
}
ol.LEVEL2 > li {
  list-style: none;
}
ol.LEVEL2> li:before {
  content: counter(list, lower-roman) ") ";
  counter-increment: list;
}

/* **************************************************************
                              LINKS
   ************************************************************** */

A:active, A:link, A:visited { 
    color: #a03407; 
    TEXT-DECORATION: none
}
A:hover { 
    TEXT-DECORATION: underline
}

/* **************************************************************
                             PARÁGRAFO
   ************************************************************** */

P { 
    text-align: justify;
}

.SECAO { 
    font-weight: bold; 
    LETTER-SPACING: 3px; 
    COLOR: #754500; 
}

.TITULO { 
    MARGIN-TOP: 5px; 
    MARGIN-BOTTOM: -0.5em;
    COLOR: #754500; 
    FONT-WEIGHT: bold; 
    FONT-SIZE: 22px; 
    FONT-STYLE: normal; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
    LETTER-SPACING: 5pt;
    text-align: center;
    padding-bottom: 1cm; 
}

/* **************************************************************
                                ESTUDOS
   ************************************************************** */

OL.EXERCICIO { 
    color: blue; 
}

P.EXERCICIO { 
    color: blue;
    font-family: "Arial";
    margin: 0 2% 2% 2%; 
}

.EXERCICIO_SECAO { 
    color: green;
    font-weight: bold;
    margin: 4% 2% 4% 2%; 
}

.SOLUCAO { 
    font-family: "Arial";
    margin: 0 2% 2% 2%; 
}

.COMENTARIO { 
    color: #8f0000;
    font-family: "Arial";
    margin: 0 2% 2% 5%; 
}

.IMAGEM { 
    text-align: center;
    padding: 5 5 5 5; 
}

.TEXT { padding-left: 1em; }

.ESTUDOS { 
    border: 10px; 
}

.ESTUDOS TD { 
    border-color: grey;
    border-style: solid;
    border-width: 0px;
    font-size: 14px;
    overflow: hidden;
    padding: 2px 5px;
    word-break: normal; 
}

.ESTUDOS TH { 
    border-color: gray;
    border-style: solid;
    border-width: 0px;
    font-size: 14px;
    font-weight:normal;
    overflow: hidden;
    padding: 2px 5px;
    word-break: normal; 
}

/* **************************************************************
                                LATEX
   ************************************************************** */

.LATEX { 
    border: 10px; 
}

.LATEX .TH{ 
    border-color: inherit;
    text-align: left;
    font-size: 14px;
    vertical-align: bottom; 
}

.RETANGULOTEX { 
    background-color: white;
    margin: 0 0 0 0;
    padding: 0 0 -50px 0;
}

/* **************************************************************
                           CENTRALIZADO
   ************************************************************** */

.CENTRALIZADO { text-align: center; }

/* **************************************************************
                             RETANGULO 
   ************************************************************** */

P.RETANGULO { 
    font-weight: bold; 
    letter-spacing: 3px; 
    color: #754500;
    text-align: center; 
}

IMG.RETANGULO { 
    background-color: white;
    margin: 0 0 0 0;
    padding: 0 0 -50px 0;
    width: 60%;
}

DIV.RETANGULO { 
    background-color: white;
    margin:0 180px 20px 180px;
    border: 1px solid black;
    padding: 5 5 5 5;
    text-align: center;
    font-size: 14;
}

.RETANGULO2 { 
    background-color: white;
    margin:0 8% 20px 8%;
    padding: 5 5 5 5;
    text-align: left;
}

/* **************************************************************
                                TFUN
   ************************************************************** */

.TFUN { 
    border-collapse:collapse;
    border-spacing:0;
    font-family:Arial, sans-serif;
    font-size:14px;
    text-align:center;
    vertical-align:auto;
}

.TFUN td { 
    background-color:white;
    border-color:black;
    border-style:solid;
    border-width:1px;
    font-size: 13;
    overflow:hidden;
    padding:5px 0;
    word-break:normal;
    width: 150px;
}

.TFUN th{
    background-color:#ecf4ff;
    border-color:black;
    border-style:solid;
    border-width:1px;
    font-weight:bold;
    overflow:hidden;
    padding:13px 0;
    word-break:normal;
    width: 150px;
}