body{
	width: 100%;
	height: 100%;
	padding:0px;
	margin:0px;
	background-color: #ffffff;
	background: url("image/background1.png")left bottom no-repeat fixed,url("image/background.png")right top no-repeat fixed;
}

@font-face {
    font-family: menu;
    src: url(menu.otf);
}

#item1{
	padding-top:12px; 
	top: 100px;
	width: 230px;
	height: 38px;
	background-color: #b7424e;
	position: fixed;
	border-radius: 0px 10px 10px 0px;
	font-family: menu;
	color: #ffffff;
	font-size: 24px;
	text-align: center;
	cursor: pointer;
	background-position: right;
}

#item1:hover{
	background-image: url("image/menubg.png");
	background-position: right;
	background-repeat: no-repeat;
	
}

#item2{
	padding-top:12px; 
	top: 160px;
	width: 230px;
	height: 38px;
	background-color: #1a67b5;
	position: fixed;
	border-radius: 0px 10px 10px 0px;
	font-family: menu;
	color: #ffffff;
	font-size: 24px;
	text-align: center;
	cursor: pointer;
}

#item2:hover{
	background-image: url("image/menubg.png");
	background-position: right;
	background-repeat: no-repeat;
	
}

#item3{
	padding-top:12px; 
	top: 220px;
	width: 230px;
	height: 38px;
	background-color: #bb6ab1;
	position: fixed;
	border-radius: 0px 10px 10px 0px;
	font-family: menu;
	color: #ffffff;
	font-size: 24px;
	text-align: center;
	cursor: pointer;
}

#item3:hover{
	background-image: url("image/menubg.png");
	background-position: right;
	background-repeat: no-repeat;
	
}


p{
	padding-top: 10px;
	text-align: justify;
	text-indent: 30px;
	line-height: 30px;
	font-size: 30px;
}

#logo{
	top: 10px;
	padding: 10px;
	width: 500px;
	height: 130px;
	position: relative;
	background-image: url("image/pm.png");
	background-position: center center;
	background-size: 90%;
	left: 50%;
	margin-left: -250px;
	background-repeat: no-repeat;
}

#logosenac{
	width: 200px;
	height: 200px;
	position: fixed;
	bottom: 0px;
	right: 30px;
	background-image: url("image/senac.png");
	background-position: center center;
	background-size: 100%;
	background-repeat: no-repeat;
}

a{
	text-decoration: none;
}

#corpograde{
	top:10px;
	width:1025px;
	height: 810px;
	position: relative;
	left: 50%;
	margin-left: -512px;
}

#corposobre{
	top:10px;
	width:900px;
	height: 580px;
	position: relative;
	left: 50%;
	margin-left: -450px;
	color: #ffffff;
	font-family: menu;
	line-height: 40px;
	font-size: 26px;
	background-image: url("image/fundocorpo.png");
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 15px;
}

#corpodocentes{
	top:100px;
	width:900px;
	height: 430px;
	position: relative;
	left: 50%;
	margin-left: -450px;
	color: #ffffff;
	font-family: menu;
	line-height: 40px;
	font-size: 40px;
	background-image: url("image/fundodocente.png");
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 15px;
}

#frase{
	top: 30px;
	position: relative;
	width: 900px;
	height: 60px;
	font-family: menu;
	line-height: 40px;
	font-size: 50px;
	float: left;
	text-align:center; 


}


#box1{
	width: 150px;
	height: 150px;
	float: left;
	margin-left: 35px;
	margin-right: 10px;
	margin-top: 10px;
	border-radius: 25px 0px 0px 0px;
	background-color: #48D1CC;
	cursor: pointer;
	background-image: url("image/1sem.png");
}

#box1:hover{
	background-image: url("image/1sem.png"), url("image/selecionado.png");
}

#box2{
	width: 150px;
	height: 150px;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	background-color: #FFA07A;
	cursor: pointer;
	background-image: url("image/cadeira1.png");
}

