Discussoes de Programacao e Tecnologia

Estilo não carrega

2 respostas
P
pjava
Eu e Web, somo amigos novos, bem novos, logo tem sempre muita coisa que eu não conheço. Peguei um sistema para dar manutenção e alguma coisa não consigo fazer funcionar, referente a CSS e JavaScript ou JQuery. Esse estilo aí eu não consigo carregar 
.lnkMinhaArea{
		width:346px;
		height:325px;
		float:left;
		text-indent:-90000em;
		overflow:hidden;
		background:url(../Images/btnWebDoctors.png) no-repeat 0 0;
	}
	.lnkMinhaAreaOver{
		width:414px;
		height:370px;
		background-position: -350px 0;
	}
Essa linha aí eu alterei: background:url(../Images/btnWebDoctors.png) no-repeat 0 0;, pois antes ela estava assim: background:url(../Images/user_elementos.png) no-repeat 0 0;. Dessa forma funciona. mais uma dúvida. Esse user_elementos, em realidade, tem muita imagem nele e ele é uma imagem e não sei como fazer para usar cada imagem dele. Anexei o user_elementos.png para que vocês pudessem dar uma olhada e entender minha dúvida. 
*{
    margin: 0;
    padding: 0;
    font-family: Arial, Verdana, Tahoma;
    font-size: 11px;
    word-wrap:break-word;
}

fieldset{border:none;}

/*background*/
#bgBody
{
    top:0;
    left:0px;
    z-index:-2;
    position:fixed;    
}

/*icones*/
.icoCalendario{
	width:50px;
	height:56px;
	float:left;
	position:relative;
	margin:0 0 -5px 0;
	background: url(../Images/user_elementos.png) no-repeat -1223px -426px;
}
.icoMeusPlanos{
	width:50px;
	height:56px;
	float:left;
	position:relative;
	margin:0 0 -5px 0;
	background: url(../Images/user_elementos.png) no-repeat -1160px -426px;
}
.icoCursosSugeridos{
	width:65px;
	height:56px;
	float:left;
	position:relative;
	margin:0 0 -5px 0;
	background: url(../Images/user_elementos.png) no-repeat -1080px -437px;
}
.icon01{
	width:51px;
	height:52px;
	float:left;
	position:relative;
	background: url(../Images/user_elementos.png) no-repeat -1048px -296px;
}
.icoSeta{
	width:23px;
	height:31px;
	position:relative;
	float:right;
	background: url(../Images/user_elementos.png) no-repeat -1042px -439px;
}
.icoSetaEsquerdaGrande{
	width:57px;
	height:91px;
	position:relative;
	float:left;
	text-indent:-90000em;
	overflow:hidden;
	margin:110px 0 0 0;
	background: url(../Images/user_elementos.png) no-repeat -416px -669px;
}
.icoSetaEsquerdaGrandeOver{background-position: -348px -669px;}

.icoSetaDireitaGrande{
	width:57px;
	height:91px;
	position:relative;
	float:right;
	text-indent:-90000em;
	overflow:hidden;
	margin:110px 0 0 0;
	background: url(../Images/user_elementos.png) no-repeat -492px -669px;
}
.icoSetaDireitaGrandeOver{background-position: -561px -669px;}

.iconSalaAula{
	width:50px;
	height:54px;
	float:left;
	text-indent:-9000em;
	overflow:hidden;
	background: url(../Images/user_elementos.png) no-repeat -1108px -296px;
}
.iconMeuPerfil{
	width:50px;
	height:54px;
	float:left;
	text-indent:-9000em;
	overflow:hidden;
	background: url(../Images/user_elementos.png) no-repeat -1187px -298px;
}
.iconFormacao{
	width:50px;
	height:54px;
	float:left;
	text-indent:-9000em;
	overflow:hidden;
	background: url(../Images/user_elementos.png) no-repeat -1253px -298px;
}
.iconComunidade{
	width:50px;
	height:54px;
	float:left;
	text-indent:-9000em;
	overflow:hidden;
	background: url(../Images/user_elementos.png) no-repeat -1319px -298px;
}
.iconPlanoAula{
	width:50px;
	height:54px;
	float:left;
	text-indent:-9000em;
	overflow:hidden;
	background: url(../Images/user_elementos.png) no-repeat -1384px -298px;
}
.iconMinhaArea{
	width:50px;
	height:54px;
	float:left;
	text-indent:-9000em;
	overflow:hidden;
	background: url(../Images/user_elementos.png) no-repeat -1446px -298px;
}
.iconSalaAulaOver{
	width:110px;
	height:93px;
	float:left;
	text-indent:-90000em;
	overflow:hidden;
	background: url(../Images/user_elementos.png) no-repeat -1144px -745px;
}

.lnkOver .iconMinhaArea{
	width:110px;
	height:93px;
	float:left;
	text-indent:-90000em;
	overflow:hidden;
	background: url(../Images/user_elementos.png) no-repeat -1029px -745px;
}
.iconPortugues{
	width:81px;
	height:76px;
	float:left;
	text-indent:-90000em;
	overflow:hidden;
	background: url(../Images/user_elementos.png) no-repeat -1041px -520px;
}
.iconMatematica{
	width:81px;
	height:76px;
	float:left;
	text-indent:-90000em;
	overflow:hidden;
	background: url(../Images/user_elementos.png) no-repeat -1135px -520px;
}
.icon02{
	width:74px;
	height:74px;
	float:left;
	background: url(../Images/user_elementos.png) no-repeat -1032px -857px;
}
.iconCalendario{
	width:32px;
	height:37px;
	float:left;
	text-indent:-90000em;
	overflow:hidden;
	background: url(../Images/user_elementos.png) no-repeat -879px -349px;
}
.icoCursosObrigatorios{
	width:49px;
	height:53px;
	float:left;
	text-indent:-9000em;
	overflow:hidden;
	background: url(../Images/user_elementos.png) no-repeat -1189px -363px;
}
.icoMensagensMural{
	width:49px;
	height:53px;
	float:left;
	text-indent:-9000em;
	overflow:hidden;
	background: url(../Images/user_elementos.png) no-repeat -1254px -363px;
}
.icoDuvida{
	width:49px;
	height:53px;
	float:left;
	text-indent:-9000em;
	overflow:hidden;
	background: url(../Images/user_elementos.png) no-repeat -1320px -363px;
}
.icoFacebook,
.icoTwitter,
.icoLikedin,
.icoOrkut,
.icoOutrasRedes{
	width:50px;
	height:55px;
	float:left;
	text-indent:-9000em;
	overflow:hidden;
	background-image: url(../Images/user_elementos.png);
	background-repeat: no-repeat;
	background-color:transparent;
}
	.icoFacebook{background-position:-651px -802px;}
	.icoTwitter{background-position:-710px -802px;}
	.icoLikedin{background-position:-769px -802px;}
	.icoOrkut{background-position:-827px -802px;}
	.icoOutrasRedes{background-position:-885px -802px;}

.icoFacebook40,
.icoTwitter40,
.icoLikedin40,
.icoOrkut40,
.icoOutrasRedes40{
	width:40px;
	height:40px;
	float:left;
	text-indent:-9000em;
	overflow:hidden;
	background-image: url(../Images/user_elementos.png);
	background-repeat: no-repeat;
	background-color:transparent;
}
	.icoFacebook40{background-position:-399px -912px;}
	.icoTwitter40{background-position:-444px -912px;}
	.icoLikedin40{background-position:-489px -912px;}
	.icoOrkut40{background-position:-533px -912px;}
	.icoOutrasRedes40{background-position:-576px -912px;}

.ico{
	width:18px;
	height:18px;
	float:left;
	text-indent:-90000em;
	overflow:hidden;
	cursor:pointer;
	background-image: url(../Images/user_elementos.png);
	background-repeat: no-repeat;
	background-color:transparent;
}
.icoEditar{background-position:-1033px -998px;}
.icoAdd{background-position:-1056px -998px;}
.icoDetalhe{background-position:-1079px -998px;}
.icoExcluir{background-position:-1101px -998px;}
.icoAIniciar{height:23px; background-position:-1247px -997px;}
.icoEmAndamento{height:23px; background-position:-1271px -997px;}
.icoConcluido{height:23px; background-position:-1289px -997px;}
.icoMover{background-position:-1513px -1007px;}
.icoMoverCima{background-position:-1536px -1007px;}
.icoMoverBaixo{background-position:-1556px -1007px;}


.icoVideo,
.icoImagem,
.icoFlash,
.icoPdf,
.icoAudio,
.icoLink,
.icoScorm,
.icoPpt{
	width:31px;
	height:26px;
	position:relative;
	float:left;
	margin:-10px 0 0 -3px;
	text-indent:-90000em;
	overflow:hidden;
	background-image: url(../Images/user_elementos.png);
	background-repeat: no-repeat;
	background-color:transparent;
}
.icoVideo{background-position:-1032px -1038px;}
.icoImagem{background-position:-1071px -1038px;}
.icoFlash{background-position:-1111px -1038px;}
.icoPdf{background-position:-1150px -1038px;}
.icoAudio{background-position:-1192px -1038px;}
.icoLink{background-position:-1233px -1038px;}
.icoScorm{background-position:-1274px -1038px;}
.icoPpt{background-position:-1315px -1038px;}

.icon{
	width:62px;
	height:64px;
	text-indent:-90000em;
	overflow:hidden;
	float:left;
	background-image: url(../Images/user_elementos.png);
	background-repeat: no-repeat;
	background-color:transparent;
}
	.icoNovoPlano{background-position:-635px -970px;}
	.icoMeusObjetos{background-position:-920px -1190px;}
	.icoNovoObjeto{background-position:-637px -1190px;}

.iconMeusPlanosAula,
.iconPlanosSugeridos{
	width:61px;
	height:65px;
	text-indent:-9000em;
	overflow:hidden;
	position:relative;
	background-image: url(../Images/user_elementos.png);
	background-repeat: no-repeat;
	background-color: transparent;
}
	.iconMeusPlanosAula{background-position: -1028px -1271px;}
	.iconPlanosSugeridos{background-position: -1116px -1271px;}

