/**
  *  Arquivo contendo correções para layout.
  *
  *  Imagens relacionadas a essa folha de estilos
  *  encontram-se em /app/webroot/images/layout/-fix
  */
* {
    margin: 0;
    padding: 0;
}

body {
    font: 11px Arial, Helvetica, sans-serif;
}

#header {
    height: 70px;
    margin: auto;
    width: 1000px;
}
    #header h1 {
        float: left;
        margin: 0 15px 0 10px;
    }
    #header form {
        float: left;
        margin-left: -10px;
        padding-top: 10px;
        width: 248px;
    }
        #header form .input input {
            background: url(../images/layout/busca_bg_form.gif);
            height: 23px;
            padding: 7px 0 0 28px;
            width: 162px;
        }
        #header form input[type=image] {
            float: left;
            margin-left: 210px;
            margin-top: -42px;
        }

#top-navigation {
    margin-right: 40px;
}
    #top-navigation > li {
        float: left;
        position: relative;
    }
        #top-navigation > li > div {
            display: none;
            left: 0;
            position: absolute;
            top: 36px;
            width: 330px;
            z-index: 9999;
        }
    #top-navigation div > ul {
        background: url(../images/layout/background-submenu-superior.png);
        padding: 0 16px;
    }
        #top-navigation div > ul > li {
            float: left;
            height: 14px;
            padding: 8px;
            position: relative;
            top: -70px;
            width: 284px;
        }
            #top-navigation div > ul > li > a {
                background: transparent left 5px no-repeat;
                background-image: url(../images/layout/-fix/icon-arrow.png);
                color: #0a2668;
                font-size: 11px;
                font-weight: bold;
                padding-left: 10px;
                text-transform: uppercase;
            }
            #top-navigation div > ul > li ul {
                display: none;
            }
        #top-navigation div > ul > li.open {
            -moz-border-radius: 4px;
            background: #14203b;
        }
            #top-navigation div > ul > li.open a {
                color: #fff;
            }
            #top-navigation div > ul > li.open > a {
                background-image: url(../images/layout/-fix/icon-arrow-hover.png);
            }
            #top-navigation div > ul > li.open ul {
                -moz-border-radius: 4px;
                background: #14203b;
                left: 280px;
                padding: 18px;
                position: absolute;
                top: 0;
                width: 214px;
            }
                #top-navigation div > ul > li.open ul li {
                    background: url(../images/layout/-fix/background-dots.png) top left repeat-x;
                    padding: 6px 4px;
                }
                    #top-navigation div > ul > li.open ul li:first-child {
                        background: none;
                    }
    #top-navigation .open > div,
    #top-navigation .open > ul {
        display: block;
    }
    #top-navigation .top {
        background: url(../images/layout/background-submenu-superior-top.png) no-repeat;
        height: 92px;
    }
    #top-navigation .bottom {
        background: url(../images/layout/background-submenu-superior-bottom.png);
        height: 118px;
        margin-top: -82px;
    }

#banner {
    background: url(../images/layout/banner_bg.jpg) center repeat-x;
    border-top: 1px solid #d6e1ec;
    padding-bottom: 22px;
}
    #banner > div {
        height: 160px;
        margin: auto;
        width: 1000px;
        position:relative;
    }
        #animacao .images div {
			width:917px;
			height:160px;
			top:0;
			left:42px;
			position:absolute;
			display:none;
            overflow:hidden;
				}
				#banner a#prev {
					top:70px;
					left:0;
					position:absolute;
				}
				#banner a#next {
					top:70px;
					right:0;
					position:absolute;
				}

#content {
    margin: auto;
    width: 1000px;
}
    #content > div {
        float: left !important;
    }
    #content > .left{
        width: 160px;
    }
    #content > .middle {
        margin: -23px 12px 0;
        min-height: 500px;
        width: 674px;
    }
    #content > .right {
        margin: 14px 0 0 0;
        width: 142px;
    }

.middle > .content {
	float: left;
	width: 674px;
}
    .middle > .content .border-top,
    .middle > .content .border-bottom {
        background: url(../images/layout/top_borda_padrao.png);
        height: 13px;
        float: left;
        width: 674px;
    }
    .middle > .content .border-bottom {
        background: url(../images/layout/bottom_borda_padrao.png);
    }

.middle .button-back {
	float: left;
	margin: 5px;
}

