@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=PT+Sans');
@import url('https://fonts.googleapis.com/css2?family=Inria+Sans&display=swap');

body{
  margin:0px;
  outline:0;
}

#logo, #logo p{
  font-size: 24px;
  font-family: 'Inria Sans', sans-serif;
  margin: 0px;
  }
	  
#eng{
  height:90px;
	padding:20px;
	padding-right:50px;
  }

#pet{
  height:44px;
	padding:10px;
}

#banner{
	background-image:url("../Imagens/box2.png");
	background-size:100%;
  height:200px;
}

.texto {
	height:auto;
	width: 600px;
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
	color:#ffffff;
	
}

#texto2 {
	height:auto;
	width: auto;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 18px;
	color:#ffffff;
	padding-top:8px;
}

#texto3 {
	height:auto;
	width: auto;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 18px;
	color:#000080;
	padding-top:8px;
}

#texto4 {
  /* height:30px; */
  width: auto;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 30px;
  color:#ffffff;  
}

#texto4 p {
  margin:6px;
}

#texto5 {
  height:auto;
  width: 600px;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 16px;
  color:#000080;  
}

#texto6 {
  height:700px;
  width: 800px;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 16px;
  color:#000080;
  padding-bottom:30px;
}

#logoefrase, #logo-setel {
	width:auto;
  position:relative;
}

#logo-setel {
  height: 180px;
}

#setel-col {
  margin-left: 32px;
  flex-direction: column;
  display: flex;
  align-items: center;
  color: #000080;
  justify-content: space-around;
  align-content:center;
  height:140px;
  width:auto;
  font-size: 24px;
  font-family: 'Inria Sans', sans-serif;
}

#cssmenu {
	width: 100%;
  display:flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;

  background: #000080; /*COR DA BARRA SUPERIOR ATRÁS DO MENU*/
	border-bottom: 4px solid #4169E1;
	font-family: Tahoma, Arial, sans-serif;
}


#cssmenu ul, #cssmenu li {
	list-style: none;
	float:right;		
	margin: 0;
	padding: 0px;}

#cssmenu ul {
	position:relative;
	z-index: 597;}

	#cssmenu a:hover {
	background: #4169E1; /*COR DA OPÇÃO EM HOVER*/
	}

#cssmenu ul li {
	
	float: left;
	min-height: 1px;
	vertical-align: middle;}

#cssmenu a {
	background: #000080; /*COR DO MENU EM SI*/
	color: #ffffff;
	padding: 0 20px;
	display: block;
	/* line-height: 1em; */
	text-decoration: none;}

#cssmenu:after, /*DISPLAY E BORDAS DO MENU*/

#cssmenu ul {
	text-transform: uppercase; /*TUDO MAIÚSCULO NO MENU*/}

#cssmenu > ul > li > a { /*ALTURA DO MENU*/
	line-height: 48px;
	font-size: 14px;}

.subtitle {
  font-size: 18px;
}

#conteudo2, #conteudo8 {
  padding: 2px 0;
}

#conteudo{
	background-color:#FFFFFF;}

#conteudo2{
	background-color:#000080;
  }

#conteudo3{
	/* height:300px; */
	background-color:#ffffff;}

#conteudo4{
	background-color:#000080;
	padding-bottom: 10px;}

#conteudo5{
  background-color:#000080;
}

#conteudo6{
  margin-top:30px;
  margin-bottom:30px;
  height:auto;
  background-color:#ffffff;
}

#conteudo7{
  background-color:#000080;
}

#conteudo8{
  background-color:#ffffff;
}

#conteudo9{  
  background-color:#000080;
}

  #conteudo10{
  background-color:#ffffff;
  }
	
.ajuste{	
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}



#rodape {
  height:auto;
  background-color: #ffffff;
  position: relative;
  bottom: 0px;
    
}

.course-icon {
  width:130px;
  height: auto;
  padding: 20px;
  border:none;
  outline: none;
}

#linux {
  position: relative;
  opacity:1;
    bottom: 0px;
    left: 0px;
	float:left;
}
/* #latex:hover { background-image: url("https://logodownload.org/wp-content/uploads/2022/05/linux-logo-0.png");} */

