/* folha de estilos para o site MUSICA PLURAL */
html, body { 
height: 100%;}

body {
	background-color: #cccccc;
	text-align: center;
	padding: 0px;
	text-align: center;
	margin: 0 auto;
	font-family: "Trebuchet MS", Arial, Georgia, Verdana;
	font-size: 9px;
	color: #5c6b6b;
}

p {
margin: 0px 0px 3px 0px;
font-size: 1.2em;
line-height: 1.45em;
}

/* DIVS GERAIS  */


#geral {
border: 0px solid red;
position: relative;
margin: 0 auto;			
width: 960px;
height: 600px;
background-color: #CCCCCC;
z-index: 1;
}

#conteudo {
border: 0px solid yellow;
width: 960px;
height: 100%;
background-color: #FFFFFF;
}


#lateral  {
	border: 0px solid green;
	position: absolute;
	width: 224px;
	height: 553px;
	left: 0px;
	top: 0px;
	z-index: 5;
}

#logo {
	border: 0px solid yellow;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10;
}

#imagem {
	border: 0px solid red;
	position: absolute;
	background-image: url(img/lateral_obras.jpg);
	width: 224px;
	height: 437px;
	left: 0px;
	top: 108px;
	z-index: 12;
}

#topo  {
	border: 0px solid blue;
	position: absolute;
	width: 736px;
	height: 168px;
	text-align:left;
	left: 224px;
	top: 0px;
	z-index: 10;
}


#menu {
border: 0px solid red;
position: absolute;
	width: auto;
	height: auto;
	left: 224px;
	top: 0px;
	text-align: left;
	z-index: 20;
	}


#menusuperior1 {
border: 0px solid orange;
position: absolute;
	width: 135px;
	height: auto;
	left: 77px;
	top: 17px;
	text-align: left;
	z-index: 30;
	}

#menusuperior2 {
border: 0px solid orange;
position: absolute;
	width: 135px;
	height: auto;
	left: 266px;
	top: 17px;
	text-align: left;
	z-index: 30;
	}
	
#english  {
position: absolute;
top: 0px;
left: 656px;
}
	
#miolo  {
	border: 0px solid blue;
	position: absolute;
	width: 641px;
	height: auto;
	text-align:left;
	left: 224px;
	top: 182px;
	z-index: 15;
}
	
#menulateral {
border: 0px solid yellow;
position: absolute;
	width: 160px;
	height: auto;
	left: 77px;
	top: 16px;
	text-align: left;
	z-index: 20;
	}

#texto  {
border: 0px solid yellow;
position: absolute;
	width: 390px;
	height: auto;
	left: 266px;
	top: 16px;
	text-align: left;
	z-index: 25;
	}
	
#texto1col  {
border: 0px solid yellow;
	position: absolute;
	width: 545px;
	height: auto;
	left: 77px;
	top: 16px;
	text-align: left;
	z-index: 25;
	}
	
#barra  {
border: 0px solid yellow;
	position: relative;
	width: 960px;
	height: 55px;
	left: 0px;
	top: 545px;
	background-color: #6c9172;
	z-index: 25;
	text-align: right;
	}

#assina  {
border: 0px solid blue;
text-align: right;
	position: relative;
	width: 960px;
	height: 10px;
	top: 2px;
	z-index: 55;
	font-size: xx-small;
	color: #FFFFFF;
	}
	
	#obras1 {
border: 0px solid yellow;
width: 220px;
position: absolute;
	height: auto;
	left: 77px;
	top: 21px;
	text-align: left;
}
#obras2 {
border: 0px solid yellow;
width: 220px;
position: absolute;
	height: auto;
	left: 330px;
	top: 21px;
	text-align: left;
}

	
/* ESTILOS TEXTO  */

h1 {
margin: 0px;
font-size: 1.3em;
color: #bf0000;
margin-bottom: 4px;
}

h2 {
margin: 0px;
font-stretch: normal;
font-weight: bold;
line-height: 1.25em;
font-size: 1.25em;
color: #ff9900;
margin-top: 5px;
margin-bottom: 2px;
}

h3  {
font-size: 1.15em;
line-height: 1.4em;
margin: 0px;
margin-top: 5px;
color: #bf0000;
font-weight: bold;
}

h4{
font-size: 1.2em;
margin: 0px;
margin-left: 1.2em;
color: #666666;
}

h5 {
font-size: 1.2em;
color: #333333;
margin: 0px;
margin-top: 10px;
}
#miolo a:link {
margin: 0px;
color: #bf0000;
text-decoration: none;
}

#miolo a:visited {
color: #bf0000;
text-decoration: none;
}

#miolo a:hover {
color: #FF6600;
text-decoration: none;
}

ul  {
font-size: 1.15em;
line-height: 1.3em;
list-style-type: none;
margin: 0px;
padding: 0px;
}

#menulateral ul {
line-height: 1.65em;
}


.destaque {
color: #ff9900;
font-weight: bold;}

.negrito {
font-weight: bold;
}


#menu a:link {
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}

#menu a:visited {
font-weight: bold;
color: #ffffff;
text-decoration: none;
}

#menu a:hover {
font-weight: bold;
color: #000000;
text-decoration: none;
}

#menulateral a:link {
color: #bf0000;
text-decoration: none;
}

#menulateral a:visited {
color: #bf0000;
text-decoration: none;
}

#menulateral a:hover {
color: #FF6600;
text-decoration: none;
}




/* praxis */


#assina a:link {
color: #FFFFFF;
text-decoration: none;
}

#assina a:visited {
color: #ffffff;
text-decoration: none;
}

#assina a:hover {
color: #333333;
text-decoration: none;
}