.middle .entry {
	background: url(../images/layout/miolo_padrao.png) center repeat-y;
	float: left;
	min-height: 800px;
    padding: 0 21px 20px;
    width: 632px;
}
    .middle .entry > h2 {
        color: #393a39;
        font: bold 20px "Frutiger 45 Light", Arial, Helvetica, sans-serif;
        margin: 6px 0 10px;
        text-transform: uppercase;
        width: 615px;
    }
    .middle .entry > h3 {
        background: url(../images/layout/seta_cinza_default.gif) left 5px no-repeat;
        color: #b2c900;
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 6px;
        padding-left: 8px;
        text-transform: uppercase;
    }

.middle .entryText {
}
    .middle .entryText p {
        line-height: 1.5em;
        margin: 8px 0;
    }
    .middle .entryText.right {
        width: 470px;
    }

#content > .right {}
    #content > .right .buttons {
        margin-bottom: 12px;
        text-align: center;
    }
    #content > .right .banner {
        margin-bottom: 4px;
    }
    #content > .right .select {
        float: none;
    }
    #content > .right select {
        margin: 0 -5px 10px;
    }

#navigation {
    margin: 21px 0;
}
    #navigation a {
        color: #7f7e7e;
        /* possibly dangerous... */
        outline: none;
    }
        #navigation a:hover {
            text-decoration: none;
        }
    #navigation ul {
        display: none;
    }
    #navigation .open > ul {
        display: block;
    }
    /*** Navigation - First level ***/
    #navigation > li {
        background: left 11px no-repeat;
        background-image: url(../images/layout/seta_laranja.gif);
        border-bottom: 1px dotted #7f7e7e;
        padding: 7px 0 3px 12px;
    }
        #navigation > li.open {
            background-image: url(../images/layout/seta_laranja_down.gif);
        }
    /*** Navigation - Second and third level ***/
    #navigation > li li {
        border-top: 1px solid #e6e6e6;
    }
        #navigation > li li:first-child {
            border: 0;
        }
    /*** Navigation - Second level ***/
    #navigation > li > ul > li {
        background: 2px 7px no-repeat;
        background-image: url(../images/layout/seta_cinza_default.gif);
        padding: 2px 0 2px 12px;
    }
        #navigation > li > ul > li.open {
            background-image: url(../images/layout/seta_cinza_down.gif);
            background-position: left 8px;
        }
    /*** Navigation - Third level ***/
    #navigation li li li {
        background: url(../images/layout/traco_default.gif) 1px 9px no-repeat;
        border-top: 1px solid #e6e6e6;
        padding: 2px 0 3px 10px;
    }

#footer {
    background: url(../images/layout/-fix/background-footer.png) bottom repeat-x;
    clear: both;
    height: 258px;
    padding-top: 30px;
}
    #footer a {
        color: #fff;
    }
    #footer > ul {
        color: #fff;
        margin: 24px auto 0;
        *margin: 48px auto 0;
        width: 1000px;
    }
        #footer > ul > li {
            float: left;
            margin: 0 20px;
            width: 210px;
        }
        #footer > ul ul {
            border-top: 1px solid #fff;
            margin-top: 2px;
            padding-top: 4px;
        }
    #footer li li {
        background: url(../images/layout/-fix/background-footer-li.png) left bottom repeat-x;
        padding: 7px 0;
    }
    #footer .noborder li {
        background: none;
        padding: 6px 0 7px;
    }
        #footer .noborder li img {
            margin: 0 6px;
            vertical-align: -4px;
        }
    #footer p {
        margin-top: 36px;
        text-align: center;
    }
    
.center {
    text-align: center;
}
.left {
    float: left;
}
.right {
    float: right;
}
hr {
    clear: both;
    visibility: hidden;
}

ul.publication li {
    border-bottom: 1px solid #e5e5e5;
    list-style: none !important;
    margin: 4px 0;
    padding-bottom: 4px;
}

/**
 * feito na pressa. tenho que refazer isso depois
 * @todo
 */
#documents {
	margin: 12px 0;
}
	#documents h3 {
		background: url(../images/layout/-fix/background-arrow.png) left no-repeat;
		font-size: 11px;
		padding-left: 10px;
	}
		#documents h3 a {
			color: #1d4ab4;
		}
	#documents li {
		border-bottom: 1px solid #e5e5e5;
		float: left;
		margin: 8px 12px;
		padding-bottom: 12px;
		position: relative;
		width: 300px;
	}
		#documents li p {
			margin-top: 4px;
			padding-left: 10px;
			width: 220px;
		}
		#documents li .button {
			position: absolute;
			right: 2px;
			top: 6px;
		}
	#documents > .button {
		clear: both;
		display: block;
		margin: 8px;
	}