/*Documento CSS style_eventos_js.css*/
body{
     background-attachment: fixed;
     background-image:url(/static/img/textura-escura2.jpg);
     /*background-repeat: no-repeat;*/
}		 

#container{
	 width:670px;
	 /*height: 3000px;*/
	 border: 1px dotted white;
	 padding: 25px;
	 margin: 0 auto; 
	 background-color: #8FBC8F; /*#CCEBD6;*/
	 box-shadow: 1px 2px 1px 3px #CC6A13;/*o primeiro número é da sombra direita, o 2º é da parte debaixo*/
	 }
 

 h1{
   width:35%;
  color: #B00000;
  margin: 0 auto;
  text-align: center;
  border: 1px dotted black;
  background-color: #F5F5DC;
  box-shadow: 1px 2px 1px 2px #686868;/*o primeiro número é da sombra direita, o 2º é da parte debaixo*/
  border-radius: 8px; /*deixa a borda da caixa (div) arredondada*/
 -moz-border-radius:8px; /*deixa as bordas arredondadas*/
 -webkit-border-radius:8px;/*para que funcione em outros navegadores*/
 }
 
 h3{
  color: #B00000;
  text-align: center;
  /*border: 1px dotted black;
  background-color: #F5F5DC;*/
 }
 
  h4{
  color: #002059;
  text-align: center;
  /*border: 1px dotted black;
  background-color: #F5F5DC;*/
 }
  
  p{
   color: #000;
    font-size: 16px;
   /*border: 1px dotted white;*/
   padding-left: 30px; /*afasta o texto da lateral esquerda do box*/
 }

 li{
 /*border: 1px dotted #181818;*/
   margin-left: 50px;
   /*text-align: center;*/
   /*list-style:none; /*retira a marcação de lista. As bolinhas*/
   /*color: #B00000; /*#CC6A13;*/
   font-size: 18px;
} 
 
