/*Documento CSS - style_slide_teste.css - Criando um Slide em jQuery sem Plugin) 05/novembro/2014*/
*{
 margin:0; 
 padding:0;
 }
body{
background: #181818;
opacity: 0.7;
}

/*mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm--*/
	
/*Pra dispositivos que tem uma largura mínima de 768 pixels. Tablets, por exemplo.*/
@media screen and (max-width: 720px) {
      #container, .galeria, .h2, .ul, .li, {
	  min-width: 240px;
	  width: 240px;
	 /*background-color:aqua;*/
	
  }
}
#container{
    background:#fff;
	width: 60%;
	/*height: 400px;*/
    padding: 1.25em;
	margin:0 auto;
}

h2{
text-align: center;
}
section#galeria {
	/*border: 2px solid red;*/
	background: #fff;
	width: 50%; /*700px;*/
	height: 400px;
	display: block;
	overflow: hidden;/*esconde todas as imagens*/
	box-shadow: #999 00 1em;
	margin:50px auto;
} 

section#galeria section#buttons {
	display: none;/*botao fica escondido*/
	position: absolute;
	margin: 0.5em;
	z-index: 501;
}
	
section#galeria section#buttons a{
	 background: #333;
	 width: 3em;
	height: 40px;
	display:inline-block;/*aumenta o tamanho do display*/
	text-align: center;
	line-height:40px;
	font: bold 1.5em Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration:none;
	opacity: 0.7;
}

section#galeria section#buttons a:hover{
	 background: #888;
}

section#galeria ul{
	list-style: none;
	display: table;
	position: relative;
}

section#galeria ul li{
	width: 700px;
	height: 400px;
	display: inline-block;
	position: relative;
}
section#galeria ul li img{
	width: 100%;
	height: 100%;
}

section#galeria ul li span{
	background: #333;
	width: 660px;
	display: table;
	padding: 0.5em;
	opacity: 0.7;
	position:absolute;
	bottom: 0;
	margin: 0.5em;
	font:12px "Lucinda Grande", "Lucinda Sans Unicode", Verdana, sans-serif;
	color:#fff;
	}

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


 .rodape{
     height: 80px;
     background-color: #181818; /*#3F3526;*/
	 margin-top: 80px;
	 color: beige; 
 }