* {
margin: 0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
}

body {
background: #000 url(images/fd_body.gif) repeat-x;
}

h1, h1 a {
font-size: 16px;
color: #fff;
}

h3 {
font-size: 12px;
color: #fff;
}

a{
text-decoration: none;
font-size: 11px;
color: #fff;
}
a:hover{
text-decoration: underline;
}

p{
color: #d1d3d4;
font-size: 11px;
}
.pWhite {
color:#fff;
}

#geral {
width: 950px;
height: auto;
margin: 0 auto;
}


#header {
float: left;
width: 950px;
height: auto;
}

#header #superbanner{
width: 478px;
height: 60px;
margin: 15px auto;
}
#header #superbanner img {
float: left;
}

#header #superbanner #tPublicidade{
float: right;
width: 6px;
height: 60px;
margin: 0;
}
#header #superbanner #tPublicidade img{
float: right;
width: 6px;
height: 60px;
}

#header #logo{
width: 361px;
height: 109px;
margin: 10px auto 0;
}

#header #busca{
float: right;
width: 143px;
height: 20px;
background: url(images/fd_busca.gif) no-repeat;
}

#header #busca .inpBusca {
float: left;
display: inline;
width: 110px;
height: 9px;
font-size: 9px;
color:#c5b0ad ;
border: none;
padding: 5px 0 0 5px;
}

#header #busca .btBusca {
float: right;
diaplay: inline;
width: 14px;
height: 13px;
margin-top: 3px;
margin-right: 3px;
}

/*menu*/
#menu {
float: left;
width: 950px;
height: 13px;
background: url(images/fd_menu.gif) no-repeat;
margin-top: 5px;
padding-top: 5px;
text-align: center;
}

#menu ul {
width: 600px;
height: 3px;
margin: 0 auto;
*margin-bottom: -5px;
}

#menu ul li{
display: inline;
text-indent: -9999em;
list-style: none;
}

#menu ul li a{
float: left;
width: auto;
height: 12px;
margin-right: 35px;
}

#menu ul li a.item1{
width: 77px;
height: 9px;
background: url(images/bt_item1.gif) no-repeat;
}

#menu ul li a.item2{
width: 57px;
height: 9px;
background: url(images/bt_item2.gif) no-repeat;
}

#menu ul li a.item3{
width: 54px;
height: 9px;
background: url(images/bt_item3.gif) no-repeat;
}

#menu ul li a.item4{
width: 137px;
height: 9px;
background: url(images/bt_item4.gif) no-repeat;
}

#menu ul li a.item5{
width: 85px;
height: 9px;
background: url(images/bt_item5.gif) no-repeat;
margin-right: 0;
}

#menu ul li a.item6{
width: 55px;
height: 12px;
background: url(images/bt_item6.gif) no-repeat;
}

#menu ul li a.item7{
width: 61px;
height: 12px;
background: url(images/bt_item7.gif) no-repeat;
}

#menu ul li a.item8{
width: 75px;
height: 12px;
background: url(images/bt_item8.gif) no-repeat;
}

#menu ul li a.item9{
width: 60px;
height: 12px;
background: url(images/bt_item9.gif) no-repeat;
}

#menu ul li a.item10{
width: 123px;
height: 12px;
background: url(images/bt_item10.gif) no-repeat;
margin-right: 0;
}

#menu ul li a.item11{
width: 71px;
height: 12px;
background: url(images/bt_item11.gif) no-repeat;
margin-right: 0;
margin-left: 10;
}


/*sub menu*/
#subMenus {
position: relative;
float: left;
width: 950px;
height: auto;
}
#subMenus ul{
width: 120px;
height: auto;
}

#subMenus ul li{
float: left;
list-style: none;
width: 120px;
display: inline;
}

#subMenus ul li a{
float: left;
width: 104px;
display: inline;
color: #ff986f;
font-size: 11px;
text-transform: uppercase;
padding: 4px 8px;
}

#subMenus #subMenu1 {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 175px;
background-color: #771409;
border-top: 1px solid #490202;
z-index:1;
visibility: hidden;
}

#subMenus #subMenu2 {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 300px;
background-color: #771409;
border-top: 1px solid #490202;
z-index:1;
visibility: hidden;
}

#subMenus #subMenu3 {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 403px;
background-color: #771409;
border-top: 1px solid #490202;
z-index:1;
visibility: hidden;
}

#subMenus #subMenu4 {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 505px;
background-color: #771409;
border-top: 1px solid #490202;
z-index:1;
visibility: hidden;
}

#subMenus #subMenu5 {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 690px;
background-color: #771409;
border-top: 1px solid #490202;
z-index:1;
visibility: hidden;
}





/*fim sub menu*/

/*fim menu*/


#conteudo {


float: left;
width: 950px;
height: auto;
}


/*home*/
#conteudo #colunaEsquerda {
float: left;
display: inline;
width: 150px;
height: auto;
padding: 5px 0 ;
margin-top: 5px;
margin-left: 3px;
}

