/*Documento CSS style_curso_fisica.css*/
body{    
margin: 0;     
padding: 0;    
background-attachment:fixed; 
background-image: -webkit-linear-gradient(#558000, #F5F5DC 70%);
}  

header h1{
color: #426600;
 font-family: cursive;
 text-shadow: 10px 12px 3px orange; /*sombra no título*/
}

nav ul{
       background-color: #F5F5DC ; 
	overflow: hidden;
	padding: 0;
	color: white;
	text-align: center;/*centraliza as palavras home...etc*/
	margin: 0;
	-webkit-transition: max-height 0,4s;
	-ms-transition: max-height 0,4s;
	-moz-transition: max-height 0,4s;
	-o-transition: max-height 0,4s;
	transition: max-height 0,4s;
	transition: max-height 0,4s;
       /*position: fixed;*/
       }

nav ul li{
        display: inline-block;
	border: 1px dotted #CCC;
	padding: 10px;/*espaço ao redor de home, economia, contato, etc.*/
	text-align: center;
}

nav ul li a{
color: #426600;/*cor menu topo home, css, contato*/
font-size: 0.875em; /*tamanho da fonte, home, economia, contato, etc.*/
}

nav ul li a.selecionado{
display: block; /*declarar display block, para colocar largura*/
background-color: #F5F5DC;/*cor que aparece quando se passa o mouse*/
/*border-top-left-radius: 0.5em;
border-top-right-radius: 0.5em;
webkit-border-top-left-radius: 0.5em;
webkit-border-top-right-radius: 0.5em;*/
color: darkorange;
padding: 0.4em;
}

nav ul li:hover{
background-color: #F5F5DC;/*cor que aparece quando se passa o mouse*/
border-top-left-radius: 0.5em;
border-top-right-radius: 0.5em;
webkit-border-top-left-radius: 0.5em;
webkit-border-top-right-radius: 0.5em;
}


@media screen and(max-width: 580px){
	nav ul{
	max-height: 0;
	}
	.showing{
	    max-height: 20em;
	}
	nav ul li {
	    box-sizing: border-box;
		width: 100%;
		padding: 15px;
		/*text-align: left;*/
	}
}

 
/*Pra dispositivos que tem uma largura mínima de 768 pixels. Tablets, por exemplo.*/
@media screen and (max-width: 720px) {
      #container, .img, .p, .em, .h1, .h2, .ul, .li, .a, #footer{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}

#container{ /*Lembrete: digitar a cerquilha colada a palavra div. Se ficar espaço não funciona*/
	width: 55%;
	/*height: 60px; /*tirar a altura por causa do texto*/
	border:1px dotted black;
	margin: 0 auto;/*centraliza a div*/
	background-color: white; /*colocando background-color: ActiveBorder; fica com a cor da janela ativa*/
	padding:25px;/*afasta o texto da margem superior da div e não do browser*/	 
	}
span{
     margin-left: 2em;
     font-size: 2px;
     color: darkblue;
 }

span:hover{
display: block;
margin-left: 1em;
background-color: #F5F5DC;/*cor que aparece quando se passa o mouse*/
font-family: "segoe print", "lucida grande", verdana, sans-serif;/*fonte genérica*/
color:black;
font-size: 1em;
text-align: justify;
}

.destaque{
background-color: #ffff80;/*cor do background*/
}

em{
color:#CC9900;
text-align: justify;
}
 h2{
     text-align: center;
     font-family: "lucinda sans", "lucida grande", verdana, sans-serif;/*fonte genérica*/
     color: #213300;
 }

h3{
     text-align: center;
     font-family: Arial, "lucinda sans", "lucida grande", verdana, sans-serif;/*fonte genérica*/
     color: #181818;
 }


p{
font-size: 1.2em;
color: #404040;
text-align: justify;
}
	

small{
   background-color: #F5F5DC;/*cor que aparece quando se passa o mouse*/
}	

u{
color:#B00000;	
}

.pull-left a{
 color: #558000;	
}

a.text:link{
   /*e todas as propriedades que ele terá*/
   font-family: Comic Sans MS, Challenge Extra Bold, Arial, Helvetica, sans-serif;
   font-size: 1em;
   color: darkorange;
   margin-left: 3%;
}
   
iframe{
display:block;
margin: 0 auto;
width: 50%;
height: 170px;
}

pre{
-moz-hyphens:auto;
-ms-hyphens:auto; 
-webkit-hyphens:auto;
hyphens:auto;
word-wrap:break-word;
}


#footer{
width: 80%;
padding-left: 2em;
}