body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
.style13 {font-size: 11px;}
.style14 {color: #FFFFFF}
.style16 {
	color: #FFFFFF;
	font-size: 11px;
}
.style17 {font-size: 12px}
.styleErro {color:#FF0000}
.styleMsg {color:#0033FF}


/*Configurações Padrões do menu*/
ul.menu,
.menu li,
.menu a,
.menu div {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    text-transform: uppercase;
}
ul.menu ul {
    position: absolute;
    display: none;
    box-shadow: 3px 3px 2px #333;
} /* Configurações nivel 1*/
ul.menu {
    
    font-family: Arial, Verdana, Geneva, sans-serif;
    font-size: 12px;
    border-radius: 5px;
    padding: 0 5px;
        
    margin-top: 20px;
    float: right;
    font-weight: bold;    
}
.menu li {
    float: left;
    width: auto;
    position: relative;
    height: 30px;
}
.menu li a,
.menu li div {
    display: block;
    padding: 0 20px;
    line-height: 30px;
    height: 30px;
    float: left;
    transition: all 0.1s linear;
} /* Configurações nivel 2*/
.menu li:hover > ul.submenu-1 {
    display: block;
    top: 30px;
    left: 0;
    padding: 5px;
    width: 200px;
    border-radius: 0 0 5px 5px;
}
.menu ul.submenu-1 a,
.menu ul.submenu-1 div {
    width: 180px;
    padding: 0 20px;
    border-radius: 5px;
} /* Configurações nivel 2*/
.menu li:hover > ul.submenu-2 {
    display: block;
    top: 0;
    left: 195px;
    padding: 5px;
    width: 200px;
    border-radius: 0 5px 5px 5px;
}
.menu ul.submenu-2 a,
.menu ul.submenu-2 div {
    width: 180px;
    padding: 0 20px;
    border-radius: 5px;
} /* Configurações nivel 3*/
.menu li:hover > ul.submenu-3 {
    display: block;
    top: 0;
    left: 195px;
    padding: 5px;
    width: 200px;
    border-radius: 0 5px 5px 5px;
}
.menu ul.submenu-3 a,
.menu ul.submenu-3 div {
    width: 160px;
    padding: 0 20px;
    border-radius: 5px;
} /*Configurações de cores*/ /*nivel 1*/
.menu {
    background: #4380C3;    
}
.menu a,
.menu div {
    color: #fff;
}
.menu li:hover > a,
.menu li:hover > div {
    background: #4380C3;
    color: #fff;
} /*nivel 2*/
.submenu-1 {
    background: #4380C3;
}
.submenu-1 a,
.submenu-1 div {
    color: #fff;
}
.submenu-1 li:hover > a,
.submenu-1 li:hover > div {
    background: #666;
} /*nivel 3*/
.submenu-2 {
    background: #666;
}
.submenu-2 a,
.submenu-2 div {
    color: #fff;
}
.submenu-2 li:hover > a,
.submenu-2 li:hover > div {
    background: #333;
} /*nivel 3*/
.submenu-3 {
    background: #333;
}
.submenu-3 a,
.submenu-3 div {
    color: #fff;
}
.submenu-3 li:hover > a,
.submenu-3 li:hover > div {
    background: #000;
}

.titulo-comunicado {
    width: 750px;
    float: right;
    text-align: center;   
    padding: 5px 10px 6px 0px;
    font-size: 18px;
    height: 25px;
    color: #1669B9;
    font-weight: bold;
    font-family: verdana;
    background: #fff;
    clear: both;
}

#logoSecretariaEducacao {
    margin-left: 15px;
    margin-top: 12px;
    width: 120px;
    float: left;
}

/* Estilo CSS para quebrar o texto em várias linhas */
#coSecretariaEducacaoSelect {
    width: 300px; /* Defina a largura do select conforme necessário */
}

#coSecretariaEducacaoSelect option {
    white-space: normal; /* Define que o texto pode quebrar em várias linhas */
}