/* Elementos basicos */

body {
	background-image:url(../images/bg-home.jpg);
	background-repeat: repeat-x;
	background-color:#ececec;
	margin: 0px;
}

#topo {
	position: relative;
	height: 138px;
	width: 770px;
} 
#banner {
	background-color: #dcdcdc;
	position: relative;
	height: 200px;
	width: 770px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#imagetopo  {
	background-color: #dcdcdc;
	position: relative;
	width: 770px;
}

#menutopo {
	position: relative;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666;
	height: 26px;
	width: 770px;
	font-size: 12px;
} 

#menutopo a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	height: 26px;
	width: 770px;
	font-size: 12px;
} 

#menutopo a:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#F60;
	height: 65px;
	text-decoration: none;
	width: 770px;
	font-size: 12px;
} 


#principal {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 770px;
}



#menu {
	float: left;
	background-image: url(estilos/imagens/menu.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 230px;
	height: 641px;
	_margin-top: -2px;
	padding-top: 5px;
}

#menu a {
	color: #3e4273; 
	text-decoration: none;

}

#menu a:hover{
	color:#3366CC;
	text-decoration: none;

}

#conteudo-home {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size: 11px;
	width: 760px;
	height: auto;
	text-align: left;
	_margin-top: -6px;
	background-color: #dcdcdc;
}

#conteudo-home a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#6895b4;
	font-size: 11px;
	font-weight: none;
	text-decoration: none;
}

#conteudo-home a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#6895b4;
	font-size: 11px;
	font-weight: none;
	text-decoration: underline;
}


#rodape {
	position: relative;
	width: 770px;
	height: 56px;
	font-family: Verdana, Geneva, sans-serif;
	color:#fff;
	font-size: 10px;
	font-weight: normal;
	background-image: url(../images/bg-rodape.jpg);
	float: inherit;
}

#rodape a {
	color:#FFF;
	text-decoration: none;
}

#rodape a:hover{
	color:#CCCCCC;
	text-decoration: none;
}

#conteudo {
	background-color: #dcdcdc;
	position: relative;
	width: 770px;
}

#col-produto {
	width: 545px;
	float: left;
	top: 5px;
	padding-left: 10px;
	padding-top: 20px;
	background-color: #cccccc;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
}

#col-produto a{
	text-decoration: none;
	color: #333333;
}

#col-produto a:hover{
	color:#ff6600;
	text-decoration: none;
}


/* Tabelas */

#linguagens {
	background-image: url(estilos/imagens/bg-linguagens.jpg);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#96aab7;
	font-size: 10px;
}

#linguagens a{
	color:#96aab7;
	font-size: 10px;
}

#linguagens a:hover{
	color:#0066CC;
	font-size: 10px;
}

#col-menu {
	background-color:#dcdcdc;
	width: 200px;
	height: auto;
	padding-top: 20px;
	padding-left: 15px;
	float: left;
	position: relative;
	text-decoration: none;
}


#col-home strong {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#155b8b;
	font-size: 11px;
}

#produto {
	float:left;
	width:100%;
	background-color: #dcdcdc;
}


.bg-rodape {
	background-image: url(estilos/imagens/bg-rodape.jpg);
	background-repeat: no-repeat;
}

/* Titulos */

.titulo1 {
	font-family: Arial, Helvetica, sans-serif;
	color:#345a9c;
	line-height: 40px;
	font-size: 22px;
	font-weight: bold;
}

.tituloAzul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#0051a4;
	font-size: 15px;
	font-weight: bold;
}

.tituloLaranja {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#fcaa0b;
	font-size: 15px;
	font-weight: bold;
}

.tituloVerde {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#006328;
	font-size: 15px;
	font-weight: bold;
}

.tituloazulclaro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#0099ff;
	font-size: 15px;
	font-weight: bold;
}

.tituloroxo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#660066;
	font-size: 15px;
	font-weight: bold;
}

.titulovermelho {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#ff0033;
	font-size: 15px;
	font-weight: bold;
}

.tituloverdeclaro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#33cc00;
	font-size: 15px;
	font-weight: bold;
}

.tituloturqueza {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#006666;
	font-size: 15px;
	font-weight: bold;
}

.tit-home {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#2f6d97;
	font-size: 14px;
	font-weight: bold;
}

.base-titulo1 {
	background-image: url(estilos/imagens/base-titulo.jpg);
	background-repeat: no-repeat;
}

.titulo2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FF6600;
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
}

.titulo3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FF6600;
	font-size: 25px;
	font-weight: bold;
}

.texto {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #333333;
}

.texto a:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #FF6600;
	text-decoration: none;
}

.texto a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #333333;
	text-decoration: none;
}


.textob {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #ffffff;
}

/* Form */

