/* CSS Document */

/* Formatações Gerais */

* {
	margin:0;
	padding:0;
	list-style:none;
}

body {
	background:#f4f4f4;
	text-align: center;
}

#fundo {
	background:#f4f4f4 url(images/bordasfundo.gif) repeat-y center;
}

#content {
	width:800px;
	text-align:left;
	margin:auto;
	/*padding:0 0 0 1px;*/
}

/* Fim Formatações Gerais */

/* Formatação Cabeçalho */

#header {
	height:138px;
}

#languagebar {
	position:absolute;
	top:0px;
	width:800px;
	height:22px;
	background:#00579c;
	background-color: #00579C;
}

#languagebar a {
	display:block;
	height:10px;
	width:30px;
	color:#FFFFFF;
	font:10px "Franklin Gothic Demi", Verdana, Arial;
	text-decoration:none;
	margin:0 0 0 740px;
	padding:5px 0 0 0;
}

#languagebar a:hover {
	color:#ffff00;
	display:block;
	height:10px;
	width:30px;
	font:10px "Franklin Gothic Demi", Verdana, Arial;
	text-decoration:none;
	margin:0 0 0 740px;
	padding:5px 0 0 0;
}

#rootsite {
	position:absolute;
	top:0px;
	width:193px;
	height:40px;
	background:#00579c;
	background-color: #00579c;
}

#rootsite h2 a {
	display: block;
	height: 36px;
	width: 48px;
	background: url(images/logoifmheader.gif) no-repeat;
	text-indent: -999px;
	margin:0px;
	* margin:1px 0 0 37px;
	overflow: hidden;	
}

#rootsite li a.enter {
	position:absolute;
	top:14px;
	left:85px;
	width:35px;
	height:10px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	font:bold 9px Verdana, Arial, Helvetica, sans-serif;
}

#rootsite li a.enter:hover {
	position:absolute;
	top:14px;
	left:85px;
	width:35px;
	height:10px;
	display:block;
	color:#FFFFFF;
	text-decoration:underline;
	font:bold 9px Verdana, Arial, Helvetica, sans-serif;
}

#logo h1 a {
	float:left;
	display:block;
	height: 74px;
	width: 169px;
	background: url(images/logoHidroquimica.gif) no-repeat;
	margin:60px 0 0 15px;
	text-indent: -999px;
	overflow: hidden;
}

#flashanimaton {
	clear:both;
	position:relative;
	width:600px;
	height:117px;
	left: 193px;
	top:-113px;
}

/* Fim Formatação Cabçalho */

/* Formatação Menu */

#menu {
	height:25px;
	margin:2px 0 0 0;
    vertical-align:middle;
}

#menu ul li {
	display: inline;
	vertical-align:middle;
}

#menu a {
	float: right;
	color: #FFFFFF;
	background: #B2C3DE;
	width:147px;
	height:25px;
	font: 10px Tahoma;
	text-align:center;
	text-decoration: none;
	text-transform: uppercase;
	/*padding:5px 25px;*/
	margin:2px 0 0 0;
	border-left:3px solid #FFFFFF;
	vertical-align:middle;
	}

#menu a.primerolink {
	float: right;
	color: #FFFFFF;
	background: #B2C3DE;
	width:147px;
	height:25px;
	font: 10px/24px Tahoma;
	text-align:center;
	text-decoration: none;
	text-transform: uppercase;
	/*padding:5px 25px;*/
	margin:2px 0 0 0;
	border-left:3px solid #FFFFFF;
	vertical-align:middle ;

}

#menu a:hover {
	float: right;
	color: #FFFFFF;
	background: #00579C;
	width:147px;
	height:25px;
	font: 10px Tahoma;
	text-align:center;
	text-decoration: none;
	text-transform: uppercase;
	/*padding:5px 25px;*/
	margin:2px 0 0 0;
	border-left:3px solid #FFFFFF;
	vertical-align:middle;
}

#menu a.primerolink:hover {
	float: right;
	color: #FFFFFF;
	background: #00579C4;
	width:147px;
	height:25px;
	font: 10px/24px Tahoma;
	text-align:center;
	text-decoration: none;
	text-transform: uppercase;
	/*padding:5px 25px;*/
	margin:2px 0 0 0;
	border-left:3px solid #FFFFFF;
	vertical-align:middle;
}

