/*=========================
		   BASICAS
===========================*/
img{ border:none;}
*{margin:0; padding:0}
a{ text-decoration:none;}
a:hover{ text-decoration:underline;}
/*body{background: #ccc url("../imagens/lapis_varios3.png") repeat-x bottom; margin-bottom: 64px}*/
/*body{background: #ccc url("../imagens/lapis_varios2.png") repeat-x top}*/
/*body{background: #F8F8F8 url("../imagens/ferias3.png") no-repeat center fixed; background-size: cover;*/

body{
font-family:Arial, Helvetica, sans-serif; font-size:12px;
background: #F8F8F8 url("../imagens/ferias3.png");
-moz-background-size:100% 100%; /* Firefox 3.6 */
background-size:100% 100%;
background-repeat:no-repeat;
}



body a{ color:#333;}
html, body{height:100%}
*html #container{height:100%} /* IE6 NÃO LÊR min-height declaro no #container, então fiz essa pog para funcionar*/

h2, h3{clear: both; text-align: center;}
h2{padding-top: 15px; display: block}

/*=========================
      ESTRUTURA PORTAL
===========================*/
#container{
    width:950px;
    -display:block;
    margin: 0 auto;
    min-height: 100%;
    -border: 1px solid #000000;
    position:relative;
}

#rodape{
width:950px;
height:60px;
position:absolute;
bottom:0;
}

.clear{clear:both}

#container #splashModal{
    /*background-color:#FFF;*/
    background-color:transparent;
    /*border:3px solid #C71200;*/
    left:30%;
    margin:5em 0 0 0;
    position:absolute;
    z-index:999999;
}
/*#container #splashModal #fecharSplash{text-align:center;padding:.5em; background:#C71200;}*/
#container #splashModal #fecharSplash{text-align:left; background:transparent;}

/*#container #splashModal #fecharSplash a{color:#FFF !important; font-weight:bold;}*/

#container #splashModal #fecharSplash a{color:#FFFFFF !important; font-weight:bold; background:#000000;padding:.3em; margin-left:25px;}



#placaAreasPrincipal{
    background: transparent url("../imagens/placaAreasPrincipal2.png") no-repeat;
    width: 640px;
    height: 220px;
    margin: auto;
    padding-bottom:60px;
}

#placaAreasPrincipal ul.listaTopo { padding: 1px 0 0 35px; }

#placaAreasPrincipal .listaTopo .logoSeducPrincipal{padding: 4px 0 0 0px; margin-top: 9px; margin-right: 50px;}

#placaAreasPrincipal .listaTopo .btPrincipal{margin: 10px 5px 0 0px;}

#placaAreasPrincipal .listaTopo li{
    margin-top: 10px;
    list-style: none;
    float: left;
}

#placaAreasPrincipal h2.header { 
    padding-top: 15px;
    padding-top: 9px;
}
#placaAreasPrincipal h3.header { padding-top: 0px; }

#placaAreasPrincipal ul.listaAreas {text-align: center; margin: 65px 0px 0px 8px; -border: 1px solid #000000;}

#placaAreasPrincipal .listaAreas li{
    list-style: none;
    display: inline;
    height: 125px;
    -border: 1px solid #000000;
}

.areaSeduc,.areaAluno,.areaEscola,.areaProfessor{ position: relative;}

.areaSeduc ul{
    background: #D00320;
    border: 1px solid white;
    width: 130px;
    height: auto;
    padding: .5em;
    margin: -15px 0 0 13px;
    position: absolute;
    display: none;
    left: 0;
    top:148px;
    z-index: 9999!important;

}

.areaSeduc ul li{float: none !important;}
.areaSeduc ul li a{color: white}
.areaSeduc ul li a:hover{color: yellow}

.areaAluno ul{
    background: #7C016B;
    border: 1px solid white;
    width: 130px;
    height: auto;
    padding: .5em;
    margin: -15px 0 0 13px;
    position: absolute;
    display: none;
    left: 0;
    top:148px;
    z-index: 999!important;
}
.areaAluno ul li{float: none !important;}
.areaAluno ul li a{color: white}
.areaAluno ul li a:hover{color: yellow}

.areaEscola ul{
    background: #4E7F14;
    border: 1px solid white;
    width: 130px;
    height: auto;
    padding: .5em;
    margin: -15px 0 0 13px;
    position: absolute;
    display: none;
    left: 0;
    top:148px;
    z-index: 999!important;
}
.areaEscola ul li{float: none !important;}
.areaEscola ul li a{color: white}
.areaEscola ul li a:hover{color: yellow}

.areaProfessor ul{
    background: #0072AB;
    border: 1px solid white;
    width: 130px;
    height: auto;
    padding: .5em;
    margin: -15px 0 0 13px;
    position: absolute;
    display: none;
    left: 0;
    top:148px;
    z-index: 999!important;
}
.areaProfessor ul li{float: none !important;}
.areaProfessor ul li a{color: white}
.areaProfessor ul li a:hover{color: yellow}


.listaAreas li#btAreaSeduc a:hover { background-position: 0 -50px;}
/*=========================
        ESTILO FORMS
===========================*/

.clearBoth{clear:both;}
.displayBlock{ display:block;}
.displayNone{ display:none;}

/*=========================
      CSS EASY TOOLTIP
===========================*/

#easyTooltip{
    margin:0;
    width:200px;
    padding:8px;
    background:#fff url("../imagens/bgTooltip.jpg") repeat-x;
    border:3px solid #fff;
}
#easyTooltip p{
    margin:0;
}