/* CSS Document */

body { background-image:url(../img/back.gif); margin-top:0px;}
.geral {
	font-family: Arial, Helvetica, sans-serif;
	width:849px;
    height:600px;
	font-size: 11px;
	color: #7A7A7A;
	background-color: #fff;
	margin-left:10%;
	margin-right:10%;
	margin-top:0px;
	top:0px;
	background-repeat:no-repeat;
	background-position:top 60px;
	background-position:left;
}
	
	
/* ------------------------------------ >>>>>>>>>>>>>> CABEÇALHO <<<<<<<<<<<<<<<<< -------------------------------------*/
	

/* ------------- img do topo -----------*/
#topo{
font-size:14px;
width:849px;
height:291px;
background-image:url(../img/topo_helpdesk.jpg);
top:0px;
background-color:#66B0BD;
text-align:right;
}


/* ------------- menu -----------*/	

#Layer_menu {
	position:absolute;
	left:300px;
	top:112px;
	width:582px;
	height:129px;
	z-index:1;
}



/* ------------- menu novo-----------*/	
#menu{
width:849px;
height:58px;
padding-top:0px;
background-image:url(../img/back_menu.jpg);
background-repeat:repeat-x;
font-size:12px; 
font-family:Verdana, Arial, Helvetica, sans-serif; font-style:normal;
}

/* ------------------------------------ >>>>>>>>>>>>>> ORGANIZAÇÃO CONTEÚDO <<<<<<<<<<<<<<<<< -------------------------------------*/

/* ------------- CONTEÚDO-----------*/
#conteudo {
width:849px;
height:286px;
}


/* ------------- LATERAL ESQUERDA-----------*/
#lat_esq{
width:354px;
height:287px;
margin-left:32px;
background-color:#fff;
border:0px;
float:left;
}

/* ------------- LATERAL DIREITA-----------*/
#lat_dir{
width:458px;
height:287px;
background-color: #66CC66;
border:0px;
float:right;
}

/* ------------- RODAPÉ-----------*/
#rodapé{
width:849px;
height:57px;
border:0px;
background-image:url(../img/inferior.jpg);
clear:both;
}

/* ------------------------------------ >>>>>>>>>>>>>> FONTES <<<<<<<<<<<<<<<<< -------------------------------------*/
	
p{ font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style:normal; color:#7A7A7A; line-height:14px;}

p.bold{ font-weight:bold;}
	
.link{ font-size:11px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-style:normal; color:#7A7A7A; padding-top:5px; top:109px; position:absolute; left:300px; width:800px; font-weight:bold;}

#menuhorizontal li{
display:inline;
padding:5px;
border:3px dotted #CCCCCC;
font-size:11px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#7A7A7A; background-color:#E9E5D8; top:110px; 
}

h3{font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-style:normal; color:#90AB45; font-size:16px; font-weight:bold;}




/* -------------- provisórios  ---------------*/
.link2{ font-size:11px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-style:normal; color:#7A7A7A; padding-top:5px; top:133px; position:absolute; left:401px; width:400px; font-weight:bold; display:inline;}






/* -------------- provisórios  ---------------*/
.data_eventos{	font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; background-color: #FF6600; padding:2px;}

.data_noticias{	font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style:normal; color:#3969BB; font-weight:bold;}

.textos{ font-size:11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-style:normal; color:#7A7A7A; padding-left:10px; padding-right:10px;}

.textosnoticias{ font-size:11px; font-family: Arial, Helvetica, sans-serif; font-style:normal; color:#7A7A7A;}

.textosbold{ font-weight:bold; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#7A7A7A;}

p.paragrafo_rodape {text-align:center; color:#666; padding:10px;}

p.img_titulos{
background-image:url(../img/back_tit.gif);
background-repeat:repeat;
height:32px;
}

/* ------------------------------------ >>>>>>>>>>>>>> COMPONENTES LAYOUT <<<<<<<<<<<<<<<<< -------------------------------------*/
/* ------------- NOTÍCIAS-----------*/
#noticias{
width:354px;
height:260px;
padding-left:20px;
}
/* ------------- EVENTOS-----------*/
#eventos{
width:366px;
height:275px;
background-color:#E7E4E5;
border-color:#FF4838;
margin-top:32px;
}

/* ------------- PARCEIROS-----------*/
#parceiros{
width:366px;
height:125px;
background-color:#fff;
margin-top:32px;
}

/* ------------- banners PARCEIROS-----------*/
.banner_parceiros{
width:144px;
height:82px;
background-color:#fff;
margin-top:10px;
margin-right:7px;
}

.banner_solucoes{
width:248px;
height:74px;
background-color:#fff;
margin-top:10px;
margin-right:7px;
padding-bottom:32px;
padding-top:10px;
}

/* ------------- banners SERVIÇOS-----------*/
#servicos{
width:366px;
height:125px;
background-color:#fff;
margin-top:32px;
}

#servicosmaior{
width:500px;
height:125px;
background-color:#fff;
margin-top:32px;
}


/* ------------- CADASTRO-----------*/
#cadastro{
width:500px;
height:125px;
background-color:#fff;
margin-top:32px;
display:inline-table;
}


/* ------------- banners SOLUÇÕES-----------*/

#solucoes{
width:500px;
height:292px;
background-color:#fff;
margin-top:32px;
display:inline;
}

#banner_flash{
background-color:#fff;
margin-bottom:32px;
}

/* ------------------------------------ >>>>>>>>>>>>>> FORMS <<<<<<<<<<<<<<<<< -------------------------------------*/
#login{
width:160px;
height:80px;
background-color:#fff;
display:inline;
background-image:url(../img/fundo_login1.jpg);
background-repeat:no-repeat;
}

#login_newsletter{
width:160px;
height:80px;
background-color:#fff;
display:inline;
background-image:url(../img/fundo_login2.jpg);
background-repeat:no-repeat;
}

#login_acessointerno{
width:160px;
height:80px;
background-color:#fff;
display:inline;
background-image:url(../img/fundo_login3.jpg);
background-repeat:no-repeat;
}


.txtarea{
max-width:122px;
height:14px;
background-color:#D2D0D0;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#6B7170;
}

.botao_ok {
background-color: #ccc;
border:thin #FFF;
color: #666666;
width:15px;
height:15px;
border:none;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
}

.atalho_solucoes{
height:22px;
background-color:#D2D0D0;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color: #666666;
}


/* ------------------------------------ >>>>>>>>>>>>>> LINKS <<<<<<<<<<<<<<<<< -------------------------------------*/
a:link {text-decoration: none; color: #666666;}
a:active {text-decoration: none;color: #FF6699;}
a:visited {text-decoration: none;color: #000099;}
a:hover {text-decoration: underline;color: #FF3399;}

a.linktradicional:link{{text-decoration: none; color: #33CC33; padding:10px;}
a.linktradicional:active {text-decoration: none; color: #33CC33; }
a.linktradicional:hover {text-decoration: none;color: #339966; }