@charset "utf-8";
/* CSS Document */

body {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}

a:link {
	color: #6349BA;
}
a:visited {
	color: #6349BA;
}
a:hover {
	color: #941FD0;
}
a:active {
	color: #E44288;
}

#logotipo {
	z-index: 2;
	width: 16%;
	height: 10%;
	float: left;
}
#titulo {
	z-index: 2;
	width: 84%;
	height: 10%;
	float: right;
	background-color: #DBD6EF;
}
#container {
	z-index: 1;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	height: 1000px;
	background-color: #DBD6EF;
}
#container #titulo img {
	margin-top: 10px;
}
#container #titulo {
	text-align: center;
	color: #FFFFFF;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: large;
}
#blank {
	z-index: 2;
	width: 100%;
	height: 7%;
	clear: both;
	background-color: #DBD6EF;
	text-align: center;
	color: #6349BA;
	font-weight: bold;
	font-size: x-large;
}
#menu {
	width: 90%;
	float: right;
}
#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8, #menu9, #menu10, #menu11, #menu12, #menu13, #menu14 {
	font-size: medium;
	width: 12%;
	float: right;
	padding-right: 2px;

	margin-left: 0px;
	margin-top: 6px;
	margin-right: 6px;
	background-color: #CBE5D3;
}
#autor {
	font-size: large;
	width: 100%;
	padding-left: 2px;
	margin-top: 6px;
	margin-left: 6px;

	text-align: center;
}
#cont_periferico {
	position: relative;
	width: 100%;
	height: 90%;
	background-color: #DBD6EF;
	}
#colE {
	width: 14%;
	position: absolute;
}
#colD {
	z-index: 2;
	width: 14%;
	position: absolute;
	left: 817px;
	top: 103px;
}
#cont_central {
	z-index: 2;
	width: 66,5%;
	height: 45%;
	position: absolute;
	left: 160px;
	top: 118px;
}
#cont_central2 {
	z-index: 2;
	width: 66,5%;
	height: 45%;
	position: absolute;
	left: 160px;
	top: 118px;
	
}
#cont_central3 {
	z-index: 2;
	width: 66,5%;
	height: 45%;
	position: absolute;
	left: 160px;
	top: 10px;
}
#cont_central4 {
	z-index: 2;
	width: 66,5%;
	height: 45%;
	position: absolute;
	left: 280px;
	top: 208px;
}
#colInf {
	width: 100%;
	z-index: 2;
	position: absolute;
	top: 619px;
	left: 0px;
}

#colInf2 {
	width: 100%;
	z-index: 2;
	position: absolute;
	top: 519px;
	left: 0px;
}
#rodape {
	width: 100%;
	z-index: 2;
	position: absolute;
	left: 0px;
	top: 724px;
}

/* Para o arquivo vaca.html */
#ECD {
	position: relative;
	width: 960px;
	height: 810px;
	background-color: #EFF8EF;
}
#esquerda {
	width: 12%;
	position: absolute;
	left: 50px;
	top: 20px;
}
#direita {
	width: 12%;
	position: absolute;
	top: 20px;
	right: 50px;
}
#centro {
	width: 50%;
	height: 81%;
	position: absolute;
	left: 240px;
	top: 10px;
}
#inferior {
	position: absolute;
	top: 640px;
	height: 15%;
	width: 42%;
	left: 290px;
	}
/* Para o arquivo varios.html */
#barravert {
	position: relative;
	width: 99.5%;
	background-color: #DBD6EF;
	z-index: 2;
	overflow-y: scroll;
	overflow-x: hidden;
	border: 2px solid #6349BA;
	height: 850px;
}
#mini {
	width: 12%;
	position: absolute;
	left: 50px;
	top: 30px;
	color: #6349BA;
	font-weight: bold;
	text-align: center;
}
#maxi {
	width: 67%;
	position: absolute;
	top: 30px;
	left: 240px;
	height: 480px;
	color: #6349BA;
	font-weight: bold;
	text-align: center;
}
#last {
	background-color: #EFF8EF;
}
/* Para o arquivo youtube.html*/
#conteudo {
	position: relative;
	width: 99.5%;
	background-color: #EFF8EF;
	z-index: 2;
	overflow-y: scroll;
	overflow-x: hidden;
	border: 2px solid #81B981;
	height: 630px;
}