/* 
    Document   : laytou
    Created on : 20/Mai/2013, 17:13:08
    Author     : Filipe Murteira
    Description:
        Purpose of the stylesheet follows.
*/

/*
Light 300
Normal 400
Medium 500
Bold 700
*/

html,
body {
    font-family: MuseoSans-500;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    background-color: #FFFFFF;
    color: #909090;
    height: 100%;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
    font-family: MuseoSans-500;
    font-weight:500;
}

i,em{
    font-family: MuseoSans-500Italic;
    font-style: normal;
    font-weight: normal;
}

/* Reset the container */
.container {
    width: 950px;
    max-width: none !important;
    padding: 0px;
}

/*
wrap
*/
#wrap{
    position: relative;
    margin: auto;
    width: 950px;
    border-top: 5px solid #000000;
}


/*
TOPO
*/
#topo{
    position: relative;
    height: 107px;
    width: 100%;
    border-bottom: 1px solid #000000;
}
#topo .logo{
    position: absolute;
    top: 30px;
    left: 0px;
    width: 300px; 
}

#topo .linguas{
    position: relative;
    text-align: right;
    font-weight: 100;
    font-size: 12px;
    margin-bottom: 19px;
    color: #c4c5c7;
}
#topo .linguas a{
    display: inline-block;
    color: #fcb040;
    padding: 3px 10px;
}
#topo .linguas a.selected,
#topo .linguas a:hover{
    text-decoration: none;
    color: #FFFFFF;
    background-color: #fcb040;
}

#topo .links{
    position: relative;
    float: right;
    width: 700px;
    text-align: right;
}
#topo .links > div{
    display: inline-block;
}
#topo .links .link a{
    font-size: 12px;
    font-weight: 100;
    color: #000000;
    background-image: url(../img/seta_bg.png);
    background-position: 0px 3px;
    background-repeat: no-repeat;
    padding-left: 8px;
    vertical-align: middle;
    
}
#topo .links .social{
    padding-left: 8px;
    padding-right: 8px;
    margin-left: 9px;
    margin-right: 8px;
    border-left: 1px solid #c4c5c7; 
    border-right: 1px solid #c4c5c7; 
    padding-top: 8px;
    padding-bottom: 8px;
}
#topo .links .social a{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 2px;
    margin-right: 2px;
    vertical-align: middle;
}
#topo .links .social a div{
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    top: 0px;
    left: 0px;
    background-repeat: no-repeat;
    background-position: center center;
}
#topo .links .social a div.on{
    display: none;
}
#topo .links .social a:hover div.on{
    display: block;
}
#topo .links .social a:hover div.off{
    display: none;
}

#topo .pesquisa form{
    width: 100%;
    position: relative;
}

#topo .pesquisa #pesquisaR{
    display: none;
    position: relative;
    border: 0px;
    background-color: #dbdcdd;
    width: 136px;
    height: 20px;
}
#topo .pesquisa #goR{
    position: relative;
    top: 4px;
    right: 0px;
}

/*
menuTopo
*/
#menuTopo{
    position: relative;
    height: 35px;
    width: 100%;
    overflow: visible;
    border-bottom: 1px solid #000000;
}

/*
conteudo
*/
#conteudo{
    position: relative;
    min-height: 425px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #000000;
    color: #000000;
    font-size: 14px;
    font-weight: 100;
}

#conteudo .textPad{
    padding-left: 30px;
    overflow: auto;
}
#conteudo .textPad .l{
    width: 560px;
    float: left;
}
#conteudo .textPad .r{
    width: 310px;
    float: right;
    padding-top: 20px;
}
#conteudo .textPad .r ul{
    margin: 0px;
    list-style: none;
    padding: 0px;
}
#conteudo .textPad .r ul a{
    display: inline-block;
    color: #000000;
    font-size: 14px;
    padding: 4px;
}
#conteudo .textPad .r ul a.selected,
#conteudo .textPad .r ul a:hover{
    background-color: #fff0de;
    text-decoration: none;
}

#conteudo .textPad h1{
    margin-left: -30px;
}

#conteudo h1{
    font-size: 17px;
    font-weight: 700;
    background-image: url("../img/menu_item_bg.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
}
#conteudo a{
    color: #f9af4c;
    text-decoration: none;
}
#conteudo a:hover{
    text-decoration: underline;
}

#conteudo .laranja{
    color: #f9af4c;
}

#conteudo .btForm{
    background-color: #fac884;
    border: 0px;
    font-size: 14px;
    font-weight: 100;
    color: #000000;
    padding-left: 10px;
    padding-right: 10px;
}
#conteudo .txtForm{
    width: 100%;
    background-color: #fac884;
    border: 0px;
    font-size: 14px;
    font-weight: 100;
    color: #000000;
    margin-bottom: 17px;
    padding-left: 10px;
    padding-right: 10px;
}
#conteudo .cbForm{
    width: 100%;
    /*min-height: 30px;*/
    background-color: #fac884;
    border: 0px;
    font-size: 14px;
    font-weight: 100;
    color: #000000;
    margin-bottom: 17px;
    padding: 10px;
}
#conteudo textArea.txtForm{
    resize: none;
    height: 250px;
}

