/* CSS Document */


html,body{
    background-color:#fff;
    overflow-x:hidden;
    font-family: 'Roboto', sans-serif;
    color:#888888;
    font-size: 14px;    	
}

h1{
    font-size:20px;
    padding-bottom: 10px;
    border-bottom-color:#abb9ca; 
    border-bottom-style: solid;
    text-transform: uppercase;
}

a{
    color:#888888;	
}

a:hover{
    color:#888888;	
    text-decoration:none;
}


.container{
    max-width:1010px;
}


#topo_azul_escuro{
    background-color:#163c6b;
    height:	36px;
}

#topo_azul_claro{
    background-color:#016aac;
    height:	11px;
}

#topo_branco{
    background-color:#fff;
    padding-top:10px;
    padding-bottom:10px;
}

#topo_branco_interno{
    background-color:#fff;
    padding-top:10px;
    padding-bottom:10px;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.5);
}

#topo_cinza{
    background-color:#e6e7e9;
    padding-top:10px;
    padding-bottom:10px;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.5);
}


#area_superbanner{
    border-width:5px;
    border-color:#fff;
    border-style:solid;
    border-radius:10px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 2px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 2px 5px 0px rgba(50, 50, 50, 0.5);	
}

#area_conteudo{
    -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 2px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 2px 5px 0px rgba(50, 50, 50, 0.5);
}


.area_cinza_lateral{
    background-color:#c4c4c4;
    padding:15px;
    margin-bottom:15px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 2px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 2px 5px 0px rgba(50, 50, 50, 0.5);
}



.area_branca_lateral{
    background-color:#fff;
    padding:15px;
    margin-bottom:15px;
    border-radius:15px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 2px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 2px 5px 0px rgba(50, 50, 50, 0.5);
    min-height: 320px;
}


.area_banners_index{
    text-align:center;
    margin-bottom:15px;
}


.area_banners_index a{
    border-radius:10px;	
    display:block;
}


.area_banners_index a:hover{
    border-radius:10px;	
    -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    3px 3px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         3px 3px 5px 0px rgba(50, 50, 50, 0.5);
}

.banners_inferiores{
    background-color:#c4c4c4;
    display:block;
    margin-bottom:15px;
}

.banners_inferiores:hover{
    background-color:#e6e7e9;

    -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    3px 3px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         3px 3px 5px 0px rgba(50, 50, 50, 0.5);

    -webkit-transition:	all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}


.banners_inferiores_outros{
    display:block;
    margin-bottom:15px;
}

.banners_inferiores_outros:hover{
    background-color:#e6e7e9;

    -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    3px 3px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         3px 3px 5px 0px rgba(50, 50, 50, 0.5);

    -webkit-transition:	all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}



.noticias_index{
    margin-bottom:15px;	

}


.noticias_index a{
    display:block;
    padding-bottom:15px;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:15px;	
}


.noticias_index a:hover{
    /*background-color:#e6e7e9;	
    color:#000;	
    border-radius:10px;	
    -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    3px 3px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         3px 3px 5px 0px rgba(50, 50, 50, 0.5);

    -webkit-transition:	all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;*/
}




.ver_mais:hover{
    color:#000;	
}


#conteudo{
    padding-top:20px;
    padding-bottom:20px;	
}

#rodape{

}

#rodape_linha{
    height:5px;
    background-color:#abb9ca;	
    margin-top:10px;
}





#cabecalho_agenda_data{
    background-color: #fff;
    width:82px;
    height: 80px;
    overflow: hidden;


}

#cabecalho_agenda_data_cinza{
    background-color: #9a9a9a;
    width:74px;
    height: 70px;
    color:#fff;
    position: relative;
    padding-top: 5px;
    top: 6px;
    margin-left: 3px;
    margin-right: 2px;
    margin-bottom: 2px;
    font-weight: bold;
    font-size:10px;
    text-align: center;
}

#cabecalho_agenda_texto{
    padding-left: 10px;
    padding-right: 10px;
    /*width: 220px;*/
}

#cabecalho_agenda_item{
    /*width: 322px;*/
    color:#000;
    text-decoration: none;
}

