/*
    Document   : institucional
    Created on : 17/11/2011, 11:55:21
    Author     : Jonas
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*.conteudo da página sobre_a_agrale/institucional*/
#container .conteudo .esq .corpo .video{
    margin: 15px 0 40px 0;
}
/*CAROUSEL*/
#container .conteudo .timeline{
    background: url(img/inst_timeline_linha.png) center center no-repeat;
    width: 700px;
}
#container .conteudo .controles img{
    position: absolute;
    z-index: 100;
    cursor: pointer;
}
/*
#container .conteudo .controles .prev{
    margin: 35px 0 0 0px;
}
#container .conteudo .controles .next{
    margin: 35px 0 0 660px;
}
*/
.caroufredsel_wrapper{
    margin-left: 50px!important;
}
/*
.linha_tempo{}
.linha_tempo li{
    display: inline;
    float: left;
    width: 110px;
    height: 111px;
    margin: 0 5px;
    text-align: center;
    cursor: pointer;
}
.linha_tempo li span.ano{
    display: block;
    color: #FFF;
    margin: 42px 0 0 0;
    width: 100%;
    text-align: center;
    font-family: 'GothamBlackRegular';
    font-size: 21px;
}
.linha_tempo li.grande{
    background: url(img/inst_timeline_item.png) center center no-repeat;
}
.linha_tempo li.grande:hover{
    background: url(img/inst_timeline_item_hover.png) center center no-repeat;
}
.linha_tempo li.ativo_grande{
    background: url(img/inst_timeline_item_hover.png) center center no-repeat;
}
.linha_tempo li.pequena{
    background: url(img/inst_timeline_item_peq.png) center center no-repeat;
}
.linha_tempo li.pequena:hover{
    background: url(img/inst_timeline_item_peq_hover.png) center center no-repeat;
}
.linha_tempo li.ativo_pequena{
    background: url(img/inst_timeline_item_peq_hover.png) center center no-repeat;
}
*/
/*CAROUSEL*/
#container .conteudo .nossa_historia_content{
    background: url(img/bg_nossa_historia.png) 0 0 no-repeat;
    height: 226px;
    width: 631px;
    padding: 24px 25px 0px 30px;
    margin-bottom: 31px;
}
#container .conteudo .nossa_historia_content h1, #container .conteudo .nossa_historia_content p#ano{
    font-family: 'GothamBlackRegular';
    font-size: 36px;
    color:#a93636;
	margin: 0 0 15px 0;

}
#container .conteudo .nossa_historia_content img{
    float: left;
    margin-right: 22px;
}
#container .conteudo .nossa_historia_content p{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:#282828;
    line-height: 22px;
    margin-top: -5px;
}

#container .conteudo .nossa_historia_content #textoImagem {
	margin-top:5px;
}
#container .conteudo .nossa_historia_content #textoImagem p{
    font-family: 'Roboto Condensed' !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    font-size: 1.6rem !important;
    color: #999;
}


#slider {
	margin:15px 0 0 45px;
	padding:5px 0 0 0; width:600px !important;
	height:111px !important;
	overflow:hidden;
	position:relative;
}
#slider ul { margin:0; padding:0; height:468px; }
#slider li { cursor:pointer; position:relative; list-style:none; float:left; width:120px; height:111px; margin: 0; text-align: center; }

#slider li span.ano{ display: block; color: #FFF; margin: 42px 0 0 0; width: 100%; text-align: center; font-family: 'GothamBlackRegular'; font-size: 21px; }
#slider li.grande{ background: url(img/inst_timeline_item.png) center center no-repeat; }
#slider li.grande span.ano { font-size: 29px; margin: 38px 0 0 0; }
#slider li.grande:hover{ background: url(img/inst_timeline_item_hover.png) center center no-repeat; }
#slider li.ativo_grande{ background: url(img/inst_timeline_item_hover.png) center center no-repeat; }
#slider li.pequena{ background: url(img/inst_timeline_item_peq.png) center center no-repeat; }
#slider li.pequena span.ano { font-size: 24px; margin: 42px 0 0 0; }
#slider li.pequena:hover{ background: url(img/inst_timeline_item_peq_hover.png) center center no-repeat; }
#slider li.ativo_pequena{ background: url(img/inst_timeline_item_peq_hover.png) center center no-repeat; }

.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next { margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px; }

#prevBtn, #nextBtn, #slider1next, #slider1prev { width:33px; height:37px; position:relative; float:left; left:0; top:-77px; z-index:1; }
#nextBtn, #slider1next { left:621px; }

#prevBtn a, #slider1prev a, #nextBtn a, #slider1next a { display:block; position:relative; width:33px; height:37px; }
#prevBtn a, #slider1prev a { background:url(img/inst_timeline_prev.png) center center no-repeat; }
#nextBtn a, #slider1next a { background:url(img/inst_timeline_next.png) center center no-repeat; }
#container .conteudo .dir .menu li a{
    color: #FFFFFF!important;
}
/*.conteudo da página sobre_a_agrale/institucional*/