#menu a.primerolinkativo {
	background: #00579C;
	width:147px;
	height:25px;
	font: 10px/24px Tahoma;
	text-align:center;
	text-decoration: none;
	text-transform: uppercase;
	/*padding:5px 25px;*/
	margin:2px 0 0 0;
	border-left:3px solid #FFFFFF;
	vertical-align:middle;
}

#menu a.ativo {
	background: #00579C;
	width:147px;
	height:25px;
	font: 10px Tahoma;
	text-align:center;
	text-decoration: none;
	text-transform: uppercase;
	/*padding:5px 25px;*/
	margin:2px 0 0 0;
	border-left:3px solid #FFFFFF;
	vertical-align:middle;
}

/*
#menu2 {
	width:700;
	height:30px;
	text-align:right;
	margin:3px 0 0 116px;
}

#menu2 ul li {
	display: inline;
	float: right;
}

#menu2 ul li a {
	display:block;
	width:85px;
	height:30px;
	color: #FFFFFF;
	background: #892a2a;
	font: 10px/12px "Franklin Gothic Demi", Verdana, Arial;
	text-decoration: none;
	text-transform: uppercase;
	text-align:center;
	border-left:3px solid #FFFFFF;
}


#menu2 ul li a:hover {
	display:block;
	width:85px;
	height:30px;
	color: #FFFFFF;
	background:#00579c;
	font: 10px/12px "Franklin Gothic Demi", Verdana, Arial;
	text-decoration: none;
	text-transform: uppercase;
	text-align:center;
	border-left:3px solid #FFFFFF;
}

#menu2 ul li a.ativo {
	color: #FFFFFF;
	background: #00579c;
	font: 10px "Franklin Gothic Demi", Verdana, Arial;
	text-decoration: none;
	text-transform: uppercase;
	padding:5px 10px;
	margin:2px 0 0 0;
	border-left:3px solid #FFFFFF;
}
*/
/* Fim Formatação Menu */

/* Formatação Corpo */

#body {
		position:relative;
		clear:both;
		height:260px;
		margin:35px 0 0 0;
}

#titulo h3 {
	float:left;
	display:block;
	width:162px;
	height:265px;
	background:#00579c;
	text-align:right;
	padding:15px 15px 0 0;
	color:#FFFFFF;
	font:19px "Franklin Gothic Demi", Verdana, Arial;
}
#titulo.inside {
	clear:both;
	background:none;
	height:35px;
	padding:0 0 0 195px;
	margin:10px 0 0 0;
}

h3.subtitulo
{
	
 width:auto;
	height:auto;
	color:#00579c;
	background:none;
	font:14px "Franklin Gothic Demi", Verdana, Arial;
	padding:7px 0 0 0;
	
}

#titulo.inside h3 {
	width:auto;
	height:auto;
	color:#00579c;
	background:none;
	font:19px "Franklin Gothic Demi", Verdana, Arial;
	padding:7px 0 0 0;
}

#foto{
	float:right;
	height:230px;
	width:239px;
	background: url(images/fotoquemsomos.jpg) no-repeat;
}

#foto.inside1 {
	float:left;
	height:230px;
	width:165px;
	background:#b3c6e1;
	margin:30px 0 0 25px;
}

#foto.inside2 {
	float:left;
	height:190px;
	width:220px;
	background:#b3c6e1;
	margin:10px 0 0 10px;
}

#foto.inside3 {
	float:left;
	height:230px;
	width:165px;
	margin:-20px 0 0 0;
	background:none;
	text-align:center;
}

#foto.inside3 ul li img {
	padding:0 0 20px 0;
}

#foto img {
	padding:9px 0 0 10px;
}

#conteudo{
	height:270px;
	width:390px;
	background:#dededd;
	*margin:0 178px;
	text-align: justify ;
	border-left:6px solid #FFFFFF;
	border-right:6px solid #FFFFFF;
	padding:10px  10px 0 10px;
	overflow-y:auto;
	overflow-x:hidden;
	font:11px/16px Verdana, Arial, Helvetica, sans-serif;
}
#conteudo ul li.discamarelo {
	margin:0 0 0 10px;
	font:11px/16px Verdana, Arial, Helvetica, sans-serif;
	list-style-image:url(images/listimage.gif);
	/*line-height:13px;*/
}
#conteudo p {
	color:#000000;
	font:11px/16px Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0 0 0;
	/*line-height:13px;*/
    text-indent  :10px;
}