#box2:hover{
	background-image: url("image/cadeira1.png"), url("image/selecionado.png");
}

#box3{
	width: 150px;
	height: 150px;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	background-color: #00BFFF;
	cursor: pointer;
	background-image: url("image/cadeira2.png");
}

#box3:hover{
	background-image: url("image/cadeira2.png"), url("image/selecionado.png");
}

#box4{
	width: 150px;
	height: 150px;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	background-color: #DC143C;
	cursor: pointer;
	background-image: url("image/cadeira3.png");
}

#box4:hover{
	background-image: url("image/cadeira3.png"), url("image/selecionado.png");
}

#box5{
	width: 150px;
	height: 150px;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	background-color: #FF7F50;
	cursor: pointer;
	background-image: url("image/cadeira4.png");
}

#box5:hover{
	background-image: url("image/cadeira4.png"), url("image/selecionado.png");
}

#box6{
	width: 150px;
	height: 150px;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	background-color: #6666FF;
	border-radius: 0px 25px 0px 0px;
	cursor: pointer;
	background-image: url("image/cadeira5.png");
}

#box6:hover{
	background-image: url("image/cadeira5.png"), url("image/selecionado.png");
}

#box7{
	width: 150px;
	height: 150px;
	float: left;
	margin-top:10px;
	margin-left: 35px;
	margin-right: 10px;
	clear: left;
	background-color: #48D1CC;
	cursor: pointer;
	background-image: url("image/2sem.png");
}

#box7:hover{
	background-image: url("image/2sem.png"), url("image/selecionado.png");
}

#box8{
	width: 150px;
	height: 150px;
	float: left;
	margin-top:10px;
	margin-right: 10px;
	background-color: #87CEEB;
	cursor: pointer;
	background-image: url("image/cadeira6.png");
}

#box8:hover{
	background-image: url("image/cadeira6.png"), url("image/selecionado.png");
}


#box9{
	width: 150px;
	height: 150px;
	float: left;
	margin-top:10px;
	margin-right: 10px;
	background-color: #F08080;
	cursor: pointer;
	background-image: url("image/cadeira7.png");
}

#box9:hover{
	background-image: url("image/cadeira7.png"), url("image/selecionado.png");
}

#box10{
	width: 150px;
	height: 150px;
	float: left;
	margin-top:10px;
	margin-right: 10px;
	background-color: #8B0000;
	cursor: pointer;
	background-image: url("image/cadeira8.png");
}

#box10:hover{
	background-image: url("image/cadeira8.png"), url("image/selecionado.png");
}

#box11{
	width: 150px;
	height: 150px;
	float: left;
	margin-top:10px;
	margin-right: 10px;
	background-color: #66CDAA;
	cursor: pointer;
	background-image: url("image/cadeira9.png");
}

#box11:hover{
	background-image: url("image/cadeira9.png"), url("image/selecionado.png");
}

#box12{
	width: 150px;
	height: 150px;
	float: left;
	margin-top:10px;
	margin-right: 10px;
	background-color: #FF4500;
	cursor: pointer;
	background-image: url("image/cadeira10.png");
}

#box12:hover{
	background-image: url("image/cadeira10.png"), url("image/selecionado.png");
}

#box13{
	width: 150px;
	height: 150px;
	float: left;
	margin-top:10px;
	margin-left: 35px;
	margin-right: 10px;
	background-color: #48D1CC;
	cursor: pointer;
	background-image: url("image/3sem.png");
}

#box13:hover{
	background-image: url("image/3sem.png"), url("image/selecionado.png");
}

#box14{
	width: 150px;
	height: 150px;
	float: left;
	margin-top:10px;
	margin-right: 10px;
	background-color: #32CD32;
	cursor: pointer;
	background-image: url("image/cadeira11.png");
}

#box14:hover{
	background-image: url("image/cadeira11.png"), url("image/selecionado.png");
}

