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

body {
	background-color: #333333;	
	}

#wrapper {
	width: 1100px;
	height: 41350px;
	margin: auto;
	background-image: url(../imagem/fundo.jpg);
			}
			
header {
	width: 1100px;
	height: 250px;
	margin: auto;
	left: -60px;
}

.menu {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #073372;	
	padding-left: 80px;
	text-decoration: none;
		}
		
.titulos {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color:  #C28F25;
	font-weight:bold;
	}
.sub {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #C28F25;
	font-weight:bold;
	}

hr {
      border-top: 1px dashed #FFFFFF;
	  border-bottom: 1px dashed #FFFFFF;
    background: #e0bc47; /* Old browsers */
background: -moz-linear-gradient(top, #e0bc47 0%, #d8c7a6 30%, #d8c7a6 49%, #d6a344 61%, #4f4321 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0bc47), color-stop(30%,#d8c7a6), color-stop(49%,#d8c7a6), color-stop(61%,#d6a344), color-stop(100%,#4f4321)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e0bc47 0%,#d8c7a6 30%,#d8c7a6 49%,#d6a344 61%,#4f4321 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e0bc47 0%,#d8c7a6 30%,#d8c7a6 49%,#d6a344 61%,#4f4321 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e0bc47 0%,#d8c7a6 30%,#d8c7a6 49%,#d6a344 61%,#4f4321 100%); /* IE10+ */
background: linear-gradient(to bottom, #e0bc47 0%,#d8c7a6 30%,#d8c7a6 49%,#d6a344 61%,#4f4321 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0bc47', endColorstr='#4f4321',GradientType=0 ); /* IE6-9 */
	  border-radius: 10px 10px 10px 10px;
      height: 2px;
    }
			
.texto {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #072644;	
	}
.texto2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #072644;	
	}
#menu1{
	position: relative;	
	left: -30px;
	top: 70px;
	width: 220px;
	height: 60px;
background: #e0bf79; /* Old browsers */
background: -moz-linear-gradient(top, #e0bf79 17%, #e0bf79 17%, #eaeaea 50%, #e0bf79 83%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(17%,#e0bf79), color-stop(17%,#e0bf79), color-stop(50%,#eaeaea), color-stop(83%,#e0bf79)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e0bf79 17%,#e0bf79 17%,#eaeaea 50%,#e0bf79 83%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e0bf79 17%,#e0bf79 17%,#eaeaea 50%,#e0bf79 83%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e0bf79 17%,#e0bf79 17%,#eaeaea 50%,#e0bf79 83%); /* IE10+ */
background: linear-gradient(to bottom, #e0bf79 17%,#e0bf79 17%,#eaeaea 50%,#e0bf79 83%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0bf79', endColorstr='#e0bf79',GradientType=0 ); /* IE6-9 */
	 border-radius: 0px 10px 10px 0px;
	line-height:60px;
	}
#menu2 {
	position: relative;	
	left: -30px;
	top: 90px;
	width: 220px;
	height: 60px;
background: #e0bf79; /* Old browsers */
background: -moz-linear-gradient(top, #e0bf79 17%, #e0bf79 17%, #eaeaea 50%, #e0bf79 83%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(17%,#e0bf79), color-stop(17%,#e0bf79), color-stop(50%,#eaeaea), color-stop(83%,#e0bf79)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e0bf79 17%,#e0bf79 17%,#eaeaea 50%,#e0bf79 83%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e0bf79 17%,#e0bf79 17%,#eaeaea 50%,#e0bf79 83%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e0bf79 17%,#e0bf79 17%,#eaeaea 50%,#e0bf79 83%); /* IE10+ */
background: linear-gradient(to bottom, #e0bf79 17%,#e0bf79 17%,#eaeaea 50%,#e0bf79 83%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0bf79', endColorstr='#e0bf79',GradientType=0 ); /* IE6-9 */
	border-radius: 0px 10px 10px 0px;
	line-height:60px;
}
#menu3 {
	position: relative;	
	left: -30px;
	top: 110px;
	width: 220px;
	height: 60px;
background: #e0bf79; /* Old browsers */
background: -moz-linear-gradient(top, #e0bf79 17%, #e0bf79 17%, #eaeaea 50%, #e0bf79 83%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(17%,#e0bf79), color-stop(17%,#e0bf79), color-stop(50%,#eaeaea), color-stop(83%,#e0bf79)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e0bf79 17%,#e0bf79 17%,#eaeaea 50%,#e0bf79 83%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e0bf79 17%,#e0bf79 17%,#eaeaea 50%,#e0bf79 83%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e0bf79 17%,#e0bf79 17%,#eaeaea 50%,#e0bf79 83%); /* IE10+ */
background: linear-gradient(to bottom, #e0bf79 17%,#e0bf79 17%,#eaeaea 50%,#e0bf79 83%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0bf79', endColorstr='#e0bf79',GradientType=0 ); /* IE6-9 */
	border-radius: 0px 10px 10px 0px;
	line-height:60px;
}
article {
	width: 1095px;
	height: 41000px;
	margin:auto;
	}
	
#content {
	position: relative;
	top: -110px;
	width: 700px;
	height: 41090px;
	left: 220px;
	background-color: #FFFFFF;
	border-radius: 10px 10px 10px 10px;
}

#conteudo {
	position: relative;
	width: 600px;
	height: 41050px;
	left: 50px;
	top: 20px;
	}
	

	
	
#video22 {
	position: relative;
	width: 300px;
	height: 300px;
	float:left;
	}
#letra22 {
	position: relative;
	width: 300px;
	height: 300px;
	float:right;
}
	
	
	
