@charset "utf-8";
/*
* CSS Document - Estilos dos botões de mídias sociais
* Data: 05/04/2013
* Última atualizacao: 05/04/2013
*/

/* --- Social Buttons --- */
.social-buttons {
	position: fixed;
	top: 300px; left: 0%;
	width: 45px;
	z-index: 9999;
}
.button-left {
	left: 0;
}
.button-right {
	right: 0;
}
.social-buttons #blqtlmkt-btn .social-icon {
	background-color: #33353B;
	/*background-image: url(img/PROCON-BloqueioTelemarketing.png);*/
	background-image: url(img/anterior.gif);
}

.social-buttons #twitter-btn .social-icon,
.social-buttons #facebook-btn .social-icon,
.social-buttons #google-btn .social-icon,
.social-buttons #rss-btn .social-icon,
.social-buttons #pinterest-btn .social-icon,
.social-buttons #youtube-btn .social-icon {
	background-color: #33353B;
	background-image: url(img/mas-icons.png);
}


.button-left #facebook-btn span {
	background-position: right 10px;
}
.button-left #twitter-btn span {
	background-position: right -35px;
}
.button-left #blqtlmkt-btn span {
   background-position: right 10px; 
}
.button-left #google-btn span {
	background-position: right -127px;
}
.button-left #rss-btn span {
	background-position: right -80px;
}
.button-left #pinterest-btn span {
	background-position: 11px -177px;
}
.button-left #youtube-btn span {
	background-position: 11px -223px;
}
.button-right #facebook-btn span {
	background-position: 12px 10px;
}
.button-right #twitter-btn span {
	background-position: 11px -35px;
}
.button-right #google-btn span {
	background-position: 10px -127px;
}
.button-right #blqtlmkt-btn span {
	background-position: 11px -80px;
}
.button-right #rss-btn span {
	background-position: 11px -80px;
}
.button-right #pinterest-btn span {
	background-position: 11px -177px;
}
.button-right #youtube-btn span {
	background-position: 11px -223px;
}
.social-buttons #blqtlmkt-btn:hover .social-icon {width:160px; float:left;
	background-color: #3B5998;
}
.social-buttons #facebook-btn:hover .social-icon {width:160px; float:left;
	background-color: #3B5998;
}
.social-buttons #twitter-btn:hover .social-icon {width:160px; float:left;
	background-color: #62BDB2;
}
.social-buttons #google-btn:hover .social-icon {width:160px; float:left;
	background-color: #DB4A39;
}
.social-buttons #rss-btn:hover .social-icon {width:160px; float:left;
	background-color: #FF8B0F;
}
.social-buttons #pinterest-btn:hover .social-icon {width:160px; float:left;
	background-color: #D43638;
}
.social-buttons #youtube-btn:hover .social-icon {width:160px; float:left;
	background-color: #C4302B;
}
.social-buttons a:hover .social-text {width:160px; float:left;
	display: block;
}
.button-left .social-icon {
	-moz-transition: background-color 0.4s ease-in 0s;
	-webkit-transition: background-color 0.4s ease-in 0s;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 43px;
	margin-bottom: 2px;
	width: 43px;
}
.button-left .social-text {
	display: none;
	float: right;
	font-size: 1em;
	font-weight: bold;
	margin: 11px 40px 11px 0px;
	white-space: nowrap;
}
.button-right .social-icon {
	-moz-transition: background-color 0.4s ease-in 0s;
	-webkit-transition: background-color 0.4s ease-in 0s;
	background-repeat: no-repeat;
	display: block;
	float: right;
	height: 43px;
	margin-bottom: 2px;
	width: 43px;
}
.button-right .social-text {
	display: none;
	float: left;
	font-size: 80%;
	font-weight: bold;
	margin: 11px 0 11px 40px;
	white-space: nowrap;
}
.social-buttons .social-text {
	color: #FFFFFF;
}