a{
  text-decoration:underline;
  font-size:100%;
}
a:hover {
  cursor:pointer;
}

body{
    background-color: #ccccff;
    color: #333333;
    font-family: Verdana;

}
body.home #container{
    width: 960px;
    height: 650px;
    margin: 0 auto;
    background-color: white;
}
body.interna #container{
    width: 960px;
    display: block;
    height: 700px;
    margin: 0 auto;
    background-color: white;
    background-image: url('../img/topo-interno.jpg');
    background-repeat: no-repeat;
    background-position: 0 0;
}
body.interna #header{
    width: 960px;
    position: relative;
    float: left;
    height: 79px;
    display: block;
    margin: 0;
}
body.home #header{
    width: 960px;
    height: 208px;
    background-image: url('../img/nuvem2.jpg');
    background-repeat: no-repeat;
    background-position: 0 0;
    position: relative;
    float: left;
    z-index: 1;
    margin: 0;
}
body.home #header a img {
    margin: 20px 0 0 433px;
    float:left;
    width: 94px;
    height: 151px;
}
body.interna #content{
    width: 960px;
    height: auto;
    display: block;
    position: relative;
    background-image: url(../img/menu-interno.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    float: left;
    margin: 0 0 20px 0;
}
body.home #content{
    height: 156px;
    width: 960px;
    background-image: url('../img/banner.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    position: relative;
    float: left;
    margin: -7px 0 0 0;
    z-index: 2;
}
body.home #content #menu{
    width: 620px;
    height: auto;
    float: left;
    margin: 29px 0 0 13px;
}
body.home #secondmenu{
    width: 480px;
    float: left;
    margin: 0;
    height: auto;
}
body.home #secondmenu li{
    float: left;
    display: block;
    padding: 0;
    margin: 0;
}
body.home #secondmenu li a{
    color: #666;
    display: block;
    margin: 0;
    padding: 0 10px;
    border-left:1px solid #666;
    font-size: 12px;
}
body.home #content ul.sf-menu{
    margin: 0;
    padding: 0;
    width: 545px;
    float: left;
}
body.home #content ul.sf-menu li{
    float: left;
    text-align: center;
    display: block;
    margin: 0;
    padding: 0;
}
body.home #content ul.sf-menu li.current{
    border-left:1px solid #FFF;
}
body.home #content ul.sf-menu li a{
    color: #FFF;
    display: block;
    font-size: 16px;
    text-align: center;
}
body.home #content ul.sf-menu li ul li{
    float: left;
    text-align: left;
}
body.interna #footer{
    width: 960px;
    height: 20px;
    margin: 0;
    display: block;
    position: relative;
    float: left;
}
body.home #footer{
    width: 960px;
    height: 300px;
    position: relative;
    float: left;
}
body.home #footer p,
body.interna #footer p{
    width: 960px;
    height: 40px;
    vertical-align:10px;
    float: left;
    font-size: 11px;
    text-align: center;
}
body.home #footer p span{
    float:left;
    margin: 15px 0 0 323px;
}
body.home #footer p a img {
    float:right;
    margin: 10px 20px 0 0;
}
body.interna #contentmiddle {
    width:  530px;
    float: left;
    height:auto;
}
body.interna #left {
    width: 268px;
    height: auto;
    float:left;
    background-image: url('../img/bk-box-left.jpg');
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 2px 0 0 0;

}
body.interna #left #logo-site{
    width: 257px;
    height: 151px;
    float: left;
    margin: -61px 0 0 11px;
}
body.interna #left #logo-site a{
    width: 98px;
    height: 148px;
    float: left;
    margin: 0;
}
body.interna #left #logo-site h1{
    width: 140px;
    height: 30px;
    float: left;
    margin:112px 0 0 15px;
    color: #FFF;
    font-size: 26px;
}

