/* CSS Document */
.titlesFilter
{
	width:100%;
	font-size:20px;
	margin-top:10px;
	float:left;
	text-align:center;	
	padding-bottom:15px;
	padding-top:10px;
	color:rgb(129,101,78);
	font-family:'Azo Sans', sans-serif;	
	margin-bottom:15px;
	
	background-image:url(../images/sep.png);
	background-position:bottom center;
	background-size:99% auto;
	background-repeat:no-repeat;

	/*box-shadow:inset 0px 0px 22px rgba(0,0,0,0.18);*/
}

.titlesFilter > div:nth-child(1)
{
	width:100%;
	text-align:center;
	padding-top:15px;
}

.filtro
{
	width:300px;
	position:fixed;
	left:-400px;
	top:0px;	
	padding:10px;
	
	display:table;
	height:100%;
	min-height:100%;
	transition: all 0.2s;
	
	z-index:9999999999 !important;
	
	background:linear-gradient(to right, rgb(255,255,255), rgb(255,255,255), rgb(251,251,251));
	box-shadow:1px 1px 5px rgb(0,0,0,0.2);
}

.filtroButton
{
	width:40px;
	height:40px;
	position:fixed;
	top:50%;
	left:10px;	
	border-radius:30px;
	background-color:rgb(129,101,78);
	
	background-image:url(../images/filter.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:25px auto;
	
	cursor:pointer;
	z-index:999999999999999999999999999 !important;
}

.filtroButton:hover
{	
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
	
	-webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
}

@media screen and (max-width:900px) 
{
	.filtro
	{
		width:80%;
		min-width:80%;
	}
	
	.filtroButton
	{
		left:20px;
	}
}