#cabecalho_agenda_item:hover{
    color:#fff;
    text-decoration: none;
    -webkit-transition:	all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}


.link-social{
    float:left;
}


/*
html,body{
    margin:0 0 0 0;
    background-image: url('/uploads/adop_2014/layout/fundo_site.jpg');
    background-repeat: repeat-x;
    color:#888888;
}

a{
    color:#888888;
}

h1{
    font-size:20px;
    padding-bottom: 10px;
    border-bottom-color:#abb9ca; 
    border-bottom-style: solid;
}

h2{
    color:#163c6b;
    font-size:17px;
}

#clear{
    clear:both;
}

#tela_cheia{
    width: 100%;
}

#dimensao_site{
    width: 1010px;
    margin:0 auto;

}

#cabecalho_site{
    height: 185px;
    position: relative;

}

#cabecalho_site_itens{
    padding-top: 50px;
}

#cabecalho_site_logomarca{
    float:left;
    margin-top: -25px;

}

#cabecalho_site_menu{
    float:left;
    width: 740px;

}


#conteudo_site{
    min-height: 300px;
    padding-left: 5px;
    padding-right: 5px;
}

#fundo_super_banner{
    position: relative; 
    background-image: url('/uploads/adop_2014/layout/fundo_super_banner.jpg');
    background-repeat: repeat-x; 
    height: 306px;
    top:-5px;
}


#box_super_banner{
    position:relative; 
    top: 5px;
    background-image: url('/uploads/adop_2014/layout/box_super_banner.jpg');
    background-repeat: no-repeat; 
    width: 1005px;
    height: 280px;
    padding-left: 9px;
    padding-top: 3px;
    padding-right: 7px;

}



#coluna_central{
    float:left;
    width: 677px;
}


#area_cursos_oportunidades_editais{
    background-image: url('/uploads/adop_2014/layout/banner_cursos_oportunidades_editais.jpg');
    background-repeat: no-repeat; 
    width: 672px;
    height: 218px;
    margin-bottom: 15px;
    float: left;
}

#area_cursos_capacitacao{
    float:left;
    width: 223px;
    height: 217px;
    display: block;
    margin-right: 5px;
}

#area_cursos_capacitacao:hover{
    background-color:#ccc;
    opacity:0.25;
    -moz-opacity: 0.25;
    filter: alpha(opacity=25);  
}


#area_oportunidades_de_emprego{
    float:left;
    width: 220px;
    height: 215px;
    display: block;
    margin-right: 2px;
}

#area_oportunidades_de_emprego:hover{
    background-color:#ccc;
    opacity:0.25;
    -moz-opacity: 0.25;
    filter: alpha(opacity=25); 

}

#area_editais{
    float:left;
    width: 220px;
    height: 216px;
    display: block;
}

#area_editais:hover{
    background-color:#ccc;
    opacity:0.25;
    -moz-opacity: 0.25;
    filter: alpha(opacity=25); 
}




#coluna_direita{
    float:left;
    width: 322px;
    padding-left: 10px;
}


#box_agenda{
    
    background-repeat: no-repeat; 
    background-color: #c4c4c4;
    width: 314px;
    min-height: 269px;
    padding-bottom: 1px;


}

#box_agenda_ver_todos{
    float:right; 
    width: 91px;
    height: 25px;
    display:block;

}

#box_agenda_conteudo{
    margin-top: 15px; 
    margin-left: 10px; 
    margin-right: 10px;
    margin-bottom: 10px;
    width: 295px;
    min-height: 209px;
    
}







#box_videos{
    background-image: url('/uploads/adop_2014/layout/box_videos.jpg');
    background-repeat: no-repeat; 
    width: 322px;
    height: 234px;
    margin-top: 7%;


}

#box_videos_ver_todos{
    float:right; 
    width: 91px;
    height: 25px;
    display:block;
    padding-top: 38px;

}

#box_video_unico{
    margin-left: 20px; 
    width: 270px;
    height: 148px;
}




#box_parceiros{
    background-image: url('/uploads/adop_2014/layout/box_parceiros.jpg');
    background-repeat: no-repeat; 
    width: 322px;
    height: 420px;
    padding-left: 20px;
    padding-top: 60px;

}


#box_parceiros_conteudo{
    width: 290px;
    height: 350px;  
    
    overflow: hidden;
}

#fundo_rodape{
    background-image: url('/uploads/adop_2014/layout/fundo_rodape.jpg');
    background-color: #000;
    background-repeat: repeat-x; 
    height: 11px; 
}


#cabecalho_agenda_data{
    background-color: #fff;
    width:82px;
    height: 80px;
    overflow: hidden;


}

#cabecalho_agenda_data_cinza{
    background-color: #9a9a9a;
    width:74px;
    height: 70px;
    color:#fff;
    position: relative;
    padding-top: 5px;
    top: 6px;
    margin-left: 3px;
    margin-right: 2px;
    margin-bottom: 2px;
    font-weight: bold;
    font-size:10px;
    text-align: center;
}

#cabecalho_agenda_texto{
    padding-left: 10px;
    padding-right: 10px;
    width: 220px;
}

#cabecalho_agenda_item{
    width: 322px;
    color:#000;
    text-decoration: none;
}

#cabecalho_agenda_item:hover{
    width: 322px;
    color:#004770;
    text-decoration: none;
}

#tela_noticia{
    position: relative;
    z-index:2;
    background-image: url('/uploads/adop_2014/layout/tela_noticia.png');
    background-color: #000;
    background-repeat: repeat-x; 
    width: 276px;
    height: 186px; 
}


#area_redes{
    float:left;
    width: 677px;
    height: 62px;

}

#marca_ouro_preto{
    float:left;
    background-image: url('/uploads/adop_2014/layout/ouro_preto_marca.jpg');
    background-repeat: no-repeat; 
    width: 153px;
    height: 62px;
    display: block;
}


#marca_ouro_preto:hover{
    background-color:#000;
    opacity:0.75;
    -moz-opacity: 0.75;
    filter: alpha(opacity=75);
}

#marca_facebook{
    float:left;
    background-image: url('/uploads/adop_2014/layout/facebook_marca.jpg');
    background-repeat: no-repeat; 
    width: 168px;
    height: 62px;
    display: block; 
}


#marca_facebook:hover{
    background-color:#000;
    opacity:0.75;
    -moz-opacity: 0.75;
    filter: alpha(opacity=75);
}


#marca_noticias_adop{
    float:left;
    background-image: url('/uploads/adop_2014/layout/noticias_adop_marca.jpg');
    background-repeat: no-repeat; 
    width: 202px;
    height: 62px;
    display: block;
}

#marca_noticias_adop:hover{
    background-color:#000;
    opacity:0.75;
    -moz-opacity: 0.75;
    filter: alpha(opacity=75);
}

#linha_rodape_cinza{
    background-color: #abb9ca;
    width: 100%;
    height: 5px;
    margin-bottom: 10px;
}


#logomarca_rodape{
    float:left;
    background-image: url('/uploads/adop_2014/layout/adop_logomarca_rodape.jpg');
    background-repeat: no-repeat; 
    width: 157px;
    height: 62px;
    display: block;
}

#logomarca_rodape:hover{
    background-color:#000;
    opacity:0.75;
    -moz-opacity: 0.75;
    filter: alpha(opacity=75);
}

#texto_rodape{
    float: left;
    width: 695px;
}

#assinatura_rodape{
    float: left;
}

.link-social{
    float: left;
}

#fundo_pesquisa{
    float:right;
    background-image: url('/uploads/adop_2014/layout/fundo_pesquisa.jpg');
    background-repeat: no-repeat; 
    width: 259px;
    height: 38px;
    margin-bottom: 50px;
}

#imagem_arredondada_sombra{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    -webkit-box-shadow: 3px 3px 8px 0px rgba(41, 50, 50, 0.8);
    -moz-box-shadow:    3px 3px 8px 0px rgba(41, 50, 50, 0.8);
    box-shadow:         3px 3px 8px 0px rgba(41, 50, 50, 0.8);

    margin-bottom: 20px;
    margin-right: 20px;
}
*/