/* ||| universal set of reset styles |||*/
html, body, div, span, applet, object, iframe, caption, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
vertical-align: baseline;
font-size: 100%;
outline: 0;
padding: 0;
margin: 0;
border: 0;
letter-spacing: 0px;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
background: #F7AF28;
font-family:arial,helvetica,sans-serif;
font-size:100%;
line-height:1.385em;
font-size:13px;
color:#222222;
}
ol, ul {
list-style: none;
}
/* tables still need cellspacing="0" in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
/* remove possible quote marks (") from & */
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/* ||| the end |||*/
/* ||| set of clearing floats |||*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
.clear {
clear: both;
}
/* End hide from IE-mac */
/* ||| the end |||*/
html {
height: 100%;
margin-bottom: 1px;
}
body {
margin: 0;
padding: 0;
font-size:100%;
}
#bg {
font: normal 12px Arial, Helvetica, sans-serif;
line-height:130%;
color: #602D21;
background-color: #F7AF28;
background-image: url(../images/bg_topo.gif)!important;
background-repeat: repeat-x;
background-position: top;
}
a {
outline: none;
cursor: pointer;
}
img {
border: none;
text-decoration: none;
}
a:link, a:visited, a:active {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
ul {
padding: 0 0 0 2px;
margin: 0;
margin-left: 1px;
list-style: none;
}
ul li {
background: url('../images/arrow.png') no-repeat 0 5px;
padding-left: 14px;
line-height: 170%;
}
ul li a {
text-decoration: none!important;
}
ul li a:hover {
text-decoration: underline!important;
}
ol li {
line-height: 170%;
}
fieldset {
border: 0;
padding: 5px 0;
}
h1 {
font-size: 200%;
}
h2 {
font-size: 210%;
font-weight: normal;
margin:2px 0 15px 0;
}
h3 {
font-size: 145%;
}
h4 {
font-size: 100%;
}
h5 {
font-size: 120%;
}
h6 {
font-size: 110%;
}
th {
padding: 4px;
text-align: left;
}
fieldset {
border: none;
}
fieldset a {
font-weight: bold;
}
input, select, button {
font: normal 11px Arial, Helvetica, sans-serif;
}
hr {
border-right: 0;
border-left: 0;
border-bottom: 0;
height: 1px;
color: #eee;
background-color: #eee;
}
.clearfix {
clear: both;
}
.lf {
float: left;
}
.rf {
float: right;
}
/* Here you can change width or height of your logo*/
a#logo {
background: transparent url('../images/logo.jpg') no-repeat 0 0;
width: 200px;
height: 85px;
display: block;
float: left;
}
/*end*/
/* Set the major blocks
--------------------------------------------------------------------------------*/
div#header_wrap, div#header_wrap_bottom, div#top_wrap, div#content_wrap, div#footer_wrap, div#bottom_wrap {
width: 959px;
margin: 0 auto;
clear: both;
}
div#top_wrap {
margin-top: 0px;
}
div#top_wrap div#menu {
font: normal 11px Arial, Helvetica, sans-serif;
}
div#header_wrap, div#header_wrap_bottom {
font: normal 11px Arial, Helvetica, sans-serif;
color: #707070;
width: 994px;
}
div#header_wrap_bottom {
/*background: url('../images/bg_header_bottom.png') no-repeat 0 0;*/
background-position: bottom;
padding-bottom: 22px;
*padding: -12px;
}
div#header_content {
padding: 0px 0px 0px 17px;
*padding: -4px 0px 0px 17px;
_padding: 0 10px 0 10px;
*margin: 0 0 0 -14px;
_margin: 0 0 0 8px;
/*background: url('../images/bg_header.png') 0 0;*/
}
a#top_left {
height: 107px;
width:680px;
display: block;
overflow: hidden;
float: none;
margin-top: 0px;
margin-left: 0px;
padding-top: 15px;
padding-bottom:15px;
}
div#top_right {
/*width: 540px;
float: right;
text-align: right;
/*line-height: 72px;*/
/*
margin-top: -48px;
background-image: url(../images/tel.gif);
background-repeat: no-repeat;
background-position: right top;*/
background-image:url(../images/tel.png);
background-position:right top;
background-repeat:no-repeat;
float:right;
height:45px;
margin-top:-114px;
padding-top:75px;
text-align:right;
}
.search {
float: right;
margin: 0px 0 0 10px;
}
div#top_right a {
margin-top: 31px;
color: #4E4E4E;
text-decoration: none;
text-transform: uppercase;
font-size: 10px;
}
div#top_right a.border-right {
border-right: 1px solid #4E4E4E;
padding: 0 6px 0 0;
margin-right: 6px!important;
}
div#top_right a:hover {
text-decoration: underline;
}
input#mod_search_searchword {
background: url('../images/bg_input_search.png') no-repeat 0 0;
margin: -23px 0 0;
border: none;
width: 144px!important;
height: 34px;
line-height: 17px;
color: #8F8F8F;
padding-left: 5px;
}
div#menu {
background: url('../images/bg_menu.jpg');
clear:both;
height:31px;
}
div#horiz-menu {
float: right;
width: auto;
font-size:14px !important;
}
span#datas {
float: left;
width: 200px;
line-height: 31px;
font-size:12px;
padding-left: 7px;
color: #FFF;
}
/* Members Area
------------------------------------------------------------------------*/
div#memberarea {
background: #000;
border-bottom: 1px solid #1F1F1F;
z-index: 100;
top: 0;
left: 0;
display: none;
width: 100%;
}
div#memberarea .centered {
width: 960px;
margin: 0 auto;
height: 28px;
}
div#memberarea a {
color: #666;
}
ul.loginposition {
padding: 0;
margin: 0;
}
ul.loginposition li {
float: left;
background: none;
padding: 0 14px 0 0;
line-height: 27px;
}
form#form-login label {
margin-right: 6px;
color: #666;
}
#memberarea input.inputbox {
background: #1F1F1F;
color: #ccc;
border: 1px solid #000;
width: 115px;
height: 14px;
padding-left: 5px;
}
#memberarea input.button {
background: url('../images/button_white.png') repeat-x;
float: left;
height: 16px;
margin-top:6px;
padding: 0 6px;
text-decoration: none;
text-transform:uppercase;
font-size: 10px;
font-weight: bold;
border: none;
}
#memberarea input.button:hover {
color: #000;
}
#memberarea .logout span {
float: left;
color: #fff;
margin-right: 12px;
line-height: 27px;
}
#memberarea .logout input.button {
float: none!important;
display: inline;
}
div.logout {
float: left;
}
div.logout input.button {
padding: 0;
}
/* Header modules */
div#header_content-left, div#header_content-right, div#header_content-center {
width: 960px;
float: left;
}
div#header_content-left {
width: 717px;
}
div#header_content-right {
width: 244px;
/*_margin: 0px !important;*/
margin-left:-2px;
*margin: -13px 0px 0px 13px !important;
background:#FFFFFF;
padding:0px !important;
color:#000000;
_margin-top:-1px;
_margin-left:-3px;
}
/* Hack para o Safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
div#header_content-right {
margin: -1px 0px 0px -2px !important;
}
}
#eventcalq caption.mod_eventlistcalq_calendar-month {
background:#F5A92D url('../images/back_month.jpg') repeat-x scroll center top !important;
border:none !important;
color:#FFFFFF !important;
}
#eventcalq caption.mod_eventlistcalq_calendar-month a, #eventcalq caption.mod_eventlistcalq_calendar-month a:link, #eventcalq caption.mod_eventlistcalq_calendar-month a:visited {
color:#FFFFFF;
}
#eventcalq table.mod_eventlistcalq_calendar {
background:#DDDDDD;
}
div#header_content-right h3{
color:#F7AF28 !important;
font-size:20px;
text-align:center;
*margin-top: 5px !important;
text-transform:none !important;
}
div#header_content-right .button {
background:#9C9CA0 !important;
margin-top:5px !important;
color:#FFFFFF !important;
font-weight:normal !important;
font-size:12px !important;
text-transform: none !important;
padding-bottom:17px !important;
}
div#header_content-right .button:hover {
background:#000 !important;
color:#FFFFFF !important;
}
div#header_content-left .moduletable, div#header_content-center .moduletable {
margin: 20px;
}
div#header_content-right .moduletable {
padding:0px!important;
margin:0px;
/*padding:10px!important;
padding-bottom:9px !important;
*padding-bottom:7px !important;
_padding-bottom:18px !important;*/
}
div#header_content-right .moduletable .mainnewsletter {
padding:8px 14px 14px;
background:#FFFAB8;
width:auto !important;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
div#header_content-right .moduletable {
padding-bottom:4px !important;
}
}
/* Restricts */
div#header_content-left div.moduletable h3, div#header_content-right div.moduletable h3, div#header_content-center div.moduletable h3 {
color: #f5f5f5;
}
div#header_content-left a, div#header_content-right a, div#header_content-center a {
color: #ccc;
}
/* user positions */
div#bottom_wrap .users {
background: url('../images/bg_moduletable_bottom.png') repeat-x;
background-position: bottom;
padding-bottom: 22px;
}
div#bottom_wrap .moduletable_add {
background: url('../images/bg_moduletable.png') 0 0;
}
.users_wrap {
clear: both;
}
/* set the width of user modules */
div#bottom_wrap .moduletable_add {
padding: 10px;
}
.us_width-32b, .us_width-49b {
overflow: hidden;
float: left;
margin-left: 2%;
}
.us_width-32b {
width: 32%;
_margin:0px !important;
}
.us_width-49b {
width: 49%;
}
div:first-child.us_width-32b, div:first-child.us_width-49b {
margin-left: 0;
}
.us-stand {
clear: both;
width: 100%;
}
/* component */
div#component, div#component-3 {
width: 100%;
}
/* component + right */
div#component-2 {
float: left;
width: 650px;
}
div#right {
/*background: url('../images/bg_right.png') repeat-x; */
float: right;
width: 310px;
padding-top: 8px;
}
div#content_wrap {
background: #fff url('../images/bg_mainbody.png') repeat-x;
margin-bottom: 22px;
color: #4F4F4F;
font-size:13px;
min-height: 450px;
}
div#content_wrap .moduletable_add {
padding: 20px;
}
#bg_content_wrap-2 {
background: url('../images/bg_component_2.png') repeat-y 100% 0;
}
#mainbody {
padding: 20px;
min-height: 400px !important;
/* min-height: 263px;*/
}
/* Footer */
#footer{
width: 100%;
clear: left;
color: #000000;
font-size: 100%;
font-family: Arial, Helvetica, sans-serif;
}
div#footer a{
color: #FFF;
}
#footer a:hover{
color: #FFF;
}
#footer_wrap {
clear: both;
height: 0px;
font-size: 10px;
margin:0 0 20px;
text-align: right;
}
div#footer_wrap a {
text-decoration: none;
color: #602D21;
}
/* moduletable
------------------------------------------------------------------------------------------------*/
div.moduletable, div.moduletable-header, div.moduletable_menu, div.moduletable_text {
font: normal 12px Arial, Helvetica, sans-serif;
line-height: 150%;
margin:0 0 6px;
padding-bottom: 3px;
}
div.moduletable-header {
margin:0;
padding: 0;
}
#header_content-right div.bottom {
margin-bottom: -9px;
}
div.moduletable h3, div.moduletable-header h3, div.moduletable_menu h3, div.moduletable_text h3 {
font: bold 11px Arial, Helvetica, sans-serif;
color: #000;
line-height: 22px;
text-transform: uppercase;
padding: 0;
margin-top: 10px;
}
div.moduletable h3 span {
color: #fff;
}
/* Suffixes */
.grey {
background: #f1f1f1;
}
.dark {
background: #121212;
color: #999;
}
.dark .moduletable_add h3 {
color: #999;
}
.dark .moduletable_add h3 span {
color: #fff!important;
}
.dark a {
color: #fff;
}
.bright {
}
.pattern {
background: #000 url('../images/bg.png');
color: #999;
}
.pattern .moduletable_add h3 {
color: #999;
}
.pattern .moduletable_add h3 span {
color: #fff!important;
}
.pattern a {
color: #fff;
}
/* Restricts */
#content_wrap div.moduletable h3, #right div.moduletable_menu h3, #right div.moduletable_text h3 {
color: #4C3B3B;
background: transparent url('../images/dotted_line.png') repeat-x 0 100%;
}
#content_wrap div.moduletable h3 span, #right div.moduletable_menu h3 span, #right div.moduletable_text h3 span {
color: #333;
}
.users_wrap div.moduletable_add {
padding: 15px 10px 20px 0!important;
}
.users_wrap {
margin: 0px 0;
padding: 5px 10px 0 20px;
}
.usbottom {
background: #f8f8f8;
margin: 24px;
}
#bottom_wrap div.moduletable h3 {
color: #999;
}
#bottom_wrap div.moduletable h3 span {
color: #fff;
}
div#right div.moduletable, div#right div.moduletable_menu, div#right div.moduletable_text {
margin: 0;
}
/*main menu*/
ul.menu li {
padding: 3px 0;
background: transparent url('../images/dotted_line.png') repeat-x 0 100%;
font-weight: normal;
}
ul.menu li.current {
background:none;
}
ul.menu ul {
margin: 0;
}
ul.menu ul li a {
margin-left: 6px;
background: url('../images/arrow.png') no-repeat 0 50%;
padding-left: 14px;
font-weight: normal;
}
ul.menu ul li {
padding: 3px 0;
background: transparent url('../images/dotted_line.png') repeat-x 0 0;
}
/*Module Advertisement */
div.banneritem_text {
padding: 5px 0;
background: transparent url('../images/dotted_line.png') repeat-x 0 100%;
}
.bannerheader, .bannerfooter_text {
padding: 3px;
font-style:italic;
}
.bannerfooter_text {
text-align: right;
}
/* Style switcher
-------------------------------------------------------------------------------*/
#stylearea {
float: right;
}
#st_icon-1, #st_icon-2, #st_icon-3 {
width: 11px;
height: 11px;
display: block;
float: left;
padding:17px 0 0 6px;
}
#st_icon-1 {
background: transparent url('../images/ic_1.png') no-repeat 100% 50%;
}
#st_icon-2 {
background: transparent url('../images/ic_2.png') no-repeat 100% 50%;
}
#st_icon-3 {
background: transparent url('../images/ic_3.png') no-repeat 100% 50%;
}
div#eventcalq {
margin-top:5px;
padding: 0 44px 15px;
text-align:center;
padding-top:0px;
}
.moduletablerodape {
/*background:#FFFAB8 none repeat scroll 0 0;*/
font-size:11px;
height: 1px;
color:#602D21;
padding: 0 9px 0 0;
margin-left:-5px;
}
#busca{
position: absolute;
top:50px;
right: 4px;
width: 150px;
height: 30px;
}
input#ps_search_str{
color:#602D21;
width:204px;
border: none;
color:#222222;
font-size:13px;
height:16px;
padding:4px;
}
#topmod {
_background: url('../images/login-pane.png') 0 -2px no-repeat;
}
#ps_results {
margin-left: -195px;
}
.normalsublayout {
border: medium none;
margin-top: 3px;
}
.bannertopo {
font-size: 0;
}
.moduletablehome {
/*background:transparent url(../images/back-module.png) repeat scroll 0 0;*/
height: 218px;
padding: 5px 6px;
_margin: -3px -2px;
}
.rawimages {
margin: -34px 170px 5px 7px;
text-align: center;
}
#fpss-outer-container {
margin:-20px auto -19px -19px !important;
*margin: -32px 0px 0px -5px !important;
_margin: 0px !important;
overflow:hidden !important;
padding: 0 !important;
width:714px !important;
*height: 365px;
}
#fpss-outer-container {
border:0px solid #FFF;
}
.tecnologia {
padding-bottom: 20px;
margin-top: 20px;
text-align:left !important;
font-size: 11px;
}
.tecnologia img{
float:right !important;
margin-top: -25px;
_margin-top: -25px !important;
}
.tecnologia span {
text-transform: capitalize !important;
}
a.readon {
border:none !important;
background:#E09427 !important;
color: #FFF !important;
text-transform:none !important;
font-size:12px !important;
padding:2px 10px !important;
}
a.readon:hover {
border:none !important;
background:#602D21 !important;
color: #FFFF !important;
text-decoration:none !important;
}
div.moduletable {
_margin:0px !important;
_padding:0px !important;
}
#horiz-menu li.active a, div#horiz-menu a:hover {
color:#F7AF28 !important;
}
#yoo-iecheck{
width: 980px !important;
margin-top: 100px !important;
left:50% !important;
margin-left:-500px !important;
height:580px !important;
font: normal 16px Arial,verdana,tahoma !important;
padding:10px !important;
}
#yoo-iecheck .close{padding:20px !important;}
#yoo-iecheck .msg{padding-top:60px !important;}
#yoo-iecheck .msg a{
text-align: center !important;
padding:10px !important;
padding-top:20px !important;
}
.fpss-introtext {
background:transparent url(../images/bg_slider.png) repeat scroll 0 0
}
.fpss-introtext .slidetext h1 a{
color:#FFFFFF !important;
font-family:Arial, Helvetica, sans-serif !important;
/*text-transform:uppercase;*/
font-size:25px !important;
}
table.pollstableborder {
width:auto !important;
}
#bottom_wrap .moduletable .mostread {
color:#999999;
}
h2.contentheading, .contentheading {
padding:5px 0 !important;
font-size:30px !important;
}
a.contentpagetitle, a.contentpagetitle:hover, a.contentpagetitle:active, a.contentpagetitle:focus, .componentheading {
font-size:20px !important;
}
.normalsublayout .inputbox{
width: 209px;
}
.fpss-introtext .slidetext {
margin-top:9px !important;
padding:0 13px 5px 14px !important;
}
.normalsublayout .inputbox{
color:#602D21;
width:204px;
border:1px solid #CCCCCC;
color:#222222;
font-size:13px;
height:16px;
padding:4px;
margin-bottom:5px;
}
.fpss-introtext .slidetext h1 a:hover {
color:#F7AF28 !important;
text-decoration:none;
}
table.contenttoc {
border:1px solid #CCCCCC !important;
}
.contentpaneopen {
margin-bottom: 10px;
}
.toggler {
background:none;
}