/* CSS Document */

/* MENU */
	
#menu {
	width:100%;
	height:30px;
	float:left;
	bottom:0;
	overflow:hidden;
		}
	
#menu ul {
	height:40px;
	margin:0;
	padding:0;	
	}


#menu li {
	list-style:none;
	float:left;	
	width:auto;	
	margin:0 20px 0 0;
	}


#menu a { 
	margin:0;
	height:60px;
	display:block;
	overflow:hidden;
	background-position:0;	
	background-repeat:no-repeat;
	}
	
#menu a:hover,
#menu.home a.home,
#menu.apresentacao a.apresentacao,
#menu.areas a.areas,
#menu.estrutura a.estrutura,
#menu.noticias a.noticias,
#menu.links a.links,
#menu.fale a.fale { 
	text-decoration:none;
	background-position:0 -30px;	
	}

#menu a.home {
	width:30px;
	background-image:url(img/menu00.gif);
	}	
	
#menu a.apresentacao {
	width:84px;
	background-image:url(img/menu01.gif);
	}	
	
#menu a.areas {
	width:106px;
	background-image:url(img/menu02.gif);
	}				
	
#menu a.estrutura {
	width:63px;
	background-image:url(img/menu03.gif);
	}	
	
#menu a.noticias {
	width:50px;
	background-image:url(img/menu04.gif);
	}


#menu a.links {
	width:62px;
	background-image:url(img/menu05.gif);
	}		
	
#menu a.fale {
	width:106px;
	background-image:url(img/menu06.gif);
	}	



h1, h2, h3, h4, h5, h5 {
	margin:0;
	padding:0;
	}

body {
	margin:0;
	border:0;
	font-size:62.5%;
	font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	background-image:url("images/bg.jpg");
	background-color:#1E201F;
	color: #FFFFFF;

		}
	
a {
	color:#0AA5A5;
	text-decoration:none;
	}
	
a:hover {
	text-decoration:underline;
	}

#fix { 
	clear:both;
	height:1px;
	overflow:hidden;
	}


#geral {
	width:1000px;
	height:680px;
	margin:0 auto;
	height:auto;
	}
	

#topo {
	height:auto;
	width:780px;
	margin:0 auto 30px;
	clear:both;
	display:block;
	}
	
h1 {
	width:196px;
	height:40px;
	margin:30px auto;
	display:block;
	background:url(img/souza_logo.gif);
	background-repeat:no-repeat;
	}

h1 a {
	width:196px;
	height:40px;
	display:block;
	overflow:hidden;
	text-indent:-5000px;
	}



h2 {
	margin:0 0 20px 0;
	}

h3 {
	margin:0 0 -15px 0;
	font-size:16px;
	}



	


/* MIOLO */

#miolo {
	height:auto;
	display:block;
	font-size:1.3em;
	}


/* CAPA */

	
.destaque { 
	width:1000px;
	height:330px;
	display:block;
	margin:0 auto;
	}
		
	
.conteudo {
	width:685px;
	margin:0 auto;	
	display:block;
	height:auto;
	}
	
.conteudo p {
	text-align:justify;
	}



.box {
	width:200px;
	height:110px;
	display:block;
	font-size:12px;
	color:#FFFFFF;
	float:left;
	}

.box-meio {
	margin:0 42px;

	}
	
.box-meio p {
		text-align:center;
		}
	
.box h2 {
	text-align:center;
	margin:0;
	}
	
.box a {
	color:#FFFFFF;
	}

.img-dir {
	width:250px;
	height:auto;
	float:right;
	margin:0 0 0 30px;
	display:block;
	font-size:12px;
	color:#FFFFCC;
	text-align:center;
	background-image:url(img/bg_loading.gif);
	background-position:center;
	background-repeat:no-repeat;
	}	
	
.img-dir.noticias {
	border:1px solid #666666;
	padding:5px;
	}		

.conteudo-links a {
	font-size:14px;
	}
	
.conteudo-noticias a {
	font-size:14px;
	color:#FFF;
	}				
.amarelo {
	color:#FFFFCC;
	}
	
.verde { 
	color:#0AA5A5;
	}	
	

.formulario {
	width:400px;
	height:auto;
	margin:0 auto;
	line-height:20px;
	float:left;
	
	}
	
.campo {
	width:100px;
	height:30px;
	float:left;
	text-align:right;
	margin:0 5px; 0 0;
	line-height:30px;
	}	


.enviar input, .enviar textarea {
	width:284px;
	*width:285px;
	_width:285px;
	height:20px;
	line-height:20	px;
	border:1px solid #e5e5e5;
	margin:5px 0;
	font-family:Arial, Helvetica, sans-serif;
	}
	
.enviar .botao {
	background-color:#0AA5A5;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
	width:100px;
	height:25px;
	line-height:20px;
	float:right;
	} 	
	


/* RODAPE */

#rodape {
	width:100%;
	height:100px;
	clear:both;
	background-image:url(img/bg_rodape.jpg);
	background-repeat:repeat-x;
	font-size:1.2em;
	margin:40px 0 0;
	}

.conteudo-rodape {
	width:800px;
	margin:20px auto 0;
	display:table;
	}

.logo, .lettering {
	font-family:Arial, Helvetica, sans-serif;
	}
	
img.estrutura { width:120px; height:90px; float:left; margin:0 10px 10px 0; border:2px solid #0AA5A5; }
	
.copy {
	color:#0AA5A5;
	float:left;
	}
	
.contatos {
	color:#0AA5A5;
	float:right;
	}	

.contatos a {
	color:#FFFFFF;
	}