/* 
    Document   : educacaocustom
    Created on : 09/11/2011, 10:14:22
    Author     : u031103
    Description:
    Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


/*--- Titulo de icones no rodape - Webmail e Orgãos Vinculados*/
h1.titulo_icone_rodape{
	font-family:'NeoTechStdRegular';
	font-size:13px;
	font-weight:bold;
	letter-spacing:-1px;
	padding:5px;
}

h1.titulo_icone_rodape:hover{
	cursor:pointer;
}

/*--- Por Canal---*/
body.canal-educacao  h1.titulo_icone_rodape{
	color:#666666;
}

body.canal-escolas h1.titulo_icone_rodape{
	color:#8B4513;
}

body.canal-estudantes h1.titulo_icone_rodape{
	color:#006400;
}

body.canal-educadores h1.titulo_icone_rodape{
	color:#8B0000;
}

body.canal-institucional h1.titulo_icone_rodape{
	color:#27408B;
}

body.canal-municipios h1.titulo_icone_rodape{
	color:#5D478B;
}

/*--- FIM - Titulo de icones no rodape - Webmail e Orgãos Vinculados*/


.block ul.icones_topo{
	float:left;
    margin: 0;
}

.block ul.icones_topo li.icone_home,
.block ul.icones_topo li.icone_mapa_site,
.block ul.icones_topo li.icone_contato{
    float: left;
    list-style: none;
    margin-right: 5px;
}

/*--- Customizar icones do bloco de redes sociais ---*/
.block ul.icones_redes_sociais{
	float:right;
    margin-right:18px !important;
	margin-top:8px;
	padding:0 !important;
	background-image:url('images/icone_siganos.png');
	background-position:right;
	background-repeat:no-repeat;
	width:160px;
}

body.canal-escolas .block ul.icones_redes_sociais{
	background-image:url('images/icone_siganos_escolas.png') !important;
}
body.canal-estudantes .block ul.icones_redes_sociais{
	background-image:url('images/icone_siganos_estudantes.png') !important;
}

body.canal-educadores .block ul.icones_redes_sociais{
	background-image:url('images/icone_siganos_educadores.png') !important;
}
body.canal-institucional .block ul.icones_redes_sociais{
	background-image:url('images/icone_siganos_institucional.png') !important;
}

body.canal-municipios .block ul.icones_redes_sociais{
	background-image:url('images/icone_siganos_municipios.png') !important;
}





.block ul.icones_redes_sociais li.icone_facebook,
.block ul.icones_redes_sociais li.icone_twitter,
.block ul.icones_redes_sociais li.icone_googleplus,
.block ul.icones_redes_sociais li.icone_orkut{
    float: left;
    list-style: none;
    margin-right: 5px;
	cursor:pointer;
}

.block ul.icones_redes_sociais li{
	width:20px;
	height:18px;
}

/*---- Página principal ---*/
body.canal-educacao ul.icones_redes_sociais li.icone_twitter{
	background-image:url('images/icone_redes_sociais_principal.png');
	background-repeat:no-repeat;
	background-position: 0px 0px;
}

body.canal-educacao ul.icones_redes_sociais li.icone_orkut{
	background-image:url('images/icone_redes_sociais_principal.png');
	background-repeat:no-repeat;
	background-position: -20px 0px;
}

body.canal-educacao ul.icones_redes_sociais li.icone_facebook{	
	background-image:url('images/icone_redes_sociais_principal.png');
	background-repeat:no-repeat;
	background-position: -40px 0px;
}

body.canal-educacao ul.icones_redes_sociais li.icone_googleplus{
	background-image:url('images/icone_redes_sociais_principal.png');
	background-repeat:no-repeat;
	background-position: -60px 0px;
}

/*---- Rollover dos icones das redes sociais---*/
body.canal-educacao ul.icones_redes_sociais li.icone_twitter:hover{
	background-image:url('images/icone_redes_sociais_principal.png');
	background-position: 0px -18px;
	background-repeat:no-repeat;
}

