/* General styles */
    body {
        margin:0px;
        padding:0px;
        border:0px;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        background:#fff;
        min-width:630px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
		font-family: Verdana,Arial,Helvetica,sans-serif;
    }

/*--- Elementos gerais --- */
p{
    margin:5px 10px 5px 5px;
    padding:0px;
}

h1 {
	font-family:Helvetica,Arial,sans-serif;
	font-size:120%;
	text-align:left;
	color:#000000;
	margin:0px 10px 5px 0px;
	padding:2px 5px;
	background-color: #DCE8F4;
	width: 100%
}

h2 {
	font-family:Helvetica,Arial,sans-serif;
	font-size:100%;
	text-align:left;
	color:#000000;
	margin:0px 0px 5px 0px;
	padding:2px 5px;
	width: 100%
	font-weight: bold;
}

/*--- Fim Elementos gerais ---*/


/*--- Cabecalho ---*/
#cabecalho {
	clear:both;
	position: relative;
    float:left;
	top: 0px;
	height: 79px;
    width:100%;
	margin: 0px;
	padding: 0px;
	border:0px solid #000;
}

#cabecalho_conteudo {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 79px;
	min-width:610px;
	background-color: #336699;
}

#cabecalho_imagem {
	position: absolute;
	left: 0px;
	top: 0px;
	margin:0px;
	padding: 0px;
	border:0 solid #000000;
}

img.cabecalho_imagem{
	margin:0px;
	padding:0px;
	border: 0px
}



#cabecalho_logo {
	position: absolute;
	left: 80px;
	top: 0px;
	width:300px;
	margin:0px;
	padding: 0px;
	border:0px solid green;
}

p.cabecalho_logo{
color: #FFFFFF;
font-size: 32px;
padding:0px;
margin:0px;
font-weight: bold;
border:0px;
font-family: Arial,sans-serif;
}

p.cabecalho_logo_subtitulo{
color: #FFFFFF;
font-size: 12px;
padding:0px;
margin:0px;
font-weight: normal;
border:0px;
font-family: Arial,sans-serif;
}

a.cabecalho:link {color:#FFFFFF;text-decoration: none}
a.cabecalho:active {color:#FFFFFF;text-decoration: none}
a.cabecalho:visited {color:#FFFFFF;text-decoration: none}
a.cabecalho:hover {color: #FFFFFF;text-decoration: none}

#menu_institucional{
	position: relative;
	float: right;
	top: 0px;
	padding:0px;
	margin:5px 5px 0px 0px;
	color: #FFFFFF;
	font-size: 11px;
	border:0px solid red;
}

#menu_institucional ul{
	display: inline;
	margin:0px;
	padding:0px;
}

 li.menu_institucional_outro{
	display: inline;
	padding:0px 3px 0px 5px;
	margin:0px;
	color: #FFFFFF;
	border:0px;
	border-left:1px solid #999999;
}

 li.menu_institucional_primeiro{
	display: inline;
	padding:0px 3px 0px 5px;
	margin:0px;
	color: #FFFFFF;
	border:0px solid red;
}

#menu_institucional a:link {color:#FFFFFF;text-decoration: none}
#menu_institucional a:active {color:#FFFFFF;text-decoration: none}
#menu_institucional a:visited {color:#FFFFFF;text-decoration: none}
#menu_institucional a:hover {color: #FFFFFF;text-decoration: underline}


/*--- Fim Cabecalho ---*/

	#rodape {
        clear:both;
        float:left;
        width:100%;
		border-top:0px solid #000;
    }

	#conteudo {
		padding-top: 10px;
		padding-right: 2px;
        margin:0px 172px 0px 172px;  /* margin-left (172): largura da coluna da esquerda (167) + padding esquerdo da coluna de conteudo (5)
		margin-right(172): largura da coluna da direita (172) + padding esquerdo da coluna de conteudo (5)*/

		
		/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	}


	#conteudo_embrulha {
        float:left;
	    width:50%;
		margin: 0px;
		padding: 0px;
	    position:relative;
	    right:167px; /*Largura da coluna da esquerda (145) */
		
		/* Width of left column */
	    padding-bottom:5px; 	/* Centre column bottom padding. Leave it out if it's zero */
	}

    #menu {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:166px; /*Largura do menu (conteudo da coluna esquerda) (167) = largura da coluna da esquerda (145) -  padding esquerdo e direito (0 + 0) */

		/* Width of left column content (left column width minus left and right padding) */
		margin: 0px;
		padding: 0px;
        position:relative;
        right:0px; /* Largura do padding esquerdo dentro da coluna esquerda (0)*/
		
		/* Width of the left-had side padding on the left column */
		border: 1px solid blue;
    }

    #cross_content {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:165px; /*Largura do cross content (conteudo da coluna direita) (167) = largura da coluna da direita (0) -  padding esquerdo e direito (0 + 0) */
		
		/* Width of right column content (right column width minus left and right padding) */
		margin: 0px;
		padding: 0px;
        margin-right:-2px;  /*Largura do padding direito da coluna direita (0) + os padding direito e esquerdo da coluna da esquerda (0 + 0)*/
		/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
		border: 1px solid red;
    }

	#coluna_esquerda {
        float:left;
        width:100%;
		margin: 0px;
		padding: 0px;
        margin-left:-50%;
        position:relative;
        left:334px;  /*Largura da coluna esquerda (167) + largura coluna direita (167)*/
		/* Left column width + right column width */
        background:#FFD8B7;    	/* Left column background colour */
    }

    #coluna_meio {
        float:left;
        width:200%;
		margin: 0px;
		padding: 0px;
        margin-left:-167px; /*Largura da coluna da direita (167) */
		/* Width of right column */
        position:relative;
        right:100%;
        background:#fff;    	/* Centre column background colour */
    }

	#corpo {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		margin: 0px;
		padding: 0px;
		overflow:hidden;		/* This chops off any overhanging divs */
	    background:#ff9;    	/* Right column background colour */
	}