.caixadetexto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#333333;
	height: 15px;
	background-color:#FFF;
	border: 1px solid #CCC;
	width: 200px;
}

.listadetexto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#C30;
	font-size: 10px;
	height: 15px;
	border: 1px solid #719151;
}

.areadetexto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color:#FFF;
	border: 1px solid #666666;
	line-height: 14px;
}


.botoes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color:#333333;
	text-decoration: none;
	height: 20px;
}

.topicos1 {
	background-image:url(estilos/imagens/arrow1.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 13px;
	font-weight: bold;
	font-size: 12px;
	line-height: 15px;
	color:#4D6FA6;
}

.imagem-borda1 {
	padding:8px;
	background:url(estilos/imagens/pontos.gif) repeat;
}

/* Lista */
.listaazul ul {
	list-style-image: url(../images/seta-azul.png);
	padding: 0;
	margin:0;
}

.listaazul li {
	list-style-image: url(../images/seta-azul.png);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	text-decoration: none;
}

.listaazul li a {
    list-style-image: url(../images/seta-azul.png);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #333;
	text-decoration: none;
}

.listaazul li a:hover {
	list-style-image: url(../images/seta-azul.png);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #999;
	text-decoration: none;
}

.listalaranja ul {
    list-style-image: url(../images/seta-laranja.png);
    padding: 0;
    margin:0;
}

.listalaranja li {
	list-style-image: url(../images/seta-laranja.png);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	text-decoration: none;
}

.listalaranja li a {
	list-style-image: url(../images/seta-laranja.png);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #333;
	text-decoration: none;
}

.listalaranja li a:hover {
	list-style-image: url(../images/seta-laranja.png);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #999;
	text-decoration: none;
}
.listaverde ul {
    list-style-image: url(../images/seta-verde.png);
    padding: 0;
    margin:0;
}

.listaverde li {
	list-style-image: url(../images/seta-verde.png);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	text-decoration: none;
}

.listaverde li a {
	list-style-image: url(../images/seta-verde.png);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #333;
	text-decoration: none;
}

.listaverde li a:hover {
	list-style-image: url(../images/seta-verde.png);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #999;
	text-decoration: none;
}

.listaazulclaro ul {
    list-style-image: url(../images/seta-azulclaro.png);
    padding: 0;
    margin:0;
}

.listaazulclaro li {
	list-style-image: url(../images/seta-azulclaro.png);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	text-decoration: none;
}

.listaazulclaro li a {
	list-style-image: url(../images/seta-azulclaro.png);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #333;
	text-decoration: none;
}

.listaazulclaro li a:hover {
	list-style-image: url(../images/seta-azulclaro.png);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #999;
	text-decoration: none;
}

.listaroxo ul {
    list-style-image: url(../images/seta-roxo.png);
    padding: 0;
    margin:0;
}

.listaroxo li {
	list-style-image: url(../images/seta-roxo.png);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	text-decoration: none;
}

.listaroxo li a {
	list-style-image: url(../images/seta-roxo.png);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #333;
	text-decoration: none;
}

.listaroxo li a:hover {
	list-style-image: url(../images/seta-roxo.png);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #999;
	text-decoration: none;
}

.listavermelho ul {
    list-style-image: url(../images/seta-vermelho.png);
    padding: 0;
    margin:0;
}

.listavermelho li {
	list-style-image: url(../images/seta-vermelho.png);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	text-decoration: none;
}

.listavermelho li a {
	list-style-image: url(../images/seta-vermelho.png);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #333;
	text-decoration: none;
}

.listavermelho li a:hover {
	list-style-image: url(../images/seta-vermelho.png);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #999;
	text-decoration: none;
}

.listaverdeclaro ul {
    list-style-image: url(../images/seta-verdeclaro.png);
    padding: 0;
    margin:0;
}

.listaverdeclaro li {
	list-style-image: url(../images/seta-verdeclaro.png);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	text-decoration: none;
}

.listaverdeclaro li a {
	list-style-image: url(../images/seta-verdeclaro.png);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #333;
	text-decoration: none;
}

.listaverdeclaro li a:hover {
	list-style-image: url(../images/seta-verdeclaro.png);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #999;
	text-decoration: none;
}

.listaturqueza ul {
    list-style-image: url(../images/seta-turqueza.png);
    padding: 0;
    margin:0;
}

.listaturqueza li {
	list-style-image: url(../images/seta-turqueza.png);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	text-decoration: none;
}

.listaturqueza li a {
	list-style-image: url(../images/seta-turqueza.png);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #333;
	text-decoration: none;
}

.listaturqueza li a:hover {
	list-style-image: url(../images/seta-turqueza.png);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #999;
	text-decoration: none;
}
.titulo3Azul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#0051a4;
	font-size: 21px;
	font-weight: bold;