/* CSS Document */

html,body{
width:100%;
height:100%;
padding:0;
margin:0;
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#333333;
text-align:center;
background:url('body-bg.gif');
}

#container{
width:800px;
margin:0 auto;
}

.spacer{
position:relative;
width:800px;
margin:0 auto;
height:50px;
display:block;
}

#bodyTop{
position:relative;
height:25px;
background:url('body-top.gif');
}

.en{
position:absolute;
right:20px;
top:5px;
width:16px;
height:16px;
background:url('en.gif') no-repeat;
text-decoration:none;
}

.pt{
position:absolute;
right:20px;
top:5px;
width:16px;
height:16px;
background:url('pt.gif') no-repeat;
text-decoration:none;
}


#main{
position:relative;
background:#fff;
}

#header{
position:relative;
width:800px;
height:150px;
display:block;
clear:left;
}

#logo{
width:100px;
height:150px;
float:left;
background:url('logo.png') 20px 100% no-repeat;
}

#headerImage{
position:relative;
width:660px;
height:150px;
float:right;
padding:0 20px 0 20px;
}

#imageCorners{
position:absolute;
top:0px;
left:20px;
width:660px;
height:150px;
background:url('image-corners.gif') no-repeat;
z-index:1;
}

#logoText{
position:absolute;
left:20px;
bottom:0px;
width:300px;
height:40px;
background:url('logo-text-box.gif') no-repeat;
z-index:2;
}


#contentArea{
position:relative;
height:inherit;
margin:20px 0 20px 0;
}

#nav{
width:180px;
padding:0 0px 0 10px;
text-align:left;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#006666;
}

#nav ul{
margin:0;
padding:0 0 0 10px;
list-style:none;
}

#nav li{
padding:2px 0 2px 0;
}

#nav li a, #nav li a.link{
color:#006666;
text-decoration:none;
padding:0 0 0 7px;
width:100%;
display:block;
}

#nav li a:hover, #nav li a.link:hover{
color:#009999;
border-bottom:0px dashed #009999;
text-decoration:none;
padding:0 0 0 7px;
background:url('arrow-active.gif') 0% 50% no-repeat;
}

#nav li a.active{
color:#009999;
border-bottom:0px solid #009999;
text-decoration:none;
padding:0 0 0 7px;
background:url('arrow-active.gif') 0% 50% no-repeat;
}

#content{
width:565px;
padding:0 20px 0px 10px;
text-align:justify;
}

#content h1{
margin:0 0 10px 0;
font-size:14px;
}

#content h2,h3,h4,h5,h6{
margin:0 0 10px 0;
font-size:14px;
color:#006666;
}

#content a{
color:#009999;
text-decoration:none;
border-bottom:1px dashed #009999;
}

#content a:hover{
color:#009999;
text-decoration:none;
border-bottom:1px solid #009999;
}

#linkList ul{
margin:0 0 0 5px;
padding:0;
list-style:none;
}

#linkList ul li{
margin:0 0 5px 0;
background:url('arrow-active.gif') 0px 50% no-repeat;
}

#linkList ul li a{
margin-left:12px;
}

#footer{
position:relative;
font:10px Arial, Helvetica, sans-serif;
text-align:left;
color:#666666;
padding:0px 10px 0px 10px;
}

#bodyBottom{
position:relative;
height:17px;
background:url('body-bottom.gif') 0% 100%;
}

/**********************************
classes
**********************************/
.width33{
width:32.7%;
}
.width66{
width:65.7%;
}
.floatLeft{
float:left;
}
.floatRight{
float:right;
}
.padding10{
padding:10px 10px 10px 10px;
}
.clearLeft{
clear:left;
}
.alignLeft{
text-align:left;
}
.alignRight{
text-align:right;
}
.valignTop{
vertical-align:top;
}

/**********************************
table for servicos
**********************************/
.table{width:565px;}
.table thead tr{background:#009999; color:#fff; }
.table thead tr th{width:25%; font-size:10px; padding:5px; text-align:center;}
.table tbody tr td{text-align:center; vertical-align:top; padding:5px 5px 5px 5px; font-size:10px;}