html, body, #wrap {font-family:Trebuchet MS, Verdana, Helvetica,Arial,sans-serif;font-size:1rem; 
font-weight:normal;
letter-spacing:0px; 
color:#000000; 
height:auto;
width:99%;}


p {margin-left:5;}

h1 {font-family: Trebuchet MS, Helvetica, Verdana, Arial,sans-serif;
font-size:2.5rem;
letter-spacing:-3px;
margin-top:20px;
margin-bottom:5px;
color:orange;
font-weight:bold;
}

a.link_sections:link{color: #ff9900; text-decoration:none;}
a.link_sections:hover{color: #000000; font-family:Verdana, Helvetica,Arial,sans-serif;font-weight:bold;
transition:1s;
text-decoration:underline;}
a.link_sections:visited{color: #ff9900;
font-family:Verdana, Helvetica,Arial,sans-serif;font-weight:bold;
text-decoration:none;}

a.link_general:link{color: #000000; 
text-decoration:none; }
a.link_general:hover{color: #ff9900;
transition:0.5s;
text-decoration:underline;}
a.link_general:visited{color: #000000; 
text-decoration:none;}


a.link_deco:link{color: #ff9900;
text-decoration:none;}

a.link_deco:hover{color:#ff9900;
text-shadow: 0px 0px 5px #000000;  
transition:0.5s;}

a.link_deco:visited{color: #ff9900; 
text-decoration:none;}

a.link_menu:link{color: #ffffff;
font-family:Verdana, Helvetica,Arial,sans-serif;font-weight:bold;  
text-decoration:none;
background-color:transparent;}

a.link_menu:hover{color: #ff9900;
font-family:Verdana, Helvetica,Arial,sans-serif;font-weight:bold;
text-decoration:underline;
transition:0.5s;
background-color:transparent;}

a.link_menu:visited{color: #ffffff;
font-family:Verdana, Helvetica,Arial,sans-serif;font-weight:bold;
text-decoration:none;
background-color:transparent;}

.bgcolor_bege {background-color: #E7EFEF;
margin-bottom: 1;
border-bottom-style:solid;
border-bottom-width:thin;
border-bottom-color:#ffffff;
font-family:Verdana,Arial,sans-serif;
font-weight:normal;
color:#333333;
letter-spacing:0px; }

.bgcolor_cinza {background-color: #999999;
margin-bottom: 1;
border-bottom-style:solid;
border-bottom-width:thin;
border-bottom-color:#ffffff;
font-family:Verdana,Arial,sans-serif;
font-weight:normal;
color:#000000;
letter-spacing:0px; 
}

#box1 {margin-bottom:10px;
margin-top:0; 
position:relative;
width:100%;
height:auto;
z-index:5; }

#box_flex {margin-bottom:0px;
margin-top:0px;
position:relative;
width:100%;
height:auto;
z-index:5;
float:left;}

#box-planos {position:relative;
    width:100%;
height:400px;
float:left;
margin-top:0;
margin-bottom:5px;
margin-left:5px;
z-index:9;}

#box-theend {position:relative;
width:100%;
height:220px;
float:left;
margin-top:6px;
background-image: url("design2021/backfoot2021.jpg");
background-color:#333333;
z-index:6;
clear:both;
}

.box-theend_element {font-family:Trebuchet MS,Verdana, Helvetica,Arial,sans-serif;
font-weight:normal;
font-size:1rem;
color:#ffffff;
margin-top:30px;
margin-left:5px;
background-color:transparent;
width:15%;
height:30px;
float:left;
position:relative;
padding:5px;
z-index:100;}

.box-theend_element ul {position:relative;
width:100%;
padding:0px;
margin-top:0px;
background-color:transparent;
list-style:none;
text-align:left;}

.box-theend_element ul li { display:block;}

.box-theend_element ul li a {padding: 2px 2px;
    display: block;
    /* visual do link */
    background-color:transparent;
    color: #ffffff;
    text-decoration: none;
    border-bottom:0px }