em {
    color: #B00000;
    font-size:18px;
}
 
 #b1{
        /*border: 1px dotted black;*/
	width: 10%;/*largura do botão em porcentagem*/
	float: left;
	margin-left: 20px;/*Afasta da margem esquerda do container*/
	padding: 1px; /*deixa espaço ao redor da palavra*/
	/*background-color: #F5F5DC;*/
	color: #000000;
	font-size:20px;
	text-align:center;
	text-decoration:none;/*retira o sublinhado do link*/
	border-radius: 2px; /*deixa a borda da caixa (div) arredondada*/
        -moz-border-radius:2px; /*deixa as bordas arredondadas*/
	-webkit-border-radius:2px;/*para que funcione em outros navegadores*/
	box-shadow: 1px 2px 1px 2px #686868;/*o primeiro número é da sombra direita, o 2º é da parte debaixo*/
 }
 #b {
        /*border: 1px dotted black;*/
	width: 12%;/*largura do botão em porcentagem*/
	float: left;
	margin-top: 20px;/*Afasta do topo do box p*/
	margin-right: 20px;/*Afasta os elementos à direita do botão*/
	margin-left: 20px;/*Afasta da margem esquerda do container*/
	padding: 5px; /*deixa espaço ao redor da palavra*/
	/*background-color: #F5F5DC;*/
	/*color: #000000;*/
	font-size:20px;
	text-align:center;
	text-decoration:none;/*retira o sublinhado do link*/
	border-radius: 8px; /*deixa a borda da caixa (div) arredondada*/
        -moz-border-radius:8px; /*deixa as bordas arredondadas*/
	-webkit-border-radius:8px;/*para que funcione em outros navegadores*/
	box-shadow: 1px 2px 1px 2px #686868;/*o primeiro número é da sombra direita, o 2º é da parte debaixo*/
	clear: both;
 }
 #b2{
        /*border: 1px dotted black;*/
	width: 15%;/*largura do botão em porcentagem*/
	float: left;
	margin-top: 20px;/*Afasta do topo do box p*/
	margin-right: 20px;/*Afasta os elementos à direita do botão*/
	margin-left: 20px;/*Afasta da margem esquerda do container*/
	padding: 5px; /*deixa espaço ao redor da palavra*/
	/*background-color: #F5F5DC;*/
	color: #FFFFFF;
	font-size:20px;
	text-align:center;
	text-decoration:none;/*retira o sublinhado do link*/
	/*border-radius: 8px; /*deixa a borda da caixa (div) arredondada
        -moz-border-radius:8px; /*deixa as bordas arredondadas
	-webkit-border-radius:8px;/*para que funcione em outros navegadores*/
	box-shadow: 1px 2px 1px 2px #686868;/*o primeiro número é da sombra direita, o 2º é da parte debaixo*/
	clear: both;
 }
 #b3{
        /*border: 1px dotted black;*/
	width: 15%;/*largura do botão em porcentagem*/
	float: left;
	margin-top: 20px;/*Afasta do topo do box p*/
	margin-right: 20px;/*Afasta os elementos à direita do botão*/
	margin-left: 20px;/*Afasta da margem esquerda do container*/
	padding: 5px; /*deixa espaço ao redor da palavra*/
	/*background-color: #F5F5DC;*/
	color: #FFFFFF;
	font-size:20px;
	text-align:center;
	text-decoration:none;/*retira o sublinhado do link*/
	/*border-radius: 8px; /*deixa a borda da caixa (div) arredondada
        -moz-border-radius:8px; /*deixa as bordas arredondadas
	-webkit-border-radius:8px;/*para que funcione em outros navegadores*/
	box-shadow: 1px 2px 1px 2px #686868;/*o primeiro número é da sombra direita, o 2º é da parte debaixo*/
	clear: both;
 }
 #b4,#b5,#b6{
        /*border: 1px dotted black;*/
	width: 15%;/*largura do botão em porcentagem*/
	float: left;
	margin-top: 20px;/*Afasta do topo do box p*/
	margin-right: 20px;/*Afasta os elementos à direita do botão*/
	margin-left: 20px;/*Afasta da margem esquerda do container*/
	padding: 5px; /*deixa espaço ao redor da palavra*/
	/*background-color: #F5F5DC;*/
	color: #FFFFFF;
	font-size:20px;
	text-align:center;
	text-decoration:none;/*retira o sublinhado do link*/
	/*border-radius: 8px; /*deixa a borda da caixa (div) arredondada
        -moz-border-radius:8px; /*deixa as bordas arredondadas
	-webkit-border-radius:8px;/*para que funcione em outros navegadores*/
	box-shadow: 1px 2px 1px 2px #686868;/*o primeiro número é da sombra direita, o 2º é da parte debaixo*/
	clear: both;
 }
 #b7{
        /*border: 1px dotted black;*/
	width: 55%;/*largura do botão em porcentagem*/
	float: left;
	margin-top: 20px;/*Afasta do topo do box p*/
	margin-right: 20px;/*Afasta os elementos à direita do botão*/
	margin-left: 20px;/*Afasta da margem esquerda do container*/
	padding: 5px; /*deixa espaço ao redor da palavra*/
	/*background-color: #F5F5DC;*/
	color: #FFFFFF;
	font-size:20px;
	text-align:center;
	text-decoration:none;/*retira o sublinhado do link*/
	/*border-radius: 8px; /*deixa a borda da caixa (div) arredondada
        -moz-border-radius:8px; /*deixa as bordas arredondadas
	-webkit-border-radius:8px;/*para que funcione em outros navegadores*/
	box-shadow: 1px 2px 1px 2px #686868;/*o primeiro número é da sombra direita, o 2º é da parte debaixo*/
	clear: both;
 }
 
 a:hover {
        background-color: red;
	/*background-image: url(img/button.jpg ); */
	color:#FFFFFF; /*cor da fonte do submenu*/
}
 #b5:hover {
        background-color: green;
	/*background-image: url(img/button.jpg ); */
	color:#FFFFFF; /*cor da fonte do submenu*/
}

#b6:hover {
        background-color: yellow;
	/*background-image: url(img/button.jpg ); */
	color:#FFFFFF; /*cor da fonte do submenu*/
}
 
#b7:hover {
        background-color: blue;
	/*background-image: url(img/button.jpg ); */
	color:#FFFFFF; /*cor da fonte do submenu*/
}
 
 
 
 span.destaque{
        /*border: 1px dotted black;*/
	width: 85%;
	float: left;
	margin-left: 60px;/*diminuíndo o número aproxima a div span da margem esquerda do container*/
	margin-top: 10px;/*Afasta das margens do container e centraliza com relação a div da imagem*/
	padding: 10px; /*afasta o texto da lateral esquerda do box*/
	/*background-color: #F5F5DC;*/
	background-color: beige;
	text-align:center;
	font-size:16px;
 }
 
  #footer  {  
	width: 600px;  
	height:	36px;
	margin-left: 10px;
	margin-bottom: 15px;
	padding-bottom: 26px; /*afasta o texto da parte de baixo do box*/ 
	background: #8FBC8F; /*LightSteelBlue #B0C4DE*/ 
	}