/* Add here all your CSS customizations */

.fonerodape{
	color:#FFF;
	font-size:12px;
}
.fonerodape li{
	list-style: none;
}
#demo2{
	margin-top: 15px;
}

.thumbnail .caption{
    position:absolute;
    top:0;
    right:0;
    background:rgba(0, 0, 0, 0.7);
    width:100%;
    height:100%;
    display: none;
    text-align:center;
    color:#fff !important;
    z-index:2;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	

}

.thumbnail .caption h4{
    color: #FFF;
}

.thumbnail .caption .btn_showmod{
	margin-top: 107px;
	display: inline-block; 
	padding: 6px 0; 
	font-size: 14px; 
	color: #424344; 
	white-space: nowrap; 
	line-height: 20px; 
	border-radius: 4px; 
	transition: all .5s; 
	background-color: #FFFFFF; 
	width: 138px; 
	text-align: center; 
	border: 2px solid #fff; 
	text-decoration: none !important;
}

/* icones atendimento rodape Whatsapp */
.atewhatsrodape{height:40px; position:fixed; bottom:10px; z-index:11;}
.atewhatsrodape span{margin-left:0; float:left;}
.atewhatsrodape div a span.icon{width:40px; height:40px;  display:inline-table; position:relative; z-index:11;}
.atewhatsrodape div.whatsapp a span.icon{background: url('../images/icon_whatsapp.png') no-repeat; background-size:40px;}
.atewhatsrodape div a span.text{margin:5px 0 0 -12px; padding:5px 7px 5px 17px; font-weight:bold; font-size:12px; -moz-border-radius:5px;  -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 0 4px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 4px rgba(0,0,0,0.2); box-shadow:0 0 4px rgba(0,0,0,0.2); position:relative; z-index:9;}

.atewhatsrodape div.whatsapp a span.text{color:#fff; text-shadow: #006600 1px 1px 0; border:1px #f2f2f2 solid;
background-color: #f2f2f2;
background-image: -webkit-linear-gradient(#00CC33, #006600);
background-image: -moz-linear-gradient(#00CC33, #006600);
background-image: -o-linear-gradient(#00CC33, #006600);
background-image: linear-gradient(#00CC33, #006600);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC33', endColorstr='#006600');
}
.atewhatsrodape div.whatsapp a:hover span.text{border:1px #006600 solid;}

.atewhatsrodape div a:hover span.text{
    -webkit-animation: fromFade 0.4s ease-in-out 0s both;
    -moz-animation: fromFade 0.4s ease-in-out 0s both;
    -o-animation: fromFade 0.4s ease-in-out 0s both;
    -ms-animation: fromFade 0.4s ease-in-out 0s both;
    animation: fromFade 0.4s ease-in-out 0s both;
}
.atewhatsrodape{right:80px; bottom:10px;}
.atewhatsrodape span{float:right;}
.atewhatsrodape div a span.text{margin-right:-12px; padding-right:17px; padding-left:7px;}