@charset "UTF8";
@import url(http://fonts.googleapis.com/css?family=Titillium+Web);

@font-face{
    font-family:"FonteLogo" ;
    src: url("../_fonts/bubblegum-sans-regular.otf");
}
*{margin: 0; padding: 0;}
body{
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    background-color: #fff;
    background-size: auto;

}
header{
    background-color: #99ccff;
}
div header hgroup{
    background-image: url("../imagens/fundo1.gif") ;
    background-color: #99ccff;
    
}
div header hgroup div{
    text-align: right;
    font-size: 12pt;
    color: #333;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.6);
    position: absolute;
    margin-left: 100%;
    margin-top: -110px;
}
h1{
    font-size: 24pt;

    color: #333;
    padding: 1px 1px 1px 1px;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.6);

}
h2{
    color:#0033cc;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}
tr#titulo{
    background-color: rgba(0,172,230,.2);
    min-width: 300px;
    text-align: left;
}

tabela#titulo.caption{
    text-align: left;
}
.menu{
    list-style:none;
    
    float:left;
    width: 100%;
    background-color: #cccccc; 
    background-image: url("../imagens/fundo1.gif") ;
}

.menu li{
    position:relative; 
    float:left; 
    
    font-size: 16px;
    background-image: url("../imagens/fundo1.gif") ;
}

.menu li a{
    color: #333; 
    text-decoration:none;
    padding:5px 10px; 
    display:block;
    background-color:  #cccccc;
    background-image: url("../imagens/fundo1.gif") ;
}

.menu li a:hover{
    background: #333; 
    color: #fff; 
    -moz-box-shadow:0 3px 10px 0 #CCC; 
    -webkit-box-shadow:0 3px 10px 0 #ccc; 
    text-shadow:0px 0px 5px #fff; 
}

.menu li ul{
    position:absolute; 
    top:25px; left:0; 
    background-color:#99ccff; 
    display:none; 
        
}

.menu li:hover ul, .menu li.over ul{
    display:block;
}

.menu li ul li{
    border:1px solid #c0c0c0; 
    display:block; 
    width:150px;
}
a{
    text-decoration:none; 
 
}
section#conteudo{
    width: 100%;
    margin: 0px;
    height: 100%;
    min-height: 100%;
    top: 100px;
    align-self: center;
}
iframe{
   width: 100%;
   height: 400px;
   border: 0px;
   margin: 0px;
   overflow: hidden;
   min-height: 75%;
   background-size:100%;
   align-content: center;
    
}
iframe::-webkit-scrollbar{
    display: none;
}

footer{
    clear: both;
    position: absolute;
    width: 100%;
    top: 87%;
    height: 13%;
    text-align: center;
    background-color: #99ccff;
    background-image: url("../imagens/fundo1.gif") ;
    margin: 0px;

}