/* ---- elementos ---- */



body 
{ 
background-color:#a9a6a2; 
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
text-align: justify;
}

/* Imagens */

div.image-left
{
  display:block;
  float:left;
  padding-right:10px;
  padding-bottom:5px;
  border:0;
}

div.image-right
{
  display:block;
  float:right;
  padding-left:10px;
  padding-bottom:5px;
  border:0;
}

div.image-center
{
  margin: auto;
  border:0;
}

img {
    height: auto;
    max-width: 100%;
}
img {
    border: 0 none;
    margin: 0;
    padding: 0;
}
img {
    vertical-align: middle;
}


ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{
margin:0;
padding:0;
}



/* links */
a
{
color: #4E9BBE;
outline:0;
text-decoration:none;
}

a:hover
{
color: #173848;
outline:0;
text-decoration:underline;
}



/* tipografia */

h1
{
font-size: 28px;
font-weight: normal;
color: #4E9BBE;
margin-bottom:5px;
text-align: left;
}

h2
{
font-size: 18px;
font-weight: 400;
color: #173848;
margin-bottom: 10px;
text-align: left;
}



/* noticias */

.news-wrap
{
border-bottom:1px dotted #a7a7a7;
padding-bottom:25px;
}


.news-head div
{
padding-bottom:14px;
padding-top:2px;
}

.news-head h1
{
padding:0px;
margin:0px;
}

.news-head h2
{
padding:0px;
margin:0px;
font-size:10px;
text-transform:uppercase; 
}


.news-readmore
{
padding-top:5px;
text-align:right;
}

.news-readmore a
{
background: url("/files/44/44.png") no-repeat scroll right top #4E9BBE;
  color: #FFFFFF;
  display: inline-block;
  font-size: 10px;
  height: 19px;
  line-height: 19px;
  margin: 10px 0 0;
  padding: 0 20px 0 10px;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}


.news-readmore a:hover 
{ 
color:#fff; 
text-decoration:none; 
background-color:#387c9b; 
background-position:right -19px; 
}




/* formulário */

form
{
  margin: 0 0 0 0;
  padding: 0px;
  border: 0px;
}

#txt-form
{
  display:inline;
  float:left;
  width: 173px;
  height: 25px;
  border: 0px;
  padding-top:4px;
  font-size: 12px;
  color: #444;
  text-align: left;
  background: url("/files/48/48.png") no-repeat;
  padding-left:8px;
  padding-right:12px;
}	
 

#btn_form
{
  display:inline;
  width: 35px;
  height: 30px;
  border: 0px;
}













/* ---- ids (layout) ---- */

#main 
{
min-height:500px;
background-color:#FFF;
}



#content
{
 width:990px;
 display:table;
 margin:0 auto;
 padding:0px;
 z-index:1;
 background: url("/files/40/40.png") no-repeat;
 padding-bottom:25px;
}


#p1
{
display:block; 
float:left;
min-height:475px;
width:485px;  
border-right:1px dotted #a7a7a7;
padding-left:35px;
padding-right:30px;
}


#p2
{
display:block; 
float:left;
width:235px;
border-right:1px dotted #a7a7a7;
padding: 0px 20px 0px 25px;
}


#p21
{
width:240px;
}

#p21 p
{
padding:0px 0px 3px 3px;
font-size:11px;
color:#444;
}

#p22
{
width:240px;
padding-top:20px;
}


#p22 .image-caption
{
font-size:10px;
color:#444;
text-align:right;
}



#p23
{
width:240px;
padding-top:0px;
min-height:340px;
}


#p23 ul.social li 
{
float: left;
margin-left: 8px;
}


#p23 a.txt
{
    background: url("/files/82/82.gif") no-repeat scroll right top #A9A6A2;
    color: #FFFFFF;
    display: inline-block;
    font-size: 10px;
    height: 19px;
    line-height: 19px;
    margin: 10px 0 0;
    padding: 0 20px 0 10px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}


#p23 a:hover
{
text-decoration: underline;
}

#p23 ul.social, #footer ul.social li 
{
    font-size: 11px;
}

#p23 ul li 
{
    line-height: 20px;
    list-style: none outside none;
}



.twitter, .rss, .facebook, .youtube 
{
background: url("/files/79/79.png") no-repeat scroll 0 0 transparent;
display: block;
height: 16px;
text-align: left;
text-indent: -9999px;
width: 16px;
margin-top:11px;
}

.facebook { background-position: 0 -48px; }
.twitter { background-position: 0 0; }
.youtube { background-position: 0 -64px; }
.rss { background-position: 0 -16px; }