body.interna #left #boximage {
    width: 250px;
    height:auto;
    float: right;
    margin: 45px 0 0 0;
}
body.interna #left #boximage img{
    float: right;
}
body.interna #left #boximage ul#menu-unidade1,
body.interna #left #boximage ul#menu-unidade2,
body.interna #left #boximage ul#menu-unidade3,
body.interna #left #boximage ul#menu-unidade4,
body.interna #left #boximage ul#menu-unidade5,
body.interna #left #boximage ul#menu-unidade6,
body.interna #left #boximage ul#menu-unidade7,
body.interna #left #boximage ul#menu-avaliacoes,
body.interna #left #boximage ul#menu-atividades{
    width: 100%;
    float: left;
    margin: 0;
    height: auto;
}
body.interna #left #boximage ul#menu-unidade1 li,
body.interna #left #boximage ul#menu-unidade2 li,
body.interna #left #boximage ul#menu-unidade3 li,
body.interna #left #boximage ul#menu-unidade4 li,
body.interna #left #boximage ul#menu-unidade5 li,
body.interna #left #boximage ul#menu-unidade6 li,
body.interna #left #boximage ul#menu-unidade7 li,
body.interna #left #boximage ul#menu-avaliacoes li,
body.interna #left #boximage ul#menu-atividades li{
    float: right;
    text-align: right;
    clear: right;
    margin: 3px 0 0 0;
    height: auto;
}
body.interna #left #boximage ul#menu-unidade1 li a,
body.interna #left #boximage ul#menu-unidade2 li a,
body.interna #left #boximage ul#menu-unidade3 li a,
body.interna #left #boximage ul#menu-unidade4 li a,
body.interna #left #boximage ul#menu-unidade5 li a,
body.interna #left #boximage ul#menu-unidade6 li a,
body.interna #left #boximage ul#menu-unidade7 li a,
body.interna #left #boximage ul#menu-avaliacoes li a,
body.interna #left #boximage ul#menu-atividades li a{
    font-size: 11px;
    color: #666;
}
body.interna #left #boximage ul#links-unidades{
    width: 100%;
    float: left;
    margin: 50px 0 0 0;
    height: auto;
}
body.interna #left #boximage ul#links-unidades li{
    float: left;
    margin: 3px 0 0 0;
    height: auto;
    padding: 0 5px;
    border-right: 1px solid #666;
    font-size: 12px;
    color: #666;
}
body.interna #left #boximage ul#links-unidades li a{
    font-size: 12px;
    color: #666;
}
body.interna #contentright {
    width: 160px;
    float: left;
    height: auto;
    margin: 0;
}
body.home #footer #logos{
    width: 550px;
    height: 134px;
    float: right;
    margin: 90px 0 0 0;
}
body.home #footer #logos #iniciativa {
    width: 120px;
    height: 120px;
    float: left;
    margin: 0 20px 0 0;
}
body.home #footer #logos #patrocinadores {
    width: 390px;
    height: 120px;
    float: left;
}
body.home #footer #logos #iniciativa span,
body.home #footer #logos #patrocinadores span{
    width: 100%;
    height: 20px;
    float: left;
    font-size: 12px;
    color: #666;
    display: block;
}
body.home #footer #logos #iniciativa span{
    margin: 0 0 10px 0;
}
body.home #footer #logos #patrocinadores span{
    text-indent: 20px;
    margin: 0 0 21px 0;
}
body.home #footer #logos #patrocinadores a{
    float:left;
    margin: 0 22px 0 0;
}
body.interna #content #menu {
    width: 510px;
    height: 21px;
    margin: 5px 0 0 13px;
    float: left;
    display: block;
    position: relative;
    padding: 0;
    z-index: 99;
}
body.interna #content ul.sf-menu{
    margin: 0;
    padding: 0;
    width: auto;
    float: left;
    z-index: 3;
}
body.interna #content ul.sf-menu li{
    float: left;
    text-align: center;
    display: block;
    margin: 0;
    padding: 0;
}
body.interna #content ul.sf-menu li.current{
    border-left:1px solid #FFF;
}
body.interna #content ul.sf-menu li a{
    color: #FFF;
    display: block;
    font-size: 13px;
    text-align: center;
}
body.interna #content ul.sf-menu li ul li{
    float: left;
    text-align: left;
}
body.home #menu ul li#li1{
    width:130px;
    border:0;
}
body.home #menu ul li#li2{
    width: 85px;
}
body.home #menu ul li#li3{
    width: 95px;
}
body.home #menu ul li#li4{
    width: 220px;
}
body.interna #menu ul li#li1{
    width:95px;
    border:0;
}
body.interna #menu ul li#li2{
    width: 86px;
}
body.interna #menu ul li#li3{
    width: 85px;
}
body.interna #menu ul li#li4{
    width: 175px;
}
body.interna #secondmenu{
    width: 450px;
    float: left;
    display: block;
    position: relative;
    margin: 12px 0 0 67px;
    height: auto;
}
body.interna #secondmenu li{
    float: left;
    display: block;
    padding: 0;
    margin: 0;
}
body.interna #secondmenu li a{
    color: #666;
    display: block;
    margin: 0;
    padding: 0 10px;
    border-left:1px solid #666;
    font-size: 12px;
}
body.interna #logos{
    width: 160px;
    height: auto;
    float: left;
    margin: 40px 0 0 0;
}
body.interna #logos #iniciativa {
    width: 130px;
    height: 120px;
    float: left;
    margin: 0 0 0 20px;
}
body.interna #logos #patrocinadores {
    width: 130px;
    height: auto;
    float: left;
    margin: 10px 0 0 20px;
}
body.interna #logos #iniciativa span,
body.interna #logos #patrocinadores span{
    width: 100%;
    height: 20px;
    float: left;
    font-size: 12px;
    color: #666;
    display: block;
}
body.interna #logos #iniciativa span{
    margin: 0 0 20px 0;
    font-size: 12px;
}
body.interna #logos #patrocinadores span{
    margin: 0 0 10px 0;
    font-size: 12px;
}
body.interna #logos #patrocinadores a{
    margin:0 0 40px 0;
    float:left;
}
body.interna .sf-menu li li,
body.home .sf-menu li li{
    background: none repeat scroll 0 0 #2690C7;
    padding: 9px 0 9px 3px !important;
    width: 100%;
}
body.interna .sf-menu li ul li a,
body.home .sf-menu li ul li a{
    color: #FFF !important;
    text-align: left !important;
}
body.interna .sf-menu li ul li,
body.home .sf-menu li ul li {
    border: 0 !important;
}
body.interna #conteudo {
    width: 480px;
    float: left;
    height: auto;
    position: relative;
    margin: 40px 0 0 15px;
    z-index: 1;
}
body.interna #conteudo p{
    font-size: 11px;
    color: #666;
    padding: 0;
    margin: 5px 0;
    clear: left;
    z-index: 1;
    text-align: justify;
}
body.interna #conteudo p a{
    color: #666;
    font-size: 11px;
}
body.interna #conteudo h2 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    width:100%;
    z-index: 1;
    float: left;
    margin: 0 0 10px 0;

}
.blankspace {
    width: 100%;
    height: 30px;
    margin: 0;
    float: left;
}
body.interna #content #conteudo ul li{
    font-size: 11px;
    color: #333333;
    margin: 5px 0 5px 15px;
}
body.interna #content #conteudo .imgtexto{
    float: right;
    margin: 10px 0 10px 15px;
}
.active {
    font-weight: bold;
}
body.interna #content #conteudo ul#ativ-links{
    margin:0;
    padding:0;
}
body.interna #content #conteudo ul#ativ-links li{
     float:left;
     padding:0;
     margin: 0 0 0 2px;
     width:auto;
}
body.interna #conteudo #menu ul li a{
    color:#000;

}
.blue {
    color:#13a;
    font-size: 12px;
}
body.conteudopg h3 a{
    color:#333;
    font-size: 13px;
}
body.conteudopg h3 a:hover{
    text-decoration: underline;
}
body.conteudopg h5{
    background-color:#009933;
    color: #FFF;
    width: 100%;
    padding: 5px 0 5px 5px;
    height: auto;
    display: block;
}
body.atividadesalunos #conteudo a {
    color:#333;
}
 .ui-tooltip {
    color:#333;
    font-size: 10px !important;
}