.box-theend_element ul li a:hover {
    background-color:#ff9900;
    color: #000000;
    border-bottom:0px;
}
.centralizar{text-align:center;}

.date{font-size:0.8rem;
font-family:Verdana,Arial,sans-serif;
font-weight:normal;
color:#666666;
text-align:left;
letter-spacing:0px;}

.flip {width:272;
height:186;
position:absolute;
float:left;
perspective: 1000px;}

.flip .frente {position:absolute;
transform:rotateY(0deg);
backface-visibility: hidden;
transition: all .4s linear;}

.flip .fundo {position:absolute;
transform:rotateY(180deg);
backface-visibility: hidden;
transition: all .4s linear;
    filter:grayscale(100%);
    -webkit-filter:grayscale(100%);}
    
 .flip:hover .frente{transform:rotateY(-180deg);
 cursor:pointer;}
 .flip:hover .fundo{transform:rotateY(0deg);
 cursor:pointer;}

#footer1 {width:20%;
border-right-style:solid;
border-right-width:thin;
border-right-color:#cccccc;
height:425px;
float:left;background-color:#ffffff;}

#footer1 h3 {font-family:Trebuchet MS,Verdana, Arial,sans-serif;
font-size:1.9rem;
font-weight:bold;
letter-spacing:0px;
color:#333333;
margin-bottom: 5px;
}

#footer1 h4 {font-family:Trebuchet MS, Verdana,Helvetica,Arial,sans-serif;
font-size:1rem;
font-weight:bold;
letter-spacing:0px;
color:#333333;
margin-left: 10%;
margin-bottom: 5px;
}

#footer2 {width:20%; 
border-right-style:solid;
border-right-width:thin; 
border-right-color:#cccccc;
height:425px;
float:left;
background-color:#ffffff; }

#footer2 h3 {font-family:Trebuchet MS, Verdana, Arial,sans-serif;
font-size:1.9rem;
font-weight:bold;
letter-spacing:0px;
color:#333333;
margin-bottom: 5px;
}

#footer2 h4 {font-family:Trebuchet MS,Verdana,Helvetica,Arial,sans-serif;
font-size:1rem;
font-weight:bold;
font-style: italic;
letter-spacing:0px;
color:#333333;
margin-left: 10%;
margin-bottom: 5px;
}

#footer3 {width:20%; border-right-style:solid;
border-right-width:thin;
border-right-color:#cccccc;
height:425px;
float:left;
background-color:#ffffff;}

#footer3 h3 {font-family: Trebuchet MS,Verdana, Arial,sans-serif;
font-size:1.9rem;
font-weight:bold;
letter-spacing:0px;
color:#000000;
margin-bottom: 5px;
}

#footer3 h4 {font-family:Trebuchet MS, Verdana,Helvetica,Arial,sans-serif;
font-size:1rem;
font-weight:bold;
font-style: italic;
letter-spacing:0px;
color:#333333;
margin-left: 10%;
margin-bottom: 5px;
}

#footer4 {width:20%; 
border-right-style:solid;
border-right-width:thin; 
border-right-color:#cccccc;
height:425px;
float:left;
background-color:#ffffff; }

#footer4 h3 {font-family: Trebuchet MS,Verdana, Arial,sans-serif;
font-size:1.9rem;
font-weight:bold;
letter-spacing:0px;
color:#333333;
margin-bottom: 5px;
}

#footer4 h4 {font-family:Trebuchet MS, Verdana,Helvetica,Arial,sans-serif;
font-size:1rem;
font-weight:bold;
font-style: italic;
letter-spacing:0px;
color:#333333;
margin-left: 10%;
margin-bottom: 5px;
}

#footer5 {width:19%;
height:425px;
float:left;
background-color:#ffffff;}

