/* XXXXXXXXXXXXXXXXXXXX

GERAL

XXXXXXXXXXXXXXXXXXXX */

* { border:0; margin:0; padding:0; width:auto; height:auto; }

.cb { clear:both; height:5px; }

.linha { clear:both; border-bottom:1px solid #888; padding:0 1%; margin:5% 0; width:98%; }

.a, .b, .c, .d { height:12px; position:absolute; width:12px; }

.a { background:url(../img/layout/bg-a.jpg); top:0px; left:0px; }

.b { background:url(../img/layout/bg-b.jpg); top:0px; right:0px; }

.c { background:url(../img/layout/bg-c.jpg); bottom:0px; left:0px; }

.d { background:url(../img/layout/bg-d.jpg); bottom:0px; right:0px; }


html { height:100%; width:100%; }

body { background:url(../img/layout/bg-body.jpg) repeat-x; color:#FFF; font:12px/100% arial, verdana, "trebuchet ms", sans-serif; height:100%; width:100%; }

/* XXXXXXXXXXXXXXXXXXXX

ESTRUTURA

XXXXXXXXXXXXXXXXXXXX */

#outsite { background:url(../img/layout/bg-outsite.jpg) no-repeat top center; min-height:100%; position:relative; width:100%; }

#site { margin:0 auto; min-height:100%; position:relative; width:980px; }

#top {  height:402px; padding:10px; width:960px; }

#top h1 a, #top h2  { color:#FFF; padding-bottom:0; line-height:100%; }

#top p { color:#FFF; }


#middle { margin:0 auto; height:100%; float:left; padding-bottom:250px; width:100%; }


#menu { border-top:1px solid #035; border-bottom:1px solid #035; float:left; height:100%; margin-top:1%; position:relative; width:28%; }

#menu h3 { color:#FFF; }

#menu li { font-size:132%; line-height:120%; }


#content { color:#555; float:left; padding:1% 2%; width:68%; }

#middle .head { background:#035 url(../img/layout/bg-div.jpg) no-repeat left; height:50px; margin-bottom:20px; padding-left:2%; width:98%; }

#middle .head  div { background:url(../img/layout/bg-div-head.jpg) no-repeat right; height:100%; position:relative; width:100%; }

#middle .head  div h2 a { color:#FFF; }

#middle .head  div h2 { padding-top:1%; }

#bottom { float:left; background:#000 url(../img/layout/bg-bottom.jpg) no-repeat right; height:195px; position:relative; min-width:980px; width:100%; margin-top:-195px; }

#bottom .adress { border-left:1px solid #222; float:left; font-size:10px; height:35px; padding:10px; width:145px; }

#bottom div { margin:0 auto; width:980px; }

#bottom h3 { color:#FFF; font-size:80%; }

#bottom a { color:#FFF; }

/* XXXXXXXXXXXXXXXXXXXX

LINKS

XXXXXXXXXXXXXXXXXXXX */

a { text-decoration:none; }

#content a:link { color:#035; }

#content a:hover { color:#035; }

#content a:active { color:#035; }

#content a:visited { color:#035; }

#content a:focus { color:#035; }

#menu a:link { color:#FFF;}

#menu a:hover { color:#035; }

#menu a:active { color:#035; }

#menu a:visited { color:#DDD; }

#menu a:focus { color:#035; }

/* LINK ATIVO */

.current_page_item a { background:#FFF; color:#035 !important; }

/* XXXXXXXXXXXXXXXXXXXX

DIAGRAMAÇÃO

XXXXXXXXXXXXXXXXXXXX */

/* CABEÇALHOS */

h1, h2, h3, h4, h5, h6 { line-height:120%; padding:2% 0% 1% 0%; }

h1 { color:#035; font-size:220%; }

h2 { color:#035; font-size:180%; }

h3 { color:#035; font-size:120%; }

h4 { color:#035; font-size:100%; }

h5 { color:#035; font-size:100%; }

h6 { color:#035; font-size:100%; }

/* PARAGRÁFOS */

p { line-height:120%; padding:0 0 2% 0; text-align:justify; }

p abbr, p acronym { border-bottom:1px dashed #bbb; cursor:help; }

/* LISTAS */

ol { color:#555; list-style:decimal inside; padding:0 0 2% 0; }

ol li { padding:0.5%; }


ul {  color:#555; list-style:square inside; padding:0 0 2% 0; }

ul li { padding:0.5%; }

/* LISTA ESTILO LIGHT */

ul.light { width:98%; padding:1%; }

ul.light li { background:#035; list-style:none inside; margin:2px; padding:0; width:98%; }

ul.light li a,
ul.light a:visited {  color:#FFF; display:block; padding:10px;  }

ul.light li a:hover { background:#FFF; color:#035; }

/* TABELA */

table { text-align:center; width:100%; }

table th { background:#555; border-bottom:1px dotted #888; color:#FFF; padding:5px; }

table td { border-bottom:1px dotted #888; padding:5px; }

/* XXXXXXXXXXXXXXXXXXXX

FORMULÁRIOS

XXXXXXXXXXXXXXXXXXXX */

fieldset { background:#FFF; border:1px solid #888; margin:1%; padding:1%; width:95%; }

fieldset:hover, fieldset:active { border:1px solid #222; color:#222; }

legend { background:#FFF; border:1px solid #888; font-size:80%; margin-left:0.5%; padding:1%; }

label { cursor:pointer; font-size:80%; }

input { background:url(../img/layout/bg-input.jpg) repeat-x bottom; border:1px solid #888; color:#888; height:22px; margin:1%; padding:2px; width:95%; }

input:hover, input:focus { border:1px solid #035; color:#035; }

.checkboxbox label { position:relative; top:-5px; }

input[type="checkbox"] { margin:0 0.5%; width:25px; }

input[type="file"] {}

.radiobox label { position:relative; top:-5px; }

input[type="radio"] { margin:0 0.5%; width:25px; }

textarea { background:url(../img/layout/bg-input.jpg) repeat-x bottom; border:1px solid #888; color:#888; font:12px/100% arial, verdana, "trebuchet ms", sans-serif; height:72px; margin:1%; padding:2px; width:95%; }

textarea:hover, textarea:focus { border:1px solid #035; color:#035; }

.submit { background:url(../img/layout/bg-submit.jpg) repeat-x bottom; border-color:#035;

color:#FFF; cursor:pointer; font-weight:bold; height:48px; padding:2px; width:95%; }

.submit:hover, .submit:focus { color:#FFF; }

select { border:1px solid #888; color:#888; height:22px; margin:1%; padding:2px; width:95%; }

select:hover, select:focus { border:1px solid #222; color:#222; }

optgroup { font-size:100%; padding:1%; width:98%; }

option { padding:1%; width:98%; }

/* AVISOS */

.fail { background:#fbb; color:#800; border:1px solid #800; font-weight:bold; margin:1% 0; padding:1%; width:98%; }

.warning { background:#ffb; color:#880; border:1px solid #880; font-weight:bold; margin:1% 0; padding:1%; width:98%; }

.sucess { background:#bfb; color:#080; border:1px solid #080; font-weight:bold; margin:1% 0; padding:1%; width:98%; }

/* XXXXXXXXXXXXXXXXXXXX

ESTRUTURA

XXXXXXXXXXXXXXXXXXXX */

/* UMA COLUNA */

#onecol { float:left; width:100%; }

/* DUAS COLUNAS */

#twocols { float:left; width:100%; }

#twocols .colleft,
#twocols .colright { background:#eee; float:left; margin:1%; padding:1%; width:46%; }

/* TRÊS COLUNAS */

#threecols { float:left; width:100%; }

#threecols .colleft,
#threecols .colcenter,
#threecols .colright { background:#eee; float:left; display:inline; margin:1%; padding:1%; width:29%; }

#threecols .colcenter { width:30%; }

/* QUATRO COLUNAS */

#fourcols { float:left; width:100%; }

#fourcols .colleft,
#fourcols .colleftcenter,
#fourcols .colrightcenter,
#fourcols .colright { background:#eee; float:left; display:inline; margin:1%; padding:1%; width:21%; }