#conteudo .form .row{
    margin: 0px;
    padding-bottom: 10px;
    padding-top: 10px;
}
#conteudo .row textArea.txtForm{
    resize: none;
    height: 150px;
}
#conteudo .row.extraH{
    margin-bottom: 20px;
}

#conteudo .form .row.linha{
    border-bottom: 1px solid #000000;
}
#conteudo .form .row .linha{
    padding-bottom: 10px;
    border-bottom: 1px solid #000000;
}

#conteudo .priorityDesc{
    display: block;
    margin-top: 5px;
    display: none;
}
#conteudo label{
    font-weight: normal;
}


#conteudo .row .cbForm,
#conteudo .row .txtForm{
    margin-bottom: 0px;
}
/*
Slide Show
*/
#conteudo #slideConteudos{
    margin-bottom: 15px;
}
#conteudo #slideConteudos .carousel-inner a{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: block;
}
#conteudo #slideConteudos .carousel-inner a:hover{
    background-image: url("../img/slide_link_bg.png");
    background-repeat: no-repeat;
    background-position: center center;
}


#conteudo #slideConteudos_v{
    margin-bottom: 15px;
}
#conteudo #slideConteudos_v .item > img{
    min-height: 230px;
}
#conteudo #slideConteudos_v .carousel-inner a{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: block;
}
#conteudo #slideConteudos_v .carousel-inner a:hover{
    background-image: url("../img/slide_link_v_bg.png");
    background-repeat: no-repeat;
    background-position: center center;
}

#conteudo #fWrokplan{
    width: 100%;
    height: 900px;
    padding: 0;
    margin: 0;
    border: 1px solid #000000;;
}

/*
rodapeTrabalhos
*/
#rodapeT{
    clear: both;
    position: relative;
    height: 109px;
    margin-top: 8px;
    border-bottom: 1px solid #000000;
}
/*
rodapeInstituições
*/
#rodapeI{
    position: relative;
    height: 109px;
    margin-top: 8px;
    border-bottom: 1px solid #000000;
}

#rodapeT .itemID,
#rodapeI .itemID{
    position: relative;
    width: 150px;
    height: 100px;
    background-image: url("../img/seta_item_id.png");
    background-repeat: no-repeat;
    background-position: 100px 20px;
    background-color: #b0b2b5;
    color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    display: table;
}
#rodapeT .itemID{
    background-color: #f9af4c;
}
#rodapeT .itemID .nome,
#rodapeI .itemID .nome{
    vertical-align:middle;
    display: table-cell;
    padding-left: 7px;
    padding-right: 50px;
}

#slideRodapeI{
    position: absolute;
    top: 0px;
    left: 160px;
    width: 790px;
}
#slideRodapeI .item.mostra{
    display: block;
}
#slideRodapeI .itemLogo{
    position: relative;
    width: 150px;
    height: 100px;
    display: block;
    text-align: center;
    margin-right: 10px;
    float: left;
}
#slideRodapeI .itemLogo .gray{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

#slideRodapeT{
    position: absolute;
    top: 0px;
    left: 160px;
    width: 790px;
}

#slideRodapeI .container,
#slideRodapeT .container{
    padding-left: 15px;
}

#slideRodapeT .item.mostra{
    display: block;
}
#slideRodapeT .itemTrabalho{
    position: relative;
    width: 150px;
    height: 100px;
    display: block;
    text-align: center;
    margin-right: 10px;
    float: left;
}
#slideRodapeT .itemTrabalho.last{
    margin-right: 0px;
}
#slideRodapeT .itemTrabalho .detalhes{
    display: none;
    position: absolute;
    width: 150px;
    height: 100px;
    top: 0px;
    left: 0px;
    text-align: left;
    background-color: #f9af4c;
}

#slideRodapeT .itemTrabalho a:hover .detalhes{
    display: block;
}

#slideRodapeT .itemTrabalho a:hover .detalhes:before {
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    border-width:11px 0 0 11px;
    border-style:solid;
    border-color:#b31622 #fff;
}


#slideRodapeT .itemTrabalho .detalhes .nome{
    color: #ffffff;
    font-size: 13px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    line-height: 16px;
}
#slideRodapeT .itemTrabalho .detalhes .desc{
    color: #000000;
    font-size: 11px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 100;
    line-height: 13px;
}


#rodape{
    position: relative;
    margin-top: 8px;
    font-size: 11px;
    color: #676767;
    margin-bottom: 20px;
}
#rodape a{
    color: #676767;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: auto;
    border-radius: 4px;
}

#conteudo .pagination>li>a:hover, 
#conteudo .pagination>li>span:hover, 
#conteudo .pagination>li>a:focus, 
#conteudo .pagination>li>span:focus {
    background-color: #eeeeee;
    text-decoration: none;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #f9af4c;
    border-color: #f9af4c;
    cursor: default;
    text-decoration: none;
}