/*Documento CSS style_ui_tabs_abas.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, .ul, .li, .p, pre, #sortable, #footer{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}	
#container{
	 border: 0.1em dotted white;
	 width: 55%;
	 height: 1500px;
	 padding: 1.6em;
	 margin: 0 auto; 
	 background-color: #F5F5F5; /*white smoke*/
	 box-shadow: 0.1em 0.2em 0.1em 0.3em #CC6A13;/*o 1º número é da sombra direita, o 2º é da parte debaixo*/
}

 p{
  text-align: justify;
  font-family: Arial, "lucinda grande", "lucinda sans", verdana, sans-serif;
  color: #202020;
  }
  
 h1{
     text-align:center;
  }
 
 h2{
	color: #B00000;
	text-align:center;
 }

 h3, h4{
	color: #002059;
	text-align:center;
 }

 em{
     color: #B00000;
  }
    
pre{
-moz-hyphens:auto;
-ms-hyphens:auto; 
-webkit-hyphens:auto;
hyphens:auto;
word-wrap:break-word;
}
/*inicio - exclusivo de ui-elementos-ordenaveis.html*/

#sortable{ 
list-style-type: none;
margin: 0; 
padding: 0; 
width: 70%;
}

#sortable li{
margin: 0.3em;
padding: 0.1em;
float: left; 
width: 20%;
height: 20%;
font-size: 2em; 
text-align: center;
}
section p{
float: left;
}
.links{
clear: both;
}
/*fim - exclusivo de ui-elementos-ordenaveis.html*/
#footer{  
	width: 55%;  
	height:	36px;
	float: left;
	margin-left: 20%;
	margin-bottom: 15px;
	padding-bottom: 26px; /*afasta o texto da parte de baixo do box*/  
 }