/*Documento CSS style_espaco_esportivo.css*/
body  {    
margin: 0;     
padding: 0; 
background-image:url(/static/img/imagensdores/futebol/esporte-campo-.jpg);
}     

/*Pra dispositivos que tem uma largura mínima de 768 pixels. Tablets, por exemplo.*/
@media screen and (max-width: 720px) {
      #container, #header, #mainnav, #sidebar, #contents, img, #footer{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}	
#container  {  
  margin: 0 auto;  
  width: 55%;  
  height:900px;
  background: #FFF; 
}   

#header{
background: #87CEEB; /*(SkyBlue#87CEEB;) SteelBlue87CEEB*/	
background-image:url(/static/img/logo-teste.png);
background-repeat: no-repeat;
background-position: -15px;
}	

#mainnav{/*navegação principal*/
 background-color: #FFA500; /*a cor aqui não fuciona, colocar em (menu ul) blackground-color*/  
}   

#sidebar{ /*menu vertical esquerdo*/  
float: right;  
width: 165px; 
height: 700px;
background: Honeydew; 
margin-right: 1em;
}

#contents{ /*conteúdo do blog*/  
float: left;   
width: 70%;
height:700px;
background: beige;  
margin-top: -52px;/*diminuindo o nº a div desce*/ 
background-image:url(/static/img/imagensdores/futebol/esporte-bola-no-gol.jpg);
background-repeat: no-repeat;
background-position: top center; /*150px 100px;*/
}   

a.text:link{
color: beige;
font-size: 1.6em;
text-decoration: none;	
margin-top: 3%;
margin-left: 2%;
}

h1{
text-align: center;
}

h2, h3{
text-align: center;
}

h4{
text-align: center;
color: #B00000; 
}

li{
list-style:none;
}

/*----------------------------------*/	
.menu ul {
padding:0px;
margin: 0px;
float: left;
width: 100%;
height: 50px;
background-color: #FFFFCC; /*#FF9;/*creme do mainnav*/
list-style:none;
font:80% Tahoma;
}

.menu ul li { display: inline; }

.menu ul li a {
background-color: #FFFFEB;  /*#EDEDED;/*fundo do menu, nesse caso cinza*/
color: #333;/*cor da fonte do menu*/
text-decoration: none;
border-bottom:3px solid #EA0000; /*borda inferior, linha initerrupta vermelha do menu, */
padding: 2px 10px;
float:left;
}

.menu ul li a:hover {
background-color: #87CEEB; /*azul médio cor de fundo que aparece ao clicar com o mouse*/
color: blue;/*cor da fonte ao clicar com o mouse*/
border-bottom:0.3em solid #000; /*cor que aparece ao se clicar com o mouse*/
}

a{
text-decoration:none;

}	

#footer{  
    margin-top:620px; 
    width: 90%; 
    height: 30px;
    text-align: center;
    clear: both;   
}