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

 /*Pra dispositivos que tem uma largura mínima de 768 pixels. Tablets, por exemplo.*/
@media screen and (max-width: 720px) {
      #container, .h1, .h2, .h3, .li, .p, .indice{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}	
#container{
	 width:55%;
	 border: 1px dotted white;
	 padding: 1.25em;
	 margin: 0 auto; 
	 background-color: #8FBC8F; /*#CCEBD6;*/
	 box-shadow: 1px 0.2em 1px 0.3em #CC6A13;/*o primeiro número é da sombra direita, o 2º é da parte debaixo*/
	 }

#teste{
color: orange;
 text-align: center;
font-size:1em;
font-weight: 700;
 width:35%;
  margin: 0 auto;
  border: 1px dotted black;
  background-color: yellow;
  box-shadow: 1px 2px 1px 2px #686868;/*o 1º número é dasombra 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*/
}

h1{
color: #002059;
 text-align: center;
}
 h2, h3, h5{
       text-align: center;
       color: #B00000; 
       }

 h4{
font-family: Arial, "lucinda sans", verdana, "Segoe Print", "lucinda grande", sans-serif;
color:#303030;
font-size:1em;
} 
p{	
text-align: justify;
font-size:1.2em;
}
pre{
font-family: "lucinda grande", "lucinda sans", verdana, sans-serif;
font-size:0.875em;
}
pre, h1{
-moz-hyphens:auto;
-ms-hyphens:auto; 
-webkit-hyphens:auto;
hyphens:auto;
word-wrap:break-word;
}

/*específico de (Documento CSS style_bom_browser_object_model.css)============================================*/
/*.botao{
  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 1º número é dasombra 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
 }*/

*/*#b1{
        /*border: 1px dotted black;
	width: 35%;/*largura do botão em porcentagem
	color: #000000;
	float: left;
	margin-left: 20%;/*Afasta da margem esquerda do container
	text-align:center;
	padding: 1px; /*deixa espaço ao redor da palavra
	/*background-color: #F5F5DC;
	font-size:20px;
	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 1º nº é da sombra direita, o 2º éda parte debaixo
 }
/*fim de (Documento CSS style_bom_browser_object_model.css)*/

/*específico de (Documento CSS style_camadas.css)*/

img #dal{
margin-left: 20%;
}
/*fim de (Documento CSS style_camadas.css)*/	

/*específico de (Documento CSS style_cookies.css)==============================================================*/
#horas{
         width:60px;
	 /*height: 90%;/*1950px;*/
	 border: 1px dotted white;
	 padding: 5px;
	 margin: 0 auto; 
	 background-color: #FFF; /*#CCEBD6;*/
	 box-shadow: 1px 3px 1px 3px #000;/*o primeiro número é da sombra direita, o 2º é da parte debaixo*/
	 border-radius: 55px; /*deixa a borda da caixa (div) arredondada*/
	-moz-border-radius:55px; /*deixa as bordas arredondadas*/
	-webkit-border-radius:55px;/*para que funcione em outros navegadores*/
  }
span{
margin-left: 43%;
color: yellow;
}
/*fim de de (Documento CSS style_cookies.css)=========================================================*/

/*específico de (Documento CSS style_expressoes_regulares.css)=========================================================*/ 
span.destaque{
  border: 1px dotted black;
  width: 60%;
  float: right;
  margin-left: 1.4em;/*Afasta das margens da div*/ 
  margin-right:  1.4em;/*Afasta das margens da div*/
  background-color: #FFFFE6; /*#E7ECF0; /*#FFE680; /*#FFFF99; #8B4513; 98B7BD;*/
  padding:  0.5em;; /*afasta o texto da lateral esquerda do box*/
  font-size: 1em;
  color: #8B4513;
  /*box-shadow: 2px 2px 1px 1px #8B4513; /*1ªdireita, 2ªinferior,  3ªnão faz diferença, 4ªdistribui em torno de tudo*/
  }
li{
   margin-left: 2em;
   /*list-style:none; /*retira a marcação de lista. As bolinhas*/
  color: #CC6A13;
  font-size: 1.2em;
}  

/*fim de Documento CSS style_expressoes_regulares.css)=========================================================*/

/*específico de indice-javaScript.html=========================================================*/
.indice{
width: 50%;
margin: auto;
padding-left: 0.7em;
}
.indice > li > a{
text-decoration:none;/*remove toda decoração do link*/
color:#000;
background-color:#DDDDDD; /*cor de fundo do link*/
border:1px solid black; /* preto*/

display:block; /*para conseguir aplicar uma largura em um elemento inline, deve-se transformá-lo em bloco*/
padding:3px 5px; /*espaçamento entre o link e a borda (palavra e a borda)*/
}
.indice > li{
list-style: none;/*remove as bolinhas de li*/
font-family: "Comic Sans MS", "Challenge Extra Bold", Arial, Helvetica, sans-serif;
font-size:1.4em;
}

/*fim de indice-javaScript.html=========================================================*/
/*início de objetos-nativos-js.html=========================================================*/
 table, td, tr{
border: 1px solid #CCC;
background-color: ghostwhite;

}
table{
cellSpacing:0;
width:100%;
} 

#footer{  
	width: 55%;  
	height:	36px;
	margin-left: 20%;
	margin-bottom: 15px;
	padding-bottom: 26px; /*afasta o texto da parte de baixo do box*/  
 }