﻿
/* 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;*/
}
#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:128px;
	width:169px;
	background: url(images/logoifm.gif) no-repeat;
	margin:40px 0 0 15px;
	text-indent: -999px;
	overflow: hidden;
}
#flashanimaton {
	clear:both;
	position:relative;
	width:600px;
	height:117px;
	left: 193px;
	top:-146px;
}
#menu {
	height:25px;
	margin:2px 0 0 0;
	vertical-align:middle;
	}
#menu td,#menu td a,#menu td a.primerolink
{
	vertical-align:middle;
}

#menu ul li {
	display: inline;
}

#menu a {
	float: right;
	color: #FFFFFF;
	background: #00579c;
	/*width:86px;*/
	/*height:25px;*/
	font: 9px Tahoma;
	text-align:center;
	text-decoration: none;
	text-transform:uppercase ;
	padding: 0px 0px 1px 0px;
	margin:2px 0 0 0;
	border-left:1px solid #FFFFFF;
}

#menu a.primerolink{
	float:right;
	color: #FFFFFF;
	background: #00579c;
	/*width:86px;*/
	/*height:25px;*/
	font: 9px Tahoma;
	text-align:center;
	text-decoration: none;
	text-transform: uppercase;
	padding: 6px 0px 6px 0px;
	margin:2px 0 0 0;
	border-left:1px solid #FFFFFF;
}

#menu a:hover {
	float: right;
	color: #FFFFFF;
	background: #BDBEC0;
	/*width:86px;*/
	/*height:25px;*/
	font: 9px Tahoma;
	text-align:center;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px 0px 1px 0px;
	margin:2px 0 0 0;
	border-left:1px solid #FFFFFF;
	vertical-align:baseline;
}

#menu a.primerolink:hover {
	float: right;
	color: #FFFFFF;
	background: #BDBEC0;
	/*width:86px;*/
	/*height:25px;*/
	font: 9px Tahoma;
	text-align:center;
	text-decoration: none;
	text-transform: uppercase;
	padding: 6px 0px 6px 0px;
	margin:2px 0 0 0;
	border-left:1px solid #FFFFFF;
	vertical-align:middle;
}

#menu a.primerolinkativo {
	background: #BDBEC0;
	/*width:86px;*/
	/*height:25px;*/
	font: 9px Tahoma;
	text-align:center;
	text-decoration: none;
	text-transform: uppercase;
	padding: 6px 0px 6px 0px;
    margin:2px 0 0 0;
	border-left:1px solid #FFFFFF;
	/*vertical-align:middle;*/
}

#menu a.ativo {
	background: #BDBEC0;
	/*width:86px;*/
	/*height:25px;*/
	font: 9px Tahoma;
	text-align:center;
	text-decoration: none;
	text-transform: uppercase;
	/*padding: 10px 0px 10px 0px;*/
	margin:2px 0 0 0;
	border-left:1px solid #FFFFFF;
	/*vertical-align:middle;*/
}

#logogtrb {
	LEFT: 80%; WIDTH: 95px; POSITION: relative; TOP: -190px; HEIGHT: 77px
}
/* Formatação Corpo */

#body {
		height:310px;
		margin: -20px 0 0 0;	
}

#titulo h3 {
	float:left;
	display:block;
	width:162px;
	height:220px;
	background:#00579c;
	text-align:right;
	padding: 10px 15px 0 0;
	color:#FFFFFF;
	font:19px "Franklin Gothic Demi", Verdana, Arial;
}
#titulo.inside {
	clear:both;
	background:none;
	height:35px;
	padding:20px 0 0 190px;
	margin:10px 0 0 0;
}

#titulo.inside h3 {
	width:auto;
	height:auto;
	color:#00579c;
	background:none;
	font:19px "Franklin Gothic Demi", Verdana, Arial;
	padding:1px 0 0 0;
}
#foto{
	float:right;
	height:230px;
	width:239px;
	background: url(images/fotoquemsomos.jpg) no-repeat;
}