body.canal-educacao ul.icones_redes_sociais li.icone_orkut:hover{
	background-image:url('images/icone_redes_sociais_principal.png');
	background-repeat:no-repeat;
	background-position: -20px -18px;
}

body.canal-educacao ul.icones_redes_sociais li.icone_facebook:hover{
	background-image:url('images/icone_redes_sociais_principal.png');
	background-repeat:no-repeat;
	background-position: -40px -18px;
}

body.canal-educacao ul.icones_redes_sociais li.icone_googleplus:hover{
	background-image:url('images/icone_redes_sociais_principal.png');
	background-repeat:no-repeat;
	background-position: -60px -18px;
}

/*---- Página principal - Canal Escolas---*/
body.canal-escolas ul.icones_redes_sociais li.icone_twitter{
	background-image:url('images/icone_redes_sociais_escolas.png');
	background-repeat:no-repeat;
	background-position: 0px 0px;
}

body.canal-escolas ul.icones_redes_sociais li.icone_orkut{
	background-image:url('images/icone_redes_sociais_escolas.png');
	background-repeat:no-repeat;
	background-position: -20px 0px;
}

body.canal-escolas ul.icones_redes_sociais li.icone_facebook{
	background-image:url('images/icone_redes_sociais_escolas.png');
	background-repeat:no-repeat;
	background-position: -40px 0px;
}

body.canal-escolas ul.icones_redes_sociais li.icone_googleplus{
	background-image:url('images/icone_redes_sociais_escolas.png');
	background-repeat:no-repeat;
	background-position: -60px 0px;
}

/*---- Rollover dos icones das redes sociais---*/
body.canal-escolas ul.icones_redes_sociais li.icone_twitter:hover{
	background-image:url('images/icone_redes_sociais_escolas.png');
	background-position: 0px -18px;
	background-repeat:no-repeat;
}

body.canal-escolas ul.icones_redes_sociais li.icone_orkut:hover{
	background-image:url('images/icone_redes_sociais_escolas.png');
	background-repeat:no-repeat;
	background-position: -20px -18px;
}

body.canal-escolas ul.icones_redes_sociais li.icone_facebook:hover{
	background-image:url('images/icone_redes_sociais_escolas.png');
	background-repeat:no-repeat;
	background-position: -40px -18px;
}

body.canal-escolas ul.icones_redes_sociais li.icone_googleplus:hover{
	background-image:url('images/icone_redes_sociais_escolas.png');
	background-repeat:no-repeat;
	background-position: -60px -18px;
}

/*---- Página principal - Canal Estudantes---*/
body.canal-estudantes ul.icones_redes_sociais li.icone_twitter{
	background-image:url('images/icone_redes_sociais_estudantes.png');
	background-repeat:no-repeat;
	background-position: 0px 0px;
}

body.canal-estudantes ul.icones_redes_sociais li.icone_orkut{
	background-image:url('images/icone_redes_sociais_estudantes.png');
	background-repeat:no-repeat;
	background-position: -20px 0px;
}

body.canal-estudantes ul.icones_redes_sociais li.icone_facebook{
	background-image:url('images/icone_redes_sociais_estudantes.png');
	background-repeat:no-repeat;
	background-position: -40px 0px;
}

body.canal-estudantes ul.icones_redes_sociais li.icone_googleplus{
	background-image:url('images/icone_redes_sociais_estudantes.png');
	background-repeat:no-repeat;
	background-position: -60px 0px;
}

/*---- Rollover dos icones das redes sociais---*/
body.canal-estudantes ul.icones_redes_sociais li.icone_twitter:hover{
	background-image:url('images/icone_redes_sociais_estudantes.png');
	background-position: 0px -18px;
	background-repeat:no-repeat;
}

body.canal-estudantes ul.icones_redes_sociais li.icone_orkut:hover{
	background-image:url('images/icone_redes_sociais_estudantes.png');
	background-repeat:no-repeat;
	background-position: -20px -18px;
}