#video {
	position: relative;
	width: 300px;
	height: 250px;
	float:left;
	}
#letra {
	position: relative;
	width: 300px;
	height: 250px;
	float:right;
}
#video1 {
	position: relative;
	width: 300px;
	height: 350px;
	float:left;
	}
#letra1 {
	position: relative;
	width: 300px;
	height: 350px;
	float:right;
}
#video2 {
	position: relative;
	width: 300px;
	height: 250px;
	float:left;
	}
#letra2 {
	position: relative;
	width: 300px;
	height: 250px;
	float:right;
}
#video3 {
	position: relative;
	width: 300px;
	height: 230px;
	float:left;
	}
#letra3 {
	position: relative;
	width: 300px;
	height: 230px;
	float:right;
}
#video4 {
	position: relative;
	width: 300px;
	height: 230px;
	float:left;
	}
#letra4 {
	position: relative;
	width: 300px;
	height: 230px;
	float:right;
}
#video5 {
	position: relative;
	width: 300px;
	height: 320px;
	float:left;
	}
#letra5 {
	position: relative;
	width: 300px;
	height: 320px;
	float:right;
}
#video6 {
	position: relative;
	width: 300px;
	height: 290px;
	float:left;
	}
#letra6 {
	position: relative;
	width: 300px;
	height: 290px;
	float:right;
}
#video7 {
	position: relative;
	width: 300px;
	height: 350px;
	float:left;
	}
#letra7 {
	position: relative;
	width: 300px;
	height: 350px;
	float:right;
}

#video8 {
	position: relative;
	width: 300px;
	height: 280px;
	float:left;
	}
#letra8 {
	position: relative;
	width: 300px;
	height: 280px;
	float:right;
}

#video9 {
	position: relative;
	width: 300px;
	height: 370px;
	float:left;
	}
#letra9 {
	position: relative;
	width: 300px;
	height: 370px;
	float:right;
}
#video10 {
	position: relative;
	width: 300px;
	height: 310px;
	float:left;
	}
#letra10 {
	position: relative;
	width: 300px;
	height: 310px;
	float:right;
}
#video11 {
	position: relative;
	width: 300px;
	height: 230px;
	float:left;
	}
#letra11 {
	position: relative;
	width: 300px;
	height: 230px;
	float:right;
}
#video12 {
	position: relative;
	width: 300px;
	height: 320px;
	float:left;
	}
