/* CSS Document */

/*definindo a página xhtml---ID usar asterisco*/
#geral {
width : 800px;
height:690px;
_height:600px;
margin: 80px;
border-color:#0000FF;
margin-top:0;
padding: 0;
background-image: url(/imagens/logopage2.jpg);
background-repeat: no-repeat;
background-position: 0px 160px;
}

/*Sem ID ou Asterisco  ----O estilo é  aplicado só a este elemento*/
body {
width : 600px;
font-family: Verdana, Geneva, Arial, sans-serif;
font-size:14px;
background-color: #CCC;/* cor do fundo em toda pagina da net ao fundo */
}

/* ESTILO DOS CARACTERES - Pai Body*/
h1 {
font-size: 1.4em;
text-align:center;
text-transform: uppercase;/* letras todas maiúsculas*/
font-style:normal;/* letras da lista normal, itálico ou obliquo*/
color:#0000FF;/* COR das letras dos Títulos todas em azul*/
}
h2 {
font-size: 1.3em;
text-align:center;
text-transform: uppercase;/* letras todas maiúsculas*/
font-style:normal;/* letras da lista normal, itálico ou obliquo*/
color:#0000FF;/* COR das letras dos Títulos todas em azul*/
}
h3 {
font-size: 1.1em;
text-align:center;
text-transform: uppercase;/* letras todas maiúsculas*/
font-style:normal;/* letras da lista normal, itálico ou obliquo*/
color:#0000FF;/* COR das letras dos Títulos todas em azul*/
}

p {
margin-left: 5px;
padding: 0;
font-family: Verdana, Geneva, Arial, sans-serif;
text-align: left;
color:#000000;
}

em{
font-size: 0.9em;
font: Verdana, Arial,  sans-serif;
font-weight:bold;
text-align:left;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/* ESTILO BARRA HORIZONTAL DE NAVEGAÇÃO DIV MENUH */
#menuh {
float:left;/* flutua  abaixo do logo */
width:800px;
height:33px;
background:#0099FF;
padding:0px;/* distância conteúdo e caixa */

}

/* estilizando elemento ul menuh*/
#menuh ul{
margin : 0px;
_margin : 10px;/* válido sómente browser IE6*/
margin-top:6.5px;
float:left;/* permite que fiquem o menu na horizontal*/
width:110px;
}
/* estilizando elemento li menuh*/
#menuh li{
float:left;
text-align:left;
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;/* tamanho da fonte */
text-transform: uppercase;/* letras da lista todas maiúsculas*/
list-style: none; /*elimina as bolinhas do menu */
}

/* estilizando elemento a menuh */

#menuh li a{
display:block;/* muda para blocos*/
text-decoration:none;/* tira sublinhado do link da lista */
color:#ffffff;/* cor dos títulos antes  */
font-weight: bold;
}

/* menu após passar o mouse por cima */
#menuh li a:hover{ 
	border-bottom: none;
	color: #fff ;
	background:#0033ff;
	padding: 1px;
}

/*cor do link clicado*/

#menuh li a:active{
color:#A65300;
background:#fff;
}


/*-------------------------------------------------------------------------------------------*/


/* barra VERTICAL  A ESQUERDA - TABULAÇÃO E COR*/
#barrav 
{
float:left;/* flutua  esquerda  */
width : 150px;
_width : 150px;
height: 500px;
background-color:#0066FF;/* cor de fundo da barra vertical*/
margin:0px;
padding:0px;
}

/* MENU VERTICAL  A ESQUERDA - TABULAÇÃO E COR*/
#menuv ul{
margin: 5px;
padding:0px;
_width : 140px;
_width : 150px;
height: 455px;
text-align: center;
background-color:#0099FF;/* cor de fundo do menuv - mantido a mesma cor da barra vertical */
}

/* ESTILIZANDO O ELEMENTO LI DO MENUV */

#menuv li{
margin : 0 0 2px 0;
list-style: none;/*elimina as bolinhas do menu */
font-weight:bold;
}

/*ESTILIZANDO O ELEMENTO A ;OU SEJA; OS LINKS*/
#menuv li a{
display: block;/*menu em blocos*/
padding:8px;
color:#ffffff;/* cor dos links antes - Branco */
text-transform: uppercase;/* letras da lista todas maiúsculas*/
text-decoration:none;/* tira sublinhado do link da lista */
font-size:  12px;/* tamanho da fonte */
font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;/* tipo de  fonte */
_width : 140px;/*distância da barra e o menu cor fundo*/
}

/* EFEITO HOVER AO PASSAR O MUOSE SOBRE O LINK */	
#menuv li a:hover{
color: #fff;
background:#0033ff;
}

/* EFEITO HOVER AO PASSAR O MUOSE SOBRE O LINK */	
#menuv li a:visited{
color: #fff;/* cor da fonte */
border: 3px;/*borda para diferenciar*/
border-color:#FFFFFF;/* cor da borda */
}


/*-------------------------------------------------------------------------------------------*/
#rodape
{
width: 800px;
padding-top:10px;
height: 50px;
color :#FFF;
text-align: center;
float:left;
background:#0099FF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
#foto {
float:left;
margin:5px 20px 20px 20px;
color:#cc9933; width:200px; height:500;
}
#galeriaprojetos {
float: left;
padding: 20px;
}
/*-------------------------------------------------------------------------------------------*/
/*Classe de textos*/

/*Classe página organização*/
.titulo {
font-size: 1.1em;
font-family: Trebuchet MS, Verdana, Arial,  sans-serif;
font-weight:bold;
text-transform: uppercase;/* letras todas maiúsculas*/
text-align:left;
margin-left:5px;
}
.titulo1 {
font-size: 1.0em;
font-family: Trebuchet MS, Verdana, Arial,  sans-serif;
font-weight:bold;
text-align:left;
}
.titulo2 {
font-size: 0.9em;
font-family: Verdana, Arial,  sans-serif;
font-weight:bold;
text-align:left;
}

.titulo3 {
font-size: 0.8em;
font-family: Verdana, Arial,  sans-serif;
font-weight:bold;
text-align:left;
}

.titulo4 {
font-size: 0.8em;
font-family: Verdana, Arial,  sans-serif;
font-weight: lighter;
text-align: center;
}
.titulo4 {
font-size: 0.8em;
font-family: Verdana, Arial,  sans-serif;
font-weight: lighter;
text-align: center;
}
.titulo5 {
font-size: 0.8em;
font-family: Verdana, Arial,  sans-serif;
font-weight: lighter;
text-align: left;
}

/*-------------------------------------------------------------------------------------------*/
a {
    text-decoration: none;
    color: #666;
}
a:hover {
text-decoration: underline;
color: #C12EFA;
}
a:active
 { 
 color: #0000FF; 
 }