body { background:#fff url(../imgs/bkg.jpg) repeat-x left top; color:#000; font:12px/16px Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:justify } h1, h2, h3, h4, h5, h6, p, ul, li, form, div, img, fieldset, legend, label, input, select, textarea, button, span, table, caption, td, tr, th { margin:0; padding:0; } a img { border:none; } ul { list-style:none; } a { color:#ff0000; text-decoration:none; } a:hover { color:#000; text-decoration:none;} .clear { clear:both; height:0; } .disappear { visibility:hidden; } .bold { font-weight: bold; } .italic { font-style: italic; } .marginTop { margin-top:15px;} .paddingLeft { padding-left:30px;} .red { color:#ff0000; } .green { color:#55631D; } /* ________________________________________________ 1. Blocks __________________________________________________________ */ div#page-wrapper { width:991px; text-align:left; margin:0 auto; } div#header { margin:0; padding:0; height:95px; } div#navigation { clear:both; height:50px; margin:14px 0 0 10px; padding:0; font-family: Arial, Helvetica, sans-serif; } div#banner { height:260px; } #content-wrapper { clear:both; overflow:hidden; background-color:#fff;} #contents { width:650px; float:left; position:relative; } #trademarks { height:110px; background-color:#aeb5bb; } /* _______________________________________________ 2. Header Contents __________________________________________________ */ div#logo { float:left; position:relative; width:287px; height:78px; background:url(../imgs/logo.png) no-repeat left top; } div#pesquisa { float:right; position:relative; height:80px; width:326px; background:url(../imgs/bkg_search.png) no-repeat right 20px; } .frase { float:left; position:relative; width:200px; margin-left:20px; padding-top:30px; font-size:17px; line-height:20px; color:#fff; font-style: italic; } /* _______________________________________________ 3. Navigations bar __________________________________________________ */ ul#nav li { float:left; text-align:center; font-size:14px; line-height:18px; } ul#nav li a { text-decoration:none; color:#fff; display: block; height:41px; padding-top:10px; } ul#nav li a span { clear:both; color:#54b4ff; font-size:12px; } ul#nav li a:hover { color: #000; font-weight:bold; } ul#nav li a:hover span { font-size:11px; } #home ul#nav li#nav-home a, ul#nav li#nav-home a:hover { background:url(../imgs/home_on.png) center top; color: #000; font-weight:bold; } ul#nav li#nav-home a { width:112px; } #company ul#nav li#nav-company a, ul#nav li#nav-company a:hover { background:url(../imgs/company_on.png) center top; color: #000; font-weight:bold; } ul#nav li#nav-company a { width:195px; } #clients ul#nav li#nav-clients a, ul#nav li#nav-clients a:hover {background:url(../imgs/contacts_on.png) center top; color: #000; font-weight:bold; } ul#nav li#nav-clients a { width:147px; } #directory ul#nav li#nav-directory a, ul#nav li#nav-directory a:hover { background:url(../imgs/directory_on.png) center top; color: #000; font-weight:bold; } ul#nav li#nav-directory a { width:167px; } #contacts ul#nav li#nav-contacts a, ul#nav li#nav-contacts a:hover { background:url(../imgs/contacts_on.png) center top; color: #000; font-weight:bold;} ul#nav li#nav-contacts a { width:147px; } #club ul#nav li#nav-club a, ul#nav li#nav-club a:hover { background:url(../imgs/club_on.png) center top; color: #000; font-weight:bold; } ul#nav li#nav-club a { width:211px; } /* _____________________________________________ 5. Padding ____________________________________________________________________ */ .padding { padding:30px 50px 42px; } #header .padding { padding:17px 18px 16px 24px; } #trademarks .padding { padding:34px 0px; } #footer .padding { padding:15px 29px 50px; } #mainCol .block .padding { padding:0 15px 0 0; } .shadow .padding { padding: 30px 40px 0 20px} /* _____________________________________________ 6. Cols ______________________________________________________________________ */ #mainCol { float:left; position:relative; margin:0; padding:0 } #secCol { float:right; position:relative; width:341px; margin:0; padding:0 } /* ________________ 7. Blocks and cols inside__________________ */ .share { float:left; position:relative; width:280px; } .social { float:left; position:relative; width:240px; } .sitemap { width:470px; float:left; position:relative; } .block { width:230px; float:left; padding-left:10px; } #mainCol .block { width:265px; padding-left:0; height:70px; margin:0 10px 0 0; } .blockSmall { width:170px; float:left; } .borderSides { border-right:1px solid #999999; border-left:1px solid #999999; overflow:hidden} .destaques { margin:0 auto; width:480px; padding:20px 0; background:#394148 url(../imgs/logo_marketing_small.png) no-repeat 300px center; margin-top:10px; } #club .destaques { margin:10px 20px 25px; width:190px; padding:70px 20px 20px; background:#394148 url(../imgs/logo_marketing_small.png) no-repeat 30px 20px; float:left; } .destaques2 { margin:0 auto; width:480px; padding:20px 0; background:#0d345f url(../imgs/logo_directory_small.png) no-repeat 300px center; margin-top:10px;} .destaques3 { margin:0 auto; width:265px; padding:20px 0; margin-top:10px; background-color:#394148; } .destaques4 { margin:0 auto; width:120px; padding:0; } .open { width:550px;} .bkgShadow { background-color: #FFFFFF; } .shadow { background:#fff; padding:20px 20px 20px 20px; /*height:1000px;*/ } .ui-tabs { overflow:hidden; padding-bottom:15px; } /* ____________________________________________ 8. headdings __________________________________________________________________ */ h1 { font: normal 24px/34px Verdana, Arial, Helvetica, sans-serif; padding:0 0 0 44px; margin:0 0 20px; text-align:right; text-transform:uppercase; background:url(../imgs/small_logo.jpg) no-repeat left center; float:right; } h2 { font:bold 18px Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0 0 15px; } h3 { font:normal 18px Verdana, Arial, Helvetica, sans-serif; padding:0 0 10px; margin:0; color:#ff0000; } h4 { font:bold 14px/36px Verdana, Arial, Helvetica, sans-serif; padding:0 0 0 28px; margin:0; background-color:#dce0e1; } h5 { font:bold 12px Verdana, Arial, Helvetica, sans-serif; padding:7px 0; margin:0; } h6 { font: 10px Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0; } /*________________ h1 ______________*/ #header h1 { background:none; } h1 span { color:#ff0000; font-size:30px; } .shadow h1 { margin-right:20px;} .destaques3 h2 { background:url(../imgs/small_logo.png) no-repeat 20px center; margin:0; padding:0 0 0 70px; } h2.titleH { padding:0; margin:15px 0 7px; color:#0040A0; font-size:17px; } /*________________ h3 ______________*/ #mainCol .block h3 { font-size:14px; } #company #mainCol h3, #directory #mainCol h3 { background: url(../imgs/arrow_red.png) no-repeat left center; padding:0 15px; margin:15px 0 7px; cursor:pointer; color:#000; font-size:18px; } #directory #mainCol h3 { font-size:14px; font-weight:bold; } /*________________ h4 ______________*/ #mainCol h4, #directory #mainCol h4 { background:none; padding:0 } #club #mainCol h4 { background: url(../imgs/arrow_red.png) no-repeat left center; padding:0 15px; margin-left:20px; } h4 span, h5 span { color:#ff0000; font-family:Arial, Helvetica, sans-serif} /*________________ h5 ______________*/ #footer h5 { text-transform:uppercase; font-size:11px; color:#000; padding:3px 0; } /* ____________________________________________ 9. Paragraphs & txt ___________________________________________________________ */ p { text-align:justify; padding-bottom:10px;} #pesquisa p { color:#a3c701; text-align:right; } p.blue, .blue { color:#085daa } p.paddingNone { padding:0; margin-top:15px; } #contacts #mainCol p { margin-bottom:7px; } p.pRight { text-align:right; margin-top:120px; font-weight:bold; color:#fe0000; } .destaques4 p { text-align:center; font-weight:bold; margin-top:-15px; } /* ____________________________________________ 10. Links ______________________________________________________________________ */ #pesquisa p a { color:#a3c701;} #pesquisa p a:hover { color:#fff; } .destaques p { font: 20px/26px Verdana, Arial, Helvetica, sans-serif; background:url(../imgs/arrow_wite.png) no-repeat 25px 10px; padding:0 40px; } .destaques2 p { font: 12px/26px Verdana, Arial, Helvetica, sans-serif; background:url(../imgs/arrow_wite.png) no-repeat 25px 10px; padding:0 40px; } #club .destaques p { background:none; padding:0 0 0 67px; } .destaques p a, .destaques2 p a, .destaques3 h2 a { color:#fff;} .destaques p a:hover, .destaques2 p a:hover, .destaques span a:hover, .destaques3 h2 a:hover { color:#fe0000; } .destaques span { clear:both; font-size:12px; font-weight:bold; color:#54B4FF} .destaques span a { color:#54B4FF } #club #mainCol h4 a, #footer h5 a, p.pRight a { color:#000; text-transform:none; } #club #mainCol h4 a:hover, #footer h5 a:hover, p.pRight a:hover { color:#fe0000; } #mainCol .block h3 a { color:#0040a0;} #mainCol .block h3 a:hover { color:#fe0000; } #mainCol .block p a { color:#666666; text-decoration:underline } #mainCol .block p a:hover { color:#fe0000; text-decoration:underline } #contacts #mainCol a { color:#0040a0; text-decoration:none } #contacts #mainCol a:hover { color:#000; text-decoration:none } #company #mainCol h5 {color:#fe0000; line-height:30px; } #company #mainCol img { float:none; text-align:center; margin:0 auto } /* ____________________________________________ 11. imgs _______________________________________________________________________ */ #trademarks img { margin:0 34px 0 0 } #footer img { margin-right: 10px } #mainCol img { margin:15px 10px 15px 0 } #mainCol img.MarginNone { margin:15px 0 15px 0 } #contacts #mainCol img { float:left; margin: 20px 10px 10px 0} img.Left { float:left; margin: 5px 10px 10px 0} span.Right, img.Leftproduto { float:right; margin: 0 0 10px 10px} .share img { float:left; } .destaques4 img { margin:0 auto; } /* ____________________________________________ 12. Lists ______________________________________________________________________ */ ul.dataClients li { float:left; width:300px; background-color:#e2e2e2; margin:4px 0; padding:5px 0 5px 10px; } ul.dataClients li.title { width:133px; text-align:right; padding-right:7px; font-weight:bold; background:none; clear:both } #footer ul li a { color:#000; line-height:18px; } #footer ul li a:hover { color:#ff0000; } #footer ul.blue { float:left; width:230px; margin:10px 0 0 5px; } #footer ul.blue li a { color:#0040a0; line-height:18px; } #footer ul.blue li a:hover { color:#000; } /* ____________________________________________ 13. Forms ______________________________________________________________________ */ form ul { list-style:none; margin:0; padding:0;} form li { padding:5px; } form li.big { width:470px; margin-right:5px; } form label { font-size:11px; line-height:16px; color:#fff } form input, form textarea, form select { padding:0; width:150px; height:14px; border:none; font-size:11px; padding:3px; } form textarea { height:120px; width:450px; border:1px solid #cacaca;} form select { height:20px; margin:0 16px; } form input.button { width:50px; height:20px; border:none; cursor:pointer; font-size:10px; color:#fff; line-height:18px; text-align:center; padding-bottom:5px; margin-left:7px; background: url(../imgs/button_search.png) no-repeat left top; } /*__________13.1 Login Form_____________*/ #pesquisa form li { color:#3c4900; margin:0; padding:0; } #pesquisa form li.title { text-align:center; text-transform:uppercase; margin:7px 0 5px 30px; font-weight:bold; } #pesquisa form label { color:#000; margin:0 4px 0 60px; float:left; line-height:20px; } #pesquisa form input { width:124px; height:15px; background-color:#fff; border:1px solid #cacaca; margin-right:5px; float:left;} #pesquisa form input.search { width:72px; height:22px; background-color:#ce0000; border:1px solid #4c0000; cursor:pointer; color:#fff; text-align:center; text-transform: uppercase; font-weight:bold; } /*__________13.2 Main Form_____________*/ #mainCol form li { color:#3c4900; margin:0; padding:0; float:left; width:145px; margin:0 5px 20px 0; } #mainCol form li.small { width:72px; margin-right:5px; } #mainCol form label { color:#000; margin:0; text-align:left; line-height:20px; } #mainCol form select, #mainCol form input { width:145px; height:25px; background-color:#fff; border:1px solid #cacaca; float:left; margin:0; } #mainCol form input { height:17px; width:138px; margin:0; } #mainCol form input.search { width:72px; height:22px; background-color:#ce0000; border:1px solid #4c0000; cursor:pointer; color:#fff; text-align:center;text-transform: uppercase; font-weight:bold; margin-top:21px; } /*__________13.2 Contacts Form_____________*/ #contacts #mainCol form ul, #club #mainCol form ul { list-style:none; margin:10px 0 0; padding:0;} #contacts #mainCol form li, #club #mainCol form li { width:320px; } #contacts #mainCol form input, .shadow form input, #club #mainCol form input { width:300px; } #contacts #mainCol form input.checkbox, #club #mainCol form input.checkbox { height:20px; width:20px;} #contacts #mainCol form input.search, #club #mainCol form input.search { width:72px; height:22px; margin: 0 0 0 120px; } /*__________13.2 Shadow Form_____________*/ .shadow form li { width:320px; } .shadow form label { color:#000; margin:0; text-align:left; line-height:20px; float:left; } .shadow form input, .shadow form select { width:300px; border:1px solid #cacaca; margin:0; } .shadow form input.search { width:72px; height:22px; background-color:#ce0000; border:1px solid #4c0000; cursor:pointer; color:#fff; text-align:center;text-transform: uppercase; font-weight:bold; margin-top:21px; } /* ______________________________________________14. Tables_____________________________________________________________________ */ table { border-collapse:collapse; margin:15px 0; width:550px; font-family: Verdana, Arial, Helvetica, sans-serif; } table td, table th { padding: 5px 5px 5px 5px; /*border:1px solid #fff; border-width:0 1px 1px 0;*/ } table th { width:165px; } thead th { background-color:#085daa; color:#FFF; } tbody th { font-weight:normal;} thead td { background-color:#cedfee; font-weight:bold; color:#3d4247; } tfoot td { background-color:#F7F7F7; text-align:center; font-size:11px; line-height:20px; color:#868686} tbody th, tbody td { border:1px dotted #bbbbbb } tbody th, thead th, thead td { text-align:center; } tbody td { text-align:left; padding-left:110px; font-weight:bold; } tbody td.gold { background:url(../imgs/etiqueta_gold.png) no-repeat left top; } tbody td.silver { background:url(../imgs/etiqueta_silver.png) no-repeat left top; } tbody td.bronze { background:url(../imgs/etiqueta_bronze.png) no-repeat left top; } tbody td.go { color:#868686; background:url(../imgs/arrow_red.png) no-repeat 80% center; padding-left:5px; width:60px; text-align:center } tbody tr.fundo { background:#f2f2f2; } tfoot td span.results { float:left } tfoot td span.navPages { float:right } tbody td.go a { color:#868686; } tbody td.go a:hover { color:#ff0000; } tfoot td a { color:#868686; } tfoot td a:hover { color:#ff0000; } /* ______________________________________________15. Shadowbox_________________________________________________________________ */ .shadow { width:550px; height:580px;} /* ______________________________________________16. Footer ___________________________________________________________________ */ #footer { clear:both; padding:0; color:#5f5f5f; border-top:1px solid #cccccc; background-color:#e8eaeb; margin:0 0 10px} #footer p { padding:15px 0; background-color:#FFF; text-align:center; margin-top:20px;} .paddingF a, .print a:hover { color:#5f5f5f; text-decoration:none;} .paddingF a:hover, .print a { color:#001fbd; text-decoration:none; } .paddingF { padding:0 200px 0 200px} .jscroller2_up, .jscroller2_down, .jscroller2_left, .jscroller2_right { margin: 0; padding: 0;} .jscroller2_left, .jscroller2_right, .jscroller2_left_endless, .jscroller2_right_endless { white-space: nowrap;} /* CSS Hack Safari */ #dummy {;# } #scroller_container { height:60px; overflow: hidden; width:auto; } /*____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________*/