/*
Laboratory of Informatics in Education (LInE)
Free Education, Private Data
http://www.usp.br/line
*/

/*
#018343
#03396c = azul escuro 1
#001a66 = azul escuro 2 (manual)
#488EAD = verde azulado simpatico
#43899c = verde azulado simpatico um pouco + escuro
*/

*{ margin: 0; padding: 0; box-sizing: border-box; }

body{ font-family:sans-serif; font: normal 16px sans-serif; padding: 0 10%; background: #eee;}

body .container{ max-width:1551px; margin:0 auto;}

/* Header */
header{
 display: flex; /* Enable flex mode. */
 justify-content: space-between; /* Spread out the elements inside the header. */
 align-items: center; /* Align items vertically in the center. */
 padding: 10px 20px; color: #fff; background-color: #03396c;
 }
.header2{
 display: flex; /* Enable flex mode. */
 justify-content: space-between; /* Spread out the elements inside the header. */
 align-items: center; /* Align items vertically in the center. */
 padding: 0px 5px; color: #fff; background-color: #001a66;
 }
.font-large{ font: normal 0.8em 'Fugaz One', cursive; }
.font-xxlarge{ font-size:30px!important; }

.header-left{ font: normal 28px 'Fugaz One', cursive;}
.header-left span{ color: #EAD314;}
.header-center ul{ list-style: none;}
.header-center ul li{ display: inline-block; margin: 0 15px;}
.header-center ul li a{ text-decoration: none; color: #fff; cursor: pointer; font-weight: bold;}
.header-right button{
 color: #fff; cursor: pointer; font-weight: 800; text-transform: uppercase; padding: 12px 30px;
 border: 2px solid #FFFFFF; border-radius: 4px; background-color: transparent;
 }
.header-right img{ /* leo */
 color: #fff; cursor: pointer; padding: 0;
 border: 2px solid #FFFFFF; border-radius: 4px; background-color: transparent;
 }
.header-right button:hover { background-color: rgba(255,255,255,0.1); }

/* Exercise button */
.button-exerc { padding:.2em .2em; border-radius:0.5em; color:black; font-weight:bold; background:#9c9cff; border-bottom:0.15em solid #5d5ded; transition:0.3s; text-decoration: none; }
.button-exerc:hover { padding:.2em .2em; border-radius:0.5em; color:black; font-weight:bold; background:#8c8cef; border-bottom:0.15em solid #5d5ded; transition:0.3s; text-decoration: none;}

/* Exercise statement */
.exerc-statement { border: 1px solid #000000; background:#dcdcdc; width:100%; padding: 0 0 0 10px; }

/* Exercise iVProg */
.exerc-ivprog { border: 1px solid #000000; text-align:center }
.img-center { text-align:center }

/* Main content */
.main-content{ padding: 6px 10px; background-color: #fff; line-height: 1.3; color: #444;}
.main-content h2{ margin-bottom: 8px; }
.main-content p{ margin: 5px 0; }
.main-content .placeholder{ margin: 4px 0; height:30px; background-color: #e3e3e3; }

/* Media queries */
@media (max-width: 1551px){
 header{ padding: 5px 20px; }
 .main-content{ padding: 10px 20px; } /* left and right margin to the section 'main-content'*/
 body {  padding: 0 1%; } /* gray frame bellow the section 'main-content'*/
 }

@media (max-width: 1000px){
 header{
  flex-direction: column; /* Reverse the axis of the header, making it vertical. */
  align-items: flex-start;  /* Align items to the begining (the left) of the header. */
  }
 header > div{ margin: 12px 0; }
 .header-center ul li{ margin: 0 5px 0 0; }
 }

@media (max-width: 600px) {
 body { padding: 0 10px; }
 .header-left{ margin-top:0; }
 header { padding: 10px; }
 .main-content{ padding:0px; }
 }

ul.navBar {
 width: 100%;
 list-style-type: none; margin: 0px; padding:0px; /* position: relative; dropdown invisible when this position is added */
 overflow: hidden; /* why does the navigation bar disappear if "overflow is not set" */
 cursor: pointer;
 }
li.navBar { float: left; }
li.navBar a { display: inline-block; color: white; text-align: center; padding: 4px 16px;
 text-decoration: none;
 }
li.navBar:hover { background-color: #A2AEB3; }
.dropDownContent {
 display: none; position: absolute; background-color: #6D99C3; width: 160px; font-size:.8em;
 box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); z-index: 1;
 }
li.direita { position: absolute;  text-align: right; }
.dropDownContent a { color: white; display: block; }
.dropDownContent a:hover { background-color: #4A96B0; }
li.dropDownBtn:hover .dropDownContent{ display: block; }

.line-item { text-align:left; }
img.line-icon { border:1pt solid black; }

/* SFMono-Regular,Menlo,Monaco,Consolas
table.cod1 table{ font-family:Lucida Console,Courier,"andale mono",monospace; font-size:0.8em; }
.cod td.cod { font-family:Lucida Console,Courier,"andale mono",monospace; font-size:0.8em; }
.trCd td, .tbCd td, .tbCd th { vertical-align: top; padding:5px; border-right:1px solid #000;  font-family: courier }
*/

porque{background: linear-gradient(#bfdfff, white);padding-left:5px;padding-right:5px;border:1px solid#0000aa;display:block;width:100%;}

/* Para coloracao de comando iVProg */
azul2 { color: #0000BA; } /* azul2 = comandos: repita_enquanto, repita_para, enquanto_verdadeiro, se, senao, pare, caso */
verd2 { color: #007500; } /* verd2 = "..." em comandos: leia, escreva */
verm { color: #BA0000; }  /* verm  = int, float, void, def, return, variaveis, inteiro, real, cadeia, caractere, logico */
cyan { color: #458A8A; }  /* comentarios // */
def { color: #a500a5; }   /* #define, funcao, programa, devolva, devolver */
incl1 { color: #a500a5; } /* #define, #include, import, from */