/** * Define all styles for Screen, Projection, and stuff. * (print styles are at the bottom of this page) */ @media screen, projection { /* Browser reset, based on Eric Meyer's reset.css http://meyerweb.com */ body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 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, button, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: top; font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif; } .bkcentro1 { background: url(../images/backb.jpg) repeat; width: 100%; margin: 0 0 0 0; } .bkcentro2 { background: url(../images/backt.jpg) repeat-x 0 0; width: 100%; margin: 0 0 0 0; } ol { list-style: decimal; padding: 3px 3px 3px 10px; margin-left: 1px; } ul { list-style: none; } blockquote, q { quotes: 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-spacing: 0; } /** * * GLOBAL ELEMENTS * */ html { height: 100%; } body { background: #fff; color: #000; font: 62.5%/1 "Lucida Grande", "Lucida Sans Unicode", sans-serif; height: 100%; line-height: 1; } a { text-decoration: none; } a:hover { } /** * * COMMON ELEMENTS * */ .print { display: none; } .content img { border: 4px solid #BFE7ED; margin: 5px; } /** * * PAGE LAYOUT * */ .container { /* Defines a static width for layout elements inside of */ padding: 0; border: 0; outline: 0; font-size: 100%; width: 100%; vertical-align:top; margin: 0 auto; width: 960px; } .container5 { /* Defines a static width for layout elements inside of */ padding: 0; border: 0; outline: 0; font-size: 100%; width: 100%; vertical-align:top; margin: 0 auto; width: 900px; } #header { background: transparent url(../images/sprite_main.png) repeat-x 0 0; height: 123px; overflow: hidden; } #header-top { /* REGION */ float: left; width: 735px; min-height: 40px; } #header-bottom { /* REGION */ float: right; width: 735px; min-height: 36px; } #main-menu { float:none; padding:0 0 0 0; position:relative; margin: 0 0 0 0; width: 100%; background-color: #93A893; } #content { float: left; position: relative; width: 100%; /* z-index: 10;*/ } #content .content-inner { margin: 0 0 0 10px; padding: 0 0 0 10px; /* Set content's padding here, not on #content itself. */ } /** * * HEADER ELEMENTS * */ #header .container { position: relative; } #site-name { float: left; margin: 13px 0 0 0; height: 100px; width: 440px; } #site-name a { background: transparent url(../images/sprite_header.png) no-repeat 0 0; display: block; height: 100px; text-indent: -1000em; } #searchBox { float: left; width: 20px; height: 30px; margin: 25px 20px 20px 0; padding: 0; } #searchBox label, #searchBox input.form-submit { display: none; } #searchBox input#edit-search-block-form-1 { float: left; width: 239px; height: 27px; margin: 38px 0 0 220px; padding: 6px 0 0 30px; font: inherit; font-size: 11px; color: #979797; background: #f4f4f4 url(../images/search.jpg) no-repeat; border: none; } /** * * Navigational elements. * */ #main-menu { background: #29ADC8 url(../images/sprite_main.png) repeat-x 0 -367px; height:34px; font-size: 1.3em; font-weight: bold; z-index: 20; } #main-menu li { background: transparent url(../images/sprite_menu.png) no-repeat 100% 50%; float: left; margin-left:-2px; position: relative; } #main-menu li1 { background: transparent url(../images/sprite_menu.png) no-repeat 100% 50%; float: left; position: relative; } #main-menu li.collapsed, #main-menu li.expanded { /* Overriding core CSS */ /**padding: 0.2em 0.5em 0 0 !important;*/ list-style-image: none; list-style-type: none; } #main-menu li.first { margin-top: -1px; } #main-menu li.first1 { margin-top: -1px; margin-left:20px; } #main-menu li.last { background: none; } #main-menu li.active-trail { margin: 0 2px 0 0; } #main-menu a { color: #fff; float: left; margin: -7px 0 0; padding: 0 0 0 0px; position: relative; } #main-menu a span { cursor: pointer; float: left; padding: 10px 7px 11px 7px; margin-left: 5px; } #main-menu ul.menu ul.menu a span { margin-left: 0px !important; } #main-menu a:hover, #main-menu a.active, #main-menu li.active-trail a, #main-menu li:hover a, #main-menu li.hover a { background: #057c8d url(../images/sprite_menu.png) no-repeat 0 0; } #main-menu a:hover span, #main-menu a.active span, #main-menu li.active-trail a span, #main-menu li:hover a span, #main-menu li.hover a span { background: transparent url(../images/sprite_menu.png) no-repeat 100% 0; } #main-menu ul ul { background: transparent url(../images/sprite_menu.png) no-repeat 0 100%; display: none; left: 2pt; padding: 0 0 4px; position: absolute; top: 100%; width: 250px; z-index: 30; } #main-menu li:hover ul, #main-menu li.hover ul { display: block; } #main-menu li li { background: #596D59; clear: left; float: left; margin: 0; padding: 0 10px; width: 230px; list-style-type: none; } #main-menu li li.first { padding-top: 10px; } #main-menu li li.last { background: #596D59; padding-bottom: 5px; } #main-menu li li a, #main-menu li:hover li a, #main-menu li.hover li a { background: none; display: block; float: none; margin: 0; padding: 0; } #main-menu li li a span, #main-menu li:hover li a span, #main-menu li.hover li a span { background: none; display: block; float: none; padding: 5px 10px 6px; } #main-menu li li a:hover, #main-menu li:hover li a:hover, #main-menu li.hover li a:hover { background: #739173 url(../images/sprite_menu.png) no-repeat 0 -96px; } #main-menu li li a:hover span, #main-menu li:hover li a:hover span, #main-menu li.hover li a:hover span { background: transparent url(../images/sprite_menu.png) no-repeat 100% 100%; } #utility-menu { background: transparent url(../images/sprite_header.png) no-repeat 0 -127px; float: right; margin: 5px 0 0; padding: 0 0 0 50px; } #utility-menu ul { background: transparent url(../images/sprite_header.png) no-repeat 100% -127px; float: left; height: 31px; padding: 0 50px 0 0; } #utility-menu li { display: inline; float: left; font-size: 0.9em; margin: 0 15px 0 0; padding: 5px 0 0; text-transform: uppercase; } #utility-menu li.last { display: inline; margin: 0 0 0 15px; float: left; } #utility-menu a { color: #637863; float: left; font-weight: bold; padding: 5px 0 6px; } #utility-menu li.last a { background: #384538 url(../images/sprite_header.png) no-repeat -223px 0; color: #fff; padding-left: 25px; width: 50px; height: 9px; display: none; } #utility-menu a:hover, #utility-menu li.last a:hover { color: #111; } /** * * CONTENT ELEMENTS * */ .breadcrumb, .tabs, .help, .messages { margin: 0 0 1em; } #content .tabs li { background: none; display: inline; padding: 0; } #content h1#title, #content h2#title { display: block; margin: 0 0 0.7em 0; padding: 0 0 12px 0; color: #385268; font: normal 1.834em/1em serif; font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif; font-weight: normal; border-bottom: 1px solid #4eaab8; } #content a { color: #20a7da; } #content a:hover { color: #0c5c68; } #content p, #primary ul { margin: 0 0 1em; } #content .sub-content a { color: #395368; } /* Link Button Styles Start */ .clear { /* generic container (i.e. div) for floating buttons */ overflow: hidden; width: 100%; } /* (.sub-content is the class for both sidebars) */ .sub-content .block { background: transparent url(../images/sprite_block.png) no-repeat 0 0; margin-bottom: 15px; padding: 12px 0 0; } .sub-content .block .bg { background: transparent url(../images/sprite_block.png) no-repeat -240px 100%; padding: 0 0 12px; } .sub-content .block .inner { background: #fff; border: 1px solid #dfdfdf; border-width: 0 1px; padding: 5px 14px; } .sub-content .block h3 { margin: 0 0 15px 0; padding-bottom: 0.6em; border-bottom: 1px solid #4eaab8; color: #534741; font-size: 13px; font-weight: bold; line-height: 1em; text-transform: uppercase; } /** * * FOOTER ELEMENTS * */ #footer { color: #555555; font-size: 1.2em; line-height: 1.5em; float: center; position: relative; width: 100%; clear: both; padding-top: 0px; padding-bottom:10px; margin: 0 0 0 0; background:url(../images/back_rodape.jpg) repeat-x; } #footer1 { color: #555555; font-size: 1.2em; line-height: 1.5em; float: center; position: relative; width: 100%; clear: both; padding-top: 15px; padding-bottom:10px; margin: 0 0 0 0; } #titulo_green { float: left; position: relative; width: 100%; background:url(../images/back_titulo.jpg) repeat-x; /* z-index: 10;*/ } div#footer-copyright { margin-top:20px; margin-left:10px; float: left; width: 40%; text-align: left; } div#footer-contact-info { margin-top:20px; margin-right: 10px; margin-bottom: 5px; float: right; width: 40%; text-align: right; } p#footer-company-name { color: #56717b; font-weight: bold; margin-bottom: 0.8em; } p#footer-address { margin-bottom: 0.8em; } #footer a { color: #20a7da; margin-right:0px; } #footer a:hover { color: #0c5c68; } /** * * Quotes and HR styles * */ #quotebox { background:#ddf4f7 url(../images/quotebox.png) no-repeat scroll left top; border: 1px solid #bfe7ed; color:#194353; font-size:14px; font-style:italic; margin-bottom:12px; padding:14px 14px 14px 75px; } div.hr { background:transparent url(../images/hr.png) no-repeat scroll center center; height:32px; } .taxonomy{ margin-bottom: 1em; } hr { /* over ride default style */ border:0 } li.collapsed { margin: 0; } li.expanded { padding: 0.2em 0.2em 0 0.2em; /* LTR */ margin: 0; } #content li.expanded { list-style-image:url(../misc/menu-expanded.png)!important; } li.leaf { list-style-image: none; list-style-type: none; padding: 0.2em 0.5em 0 0; /* LTR */ margin: 0; } #main-menu li.active-trail li.active-trail .menu { left: 0pt; margin-left: -10px; margin-right:0px; background:transparent; position: relative; z-index:30; } #main-menu li.active-trail li.active-trail .menu li { background: transparent; } #main-menu li.active-trail li.active-trail .menu li.first { padding-top: 0px; } #main-menu li.active-trail li.active-trail .menu li.last { padding-bottom: 0px; } #main-menu li.active-trail li.active-trail .menu li a span { padding-left: 30px; font-weight: normal; } #main-menu li.active-trail li.active-trail .menu li li a span { padding-left: 45px; font-size: 12px; } .backflash { background: url(../images/content-bg.png) no-repeat; margin: 2px 0 0 0; padding: 0 0 0 0; width: 928px; height: 340px; } #mainFeature { margin-bottom: 10px; margin-top: 49px ; } ._flash { margin: 19px 0 0 0; padding: 0 0 0 0; width: 640px; height: 312px; } .borda-imagembut { margin-left:20px; border-width: 1px; border-style: solid; border-color: #F79246; } .borda-imagembutOver { margin-left:20px; border-width: 1px; border-style: solid; border-color: #5B735B;