#conteudo p.paragrafoprimeiro {
	color:#000000;
	font:11px/16px Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 0 0;
}

#conteudo ul {
	color:#000000;
	font:11px/16px Verdana, Arial, Helvetica, sans-serif;
	padding:10px 0 0 10px;
}

#conteudo ul li {
	list-style:disc;
}

#conteudo.inside{
	background:none;
	border:none;
	*margin:0 178px;
	height:290px;
	width:500px;
	padding:0 15px 0 40px;
	margin:5px 0 0 0;
	overflow-y: auto;
	overflow-x: none;
}

#conteudo.inside p {
	color:#777777;
	font:11px/15px Verdana, Arial, Helvetica, sans-serif;
	margin:5px 0 0 10px;
}

#conteudo.inside a{
	color:#777777;
	font:11px/15px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	margin:5px 0 0 10px;
}

#conteudo.inside ul li{
	list-style:none
}

#conteudo.inside ul li.discamarelo {
	margin:0 0 0 15px;
	color:#777777;
	font:10px/17px Verdana, Arial, Helvetica, sans-serif;
	list-style-image:url(images/listimage.gif);
}

#conteudo.inside ul li a{
	color:#00579c;
	font:11px/19px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

#conteudo.inside label {
	display:block;
	color:#777777;
	font:10px/10px Verdana, Arial, Helvetica, sans-serif;
}

#conteudo.inside input, textarea {
	display:block;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}

#conteudo.inside input{
	border:1px solid #b3c6e1;
	height:15px;
	width:200px;
	padding:0 0 0 2px;
}

#conteudo.inside input.botao{
	display:inline;
	color:#FFFFFF;
	background:#b3c6e1;
	font:9px Verdana, Arial, Helvetica, sans-serif;
	line-height:7px;
	height:18px;
	width:60px;
}

#conteudo.inside textarea{
	border:1px solid #b3c6e1;
	height:45px;
	width:280px;
}

#conteudo.inside fieldset {border: 0}

#conteudo.inside fieldset.botoes {
	border: 0;
	padding:0 0 0 158px;
}


#emailcontato {
	position:relative;
	left:560px;
	top:-213px;
	width:205px;
	height:35px;
	text-align:right;
}

#emailcontato p{
	text-align: right;
	color:#b3c6e1;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
}

#emailcontato address
{
	text-align:right;
	color:#777777;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}

#emailcontato a{
	text-align:right;
	color:#777777;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}


/* Fim Formatação Corpo */

/* Formatação Subrodapé */

#subrodape {
	height:150px;
	text-align:center;
	clear:left;
   }

#subrodape ul li a {
	color:#00579c;
	font:9px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#subrodape ul li a.back {
	margin:0 0 0 180px;
	color:#00579c;
	font:bold 9px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

#subrodape ul {
	/*padding:5px 0 0 0;
	margin:0 0 0 180px;*/
	padding: 20px 0 0 0;
	margin:0 0 0 10px;
}

#subrodape ul.link {
	padding:5px 0 0 0;
	margin:0 0 0 180px;
}

#subrodape ul.link2 {
	padding:60px 0 0 0;
	margin:0 0 0 160px;
}

#subrodape ul li {
	display:inline;
}

#subrodape img {
    padding:  20px 10px;
}
#subrodape div {
    padding: 0px 10px ;
}
/* Fim Formatação Subrodapé */

/* Formatação Rodapé */

#rodape {
	width:800px;
	background:#B3C6E1;
	color: Navy ;/* #FFF;*/
	bottom:0px;
	height: 30px;
	margin:0;
}

* HTML #rodape { 
	margin-bottom:2px; 
	bottom:-1px;
}

#rodape address {
	color:Navy;/*#FFFFFF;*/
	font:9px Verdana, Arial, Helvetica, sans-serif;
	padding:10px 0 0 30px; /*40px;*/
	white-space: nowrap;
	text-align:center;
	}
	
#noticias
{
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 100%;
}

/* Fim Formatação Rodapé */