@import url(http://fonts.googleapis.com/css?family=Inconsolata);
@import url(http://fonts.googleapis.com/css?family=Scada:400italic,700italic,400,700);

body{
    overflow-y: scroll;
}

#conteudo{
    background: transparent;
    width: 100%;
    padding-bottom: 10px;
    min-height: 550px;
}

.clear{
    clear: both;
}

#titulo{
    width: 100%;
    padding: 5px 0 5px 0;
    font-family: Scada;
    font-size: 32px;
    color: #6F0205;
}

/* Links */

.col_link{
    background: transparent;
    width: 470px;
    height: auto;
    float: left;
}

.item_link{
    background: #FFFFFF;;
    width: auto;
    height: auto;
    margin: 20px 15px 10px 10px;
    border-bottom: 2px solid #6F0205;
    cursor: pointer;
    font-family: Scada;
    font-size: 15px;
}

.img_link{
    background: #333333;
    width: 100%;
    height: 175px;
    overflow: hidden;
}

.img_link img{
    height: 100%;
}

.descr_link{
    background: #6F6D6E;
    text-align: center;
    margin-bottom: 2px;
}

.descr_link:hover{
    background: #FCC300;
    color: #6F0205;
}

.item_link a{
    text-decoration: none;
    color: #FCC300;
}

.item_link a:hover{
    color: #6F0205;
}

/* Atividades */

.col_ativ{
    background: transparent;
    width: 33.33%;
    height: auto;
    float: left;    
}

.item_ativ{
    position: relative;
    background: red;
    width: auto;
    height: auto;
    margin: 10px 5px 10px 5px;
    border-bottom: 2px solid #6F0205;
    font-family: Scada;
    font-size: 15px;
}

.img_ativ{
    background: transparent;
    width: 100%;
    height: 250px;
    overflow: hidden;
}

.img_ativ img{
    width: 100%;
}

.descr_ativ{
    position: absolute;
    background: #FFFFFF;
    width: 100%;
    height: auto;
    bottom: 20px;
}

.tit_ativ{
    text-align: center;
    padding: 4px;
}

.btn_ativ{
    float: right;
}

.btn_ativ a{
    display: block;
    float: left;
    padding: 4px 8px 4px 8px;
    margin: 0 4px 0 4px;
    background: #6F6D6E;
    color: #FCC300;
    text-decoration: none;
}

.btn_ativ a:hover{
    background: #FCC300;
    color: #6F0205;
}

/* Créditos */

.col_cred{
    width: 47%;
    float: left;
    padding: 10px;
    font-family: Scada;
}

.texto_destaque{
    display: block;
    font-size: 20px;
    padding: 5px 0 5px 0;
    color: #6F0205;
    font-weight: bold;
}

/* Contato, Avalie */

input{
    font-family: Scada;
    font-size: 14px;
    border: 2px solid #FCC300;
}

textarea{
    border: 2px solid #FCC300;
}

input,
textarea{
    font-family: Scada;
}

input[disabled]{
    background-color: #C2C2C2;
}

select{
    font-family: Scada;
    font-size: 14px;
    border: 2px solid #FCC300;    
}

#nomec,
#emailc,
#nomea,
#emaila{
    width: 400px;
}

#mensagem,
#comentario{
    width: 400px;
    height: 150px;
}

.linha{
    font-family: Scada;
    font-size: 18px;
}

#btnEnviarContato,
#btnEnviarAvaliacao,
#btnLimpar{    
    padding: 5px 10px 5px 10px;
    font-family: Scada;
    font-size: 20px;
    font-weight: bold;
    border: 0px;
    background: #6F6D6E;
    color: #FCC300;
    cursor: pointer;
}

#btnEnviarAvaliacao:hover,
#btnEnviarContato:hover,
#btnLimpar:hover{
    background: #FCC300;
    color: #6F0205;
}

/* Bibliografia */

.col_biblio{
    font-family: Scada;
    font-size: 15px;
}

a.link_biblio{
    color: #6F0205;
}