.lnkOver .iconMeusPlanosAula,
.lnkOver .iconPlanosSugeridos{
	width:77px;
	height:78px;
	margin-top:-13px;
}
	.lnkOver .iconMeusPlanosAula{background-position: -1028px -1179px;}
	.lnkOver .iconPlanosSugeridos{background-position: -1110px -1180px;}


.iconListagemPortugues,
.iconListagemMatematica,
.iconListagemHistoria{
	width:53px;
	height:59px;
	float:left;
	text-indent:-90000em;
	overlfow:hidden;
	background-image:url(../Images/user_elementos.png);
	background-repeat: no-repeat;
	background-color:transparent;
}
	.iconListagemPortugues{background-position: -1342px -856px;}
	.iconListagemMatematica{background-position: -1409px -856px;}
	.iconListagemHistoria{background-position: -1472px -856px;}
	
.iconMinPortugues,
.iconMinMatematica,
.iconMinHistoria{
	width:52px;
	height:50px;
	float:left;
	text-indent:-90000em;
	overflow:hidden;
	position:relative;
	background-image:url(../Images/user_elementos.png);
	background-repeat: no-repeat;
	background-color:transparent;
}
	.iconMinPortugues{background-position: -1342px -521px;}
	.iconMinMatematica{background-position: -1409px -521px;}
	.iconMinHistoria{background-position: -1472px -521px;}

.icoAddNota,
.icoVisaoDetalhada,
.icoSalvar,
.icoSimuladorSalaAula{
	width:36px;
	height:29px;
	float:left;
	text-indent:-90000em;
	overflow:hidden;
	position:relative;
	cursor:pointer;
	background-image:url(../Images/user_elementos.png);
	background-repeat: no-repeat;
	background-color:transparent;
}
	.icoAddNota{background-position: -1032px -1075px;}
	.icoVisaoDetalhada{background-position: -1075px -1075px;}
	.icoSalvar{background-position: -1166px -1075px;}
	.icoSimuladorSalaAula{background-position: -1119px -1075px;}
	
	.icoAddNota:hover{background-position: -1032px -1117px;}
	.icoVisaoDetalhada:hover{background-position: -1075px -1117px;}
	.icoSalvar:hover{background-position: -1166px -1117px;}	
	.icoSimuladorSalaAula:hover{background-position: -1119px -1117px;}

/*botoes*/
.btnVerde128x28{
	width:128px;
	height:23px;
	float:left;
	margin:11px 0 0 30px;
	padding:5px 0 0 0;
	border:none;
	color:#fff;
	text-decoration:none;
	text-align:center;
	background:url(../Images/user_elementos.png) no-repeat -1181px -188px;
}
a.btnVerde128x28:hover{text-decoration:underline;}

.btnBranco80x28,
.btnVerde80x28,
.btnCinza80x28,
#popup_panel input,
.btnAzul80x28{
	width:80px;
	height:28px;
	float:right;
	border:none;
	color:#fff;
	padding:0 0 5px 0;
	margin:5px 25px 0 0;
	cursor:pointer;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
	background:url(../Images/user_elementos.png) no-repeat -1321px -140px;
}

a.btnBranco80x28,
a.btnVerde80x28,
a.btnCinza80x28,
a.btnAzul80x28{
	height:24px;
	text-decoration:none;
	text-align:center;
	padding:5px 0 0 0;
	
}

.btnCinza80x28{background-position:-1408px -140px;}
.btnVerde80x28{background-position:-1670px -140px;}
.btnBranco80x28{background-position:-1581px -103px;}

.btnCinza105x28{
	width:123px;
	height:28px;
	float:right;
	border:none;
	color:#fff;
	padding:0 0 5px 0;
	margin:5px 25px 0 0;
	cursor:pointer;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
	background:url(../Images/user_elementos.png) no-repeat -1321px -175px;
}
a.btnCinza105x28{
	height:24px;
	text-decoration:none;
	text-align:center;
	padding:5px 0 0 0;
	
}

.btnClose,
.btnCloseOverlay
{
	width: 44px;
	height: 25px;
	float:right;
	margin:-8px 5px 5px 5px;
	cursor: pointer;
	z-index: 1103;  
	text-indent:-90000em;
	overflow:hidden;
	position:relative;
	z-index:4;
	background-image: url(../Images/user_elementos.png);
	background-position: -1100px -45px;
}

.btnSair{
	width: 58px;
	height: 25px;
	float:right;
	margin:15px 5px 5px 5px;
	cursor: pointer;
	z-index: 1103;  
	text-indent:-90000em;
	overflow:hidden;
	position:relative;
	z-index:4;
	background-image: url(../Images/user_elementos.png);
	background-position: -1040px -45px;
}

/*overlay*/
#bgOverlay
{
    min-width:996px;
    display:none;
    position:absolute;
    top:0;
    left:0;
    opacity:0.5;
    filter:alpha(opacity=50);
    z-index:250;
    background:#000;  
}

#popup_overlay{}

#popup_container{
	width:295px;
	padding:10px 0;
	position:absolute;
	margin-left:-257px;
	left:50%;
	top:30%;
	z-index:4;
	background:#fff;
}
	#popup_header{
        float:left;
        padding:0 10px;
        width:275px;
        height:20px;
        padding-top:10px;
		background:#fff;
	}
	    #popup_title
	    {
            position:absolute;
            top:5px;
            left:10px;
	        color:#dd0000;
            font-size:15px;
	    }
	#popup_content{
        clear:both;
        width:100%;
        float:left;
        padding:30px 0 0 0;
		background:#fff;
	}
	#popup_message{
		clear:both;
        width:97%;
		float:left;	
		margin:0 0 0 5px;
		color:#666;
		font-size:13px;
        font-weight:bold;
        text-align:center;
	}
	#popup_panel{
		clear:both;
		width:285px;
		float:left;
		padding:5px 5px 5px 5px;
		text-align:center;
        margin:23px 0 0 0;
	}	   
	           
    #popup_footer
    {        
        width:275px;
        height:5px;
        float:left;
        padding:0 10px 10px 10px;
        background:#fff;
    }    
    
 .divOverlay{
 	width:370px;
    display:none;
    position:absolute;
    top:10%;
    left:50%;
    margin-left:-169px;
    padding:0 0 10px 0;
    z-index:251;
    background:#fff;   
 }
 
 .fdsOverlay
{
    width:340px;
    float:left;
    margin:0 15px;    
}
    .fdsOverlay label
    {
        width:340px;
        float:left;
        font-size:11px;
        line-height:15px;
        color:#666;    
    }
    
    .fdsOverlay .btnForm{margin:10px 0 0 10px;}
    
    .ddForm{
    	width:120px;
    	height:23px;
    	float:left;
    	margin:0 15px 0 0;
    	border:solid 1px #eee;
   	}

/*header*/
.divHeader{
	width:100%;
	min-width:980px;
	height:50px;
	position:absolute;
	top:0;
	left:0;
	z-index:3;
	background: url(../Images/bgHeader.jpg) repeat-x 0 0;
}
	.titEscolaParceira{
		width:185px;
		height:75px;
		position:absolute;
		top:0;
		left:0;
		text-indent:-90000em;
		overflow:hidden;
		z-index:1;
		background: url(../Images/user_elementos.png) no-repeat -717px 0;
	}
	
	.titTopDellConnectedClassroom{
		width:195px;
		height:35px;
		float:right;
		margin:10px 17px 0 0;
		text-indent:-90000em;
		overflow:hidden;
		background: url(../Images/user_elementos.png) no-repeat -936px 0;
	}
	
.divMenu{
	width:100%;
	min-width:980px;
	height:40px;
	position:absolute;
	top:50px;
	left:0;
	background: url(../Images/bgFaixaAzul.jpg) repeat-x 0 0;
}
	.titEguru{
		float:right;
		margin:15px 17px 0 0;
		font-size:10px;
		color:#fff;
		text-transform:uppercase;
	}
	
	/*menu*/
	ul.ulMenuPrincipal{
		list-style:none;
		width:805px;
		min-width:805px;
		position:absolute;
		left:50%;
		margin-left:-310px;
	}
		ul.ulMenuPrincipal li{float:left;}
		
		ul.ulMenuPrincipal li a{
			width:104px;
			height:30px;
			float:left;
			padding:10px 15px 0 15px;
			text-align:center;
			text-decoration:none;
			color:#66afd7;
			font-size:13px;
			font-weight:bold;
		}
		
		ul.ulMenuPrincipal li a:hover,
		ul.ulMenuPrincipal li a.lnkOver{
			color:#fff;
			background:url(../Images/user_elementos.png) no-repeat -1178px -140px;			
		}
	
/*boxes*/
.boxGrande{
	width:980px;
	float:left;
}
	.boxGrandeTop{
		width:980px;
		height:20px;
		float:left;
		background: url(../Images/boxGrande.png) no-repeat 0 0;
	}
	
	.boxGrandeMiddle{
		width:950px;
		padding:0 15px;
		float:left;		
		background: url(../Images/boxGrandeMiddleRepeatY.png) repeat-y 0 0;
	}
		.boxGrandeMiddleFixo{
			height:467px;
			background: url(../Images/boxGrande.png) no-repeat 0 -20px;
		}
		
	.boxGrandeBottom{
		width:980px;
		height:20px;
		float:left;
		background: url(../Images/boxGrande.png) no-repeat 0 -487px;
	}
	
.boxMedio{
	width:565px;
	float:left;
}
	.boxMedioTop{
		width:565px;
		height:20px;
		float:left;
		background: url(../Images/boxMedio.png) no-repeat 0 0;
	}
	
	.boxMedioMiddle{
		width:535px;
		padding:0 15px;
		float:left;
	}
		.boxMedioMiddleFixo{
			height:275px;
			background: url(../Images/boxMedio.png) no-repeat 0 -20px;
		}

	.boxMedioBottom{
		width:565px;
		height:20px;
		float:left;
		background: url(../Images/boxMedio.png) no-repeat 0 -295px;
	}
	
