@charset "utf-8";
/* CSS Document */

.desculpe{
font-size:60px;
}

/**************************
FORMULARIO, PESQUISA, BOTÃO
**************************/

.formulario{
margin-left:auto;
margin-right:auto;
text-align:center;
}

#filter{
	font-size: 16px!important;
	padding:8px;
}

#search-field {
	font-size: 16px!important;
	padding:10px;
	border-radius:50px;
	border:solid #fff 2px;
	width:215px;
	z-index:2;
}

#search-button {
	/*padding:10px 15px;*/
	padding:10px;
	border:2px solid #0570cc;
	border-radius:50px;
	font-style:italic;
	font-weight:bold;
	font-size:16px!important;
	color:#ffffff;
	background-color:#0570cc;
	z-index:1;
	margin-left: -40px;;
}

input#search-button:hover{
	border:2px solid #0570cc;
	background:#fff;
	color:#0570cc;	
}

/*********************
	ALBUM, GALERIA
*********************/

.gallery{text-align:center;}

.galeria{
margin:0 auto;
text-align:center;
}

#album{
margin:auto 0;
text-align:center;	
}

#album ul {
  display: inline;
  list-style:none;
}

#album ul li{
	display: inline-block;
}

#albuns li a{
font-size: 16px!important;
display:inline;
padding:4px 12px;
background-color:#0570cc;
color:#ffffff;
border:1px solid #fff;
border-radius:10px;
margin:auto 2px;
text-decoration:none;
}

#albuns li a:hover{
color:#0570cc!important;
background-color:#ffffff;
border:1px solid #0570cc;
cursor:pointer;
}

/* Album aberto */
#albuns li a.active{
background-color:#ffffff;
color:#0570cc;
border:solid #0570cc 1px;
cursor:pointer;
text-decoration:underline;
}

#albuns table{
width:100%;
margin:0 auto;
text-align:center;
}

/*********************
	PAGINAÇÃO
*********************/

#paginacao{
margin:0 auto;
text-align:center;	
}

#paginacao ul {
  display: inline;
  list-type:none;	
}

#paginacao ul li {
	display: inline-block;
}

#paginacao li a{
font-size: 16px!important;
display:inline;
padding:4px 10px;
background-color:#0570cc;
color:#ffffff;
border:solid #ffffff 1px;
border-radius:50px;
margin:auto 2px;
text-decoration:none;
}

#paginacao li a:hover{
background-color:#ffffff;
color:#0570cc;
border:solid #0570cc 1px;
cursor:pointer;
}

/* página atual aberta */
#paginacao li a.active{
background-color:#ffffff;
color:#0570cc;
border:solid #0570cc 1px;
cursor:pointer;
text-decoration: underline;
}


/*********************
		IMG
*********************/

div.img {
    /*border: 1px solid #ccc;*/
}

div.img:hover {
    /*border: 1px solid #777;*/
}

div.img img {
    width: 100%;
    height: auto;
}

div.desc {
    /*padding: 15px;*/
    text-align: center;
}


/*********************
	OUTRAS COISAS
*********************/


.responsive {
    padding: 0px 1px;
    float: left;
    width: 24.99999%;
}

@media only screen and (max-width: 2000px){
    .responsive {
        width: 150px;
        /*margin: 6px 0;*/
    }
}


@media only screen and (max-width: 1200px){
    .responsive {
        width: 150px;
        /*margin: 6px 0;*/
    }
}

@media only screen and (max-width: 800px){
    .responsive {
        width: 150px;
        /*margin: 6px 0;*/
    }
}

@media only screen and (max-width: 500px){
    .responsive {
        width: 150px;
    }
	
	#albuns{
		width:100%;
	}
}

@media only screen and (max-width: 300px){
    .responsive {
        width: 125px;
    }
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}