@font-face{
	font-family: menu;
	src: url('font/menu.ttf');
	src: local('menu'), url('font/menu.ttf') format('truetype');
}

@font-face{
	font-family: texto;
	src: url('font/texto.ttf');
	src: local('texto'), url('font/texto.ttf') format('truetype');
}

@font-face{
	font-family: textonegrito;
	src: url("font/textonegrito.ttf");
}

body{
	padding:0px;
	margin: 0px;
	background-image: url("image/background.png");
	background-size: 100%;
}

#topo{
	width:100%;
	height: 120px;
	background-image: url("image/background.png");
	background-size: 100%;
}

#logo{
	width: 230px;
	height: 100%;
	background-image: url("image/logoold.png");
	background-repeat: no-repeat;
	background-size: 90%;
	background-position: center center;
	position: relative;
	left: 50%;
	margin-left: -100px;
	
}

#divisao{
	width:100%;
	height: 2px;
	background-color: #c0c0c0 ;
}
#menufundo{
	width:100%;
	height: 100px;
	background-color: #ffffff;
}

#menu{
	width:1224px;
	height: 100px;
	background-color: #ffffff;
	position: absolute;
	left: 50%;
	margin-left: -612px;
}

#item1{
    width:204px;
	height: 65px;
	background-color: #ffffff;
	float: left;
	font-family: menu;
	font-size: 30px;
	text-align: center;
	padding-top: 35px;
	cursor: pointer;
	
}

#item1:hover{
	background-color: #FFFF99;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

#item2{
	width:204px;
	height: 65px;
	background-color: #ffffff;
	float: left;
	font-family: menu;
	font-size: 30px;
	text-align: center;
	padding-top: 35px;
	cursor: pointer;
	
}

#item2:hover{
	background-color: #FFFF99;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

#item3{
	width:204px;
	height: 65px;
	background-color: #ffffff;
	float: left;
	font-family: menu;
	font-size: 30px;
	text-align: center;
	padding-top: 35px;
	cursor: pointer;
	
}


#item3:hover{
	background-color: #FFFF99;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

#item4{
	width:204px;
	height: 65px;
	background-color: #ffffff;
	float: left;
	font-family: menu;
	font-size: 30px;
	text-align: center;
	padding-top: 35px;
	cursor: pointer;
	
}

#item4:hover{
	background-color: #FFFF99;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

#item5{
	width:204px;
	height: 65px;
	background-color: #ffffff;
	float: left;
	font-family: menu;
	font-size: 30px;
	text-align: center;
	padding-top: 35px;
	cursor: pointer;
	
}

#item5:hover{
	background-color: #FFFF99;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

#redesocial{
	width:204px;
	height: 100px;
	background-color: #ffffff;
	float: left;
}

#face{
	top: -5px;
	width: 40px;
	height: 50px;
	border-radius: 5px 5px 25px 25px;
	background-color: #000000;
	position: absolute;
	right: 10px;
	z-index: 97;
	background-image: url("image/facebook.png");
	background-repeat: no-repeat;
	background-position: center 12px;
	background-size: 80%;
	cursor: pointer;
}

#face:hover{
	height: 90px;
	background-position: center 30px;
	background-color: #3B5998;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

#youtube{
	top: -5px;
	width: 40px;
	height: 50px;
	border-radius: 5px 5px 25px 25px;
	background-color: #000000;
	position: absolute;
	right: 60px;
	z-index: 97;
	background-image: url("image/youtube.png");
	background-repeat: no-repeat;
	background-position: center 12px;
	background-size: 80%;
	cursor: pointer;
}

#youtube:hover{
	height: 90px;
	background-position: center 30px;
	background-color: #b31217;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

#vimeo{
	top: -5px;
	width: 40px;
	height: 50px;
	border-radius: 5px 5px 25px 25px;
	background-color: #000000;
	position: absolute;
	right: 110px;
	z-index: 97;
	background-image: url("image/vimeo.png");
	background-repeat: no-repeat;
	background-position: center  12px;
	background-size: 80%;
	cursor: pointer;
}

#vimeo:hover{
	height: 90px;
	background-position: center 30px;
	background-color: #45bbff;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

