/*Documento CSS style_espaco_catolico.css*/
body{    
        margin: 0;     
	padding: 0; 
	/*background: beige; /*#DDD;*/
	background-image:url(/static/img/fundoazul.jpg);
	}     

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

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

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

#menu_left{ /*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: 0 0 20% 3%;/*o 1º nº desloca a div contents da div mainnav. 
	O 3º nº desloca do rodapé, move para cima. O 4º nº desloca para direita*/ 
	background-image:url(/static/img/imagensdores/catolica/nsdasdores.jpg);
	background-repeat: no-repeat;
	background-position: 25% 35%;
}   

h1{
text-align: center;
}

h2, h3{
text-align: center;
}

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

li{
    list-style:none;
    text-decoration: none;
    margin-top: 30px;
    }

.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 {
float:left;
background-color: #FFFFEB;  /*#EDEDED;/*fundo do menu, nesse caso cinza*/
color: #333;/*cor da fonte do menu*/
text-decoration: none;
border-bottom: 0.3em solid #EA0000; /*borda inferior, linha initerrupta vermelha do menu, */
padding: 0.2em 0.625em;
}

.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:3px solid #000; /*cor que aparece ao se clicar com o mouse*/
}

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

a{
text-decoration: none;
}	

#footer{  
	width: 100%;  
	height:	30px;
	/*background: #87CEEB;LightSteelBlue #B0C4DE*/ 
	margin-top: 660px;
	clear: both;   
}