.boxPequeno{
	width:415px;
	float:left;
}
	.boxPequenoTop{
		width:415px;
		height:20px;
		float:left;
		background: url(../Images/boxPequeno.png) no-repeat 0 0;
	}
	
	.boxPequenoMiddle{
		width:385px;
		padding:0 15px;
		float:left;
	}
		.boxPequenoMiddleFixo{
			height:275px;
			background: url(../Images/boxPequeno.png) no-repeat 0 -20px;
		}
		
	.boxPequenoBottom{
		width:415px;
		height:20px;
		float:left;
		background: url(../Images/boxPequeno.png) no-repeat 0 -295px;
	}	
	
.boxAzulGrande{
	width:964px;
	float:left;
	margin:0 0 -14px -7px;
}
	.boxAzulGrandeTop{
		width:964px;
		height:47px;
		float:left;
		background: url(../Images/user_elementos.png) no-repeat -1px -147px;
	}

	.boxAzulGrandeMiddle{
		width:964px;
		float:left;
		background:#4990f9;
		position:relative;
	}
	
	.boxAzulGrandeBottom{
		width:964px;
		height:28px;
		float:left;
		position:relative;
		background: url(../Images/user_elementos.png) no-repeat 0 -206px;
	}
	
.boxOverlayPequeno{
	width:301px;
	display:none;
    position:absolute;
    top:390px;    
    margin-left:-150px;
    padding:0 0 10px 0;
    z-index:251; 
}
	.boxOverlayPequenoTop{
		width:301px;
		height:19px;
		float:left;
		background: url(../Images/user_elementos.png) no-repeat -617px -492px;
	}
	.boxOverlayPequenoMiddle{
		width:298px;
		float:left;
		border-left: solid 1px #e2e6ee;
		border-right: solid 1px #e2e6ee;
		background:#ecf1f7;
	}
	.boxOverlayPequenoBottom{
		width:301px;
		height:19px;
		float:left;
		background: url(../Images/user_elementos.png) no-repeat -617px -522px;
	}
	
.box948{
	width:948px;
	float:left;
}
	.box948Top{
		width:948px;
		height:20px;
		float:left;
		background: url(../Images/box948x217.png) no-repeat 0 0;
	}
	.box948Middle{
		width:945px;
		float:left;
		min-height:178px;
		border-left: solid 1px #E6EAEE;
		border-right: solid 1px #E6EAEE;
		background:#ECF1F7 url(../Images/bgMiddleBox948x217.jpg) repeat-x top left;
	}
	.box948Bottom{
		width:948px;
		height:20px;
		float:left;
		background: url(../Images/box948x217.png) no-repeat 0 -200px;
	}
		
.boxDegrade430{
	width:430px;
	float:left;
	margin:0 0 12px 0;
	*margin-bottom:10px;
}
	.boxDegrade430Top{
		width:430px;
		float:left;
		height:10px;
		background:url(../Images/user_elementos.png) no-repeat -2172px -744px;
	}
	.boxDegrade430Middle{
		width:426px;
		float:left;
		min-height:78px;	
		margin-left:1px;
		border-left:solid 1px #e5e9ee;		
		border-right:solid 1px #e5e9ee;	
		background:#e9eff6 url(../Images/bgMiddleBox458.jpg) repeat-x top left;
	}
	.boxDegrade430Bottom{
		width:430px;
		float:left;
		height:10px;
		background:url(../Images/user_elementos.png) no-repeat -2172px -770px;
	}
	
.boxDegrade420{
	width:420px;
	float:left;
	margin:0 0 10px 0;
}
	.boxDegrade420Top{
		width:420px;
		float:left;
		height:15px;
		background:url(../Images/user_elementos.png) no-repeat -1731px -744px;
	}
	.boxDegrade420Middle{
		width:417px;
		float:left;
		height:15px;
		min-height:78px;
		border-left:solid 1px #e5e9ee;		
		border-right:solid 1px #e5e9ee;	
		background:#e9eff6 url(../Images/bgMiddleBox458.jpg) repeat-x top left;
	}
	.boxDegrade420Bottom{
		width:420px;
		float:left;
		height:15px;
		background:url(../Images/user_elementos.png) no-repeat -1732px -765px;
	}
	
.boxDegrade937{
	width:937px;
	float:left;
	margin:0 0 10px 10px;
	padding:3px 0 3px 0;
}
	.boxDegrade937Top{
		width:937px;
		height:15px;
		float:left;
		background:url(../Images/user_elementos.png) no-repeat -1732px -791px;
	}
	.boxDegrade937Middle{
		width:932px;
		float:left;
		min-height:78px;	
		margin-left:1px;
		border-left:solid 1px #e5e9ee;		
		border-right:solid 1px #e5e9ee;	
		background:#e9eff6 url(../Images/bgMiddleBox458.jpg) repeat-x top left;
	}
	.boxDegrade937Bottom{
		width:937px;
		height:15px;
		float:left;
		background:url(../Images/user_elementos.png) no-repeat -1731px -812px;
	}
	
/*footer*/
.divFooter{
	width:100%;
	height:25px;
	position:absolute;
	bottom:-20px;
	text-align:center;
	margin:30px 0 20px 0;
	padding:15px 0 0 0;
	background: url(../Images/bgFaixaAzul.jpg) repeat-x 0 0;
}

ul.ulFooter{
	list-style:none;
	display:block;
	margin: 0 auto;
}
	ul.ulFooter li{
		display:inline;
		color:#fff;
		margin:0 5px;
	}
	
	ul.ulFooter li a{
		text-decoration:none;
		color:#fff;
		text-transform:uppercase;
	}
		
/*conteudo*/
#divContainer{
	width:980px;
	min-width:980px;
	margin:0 auto;
	top:140px;
	position:relative;
	z-index:3;
}
	
.divLoading
{
    float:left;
    display:none;
    margin:10px 0 0 30px;
    font-weight:bold; 
    font-size:10px;   
    text-transform:uppercase;
}

