/* CSS Document */
body{
	padding:0;
	margin:0;
	background:url(../imagens/fundo-degrade.fw.png) repeat-x #8FC2E0;
	font-family:Georgia, "Times New Roman", Times, serif;
	position:relative;
}

/*tudo*/
#tudo{
	margin:20px auto;
	width:900px;
	background:#F3F3F3;
	border:2px solid #333333;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	box-shadow:5px 5px 5px 0 rgba(0,0,0,0.5);
	position:relative;
}

/*Cabecalho*/
#cabecalho{
	min-height:150px;
	border-bottom:2px solid #333333;
	clear:both;
	position:relative;
}

#cabecalho #logo-scc{
	width:198px;
	height:93px;
	background:url(../imagens/logo.png);
	position:absolute;
	top:15px;
	left:80px;
}

#cabecalho h3{
	position:absolute;
	top:98px;
	left:60px;
	font-size:16px;
	color:#EA5555;
}

#cabecalho #logo-eccjr2{
	width:322px;
	height:100px;
	background:url(../imagens/logo-eccjr2.fw.png);
	position:absolute;
	top:25px;
	right:80px;
}

/*Conteudo*/
#conteudo{
	padding:0 0 130px 0;
	min-height:300px;
	position:relative;
}

#recomendacao{
	text-align:center;
	padding:10px 0;
	color:#F00;
}

/*botoes*/

#box-botoes{
	margin-top:30px;
}

.botoes{
	cursor:pointer;
	margin-left:20px;
}

.imagem-convenio{
	height:140px;
	background:url(../imagens/convenio-preto.fw.png) no-repeat center;
}

.botoes:hover .imagem-convenio{
	background:url(../imagens/convenio.fw.png) no-repeat center;
}

.convenios{
	max-width:200px;
	float:left;
}

#convenios #informacoes div{
	padding:0 30px;
	text-align:justify;
	color:#0F295B;
}

#obrigatorio #informacoes div{
	padding:0 30px;
	text-align:justify;
	color:#0F295B;
}

#nao-obrigatorio #informacoes div{
	padding:0 30px;
	text-align:justify;
	color:#0F295B;
}

.titulo-botao{
	text-align:center;
	font-size:14px;
	color:#373536;
	padding-bottom:5px;
}

.descricao-botao{
	text-align:center;
	font-size:14px;
	color:#2D76A3;
}



/*Obrigatorio*/
.obrigatorio{
	max-width:200px;
	float:left;
}

.imagem-obrigatorio{
	height:140px;
	background:url(../imagens/obrigatorio-preto.fw.png) no-repeat center;
}

.botoes:hover .imagem-obrigatorio{
	background:url(../imagens/obrigatorio.fw.png) no-repeat center;
}

/*Não Obrigatorio*/
.nao-obrigatorio{
	max-width:200px;
	float:left;
}

.imagem-nao-obrigatorio{
	height:140px;
	background:url(../imagens/nao-obrigatorio-preto.fw.png) no-repeat center;
	padding-bottom:4px;
}

.botoes:hover .imagem-nao-obrigatorio{
	background:url(../imagens/nao-obrigatorio.fw.png) no-repeat center;
}

/*Rescisao*/
.rescisao{
	max-width:200px;
	float:left;
}

.imagem-rescisao{
	height:140px;
	background:url(../imagens/rescisao-preto.fw.png) no-repeat center;
	padding-bottom:4px;
}

.botoes:hover .imagem-rescisao{
	background:url(../imagens/rescisao.fw.png) no-repeat center;
}

/*Menu*/
#menu{
	height:50px;
	width:100%;
	border-bottom:2px solid #333333;
	background:url(../imagens/fundo-menu.fw.png) repeat-x;
	margin-top:-16px;
}

#menu ul{
	list-style:none;
	
}

#menu ul li{
	display:inline;
	color:#FFF;
	border-left:1px dotted #fff;
	padding-right:40px;
	padding-left:40px;
	margin-top:15px;
	float:right;
	cursor:pointer;
}

#menu ul li:hover{
	color:#333;
	transition:all 2s ease;
	-webkit-transition:all 2s ease;
	-o-transition:all 2s ease;
	-moz-transition:all 2s ease;
}

#menu #selecionado{
	padding-left:50px;
}

#imagem-selecionado-convenios{
	float:left;
	background:url(../imagens/convenio-small.fw.png);
	width:42px; 
	height:40px;
	margin-top:5px;
}

#imagem-selecionado-obrigatorio{
	float:left;
	background:url(../imagens/obrigatorio-small.fw.png);
	width:45px; 
	height:40px;
	margin-top:5px;
}

#imagem-selecionado-rescisao{
	float:left;
	background:url(../imagens/rescisao-small.fw.png);
	width:45px; 
	height:40px;
	margin-top:5px;
}

#imagem-selecionado-administracao{
	float:left;
	background:url(../imagens/admin-small.fw.png);
	width:41px; 
	height:40px;
	margin-top:5px;
}

#imagem-selecionado-nao-obrigatorio{
	float:left;
	background:url(../imagens/nao-obrigatorio-small.fw.png);
	width:40px; 
	height:40px;
	margin-top:5px;
}

#menu #selecionado #titulo-selecionado{
	float:left; 
	line-height:50px; 
	padding-left:10px;
	color:#fff;
	font-weight:bold;
}

.titulo-menu{
	text-align:center;
	color:#EA5555;
}

/*Rodape*/
#rodape{
	position:absolute;
	bottom:0;
	width:100%;
	height:100px;
	border-top:2px solid #333333;
}

#rodape #logo-unesp{
	width:180px;
	height:58px;
	background:url(../imagens/unesp.png);
	position:absolute;
	top:20px;
	left:50px;
}

#rodape #logo-eccjr{
	width:114px;
	height:104px;
	background: url(../imagens/logo-eccjr.png);
	position:absolute;
	top:-25px;
	right:50px;
}

#rodape #texto-rodape{
	width:600px;
	height:104px;
	position:absolute;
	top:10px;
	left:190px;
	text-align:center;
	font-size:14px;
	line-height:25px;
	color:#333333;
}

#voltar{
	background:url(../imagens/voltar.png);
	width:48px;
	height:44px;
	position:fixed;
	bottom:5px;
	right:5px;
	cursor:pointer;
}

.carregando{
	height:20px;
	font-size:16px;
	text-align:center;
	color:green;
}

.titulo-campos{
	text-align:center;
	margin:8px 0;
	color:#782E23;
}

#deslogar{
    background: url(../imagens/deslogar.fw.png) no-repeat #fff 50% 50%;
    width:123px;
    height:31px;
    position: fixed;
    padding:5px;
    top: 0;
    border:2px solid #999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    right: 0;
    cursor: pointer;
}

div#checar{
        font-size: 12px;
        width: 160px;
        position: fixed;
        top:0;
        left: 0;
        z-index: 10;
        height: 84px;
    }
    div#checar ul{
        width: 100px;
        background: #faf4f4;
        list-style: none;
        margin-left: -35px;
        margin-top:0;
        border: 1px solid #000;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }
    
    div#checar li{
        padding-bottom: 5px;
        color: #EA5555;
    }
    
    div#checar li:last-child{
        padding-bottom:0;
    }