/*Documento CSS style_html5.css*/

body{
     background-attachment: fixed;
     background-image:url(/static/img/fundo-html5.jpg);
     /*background-repeat: no-repeat;*/
}		 

#container{
	 width: 840px;
	 height: 100%;
	 border: 1px dotted white;
	 padding: 30px;
	 margin: 0 auto; 
	 background-color: #F5F5F5; /*white smoke*/
	 box-shadow: 1px 2px 1px 3px #CC6A13;/*o primeiro número é da sombra direita, o 2º é da parte debaixo*/
  }

  
 h1{
     font-family: Arial, Verdana, "Segoe Print", "lucinda grande", "lucinda sans", sans-serif;
     text-align:center;
     color: #585858;
  }
 

 h2, h3, h4, h5, h6{
	color: #585858;
	text-align:center;
 }

 em{
     color: #B00000;
	 font-size:18px;
  }
 
 b{
     color: #B00000;
    }

 p{
    width: 600px;
	/*height:100px; altura da div*/
	font-family:  Arial, Verdana, "Trebuchet MS", Helvetica, Sans-serif;
	color: rgba(0, 0, 0, 0.7); /*#606060;*/
	font-size:16px;
	background-color: #FFFFFF; /*cor de fundo, mesmo usando as tabs, dá para trocar*/
	text-align: justify;/*alinhamento justificado. Ocupa todo o espaço em branco*/
	padding: 22px; /*desloca o texto da margem esquerda da div. Não do browser*/
	border-radius: 7px;


	webkit-radius: 7px;

	box-shadow: 1px 1px 6px #181818;
	 }	
li{
    color: #585858;
    list-style:none;
}	 
	
span{
    /*border: 1px solid #000;*/
	width: 60%; /*aumenta ou diminui o bloco do texto, aqui sofrer para não morrer*/
	margin-bottom: 4px;
        padding-left: 5px;
        padding-right: 5px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px; /*muda o tamanho da fonte na palavra ou frase que foi escrita com o seletor <p> neste caso sofrer para não morrer*/
	color: #002088;
	background-color:#FFF0F5;
	border-top-left-radius: 7px;
	border-bottom-right-radius: 7px;

	webkit-border-top-left-radius: 7px;
	webkit-border-bottom-right-radius: 7px;

	box-shadow: 1px 1px 6px #181818;

}

 span:hover{
	text-transform: uppercase;/*transforma em maiúscula o texto escondido*/
	font-size: 12px;/*aumenta a letra desse mesmo texto*/
	width: 50px;
	padding:2px;
	color: #B00000;
	background-color: #FFFFFF; /*cor de fundo*/
	}
	
table{
      border-collapse:collapse;
      margin-left: -50px;
}
table th, table td{
      padding:10px; /*espaço em torno do texto*/
      
}

table  > thead > tr{
       background-color: #D8D8D8; 
       color: #fff;
}

table  > tbody > tr:nth-child(even){
       background-color: #FFF; 
}
table  > tbody> tr > td:nth-child(even){
       font-size: 14px;
       color: #404040; /*#383838;/*define a cor e o tamanho da fonte dentro de td*/
}


#footer {  
	width: 690px;  
	height:	40px;
	clear: both; 
        padding-left: 30px;	
	background: #B0C4DE; /*LightSteelBlue #B0C4DE*/ 
	margin-left: -35px;
	/*margin-top: 550px;/*desloca o rodapé dentro da div container, 5px o deixa colado a parte de baixo*/
	}