#footer5 h3 {font-family: Trebuchet MS,Verdana, Arial,sans-serif;
font-size:1.9rem;
font-weight:bold;
letter-spacing:0px;
color:#333333;
margin-bottom: 5px;
}

#footer5 h4 {font-family:Trebuchet, Verdana,Helvetica,Arial,sans-serif;
font-size:1rem;
font-weight:bold;
font-style: italic;
letter-spacing:0px;
color:#333333;
margin-left: 10%;
margin-bottom: 5px;
}

.galeria_agenda{width:100%;
position:relative;}

.galeria_quinto{width:50%; padding:1%;
float:left;
border:1px;
position:relative;}

.galeria_decimo {width:10%;
padding:1%;
float:left;
position:relative;}

#hidden { color:#cccccc;}

hr {position:relative;
border:0;
color:#ffffff;
background-color:#cccccc;
margin-top:10;
margin-bottom:10;
width:60%;
height:1px;}

.menubar {position:relative; 
  width:100%; 
  height:100px; 
   background-image: url("design2021/backmenu.png");
   background-color:#000000;
  margin-top:0px; margin-left:0px;}

#menu ul {position:relative;  
padding:0px;
    margin-top:0px;
    background-color:#000000;
    list-style:none;}

#menu ul li { display: inline; }

#menu ul li a {padding: 2px 10px;
    display: inline-block;
    /* visual do link */
    background-color:#000000;
    color: #ffffff;
    text-decoration: none;
    border-bottom:0px;}

#menu ul li a:hover {
    background-color:#ff9900;
    color: #000000;
    border-bottom:0px;
  transform: scale(1.1);
}



#profs{position:relative;
width:99%;
background-color:#cccccc;
height:auto;
padding:0;
z-index:7;
}

#profs-left {position:relative;
float:left;
width:25%;
height:auto; 
margin-top:8;
margin-bottom:8;
margin-left:50;
z-index:8;
}

#profs-right {position:relative;
float:left;
width:70%;
height:auto; 
margin-top:8;
margin-bottom:8;
margin-left:8;
z-index:8;
}

#profs-right h3 {position:relative;
font-family:Trebuchet MS, Verdana, Helvetica,Arial,sans-serif;
font-size:1.5rem;
font-weight:normal;
color:#7e1212;
width:100%;
margin-left:16;
margin-top:16;
margin-bottom:0;
float:left;
}

#profs-right p {position:relative;
font-family:Trebuchet MS, Verdana, Helvetica,Arial,sans-serif;
font-size:1rem;
font-weight:normal;
color:#000000;
width:85%;
text-align:justify;
line-height:25px;
margin-left:16;
margin-top:8;
margin-bottom:16;
float:left;}

.sleever{position:relative;
width:100%;
height:auto;
float:left;
margin-top:5;
margin-bottom:15;
}
    
.sleever p {font-size:15px;
font-weight:normal;
color:#666666;
width:80%;
height:auto;
text-align:left;
line-height:25px;
letter-spacing:2px;  
margin-top:5;
margin-bottom:5;
}

.sleever h3 {font-family:Trebuchet MS,Verdana,Helvetica,Arial,sans-serif;
font-size:1.6rem;
font-weight:normal;
letter-spacing:0;
color:#333333;
margin-bottom: 0px;
}

.sleever h4 {font-family:Trebuchet MS,Verdana,Helvetica,Arial,sans-serif;
font-size:1.3rem;
font-weight:normal;
letter-spacing:0;
color:#333333;
margin-bottom: 0px;
}

.sleever2{width:49%;
height:auto; 
padding:5px;
float:left;
border:1px;
background-color:#ffffff;
position:relative;
z-index:10;
transition: 1s;
}


.sleever3{width:32%;
height:auto; 
padding:5px;
float:left;
border:1px;
background-color:#ffffff;
position:relative;
z-index:10;
transition: 1s;
}

.sleever3:hover  {transform: scale(1.1);}