#foto.inside1 {
	float:left;
	height:185px;
	width:170px;
	background:#BDBEC0;
	margin:25px 0 0 25px;
}

#foto.inside2 {
	float:left;
	height:223px;
	width:140px;
	background:#BDBEC0;
	margin:10px 0 0 25px;
}

#foto.inside3 {
	float:left;
	height:180px;
	width:215px;
	margin:10px 0 0 5px;
	background:#BDBEC0;
/*	text-align:center;*/
}

#foto.inside3 ul li img {
	padding:0 0  10px 0;
}

#foto img {
	padding:9px 0 0 10px;
}


#foto.inside3 ul li img {
	padding:0 0 5px 10px;
}

#foto img {
	padding:5px 0 0 10px;
}

#conteudo{
	float: left;
	height: 230px;
	width: 360px;
	background: #dededd;
*	margin: 0 0 0 0;
	text-align: left;
	border-left: 6px solid #FFFFFF;
	border-right: 6px solid #FFFFFF;
	padding: 0px 5px 0px 5px;
}


#conteudo.inside{
	background:none;
	border:none;
	*margin:0 178px;
	height:230px;
	width:550px;
	padding:0 0 0 45px;
	margin:10px 0 0 0;
	overflow:auto;
}

#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(imagens/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 #00579c;/*#648651;*/
	height:15px;
	width:200px;
	padding:0 0 0 2px;
}

#conteudo.inside input.botao{
	display:inline;
	color:#FFFFFF;
	background:  #00579c ; /*#648651;*/
	font:9px Verdana, Arial, Helvetica, sans-serif;
	line-height:7px;
	height:18px;
	width:60px;
}

#conteudo.inside textarea{
	border:1px solid #00579c;/*#648651;*/
	height:45px;
	width:280px;
}

#conteudo.inside fieldset {border: 0}

#conteudo.inside fieldset.botoes {
	border: 0;
	padding:0 0 0 158px;
}

#conteudo p {
	color:#000000;
	font:11px/16px Verdana, Arial, Helvetica, sans-serif;
	margin: 15px 0 0 0;
}

#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:15px 0 0 15px;
}

#conteudo ul li {
	list-style:disc;
}

#teste 
{
    position:relative;
    float:left;
    border:0px;
    clear:none;
}

#emailcontato {
	position:relative;
	float:right;
	top:0px;
	text-align:right;
	padding-right:5px;
}

#emailcontato p{
	text-align:right;
	color:navy;/*  #648651;*/
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
}

#emailcontato address{
	text-align:right;
	color:#777777;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}

#emailcontato a{
	margin:0 0 0  55px;
	text-align:right;
	color:#777777;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}


/* Fim Formatação Corpo */

/* Formatação Subrodapé */

#subrodape {
	height:80px;
	text-align:center;
}

#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 0px;
	color:#00579c;
	font:bold 9px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

#subrodape ul {
	padding:5px 0 0 0;
	margin:0 0 0 10px;
}

#subrodape ul.link {
	padding:0px 0 0 0;
	margin:0 0 0 220px;
}

#subrodape ul.link2 {
	padding:0px 0 0 0;
	margin:0 0 0 165px;
}

#subrodape ul li {
	display:inline;
}

#subrodape img {
	padding: 0 25px;
	}

#subrodape2 {
	position:relative;
	top:0px;
	float:right;
	height:68px;
	text-align:center;
}

/* Fim Formatação Subrodapé */

/* Formatação Rodapé */

#rodape {
	width:800px;
	background:#00579c;
	color:#FFF;
	bottom:20px;
	height: 30px;
	margin:0px;
}

* HTML #rodape { 
	margin-bottom:2px; 
	bottom:-1px;
}

#rodape address {
	color:#FFFFFF;
	font:9px Verdana, Arial, Helvetica, sans-serif;
	padding:10px 0 0 5px;
	white-space: nowrap;
	text-align:center;
}

/* Fim Formatação Rodapé */