#box15{
	width: 150px;
	height: 150px;
	float: left;
	margin-top:10px;
	margin-right: 10px;
	background-color: #9ACD32;
	cursor: pointer;
	background-image: url("image/cadeira12.png");
}

#box15:hover{
	background-image: url("image/cadeira12.png"), url("image/selecionado.png");
}


#box16{
	width: 150px;
	height: 150px;
	float: left;
	margin-top:10px;
	margin-right: 10px;
	background-color: #DA70D6;
	cursor: pointer;
	background-image: url("image/cadeira13.png");
}

#box16:hover{
	background-image: url("image/cadeira13.png"), url("image/selecionado.png");
}

#box17{
	width: 150px;
	height: 150px;
	float: left;
	margin-top:10px;
	margin-right: 10px;
	background-color: #A0522D;
	cursor: pointer;
	background-image: url("image/cadeira14.png");
}

#box17:hover{
	background-image: url("image/cadeira14.png"), url("image/selecionado.png");
}

#box18{
	width: 150px;
	height: 150px;
	float: left;
	margin-top:10px;
	margin-right: 10px;
	background-color: #DEB887;
	cursor: pointer;
	background-image: url("image/cadeira15.png");
}

#box18:hover{
	background-image: url("image/cadeira15.png"), url("image/selecionado.png");
}


#box19{
	width: 150px;
	height: 150px;
	float: left;
	margin-top:10px;
	margin-left: 35px;
	margin-right: 10px;
	background-color: #48D1CC;
	cursor: pointer;
	background-image: url("image/4sem.png");
}

#box19:hover{
	background-image: url("image/4sem.png"), url("image/selecionado.png");
}

#box20{
	width: 150px;
	height: 150px;
	float: left;
	margin-top:10px;
	margin-right: 10px;
	background-color: #DAA520;
	cursor: pointer;
	background-image: url("image/cadeira16.png");
}

#box20:hover{
	background-image: url("image/cadeira16.png"), url("image/selecionado.png");
}

#box21{
	width: 150px;
	height: 150px;
	float: left;
	margin-top:10px;
	margin-right: 10px;
	background-color: #BC8F8F;
	cursor: pointer;
	background-image: url("image/cadeira17.png");
}

#box21:hover{
	background-image: url("image/cadeira17.png"), url("image/selecionado.png");
}

#box22{
	width: 150px;
	height: 150px;
	float: left;
	margin-top:10px;
	margin-right: 10px;
	background-color: #4B0082;
	cursor: pointer;
	background-image: url("image/cadeira18.png");
}

#box22:hover{
	background-image: url("image/cadeira18.png"), url("image/selecionado.png");
}

#box23{
	width: 150px;
	height: 150px;
	float: left;
	margin-top:10px;
	margin-right: 10px;
	background-color: #BA55D3;
	cursor: pointer;
	background-image: url("image/cadeira19.png");
}

#box23:hover{
	background-image: url("image/cadeira19.png"), url("image/selecionado.png");
}

#box24{
	width: 150px;
	height: 150px;
	float: left;
	margin-top:10px;
	margin-right: 10px;
	background-color: #FF00FF;
	cursor: pointer;
	background-image: url("image/cadeira20.png");
}

#box24:hover{
	background-image: url("image/cadeira20.png"), url("image/selecionado.png");
}

#box25{
	width: 150px;
	height: 150px;
	float: left;
	margin-top:10px;
	margin-left: 35px;
	margin-right: 10px;
	border-radius: 0px 0px 0px 25px;
	background-color: #48D1CC;
	cursor: pointer;
	background-image: url("image/5sem.png");
}

#box25:hover{
	background-image: url("image/5sem.png"), url("image/selecionado.png");
}

#box26{
	width: 150px;
	height: 150px;
	float: left;
	margin-top:10px;
	margin-right: 10px;
	background-color: #FF1493;
	cursor: pointer;
	background-image: url("image/cadeira21.png");
}