#p3
{
display:block; 
float:left;
width:80px;
min-height:480px;
padding:0px 30px 0px 30px; 
}

#p3 div.txt
{
font-size:10px;
color:#444;
float:right;
clear:both; 
margin-bottom:5px;
}


#p3 .image-left
{
width:80px;
padding:0px;
margin:0px;
padding-bottom:5px;
border:0;
}


#footer 
{
width:960px; 
margin:0 auto; 
height:35px;
color:#FFF;
}

#p4
{
display:block; 
float:left;
width:340px; 
padding: 10px 30px 0px 30px;
}

#p5
{
display:block; 
float:left;
width:500px; 
padding: 10px 30px 0px 30px;
text-align:right;
}


#p5 ul 
{ 
list-style:none; 
}

#p5 ul li 
{ 
display:inline;  
font-size:12px;
border-left: 1px solid #FFF;
}

#p5 ul li a 
{ 
color:#FFF; 
text-decoration:none; 
padding-left:12px; 
padding-right:12px; 
}

#p5 ul li a:hover 
{ 
text-decoration:underline; 
}



/* ---- classes ---- */


.image-left
{
 padding-right: 20px;
 padding-bottom: 10px;
}

.image-right
{
 padding-left: 20px;
 padding-bottom: 10px;
}






/* ---- BANNER ---- */


.break 
{ 
clear:both; 
}


#header 
{ 
height:560px; 
}

.headerimg 
{ 
background-position: center top; 
background-repeat: no-repeat; 
width:100%; 
height:560px; 
position:absolute; 
}


/* NAVIGATION */

#nav-outer 
{ 
height:250px;  
position:relative; 
}


#navigation 
{ 
height:250px; 
width:1200px;
margin:0 auto;
background-image:url("/files/32/32.png"); 
background-position:top right; 
background-repeat:no-repeat;
z-index: 1;
}






/* MENU MENU MENU MENU MENU MENU MENU MENU */

#menu 
{ 
position:relative; 
padding:15px 120px 15px 120px;
height:220px;
background-image:url("/files/34/34.png"); 
background-repeat:no-repeat; 
z-index: 0;
}

#menu ul 
{ 
list-style:none; 
}

#menu ul li 
{ 
float: left; 
font-size:12px;
border-left: 1px solid #FFF;
}


#menu ul li a 
{ 
color:#FFF; 
text-decoration:none; 
padding-left:12px; 
padding-right:12px; 
}

#menu ul li a:hover 
{ 
text-decoration:underline; 
}



#menu .separador
{  
border:0;
width: 30px;
}

#menu .pt
{  
border:0;
background: url("/files/84/84.png") no-repeat;
display: block;
height: 18px;
text-align: left;
width: 70px;
padding-left:30px;
color:#ff8a8a;
padding-top:2px;
}

#menu .eng
{  
border:0;
background: url("/files/85/85.png") no-repeat;
display: block;
height: 18px;
text-align: left;
width: 50px;
padding-left:30px;
color:#a1c5ff;
padding-top:2px;
}





/* HEADER TEXT */

#headertxt 
{ 
width:960px; 
margin:0 auto; 
clear:both; 
position:relative; top:30px; 
}

#firstline 
{ 
background-image:url("/files/31/31.png"); 
color:#333; 
font-size:30px;
padding:4px 13px 0px; 
float:left; 
display:block; 
}

#secondline 
{ 
background-image:url("/files/31/31.png"); color:#4e9bbe; 
text-decoration:none; 
font-size:45px; 
padding:0 13px 10px; 
float:left; 
display:block; 
clear:both; 
}

#secondline:hover 
{ 
text-decoration:underline; 
color:#173848; 
}

.pictured 
{ 
background-color:#4e9bbe; 
color:#FFF; 
font-size:12px; 
padding:9px 16px; 
text-transform:uppercase; 
float:left; 
display:block; 
clear:both; 
margin-top:10px; 
}

.pictured a 
{ 
font-size:16px; 
font-style:italic; 
letter-spacing:0; 
text-transform:none; 
color:#FFF; 
text-decoration:none; 
}

.pictured a:hover 
{ 
text-decoration:underline; 
}


/* HEADER HAVIGATION */
#headernav-outer 
{
position:relative; 
top:400px; 
margin:0 auto;
width:960px; 
}

#headernav 
{
padding-left:764px;
}





/* BOX */

#headerbox
{
height:740px;
position:relative; 
margin:0 auto;
width:990px;
background-image:url("/files/35/35.png"); 
background-position:bottom left; 
background-repeat:no-repeat;
z-index:-1;
}