html {
    position: relative;
    min-height: 100%;
}
body {
    padding-bottom: 0px;
    /* bottom = footer height */
	background: #cccccc;
}
header {
    min-height: 55px;

}
.title {
	width: 100%;
	height: 90px;
	background-color: black;
	/*background-image: url(img/LogoPisci.png);*/
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	background: rgb(226,226,226); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 80%,rgba(67,67,67,1) 91%,rgba(224,224,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}

#Pisci:hover{
	transform: scale(1.5) rotate(5deg);
	transition:0.7s;
}

#myBigHeader {
	background-color: black;
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 90%,rgba(67,67,67,1) 96%,rgba(224,224,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}

#miniHeader {
	background-color: black;
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 80%,rgba(67,67,67,1) 91%,rgba(224,224,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}

article {
    padding-bottom: 60px;
    width: 70%;
    margin: 0 auto;

}
/*
footer {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 60px;
    text-align: center;
	font-family: Courier, Sans-sans-serif;
	color: gray;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e2e2+0,dbdbdb+50,d1d1d1+51,fefefe+100;Grey+Gloss+%231 */
/*	background: rgb(226,226,226); /* Old browsers */
/*	background: -moz-linear-gradient(top, rgba(254,254,254,1)  0%, rgba(209,209,209,1) 50%, rgba(219,219,219,1) 51%, rgba(226,226,226,1) 100%); /* FF3.6-15 */
/*	background: -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(209,209,209,1) 50%,rgba(219,219,219,1) 51%,rgba(226,226,226,1) 100%); /* Chrome10-25,Safari5.1-6 */
/*	background: linear-gradient(to top, rgba(254,254,254,1) 0%, rgba(209,209,209,1) 50%,rgba(219,219,219,1) 51%,  rgba(226,226,226,1)100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
/*}*/


/*Slider*/
@keyframes slidy {
0% { left: 0%; }
18% { left: 0%; }
20% { left: -100%; }
38% { left: -100%; }
40% { left: -200%; }
58% { left: -200%; }
60% { left: -300%; }
78% { left: -300%; }
80% { left: -400%; }
98% { left: -400%; }
100% { left: 0%; }
}

div#slider { 
  position: relative;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  width: 100%;
  /*max-width: 600px;*/
  max-height: 400px;
}
div#slider figure img { width: 20%; float: left; border-radius: 20px; }
/*div#slider figure figcaption {position: absolute; z-index:1; }*/
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 10;
  animation: 50s slidy infinite;
  animation-timing-function: ease-in-out;
}	
/* Texto sobre o slider*/
h2 { 
   position: absolute; 
   top: 250px; 
   width: 100%;
}
.t1{
	left: 20px;
}
.t2{
	left: 22%;
}
.t3{
	left: 42%;
}
.t4{
	left: 62%;
}
.t5{
	left: 82%;
}
h2 span { 
   color: white; 
   font: bold 24px/45px Helvetica, Sans-Serif; 
   letter-spacing: 5px;  
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.5);
   padding: 8px;
   padding-left: 18px; 
   padding-right: 18px;
}
/*Caixas Meio da Tela*/
.esp{
	padding: 20px;
	position: relative;
	float: left;
	text-align: center;
}
.imgInfo {
    width: 400px;
}
.imgTextInfo {
    position: absolute;
    bottom: -25%;
    width: 100%;
    opacity: 0.5;
    background: rgba(0, 0, 0, 0.6);
    color: #fff; 
	text-shadow: 0px 0px 20px #0000FF, 0px 0px 40px #FFFFFF;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.hoverInfo {
    position: relative;
    width: 400px;
    cursor:pointer;
    overflow: hidden;
    font-family: sans-serif;
	border-radius: 45px 45px 0px 0px;
	box-shadow: 2px 2px 15px #000000;
}
.hoverInfo:hover .imgTextInfo {
    opacity: 1;
    bottom:0;
	color: #fff;
	text-shadow: none;
}
.what {padding: 5px 20px; border-bottom: 1px solid #fff;}
.when {float: right;}
.description {padding: 5px 20px;}
.image { 
	   position: relative; 
	   width: 100%; /* for IE 6 */
}
/*Publicidade*/
#publicEsq{
	color: white;
	padding: 10px;
	position: absolute;
	float: left;
	height: 50%;
	width: 10%;
	border: 0px solid black;
	border-radius: 0px 0px 45px 0px;
	background: linear-gradient(to right,  rgba(26,26,26,1) 0%,rgba(34,34,34,1) 80%,rgba(67,67,67,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	box-shadow: 10px 10px 5px #888888;
}
#publicDir{
	color: white;
	padding: 10px;
	position: absolute;
	right: 0px;
	height: 50%;
	width: 10%;
	border: 0px solid black;
	border-radius: 0px 0px 0px 45px;
	background: linear-gradient(to left,  rgba(26,26,26,1) 0%,rgba(34,34,34,1) 80%,rgba(67,67,67,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	box-shadow: -10px 10px 5px #888888;
}
#contador {
    width: 70%;
    margin: 0 auto;
	text-align: center;
	}