/*
* CSS usados na pagina index
* fev/2007
*/
/**
* Slideshow da home
*/
#slideshow {
	float: left;
	width: 25%;
}
/**
* video show da home
*/
#videoshow > * {
	float: left;
	font-size: 8px;
	font-weight: bold;
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #CCCCCC;
	padding: 2px;
}


/**
 * Produtos em destaque
 */
#destaques {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	position: relative;
	left: 10px;
	top: 10px;
}

#destaques h1 {
	position: relative;
	width: 667px;
	height: 20px;
	font-size: 14px;
	color: #CCCCCC;
	background-image: url(../imagens/fundotitulos.jpg);
	background-repeat: repeat;
	padding-top: 0px;
	padding-left: 10px;
}

#destaques  div {
	position: relative;
	float: left;
	width: 154px;
	overflow: hidden;
	/* clip:  rect(auto auto 200px auto); */
	margin-right: 15px;
}

#destaqueitem {
	position: relative;
	top: -10px;
	float: left;
	overflow: hidden;
	/* clip:  rect(auto auto 200px auto); */
	border-left: 4px solid #990000;
	height: 185px;
	padding: 0px;
	margin: 0px;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #FF0000;
}

#destaqueitem h1 {
	position: relative;
	left: 0px;
	top: 92px;
	height: 30px;
	font-size: 12px;
	color: #9f2c29;
	background-image: none;
	background-color: #828387;
	padding-left: 5px;
	padding-top: 2px;
}

#destaqueitem  p {
	font-size: 10px;
}

#destaqueimagem {
	float: left;
	width: 100%;
	height: 100px;
	background-color: #FFFFFF;
	left: 0px;
	top: -58px;
	position: relative;

}

#destaqueimagem img{
	width: 180px;
	height: 100px;
}

#destaqueresumo {
	float: left;
	position: relative;
	height: 38px;
	width: 100%;
	overflow: hidden;
	background-color: #828387;
	color: #CCCCCC;
	left: 0px;
	top: -54px;
	padding-left: 2px;
}

#destaquelink {
	background-image: url(../imagens/saibamais.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	clear: left;
	float: right;
	height: 24px;
	width: 72px;
	left: 0px;
	top: -75px;
	position: relative;

}

#destaquelink a {
	display: block;
	height: 24px;
	width: 72px;
	border: 0px solid #828387;
	text-decoration: none;

}

#destaquepreco {
	font-size: 8px;
	font-weight: bold;
	color: #FF0000;

}

/**
 * Produtos em lancamento
 */
#lancamentos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	position: relative;
	left: 10px;
	top: 0px;
}

#lancamentos h1 {
	position: relative;
	width: 667px;
	height: 20px;
	font-size: 14px;
	color: #CCCCCC;
	background-image: url(../imagens/fundotitulos.jpg);
	background-repeat: repeat;
	padding-top: 0px;
	padding-left: 10px;
}

#lancamentos  div {
	position: relative;
	float: left;
	width: 154px;
	overflow: hidden;
	/* clip:  rect(auto auto 200px auto); */
	margin-right: 15px;
}

#lancamentoitem {
	position: relative;
	top: -10px;
	float: left;
	overflow: hidden;
	/* clip:  rect(auto auto 200px auto); */
	border-left: 4px solid #990000;
	height: 185px;
	padding: 0px;
	margin: 0px;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #FF0000;
}

#lancamentoitem h1 {
	position: relative;
	left: 0px;
	top: 92px;
	height: 30px;
	font-size: 12px;
	color: #9f2c29;
	background-image: none;
	background-color: #828387;
	padding-left: 5px;
	padding-top: 2px;
}

#lancamentoitem  p {
	font-size: 10px;
}

#lancamentoimagem {
	float: left;
	width: 100%;
	height: 100px;
	background-color: #FFFFFF;
	left: 0px;
	top: -58px;
	position: relative;

}

#lancamentoimagem img{
	width: 180px;
	height: 100px;
}

#lancamentoresumo {
	float: left;
	position: relative;
	height: 38px;
	width: 100%;
	overflow: hidden;
	background-color: #828387;
	color: #CCCCCC;
	left: 0px;
	top: -55px;
	padding-left: 2px;
}

#lancamentolink {
	background-image: url(../imagens/saibamais.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	clear: left;
	float: right;
	height: 24px;
	width: 72px;
	left: 0px;
	top: -75px;
	position: relative;

}

#lancamentolink a {
	display: block;
	height: 24px;
	width: 72px;
	border: 0px solid #828387;
	text-decoration: none;

}

#lancamentopreco {
	font-size: 8px;
	font-weight: bold;
	color: #FF0000;

}



/**
 * Resumos das materias na home
 */
#resumosmaterias {
	position: relative;
	float: left;
	left: 10px;
	width: 505px;
	border: 0px solid #00FF00;
	margin: 0px;
	padding: 0px;
}

#resumosmaterias h1 {
	height: 20px;
	width: 500px;	
	font-size: 14px;
	color: #CCCCCC;
	background-image: url(../imagens/fundotitulos.jpg);
	background-repeat: repeat;
	padding-left: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#resumosmateriaitem {
	height: 55px;
	width: 500px;
	float: left;
	margin: 0px;
	padding: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-color: #666666;
	position: relative;
	top: -10px;
}

#resumosmateriaimagem {
	float: left;
	padding: 2px;
	left: 2px;
	top: 0px;
	width: 60px;
	height: 55px;
}

#resumosmateriaimagem img{
	padding: 2px;
	width: 52px;
	height: 52px;
}