.hForm,
.hList
{
	position:relative;
	display:block;
	color:#081923;
	font-size:10px;
	margin:10px 5px;
	padding-top:10px;
	text-transform:uppercase;
	border-bottom:3px solid #c1d9e5;      
}

	/*pagina inicial*/
	.boxImgPerfil{
		width:123px;
		height:136px;
		position:relative;
		float:left;
		margin:-25px 0 0 0;
		z-index:2;
		background: url(../Images/user_elementos.png) no-repeat -1046px -140px;
	}
		.boxImgPerfil img{
			width:100px;
			height:110px;
			float:left;
			margin:15px 0 0 10px;
		}
		
	ul.ulUsuario{
		list-style:none;
		width:963px;
		float:left;
		position:relative;
		margin: -80px 0 0 -6px;
		z-index:1;
	}
		ul.ulUsuario li {
			font-weight:bold;
			font-size:12px;
			float:left;
			padding:0 0 0 135px;
		}
		
		ul.ulUsuario li.liNomeUsuario{
			width:828px;
			height:30px;
			padding:10px 0 0 135px;
			font-size:25px;
			font-weight:bold;
			background:#e6e6e6;
		}
		
	
	.divTransparencia980{}
	
	.divCalendario{
		width:562px;
		float:left;
		margin:0 15px 0 0;
	}
	
	h3.titIcone{
		width:100%;
		float:left;
		margin:0 0 5px 0;
		border-bottom:solid 2px #9ec0d3;
	}
	
		h3.titIcone .spnSubTit{
			width:73%;
			float:left;
			font-size:10px;
			text-transform:uppercase;
			margin:20px 0 0 5px;
			color:#666;
		}
		
		h3.titIcone .spnTit{
			width:73%;
			float:left;
			font-size:13px;
			text-transform:uppercase;
			margin:3px 0 0 5px;
		}
		
	#divFlashCalendario{
		width:561px;
		height:284px;
		float:left;
	}
	
	.divMeusPlanos{
		width:370px;
		float:left;
		min-height:170px;
	}
	
	.divCursosSugeridos{
		width:370px;
		float:left;
	}
	
	#boxGraficoMeusPlanos{
		width:370px;
		height:110px;
		float:left;
		margin:0 0 5px 0;
	}
	
	.divTransparencia367{float:left;}
	
		.divTransparencia367 .icon{
			margin:0 10px 0 0;
		}
		
		.divTransparencia367 h3{
			width:308px;
			float:left;
			margin:0 0 10px 0;
		}
		
		.divTransparencia367 p{
			width:308px;
			float:left;
			line-height:15px;
		}
		
		.divTransparencia367 .btnAzul80x28{}
		
	ul.ulNavegacaoLaranja{
		list-style:none;
		float:left;
		margin:10px 0 0 105px;
	}
	ul.ulNavegacaoLaranja li{float:left;}
	ul.ulNavegacaoLaranja li a{
		width:14px;
		height:14px;
		float:left;
		margin:3px 5px 0 5px;
		cursor:pointer;
		text-decoration:none;
		background:#babdc0;
	}
	ul.ulNavegacaoLaranja li a.lnkOver{
		width:18px;
		height:18px;
		float:left;
		margin:0 5px 0 5px;
		text-decoration:none;
		background:#ff9900;
	}
		
	.divTransparencia370{
		width:370px;
		height:50px;
		float:left;
		margin:0 0 10px 5px;
		padding:3px 3px 0 3px;
	}
	.divTransparencia370:hover{background:#4e94fc;}
	
		a.divTransparencia370{
			color:#000;
			text-decoration:none;
		}
		
		.divTransparencia370 img{
			width:50px;
			height:50px;
			float:left;
			margin:0 10px 0 0;
			border:none;
		}
		
		.divTransparencia370 .spnTitTransp{
			width:170px;
			float:left;
			font-weight:bold;
		}
		
		.divTransparencia370 .spnData{
			width:110px;
			float:left;
			color:#666;
			text-align:right;
		}
		
		.divTransparencia370 .spnDescrTransp{
			width:300px;
			float:left;
			line-height:15px;
			margin: 0 0 5px 0;
		}
		.divTransparencia370:hover .spnDescrTransp{color:#fff;}
		
		.divTransparencia370 .icoSeta{bottom:30px; display:none;}
		.divTransparencia370:hover .icoSeta{display:block;}
		
	.divTransparencia260{
		width:260px;
		float:left;
		margin:0 0 10px 5px;
	}
	.divTransparencia260:hover{background:#4e94fc;}
	
		a.divTransparencia260{
			color:#000;
			text-decoration:none;
		}
		
		.divTransparencia260 img{
			width:50px;
			height:50px;
			float:left;
			margin:0 10px 0 0;
			border:none;
		}
		
		.divTransparencia260 .spnTitTransp{
			width:200px;
			float:left;
			font-weight:bold;
		}
		
		.divTransparencia260 .spnData{
			width:110px;
			float:right;
			color:#666;
			text-align:right;
		}
		
		.divTransparencia260 .spnDescrTransp{
			width:150px;
			float:left;
			line-height:15px;
			margin: 0 0 5px 0;
		}
		.divTransparencia260:hover .spnDescrTransp{color:#fff;}
		
		.divTransparencia260 .icoSeta{bottom:0; display:none;}
		.divTransparencia260:hover .icoSeta{display:block;}
		
		
	.hrAzul{border:solid 2px #C1D9E5;}
	
/*tela de acesso*/
ul.ulAcesso{
	list-style-type:none;
	float:left;
	margin:0 0 0 25px;
}
	ul.ulAcesso li{float:left;}
	
	.lnkMinhaArea{
		width:346px;
		height:325px;
		float:left;
		text-indent:-90000em;
		overflow:hidden;
		background:url(../Images/acesso_elementos.png) no-repeat 0 0;
	}
	.lnkMinhaAreaOver{
		width:414px;
		height:370px;
		background-position: -350px 0;
	}
	
	.lnkSalaAula{
		width:346px;
		height:325px;
		float:left;
		text-indent:-90000em;
		overflow:hidden;
		background:url(../Images/acesso_elementos.png) no-repeat 0 -370px;
	}
	.lnkSalaAulaOver{
		width:414px;
		height:370px;
		background-position: -350px -370px;
	}
	
/*sala de aula*/
.titAtivo{
	width:230px;
	height:69px;
	float:left;
	margin:20px 0 20px -8px;
	background: url(../Images/user_elementos.png) no-repeat 0 -495px; 
}
	.titAtivo ins{margin:-15px 0 0 -33px;}
	
	.titAtivo span{
		float:left;
		margin:35px 0 0 0;
		text-transform:uppercase;
		font-weight:bold;
		font-size:15px;
	}

ul.ulMenuNavegacao{
	width:350px;
	height:68px;
	margin:20px -8px 20px 0;
	list-style:none;
	float:right;
	background: url(../Images/user_elementos.png) no-repeat -242px -495px; 
}
	ul.ulMenuNavegacao li{
		float:left;
		margin:0 8px;
	}

	ul.ulMenuNavegacao li a{
		text-decoration:none;
		color:#fff;
	}
	
	ul.ulMenuNavegacao li ins{
		float:left;
		margin:7px 0 0 0;
	}
		
	ul.ulMenuNavegacao li .lnkOver{
		position:absolute;
		margin:0 0 0 2px;
	}
		
	ul.ulMenuNavegacao li .lnkOver ins{
		position:relative;
		margin:-10px 0 0 0;
	}
	
	ul.ulMenuNavegacao li a span{
		display:none;
		width:101px;
		height:20px;
		position:absolute;
		padding: 5px 0 15px 0;
		margin:-25px 0 0 -105px;
		text-align:center;
		text-transform:uppercase;
		font-size:10px;
		background: url(../Images/user_elementos.png) no-repeat -766px -305px;
	}
	ul.ulMenuNavegacao li a.lnkOver span{margin:-37px 0 0 -125px;}
	
	ul.ulMenuDireito{		
		width:207px;
		float:left;
		list-style:none;
		margin-top:-15px;
		position:relative;
		z-index:3;
	}
		ul.ulMenuDireito *{list-style:none;}
	
	ul.ulMenuDireito li{}
	
	ul.ulMenuDireito li a{
		width:172px;
		height:31px;
		float:left;
		padding:7px 10px 0 5px;
		margin:0 20px 0 0;
		text-transform:uppercase;
		font-weight:bold;
		text-decoration:none;
		color:#000;
		text-align:right;
		background-color: transparent;
	}
	ul.ulMenuDireitoAzul li a{background:url(../Images/user_elementos.png) no-repeat -373px -856px;}
	
	ul.ulMenuDireito li a:hover,
	ul.ulMenuDireito li a.lnkOver{background:url(../Images/user_elementos.png) no-repeat -766px -254px;}
	
	ul.ulMenuDireitoCinza li a:hover,
	ul.ulMenuDireitoCinza li a.lnkOver{background:url(../Images/user_elementos.png) no-repeat -373px -854px;}
	
	ul.ulMenuDireitoAzul li a:hover,
	ul.ulMenuDireitoAzul li a.lnkOver{color:#fff; background:url(../Images/user_elementos.png) no-repeat -373px -808px;}
	
	.bgSombraMenuEsquerdo{
		width:26px;
		height:500px;
		position:absolute;
		top:0;
		left:206px;
		background: url(../Images/user_elementos.png) no-repeat -998px -148px;
	}
	
	.boxConteudoRight,
	.boxAzulConteudo{
		width:757px;
		float:left;
	}
	
	ul.ulMenuMiddleAzul{
		width:740px;
		height:96px;
		float:left;
		list-style:none;
		margin:0 0 20px 0;
		background: url(../Images/user_elementos.png) no-repeat 0 -376px;
	}
	
	ul.ulMenuMiddleAzul li{
		width:93px;
		float:left;
		margin:0 20px;
	}
	
	ul.ulMenuMiddleAzul li a{
		width:93px;
		height:104px;
		float:left;
		text-decoration:none;
		color:#b0c7e9;
	}
	
	ul.ulMenuMiddleAzul li a:hover,
	ul.ulMenuMiddleAzul li a.lnkOver{
		background: url(../Images/user_elementos.png) no-repeat -1044px -618px;
	}
	
	ul.ulMenuMiddleAzul li span{
		width:93px;
		float:left;
		text-transform:uppercase;
		color:#b0c7e9;
		text-align:center;		
	}
	
	ul.ulMenuMiddleAzul li a:hover span,
	ul.ulMenuMiddleAzul li a.lnkOver span{color:#3a73c7;}
	
	.boxListagemBranco{
		width:743px;
		height:93px;
		float:left;
		margin: 0 0 10px 0;
		background: url(../Images/user_elementos.png) no-repeat 0 -253px;
	}

	.boxListagemBranco span{
		float:left;
		margin:5px 30px 0 5px;
	}

	.boxListagemBranco h3{
		width:430px;
		float:left;
		font-size:12px;
		text-transform:uppercase;
		margin:5px 0 5px 0;
		color:#3A73C7;
	}
	
	.boxListagemBranco h2{
		width:430px;
		float:left;
		text-transform:uppercase;
		margin:0 0 5px 0;
	}
	
	.boxListagemBranco p{
		width:430px;
		float:left;
		line-height:15px;
		margin:0 0 5px 0;
	}
	
	ul.ulIndicadores{
		list-style:none;
		width:200px;
		float:right;
		margin: -20px 0 0 0;
	}
	
	ul.ulIndicadores li{
		width:90px;
		float:left;
		margin:0 5px 0 0;
	}
	
	.liData .iconCalendario{
		float:none;
		margin:0 auto;
		display:block;
	}
	
	ul.ulIndicadores .liData span{
		width:100%;
		float:left;
		text-align:center;
	}
	
	.liPorcentagem{
		width:90px;
		float:left;
	}
	
	.liPorcentagem span{
		width:90px;
		float:left;
		margin:5px 0 0 0;
		text-align:center;
		text-transform:uppercase;
		font-weight:bold;
		font-size:12px;
	}
	
	.boxBarraPorcentagem{
		width:90px;
		height:10px;
		float:left;
		margin:10px 0 0 0;
		background: url(../Images/user_elementos.png) no-repeat -769px -374px;
	}
		.insBarraPorcentagemLeft{
			width:10px;
			height:8px;
			float:left;
			background: url(../Images/user_elementos.png) no-repeat -764px -362px;
		}
		.insBarraPorcentagem{
			height:7px;
			float:left;
			background:#99cc00;
		}
		.insBarraPorcentagemRight{
			width:10px;
			height:8px;
			float:left;
			background: url(../Images/user_elementos.png) no-repeat -787px -362px;
		}
		
		.ins01{width:5px;}
		.ins02{width:30px;}
		.ins03{width:50px;}
		.ins04{width:75px;}
		
	.liPorcentagem .spnStatus{
		width:90px;
		float:left;
		text-align:center;
		text-transform:uppercase;
		font-weight:bold;
		font-size:11px;
	}
	
.spnCircle{
	width:24px;
	height:22px;
	position:absolute;
	padding:4px 2px 0 0;
	margin:-15px 0 0 -15px;
	text-align:center;
	color:#fff;
	background: url(../Images/user_elementos.png) no-repeat -1242px -231px;
}
	
ul.ulMeusPlanos{
	list-style:none;
	float:left;
	margin-top:30px;
}
	ul.ulMeusPlanos li{
		float:left;
		margin:0 35px 0 35px;
	}	
	
	ul.ulMeusPlanos li a{text-decoration:none;}
	
	ul.ulMeusPlanos li a span{
		display:none;
		width:101px;
		height:25px;
		position:absolute;
		padding: 0 0 15px 0;
		margin:-30px 0 0 -70px;
		text-align:center;
		text-transform:uppercase;
		font-size:10px;
		color:#fff;
		text-indent:0;
		background: url(../Images/user_elementos.png) no-repeat -766px -305px;
	}
	
.boxContainerImagem53x58{
	width:51px;
	height:55px;
	float:left;
	position:relative;
	z-index:3;
	text-align:center;
	padding:3px 0 0 2px;
	margin:-10px 0 0 10px;
	background: url(../Images/user_elementos.png) no-repeat -1186px -231px;
}
	.boxContainerImagem53x58 img{width:45px; height:44px; float:left;}
	
.boxOverlayPequenoFormata{}

	.boxOverlayPequenoFormata h3{
		position:absolute;
		width:229px;
		height:17px;
		padding:3px 0 0 70px;
		text-transform:uppercase;
		background:#d9e4f0;
		z-index:2;
	}
	
	.boxOverlayPequenoFormata .spnData{display:inline;}
	
	.boxOverlayPequenoFormata p{
		width:218px;
		float:left;
		font-size:10px;
		margin:23px 0 0 8px;
		line-height:15px;
	}
	
/*editar perfil - dados pessoais*/
.divShow{display:block;}
.divHide{display:none;}

ul.ulMenuEditarPerfil{
	list-style:none;
	width:936px;
	height:46px;
	float:left;
	margin:25px 0 20px -7px;
	padding: 0 0 0 28px;
	background:#e2e4e6;
}

	ul.ulMenuEditarPerfil li{
		float:left;
		margin:0 0 0 10px;
	}
	
	ul.ulMenuEditarPerfil li a{
		float:left;
		text-decoration:none;
		text-transform:uppercase;
		color:#333;
		font-size:11px;
		font-weight:bold;
	}
	
	.bgMenuMedio{
		width:190px;
		height:22px;
		float:left;
		padding: 10px 0 0 0;
		margin:7px 0 0 0;
		background:url(../Images/user_elementos.png) no-repeat -649px -563px;
	}	
	.bgMenuMedioOver{
		width:190px;
		height:36px;
		float:left;
		padding: 16px 0 0 0;
		margin:0;
		background:url(../Images/user_elementos.png) no-repeat -649px -621px;
	}
	
	.bgMenuGrande{
		width:260px;
		height:22px;
		float:left;
		padding: 10px 0 0 0;
		margin:7px 0 0 0;
		background:url(../Images/user_elementos.png) no-repeat -649px -678px;
	}
	.bgMenuGrandeOver{
		width:260px;
		height:36px;
		float:left;
		padding: 16px 0 0 0;
		margin:0;
		background:url(../Images/user_elementos.png) no-repeat -649px -738px;
	}
	
	.icoMenuDadosPessoais,
	.icoMenuFormacao,
	.icoMenuExperienciaProfissional,
	.icoMenuInteresses{
		width:75px;
		height:75px;
		float:left;
		text-indent:-90000em;
		overflow:hidden;
		position:relative;
		background-image: url(../Images/user_elementos.png);
		background-repeat: no-repeat;
		background-color: transparent;
	}
	
	.bgMenuMedio ins,
	.bgMenuGrande ins{margin-top:-28px;}
	
	.bgMenuMedioOver ins,
	.bgMenuGrandeOver ins{margin-top:-28px;}
	
	.icoMenuDadosPessoais{background-position: 0 -800px;}
	
	.bgMenuMedioOver .icoMenuDadosPessoais,
	.bgMenuGrandeOver .icoMenuDadosPessoais{background-position: 0 -876px;}
	
	.icoMenuFormacao{background-position: -95px -800px;}
	
	.bgMenuMedioOver .icoMenuFormacao,
	.bgMenuGrandeOver .icoMenuFormacao{background-position: -95px -876px;}
	
	.icoMenuExperienciaProfissional{background-position: -185px -800px;}
	
	.bgMenuMedioOver .icoMenuExperienciaProfissional,
	.bgMenuGrandeOver .icoMenuExperienciaProfissional{background-position: -185px -876px;}
	
	.icoMenuInteresses{background-position: -272px -800px;}
	
	.bgMenuMedioOver .icoMenuInteresses,
	.bgMenuGrandeOver .icoMenuInteresses{background-position: -272px -876px;}
	
	.boxDadosPessoais,
	.boxExperiencia,
	.boxInteresses{width:950px; float:left; margin-bottom:10px; *padding-bottom:30px;}
		
	.divConteudoBoxGrande,
	.boxFormacao{
		width:966px; 
		float:left; 
		margin-bottom:10px; 
		*padding-bottom:30px;
	}
		.divConteudoBoxGrande .ulMenuDireito,
		.boxFormacao .ulMenuDireito{margin:10px 0 0 -7px;}	
	
	.divEditarPerfil .boxExperiencia .hList{width:100%;}
	
	
	.boxNovoObjeto .hList,
	.divEditarPerfil .hList{
		width:97%; 
		float:left;
		margin:10px 0;
	}
	
	/*formulario*/
	.fdsForm{
		width:950px;
		float:left;
		margin:0 0 10px 0;
	}
	
	.fdsMedio{width:367px;}
	
	.fdsMaior{width:561px; margin-bottom:0;}
	
		.fdsMaior .boxLeft{width:265px; float:left;}
		
		.fdsMaior .boxMargin{margin:0 25px 0 0;}
	
	.fdsFoto{
		width:135px;
		float:right;
		margin:17px 15px 0 0;
	}	
		.fdsFoto img{
			width:130px; 
			height:160px;
			float:right;
			border:solid 2px #eee;
		}
		.fdsFoto a{
			margin-right:22px;
		}
	
	.divLeft,
	.divRight{width:367px;float:left;}
	
	.divRight{
		width:573px;
		float:left;
		margin:0 0 0 10px;
	}
		/*inputs*/
		.txtForm {
			float:left;
			margin:0 0 10px 0;
			border:none;
			padding:3px;
			color:#666;
			background-image:url(../Images/user_elementos.png);
			background-repeat: no-repeat; 
			background-color:transparent;
		}
		.txtForm110x22{
			width:110px;
			height:17px;
			background-position: -1148px -31px;
		}
		.txtForm201x22{
			width:195px;
			height:17px;
			background-position: -1148px 0;
		}
		.txtForm265x22{
			width:265px;
			height:17px;
			background-position: -1362px -56px;
		}
		.txtForm340x22{
			width:333px;
			height:17px;
			background-position: -1739px -62px;
		}
		.txtForm350x22{
			width:350px;
			height:17px;
			background-position: -1362px -30px;
		}
		.txtForm366x22{
			width:358px;
			height:18px;
			background-position: -1362px 0;
		}
		.txtForm495x22{
			width:495px;
			height:17px;
			background-position: -1739px -30px;
		}
		.txtForm555x22{
			width:555px;
			height:17px;
			background-position: -1739px 0;
		}
		.txtForm265x60{
			width:265px;
			height:60px;
			background:#fff none;
			border:solid 1px #b9c0cb;
		}
		.txtForm195x60{
			width:195px;
			height:60px;
			background:#fff none;
			border:solid 1px #b9c0cb;
		}
		.txtForm555x60{
			width:555px;
			height:60px;
			background:#fff none;
			border:solid 1px #b9c0cb;
		}
	
		/*select*/
		.divDD265{
			width:265px;
			float:left; 
			margin-bottom:10px;
			position:relative;
		}
		
		.divDD265 span
		{
		    width:230px;
		    height:17px;
		    z-index:3;
		    position:absolute;
		    left:0;
		    padding: 5px 2px;
		    *padding: 10px 2px 0 2px;
		    font-size:9px;
		    white-space:nowrap;
		    overflow:hidden;
		}
		.divDD265 select
		{
		    width:265px;
		    height: 22px;
		    position: relative;
		    float: left;
		    opacity: 0.0;
		    filter: alpha(opacity=00);
		    z-index: 4;
		    background: transparent;
		}
		.divDD265 ins
		{
		    width: 265px;
		    height: 22px;
		    position: relative;
		    float: left;
		    z-index: 0;
		    margin:-21px 0 0 0; 
		    background: url(../Images/user_elementos.png) no-repeat -1px -977px;
		}
			
		.divDD205{
			width:205px;
			float:left; 
			margin-bottom:10px;
			position:relative;
		}
		
		.divDD205 span
		{
		    width:175px;
		    height:17px;
		    z-index:3;
		    position:absolute;
		    left:0;
		    padding: 5px 2px;
		    *padding: 10px 2px 0 2px;
		    font-size:9px;
		    white-space:nowrap;
		    overflow:hidden;
		}
		.divDD205 select
		{
		    width:205px;
		    height: 22px;
		    position: relative;
		    float: left;
		    opacity: 0.0;
		    filter: alpha(opacity=00);
		    z-index: 4;
		    background: transparent;
		}
		.divDD205 ins
		{
		    width: 205px;
		    height: 22px;
		    position: relative;
		    float: left;
		    z-index: 0;
		    margin:-21px 0 0 0; 
		    background: url(../Images/user_elementos.png) no-repeat -1px -1007px;
		}
		
			
		/*labels*/
		.fdsForm label{
			width:100%;
			float:left;
			margin:0 0 5px 0;
			text-transform:uppercase;
			font-weight:bold;
			font-size:10px;
		}

		.fdsDadosPessoais label{width:55%;}
		
		.fdsDadosPessoais label.lblMaior{width:100%;}
		
		.fdsRadio{
			min-width:201px;
			float:left;
		}
		
		.fdsRadio label{
			width:auto; 
			min-width:70px;
			margin-right:5px;
			font-weight:normal;
			font-size:9px;
		}
		
		.fdsRadio label input{display:inline;}
		
		/*botes*/
		.boxBotoes{
			position:absolute; 
			bottom:12px;
			right:95px;
		}
		.btnAvancar{
			position:absolute; 
			bottom:15px;
			right:0;
		}
		
		/*icone*/	
		.tooltip,
		.boxIconePosition span,
		.boxIcone span{
			display:none;
			width:101px;
			height:22px;
			position:absolute;
			padding: 2px 0 15px 0;
			margin:-35px 0 0 -105px;
			text-align:center;
			text-transform:uppercase;			
			font-size:9px;
			color:#fff;
			z-index:5;
			background: url(../Images/user_elementos.png) no-repeat -766px -305px;
		}
		.tooltip53,
		.boxIcone53 span{
			width:53px;
			height:10px;
			margin-left:-38px;
			font-size:9px;
			z-index:5;
			background-position: -767px -398px;
		}	
		.tooltip90,	
		.boxIcone90 span{
			width:90px;
			height:10px;
			margin-left:-70px;
			background-position: -767px -460px;
		}
		.tooltip105,
		.boxIcone105 span{
			width:105px;	
			margin-left:-75px;		
			background-position: -864px -452px;
		}
		.tooltip{z-index:350; margin:-35px 0 0 -45px;}

		/*paginacao*/
		.boxPaginacao{
			min-width:170px;
			float:right;
		}
		
		.boxPaginacao span{
			float:right;
			margin:10px 20px 10px 0;
			text-transform:uppercase;
			font-weight:bold;
			font-size:10px;
		}
		
		.divPaginacao{
		    clear:both;
		    float:right;   
		    text-align:center; 
		    margin:5px 20px 15px 0;
		}    
	    .divPaginacao a{
	        float:left;
	        text-decoration:none;
	        color:#666;
	        padding:0 3px;  
	        margin:0 3px;
	        border:solid 1px #dedede;
	        background:#f7f7f7;
	    }    
	    .divPaginacao a.lnkOver
	    {
	        color:#fff; 
	        background:#268DC7; 
	    }

	.fdsRedes .txtForm201x22{margin:10px 0 0 24px;}
	
	.fdsRedes .boxIcone{margin-top:5px; margin-bottom:5px;}
	
	.divEditarPerfil .hEndereco{margin-top:6px; *margin-top:10px;}
		

/*editar perfil - formação*/
.boxBotoesNovoObjeto,
.boxBotoesInteresses,
.boxBotoesDadosPessoais,
.boxBotoeNovaFormacaoAcademica,
.boxBotoesNovaExperiencia,
.boxBotoeNovaFormacaoExtracurricular,
.boxBotoeNovaFormacao,
.boxBotoesFormacao{
	clear:both;
	*clear:none;
	min-width:220px;
	float:right;
	position:relative; 
	right:0;
	margin:20px 0 0 0;
}
	.boxBotoeNovaFormacao{*margin-top:15px;}
	.boxBotoeNovaFormacaoExtracurricular{margin-top:-20px; *margin-top:30px;}
	.boxBotoeNovaFormacaoAcademica{*margin-top:85px;}

.boxNovaEdicao{
	width:733px;
	float:left;
	margin:10px 0 0 0;
}
	.boxExperiencia .boxNovaEdicao{width:948px;}

.lnkNovaEdicao{
	float:right;
	margin:0 0 10px 0;
	color:#dd0000;
	text-decoration:none;
	text-transform:uppercase;
	text-indent:5px;
	font-weight:bold;
}
.lnkNovaEdicao:hover{text-decoration:underline;}

	.lnkNovaEdicao ins{margin-top:-3px;}


.boxNovaEdicao fieldset{
	clear:both;
	display:none;
	width:713px;
	height:197px;
	float:left;
	margin:10px 0 0 0;
	padding:10px;
	background: url(../Images/box733x217.png) no-repeat 0 0;
}
	.boxNovaEdicao .fdsDuasColunas{
		width:653px;
		padding:10px 0 10px 85px;
	}
	
	.boxNovaEdicao .fds948{
		width:948px;
		padding:0;
		margin:0 0 20px 0;
		background:none;
	}

	.divPeriodo{
		width:265px;
		float:left;
		*padding-top:10px;
	}
	.divPeriodo label{
		width:100%;
		float:left;
	}	
	.divPeriodo span{	
		width:20px;
		float:left;
		margin:3px 5px 0 5px;
		text-align:center;
	}

.divTransparencia733{
	width:733px;
	float:left;
	margin:0 0 15px 0;
	padding:0 0 5px 0;
	border-bottom:dotted 1px #666;
}

.divTransparencia733 h3{
	width:100%;
	float:left;
	text-transform:uppercase;
	color:#268DC7;
}

.divTransparencia733 h2{
	width:100%;
	float:left;
	margin:0 0 10px 0;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
}

.divTransparencia733 p{
	width:100%;
	float:left;
	margin:0 0 5px 0;
	font-size:10px;
}

.divTransparencia733 .spnPais{
	float:left;
	color:#666;
	margin:0 5px 0 0;
	text-transform:uppercase;
	font-size:10px;
}

.divTransparencia733 .spnData{
	float:left;
	color:#666;
	margin:0 5px 0 0;
	text-transform:uppercase;
	font-size:10px;
}

	ul.ulBtAcoes{
		list-style:none;
		float:right;
	}
		ul.ulBtAcoes li{
			float:left;
			margin-right:10px;
		}

		ul.ulBtAcoes a{text-decoration:none; color:#fff;}

.divTransparencia948{
	width:948px;
	float:left;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	border-bottom:dotted 1px #666;
}
	.divTransparencia948 h3{
		width:100%;
		float:left;
		text-transform:uppercase;
		color:#268DC7;
	}
	
	.divTransparencia948 h2{
		width:100%;
		float:left;
		margin:0 0 10px 0;
		font-size:10px;
		font-weight:normal;
		text-transform:uppercase;
	}
	
	.divTransparencia948 p{
		width:100%;
		float:left;
		margin:0 0 5px 0;
		font-size:10px;
	}

	/*tabela padrao*/	        
	.tblGrid {
		clear:both;
		position:relative;
		margin:0 auto;
		font-size:11px;
		border-collapse:separate;
	}
	    .tblGrid710{width:710px;}
	
		.boxNovaEdicao .tblGrid {margin-top:10px;}
		
	.tblGrid tr {
		position:relative;
	}
	.tblGrid th {
		color:#fff;
		height:30px;
		position:relative;
		/*border:solid 1px #666;*/
		background-color:#268DC7;
	}
	.boxNovaEdicao .tblGrid th{height:20px;}
	
	.tblGrid th a {
		color:#081923;
		text-decoration:none;
	}
	.tblGrid th a:hover {
		text-decoration:underline;
	}
	.tblGrid td {
		color:#112E3E;
		padding:2px;
		height:21px;
		position:relative;
		text-transform:uppercase;
		/*border:solid 1px #666;*/
		word-wrap:break-word;
	}
	.boxNovaEdicao .tblGrid td{height:20px;}
	
	.tblGrid td input{display:block; margin:0 auto;}
	
	.tblGrid td a {
		color:#112E3E;
		text-decoration:none;
	}
	.tblGrid td a:hover {
		text-decoration:underline;
	}
	.tblGrid .trGridColor_01 td {
		background-color:#eee;
	}
	.tblGrid .trGridColor_02 td {
		background-color:#F9F9F9;
	}

/*idioma*/
.novoIdioma{display:none;}
	.boxLeftIdioma label.novoIdioma{margin-left:75px;}

.boxLeftIdioma{float:left;}
	.boxLeftIdioma label{width:auto; margin:5px 15px 0 0;}
	
ul.ulIdiomas{
	list-style:none;
	float:left;
	margin:5px 0;
}

	ul.ulIdiomas li{
		float:left; 
		margin:0 10px 0 0;
		text-transform:uppercase;
	}
	
	ul.ulIdiomas li span,
	ul.ulIdiomas li strong{
		float:left; 
		margin:0 5px 0 0;
		font-size:10px;
	}
	
	ul.ulIdiomas li strong{color:#666;}
	
	
/*experiencia profissional*/
.boxUmaColuna948{
	width:735px;
	padding-left:210px;
}

/*interesses*/
.fdsScroll{float:left}

	.fdsScroll ul{
		list-style:none;
		width:475px;
		float:left;
	}
	
	.fdsScroll ul li{
		text-transform:uppercase;
		font-size:10px;
		display:inline-block;
		margin:0 0 5px 0;
	}
	
/*contador*/
.boxContador
{
    clear:both;
    min-width:220px;
    float:left;
    text-transform:uppercase;        
}
    .boxContador p{float:left; margin:0 3px; font-size:10px;}
	
/*crop*/
.boxBotoesCrop{
	position:absolute;
	width:175px;
	top:255px;
	left:-13px;
}
	.boxBotoesCrop input{margin:0 3px;}

#boxOverlayCrop
{
    width: 760px;
    float: left;
    display: none;
    position: absolute;
    margin-top: 9px;
    margin-left: 20em;
    top: 0;
    left: 50%;
    padding: 5px;
    z-index: 300;
}
#boxOverlayCrop div{float: left;}

	#boxOverlayCrop div.jcrop-holder{float: right;}
	
	#boxOverlayCrop div.jcrop-holder div{float:none;}

#boxOverlayCrop .divInstrucoes
{
    clear: both;
    width: 575px;
    float: right;
    padding: 10px;
    margin: 0 0 10px 150px;
    border: solid 3px #248AC8;
    background: #fff;
}
.divInstrucoes h3
{
    color: #333;
    font-size: 11px;
    margin: 0 0 5px 0;
}
.divInstrucoes p
{
    color: #666;
    font-size: 10px;
}

#myPreview
{
    width: 140px;
    height: 170px;
    float: left;
}

#myImage{float:right;}

.jcrop-holder
{
    float: left;
    margin: 0 0 0 10px;
}
.jcrop-handle {
    background-color: #333333;
    border: 1px solid #EEEEEE;
    font-size: 1px;
    height: 7px !important;
    width: 7px !important;
}
    
    
#divOverlayFoto
{
    position:absolute;
    top:0;
    left:0;
    z-index:999;    
}

/*meus planos*/
.ulMenuDireitoMeusPlanos ins{
	margin-top:-16px;
}
ul.ulMenuDireitoMeusPlanos li a{margin-bottom:10px;}

ul.ulMenuHorizontalAzul{
	list-style:none;
	width:555px;
	height:77px;
	float:left;
	position:relative;
	z-index:1;
	background: url(../Images/user_elementos.png) no-repeat -1152px -612px;
}
	.ulMenuHorizontalAzul li{
		float:left;
		margin:11px 0 0 11px;
	}
	.ulMenuHorizontalAzul li a{
		text-decoration:none;
		float:left;
		color:#333;
		text-transform:uppercase;
		font-size:11px;
	}
	
	.ulMenuHorizontalAzul li a ins{
		float:left;
	}
	.ulMenuHorizontalAzul li a span{
		margin-left:-20px;
		text-align:right;
		font-size:14px;
		font-weight:bold;
	}
	
	.ulMenuHorizontalAzul li .bgLnkMenuGrande{
		width:204px;
		height:24px;
		float:left;
		padding:10px 10px 0 0;
		margin-top:10px;
		background:url(../Images/user_elementos.png) no-repeat -374px -1255px;
	}	
	.ulMenuHorizontalAzul li .lnkOver .bgLnkMenuGrande{
		height:39px;
		padding-top:15px;
		margin-top:0px;
		background-position: -375px -1112px;
	}
	
	.ulMenuHorizontalAzul li .bgLnkMenu{
		width:184px;
		height:24px;
		float:left;
		padding:10px 10px 0 0;
		margin-top:10px;
		background:url(../Images/user_elementos.png) no-repeat -374px -1303px;
	}
	.ulMenuHorizontalAzul li .lnkOver .bgLnkMenu{
		width:170px;
		height:39px;
		padding-top:15px;
		margin-top:0px;
		background-position: -375px -1171px;
	}

.faixaMenuHorizontal{
 	width:754px;
 	height:12px;
 	position:relative;
 	float:right; 
 	margin-top:-12px;
 	z-index:0;
 	background:#2C90C8;	
}

ul.ulMenuAcoes{
	list-style:none;
	float:right;
}
	ul.ulMenuAcoes li{
		float:left;
		margin:0 19px;
	}
	ul.ulMenuAcoes li a{text-decoration:none;}

.boxFiltrosVerde{
	width:750px;
	float:left;
	padding:9px 0 8px 7px;
	*margin-top:-15px;
	background:#bbda60;
}

	.boxFiltrosVerde .divDD205{margin:0;}

	.boxFiltrosVerde .fdsCheck{
		float:left;
		margin:7px 0 0 15px;
		*margin-top:3px;
	}

	.boxFiltrosVerde .fdsCheck label{
		float:left;
		margin:0 15px 0 0;
		font-size:10px;
		text-transform:uppercase;
	}
	
	
.boxListagemMeusPlanos{
	width:757px;
	float:left;
	padding:0 0 10px 0;
	background:#dde3eb;
}	
	
.divTransparencia700{
	width:690px;
	float:left;
	margin:10px 0 10px 28px;	
	padding:0 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:relative;
	background:#d7dce2;
}
.divTransparencia700:hover{background:#f6f8fa;}
	
	.divTransparencia700 ins{
		float:left;
		margin:5px 5px 0 0;
	}
	
	.divTransparencia700 h3{
		width:515px;
		float:left;
		margin:5px 0 5px 0;
		text-transform:uppercase;
		font-size:12px;
		color:#333;
	}
	.divTransparencia700:hover h3{color:#2e405d;}
	
	.divTransparencia700 h3 span{font-weight:normal;}
	
	.divTransparencia700 h2{
		width:515px;
		float:left;
		margin:0 0 5px 0;
		text-transform:uppercase;
		font-size:10px;
		color:#636364;
	}
	
	.divTransparencia700 p{
		width:660px;
		float:left;
		margin:0 0 5px 10px;
		text-transform:uppercase;
		font-size:10px;
		color:#636364;
	}
	
	.divTransparencia700 ul.ulIcones{
		list-style:none;
		float:right;
	}
	ul.ulIcones li {float:left;}
	
	ul.ulIcones li a{text-decoration:none;}
	
	ul.ulIcones li.liOver{display:none;}
	.divTransparencia700:hover ul.ulIcones li.liOver{display:inline;}
	
.boxIndicadoresMeusPlanos{
	width:370px;
	float:right;
	margin:-35px 5px 0 27px;
}
	.boxConteudoIndicadores{
		width:370px;
		float:right;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding:0 0 0 5px;
		background:#3A72C7;
	}
	
/*editar planos*/
.boxEditarMeusPlanos{
	width:961px;
	height:654px;	
	display:none;
	margin:0 auto;
	position:absolute;
	top:20px;
	left:50%;
	padding:10px;
    margin-left:-490px;
    z-index:251;
	background: url(../Images/bgOverlayTransparente.png) no-repeat 0 0;
}
	.boxBrancoEditarPlanos{
		width:961px;
		height:651px;
		background:#fff;
	}

.boxHeaderOverlayPlanos{
	width:961px;
	height:59px;
	float:left;
	margin:0 0 3px 0;
	background: url(../Images/user_elementos.png) no-repeat -1732px -669px;
}
.bgFaixaAzulOverlayPlanos{
	width:961px;
	height:41px;
	float:left;
	background: url(../Images/user_elementos.png) no-repeat -1732px -611px;
}
	
	.boxHeaderOverlayPlanos h3{
		max-width:270px;
		font-size:17px;
		float:left;
		color:#333;
		margin:20px 10px 0 10px;
		text-transform:uppercase;
	}
	
	.boxHeaderOverlayPlanos h2{
		max-width:200px;
		float:left;
		margin:0 10px 0 0;
		padding:20px 0 0 0;
		text-transform:uppercase;
		color:#333;
		font-size:14px;
		font-weight:normal;
	}
	.boxHeaderOverlayPlanos h2 ins{margin-top:-20px; margin-right:5px;}
	
.spnIndicadorPorcentagem{
	float:right;
	font-size:18px;
	color:#333;
	text-transform:uppercase;
	margin:12px 5px 0 0;
}
	
.boxBarraPorcentagemAzul{
	width:200px;
	height:15px;
	float:right;
	margin:15px 10px 0 0;
	padding:1px 0 0 0;
	background: url(../Images/user_elementos.png) no-repeat 0 -576px;
}
	.bgPorcentagemAzulRight,
	.bgPorcentagemAzulLeft{
		width:5px;
		height:12px;
		float:left;
		background-image: url(../Images/user_elementos.png);
		background-repeat: no-repeat;
	}
	.bgPorcentagemAzulLeft{background-position: 0 -597px;}
	.bgPorcentagemAzulRight{background-position: -194px -597px;}
	
	.bgPorcentagemAzul{		
		height:12px;
		float:left;
		background-image: url(../Images/user_elementos.png);
		background-repeat: no-repeat;
		background-position: -5px -597px;
	}
	
	.bgPorcentagemAzul01{width:10px;}
	.bgPorcentagemAzul02{width:50px;}
	.bgPorcentagemAzul03{width:100px;}
	.bgPorcentagemAzul04{width:150px;}
	.bgPorcentagemAzul05{width:190px;}
	
.btnFecharDireita{
	width:35px;
	height:39px;
	float:right;
	text-indent:-90000em;
	overflow:hidden;
	position:relative;
	margin:10px -4px 0 0;
	background: url(../Images/user_elementos.png) no-repeat -1358px -1037px;
}
	
.boxConteudoOverlayPlanos{}

	.boxConteudoOverlayPlanos ul{list-style:none;}

.titPlanoAula{}

.boxIndicador{
	width:70px;
	float:left;
	margin-right:5px;
}
	.boxIndicadorTop{
		width:70px;
		height:15px;
		float:left;
		background:url(../Images/user_elementos.png) no-repeat -224px -576px;
	}
	.boxIndicadorMiddle{
		width:70px;
		float:left;
		min-height:498px;
		background:#99cc00;
	}
	.boxIndicadorBottom{
		width:70px;
		height:15px;
		float:left;
		background:url(../Images/user_elementos.png) no-repeat -224px -597px;
	}
		
	ul.ulIndicadoresPlanos{
		list-style:none;
		float:left;
		width:70px;
	}
	ul.ulIndicadoresPlanos li{float:left;}

	ul.ulIndicadoresPlanos li span{
		width:70px;
		float:left;
		color:#4c6600;
		text-align:center;
		margin:3px 0;
		text-transform:uppercase;
		font-size:13px;
	}

	ul.ulIndicadoresPlanos li .spnObjetos{
		width:70px;
		float:left;
		font-size:50px;
		font-weight:bold;
		color:#fff;
		text-align:center;
		line-height:35px;
	}
	
	ul.ulIndicadoresPlanos li .iconMinutos{
		width:50px;
		height:53px;
		float:left;
		margin:0 0 0 15px;
		text-indent:-90000em;
		overflow:hidden;
		background:url(../Images/user_elementos.png) no-repeat -1289px -231px;
	}
	
	ul.ulIndicadoresPlanos li .iconCalendarioBranco{
		width:49px;
		height:49px;
		float:left;
		margin:0 0 0 15px;
		text-indent:-90000em;
		overflow:hidden;
		background:url(../Images/user_elementos.png) no-repeat -1356px -231px;
	}
	
h3.titPlanoAula{
	float:left;
	position:relative;
	margin:-30px 0 0 5px;
	font-size:18px;
	color:#fff;
	text-transform:uppercase;
	font-weight:normal;
}
ul.ulAbas{
	list-style:none;
	width:495px;
	height:45px;
	float:right;
	margin:-30px 0 0 0;
	position:relative;
}
	ul.ulAbas li{float:right;}
	
	ul.ulAbas li a{	
		height:22px;
		float:left;
		padding:10px 0 0 0;
		margin:0 5px;
		color:#7b7b7b;
		font-weight:bold;
		text-transform:uppercase;
		text-align:center;
		text-decoration:none;
		font-size:9px;
	}
	
	ul.ulAbas li a:hover,
	ul.ulAbas li a.lnkOver{
		width:130px; 
		margin:0;
		color:#fff; 
		background:url(../Images/user_elementos.png) no-repeat -1171px -95px;
	}
		
.boxConteudoOverlayPlanos{
	clear:both;
	width:961px;
	float:left;
}
			
.boxPlanos{
	width:440px;
	float:left;
	margin:0 10px 0 3px;
	position:relative;
	z-index:2;
}
	.boxListagemPlanosOverlay{		
		width:440px;
		height:480px;
		float:left;
		position:relative;
		overflow-y:auto;
		overflow-x:hidden;
		z-index:-1;
	}

ins.bgMeusPlanosEdit{
	width:450px;
	height:537px;
	position:absolute;
	top:128px;
	left:83px;
	background:url(../Images/bgMeusPlanosEdit.png) no-repeat 0 0;
}
	ul.ulMenuPlanos{
		list-style:none;
		float:right;
		margin:5px 0 10px 0;
	}
		ul.ulMenuPlanos li{float:left;}

		ul.ulMenuPlanos li a{text-decoration:none;}

.boxPesquisaPlanos{
	width:430px;
	float:left;
}
	.boxDegrade420 ins, 
	.boxDegrade430 ins{
		z-index:1;
	}

	.boxDegrade430 ins{margin-top:-5px;}

	.boxDegrade430 .divDD205 ins{margin-top:-21px;}

	.boxDegrade420 .divContainerObjeto, 
	.boxDegrade430 .divContainerObjeto{
		width:100px;
		height:80px;
		float:left;
		position:relative;
		margin:0 0 0 -22px;
		z-index:0;
	}
	
	.boxDegrade420 .boxHeaderObjetos,
	.boxDegrade430 .boxHeaderObjetos{
		width:307px;
		height:17px;
		float:left;	
		padding:3px 0 0 3px;
		margin:0 0 5px 0;
		background:#d9e4f0;	
	}
	.boxDegrade430 .boxHeaderObjetos{width:317px;}	
	
		.boxDegrade420 .boxHeaderObjetos h3,
		.boxDegrade430 .boxHeaderObjetos h3{
			max-width:220px;
			float:left;
			text-transform:uppercase;
			font-size:10px;
		}
	
		.boxDegrade420 .boxHeaderObjetos span,
		.boxDegrade430 .boxHeaderObjetos span{
			/*max-width:70px;*/
			float:right;
			font-size:10px;
		}
		
		.boxDegrade420 .boxHeaderObjetos span.boxIcone,
		.boxDegrade430 .boxHeaderObjetos span.boxIcone{max-width:none;}
		
		.boxDegrade420 .boxHeaderObjetos span.boxIcone span,
		.boxDegrade430 .boxHeaderObjetos span.boxIcone span{z-index:999;}
		
		ul.ulAcoes{
			display:none;
			width:80px;
			float:right;
			margin:0 0 0 5px;
		}
		ul.ulAcoes li{width:20px; float:right; display:inline;}
		ul.ulAcoes li a{float:left; text-decoration:none;}
	
		.divResultadoPesquisaPlanos .boxHeaderObjetos:hover ul.ulAcoes,
		.boxPlanos .boxHeaderObjetos:hover ul.ulAcoes{display:inline-block;}
	
		.divResultadoPesquisaPlanos .boxHeaderObjetos:hover ul.ulAcoes:hover{display:inline;}
		.divResultadoPesquisaPlanos .boxHeaderObjetos:hover ul.ulAcoes .liOver{display:none;}
	
	.boxDegrade420 p,
	.boxDegrade430 p{
		width:307px;
		float:left;
		font-size:10px;
		line-height:11px;
		margin:0 0 5px 3px;
	}
	
	ul.ulIndicadoresEstrela{
		width:90px;
		float:left;
		margin:0 0 5px 3px;
	}
		ul.ulIndicadoresEstrela li{float:left;}
	
	.icoEstrelaPreenchido,
	.icoEstrela{
		width:16px;
		height:14px;
		float:left;
		text-indent:-90000em;
		overflow:hidden;
		background-image: url(../Images/user_elementos.png);
		background-repeat: no-repeat;
		background-color:transparent;	
	}
		.icoEstrelaPreenchido{background-position:-649px -910px;}
		.icoEstrela{background-position:-670px -910px;}
		
	.icoRostoPreenchido,
	.icoRosto{
		width:16px;
		height:15px;
		float:left;
		text-indent:-90000em;
		overflow:hidden;
		background-image: url(../Images/user_elementos.png);
		background-repeat: no-repeat;
		background-color:transparent;	
	}
		.icoRostoPreenchido{background-position:-649px -937px;}
		.icoRosto{background-position:-671px -937px;}

.divFiltrosPesquisa .btnAzul80x28{margin:0;}
.divFiltrosPesquisa .txtForm340x22{margin-left:3px;}

.divFiltrosPesquisa .fdsCheck{
	width:420px;
	float:left;
	margin:0 0 10px 3px;
	border-bottom:solid 1px #c0c7ce;
}
	.divFiltrosPesquisa .fdsCheckMaior{border-bottom:none; margin-bottom:0;}

.divFiltrosPesquisa .fdsCheck h3{
	text-transform:uppercase;
}

.divFiltrosPesquisa .fdsCheck label{
	display:inline;
	margin:0 2px 5px 0;
	font-size:10px;
	*font-size:8px;
	text-transform:uppercase;
}
	.divFiltrosPesquisa .fdsCheckMaior label{width:138px;}

.divFiltrosPesquisa .fdsCheck label input{margin:0;}

.laranja{color:#f99656;}
.roxo{color:#8f6db6;}
.azul{color:#4990fd;}
.verde{color:#c2c377;}
.verdeEscuro{color:#478f91;}
.vermelhoEscuro{color:#b0494b;}
.rosa{color:#d44991;}

.fdsPlanosPublicados .divDDForm,
.fdsMeusPlanos .divDDForm{margin:0 4px 10px 4px;}

.divResultadoPesquisaPlanos{float:left;}

/*meus objetos*/
.boxFiltrosVerde957{
	width:957px;
	float:left;
	padding:9px 0 10px 7px;
	margin:10px 0 10px -7px;
	border-bottom:dotted 1px #ccc;
	background:#bbda60;
}
	.boxFiltrosVerde957 fieldset{
		float:left;
		margin:0 5px 0 10px;
	}
	.boxFiltrosVerde957 fieldset label{margin:3px 0 0 0;}
	
	.boxFiltrosVerde957 .txtForm{*margin-left:-10px;}

	.boxDegrade937 ins{
		margin-top:3px;
		position:relative;
		z-index:5;
	}

	.boxDegrade937 .divContainerObjeto{
		width:100px;
		height:80px;
		float:left;
		position:relative;
		margin:0 0 0 -29px;
		z-index:0;
	}
	
	.boxDegrade937 .boxConteudoObjetos{
		width:827px;
		float:left;
	}
	
	.boxDegrade937 .boxHeaderObjetos{
		width:823px;
		float:left;
		height:17px;
		float:left;	
		padding:3px 0 0 10px;
		margin:0 0 5px 0;
		background:#d9e4f0;
	}
		
	.boxDegrade937 .boxHeaderObjetos h3{
		float:left;
		text-transform:uppercase;
		font-size:11px;
	}
	
	.boxDegrade937 .boxHeaderObjetos ul.ulAcoes{margin-top:-5px;}
	
	.boxDegrade937 .boxHeaderObjetos:hover ul.ulAcoes{display:inline;}
	
	.boxDegrade937 p{
		width:818px;
		float:left; 
		line-height:14px;
		margin:0 0 5px 10px;
	}
	
	ul.ulIndicadores{
		list-style:none;
		width:90px;
		float:left;
		margin:10px 0 5px 10px;
	}
	ul.ulIndicadores li{width:10px;float:left;}
	
	
	.boxDegrade937 .icoSeta{display:none; position:absolute; margin-top:5%; right:10px;}
	
	.boxDegrade937 .boxHeaderObjetos:hover .icoSeta{display:block;}
	
/*novo objeto*/
.btnUploadObjetos{margin:-3px 170px 0 0;}

.fdsCheckbox{
	width:560px;
	float:left;
}

.fdsCheckbox label{
	width:170px;
	float:left;
	font-weight:bold;
	margin: 0 10px 7px 0;
}
	
.boxBotoesNovoObjeto{margin-top:40px;}

.boxContadorNovoObjeto{clear:none; margin-top:-27px;}
Alura Desenvolvimento Front-End React Do primeiro componente à liderança técnica! HTML/CSS/JavaScript fundamental, React com hooks e...

2 Respostas

drsmachado
drsmachado

Como está tua estrutura de diretórios e arquivos. Onde ficam os .js e .css e onde e como são feitas as chamadas?
Por exemplo, nesta estrutura

-WebContent
--js
---script.js
--css
---style.css
--index.jsp

A chamada dos js e css no index.jsp deve ser

<script src="js/script.js">
<link href="css/style.css">

Pode mostrar como estão?

P
pjava

A questão é a seguinte. Como eu faço pausar uma imagem qualquer de deentro do arquivo user_elementos.png? Lá tem várias imagens e percebi que a pessoa que fez essa página consegue extrair apenas uma imagem para usar, pois lé tem vários botões, banners e etc… Se eu tão somente souber usar dessa forma, resolverei um montão de dificuldades que eu tenho no momento.

Criado 7 de junho de 2011
Ultima resposta 7 de jun. de 2011
Respostas 2
Participantes 2

Topicos relacionados

Compilar e executar uma classe java pelo prompt do windows 13 respostas [RESOLVIDO] Como executar função JavaScript após página carregada 13 respostas Java.lang.OutOfMemoryError: Java heap space - Como resolver? 11 respostas Como consultar CPF na Receita Federal usando Web Service? 22 respostas Como acessar localhost de forma externa? [RESOLVIDO] 13 respostas
Alura POO: o que é programação orientada a objetos? Aprenda os conceitos básicos da programação orientada a objetos, como classes, objetos, herança, encapsulamento e polimorfismo, com exemplos.
Casa do Codigo JavaScript Assertivo: Testes e qualidade de codigo em... Por Gabriel Ramos — Casa do Codigo