
/*
AJUDA:
body - todas as tags 'body': <body>
.cleaner - todas as classes 'cleaner': <p class="cleaner">
#header - todos os id 'header': <p id="header">
*/

/*destaques CE*/
#cateditorial {
  	width: 460px;
  	margin-left: auto;
  	margin-right: auto;
}

#cateditorial .cabecalho{
  	background-color: #758338;
  	height:28px;
  	margin-bottom: 20px;    
}

#cateditorial .destaques{
	width: 460px;
	clear:both;
}

#cateditorial .destaques .sinopse{
	float:left;
	margin-top:20px;
}

/*
#cateditorial .destaques .titulo{
	color: #E80B1A;
}
*/

/*
#cateditorial .destaques .grande .titulo{
	font-size:15px;
}
*/

#cateditorial .destaques .grande .preco{
	font-weight: bold;
}


/*destaques CD*/
#catdidactico {
  	width: 460px;
  	margin-left: auto;
  	margin-right: auto;
}

#catdidactico .cabecalho{
  	background-color: #758338;
  	height:28px;
  	margin-bottom: 20px;    
  	margin-top: 10px;  	
}

#catdidactico .destaques{
    clear: both;    
}

#catdidactico .destaques .pequeno{
	float:left;
	width:220px;
	font-size: 12px;
}

#catdidactico .destaques .pequeno .imagem{
	float:left;
	width: 95px;
}

#catdidactico .destaques .pequeno .imagem img{
	width: 95px;
}


#catdidactico .destaques .pequeno .texto{
	float:left;
	width: 110px;
	margin-left: 15px;
}

#catdidactico .destaques .titulo,
#catdidactico .destaques .subtitulo
{
	color: #7A2743;
}
#catdidactico .destaques .subtitulo
{
	font-weight: normal;
}

/*destaque institucional*/
#institucional {
  	width: 220px;
  	margin-left: auto;
  	margin-right: auto;
}


#institucional .destaques{
  	clear:both;
}

#institucional .destaques .sepvertical{
	width:20px;
	height:1px;	/*o firefox obriga*/
	float: left;
}

#institucional .destaques .sephorizontal{
	clear:both;
	height: 40px;
}

#institucional .destaques .imagem{
	float: left;
}



/*destaque magicboards*/
#magicboards {
  	width: 460px;
	_height:104px; /*tem q estar aqui senao a border n aparece!*/  	
	background-image: url(/images/titulombhp.jpg);
	background-repeat: no-repeat; 
  	margin-left: auto;
  	margin-right: auto;
  	margin-top: 10px;  	
}

#magicboards .destaques{
	padding-top: 45px;
  	clear:both;
}

#magicboards .destaques .texto{	
  	font-size:12px;
	float:left;
	width:220px;
	margin-right: 70px;
}	


#magicboards .destaques .texto .titulo{
  font-size: 15px;
  color: #757D4E;
  font-weight: bold;
}

#magicboards .destaques .imagem{	
	float:left;
	width:170px;
	padding-top: 65px;
}

#magicboards .destaques .imagem img{
	width: 170px;
}


/*formulário de login*/
#login_erro {
  	width: 220px;
  	padding:8px;
}

#login {
  	width: 220px;
  	height: 129px;
  	background-color: #717171;
  	background-image: url(/images/fundologin.jpg);
  	border-left: 1px solid #494949;	
  	border-right: 1px solid #494949;
}

#login .miolo{
  	padding:8px;
  	color: white;
}

#login .miolo #user{
	clear: both;
	height: 27px;
}

#login .miolo #user .label{
	float:left;
	font-size: 12px;
	font-weight: bold;
}

#login .miolo #user .caixatexto input{
	font-size:11px;
	float:right;
	width: 120px;
}

#login .miolo #password{
	clear: both;
	height: 27px;	
}

#login .miolo #password .label{
	float:left;
	font-size: 12px;
	font-weight: bold;	
}

#login .miolo #password .caixatexto input{
	font-size:11px;
	float:right;
	width: 120px;	
}

#login .miolo #botao {
	clear: both;
	height: 27px;	
}

#login .miolo #botao img{
	float:right;
	border: 0;
}

#login .miolo #naoregistado{
	clear: both;
	height: 15px;
}

#login .miolo #naoregistado .label a{
	float:left;
	color: white;
}

#login .miolo #esquecipassword{
	clear: both;
	height: 15px;
}

#login .miolo #esquecipassword .label a{
	float:left;
	color: white;
}


#login .miolo #logout{
  	width: 120px;
	height: 27px;	
	background-color: #FEFEFE;
  	border: 1px solid #494949;
  	cursor: pointer;
  	margin-left: 40px;
}
#login .miolo #logout .miolo{
  	color: #878787;
	line-height: 27px;
	font-weight: bold; 
	padding: 0px;
	text-align: center;
}

#login .miolo #editar{
  	width: 120px;
	height: 27px;	
	background-color: #FEFEFE;
  	border: 1px solid #494949;
  	cursor: pointer;  	
  	margin-left: 40px;  	
}
#login .miolo #editar .miolo{
  	color: #878787;
	line-height: 27px;  
	font-weight: bold;		
	padding: 0px;
	text-align: center;
}


/*destaque legislacao*/
#legislacao {
  	width: 220px;
  	height: 205px;
  	background-color: #FFFBE2;
  	border: 1px solid #E7C69B;	
}

#legislacao .miolo{
  	padding:8px;
  	font-size: 11px;
  	clear: both;  	
}

#legislacao .miolo .titulo{
  	color: black;
	margin-bottom:15px;
  	font-weight: bold;
}

#legislacao .miolo .texto{
	margin-bottom:15px;
}

#legislacao .miolo .texto .pergunta{
	font-weight: bold;
	margin-bottom:5px;
}

#legislacao .miolo .texto .resposta{
	margin-bottom:15px;
}

#legislacao .miolo .linkconsultorio a{
  	color: black;
  	text-decoration: underline;
  	float: right;
}