#conteudo #colunaEsquerda .menuEsquerda {
float: left;
width: 135px ;
color: #fff;
font-size: 10px;
text-transform: uppercase;
padding: 5px 0 ;
}

#conteudo #colunaEsquerda #destaques{
float: left;
width: 145px;
height: auto;
margin-top: 10px;
}
#conteudo #colunaEsquerda #destaques .title{
color: #d15942;
font-size: 10px;
text-transform: uppercase;
}

#conteudo #colunaEsquerda #destaques p{
font-size: 10px;
color: #fff;
}


#conteudo #meio {
float: left;
display: inline;
width: 640px;
height: auto;
margin: 5px 0;
padding: 0 5px 20px;
border-left: 1px solid #4a4a4a;
border-right: 1px solid #4a4a4a;
}

#conteudo #meio .txtNavegacao {
color: #ff8053;
font-size: 10px;
}

#conteudo #meio #titulo {
float: left;
display: inline;
width: 640px;
height: auto ;
margin-left: 10px;
margin-top: 20px;
}

#conteudo #meio #fotos {
float: left;
display: inline;
width: 350px;
height: 390px;
background-color: #626262;
margin-left: 10px;
margin-top: 8px;
}

/*#conteudo #meio #fotos #fotoGd{
float: left;
display: inline;
width: 340px;
height: 300px;
background-color: #b5b5b5;
margin:5px 0 0 5px ;
}

#conteudo #meio #fotos #fotoGd .descricaoFoto {
width: 335px;
font-size: 10px;
color: #000;
margin: 5px 0 5px 5px;
}

#conteudo #meio #fotos #navFotos {
float: left;
display: inline;
width: 340px;
height: 70px;
background-color: #b5b5b5;
margin: 5px 0 0 5px;
}

#conteudo #meio #fotos #navFotos #navEsq{
float: left;
width: 16px;
height: 70px;
}
#conteudo #meio #fotos #navFotos #navDir{
float: right;
width: 16px;
height: 70px;
}

#conteudo #meio #fotos #navFotos #navCont{
float: left;
width: 308px;
height: 65px;
margin-top: 5px;
}
#conteudo #meio #fotos #navFotos #navCont img{
float: left;
width: 75px;
height: 61px;
margin-right: 2px;
}*/

#conteudo #meio #contMateria {
float: left;
display: inline;
width: 265px;
height: 420px;
margin-left: 10px;
margin-top: 5px;
}

#conteudo #meio #contMateria #txt{
float: left;
overflow: auto;
width: 255px;
height: 330px;
margin-top: 25px;
padding-right: 10px;
scrollbar-arrow-color:#a5a5a5;
scrollbar-3dlight-color:#000000;
scrollbar-highlight-color:#a5a5a5;
scrollbar-face-color:#000;
scrollbar-shadow-color:#a5a5a5;
scrollbar-darkshadow-color:#000;
scrollbar-track-color:#000;
}

#conteudo #meio #contMateria #comenteEnvie{
float: right;
width: 219px;
height: 21px;
margin-top: 15px;
}

#conteudo #colunaDireita {
float: right;
width: 140px;
height: auto;
padding: 12px 0 ;
margin-top: 5px;
text-align: left;
}

#conteudo #colunaDireita .t_linksPatrocinados {
float: left;
width: 139px;
height: 14px;
margin-bottom: 10px;
}

#conteudo #colunaDireita #links{
float: left;
display: inline;
width: 135px;
height: auto;
margin-top: 15px;
margin-left: 5px;
}
#conteudo #colunaDireita #links .title{
color: #8b915a;
font-size: 10px;
}

#conteudo #colunaDireita #links #txtLink{
font-size: 10px;
color: #fff;
margin-top: 7px;
}

/*cidadania*/
#conteudo #meio p{
margin-bottom: 15px;
}

#conteudo #meio #titleCidadania {
width: 640px;
height: 70px;
margin: 10px auto;
}


#conteudo #meio #sideLeft{
float: left;
width: 90px;
height: auto;
padding: 15px 10px;
background-color: #272623;
border: 1px solid #636363;
margin-right: 10px;
/*-moz-opacity:0.2; 
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);*/
}


#conteudo #meio #comenteEnvie{
clear: both;
width: 219px;
height: 21px;
margin-left: 422px ;
}

/*comunidade*/

#conteudo #meio #comunidade {
float: left;
display: inline;
width: auto;
height: auto;
margin-left: 0;
margin-bottom: 20px;
}

#conteudo #meio #tituloInternas {
float: left;
width: 600px;
height: auto;
margin-bottom: 10px;
}

#conteudo #meio #tituloInternas h3{
margin-top: 7px;
}

#conteudo #meio #ico {
float: left;
width: 14px;
height: 21px;
margin-right: 5px;
}


#conteudo #meio #galeria {
float: left;
width: auto;
height: auto;
margin-bottom: 15px;
}

/*especiais*/

#conteudo #meio #especiais {
float: left;
width: 620px;


height: auto;
padding-bottom: 10px;
border-bottom: 1px dashed #777777;
margin-bottom: 20px;
}

