/****
        CSS RESET
        Resetando algumas características que podem atrapalhar a implementação
****/

* { margin:0; padding:0; }

p {
    margin-bottom:1em;
    margin-top:1em;
}

a,
a:link,
a:visited {
    color:#d40d16;
}

a:hover {
    color:#d40d16;
    text-decoration: underline;
}

img
{
    border:0;
}

/****
FIM DO RESET
****/

html { 
    overflow: -moz-scrollbars-vertical;
    margin:0;
    padding:0;
}

body {
    background-color: #323230;
    color:#FFFFFF;
    font-family: Ubuntu, Arial, Helvetica, sans-serif, sansserif;
    margin:0;
    padding:0;
}

#corpo {
    margin:0 auto;
    padding:0px;
}

#containner-recursos {
    padding:10px;
}

#containner-recursos .linhapreenchida {
    background-color: #EAE8DE;
    padding:3px 0 3px 12px;
}

#containner-recursos .livre {
    color:#222;
    padding:3px 0 3px 12px;
}

#containner-recursos .tablebody {
    margin-bottom:33px;
    padding-left: 100px;
}
#containner-recursos .tablebody .tophead th {
    background:#232323;
    /*    font-size:11px; */
    color:#fed337; 
    padding:2px 0 2px 12px;
    text-align:left;
}
#containner-recursos .tablebody td {
    color:#222;
    /*    font-size:13px; */
    padding:3px 0 3px 12px;
}
#containner-recursos .tablebody .free {text-decoration:none; color:#c73226; font-weight:bold}
#containner-recursos .tablebody .rowclr {background:#eae8de}
#containner-recursos .tablebody .rowclr .free {text-decoration:none; color:#c73226; font-weight:bold}

#containner-recursos .caracteristica {
    text-align: left;
}

#conteudo {
    background-color: #FFFFFF;
    color: #000000;
    margin:0 auto;
    padding:10px;
    min-height:600px;
    width:900px;
}

#planos {
    float:left;
    padding:10px;
    width:300px;
}

#planos h2 {
    /*    color: #0a246a;*/
    color: #3E7B25;
}

#planos div  {
    border-style:dashed;
    border-width:1px;
}

#planos ul {
    padding-left:20px;
}

#recursos {
    padding:10px;
    width:75%;
}

#recursos h2 {
    color:#3E7B25;
}

#rodape {
    clear:both;
}

#topo {
    margin-bottom: 10px;
    margin-top:5px;
    text-align:center;
}

#topo h2 {
    font-style: italic;
}

#tooltip{
    position:absolute;
    border:1px solid #CCCCCC;
    background:#F7F7F7;
    padding:2px 5px;
    color:#333;
    display:none;
    width: 200px;
}

.plano  {
    margin:10px;
    padding:5px;
}

.plano ul {
    list-style:square;
}

.plano h2 {
    text-indent:1em;
    text-decoration:underline;
}

.tooltip {
    display:none;
}