/**
 * author: Ciro Feitosa - http://cirofeitosa.com.br
 * jan/2009
 */

body
{
	width: 100%;
	text-align: center;
	background: white url(../img/bg-body.jpg) repeat-x top left;
	font-family: Tahoma, Verdana, Sans-serif;
}

.centro
{
	text-align: left;
	margin: 0 auto;
	width: 1000px;
	font-family: Tahoma, Arial, Sans-Serif;
}

.oculto
{
	display: none;
}


/**
 * layers
 */
#topo, #intro, #rodape
{
	clear: both;
}

#topo
{
	height: 123px;
	border-bottom: solid #FFC600 10px;
}

#intro-interna
{
	height: 104px;
	background: #0783B3 url(../img/bg_interna.jpg) repeat-x top left;
}

#principal-interna
{
	background: transparent url(../img/bg-shadow-interna.jpg) repeat-x top left;
	display: table;
	width: 100%;
}

#conteudo-interna
{
	background: transparent url(../img/bg-content-interna.jpg) no-repeat top center;
	padding: 3px 20px;
	padding-top: 1px;
	margin: 0 auto;
	width: 972px; /* 1000px com padding */
	overflow: hidden;
}

#texto
{
	text-align: left;
	float: left;
	margin-left: 12px;
	width: 707px;
}

#texto.interna
{
	margin-left: 14px;
	width: 717px;
}

#lateral
{
	text-align: left;
	float: right;
	width: 227px;
	background: transparent url(../img/bg-lateral.jpg) repeat-y top left;
}

#lateral.interna
{
	width: 227px;
	padding-top: 10px;
	background: transparent;
}

#rodape
{
	width: 100%;
	height: 120px;
	background: #EAECED url(../img/rodape-bg.jpg) repeat-x top left;	
}


/**
 * topo objects
 */
#topo h1, #topo p#logo
{
	float: left;
	text-indent: -9999em;
	display: block;
	overflow: hidden;
	background: transparent url(../img/logo.gif) no-repeat center center;
	width: 224px;
	height: 90px;
}

#topo p#logo a
{
	width: 224px;
	height: 90px;
	display: block;
}

form#frmForm
{
	background: transparent url(../img/bg-form.jpg) no-repeat top center;
	width: 395px;
	height: 56px;
	float: right;
	padding: 10px;
	padding-top: 15px;
	text-align: center;
}

form#frmForm label
{
	display: none;
}

form#frmForm input
{
	font-size: 11px;
	padding: 5px;
	padding-left: 25px;
	border: solid #666 1px;
}

form#frmForm input#frmLogin
{
	background: white url(../img/frm-login.gif) no-repeat center left;
	width: 110px;
}

form#frmForm input#frmSenha
{
	background: white url(../img/frm-pass.gif) no-repeat center left;
	width: 100px;
}

form#frmForm input#frmOk
{
	border: none;
	padding: 0;
	background: transparent url(../img/frm-ok.gif) no-repeat center center;
	width: 21px;
	height: 20px;
	text-indent: -9999px;
	overflow: hidden;
	border: 0;
}

form#frmForm ul
{
	padding-left: 50px;
	text-align: left;
	padding-top: 10px;
}

form#frmForm ul li
{
	display: inline;
	margin-right: 10px;
}

form#frmForm ul li a 
{
	background: transparent url(../img/frm-bullet.gif) no-repeat center left;
	padding-left: 12px;
	font-size: 11px;
	text-decoration: none;
	color: #FFCC00;
}

form#frmForm ul li a:hover
{
	text-decoration: underline;
}

ul#menu
{
	clear: both;
	padding-top: 1px;
	padding-left: 190px;
}

ul#menu li
{
	display: inline;
}

ul#menu li a
{
	display: block;
	float: left;
	width: 133px;
	height: 31px;
	text-indent: -9999em;
	overflow: hidden;
	margin-right: 2px;
}

ul#menu li#mnu1 a
{
	width: 72px;
	background: transparent url(../img/menu.gif) no-repeat -1px 0;
}