#box26:hover{
	background-image: url("image/cadeira21.png"), url("image/selecionado.png");
}

#box27{
	width: 150px;
	height: 150px;
	float: left;
	margin-top:10px;
	margin-right: 10px;
	background-color: #00008B;
	cursor: pointer;
	background-image: url("image/cadeira22.png");
}

#box27:hover{
	background-image: url("image/cadeira22.png"), url("image/selecionado.png");
}

#box28{
	width: 150px;
	height: 150px;
	float: left;
	margin-top:10px;
	margin-right: 10px;
	background-color: #1188AA;
	cursor: pointer;
	background-image: url("image/cadeira23.png");
}

#box28:hover{
	background-image: url("image/cadeira23.png"), url("image/selecionado.png");
}

#box29{
	width: 150px;
	height: 150px;
	float: left;
	margin-top:10px;
	margin-right: 10px;
	background-color: #D6A648;
	cursor: pointer;
	background-image: url("image/cadeira24.png");
}

#box29:hover{
	background-image: url("image/cadeira24.png"), url("image/selecionado.png");
}

#box30{
	width: 150px;
	height: 150px;
	float: left;
	margin-top:10px;
	margin-right: 10px;
	background-color: #2F4F4F;
	border-radius: 0px 0px 25px 0px;
	cursor: pointer;
	background-image: url("image/cadeira25.png");
}

#box30:hover{
	background-image: url("image/cadeira25.png"), url("image/selecionado.png");
}

#docente1{
	width: 150px;
	height: 150px;
	float: left;
	margin-left: 25px;
	margin-right: 10px;
	margin-top: 10px;
	border-radius: 75px;
	background-color: #48D1CC;
	border: 2px solid #ffffff;
	font-size: 0px;
	background-image: url("image/docente1.jpg");
	background-size: 100%;
}

#docente2{
	width: 150px;
	height: 150px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	border-radius: 75px;
	background-color: #48D1CC;
	border: 2px solid #ffffff;
	font-size: 0px;
	background-image: url("image/docente2.jpg");
	background-size: 100%;
}

#docente3{
	width: 150px;
	height: 150px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	border-radius: 75px;
	background-color: #48D1CC;
	border: 2px solid #ffffff;
	font-size: 0px;
	background-image: url("image/docente3.jpg");
	background-size: 100%;
}

#docente4{
	width: 150px;
	height: 150px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	border-radius: 75px;
	background-color: #48D1CC;
	border: 2px solid #ffffff;
	font-size: 0px;
	background-image: url("image/docente4.jpg");
	background-size: 100%;
}

#docente5{
	width: 150px;
	height: 150px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	border-radius: 75px;
	background-color: #48D1CC;
	border: 2px solid #ffffff;
	font-size: 0px;
	background-image: url("image/docente5.jpg");
	background-size: 100%;
}

#docente6{
	width: 150px;
	height: 150px;
	float: left;
	margin-left: 25px;
	margin-right: 10px;
	margin-top: 50px;
	border-radius: 75px;
	background-color: #48D1CC;
	border: 2px solid #ffffff;
	font-size: 0px;
	background-image: url("image/docente6.jpg");
	background-size: 100%;
}

#docente7{
	width: 150px;
	height: 150px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 50px;
	border-radius: 75px;
	background-color: #48D1CC;
	border: 2px solid #ffffff;
	font-size: 0px;
	background-image: url("image/docente7.jpg");
	background-size: 100%;
}

#docente8{
	width: 150px;
	height: 150px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 50px;
	border-radius: 75px;
	background-color: #48D1CC;
	border: 2px solid #ffffff;
	font-size: 0px;
	background-image: url("image/docente8.jpg");
	background-size: 100%;
}