#letra12 {
	position: relative;
	width: 300px;
	height: 320px;
	float:right;
}
#video13 {
	position: relative;
	width: 300px;
	height: 260px;
	float:left;
	}
#letra13 {
	position: relative;
	width: 300px;
	height: 260px;
	float:right;
}
#video14 {
	position: relative;
	width: 300px;
	height: 260px;
	float:left;
	}
#letra14 {
	position: relative;
	width: 300px;
	height: 260px;
	float:right;
}
#video15 {
	position: relative;
	width: 300px;
	height: 260px;
	float:left;
	}
#letra15 {
	position: relative;
	width: 300px;
	height: 260px;
	float:right;
}
#video16 {
	position: relative;
	width: 300px;
	height: 230px;
	float:left;
	}
#letra16 {
	position: relative;
	width: 300px;
	height: 230px;
	float:right;
}
#video17 {
	position: relative;
	width: 300px;
	height: 280px;
	float:left;
	}
#letra17 {
	position: relative;
	width: 300px;
	height: 280px;
	float:right;
}

#video18 {
	position: relative;
	width: 300px;
	height: 280px;
	float:left;
	}
#letra18 {
	position: relative;
	width: 300px;
	height: 280px;
	float:right;
}
#video19 {
	position: relative;
	width: 300px;
	height: 270px;
	float:left;
	}
#letra19 {
	position: relative;
	width: 300px;
	height: 270px;
	float:right;
}

#video20 {
	position: relative;
	width: 300px;
	height: 280px;
	float:left;
	}
#letra20 {
	position: relative;
	width: 300px;
	height: 280px;
	float:right;
}
#video21 {
	position: relative;
	width: 300px;
	height: 330px;
	float:left;
	}
#letra21 {
	position: relative;
	width: 300px;
	height: 330px;
	float:right;
}


#video26 {
	position: relative;
	width: 300px;
	height: 400px;
	float:left;
	}
#letra26 {
	position: relative;
	width: 300px;
	height: 400px;
	float:right;
}
#video27 {
	position: relative;
	width: 300px;
	height: 450px;
	float:left;
	}
#letra27 {
	position: relative;
	width: 300px;
	height: 450px;
	float:right;
}

#video28 {
	position: relative;
	width: 300px;
	height: 350px;
	float:left;
	}
#letra28 {
	position: relative;
	width: 300px;
	height: 350px;
	float:right;
}
#video29 {
	position: relative;
	width: 300px;
	height: 210px;
	float:left;
	}
#letra29 {
	position: relative;
	width: 300px;
	height: 210px;
	float:right;
}#video30 {
	position: relative;
	width: 300px;
	height: 330px;
	float:left;
	}
#letra30 {
	position: relative;
	width: 300px;
	height: 330px;
	float:right;
}
#video31 {
	position: relative;
	width: 300px;
	height: 300px;
	float:left;
	}
#letra31 {
	position: relative;
	width: 300px;
	height: 300px;
	float:right;
}

#video32 {
	position: relative;
	width: 300px;
	height: 320px;
	float:left;
	}
#letra32 {
	position: relative;
	width: 300px;
	height: 320px;
	float:right;
}

#video33 {
	position: relative;
	width: 300px;
	height: 350px;
	float:left;
	}
#letra33 {
	position: relative;
	width: 300px;
	height: 350px;
	float:right;
}

#video34 {
	position: relative;
	width: 300px;
	height: 250px;
	float:left;
	}
#letra34 {
	position: relative;
	width: 300px;
	height: 250px;
	float:right;
}

#video35 {
	position: relative;
	width: 300px;
	height: 280px;
	float:left;
	}
#letra35 {
	position: relative;
	width: 300px;
	height: 280px;
	float:right;
}

#video36 {
	position: relative;
	width: 300px;
	height: 350px;
	float:left;
	}
#letra36 {
	position: relative;
	width: 300px;
	height: 350px;
	float:right;
}

#video37 {
	position: relative;
	width: 300px;
	height: 300px;
	float:left;
	}