ul#menu li.atual#mnu1 a, ul#menu li#mnu1 a:hover
{
	background: transparent url(../img/menu.gif) no-repeat -1px -31px;
}

ul#menu li#mnu2 a
{
	background: transparent url(../img/menu.gif) no-repeat -74px 0;
}

ul#menu li.atual#mnu2 a, ul#menu li#mnu2 a:hover
{
	background: transparent url(../img/menu.gif) no-repeat -74px -31px;
}

ul#menu li#mnu3 a
{
	background: transparent url(../img/menu.gif) no-repeat -208px 0;
}

ul#menu li.atual#mnu3 a, ul#menu li#mnu3 a:hover
{
	background: transparent url(../img/menu.gif) no-repeat -208px -31px;
}

ul#menu li#mnu4 a
{
	background: transparent url(../img/menu.gif) no-repeat -342px 0;
}

ul#menu li.atual#mnu4 a, ul#menu li#mnu4 a:hover
{
	background: transparent url(../img/menu.gif) no-repeat -342px -31px;
}

ul#menu li.atual#mnu5 a, ul#menu li#mnu5 a
{
	background: transparent url(../img/menu.gif) no-repeat -476px 0;
}

ul#menu li.atual#mnu5 a, ul#menu li#mnu5 a:hover
{
	background: transparent url(../img/menu.gif) no-repeat -476px -31px;
}


/*
 * intro objects
 */