#docente9{
	width: 150px;
	height: 150px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 50px;
	border-radius: 75px;
	background-color: #48D1CC;
	border: 2px solid #ffffff;
	font-size: 0px;
	background-image: url("image/docente9.jpg");
	background-size: 100%;
}

#docente10{
	width: 150px;
	height: 150px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 50px;
	border-radius: 75px;
	background-color: #48D1CC;
	border: 2px solid #ffffff;
	font-size: 0px;
	background-image: url("image/docente10.jpg");
	background-size: 100%;
}

#docente1:hover{
	font-size: 34px;
	color: #ffffff;
	text-align: center;
	padding-top: 60px;
	height: 90px;
	text-shadow: 1px 0px 0px  #000, -1px 0px 0px #000, 0px 1px 0px  #000, 0px -1px 0px  #000; 
	font-weight: bold;
	cursor: pointer;

}

#docente2:hover{
	font-size: 34px;
	color: #ffffff;
	text-align: center;
	padding-top: 60px;
	height: 90px;
	text-shadow: 1px 0px 0px  #000, -1px 0px 0px #000, 0px 1px 0px  #000, 0px -1px 0px  #000; 
	font-weight: bold;
	cursor: pointer;

}

#docente3:hover{
	font-size: 34px;
	color: #ffffff;
	text-align: center;
	padding-top: 60px;
	height: 90px;
	text-shadow: 1px 0px 0px  #000, -1px 0px 0px #000, 0px 1px 0px  #000, 0px -1px 0px  #000; 
	font-weight: bold;
	cursor: pointer;

}

#docente4:hover{
	font-size: 34px;
	color: #ffffff;
	text-align: center;
	padding-top: 60px;
	height: 90px;
	text-shadow: 1px 0px 0px  #000, -1px 0px 0px #000, 0px 1px 0px  #000, 0px -1px 0px  #000; 
	font-weight: bold;
	cursor: pointer;

}

#docente5:hover{
	font-size: 34px;
	color: #ffffff;
	text-align: center;
	padding-top: 60px;
	height: 90px;
	text-shadow: 1px 0px 0px  #000, -1px 0px 0px #000, 0px 1px 0px  #000, 0px -1px 0px  #000; 
	font-weight: bold;
	cursor: pointer;

}

#docente6:hover{
	font-size: 34px;
	color: #ffffff;
	text-align: center;
	padding-top: 60px;
	height: 90px;
	text-shadow: 1px 0px 0px  #000, -1px 0px 0px #000, 0px 1px 0px  #000, 0px -1px 0px  #000; 
	font-weight: bold;
	cursor: pointer;

}

#docente7:hover{
	font-size: 34px;
	color: #ffffff;
	text-align: center;
	padding-top: 60px;
	height: 90px;
	text-shadow: 1px 0px 0px  #000, -1px 0px 0px #000, 0px 1px 0px  #000, 0px -1px 0px  #000; 
	font-weight: bold;
	cursor: pointer;

}

#docente8:hover{
	font-size: 34px;
	color: #ffffff;
	text-align: center;
	padding-top: 60px;
	height: 90px;
	text-shadow: 1px 0px 0px  #000, -1px 0px 0px #000, 0px 1px 0px  #000, 0px -1px 0px  #000; 
	font-weight: bold;
	cursor: pointer;

}

#docente9:hover{
	font-size: 34px;
	color: #ffffff;
	text-align: center;
	padding-top: 60px;
	height: 90px;
	text-shadow: 1px 0px 0px  #000, -1px 0px 0px #000, 0px 1px 0px  #000, 0px -1px 0px  #000; 
	font-weight: bold;
	cursor: pointer;

}

#docente10:hover{
	font-size: 34px;
	color: #ffffff;
	text-align: center;
	padding-top: 60px;
	height: 90px;
	text-shadow: 1px 0px 0px  #000, -1px 0px 0px #000, 0px 1px 0px  #000, 0px -1px 0px  #000; 
	font-weight: bold;
	cursor: pointer;

}