body { font-family: Calibri;  text-align: justify; padding:0px; margin:0px; height: 100%; background:#f7f7f7;}

.tabelaprincipal {border-collapse: collapse; width:100%; border-width : 0px;  }

.barrasuperior  { height:30px; background-color:Black; color:White ; text-align:right; line-height:30px; border:0px; padding-right:5px;}
.barrasuperior a { color:White ; font-weight :bold ; padding: 3px; text-decoration:none;}
.barrasuperior a:hover { color:Gray }

.barralinks  { height:30px; background-color:Black; color:White; text-align:center; line-height:30px; border:0px; padding-right:5px;}
.barralinks a { color:White ; font-weight :bold ; padding: 3px; text-decoration:none; display:inline-block; padding-left: 10px;padding-right: 10px; background-color:#002e4d}
.barralinks a:hover { color:Gray ; background-color:#99d6ff;}


.aviso  { height:50px; background-color:red; color:White; text-align:center; line-height:50px; border:0px; padding-right:5px;}
.aviso a { color:White ; font-weight :bold ; padding: 10px; text-decoration:none; display:inline-block; padding-left: 10px;padding-right: 10px; background-color:blue}
.aviso a:hover { color:Gray ; background-color:#99d6ff;}



.barratitulo    { height:120px; background-color:#29abe2; color:White; text-align:left ;border:0px;  vertical-align:middle;}
.barratitulo div {  float: left;  margin-left: 20px; height: 100%;  text-align: left; display: table;}
.barratitulo div h1 {            font-size: 25px; display: table-cell; vertical-align: middle;       }
.barratitulo div h1 small {                font-size: 15px;            }
.barratitulo div img { height: 60px; margin-top:30px;}

.barraesquerda {  width: 280px; border-right:1px solid black; padding:5px;}
.barraesquerda b { color: #4d4d4d;}
.barradireita { width: 280px; border-left:1px solid black; padding:5px;}
.barradireita b { color: #4d4d4d;}

li img {  position:relative; top:10px }
li {padding:3px;   }
li a {text-decoration: none}
.menor{ width:250px; }

.medio{ width:500px;}

.maior{ width:800px; }
 
label { font-weight:bold}

.icones {  border: 0px; width: 20px; height :20px; padding-right: 2px; position:relative;top:3px}
	
.iconeg {margin: 1px;border: 0px;width: 32px;height:32px; padding: 0px; }

 td  { vertical-align:top; }
 th { text-align :center ; cursor:default}
 hr { border: 1px solid #0000ff; background-color: #0000ff;}
 
 textarea {
   width: calc(100% - 10px);
}

.avisodemo {background-color:lemonchiffon;   padding:10px; font-weight: bold}

.mostra td {  height:25px ; border: 1px solid black;}
.mostra tr:hover {  background-color:#ccffff}
.mostra th { background: #e6f2ff; border: 1px solid black;}
.mostra th a { text-decoration: none;}

.editor  { width:100% ;  border:none; height:30px ;}
.editor input,select   { width:100% ;  border:1px solid black; height:30px ;}
.editor td {vertical-align: middle; padding-left:5px;padding-right:5px;} 
.editor label { width:50px; } 
input.medio { width:200px; }      

.tabelapacote { width: 100%;  display:inline-table ; }
.tabelapacote img { width:40px; height:40px; border:0px; margin:3px; float:left ;}
.tabelapacote div { display:table-cell; float:left; width: calc(100% - 48px); }
.tabelapacote:hover {border: 1px solid black; background-color:blanchedalmond}

.mercadopago {  white-space: nowrap; text-decoration:none; color:White; margin: 0px 5px 0px 5px;
            background-color:#0088cc; border: 1px solid lightgray;  
            -webkit-border-radius: 3px; -moz-border-radius: 3px;   
           font-weight:bold;  display:inline-block ; line-height:23px; height:23px; padding-right:5px ;padding-left:5px}
.mercadopago img   { margin:0px; padding:0px; float:left; height:100%;  margin-right:5px ;left:-5px;  position:relative }     
.mercadopago:hover {background-color:#99ccff ; border: 1px solid black; cursor:  pointer}    
.mercadopago:active {background-color:blue ; border: 1px solid black; cursor:  pointer} 

.divbotoes { text-align:center; margin:auto ;    margin-top:10px}

.botao     { white-space: nowrap; text-decoration:none; color:White; margin: 0px 5px 0px 5px;
            background-color:#428bca; border: 1px solid lightgray;  
            -webkit-border-radius: 3px; -moz-border-radius: 3px;   
           font-weight:bold;  display:inline-block ; line-height:30px; height:30px; padding-right:10px ;padding-left:10px  }
           
.botao:hover {background-color:#99ccff ; border: 1px solid black; cursor:  pointer}    
.botao:active {background-color:blue ; border: 1px solid black; cursor:  pointer} 
.botao img   { margin:0px; padding:0px; float:left; height:100%;  margin-right:5px ; left:-10px; top:0px; position:relative }          

.divbotoes input  { height:32px; width:180px  }  
 
.multicheck div {float:left;  width:120px; font-size:10px;height:18px; line-height:18px; vertical-align:middle ; margin: 2px 5px 2px 5px;border: 1px solid lightgray;   }
.multicheck input {float:left; height:15px; width:15px; }


.tdcheck {  height:30px; line-height:30px; vertical-align:middle ; margin: 2px 5px 2px 5px;   }
.tdcheck input {  float:left ; width:25px; height:25px;}
 
 
.social { width:100%; float:right;   margin-top: 10px; padding-bottom:10px}
.social div {float:right; 
             margin:5px; 
             height:20px; 
             padding-right:5px;
             font-size:11px; 
             font-weight :bold ; 
             vertical-align:middle; 
             line-height:20px;}
.social img {height:20px; border: 0px; float:left;}
.social a {text-decoration:none; color:White; }

.whatsapp {   background-color:#43d854; border: 1px solid lightgray; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.whatsapp:hover {background-color:green ; border: 1px solid black;}            
.telegram  { background-color:#0088cc; border: 1px solid lightgray; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.telegram:hover {background-color: lightblue; border: 1px solid black;}    

.clientes {margin: auto; }
.clientes div {float:left; margin:5px; border:1px solid gray; padding:5x; width:125px; height:80px; background-color: lightgray; text-decoration:none;}
.clientes img {width: 100%; height:50px; border : 0px;}


.parceiros {   width:100%;   }
.parceiros div {  margin:auto; width:200px; margin-top:20px;  }
.parceiros img {width: 100%;  border : 0px;}

.frameajuda {display: block;       /* iframes are inline by default */
    border: none;         /* Reset default border */
    width: 100%;}
    
.posttitulo {display: block;  width: calc(100% - 10px);  font-size:medium; font-weight:bold; line-height:30px;  float:left;  background: #d6f2ff; border-top:1px solid black; border-bottom:1px solid black;  padding:5px; }
.posttitulo a {text-decoration:none;  }
.postmsg {  width: calc(100% - 10px);  font-size: medium ; text-align:justify; float:left;  line-height:25px; padding:5px; background-color: White;  }
.postdata {width: calc(100% - 10px);    font-size: small; text-align: right  ; float:left;  background-color: White; height:20px; margin-bottom: 15px; padding:5px; border-bottom:1px solid black;}

.tilepropgrama { width: 200px; height: 50px; background-color: White}


.tabelaprograma { width: 300px;  height:60px;  border: 1px solid black; float:left; margin: 5px; padding:5px; background-color: white ; color:Black}
.tabelaprograma img { width:50px; height:50px; border:0px; margin: 5px 10px 5px 5px ; float:left ;}
.tabelaprograma div {     padding:5px; }
.tabelaprograma:hover {border: 1px solid black; background-color:#ccffff}



.tabelalivro {
    width: 300px;
    height: 130px;
    border: 1px solid black;
    float: left;
    margin: 5px;
    padding: 5px;
    background-color: white;
    color: Black
}

    .tabelalivro img {
        width: 80px;
        height:120px;
        border: 0px;
        margin: 5px 10px 5px 5px;
        float: left;
    }

    .tabelalivro div {
        padding: 5px;
    }

    .tabelalivro:hover {
        border: 1px solid black;
        background-color: #ccffff
    }