h1#titulo-pagina
{
	display: block;
	height: 76px;
	overflow: hidden;
	background: transparent url(../img/bg-interna.jpg) no-repeat top left;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-style: italic;
	color: white;
	font-size: 38px;
	font-weight: bold;
	padding-top: 28px;
	padding-left: 30px;
	/**
	 * sombra no ie
	 */
	filter: Shadow(Color=#666666, Direction=135, Strength=3);
	
}

ul#menu-cursos
{
	clear: both;
	height: 26px;
	margin-bottom: 20px;
}

ul#menu-cursos li
{
	display: inline;
}

ul#menu-cursos li a
{
	display: block;
	float: left;
	height: 26px;
	text-indent: -9999em;
	overflow: hidden;
}

ul#menu-cursos li#c1 a
{
	margin-left: 7px;
	background: transparent url(../img/menu-cursos.jpg) no-repeat 0 0;
	width: 98px;
}

ul#menu-cursos li#c2 a
{
	background: transparent url(../img/menu-cursos.jpg) no-repeat -98px 0;
	width: 95px;
}

ul#menu-cursos li#c3 a
{
	background: transparent url(../img/menu-cursos.jpg) no-repeat -193px 0;
	width: 80px;
}

ul#menu-cursos li#c4 a
{
	background: transparent url(../img/menu-cursos.jpg) no-repeat -273px 0;
	width: 92px;
}

ul#menu-cursos li#c5 a
{
	background: transparent url(../img/menu-cursos.jpg) no-repeat -365px 0;
	width: 92px;
}

ul#menu-cursos li#c6 a
{
	background: transparent url(../img/menu-cursos.jpg) no-repeat -457px 0;
	width: 92px;
}

ul#menu-cursos li#c7 a
{
	background: transparent url(../img/menu-cursos.jpg) no-repeat -549px 0;
	width: 80px;
}

ul#menu-cursos li#c8 a
{
	background: transparent url(../img/menu-cursos.jpg) no-repeat -629px 0;
	width: 95px;
}


/**
 * texto objects
 */
#texto p, #texto li
{
	font-size: 12px;
}

#texto p
{
	margin-bottom: 1em;
}

#texto h2
{
	font-style: italic;
	font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Sans-serif;
	color: navy;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 1.5em;
}

p.center
{
	text-align: center;
}

#texto-intro
{
	padding: 3px;
	background: transparent url(../img/texto-intro.jpg) no-repeat top left;
	height: 190px;
	clear: both;
}

#texto-intro img
{
	float: left;
	margin-right: 10px;
}

#texto-intro p
{
	padding: 0;
	margin: 0;
}

#texto-interna
{
	display: block;
	width: 695px;
	border: solid #ccc 1px;
	border-bottom: none;
	padding: 10px;
	background: transparent url(../img/interna-bg-texto.jpg) repeat-x top left;
}

#texto-img
{
	float: left;
	width: 120px;
	margin-right: 20px;
	background: white;
	padding: 5px;
	border: solid #eeeeee 1px;
	text-align: center;
}

#texto-img img
{
	border: solid #eeeeee 1px;
}

#texto-img p
{
	font-weight: bold;
	color: #00B4E6;
	font-size: 11px;
}

#texto-img a
{
	font-size: 11px;
	color: #ccc;
	text-decoration: none;
}

#texto-texto
{
	float: right;
	width: 520px;
	padding-top: 20px;
}

#texto-texto.interna
{
	width: 100%;
	float: none;
}

#texto-rodape
{
	background: transparent url(../img/bg-texto-principal.jpg) no-repeat bottom center;
	padding-top: 50px;
	padding-left: 18px;
	height: 118px;
}


/**
 * lateral objects
 */
#lateral p
{
	font-size: 11px;
	color: #333;
}

#lateral div.lateral-int
{
	background: transparent url(../img/bg-lateral-int.jpg) no-repeat top left;
	padding: 5px 10px;
}

#lateral p#central-atendimento
{
	padding-left: 80px;
	padding-top: 20px;
	background: transparent url(../img/index-atendente.gif) no-repeat bottom left;
	display: block;
	height: 90px;
	font-size: 11px;
	color: #333;
}

#lateral h2.imgr, #lateral h3.imgr
{
	width: 100%;
	text-indent: -9999em;
	overflow: hidden;
	height: 38px;
}

#lateral h2#titProfessores
{
	background: transparent url(../img/lateral-professores.jpg) no-repeat center center;
}

#lateral h3#titCentral
{
	background: transparent url(../img/index-central.jpg) no-repeat top left;
}

#lateral h3#titSala
{
	background: transparent url(../img/index-sala.jpg) no-repeat top left;
}

#lateral h3#titRecursos
{
	background: transparent url(../img/index-recursos.jpg) no-repeat top left;
}

#lateral div.box
{
	background: transparent url(../img/index-bg-box.jpg) repeat-x top left;
	padding: 5px;
}

#lateral div.nopadding
{
	padding: 0;
}

#lateral ul#professores-lista
{
	margin-top: 1em;
	margin-bottom: 2em;
}

#lateral ul#professores-lista li
{
	display: block;
	height: 75px;
	width: 100%;
	text-indent: -9999em;
	overflow: hidden;
	background: transparent url(../img/professores.jpg) no-repeat 0 0;
	margin-bottom: 5px;
}

#lateral ul#professores-lista li#p-matematica
{
	background: transparent url(../img/professores.jpg) no-repeat 0 0px;
	display: block;
    width: 100%;
}

li#p-matematica a
{
 display: block;
 width: 100%;
 height: 70px
}

#lateral ul#professores-lista li#p-portugues
{
	background: transparent url(../img/professores.jpg) no-repeat 0 -85px;
	display: block;
    width: 100%;
}

li#p-portugues a
{
 display: block;
 width: 100%;
 height: 70px
}

#lateral ul#professores-lista li#p-fisica
{
	background: transparent url(../img/professores.jpg) no-repeat 0 -170px;
}

li#p-fisica a
{
 display: block;
 width: 100%;
 height: 70px
}

#lateral ul#professores-lista li#p-historia
{
	background: transparent url(../img/professores.jpg) no-repeat 0 -255px;
}

li#p-historia a
{
 display: block;
 width: 100%;
 height: 70px
}

#lateral ul#professores-lista li#p-biologia
{
	background: transparent url(../img/professores.jpg) no-repeat 0 -338px;
}

li#p-biologia a
{
 display: block;
 width: 100%;
 height: 70px
}

#lateral ul#professores-lista li#p-geografia
{
	background: transparent url(../img/professores.jpg) no-repeat 0 -420px;
}

li#p-geografia a
{
 display: block;
 width: 100%;
 height: 70px
}

#lateral ul#professores-lista li#p-quimica
{
	background: transparent url(../img/professores.jpg) no-repeat 0 -500px;
}

li#p-quimica a
{
 display: block;
 width: 100%;
 height: 70px
}

#lateral ul#professores-lista li#p-literatura
{
	background: transparent url(../img/professores.jpg) no-repeat 0 -585px;
}

li#p-literatura a
{
 display: block;
 width: 100%;
 height: 70px
}

#lateral ul#recursos
{
	margin: 10px 0;
}

#lateral ul#recursos li
{
	padding: 2px 10px;
	padding-top: 9px;
	color: #666666;
	font-size: 7pt;
	height: 63px;
	padding-left: 21px;
	background: transparent url(../img/adicional-bg-recursos.jpg) no-repeat center center;
}

#lateral ul#recursos li img
{
	padding-top: 3px;
	float: right;
	margin-right: 15px;
	width: 43px;
	height: 43px;
}

#lateral ul#recursos li b
{
	display: block;
	padding-top: 5px;
	color: #3262A3;
	font-size: 8pt;
}


/**
 * rodape objects
 */
#rodape p#rodape-logo
{
	margin-top: 6px;
	margin-left: 20px;
	float: left;
	width: 200px;
	height: 37px;
	text-indent: -9999em;
	overflow: hidden;
	background: transparent url(../img/rodape-logo.gif) no-repeat top left;
}

#rodape p#rodape-copyright
{
	width: 600px;
	text-align: right;
	float: right;
	color: #858585;
	font-size: 8pt;
	margin-right: 23px;
	margin-top: 20px;
}

#rodape ul
{
	float: right;
	margin-top: 18px;
	margin-right: 20px;
}

#rodape li
{
	list-style: none;
	display: inline;
}

#rodape li a
{
	font-weight: bold;
	display: block;
	float: left;
	color: #333333;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 8pt;
	margin-right: 8px;
	background: transparent url(../img/rodape-list.gif) no-repeat top right;
	padding-right: 10px;
}

#rodape li a:hover
{
	text-decoration: underline;
}

#rodape li a.ult
{
	margin-right: 0;
	background: none;
	padding-right: 0;
}

form#frmLogin2
{
	margin-top: 25px;
	padding: 10px;
	margin-bottom: 10px;
	padding: 0;
	margin-left: 20px;
	margin-top: 0;
}

form#frmLogin2 input.texto
{
	border: solid #CECECE 1px;
	font-weight: bold;
	color: #999999;
	padding: 4px;
	font-size: 8pt;
	padding-left: 24px;
	background: #FBFBFB url(http://www.iped.com.br/img/lateral-frm-login.gif) no-repeat center left;
}

form#frmLogin2 input.texto:focus
{
	color: black;
	background-color: #ffffcc;
}

form#frmLogin2 input#log_login2
{
	background-image: url(http://www.iped.com.br/img/lateral-frm-login.gif);
	width: 110px;
	margin-bottom: 5px;
}

form#frmLogin2 input#log_login2
{
	*margin-left: 20px;
}

form#frmLogin2 input#log_senha2
{
	background-image: url(http://www.iped.com.br/img/lateral-frm-senha.gif);
	width: 50px;
	margin-bottom: 10px;
}

form#frmLogin2 input#log_entrar2
{
	margin-bottom: 10px;
}

form#frmLogin2 a
{
	background: transparent url(http://www.iped.com.br/img/lateral-frm-item.gif) no-repeat center left;
	padding-left: 10px;
	color: #6392BF;
	font-size: 8pt;
	text-decoration: none;
}

form#frmLogin2 p
{
	padding-left: 0;
}

form#frmLogin a:hover, form#frmLogin2 a:hover
{
	text-decoration: underline;
}