#linus {
  padding:20px;
  height:130px;
  width:130px;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-image: url("../Imagens/linux.png");
  background-position:center;
  background-repeat:no-repeat;
  position: relative;
  opacity:1;
    bottom: 0px;
    left: 0px;
	float:left;
}
#linux:hover { background-image: url("../Imagens/t_linux.png");}

#bd {
  padding:20px;
  height:130px;
  width:130px;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-image: url("../Imagens/bd.png");
  background-position:center;
  background-repeat:no-repeat;
  position: relative;
  opacity:1;
    bottom: 0px;
    left: 0px;
	float:left;
}
#bd:hover { background-image: url("../Imagens/t_bd.png");}

#matlab {
  padding:20px;
  height:130px;
  width:130px;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-image: url("../Imagens/octave.png");
  background-position:center;
  background-repeat:no-repeat;
  position: relative;
  opacity:1;
    bottom: 0px;
    left: 0px;
	float:left;
}
#matlab:hover { background-image: url("../Imagens/t_octave.png");}

#web {
  padding:20px;
  height:130px;
  width:130px;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-image: url("../Imagens/web.png");
  background-position:center;
  background-repeat:no-repeat;
  position: relative;
  opacity:1;
    bottom: 0px;
    left: 0px;
	float:left;
}
#web:hover { background-image: url("../Imagens/t_pacoteweb.png");}

#pythonn {
  padding:20px;
  height:130px;
  width:130px;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-image: url("../Imagens/python.png");
  background-position:center;
  background-repeat:no-repeat;
  position: relative;
  opacity:1;
    bottom: 0px;
    left: 0px;
	float:left;
}
#python:hover { background-image: url("../Imagens/t_python.png");}

#php {
  padding:20px;
  height:130px;
  width:130px;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-image: url("../Imagens/php.png");
  background-position:center;
  background-repeat:no-repeat;
  position: relative;
  opacity:1;
  bottom: 0px;
  left: 0px;
	float:left;
}
#php:hover { background-image: url("../Imagens/t_php.png");}

#arduino {
  padding:20px;
  height:130px;
  width:130px;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-image: url("../Imagens/arduino.png");
  background-position:center;
  background-repeat:no-repeat;
  position: relative;
  opacity:1;
    bottom: 0px;
    left: 0px;
	float:left;
}
#arduino:hover { background-image: url("../Imagens/t_arduino.png");}

#tkinter {
  padding:20px;
  height:130px;
  width:130px;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-image: url("../Imagens/matplotlib.png");
  background-position:center;
  background-repeat:no-repeat;
  position: relative;
  opacity:1;
    bottom: 0px;
    left: 0px;
  float:left;
}
#tkinter:hover { background-image: url("../Imagens/pythonp.png");}

/*ADICIONADO*/
#rasp {
  padding:20px;
  height:130px;
  width:130px;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-image: url("../Imagens/berry.png");
  background-position:center;
  background-repeat:no-repeat;
  position: relative;
  opacity:1;
    bottom: 0px;
    left: 0px;
  float:left;
}
#rasp:hover { background-image: url("../Imagens/raspp.png");}


#palestra1 {
  padding:20px;
  height:130px;
  width:130px;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-image: url("../Imagens/engenhar.png");
  background-position:center;
  background-repeat:no-repeat;
  position: relative;
  opacity:1;
    bottom: 0px;
    left: 0px;
	float:left;
}
#palestra1:hover { background-image: url("../Imagens/t_engenhar.png");}

#palestra2 {
  padding:20px;
  height:130px;
  width:130px;
  cursor: pointer;
  outline:0;
  color: #fff;
  background-image: url("../Imagens/metro.png");
  background-position:center;
  background-repeat:no-repeat;
  position: relative;
  opacity:1;
    bottom: 0px;
    left: 0px;
	float:left;
}
#palestra2:hover { background-image: url("../Imagens/t_metro.png");}

#palestra3 {
  padding:20px;
  height:130px;
  width:130px;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-image: url("../Imagens/moeda.png");
  background-position:center;
  background-repeat:no-repeat;
  position: relative;
  opacity:1;
  bottom: 0px;
  left: 0px;
	float:left;
}
#palestra3:hover {
 background-image: url("../Imagens/t_blockchain.png");
}

