/******************************************************************************/
/* Limpeza do CSS */
/******************************************************************************/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}

/******************************************************************************/
/* Carregar a fonte */
/******************************************************************************/

@font-face {
	font-family: 'playlist';
        src: url('../_font/playlistscript-webfont.woff2') format('woff2'),
         url('../_font/playlistscript-webfont.woff') format('woff'),
         url('../_font/playlistscript-webfont.ttf') format('truetype'),
         url('../_font/playlistscript-webfont.svg#playlistscript') format('svg');
        font-weight: normal;
        font-style: normal;
}

/******************************************************************************/
/* Corpo da Páguina */
/******************************************************************************/

body {
    background-color: #FFF;
    font-family: 'playlist';
}



/******************************************************************************/
/* Logotipo */
/******************************************************************************/

#cabecalho{
    background-color: #cccccc;
	height: 125px;
	/*padding-top: 20px;*/
}

#logotip{
    font-size: 50px;
    display: inline;
    position: relative;
    top: 25px;
	
}

#logoimg {
    height: 124px;
    width: 175px;
    float: left;
}

/******************************************************************************/
/* Menú de Navegação */
/******************************************************************************/

#naveg{
    position: absolute;
    right: 1em;
    top: 75px;
	
	/*display: inline;
    float: right;
	padding-top: 100px;*/ 
}

	#naveg> ul> li> a {
		outline:1;
		font-size: 2em;
		color: #000000;
		text-decoration: none;
		margin-left: 0.5em;
	}
	
	#naveg li.activo a{
		color: #666666;
	}

#naveg> ul> li{
    display: inline;
}

#naveg> ul> li> a:hover {
	color: #FFFFFF;
}

/******************************************************************************/
/* Imagem Corpo */
/******************************************************************************/
#page{
    position: relative;
    top: 0px;
    left: 0px;
}

#maqfundo{
    width: 100%;
    height: auto;
}
#fundo2aniv{
	width: 79%;
	height: auto;
	
}
/******************************************************************************/
/* Menu Esquenda */
/******************************************************************************/
#bl_esq{
    position: absolute;
    top: 150px;
    right: 6px;
}

#bl_esq> ul> li> a> img {
    display: block;
	
}

#bl_esq> ul> li> a> img:hover {
	filter:invert(100%);
	filter:blur(5px);
}

/******************************************************************************/
/* Letreiro */
/******************************************************************************/
#letreiro1{
	color: #ffffff;
	font-size: 3em;
	position: absolute;
	top: 300px;
	left:100px;
}

#letreiro2{
	color: #ffffff;
	font-size:6em;
	position:absolute;
	top: 400px;
	left: 350px;
}
/******************************************************************************/
/* Texto Sobre */
/******************************************************************************/
#sobre1{
	color: #000000;
	font-size: 1.25em;
	position: absolute;
	display: inline;
	top: 200px; 
	left:80%;
	width: 19%;
	background-color: #ffffff;
	text-align: justify;
	
}

/******************************************************************************/
/* Rodapé */
/******************************************************************************/

#rodape{
    display: block;
	background-color: #000000;
	position: relative;
	top:-5px;
	
}

#direitos {
	color: #FFFFFF;	
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	text-align: center;
	
}