/* CSS para a página inicial do Portal ONID 
* Cauê Thenório (cauelt@ipso.org.br) 11/03/09 */

/* hacks */

div.span-5 * {
	zoom:1.0;
}

.last {
	margin-right:0 !important;
}

#rodape {
	margin-top:5px !important;
	_margin-top:15px !important; /* hack ie6 */
}


/* barra lateral */

div.barra {
	position:relative;
	background-color:#F6F6F6;
	padding:20px 8px 10px;
}

div.barra p {
	margin-bottom:20px;
}

div.barra input.text {
	margin:2px 0;
	padding:3px 2px;
	width:168px;
}

div.barra input.button {
	margin:2px 0;
	padding:2px;
	border:1px solid #999;
	background-color:#D9D9D9;
}

/* links da barra */

div.barra a.icone {
	display:block;
	text-indent:-1000px;
	overflow:hidden;
	margin-bottom:20px;
	position:relative;
}

div.barra a.inclusaodigital {
	height:21px;
	width:136px;
	background:url(../img/capa/logo-inclusaodigital.gif);
}

div.barra a.inclusaodigital:hover {
	background-position:0 -21px;
}

div.barra a.govbr {
	height:40px;
	width:88px;
	background:url(../img/capa/logo-govbr.gif);
}

div.barra a.govbr:hover {
	background-position:0 -40px;
}

div.barra a.ci {
	height:38px;
	width:93px;
	background:url(../img/capa/logo-ci.gif);
}

div.barra a.ci:hover {
	background-position:0 -38px;
}

div.barra a.twitter {
    font-size:10pt;
    font-weight:bold;
    display:block;
    padding:5px 80px 0 0;
    width:90px;
    height:45px;
    background:url(../img/onid_twitter.gif) no-repeat center right;
}

/* titulo */

h1 {
	margin:50px 0;
	padding:0;
	text-indent:-1000px;
	overflow:hidden;
	width:499px;
	height:59px;
	background:url(../img/capa/titulo.gif);
	
}


/* estrutura das caixas */

a.caixa {
	display:block;
	float:left;
	background:#FEFEFE url(../img/box/canto_sup_dir.gif) right top no-repeat;
	width:242px;
	margin:0 10px 20px 0;
}

a.caixa.pequena {
	margin-bottom:4px;
}

a.caixa:hover {background-image:url(../img/box/canto_sup_dir-hover.gif);}

a.caixa .conteudo {
	background:#FEFEFE url(../img/box/canto_sup_esq.gif) no-repeat;
	margin-right:14px;
	padding:10px 0 10px 16px;
	height:90px;
}

a.caixa.pequena .conteudo {
	height:auto;
	padding-bottom:2px;
}

a.caixa:hover .conteudo {background-image:url(../img/box/canto_sup_esq-hover.gif);}

a.caixa .fundo {
	background:url(../img/box/canto_inf_esq.gif) no-repeat;
	height:9px;
	line-height:0;
}
a.caixa:hover .fundo {background-image:url(../img/box/canto_inf_esq-hover.gif);}

a.caixa .fundo .canto {
	height:9px;
	width:11px;
	background:url(../img/box/canto_inf_dir.gif);
	float:right;
}

a.caixa .fundo, a.caixa .fundo .canto {
	font-size:0;
}

a.caixa:hover .fundo .canto {background:url(../img/box/canto_inf_dir-hover.gif);}

a.caixa:hover {
	text-decoration:none;
}

a.caixa * {
	cursor:hand;
}

/* conteudo das caixas */

a.caixa h3 {
	margin:0 0 8px 0;
	font-size:11pt;
	font-weight:bold;
}

a.caixa.pequena h3 {
	margin-bottom:1px;
}

a.caixa p {
	padding-left:74px;
	background-repeat:no-repeat;
	background-position:center left;
	color:#000;
	margin:0;
}

a.caixa.mapa h3 {color:#900;}
a.caixa.mapa p {background-image:url(../img/capa/icone-mapa.gif);}

a.caixa.lista h3 {color:#006;}
a.caixa.lista p {background-image:url(../img/capa/icone-lista.gif);}

a.caixa.programas h3 {color:#C60;}
a.caixa.programas p {background-image:url(../img/capa/icone-programas.gif);}

a.caixa.cadastro h3 {color:#000;}
a.caixa.cadastro p {background-image:url(../img/capa/icone-cadastro.gif);}

a.caixa.referencias h3 {color:#360;}
a.caixa.referencias p {background-image:url(../img/capa/icone-referencias.gif);}

a.caixa.comunidade h3 {color:#606;}
a.caixa.comunidade p {background-image:url(../img/capa/icone-comunidade.gif); padding-top:5px; padding-bottom:5px;}