table {
  background-color:#000080;
    font-family: arial, sans-serif;
    width: 80%;
    border-collapse: separate;
   
}
table2 {
  
    font-family: arial, sans-serif;
    width: 80%;
    border-collapse: separate;
   
}

td{
    border: 2px solid #ffffff;
    text-align: center;
    padding: 8px;
    color:#000080;
}

th {
    border: 2px solid #ffffff;
    text-align: center;
    padding: 8px;
    background-color:#000080;
    color:#ffffff;
}

form p {
  font-family: 'PT Sans', sans-serif;
  font-size: 13pt;
  color: #000080;
}

input, select {
  font-family: 'PT Sans', sans-serif;
  font-size: 12pt;
}

input:hover, select:hover {
  background-color: #dddddd;
}

div.aviso {
  font-family: 'PT Sans', sans-serif;
  height: 40px;
  margin: auto;
  padding: auto;
  background-color: #ffffff; 
  text-align: center; 
  color: red; 
  font-size: 20pt;
}

.link_fora_do_ar:hover {
  cursor: not-allowed;
}

.linkinterno {
	font-family: 'PT Sans', sans-serif;
	font-size: 20px;
	color: #ffffff;

	padding: 10px 30px;
	background: -moz-linear-gradient(
		top,
		#424e99 0%,
		#4646fa);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#424e99),
		to(#4646fa));
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	text-decoration:none;
	border-radius: 8px;
	border: 1px solid #ffffff;
	-moz-box-shadow:
		0px 3px 11px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 3px 11px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	box-shadow:
		0px 3px 11px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.3);
}

.tabela {
    border: solid 1px #DDEEEE;
    border-collapse: collapse;
    border-spacing: 0;
    font: normal 13px Arial, sans-serif;
	width:50%;
}
.tabela thead th {
    background-color: #DDEFEF;
    border: solid 1px #DDEEEE;
    color: #336B6B;
    padding: 10px;
    text-align: left;
    text-shadow: 1px 1px 1px #fff;
}
.tabela tbody td {
	background-color: #FFFFFF;
    border: solid 1px #DDEEEE;
    color: #333;
    padding: 10px;
	text-align: left;
    text-shadow: 1px 1px 1px #fff;
}

.tabela2 {
    border: solid 1px #DDEEEE;
    border-collapse: collapse;
    border-spacing: 0;
    font: normal 13px Arial, sans-serif;
	width:50%;
}
.tabela2 thead th {
    background-color: #DDEFEF;
    border: solid 1px #DDEEEE;
    color: #336B6B;
    padding: 10px;
    text-align: center;
    text-shadow: 1px 1px 1px #fff;
}
.tabela2 tbody td {
	background-color: #FFFFFF;
    border: solid 1px #DDEEEE;
    color: #333;
    padding: 10px;
	text-align: left;
    text-shadow: 1px 1px 1px #fff;
}

.botaosub{
	border : solid 4px #ddefef;
	border-radius : 4px;
	moz-border-radius : 4px;
	-webkit-box-shadow : 0px 0px 8px rgba(0,0,0,1.0);
	-moz-box-shadow : 0px 0px 8px rgba(0,0,0,1.0);
	box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	font-size : 15px;
	color : #000000;
	padding : 0px 20px;
	background : #ddefef;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddefef), color-stop(100%,#ddefef));
	background : -moz-linear-gradient(top, #ddefef 0%, #ddefef 100%);
	background : -webkit-linear-gradient(top, #ddefef 0%, #ddefef 100%);
	background : -o-linear-gradient(top, #ddefef 0%, #ddefef 100%);
	background : -ms-linear-gradient(top, #ddefef 0%, #ddefef 100%);
	background : linear-gradient(top, #ddefef 0%, #ddefef 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddefef', endColorstr='#ddefef',GradientType=0 );

}

h1.texto_mensagem{
  color: #000080;
  font-family: 'PT Sans', sans-serif;
  text-align: center;
  font-style: italic;
  font-weight:normal
}

h1.texto_sub_mensagem{
  font-family: 'PT Sans', sans-serif;
  text-align: center;
  font-size: 12pt;
  color: red;
  font-style: normal;
}