/* css reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, th {
 margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; vertical-align: top }
table, tr, td { margin: 0; padding: 0; outline: 0; font-size: 100%; background: transparent; vertical-align: top }
body { line-height: 1 }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }

/* remember to define focus styles! */
:focus { outline: 0 }

/* remember to highlight inserts somehow! */
ins { text-decoration: none}
del { text-decoration: line-through }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0 }

/* end css reset */



/* common */

body { background-color: #ffffff; text-align: center; font-size: 10px }

#realSite { width: 980px; height: 100%; background-color: #dfdede; margin: 0px auto; text-align: left; position: relative }

input { width: 160px; font-size: 11px }

.dart, a.dart { font-size: 10px; font-family: Tahoma; color: #205394; text-decoration: none; font-weight: normal; cursor: pointer }
a.dart:hover { color: #666666 }

.indice_l0 { font-size: 11px; margin: 0px 4px 6px 0px }
.indice_l0 a { font-weight: bold; color: #000000}
.indice_l0 img { margin: 4px 4px 0px 0px }
.indice_l1 { font-size: 11px; margin: 2px 4px 6px 0px }
.indice_l1 a { font-weight: normal; color: #000000}
.indice_l1 img { margin: 4px 4px 0px 0px }
.indice_l2 { font-size: 10px; margin: 1px 4px 2px 12px }
.indice_l2 a { font-weight: normal; color: #000000}
.indice_l2 img { margin: 4px 4px 0px 0px }
.indice_l3 { font-size: 10px; margin: 1px 4px 2px 24px }
.indice_l3 a { font-weight: normal; color: #000000}
.indice_l3 img { margin: 4px 4px 0px 0px }
.indice_l4 { font-size: 10px; margin: 1px 4px 2px 36px }
.indice_l4 a { font-weight: normal; color: #000000}
.indice_l4 img { margin: 4px 4px 0px 0px }
.selected { color: #205394 }

.documento { padding-bottom: 10px }

/* end common */



/* header */

#header { width: 100%; height: 118px; font-family: Verdana,Tahoma,Arial }
#header a { color: #B6CED9; text-decoration: none }
#header a:hover { color: #666666 }

#headerTop { width: 100% }

#headerTop #left { float: left; width: 260px }
#headerTop #left .banner{ height: 45px; margin-top: 15px; text-align: center }
#headerTop #left .Welcome { height: 13px; text-align: left; margin-top: 15px; margin-left: 20px }
#headerTop #headerLeft { float: left; width: 260px }
#headerTop #headerLeft .banner{ height: 45px; margin-top: 15px; text-align: center }
#headerTop #headerLeft .Welcome { height: 13px; text-align: left; margin-top: 15px; margin-left: 20px }

#headerTop #middle { float: left; width: 460px }
#headerTop #middle .logo { height: 73px; text-align: center; background: #dfdede }
#headerTop #headerMiddle { float: left; width: 460px }
#headerTop #headerMiddle .logo { height: 73px; text-align: center; background: #dfdede }

#headerTop #right { float: left; width: 260px }
#headerTop #right .login { height: 60px }
#headerTop #right .time { height: 13px; text-align: right; margin-top: 15px; margin-right: 20px }
#headerTop #headerRight { float: left; width: 260px }
#headerTop #headerRight .login { height: 60px }
#headerTop #headerRight .time { height: 13px; text-align: right; margin-top: 15px; margin-right: 20px }

#headerBottom { float: left; width: 100%; height: 31px; background: #dfdede url('/img/headerBkg.gif') center top no-repeat; text-align: center; padding-top: 9px; font-family: Verdana,Tahoma,Arial; font-size: 11px; font-weight: bold }
#headerBottom a { color: #205394; text-decoration: none }
#headerBottom img { margin: 6px 9px 0px 9px }

/* end header */



/* body */

#body { width: 100%; font-family: Verdana,Tahoma,Arial }
#body a { color: #000000; text-decoration: none; cursor: pointer }
#body a:hover { color: #666666 }

#bodyCol { width: 100% }
#bodyCol #path { float: left; width: 100%; font-family: Verdana,Tahoma,Arial; font-size: 10px; padding: 5px 20px 5px 20px }
#bodyCol #path .note { color: #205394 }

#bodyCol #left { float: left; width: 260px; padding: 10px 0px 10px 0px; font-family: Verdana,Tahoma,Arial; font-size: 10px }
#bodyCol #left h2 a { font-weight: bold; color: #205394 }
#bodyCol #left h2 a:hover { color: #666666 }

#bodyCol #left .box { width: 260px; text-align: left; margin-bottom: 4px }
#bodyCol #left .box .top { height: 13px; background: url('/img/leftColBoxTop.jpg') center top no-repeat }
#bodyCol #left .box .middle { padding-left: 29px; padding-right: 29px; background: url('/img/leftColBoxMiddle.jpg') center top repeat-y }
#bodyCOl #left .box .space { height: 10px; background: url('/img/leftColBoxMiddle.jpg') center top repeat-y }
#bodyCol #left .box .bottom { height: 13px; background: url('/img/leftColBoxBottom.jpg') center bottom no-repeat }
#bodyCol #left .box h1 { font-weight: bold; color: #205394; font-size: 14px; margin-bottom: 8px }
#bodyCol #left .box h2 { font-weight: bold; color: #205394 }
#bodyCol #left .box h3 { font-weight: bold; color: #000000 }
#bodyCol #left .box img { margin-right: 5px }
#bodyCol #left .box .note { color: #205394 }

#bodyCol #left .simplebox { width: 260px; text-align: left }
#bodyCol #left .simplebox .middle { padding-left: 20px; padding-right: 20px }
#bodyCOl #left .simplebox .space { height: 10px }
#bodyCol #left .simplebox h1 { font-weight: bold; color: #205394; font-size: 14px; margin-top: 16px }
#bodyCol #left .simplebox h2 { font-weight: bold; color: #205394 }
#bodyCol #left .simplebox img { margin-right: 5px }

#bodyCol #center { float: left; width: 700px; padding: 0px 0px 10px 0px; font-family: Verdana,Tahoma,Arial; font-size: 11px }
#bodyCol #center h2 a { font-weight: bold; color: #000000 }
#bodyCol #center h2 a:hover { color: #666666 }

#bodyCol #center .box { width: 700px; text-align: left; margin-top: 10px }
#bodyCol #center .box .top { height: 17px; background: url(/img/centerColBigBoxTop.gif) center top no-repeat; text-align: right; padding-right: 25px }
#bodyCol #center .box .top .op { width: 70px; background-color: #dfdede; text-align: center }
#bodyCol #center .box .middle { background: url(/img/centerColBigBoxMiddle.gif) center top repeat-y; padding: 8px 25px 8px 25px }
#bodyCol #center .box .middle .view table { margin: 0px 0px 4px 0px }
#bodyCol #center .box .bottom { height: 13px; background: url(/img/centerColBigBoxBottom.gif) center bottom no-repeat }
#bodyCol #center .box h2 { font-weight: bold; color: #000000; margin-bottom: 2px }
#bodyCol #center .box img { width-max: 650px; margin-right: 15px }
#bodyCol #center .box .note { color: #205394 }
#bodyCol #center .box .note_p { color: #205394 }
#bodyCol #center .box .note_r { color: #ff6602 }

/* end body */



/* footer */

#footer { width: 100%; height: 36px; font-family: Verdana,Tahoma,Arial }
#footer a { color: #999999; text-decoration: none }
#footer a:hover { color: #666666 }

#footerCol { width: 100%; height: 36px; background: url('/img/footerBkg.gif') center top no-repeat }
#footerCol #left { float: left; width: 240px; text-align: left; padding-top: 6px; margin-left: 20px }
#footerCol #footerLeft { float: left; width: 240px; text-align: left; padding-top: 6px; margin-left: 20px }
#footerCol #middle { float: left; width: 460px; text-align: center; padding-top: 9px; font-family: Verdana,Tahoma,Arial; font-size: 9px; }
#footerCol #middle img { margin: 6px 9px 0px 9px }
#footerCol #footerMiddle { float: left; width: 460px; text-align: center; padding-top: 9px; font-family: Verdana,Tahoma,Arial; font-size: 9px; }
#footerCol #footerMiddle img { margin: 6px 9px 0px 9px }
#footerCol #right { float: left; width: 240px; text-align: right; padding-top: 8px; margin-right: 20px }
#footerCol #footerRight { float: left; width: 240px; text-align: right; padding-top: 8px; margin-right: 20px }

/* end footer */