#letra37 {
	position: relative;
	width: 300px;
	height: 300px;
	float:right;
}

#video38 {
	position: relative;
	width: 300px;
	height: 300px;
	float:left;
	}
#letra38 {
	position: relative;
	width: 300px;
	height: 300px;
	float:right;
}
#video39 {
	position: relative;
	width: 300px;
	height: 440px;
	float:left;
	}
#letra39 {
	position: relative;
	width: 300px;
	height: 440px;
	float:right;
}
#video40 {
	position: relative;
	width: 300px;
	height: 250px;
	float:left;
	}
#letra40 {
	position: relative;
	width: 300px;
	height: 250px;
	float:right;
}
#video41 {
	position: relative;
	width: 300px;
	height: 280px;
	float:left;
	}
#letra41 {
	position: relative;
	width: 300px;
	height: 280px;
	float:right;
}
#video42 {
	position: relative;
	width: 300px;
	height: 290px;
	float:left;
	}
#letra42 {
	position: relative;
	width: 300px;
	height: 290px;
	float:right;
}
#video43 {
	position: relative;
	width: 300px;
	height: 330px;
	float:left;
	}
#letra43 {
	position: relative;
	width: 300px;
	height: 330px;
	float:right;
}

#video44 {
	position: relative;
	width: 300px;
	height: 330px;
	float:left;
	}
#letra44 {
	position: relative;
	width: 300px;
	height: 330px;
	float:right;
}

#video45 {
	position: relative;
	width: 300px;
	height: 330px;
	float:left;
	}
#letra45 {
	position: relative;
	width: 300px;
	height: 330px;
	float:right;
}
#video46 {
	position: relative;
	width: 300px;
	height: 330px;
	float:left;
	}
#letra46 {
	position: relative;
	width: 300px;
	height: 330px;
	float:right;
}
#video47 {
	position: relative;
	width: 300px;
	height: 330px;
	float:left;
	}
#letra47 {
	position: relative;
	width: 300px;
	height: 330px;
	float:right;
}
#video48 {
	position: relative;
	width: 300px;
	height: 330px;
	float:left;
	}
#letra48 {
	position: relative;
	width: 300px;
	height: 330px;
	float:right;
}
#video49 {
	position: relative;
	width: 300px;
	height: 330px;
	float:left;
	}
#letra49 {
	position: relative;
	width: 300px;
	height: 330px;
	float:right;
}
#video50 {
	position: relative;
	width: 300px;
	height: 330px;
	float:left;
	}
#letra50 {
	position: relative;
	width: 300px;
	height: 330px;
	float:right;
}
#video51 {
	position: relative;
	width: 300px;
	height: 330px;
	float:left;
	}
#letra51 {
	position: relative;
	width: 300px;
	height: 330px;
	float:right;
}
#video52 {
	position: relative;
	width: 300px;
	height: 330px;
	float:left;
	}
#letra52 {
	position: relative;
	width: 300px;
	height: 330px;
	float:right;
}
#video53 {
	position: relative;
	width: 300px;
	height: 330px;
	float:left;
	}
#letra53 {
	position: relative;
	width: 300px;
	height: 330px;
	float:right;
}

#video54 {
	position: relative;
	width: 300px;
	height: 330px;
	float:left;
	}
#letra54 {
	position: relative;
	width: 300px;
	height: 330px;
	float:right;
}



#video23 {
	position: relative;
	width: 300px;
	height: 340px;
	float:left;
	}
#letra23 {
	position: relative;
	width: 300px;
	height: 340px;
	float:right;
}

#video24 {
	position: relative;
	width: 300px;
	height: 350px;
	float:left;
	}
#letra24 {
	position: relative;
	width: 300px;
	height: 350px;
	float:right;
}



footer {
	width: 1100px;
	height: 200px;
	margin:auto;
	background-color: #072644;
	}
#foot {
	position: relative;
	top: -180px;
	left: 220px;
}

#foot2 {
	position: relative;
	top: -120px;
	left: 60px;
}
.texto-footer {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;	
	}