#instagram{
	top: -5px;
	width: 40px;
	height: 50px;
	border-radius: 5px 5px 25px 25px;
	background-color: #000000;
	position: absolute;
	right: 160px;
	z-index: 97;
	background-image: url("image/instagram.png");
	background-repeat: no-repeat;
	background-position: center 12px;
	background-size: 80%;
	cursor: pointer;
}

#instagram:hover{
	height: 90px;
	background-position: center 30px;
	background-color: #517fa4;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

#nomefundo{
 	width: 100%;
 	height: 50px;
 	background-color: #e0e0e0;
 	position: relative;
 	top: 25px;
 	background: 
 	url("image/nomeesquerda.png") left no-repeat,
	url("image/nomedireita.png") right no-repeat,
 	url("image/nomefundo.png") center;
 	z-index: 99;		
}	

#nome{
	width: 1024px;
 	height: 43px;
 	background-color: #e0e0e0;
 	position: relative;
 	left: 50%;
 	margin-left: -512px;
 	font-family: textonegrito;
 	font-size: 32px;
 	padding-top: 7px;
 	text-align: center;
 	z-index: 99;
}


#diretor1{
	top: 0px;
	width: 100%;
	height: 250px;
	background-image: url("image/diretor1.png");
 	background-size: 285px 100%;
 	background-repeat: no-repeat;
 	background-position: right;
 	position: absolute;
 	z-index: 98;

}

#fotografo1{
	top: 0px;
	width: 100%;
	height: 250px;
	background-image: url("image/fotografo1.png");
 	background-size: 285px 100%;
 	background-repeat: no-repeat;
 	background-position: right;
 	position: absolute;
 	z-index: 98;

}

#fotografo2{
	top: 0px;
	width: 100%;
	height: 250px;
	background-image: url("image/fotografo2.png");
 	background-size: 285px 100%;
 	background-repeat: no-repeat;
 	background-position: right;
 	position: absolute;
 	z-index: 98;

}

#videofundo{
	width: 1124px;
 	height: 675px;
  	position: relative;
  	left: 50%;
	margin-left: -562px;
 	top: 20px;
 	border-left:15px solid;
 	border-right:15px solid;
}

.video{
	width: 1124px;
	height: 675px;
	position: relative;
}


#textofundo{
	width: 100%;
 	height: 250px;
 	background-color: #e0e0e0;
 	position: relative;
 	top: 20px;
 	z-index: 99;
}


#texto{
	width: 800px;
 	height: 250px;
 	position: relative;
 	left: 50%;
 	margin-left: -400px;
 	z-index: 99;
 	
}

#textofundomaior{
	width: 100%;
 	height: 390px;
 	background-color: #e0e0e0;
 	position: relative;
 	top: 20px;
 	z-index: 99;
}

#textomaior{
	width: 800px;
 	height: 390px;
 	position: relative;
 	left: 50%;
 	margin-left: -400px;
 	z-index: 99;
 	
}

.sobre{
	padding-top: 25px;
	text-indent: 35px;
	text-align: justify;
	font-family: texto;
 	font-size:30px;
 	text-shadow: #e0e0e0 1px -1px,#e0e0e0 -1px 1px,#e0e0e0 1px 1px,#e0e0e0 -1px -1px;
}


.diretores{
	padding-top: 15px;
	text-indent: 35px;
	text-align: justify;
	font-family: texto;
 	font-size:30px;
}

.contato{
	padding-top: 15px;
	text-align: justify;
	font-family: texto;
 	font-size:22px;
 	
}

.fotografos{
	padding-top: 10px;
	text-indent: 35px;
	text-align: justify;
	font-family: texto;
 	font-size:25px;
 	text-shadow: #e0e0e0 1px -1px,#e0e0e0 -1px 1px,#e0e0e0 1px 1px,#e0e0e0 -1px -1px;
}


a{
	text-decoration: none;
	color: #000000;
	cursor: pointer;
}

.email{
	text-decoration: none;
	color: #3366cc;
	cursor: pointer;
}
#rodapefundo{
 	width: 100%;
 	height: 20px;
 	background-color: #000000;
 	position: fixed;
 	bottom: 0px;

}

#rodape{
	width: 1024px;
 	height: 20px;
 	background-color: #000000;
 	position: absolute;
 	left: 50%;
 	margin-left: -512px;
 	text-align: center;
 	color: #ffffff;
 	font-family: texto;
 	font-size:16px;
 	z-index: 100;
}