body.canal-estudantes ul.icones_redes_sociais li.icone_facebook:hover{
	background-image:url('images/icone_redes_sociais_estudantes.png');
	background-repeat:no-repeat;
	background-position: -40px -18px;
}

body.canal-estudantes ul.icones_redes_sociais li.icone_googleplus:hover{
	background-image:url('images/icone_redes_sociais_estudantes.png');
	background-repeat:no-repeat;
	background-position: -60px -18px;
}

/*---- Página principal - Canal Educadores---*/
body.canal-educadores ul.icones_redes_sociais li.icone_twitter{
	background-image:url('images/icone_redes_sociais_educadores.png');
	background-repeat:no-repeat;
	background-position: 0px 0px;
}

body.canal-educadores ul.icones_redes_sociais li.icone_orkut{
	background-image:url('images/icone_redes_sociais_educadores.png');
	background-repeat:no-repeat;
	background-position: -20px 0px;
}

body.canal-educadores ul.icones_redes_sociais li.icone_facebook{
	background-image:url('images/icone_redes_sociais_educadores.png');
	background-repeat:no-repeat;
	background-position: -40px 0px;
}

body.canal-educadores ul.icones_redes_sociais li.icone_googleplus{
	background-image:url('images/icone_redes_sociais_educadores.png');
	background-repeat:no-repeat;
	background-position: -60px 0px;
}

/*---- Rollover dos icones das redes sociais---*/
body.canal-educadores ul.icones_redes_sociais li.icone_twitter:hover{
	background-image:url('images/icone_redes_sociais_educadores.png');
	background-position: 0px -18px;
	background-repeat:no-repeat;
}

body.canal-educadores ul.icones_redes_sociais li.icone_orkut:hover{
	background-image:url('images/icone_redes_sociais_educadores.png');
	background-repeat:no-repeat;
	background-position: -20px -18px;
}

body.canal-educadores ul.icones_redes_sociais li.icone_facebook:hover{
	background-image:url('images/icone_redes_sociais_educadores.png');
	background-repeat:no-repeat;
	background-position: -40px -18px;
}

body.canal-educadores ul.icones_redes_sociais li.icone_googleplus:hover{
	background-image:url('images/icone_redes_sociais_educadores.png');
	background-repeat:no-repeat;
	background-position: -60px -18px;
}

/*---- Página principal - Canal Institucional---*/
body.canal-institucional ul.icones_redes_sociais li.icone_twitter{
	background-image:url('images/icone_redes_sociais_institucional.png');
	background-repeat:no-repeat;
	background-position: 0px 0px;
}

body.canal-institucional ul.icones_redes_sociais li.icone_orkut{
	background-image:url('images/icone_redes_sociais_institucional.png');
	background-repeat:no-repeat;
	background-position: -20px 0px;
}

body.canal-institucional ul.icones_redes_sociais li.icone_facebook{
	background-image:url('images/icone_redes_sociais_institucional.png');
	background-repeat:no-repeat;
	background-position: -40px 0px;
}

body.canal-institucional ul.icones_redes_sociais li.icone_googleplus{
	background-image:url('images/icone_redes_sociais_institucional.png');
	background-repeat:no-repeat;
	background-position: -60px 0px;
}

/*---- Rollover dos icones das redes sociais---*/
body.canal-institucional ul.icones_redes_sociais li.icone_twitter:hover{
	background-image:url('images/icone_redes_sociais_institucional.png');
	background-position: 0px -18px;
	background-repeat:no-repeat;
}

body.canal-institucional ul.icones_redes_sociais li.icone_orkut:hover{
	background-image:url('images/icone_redes_sociais_institucional.png');
	background-repeat:no-repeat;
	background-position: -20px -18px;
}

body.canal-institucional ul.icones_redes_sociais li.icone_facebook:hover{
	background-image:url('images/icone_redes_sociais_institucional.png');
	background-repeat:no-repeat;
	background-position: -40px -18px;
}

body.canal-institucional ul.icones_redes_sociais li.icone_googleplus:hover{
	background-image:url('images/icone_redes_sociais_institucional.png');
	background-repeat:no-repeat;
	background-position: -60px -18px;
}

