body {
padding : 0;
margin : 0;
background : #fcfae6 url(images/main-bg.gif) repeat-x 0 0;
font : 14px/20px Arial, Helvetica, sans-serif;
color : #3d3c2c;
font-weight : normal;
}
div, p, h1, h2, h3, ul, img {
padding : 0;
margin : 0;
}
ul {
list-style-type : none;
}
#topPan {
width : 778px;
height : 96px;
position : relative;
margin : 0 auto;
padding : 0;
}
#topPan img {
width : 204px;
height : 57px;
display : block;
padding : 23px 0 0 6px;
}
#topPan ul {
width : 520px;
height : 96px;
display : block;
position : absolute;
top : 0;
right : 9px;
margin : 0;
padding : 0;
}
#topPan ul li {
float : left;
width : 104px;
display : block;
text-align : center;
}
#topPan ul li a {
width : 104px;
height : 35px;
display : block;
font : 14px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #2e4e00;
background : #f4f1dd url(images/menu-bg.gif) repeat-x 0 0;
text-decoration : none;
margin : 0;
padding : 61px 0 0 0;
}
#topPan ul li a:hover {
width : 104px;
height : 96px;
display : block;
background : #fcfae6;
color : #2e4e00;
text-decoration : none;
}
#topPan ul li span {
width : 104px;
height : 35px;
display : block;
background : #fcfae6 url(images/menu-devider1.gif) no-repeat 100% 0;
color : #2e4e00;
text-decoration : none;
padding : 61px 0 0 0;
line-height : 14px;
}
#headerPan {
width : 778px;
height : 307px;
position : relative;
margin : 0 auto;
padding : 0;
}
#headerPan h1 {
width : 526px;
height : 236px;
position : absolute;
top : 35px;
right : 0;
background : #fcfae6 url(images/header-img.gif) no-repeat 0 0;
color : #fff;
font-size : 36px;
line-height : 18px;
text-transform : uppercase;
text-indent : -2000px;
}
#headerPanleft {
width : 237px;
height : 214px;
position : absolute;
top : 48px;
left : 9px;
}
#headerPan #ourblog {
float : left;
width : 237px;
height : 62px;
position : relative;
margin : 0 auto;
background : url(images/icon1-nor.gif) no-repeat 0 0;
}
#headerPan #ourblog h2 {
width : 135px;
height : 10px;
background : #fff;
display : block;
position : absolute;
left : -11px;
top : 8px;
margin : 14px 0 5px 81px;
font : 16px/14px Georgia, "Times New Roman", Times, serif;
color : #cc0000;
z-index : 1;
text-transform : uppercase;
}
#headerPan #ourblog p {
width : 103px;
height : 10px;
display : block;
position : absolute;
font : 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #2e5000;
background : #fff;
margin : 34px 0 0 81px;
z-index : 1;
}
#headerPan #ourblog a {
text-decoration : none;
display : block;
width : 237px;
height : 62px;
}
#headerPan #ourblog a:hover {
text-decoration : none;
background : url(images/icon1-hover.gif) no-repeat 0 0;
}
#headerPan #possib {
float : left;
width : 237px;
height : 62px;
position : relative;
margin : 13px 0 0 0;
background : url(images/icon2-nor.gif) no-repeat 0 0;
}
#headerPan #possib h2 {
width : 135px;
height : 10px;
background : #fff;
display : block;
position : absolute;
left : -11px;
top : 8px;
margin : 14px 0 5px 81px;
font : 16px/14px Georgia, "Times New Roman", Times, serif;
color : #cc0000;
z-index : 1;
text-transform : uppercase;
}
#headerPan #possib p {
width : 103px;
height : 10px;
display : block;
position : absolute;
font : 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #2e5000;
background : #fff;
margin : 34px 0 0 81px;
z-index : 1;
}
#headerPan #possib a {
text-decoration : none;
display : block;
width : 237px;
height : 62px;
}
#headerPan #possib a:hover {
text-decoration : none;
background : url(images/icon2-hover.gif) no-repeat 0 0;
}
#headerPan #solution {
float : left;
width : 237px;
height : 62px;
position : relative;
margin : 13px 0 0 0;
background : url(images/icon3-nor.gif) no-repeat 0 0;
}
#headerPan #solution h2 {
width : 135px;
height : 10px;
background : #fff;
display : block;
position : absolute;
left : -11px;
top : 8px;
margin : 14px 0 5px 81px;
font : 16px/14px Georgia, "Times New Roman", Times, serif;
color : #cc0000;
z-index : 1;
text-transform : uppercase;
}
#headerPan #solution p {
width : 103px;
height : 10px;
display : block;
position : absolute;
font : 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #2e5000;
background : #fff;
margin : 34px 0 0 81px;
z-index : 1;
}
#headerPan #solution a {
text-decoration : none;
display : block;
width : 237px;
height : 62px;
}
#headerPan #solution a:hover {
text-decoration : none;
background : url(images/icon3-hover.gif) no-repeat 0 0;
}
#bodyPan {
width : 778px;
height : 800px;
position : relative;
margin : 0 auto;
padding : 0;
}
#leftPan {
width : 239px;
height : 611px;
top : -12px;
left : 6px;
margin : 0;
padding : 0;
}
#leftmemberPan {
width : 237px;
height : 196px;
position : relative;
margin : 0 auto;
padding : 0;
border : 1px solid #dcdac2;
background : #fff;
color : #000;
}
#leftmemberPan h2 {
height : 48px;
background : #fff url(images/symbol4.gif) no-repeat 0 0;
display : block;
position : relative;
padding : 0 0 0 57px;
margin : 12px 0 20px 13px;
font : 16px/48px Georgia, "Times New Roman", Times, serif;
color : #5ea000;
text-transform : uppercase;
}
#leftmemberPan h2 span {
background : #fff;
color : #3d3c2c;
}
#leftPan form {
width : 220px;
height : 108px;
background : #ebe9d7;
padding : 0;
margin : 0 0 0 8px;
color : #333227;
}
#leftPan form label {
width : 72px;
display : block;
float : left;
padding : 14px 15px 0 16px;
}
#leftPan form label.emailpadding {
padding : 2px 15px 0 16px;
}
#leftPan form input {
float : left;
display : block;
width : 101px;
height : 16px;
margin : 14px 0 9px 0;
}
#leftPan form input.fieldpadding {
margin : 2px 0 9px 0;
}
#leftPan h3 {
background : #fcfae6;
display : block;
float : right;
font : 24px/40px Georgia, "Times New Roman", Times, serif;
color : #3d3c2c;
}
#leftPan ul {
display : block;
float : right;
width : 150px;
height : 327px;
}
#leftPan ul li {
background : url(images/arrow3.gif) no-repeat 140px 10px;
padding : 0 20px 0 0;
text-align : right;
}
#leftPan ul li a {
text-decoration : underline;
color : #3d3c2c;
background : #fcfae6;
}
#leftPan ul li a:hover {
text-decoration : none;
}
#leftPango {
width : 220px;
height : 25px;
position : absolute;
top : 160px;
left : 8px;
border-top : 1px solid #fff;
background : #b0ad93;
display : block;
padding : 0;
margin : 0;
font-size : 12px;
color : #fffffa;
line-height : 23px;
font-weight : bold;
}
#leftPango p.textposition a {
float : left;
padding : 0 0 0 20px;
margin : 0;
text-decoration : none;
color : #fffffa;
background : #b0ad93;
}
#leftPango p.textposition a:hover {
text-decoration : underline;
background : none;
}
#leftPan form input.gobutton {
float : right;
background : #63614f url(images/arrow4.gif) no-repeat 30px 0;
border : none;
width : 45px;
height : 21px;
display : block;
margin : 2px 0 0 0;
padding : 0 0 0 5px;
text-decoration : none;
color : #fff;
font : 14px/21px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform : uppercase;
text-align : left;
}
#leftPango a:hover {
background : #333229 url(images/arrow4.gif) no-repeat 30px 1px;
text-decoration : none;
color : #fff;
}
#rightPan {
width : 504px;
height : 800px;
position : absolute;
top : 0;
right : 10px;
border : 1px solid #dcdac2;
background : #fff;
color : #3d3c2c;
}
#rightbodyPan {
width : 484px;
height : 700px;
position : absolute;
top : 10px;
left : 10px;
}
#rightbodyPan h2 {
width : 290px;
height : 31px;
display : block;
position : relative;
background : #fcfae6 url(images/symbol5.gif) no-repeat 100% 0;
padding : 24px 0 0 0;
font : 28px/28px Georgia, "Times New Roman", Times, serif;
color : #3d3c2c;
margin : 20px 0 20px 80px;
}
#rightbodyPan p {
padding : 0 80px 30px;
}
#rightbodyPan p.redtext {
color : #cc0000;
font-size : 16px;
line-height : 20px;
padding : 0 80px 26px;
}
#rightbodyPan p span {
background : #fffffa;
color : #3d3c2c;
}
#rightbodymore {
width : 306px;
height : 25px;
border : 1px solid #fff;
background : #b0ad93;
display : block;
padding : 2px;
margin : 0 60px 0 80px;
font-size : 12px;
color : #fffffa;
line-height : 25px;
font-weight : bold;
}
#rightbodymore p.textposition {
float : left;
padding : 0 0 0 20px;
margin : 0;
}
#rightbodymore a {
float : right;
background : #63614f url(images/arrow4.gif) no-repeat 58px 1px;
width : 66px;
display : block;
position : relative;
margin : 1px 0 0 0;
padding : 0 0 0 10px;
height : 23px;
text-decoration : none;
color : #fff;
font : 14px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform : uppercase;
}
#rightbodymore a:hover {
background : #333229 url(images/arrow4.gif) no-repeat 58px 1px;
text-decoration : none;
color : #fff;
}
#rightbodyPan h3 {
width : 268px;
height : 31px;
display : block;
position : relative;
background : #fcfae6 url(images/symbol6.gif) no-repeat 100% 0;
padding : 24px 0 0 0;
font : 28px/28px Georgia, "Times New Roman", Times, serif;
color : #3d3c2c;
margin : 27px 0 20px 80px;
}
#rightbodyPan ul {
width : 328px;
height : 92px;
position : relative;
top : 5px;
left : 80px;
margin : 0 0 30px 0;
}
#rightbodyPan li {
width : 340px;
background : url(images/arrow2.gif) no-repeat 0 7px;
font : 14px/24px Arial, Helvetica, sans-serif;
padding : 0 0 0 20px;
}
#rightbodyPan li a {
width : 235px;
height : 60px;
background : #fcfae6;
color : #cc0000;
text-decoration : underline;
line-height : 24px;
}
#rightbodyPan ul li a:hover {
width : 235px;
height : 60px;
text-decoration : none;
line-height : 24px;
}
#rightbodymorenext {
width : 306px;
height : 25px;
border : 1px solid #fff;
background : #b0ad93;
display : block;
padding : 2px;
margin : 0 60px 0 80px;
font-size : 12px;
color : #fffffa;
line-height : 25px;
font-weight : bold;
}
#rightbodymorenext p.textposition {
float : left;
padding : 0 0 0 20px;
margin : 0;
}
#rightbodymorenext a {
float : right;
background : #63614f url(images/arrow4.gif) no-repeat 58px 1px;
width : 66px;
display : block;
position : relative;
margin : 1px 0 0 0;
padding : 0 0 0 10px;
height : 23px;
text-decoration : none;
color : #fff;
font : 14px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform : uppercase;
}
#rightbodymorenext a:hover {
background : #333229 url(images/arrow4.gif) no-repeat 58px 1px;
text-decoration : none;
color : #fff;
}
#footerPan {
width : 778px;
height : 231px;
position : relative;
margin : 0 auto;
padding : 0;
}
#footernextPan {
width : 506px;
height : 170px;
position : absolute;
top : 0;
right : 10px;
background : #b0ad93;
color : #fff;
margin : 0;
}
#footerPan ul {
width : 503px;
display : block;
position : absolute;
right : -6px;
top : 39px;
height : 0;
}
#footerPan li {
float : left;
font : 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight : normal;
}
#footerPan ul li a {
padding : 0 10px;
color : #fffffa;
background : #b0ad93;
text-decoration : none;
}
#footerPan ul li a:hover {
text-decoration : underline;
}
#footerPan ul li a.padl {
padding : 0 0 0 14px;
}
#footerPan ul.templateworld {
width : 190px;
background : #b0ad93;
color : #fff;
display : block;
position : absolute;
top : 152px;
right : 148px;
}
#footerPan ul.templateworld li a {
background : #b0ad93;
display : block;
color : #fff;
text-decoration : none;
}
#footerPan ul.templateworld li a:hover {
text-decoration : underline;
}
#footerPan p {
background : #b0ad93;
display : block;
position : absolute;
top : 113px;
right : 139px;
color : #fcfae6;
font : 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#footerPanhtml {
width : 64px;
height : 19px;
display : block;
position : absolute;
top : 69px;
right : 269px;
}
#footerPanhtml a {
width : 59px;
height : 19px;
background : #d0ceb8 url(images/arrow5.gif) no-repeat 45px 0;
display : block;
position : absolute;
top : -1px;
left : 0;
margin : 0;
padding : 0 0 0 5px;
border : 1px solid #fffffa;
color : #353427;
text-transform : uppercase;
text-decoration : none;
}
#footerPanhtml a:hover {
background : #b0ad93 url(images/arrow5.gif) no-repeat 60px 0;
color : #353427;
text-decoration : none;
}
#footerPancss {
width : 64px;
height : 19px;
display : block;
position : absolute;
top : 69px;
right : 184px;
}
#footerPancss a {
width : 59px;
height : 19px;
background : #d0ceb8 url(images/arrow5.gif) no-repeat 45px 0;
display : block;
position : absolute;
top : -1px;
left : -1px;
margin : 0;
padding : 0 0 0 5px;
border : 1px solid #fffffa;
color : #353427;
text-transform : uppercase;
text-decoration : none;
}
#footerPancss a:hover {
background : #b0ad93 url(images/arrow5.gif) no-repeat 45px 0;
color : #353427;
text-decoration : none;
}
#footerPan ul.mudancas {
width : 336px;
background : #3b3b3b;
color : #fff;
display : block;
position : absolute;
top : 111px;
left : 232px;
}
#footerPan ul.mudancas2 {
width : 361px;
color : #fff;
display : block;
position : absolute;
top : 132px;
left : 83px;
}
#footerPan ul.mudancas li a {
background : #3b3b3b;
display : block;
color : #fff;
text-decoration : none;
}
#footerPan ul.mudancas li a:hover {
text-decoration : underline;
}
#frota {
width : 200px;
float : left;
margin : 0 60px 20px 0;
}
#frota2 {
width : 200px;
float : left;
margin : 0 12px 0 0;
}
.texto {
font-family : Tahoma, Arial, Verdana;
font-size : 11px;
font-weight : normal;
color : #666666;
}
.caixa {
border : 1px solid #cccccc;
}
.style1 {
font-size : 36px;
}
.style2 {
color : #cc0000;
font-weight : bold;
}