/*
 *   Tripoli is a generic CSS standard for HTML rendering. 
 *   Copyright (C) 2007 David Hellsing
 *   
 *   http://devkick.com/lab/tripoli/
 *
 *   You should have received a copy of the GNU General Public License
 *   along with this program.  If not, see <http://www.gnu.org/licenses/>.
**/

/*
_______________________________
RESET */

* {
    text-decoration: none;
    font-size: 1em;
    outline: none;
    margin: 0;
    padding: 0;
}

code, kbd, samp, pre, tt, var, input, select, isindex, listing, xmp, plaintext {
    font: inherit;
    white-space: normal;
}

textarea {
    font: inherit;
}

a, img, a img, iframe, form, abbr, acronym, object, applet, table, a abbr, a acronym {
    border-width: 0;
}

dfn, i, cite, var, address, em {
    font-style: normal;
}

th, b, strong, h1, h2, h3, h4, h5, h6, dt {
    font-weight: normal;
}

caption, th, td {
    text-align: left;
}

html {
    background: white;
    color: black;
    line-height: 1;
    font-family: arial, sans-serif;
}

/* \*/

html {
    font-family: sans-serif;
}

/* */

q {
    quotes: "\201C""\201D""\2018""\2019";
}

ul, ol, dir, menu {
    list-style: none;
}

sub, sup {
    vertical-align: baseline;
}

a {
    color: inherit;
}

/*
_______________________________
DISABLE DEPRECATED HTML */

font, basefont {
    color: inherit;
    font: inherit;
    font-size: 100%;
}


center, *[align] {
    text-align: inherit;
}

s, strike, u {
    text-decoration: inherit;
}

img {
    border: none;
    margin: 0;
}

ol {
    list-style-type: decimal;
}

body {
    background-color: transparent;
}

tr, th, td {
    width: auto;
    height: auto;
    background-color: transparent;
    vertical-align: inherit;
    border: none;
    padding: 1px;
}

table[border], .frame table[border] {
    border-collapse: separate;
    border-spacing: 0;
}

nobr {
    white-space: normal;
}

marquee {
    overflow: visible;
    -moz-binding: none;
}

blink {
    text-decoration: none;
}

/*
_______________________________
GENERAL */

html {
    font-size: 125%;
}

body {
    font-size: 50%;
}

a {
    text-decoration: underline;
}

strong, th, thead td, h1, h2, h3, h4, h5, h6, dt {
    font-weight: bold;
}

cite, em, dfn {
    font-style: italic;
}

code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea {
    font-size: 100%;
    font-family: mono-space,monospace;
}

pre {
    white-space: pre;
}

    pre * {
        font-size: 100%;
        white-space: pre;
    }

del {
    text-decoration: line-through;
}

ins, dfn {
    border-bottom: 1px solid black;
}

small, sup, sub {
    font-size: 85%;
}

big {
    font-size: 125%;
    line-height: 80%;
}

abbr, acronym {
    text-transform: uppercase;
    font-size: 85%;
    letter-spacing: .1em;
}

    abbr[title], acronym[title], dfn[title] {
        cursor: help;
        border-bottom: 1px dotted black;
    }

sup {
    vertical-align: super;
}

sub {
    vertical-align: sub;
}

blockquote {
    padding-left: 2.2em;
}

hr {
    display: none; /* We will re-reset it later for content */
}

:lang(af), :lang(nl), :lang(pl) {
    quotes: '\201E' '\201D' '\201A' '\2019';
}

:lang(bg), :lang(cs), :lang(de), :lang(is), :lang(lt), :lang(sk), :lang(sr), :lang(ro) {
    quotes: '\201E' '\201C' '\201A' '\2018';
}

:lang(da), :lang(hr) {
    quotes: '\00BB' '\00AB' '\203A' '\2039';
}

:lang(el), :lang(es), :lang(sq), :lang(tr) {
    quotes: '\00AB' '\00BB' '\2039' '\203A';
}

:lang(en-GB) {
    quotes: '\2018' '\2019' '\201C' '\201D';
}

:lang(fi), :lang(sv) {
    quotes: '\201D' '\201D' '\2019' '\2019';
}

:lang(fr) {
    quotes: '\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a';
}

*[lang|='en'] q:before {
    content: '\201C';
}

*[lang|='en'] q:after {
    content: '\201D';
}

*[lang|='en'] q q:before {
    content: '\2018';
}

*[lang|='en'] q q:after {
    content: '\2019';
}

input, select, button {
    cursor: pointer;
}

    input[type='text'], input[type='password'] {
        cursor: text;
    }

    input[type='hidden'] {
        display: none;
    }

/*
_______________________________
CONTENT */

.frame {
    font-size: 12px;
    line-height: 16px;
}

    .frame h1 {
        font-size: 24px;
        line-height: 1;
        margin-bottom: 10px;
    }

    .frame h2 {
        font-size: 21px;
        line-height: 1;
        margin-bottom: 10px;
    }

    .frame h3 {
        font-size: 28px;
        line-height: 1;
        margin-bottom: 10px;
    }

    .frame h4 {
        font-size: 14px;
        line-height: 1;
        margin-bottom: 10px;
    }

    .frame h5 {
        font-size: 12px;
        line-height: 1;
        margin-bottom: 10px;
    }

    .frame hr {
        display: block;
        background: black;
        color: black;
        width: 100%;
        height: 1px;
        border: none;
    }

    .frame ul {
        list-style: disc outside;
    }

    .frame ol {
        list-style: decimal outside;
    }

    .frame table {
        border-collapse: collapse;
    }

    .frame hr, .frame p, .frame ul, .frame ol, .frame dl, .frame pre, .frame address, .frame table, .frame form {
        margin-bottom: 10px;
    }

/*.frame fieldset
{
	margin:1.6em 0;
	padding:1.6em;
}*/

/* \*/

/*.frame legend
{
	padding-left:.8em;
	padding-right:.8em;
}*/

/* */

@media all and (min-width: 0px) /* for Opera 8 */
{
    .frame legend {
        margin-bottom: 1.6em;
    }

    .frame fieldset {
        margin-top: 0;
    }

    .frame[class^='content'] fieldset {
        margin-top: 1.6em;
    }
}

.frame fieldset > *:first-child {
    margin-top: 0;
}

.frame textarea, .frame input[type='text'] {
    padding: .1em .2em;
}

.frame input {
    /*padding: .2em .1em;*/
}

.frame select {
    padding: .2em .1em 0;
}

    .frame select[multiple] {
        margin-bottom: .8em;
    }

.frame option {
    padding: 0 .4em .1em;
}

.frame button {
    padding: .3em .5em;
}

.frame input[type='radio'] {
    position: relative;
    bottom: -.2em;
}

.frame dt {
    margin-top: .8em;
    margin-bottom: .4em;
}

.frame ul, .frame ol {
    margin-left: 2.2em;
}

.frame caption, .frame form div {
    padding-bottom: .8em;
}

.frame ul ul, content ol ul, .frame ul ol, content ol ol {
    margin-bottom: 0;
}

div.cols2 {
    width: 140px;
}

div.cols3 {
    width: 220px;
}

div.cols4 {
    width: 300px;
}

div.cols5 {
    width: 380px;
}

div.cols6 {
    width: 460px;
}

/* -border 2px menor pela borda */

div.cols3 {
    width: 218px;
}

div.cols4 {
    width: 298px;
}

div.cols5-border {
    width: 378px;
}

div.cols6-border {
    width: 458px;
}


/*
_______________________________
END */