/*---- Página principal - Canal Municípios---*/
body.canal-municipios ul.icones_redes_sociais li.icone_twitter{
	background-image:url('images/icone_redes_sociais_municipios.png');
	background-repeat:no-repeat;
	background-position: 0px 0px;
}

body.canal-municipios ul.icones_redes_sociais li.icone_orkut{
	background-image:url('images/icone_redes_sociais_municipios.png');
	background-repeat:no-repeat;
	background-position: -20px 0px;
}

body.canal-municipios ul.icones_redes_sociais li.icone_facebook{
	background-image:url('images/icone_redes_sociais_municipios.png');
	background-repeat:no-repeat;
	background-position: -40px 0px;
}

body.canal-municipios ul.icones_redes_sociais li.icone_googleplus{
	background-image:url('images/icone_redes_sociais_municipios.png');
	background-repeat:no-repeat;
	background-position: -60px 0px;
}

/*---- Rollover dos icones das redes sociais---*/
body.canal-municipios ul.icones_redes_sociais li.icone_twitter:hover{
	background-image:url('images/icone_redes_sociais_municipios.png');
	background-position: 0px -18px;
	background-repeat:no-repeat;
}

body.canal-municipios ul.icones_redes_sociais li.icone_orkut:hover{
	background-image:url('images/icone_redes_sociais_municipios.png');
	background-repeat:no-repeat;
	background-position: -20px -18px;
}

body.canal-municipios ul.icones_redes_sociais li.icone_facebook:hover{
	background-image:url('images/icone_redes_sociais_municipios.png');
	background-repeat:no-repeat;
	background-position: -40px -18px;
}

body.canal-municipios ul.icones_redes_sociais li.icone_googleplus:hover{
	background-image:url('images/icone_redes_sociais_municipios.png');
	background-repeat:no-repeat;
	background-position: -60px -18px;
}

/*--- FIM - Customizar icones do bloco de redes sociais ---*/

/*--- Customizar icones do bloco de acesso rápido ---*/
ul.icones_acesso_rapido{
	float: right;
	margin:3px !important;
}

ul.icones_acesso_rapido li.icone_acesso_noticias, 
ul.icones_acesso_rapido li.icone_acesso_programa_projeto,
ul.icones_acesso_rapido li.icone_acesso_midiateca,
ul.icones_acesso_rapido li.icone_acesso_agenda,
ul.icones_acesso_rapido li.icone_acesso_ouvidoria{
    float: left;
    list-style: none;
    padding-left: 17px;
}

ul.icones_acesso_rapido li.icone_acesso_noticias img,  
ul.icones_acesso_rapido li.icone_acesso_programa_projeto img,
ul.icones_acesso_rapido li.icone_acesso_midiateca img,
ul.icones_acesso_rapido li.icone_acesso_agenda img,
ul.icones_acesso_rapido li.icone_acesso_ouvidoria img{
	background-image:url('images/background_icones_acesso_rapido.png');
	background-repeat:no-repeat;
}

ul.icones_acesso_rapido li.icone_acesso_noticias img:hover,
ul.icones_acesso_rapido li.icone_acesso_programa_projeto img:hover,
ul.icones_acesso_rapido li.icone_acesso_midiateca img:hover,
ul.icones_acesso_rapido li.icone_acesso_agenda img:hover,	
ul.icones_acesso_rapido li.icone_acesso_ouvidoria img:hover{
	background-image:url('images/background_icones_acesso_rapido_ativo.png');
	background-repeat:no-repeat;
}


/*--- customiza tooltip dos icones ---*/
a.icone_acesso_rapido{
    position:relative;
    z-index:24;
}

a.icone_acesso_rapido span{
	display: none;
    font-weight: 500;
}

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.icone_acesso_rapido:hover{
	z-index:25;
	color: #aaaaff;
	
}