#resumosmateriaresumo {
	float: left;
	top: 0px;
	color: #CCCCCC;
	width: 400px;
	height: 55px;
	overflow: hidden;
	font-size: 9px;
}

#resumosmateriaresumo h1 {
	float: left;
	height: 16px;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	background-image: none;
	white-space: normal;
	margin: 0px;
	padding: 0px;
}

#resumosmateriaresumo  p {
	float: left;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#resumosmaterias  .Referencias {
	visibility: hidden;
}

#resumosmaterialink {
	float: right;
	clear: right;
	top: 0px;
	left: 5px;
	background-image: url(../imagens/vermais.jpg);
	background-repeat: no-repeat;
	background-position: 14px 18px;
	border: 0px solid #FF0000;
	width: 30px;
	height: 55px;
	background-color: #666666;
}

#resumosmaterialink a {
	border: 0px solid #00FF00;
	display: block;
	width: 30px;
	height: 55px;
	text-decoration: none;
}

/**
 * Materias da home
 */
#mathomes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	position: relative;
	top: -75px;
	left: 10px;
	width: 60%;
}

#mathomes h1 {
	visibility: hidden; 
}

#mathomeitem {
	position: relative;
	float: left;
	width: 500px;
	border: 0px solid #0000FF;
	border-left: 4px solid #990000;
	height: 165px;
	background-color: #003366;
	background-image: url(../imagens/fundogeral.jpg);
/*	overflow: hidden;*/
}

#mathomeitem h1 {
	position: relative;
	top: -10px;
	visibility: visible;
	left: 0px;
	height: 20px;
	font-size: 14px;
	color: #CCCCCC;
	background-image: url(../imagens/fundotitulos.jpg);
	background-repeat: repeat;
}

#mathomeimagem {
	position: relative;
	float: left;
	top: -18px;
	width: 168px;
	height: 135px;
	border: 4px solid #4c4c4c;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
/**
* Remove o link da imagem, text-decoration não funciona aqui
*/
#mathomeimagem img {
	text-decoration: none;
	border: 0px;
	margin: 4px;
	height: 120px;
	width: 160px;
}

#mathomeresumo {
	position: relative;
	float: left;
	width: 305px;
	height: 80px;
	border: 0px solid #00FF00;
	padding-left: 5px;
	top: 36px;
	border: 0px solid #00FF00;
/*	overflow: hidden;*/
	font-size: 11px;
	color: #CCCCCC;
}

#mathomelink {
	position: relative;
	float: right;
	top: -162px;
	clear: left;
	width: 15px;
	height: 135px;
	border: 0px solid #00FF00;
	background-image: url(../imagens/vermais.jpg);
	background-repeat: no-repeat;
	background-position: 0px 98px;
}

#mathomelink a {
	display: block;
	height: 135px;
	width: 15px;
	border: 0px solid #00FF00;
	text-decoration: none;
}

#mathomeitem ul.Referencias {
	visibility: hidden;
}

/**
 * Login
 */
#login {
	position: relative;
	float: left;
	left: 25px;
	width: 158px;
	height: 360px;
	top: 10px;
	margin: 2px;
	text-transform: none;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	background-image: url(../imagens/fundobaselogin.gif);
	background-repeat: repeat;
	background-position: 0px;
	border: 0px solid #FF0000;
	overflow: visible;
}

#login p {
	float: left;
	margin: 0px;
	padding: 0px;
	margin-left: 3px;
	display: inline;
	border: none;
	font-weight: bold;
}

#login input {
	padding: 0px;
	font-size: 12px;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	position: relative;
	width: 70px;
	background-color: #333333;
}

#login input[type="submit"] {
        font-family: Arial, Helvetica, sans-serif;
        border: none;
        font-size: 12px;
        background: url('../imagens/botaologin.jpg') no-repeat;
        height: 25px;
        text-align: center;
        vertical-align: middle;
		content: ""; /* opera */
		display: inline-block; /* opera */
		line-height: 0; /* ie */
		text-indent: -9999px;
}

#login a {
	display: block;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #eeeeee;
	font-weight: bold;
}

#login p.msg {
	display: block;
	clear: left;
        color: #00CC00;
        font-size: 10px;
        text-decoration: none;
        font-weight: bold;
        text-transform: uppercase;
        padding: 2px;
}

#login p.erro {
	clear: left;
	color: #FF0000;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	padding: 2px;
	position: relative;
	float: left;
	width: 100%;
}

#usuario {
	top: 15px;
	background-color: #4C4C4C;
	border: 2px solid #999999;
	float: left;
	height: 16px;
	width: 92%;
	left: 5px;
	margin: 2px;
	position: relative;
	padding: 2px;
}

#usuario input {
	margin: 0px;
	padding: 0px;
	width: 100px;
	background-color: #4c4c4c;
	border: none;
}

#senha {
	top: 25px;
	padding-left: 2px;
	margin: 2px;
	background-color: #4C4C4C;
	border: 1px solid #999999;
	float: left;
	width: 90%;
	left: 5px;
	border: 2px solid #999999;
	position: relative;
}

#senha input {
	padding: 0px;
	width: 100px;
	background-color: #4c4c4c;
	border: none;
}

#submit {
	top: 40px;
	padding-left: 2px;
	margin: 2px;
	background-color: #4C4C4C;
	float: left;
	width: 90%;
	left: 5px;
	position: relative;
}

.logintitle {
	height: 228px;
	width: 157px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.loginfooter {
	position: relative;
	top: 107px;
	background-image: url(../imagens/loginfooter.gif);
	height: 19px;
	background-repeat: repeat;

}