.sleever3 h3 {font-family:Trebuchet MS,Verdana,Helvetica,Arial,sans-serif;
font-size:1.6rem;
font-weight:normal;
letter-spacing:0px;
color:#333333;
margin-left:50px;
margin-bottom: 5px;
}

.sleever3 p {font-family:Trebuchet MS,Verdana,Helvetica,Arial,sans-serif;
font-size:1rem;
font-weight:normal;
color:#666666;
width:75%;
text-align:justify;
margin-top:8;
transition: 1s;
}

.sleever3 h3 {font-family:Trebuchet MS,Verdana,Helvetica,Arial,sans-serif;
font-size:1.6rem;
font-weight:500;
letter-spacing:0px;
color:#666666;
width:75%;
margin-top:5px;
margin-left:50px;
margin-bottom: 5px;
}
.sleever3 h4 {font-family:Trebuchet MS,Verdana,Helvetica,Arial,sans-serif;
font-size:1.3rem;
font-weight:500;
letter-spacing:0px;
color:#666666;
width:75%;
margin-top:5px;
margin-left:50px;
margin-bottom: 5px;
}

.sleever4{width:24%;
height:auto; 
padding:5px;
float:left;
border:1px;
position:relative;}

.sleever4 h4 {font-family:Trebuchet MS,Verdana,Helvetica,Arial,sans-serif;
font-size:1.3rem;
font-weight:bold;
letter-spacing:0px;
color:#333333;
width:75%;
margin-top: 5px;
margin-bottom: 0px;
}

.sleever4 p {font-family:Trebuchet MS,Verdana,Helvetica,Arial,sans-serif;
font-size:1rem;
font-weight:500;
letter-spacing:0px;
color:#666666;
width:75%;
margin-left:50px;
margin-bottom: 5px;
}

.sleever5{width:18%;
height:280px; 
padding:6px;
float:left;
border:1px;
position:relative;
margin-bottom:10px;}

.sleever5 h4 {font-family:Trebuchet MS,Verdana,Helvetica,Arial,sans-serif;
font-size:1.3rem;
font-weight:normal;
letter-spacing:0px;
color:#333333;
width:95%;
margin-top: 8px;
margin-bottom: 0px;
margin-left: 0px;
text-align:left;
}

.sleever5 p {
font-family:Verdana,Helvetica,Arial,sans-serif;
font-size:0.8rem;
font-weight:bold;
letter-spacing:0px;
color:#999999;
width:95%;
margin-bottom: 5px;
margin-left: 0px;
text-align:left;}

.sleever6{width:16%;
height:auto; 
float:left;
position:relative;}

.textual {position:relative;
width:80%;
height:auto;
float:center;
margin-top:5;
margin-bottom:15;
} 

.textual h1 {position:relative;
font-family:Trebuchet MS, Verdana,Helvetica,Arial,sans-serif;
text-align:center;  
font-size: 2.3rem;
color:#333333;
letter-spacing:0px;
line-height: 2;
width:80%;
margin-bottom:15px; 
}
.textual h3 {position:relative;
font-family:Trebuchet MS, Verdana,Helvetica,Arial,sans-serif;
  text-align:center;  
font-size: 1.7rem;
color:#333333;
letter-spacing:0px;
line-height: 1;
margin-bottom:15px;
}

.textual p {position:relative;
font-family:Trebuchet MS, Verdana,Helvetica,Arial,sans-serif;  
font-size: 1.1rem;
font-weight:normal;
color:#333333;
letter-spacing:0px;
line-height: 2;
text-align:left;
margin-bottom:15px;
width:80%;
}

.under {width:100%;
height:auto;
margin-top:-160px;
position:relative;
float:left;
z-index:0;}

.zoom {
  width: 100%;
  height: auto;
  transition: width 1s;
  background-color:transparent;
}
.zoom:hover {
  width: 90%;
  height: auto;
  background-color:transparent;
}