a.icone_acesso_rapido:hover span.tooltip{
	display:block;
	position:absolute;
	top:-58px;
	left:-70px;
	width:168px;
	font-family:ubuntu;
	font-weight:bold;
	font-size:12px;
	color: #333333;
	text-align: center;
	text-decoration:none;
	/*	opacity: 0.90;*/
}

a.icone_acesso_rapido:hover span.top{
	display: block;
	padding:7px;
        padding-top: 4px;
    background-image: url('images/icone_balao.png');
	background-repeat:no-repeat;
	background-position:top;
	height:40px;
}

/*--- FIM - Customizar icones do bloco de acesso rápido ---*/

/*--- Customizar acesso a Webmail*/
/*div.icone_acesso_webmail{
    float: left;
    position:relative;
    z-index:24;
}

div.icone_acesso_webmail span{
	display: none;
}

/*background:; ie hack, something must be changed in a for ie to execute it*/
/*div.icone_acesso_webmail:hover{
	z-index:25;
	color: #aaaaff;
	background-color:;
}

div.icone_acesso_webmail:hover span.tooltip{
	display:block;
	position:absolute;
	top:-150px;
	left:-60px;
	width:168px;
	font-family:ubuntu;
	font-weight:bold;
	font-size:12px;
	color: #333333;
	text-align: center;
	text-decoration:none;
	*filter: alpha(opacity:90);
	*KHTML0pacity: 0.90;
	*MozOpacity: 0.90;
	opacity: 0.90;
}

div.icone_acesso_webmail:hover span.top{
	display:block;
    background-image: url('images/background_balao_top.png');
	background-repeat:no-repeat;
	background-position:top;
	width:168px;
	padding-top:9px;
}

div.icone_acesso_webmail:hover span.middle{
	display:block;
    background-image: url('images/background_balao_middle.png');
	background-repeat:repeat-y;
	width:168px;
}

div.icone_acesso_webmail:hover span.bottom{
	display:block;
    background-image: url('images/background_balao_bottom.png');
	background-repeat:no-repeat;
	background-position:bottom;
	width:168px;
	padding-bottom:19px;
}

.form_login_expresso{
   background-image: url('images/background_expressoba.png');
   background-repeat:no-repeat;
   background-position:top left;
   height:110px;
   padding-left:13px;
   padding-top:10px;
}*/

/*--- FIM - Customizar acesso a Webmail*/

/*--- Customizar acesso a Orgãos Vinculados ---*/
div.icone_carousel{
    float: left;
    position:relative;
    z-index:6;
}


/*background:; ie hack, something must be changed in a for ie to execute it*/
div.icone_carousel:hover {
	z-index:25;
	color: #FFFFFF;
	
}

div.icone_carousel span.tooltip{
	position:absolute;
	top:-9000px;
	left:-9000px ;
}
div.icone_carousel:hover span.tooltip{
	display:block;
	position:absolute;
	top:-332px;
	left:-20px;
	width:168px;
	opacity: 0.90;
}
/*webmails*/
div.icones_acesso_webmail:hover span.tooltip{
    left: -50px;
}
div.icone_carousel span.top{
	display:block;
    background-image: url('images/background_balao_top.png');
	background-repeat:no-repeat;
	background-position:top;
	width:168px;
	padding-top:9px;
}

div.icone_carousel span.middle{
	display:block;
    background-image: url('images/background_balao_middle.png');
	background-repeat:repeat-y;
	width:168px;
}

div.icone_carousel span.middle .view-lista-orgaos-vinculados .jcarousel-skin-educacao{
	position:relative;
	top:0;
	left:0;
}
/*webmail*/
div.icone_carousel span.middle .view-lista-webmails .jcarousel-skin-educacao{
	position:relative;
	top:0;
	left:0;
}
/*----*/
div.icone_carousel span.bottom{
	display:block;
    background-image: url('images/background_balao_bottom.png');
	background-repeat:no-repeat;
	background-position:bottom;
	width:168px;
	padding-bottom:19px;
}
/*--- FIM - Customizar acesso a Orgãos Vinculados ---*/
.jcarousel-list li, .jcarousel-item {
    width: 120px;
    height: 10px;
}