/*******************************************************************
	Geral
*******************************************************************/
* {
    list-style: none;
    margin: 0;
    padding: 0;
}

hr {display: none;}


/*******************************************************************
	Topo
*******************************************************************/
#topo {
	width: 980px;
    min-width: 980px;
	height: 60px;
	margin: 0 auto;
	display: block;
	background: url('../images/bg_topo.gif') no-repeat 16px 0;
}

#topo #baselogo {
	background: url('../images/top_baselogo.png') no-repeat;
	display: block;
	width: 189px;
	height: 111px;
	position: relative;
    float:left;
	left: 50%;
	margin-left: -479px;
	top: 0px;
	z-index: 3000;
}

#baselogo img {
	margin: 8px 0 0 40px;
}

#topo p, #topo li {float: left;}

#topo p {
	margin: 12px 0 0 210px;
	background: url('../images/bg_topo_endereco.gif') no-repeat;
	display: block;
	width: 94px;
	height: 34px;
	text-indent: -9000px;
	overflow: none;
}

#topo ul {float: right;}

#topo li {margin-left: 35px;}

#topo li a {
	height: 60px;
	text-indent: -9000px;
	overflow: none;
	display: block;
	background-position: 5px 31px;
}

#m_top_institucional a {background: url('../images/m_top_institucional.png') no-repeat; width: 112px;}
#m_top_ensino a {background: url('../images/m_top_ensino.png') no-repeat; width: 59px;}
#m_top_blog a {background: url('../images/m_top_blog.png') no-repeat; width: 45px;}
#m_top_paisealunos a {background: url('../images/m_top_paisealunos.png') no-repeat; width: 110px;}
#m_top_contato a {background: url('../images/m_top_contato.png') no-repeat; width: 70px;}


/*******************************************************************
	Rodapé
*******************************************************************/
#rodape {
	background: #ececec;
}

#rodape div {
	background: url('../images/bg_rodape.gif') no-repeat right top;
	width: 940px;
	height: 220px;
	margin: 0 auto;
	padding: 30px 20px 0 20px;
	color: #626262;
	display: block;
}

#rodape h4 {
	width: 155px;
	height: 16px;
	text-indent: -9000px;
	overflow: hidden;
}

#h4_rod_institucional {background: url('../images/h4_rod_institucional.gif') no-repeat;}
#h4_rod_ensino {background: url('../images/h4_rod_ensino.gif') no-repeat;}
#h4_rod_blog {background: url('../images/h4_rod_blog.gif') no-repeat;}
#h4_rod_paisealunos {background: url('../images/h4_rod_paisealunos.gif') no-repeat;}

#rodape ul {
	float: left;
	width: 155px;
	margin-right: 25px;
}

#rodape li {
	border-bottom: 1px solid #626262;
	padding: 4px 0 4px 0;
	font-size: 11px;
}

#rodape li:hover {
    background: #fff;
}

#rodape li a {
	text-decoration: none;
	color: #626262;
	width: 100%;
	display: block;
}

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

#rodape #logopueri {
	position: relative;
	top: 100px;
	left: 100px;
}

#rodape p {
	display: block;
	margin-top: 100px;
	font-size: 10px;
}


/*******************************************************************
	Forms
*******************************************************************/
label {
  width:120px;
  float:left;
  text-align:right;
}
.botao {
	border:1px #B5B1F7 solid;
	background:#F5F4FF;
	margin:2px;
	padding:0px;
	font-size:11px;
}
.campo {
	border:1px #B5B1F7 solid;
	background:#F5F4FF;
	margin:2px;
	padding:0px;
	font-size:11px;
}



/*******************************************************************
 Tables
*******************************************************************/
.rol_prof_disc td {
    padding:3px;
    }

/*******************************************************************
	Galeria de imagens
*******************************************************************/

/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/
#fotos {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 380px;
    height:76px;

    left: 50%;
    margin-left: -190px;
    background-color:#efefef;
    border:2px solid #fff;
    outline:1px solid #ddd;
    -moz-ouline-radius:4px;
}

/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accomodate scrollable items.
    it's enough that you set width and height for the root element and
    not for this element.
*/
#fotos .g_items {
    /* this cannot be too large */
    width: 10000px;
    position: absolute;
}

/*
    a single item. must be floated in horizontal scrolling.
    typically, this element is the one that *you* will style
    the most.
*/
#fotos .g_items span {
    padding: 10px 10px 10px 10px;
    float:left;
}


#fotos .g_items img {
    width: 75px;
}

#fotos .g_items .active {
    background: #c4c4c4;
}

/* styling for the image wrapper  */
#image_wrap {
    /* dimensions */
    width:680px;
    position: relative;
    left: 50%;
    margin:0 0 15px -340px;
    padding:15px 0;

    /* centered */
    text-align:center;

    /* some "skinning" */
    background-color:#efefef;
    border:2px solid #fff;
    outline:1px solid #ddd;
    -moz-ouline-radius:4px;
}

.volta, .vai {
    background: url(../images/hori_large.png) no-repeat;
    width: 30px;
    height: 30px;
    text-indent: -9000px;
    overflow: hidden;
    display: block;
    position: relative;
}

.volta {
    background-position: 0 0;
    float: left;
    margin: -50px 0 0 130px;
}

.vai {
    background-position: 0 -30px;
    float: right;
    margin: -50px 130px 0 0;
}

.disabled {
    visibility: hidden;
}