﻿*{margin:0 0; 
padding:0;
}

body {
font-family: Calibri;
font-size: 14px; 
/*background: #efefef;*/
background: #F0F0F5;
color: #333; 
padding:0;
margin: 0;
line-height: 135%;
border-image: 0;

}


/*LINKS*/
a:link {text-decoration: none;color: #fff} /*Define a cor para os links inicialmente carregados*/
a:visited {color: #fff}/*Define a cor para os links ao se tornarem ativo*/
a:hover {text-decoration: underline;color: #fff}/*Define a cor para os links ao serem visitados*/



#principal {
margin: 0 auto;
width: 900px;
background: #ffffff;
}

#figura {
  float: right;
  width: 25%;
  border: none;
  margin: 0px;
  padding: 0px;
}
#figura p {
  text-align: center;
  font-size: 10px; 
  text-indent: 0;
}

#figura2 {
  float: right;
  width: 25%;
  border: none;
  margin: 0px;
  padding: 0px;
}
#figura2 p {
  text-align: center;
  font-size: 10px; 
  text-indent: 0;
}

/*----------Cabeçalho----------*/
#cabecalho{
/*background: #3f92d2;*/
background: #016E8C;
width: 900px;
height: 120px;
line-height: 40px;
}

#cont_cab_esquerda{
float:left;
color: #ffffff;
font-family: Calibri;
font-size: 20px; 
width: 300px; 
padding: 10px 0 0 20px; /*top right bottom left*/
}

#cont_cab_centro{
float: left;
color: #fff;
font-family: Calibri;
font-size: 20px; 
width: 450px;
line-height: 25px;
margin: 10px 0 0 10px; /*top right bottom left*/

}
#cont_cab_direita{
position:absolute;
left:900px;
top:10px;
color: #fff;
font-family: Calibri;
font-size: 20px; 
width: 200px;
line-height: 25px;
margin: 10px 0 0 10px; /*top right bottom left*/

}


#cabecalho h1{
color: #ffffff;
font-family: Calibri;
font-size: 25px; 
padding-left: 20px;
}
#cabecalho h2{
color: #ffffff;
font-family: Calibri;
font-size: 20px; 
padding-left: 20px;
}

#cabecalho h3{
color: #ffffff;
font-family: Calibri;
font-size: 10px; 
text-align: right;
padding-right: 30px;
padding-left: 5em;
}

/*----------Imagem com pensamento----------*/
#introducao{
/*background: url(imagens/Por_do_Sol.JPG) no-repeat; */
}

#introducao p {
color: #333; 
font-family: Calibri;
font-size: 14px; 
text-align:center;
}

/*----------Menu----------*/
#menu {
clear:both;
background: #016E8C;
/*background: #99ccff;*/
width: 900px;
height: 40px;
line-height: 40px;

}
#menu ul {
display: block;
list-style-type: none;
margin: 0 auto;
/*padding-left: 20px;*/
float:left;
}
#menu ul li {
position: relative;
display: block;
float: left;
width: 150px; /*Largura de cada item do menu*/
text-align:center; 
}
#menu ul li a {
display: block;
padding: 0 10px 0 10px;
text-decoration: none;
color: #ffffff;
background: #016E8C;

font-size: 13px;
font-weight: 600;
font-style: bold;
}
#menu ul li a:hover {
color: #ffffff;
background: #99BC40;

/*background: #4682B4;*/
}



/*Submenus*/

#menu ul  li ul {
position: absolute;
top:40px; 
left:0;
width: 180px;
display:none;
float: none;

}

#menu ul li:hover > ul , #menu ul li.over ul{
   display: block;
   float: none;
   background: #FFF;
}

#menu ul  li ul li{
float:none;
background: #FFF;

}




}
/*----------------------------------*/



#conteudo{
background: url(imagens/fundo.gif) repeat-y; /*Técnica Faux Columns*/
width: 900px;
min-height:300px;
height:auto !important;
line-height: 40px;
color: #333;

position:relative;
}





#conteudo_esquerda{

/*position:fixed;*/

float:left;
width: 160px; 
color: #333;
padding: 20px 0 0 20px;


position:absolute; vertical-align: middle;
}

#conteudo_direita{
float:right;
width: 690px;
line-height: 20px;
color: #333;
margin: 15px 10px 30px 20px; /*top right bottom left*/
text-align: justify;

}
#conteudo_direita li{
font-size: 14px;
margin: 0 10px 0 30px; /*top right bottom left*/
}

#conteudo_direita a{
text-decoration: none;
color: #000;
}

#conteudo_direita a:hover {
text-decoration: none;
color: #016E8C;
}


#conteudo_esquerda li{

font-size: 14px;
font-style: bold;
list-style-type: none;
line-height: 20px;
text-align:center;
margin: 10px 0 10px 0;
}
#conteudo_esquerda li a{
list-style-type: none;
display: block;
padding: 0 10px 0 10px;
text-decoration: none;
color:#016E8C
}
#conteudo_esquerda li a:hover {
color: #ffffff;
background: #99BC40;
}

#conteudo_esquerda .ativo  a {
	border-bottom-color: #7AA7D6;
	background: #7AA7D6;
}
#conteudo_esquerda h1{
font-size: 14px;
color: #016E8C;
}


#conteudo_direita table {
border-collapse: collapse; /*Retira os borders duplos*/
border-width:2px;	
border-style:solid;
padding:5px 5px 5px 5px;
}

#conteudo_direita table tr td{
padding:5px 5px 5px 5px;
}
#fict{
background: white;
width: 900px;
clear:both;
}


/*----------Rodapé----------*/
#rodape{
background: #016E8C;
width: 900px;
height: 40px;
line-height: 40px;
}

#rodape p{
color: #ffffff;
text-align: center;

}