#conteudo #meio #especiais #fotoEsp{
float: left;
width: 145px;
height: 120px;
margin: 0 15px 15px 0;
}
#conteudo #meio #especiais #txtEsp{
float: left;
width: 460px;
height: auto;
}

/*especial 2*/

#conteudo #meio #especial2 {
width: 430px;
height: auto;
margin: 0 auto;
}
.h1Especial {
font-family: "Times New Roman", Times, serif;
font-size: 30px;
font-weight: normal;
color: #fff;
text-align: center;
margin-top: 20px;
}

.pEspecial {
font-family: "Times New Roman", Times, serif;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 25px;
margin-top: 30px;
}

#conteudo #meio #especial2 #fotos{
float: left;
width: 425px;
height: 70px;
background-color: #b7b2b6;
margin-bottom: 50px;
}
#conteudo #meio #especial2 #fotos img{
float: left;
width: 79px;
height: 61px;
padding: 5px 0 0 5px;
}

/*final feliz*/
#conteudo #meio #tFinalFeliz{
float: left;
width: 620px;
height: 70px;
margin-bottom: 15px;
}

#conteudo #meio #fotoFinalfeliz {
float: left;
display: inline;
width: 340px;
height: 280px;
margin-left: 5px;
margin-right: 10px;
}

#conteudo #meio #contMateriaFinalfeliz {
float: left;
display: inline;
width: 280px;
height: 280px;
margin-bottom: 20px;
}

#conteudo #meio #contMateriaFinalfeliz #txt{
float: left;
overflow: auto;
width: 270px;
height: 250px;
margin-top: 10px;
padding-right: 10px;
scrollbar-arrow-color:#a5a5a5;
scrollbar-3dlight-color:#000000;
scrollbar-highlight-color:#a5a5a5;
scrollbar-face-color:#000;
scrollbar-shadow-color:#a5a5a5;
scrollbar-darkshadow-color:#000;
scrollbar-track-color:#000;
}

/*tecnologia*/
#basePopUp {
float: right;
position: relative;
width: 400px;
}
#basePopUp #popUp{
position: absolute;
width: 211px;
height: 171px;
background-color: #454545;
padding: 5px 5px ;
left: ;
top: ;
border: 1px solid #ff5d32;
visibility: hidden;
}

#basePopUp #popUp .foto{
float: left;
width: 75px;
height: 90px;
margin: 0 5px 5px 0 ;
}

#basePopUp #popUp #fechar {
float: right;
display: inline;
width: 200px;
text-align: right;
}

#basePopUp #popUp #contPop {
float: left;
margin-top: 10px;
}


#conteudo #meio #tituloTecnologia {
float: left;
width: 350px;
height: auto;
margin-bottom: 10px;
}
#conteudo #meio #tituloTecnologia #ico {
float: left;
width: 14px;
height: 21px;
margin-right: 5px;
}
#conteudo #meio #tituloTecnologia h3 {
margin-top: 8px;
}


#conteudo #meio #nomeColunista {
float: right;
width: auto;
height: auto;
}
#conteudo #meio #nomeColunista a{
text-decoration: underline;
}

#conteudo #meio #contTecnologia {
float: left;
display: inline;
width: 500px ;
margin-left: 5px;
}

#conteudo #meio #contTecnologia img {
float: left;
margin: 0 15px 15px 0;
}

#conteudo #meio #sideRight{
float: right;
width: 90px;
height: auto;
padding: 15px 10px;
background-color: #272623;
border: 1px solid #636363;
/*-moz-opacity:0.2; 
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);*/
}

/*footer*/
#footer {
float: left;
width: 950px;
height: 25px;
padding: 5px 0 ;
border-top: 1px solid #4a4a4a;
text-align:center;
margin-top: 2px;
}

#footer img{
width: 509px;
height: 15px;
margin-top: 5px;
}

/*contato*/

#contato {
position: relative;
float: left;
display: inline;
width: 500px;
height: auto;
margin:-370px 0 0 200px ;
}

#contato #formContato{
position: absolute;
width:320px;
height: 300px;
left: ;
top: ;
background-color: #560001;
padding: 15px;
visibility: hidden;
z-index: 5;
}

#contato #formContato h6{
font-size: 16px;
color: #c3c3c3;
margin-bottom: 10px;
}

#contato #formContato p{
font-size: 12px;
color: #c3c3c3;
margin-bottom: 5px;
}

#contato #formContato .inputs{
width: 260px;
font-size: 12px;
color: #c3c3c3;
background-color: #3c0001;
border: 1px solid #943031;
margin-bottom: 10px;
}
#contato #formContato .txtArea{
width: 315px;
height: 120px;
font-size: 12px;
color: #c3c3c3;
background-color: #3c0001;
border: 1px solid #943031;
margin-bottom: 10px;
}
.form{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #c0bdbd;
background-color: #3c0001;
border: 1px solid #8c292a;
border-color: #8c292a;
}
.textoForm{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #c0bdbd;
}
