@charset "UTF-8";
/* CSS Document INGLES*/

/*CORES
azul #fdb813
verde #34a344
verde escuro #fdb813
laranja #34a344
cinza #999
cinza claro #f2f2f2
*/

/*FONTES-------------------------------------------------------*/
@font-face {
    font-family:'p22demi';
    src:url('p22underground-demi-webfont.eot');
    src:url('p22underground-demi-webfont.eot?#iefix') format('embedded-opentype'),
         url('p22underground-demi-webfont.woff') format('woff'),
         url('p22underground-demi-webfont.ttf') format('truetype'),
         url('p22underground-demi-webfont.svg#p22_undergrounddemi') format('svg');
    font-weight:normal;
    font-style:normal}

@font-face {
    font-family:'p22book';
    src:url('p22underground-book-webfont.eot');
    src:url('p22underground-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('p22underground-book-webfont.woff') format('woff'),
         url('p22underground-book-webfont.ttf') format('truetype'),
         url('p22underground-book-webfont.svg#p22_undergroundbook') format('svg');
    font-weight:normal;
    font-style:normal}


/*RESETS E GERAIS-------------------------------------------------------*/
:link, *:visited, *:hover, *:active, *:focus {
	-webkit-transition:color .15s linear,
		background-color .25s linear,
		border-color .25s linear,
		opacity .25s linear,
		margin .15s linear,
		box-shadow .15s linear,
		padding .25s linear;
	transition:color .15s linear,
		background-color .25s linear,
		border-color .25s linear,
		margin .15s linear,
		box-shadow .15s linear,
		opacity .25s linear,
		padding .25s linear}

* {margin:0; padding:0; border:0; list-style:none}
::selection {background:#fdb813}
input, textarea, select {outline:none}
input[type=submit], select {cursor:pointer}
img {opacity:0.9}
img:hover {opacity:1}
strong {font-family:'p22demi'; font-weight:normal}
a {text-decoration:none}
.clear {clear:both}
.left {float:left}
.right {float:right}
.corner {border-radius:5px}
.container {width:1000px; margin:0 auto}

body {
	font-family:'p22book';
	/*background:url(../../images/site/bg-body.jpg) bottom center no-repeat*/
}

/*HEADER----------------------------------------------------------------------------------------*/
/*HEADER HOME*/
#flags-home {
	position:relative;
	left:108%;
	margin-top:-34px;
	width: 120px;
	bottom:25px;
}

#flags-home .toggle a {
	background:url(../../images/site/bg-toggle.png) no-repeat 95px 12px #fcb912;
}

/*HEADER INTERNAS*/
header #sweet {
	margin:30px 67px 28px 30px;
	float:left}

header #sweet img {
	width:285px;
	height:75px}

header #abicab {
	margin:45px 0 0 0;
	float:left}

header #abicab img {
	width:81px;
	height:71px}

header #flags {
	float: right;
	margin:5px 0 0 0;
	width: 120px;
}

header #flags #toggled-99 {
	position: absolute;
}

header #flags .toggle a {
	background:url(../../images/site/bg-toggle.png) no-repeat 95px 12px #fcb912}

header #logout {
	float:right;
	margin:5px 0 0 0;
	font-size:11px;
	color:black;
	text-decoration:none;}

header #search {
	width:150px;
	height:15px;
	padding:15px;
	border:1px solid #d8d8d8;
	float:right;
	margin:-54px 0 0 0}

header #search form {
	position: relative;
}

header #search input {
	background:none;
	font:11px 'p22demi';
	color:#4b4b4b;
	text-transform:uppercase;
	float:left;
	margin:2px 0 0 0}

header #search input[type=submit] {
	width:19px;
	height:20px;
	background:url(../../images/site/ico-search.png) no-repeat left;
	display:block;
	margin:-3px 0 0 3px;
	position: absolute;
	right: 0px;}

header #search input[type=submit]:hover {background-position:right}

a.en, a.es, a.ar, a.pt {
	background:url(../../images/site/ico-flags.png) no-repeat;
	width:28px;
	height:19px;
	display:block;
	float:right;
	margin:0 0 0 7px}

a.en {background-position:left top}
a:hover.en {background-position:left bottom}
a.es {background-position:-28px top}
a:hover.es {background-position:-28px bottom}
a.ar {background-position:-56px top}
a:hover.ar {background-position:-56px bottom}
a.pt {background-position:-84px top}
a:hover.pt {background-position:-84px bottom}

/*MENU*/
header .menu ul {
	text-align:center}

header .menu li {
	display:inline-block}

header .menu a {
	font:14px 'p22demi';
	color:#404040;
	text-transform:uppercase;
	display:table-cell;
	width:135px;
	height:72px;
	background:url(../../images/site/bg-nav.png) no-repeat right;
	padding:0 4px 0 0;
	vertical-align:middle}

header .menu a:hover {
	color:#34a344}

header .menu li:last-child a {
	background:none}

header .menu ul ul {
	width:112px;
	background:url(../../images/site/bg-sub-nav.png) top center no-repeat #f2f2f2;
	border:1px solid #fff;
	position:absolute;
	z-index:1000;
	padding:20px 0 6px 0;
	margin:-4px 0 0 13px;
	visibility:hidden}

header .menu ul ul li a {
	background:none;
	height:24px;
	font-size:12px}

header .menu ul li:hover ul {
	visibility:visible}
/*HEADER----------------------------------------------------------------------------------------*/


/*HOME----------------------------------------------------------------------------------------*/
/*IMAGEM HOME RANDÔMICA*/
img.shuffle  {
	width:100%;
	opacity:1;
	display:block}

/*GERAIS CARROSSEL*/
.rs-carousel-mask {
    overflow:hidden}

.rs-carousel-runner {
	position:relative;
    -moz-transform:translate3d(0, 0, 0);
    -webkit-transform:translate3d(0, 0, 0);
    -o-transform:translate3d(0, 0, 0);
    -ms-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0)}

.rs-carousel-transition .rs-carousel-runner {
    -moz-transition:-moz-transform .400s ease;
    -webkit-transition:-webkit-transform .400s ease;
    -o-transition:-o-transform .400s ease;
    -ms-transition:-ms-transform .400s ease;
    transition:transform .400s ease}

/*PRODUCTS*/
#products {
	margin:25px 0;
	text-transform:uppercase}

#products img {
	width:159px;
	height:184px}

#products .releases {
	font:40px 'p22demi';
	color:#fdb813;
	float:left;
	width:224px;
	margin:78px 0 0 0}

#products .new {
	font:24px 'p22book';
	color:#999;
	float:left;
	margin:-10px 0 0 30px}

#products a {
	color:#999}

#products a:hover {
	color:#000}

#products h1, #products h2 {
	text-align:left}

#products h1 {
	font:13px 'p22demi';
	margin:10px 0 0 0}

#products h2 {
	font-size:11px}

/*CARROSSEL PRODUCTS*/
#products .rs-carousel-horizontal, #products .rs-carousel-item {
    float:left;
	margin:0 25px;
	width: 193px;}

#products .rs-carousel-mask {
    position:relative;
	width:751px;
	margin:0 0 0 305px;
	/*height: 249px; */
}

#products .rs-carousel-action-next, #products .rs-carousel-action-prev {
	position:absolute;
	margin-top:-120px;
	display:block;
	width:17px;
	height:25px;
	background:url(../../images/site/ico-arrow-small.png) no-repeat}

#products .rs-carousel-action-next {
	background-position:top right;
	margin-left:983px}

#products .rs-carousel-action-next:hover {background-position:bottom right}

#products .rs-carousel-action-prev {
	background-position:top left;
	margin-left:245px}

#products .rs-carousel-action-prev:hover {background-position:bottom left}

/*FEATURE*/
#feature {
	padding:60px 0}

#feature img {
	float:left;
	width:556px;
	height:284px;
	margin:0 40px 30px 10px;
	border:1px solid #cbefa1;
	box-shadow:1px 1px 5px #515151}

#feature h1, #feature p, #feature a.more {
	margin:0 50px 0 0}

#feature h1 {
	color:#FFF;
	font:29px 'p22demi';
	line-height:100%}

#feature p {
	margin-top:20px;
	font-size:13px;
	line-height:170%;
	color:#fff;}

#feature a.more {
	font:16px 'p22demi';
	text-transform:uppercase;
	text-align:center;
	background:#fdb813;
	padding:8px 0;
	display:block;
	width:282px;
	float:left;
	color:#fff;
	margin-top:12px}

.wrap {
	width:311px;
	float:left}

.wrap2 {
	background:#34a344;
	margin:0 0 40px 0}

#feature a:hover.more {
	background:#719943}

/*CARROSSEL FEATURE*/
#feature .rs-carousel-horizontal, #feature .rs-carousel-item {
    float:left;
	margin:0 40px}

#feature .rs-carousel-mask {
    position:relative;
	width:1000px;
	margin:0 auto;
	height:289px}

#feature .rs-carousel-action-next, #feature .rs-carousel-action-prev {
	position:absolute;
	margin-top:-164px;
	display:block;
	width:27px;
	height:40px;
	background:url(../../images/site/ico-arrow-big.png) no-repeat}

#feature .rs-carousel-action-next {
	background-position:top right;
	margin-left:977px}

#feature .rs-carousel-action-next:hover {background-position:bottom right}

#feature .rs-carousel-action-prev {
	background-position:top left}

#feature .rs-carousel-action-prev:hover {background-position:bottom left}

/*FEATURE 2*/
#feature2 .left, #feature2 .right {
	width:300px}

#feature2 .left {
	float:left;
	margin:0 50px 0 0}

#feature2 img {
	width:300px;
	height:215px}

#feature2 .right {
	float:right}

#feature2 .tag {
	position:absolute;
	background:#fdb813;
	color:#FFF;
	font:34px 'p22demi';
	text-transform:uppercase;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	padding:10px 20px 5px 20px;
	margin:20px 0 0 0;
	z-index:10000}

#feature2 h2 {
	margin:10px 0 7px 0;
	font:20px 'p22demi';
	color:#34a344}

#feature2 p {
	font-size:13px;
	line-height:170%}

#feature2 a.more {
	background:#fdb813;
	font:12px 'p22demi';
	text-align:center;
	padding:6px 6px 3px 6px;
	float:right;
	text-transform:uppercase;
	color:#FFF}

#feature2 a:hover.more {
	background:#3da4c8}
/*HOME----------------------------------------------------------------------------------------*/


/*INTERNAS----------------------------------------------------------------------------------------*/
/*HEADING PRINCIPAL*/
#content .heading {
	background:#34a344;
	padding:43px 0 0 0;
	margin:0 0 60px 0}

#content .heading h1 {
	font:43px 'p22book';
	color:#FFF;
	text-transform:uppercase;
	float:left}

#content .heading h1 a {
	color:#FFF}

#content .heading h1.small {
	margin:36px 0 0 0}

#content .heading h1.big {
	width:400px;
	margin:9px 0 0 0}

#content .heading .maskImg {
	width:412px;
	height:170px;
	position:absolute;
	z-index:10}

#content .heading .maskImg img {
	opacity:1;
	border-radius:0;
	margin:0}

#content .heading .mask {
	float:right;
	margin:0 0 -5px 0}

#content .heading .mask img {
	width:412px;
	height:170px;
	border-radius:0;
	margin:0}

/*ESTILOS DE TEXTO*/
#content h2 {
	font:22px 'p22demi';
	text-transform:uppercase;
	margin:0 0 30px 0;
	position:relative}

#content h2 a {
	color:#000}

#content h2 a:hover {
	color:#666}

#content h3 {
	color:#34a344;
	margin:0 0 10px 0;
	font:16px 'p22book'}

#content .tool p {
	font-size:16px;
	margin:0 0 30px 0;
	line-height:185%}

#content .tool a {
	color:#34a344;
	text-decoration:underline}

#content .tool a:hover {
	text-decoration:none}

#content .tool ul {
	margin:0 0 30px 30px}

#content .tool li {
	background:url(../../images/site/ico-arrow-right.png) left no-repeat;
	padding:0 0 0 20px;
	margin:0 0 10px 0}

#content .tool img {
	border-radius:5px;
	margin:0 30px 0 0;
	float:left}

#content .left {
	float:left;
	width:215px}

#content .left .logo {
	width:214px;
	margin:0 0 10px 0}

#content .left iframe {
	width:215px;
	height:380px}

#content .right {
	float:right;
	width:715px}

select[name="Country"]{
	width: 322px !important;
}  	

h2.box  {
	margin:0 !important;
	font:18px 'p22book' !important;
	color:#FFF !important;
	display:block;
	padding:10px 0 7px 15px;
	background:#fdb813}

.boxDisplay {
	background:#f2f2f2;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	margin:-12px 0 20px 0;
	padding:19px 15px 9px 15px}

.boxDisplay li {
	font-size:13px;
	display:block;
	margin:8px 0}

.boxDisplay p {
	font-size:13px;
	margin:8px 0}

.boxDisplay p a {
	color:#34a344;
	text-decoration:underline;
	word-break:break-all}

.boxDisplay p a:hover {
	text-decoration:none}

.phone a {
	font:15px 'p22book';
	text-transform:uppercase;
	color:#FFF !important;
	display:block;
	padding:10px 0 7px 15px;
	background:url(../../images/site/bg-toggle.png) no-repeat 157px 12px #34a344;
	margin:0 0 4px 0}

.phone a:hover {
	background-color:#fb7e27}

.phoneClick {
	background:url(../../images/site/bg-toggle.png) no-repeat 157px -10px #fdb813 !important}

h2.phone  {
	margin:0 !important}

.phone {
	background:#f2f2f2}

.phoneDisplay {
	display:none}

/*SUPPLIERS EXPORTS AND DISTRIBUTORS*/
#sup-dist {
	margin:0 0 55px 0}

#sup-dist .logo {
	float:left;
	width:215px}

#sup-dist .logo img {
	width:214px}

#sup-dist .text {
	float:right;
	width:460px;
	margin:0 0 50px 0}

#sup-dist .text p {
	line-height:190%}

#sup-dist .label {
	font:16px 'p22demi';
	color:#929292;
	text-align:right;
	float:left;
	width:105px;
	margin:0 20px 15px 0}

#sup-dist .info {
	float:left;
	width:335px}

#sup-dist .clear2 {
	display:block;
	border-bottom:1px solid #34a344;
	clear:both;
	padding:10px 0 0 0}

#sup-dist a.more {
	font-size:13px;
	color:#FFF;
	text-transform:uppercase;
	text-align:center;
	padding:10px;
	background:#34a344;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	float:right}

#sup-dist a:hover.more {
	background:#fdb813}

.certified {
	font:15px 'p22demi' !important;
	background:url(../../images/site/ico-certified.png) no-repeat 13px 9px #fec84c;
	padding:12px 10px 10px 44px;
	margin:0 0 20px 0 !important;
	color:#FFF}

img.distributors {
	width:712px;
	height:181px;
	margin:0 0 40px !important}

/*NEWS*/
#news-feature {
	margin:0 0 70px 0}

#news-feature .left {
	width:647px;
	float:left}

#news-feature img {
	width:647px;
	height:345px}

#news-feature .category {
	font:16px 'p22demi';
	color:#FFF;
	background:#fdb813;
	text-transform:uppercase;
	position:absolute;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	padding:7px 12px 5px 12px;
	margin:293px 0 0 0;
	z-index:1000}

#news-feature .right {
	width:300px;
	float:right}

#news-feature .date {
	font-size:12px;
	color:#747474;
	background:#f2f2f2;
	padding:5px 8px;
	float:left;
	margin:0 10px 0 0}

#news-feature h1 a {
	font-size:31px;
	line-height:100%;
	margin:0 0 10px 0;
	text-transform:uppercase;
	color:#34a344;
	display:block}

#news-feature h1 a:hover {
	color:#fb7e27}

#news-feature h2 {
	font:20px 'p22book';
	text-transform:none}

#news-feature p {
	line-height:170%}

#news-list article {
	float:left;
	width:300px;
	height:300px;
	padding:16px;
	/*margin-bottom:60px;*/
}

#news-list .left, #news-list .right {
	width:300px;
	margin-bottom:70px}

#news-list .left {
	float:left;
	margin-right:49px}

#news-list .right {
	float:right}

#news-list img {
	width:300px;
	height:160px}

.bubble-right {
	float:right;
	margin:0 0 0 6px}

#news-list h1 a {
	height:60px;
	font-size:20px;
	line-height:100%;
	margin:10px 0;
	display:block;
	text-transform:uppercase;
	color:#34a344}

#news-list h1 a:hover {
	color:#fb7e27}

#news-list h2 {
	margin:0 0 12px 0 !important;
	font:13px 'p22book';
	text-transform:none}

#news-feature a.more {
	font:12px 'p22demi';
	text-align:center;
	padding:5px 8px;
	float:right;
	color:#FFF;
	background:#fdb813;
	width:284px;
	text-transform:uppercase;
	margin:30px 0 0 0}

#news-feature a:hover.more {
	background:#3da4c8}

#news-content .legend {
	margin:0 0 30px 30px;
	float:right}

#news-content .legend p {
	font-size:11px;
	color:#868686;
	margin:0}

#news-content .legend img {
	float:none;
	margin:0;
	max-width:350px}

#news-content h2 {
	width:500px}

/*EVENTS*/
#events .eventos-left {
	float:left;
	width:300px;
	height:740px;
	overflow-x:hidden;
	overflow-y:scroll;
}


#events .events-left {
	float:left;
	width:300px}

#events .events-right {
	float:right;
	width:650px}

#events .events-right h2 {
	width:500px}

#events-list {
	margin:0 0 50px 0}

#events-list img {
	float:left;
	margin:0 30px 0 0;
	width:165px;
	height:120px}

#events-list .text {
	float:right;
	width:455px}

#events-list h1 a {
	font-size:20px;
	line-height:100%;
	margin:0 0 10px 0;
	display:block;
	text-transform:uppercase;
	color:#34a344}

#events-list h1 a:hover {
	color:#fb7e27}

#events-list p {
	font-size:13px;
	margin:0 0 30px 0}


/*CARROSSEL EVENTS*/
#calendar .rs-carousel-horizontal, #calendar .rs-carousel-item {
    float:left;
	margin:20px 40px}

#calendar .rs-carousel-mask {
    position:relative;
	width:300px;
	height:446px;
	margin:20px 0 0 0}

#calendar .rs-carousel-action-next, #calendar .rs-carousel-action-prev {
	position:absolute;
	display:block;
	width:17px;
	height:9px;
	background:url(../../images/site/ico-arrow-smallest.png) no-repeat}

#calendar .rs-carousel-action-next {
	background-position:bottom left;
	margin:-21px 0 0 123px}

#calendar .rs-carousel-action-next:hover {background-position:bottom right}

#calendar .rs-carousel-action-prev {
	margin:-456px 0 0 123px;
	background-position:top left}

#calendar .rs-carousel-action-prev:hover {background-position:top right}

/*RECIPES*/
#recipes {
	width: 217px;
  	float: left;
  	margin-right: 32px;
  	margin-bottom: 100px;
}

#product_right{
	position: relative;
  	float: right;
  	width: 755px;
}

#product_left{
	position: relative;
  	float: left;
  	width: 200px;
}  	

#recipes img {
	width:220px;
	height:158px}

#recipes h1 a {
	color:#525252;
	font:16px 'p22demi';
	text-transform:uppercase;
	display:block;
	height:38px;
	margin:10px 0}

#recipes h1 a:hover {
	color:#000}

#recipes a.more {
	font:12px 'p22demi';
	text-align:center;
	padding:5px 8px;
	float:right;
	color:#FFF;
	background:#34a344;
	width:205px;
	text-transform:uppercase}

#recipes a:hover.more {
	background:#fdb813}

/*LINKS*/
#links h1 a {
	font-size:20px;
	color:#34a344;
	text-transform:uppercase}

#links h1 a:hover {
	color:#fb7e27}

#links p {
	font-size:13px;
	margin:8px 0}

#links {
	width:300px;
	float:left;
	margin:0 0 57px 33px}

#links .bubbleMore-left {
	text-transform:none}

/*PARTNERS*/
#partners h1 a {
	font-size:20px;
	color:#34a344;
	text-transform:uppercase;
	margin:0 0 7px 0;
	display:block}

#partners h1 a:hover {
	color:#fb7e27}

#partners {
	width:300px;
	float:left;
	margin:0 0 57px 33px}

#partners .bubbleMore-left {
	text-transform:none}

#partners img {
	float:left;
	margin:0 20px 20px 0;
	width:113px;
	height:100%}

/*INTERNAS GERAIS----------------------------------------------------------------------------------------*/
/*FORMS*/
#content input, #content textarea {
	font-size:13px;
	text-transform:uppercase;
	padding:20px;
	margin:0 0 12px 0;
	float:left;
	font-family:'p22book'}
	
#content select{
	font-size:13px;
	text-transform:uppercase;
	padding:20px;
	margin:0 0 12px 0;
	float:left;
	font-family:'p22book';
	background:#f2f2f2;
	color:#4b4b4b}

#content input[type=text] {
	background:#f2f2f2;
	color:#4b4b4b;
	text-transform: none !important;}

#content textarea {
	background:#f2f2f2;
	color:#4b4b4b;
	resize:none;
	text-transform: none !important;}

#content input[type=text].size1 {
	width:311px}

#content textarea.size1 {
	width:677px;
	height:138px}

#content input[type=text].size2 {
	width:280px}

#content textarea.size2 {
	width:611px;
	height:138px}

#content input[type=text].size3 {
	width:455px}

#content textarea.size3 {
	width:960px;
	height:138px}
	
#content select.size3 {
	width:960px;}

#content input[type=text]:focus, #content textarea:focus {
	box-shadow:inset 0 0 15px #b7b7b7}

#content input[type=submit]:hover {
	background:#fb7e27}

#content input[type=submit] {
	width:200px;
	background:#34a344;
	color:#FFF;
	float:right}
	
#content .loading {
	background:url(../../images/layout/loader.gif) 165px 15px no-repeat #34a344}	

#content input[type=submit]:hover {
	background:#fb7e27}

/*PLACEHOLDER*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#000; text-transform:uppercase}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color:#CCC}

/* Firefox < 19 */
input:-moz-placeholder, textarea:-moz-placeholder {color:#000; text-transform:uppercase}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {color:#CCC}

/* Firefox > 19 */
input::-moz-placeholder, textarea::-moz-placeholder {color:#000; text-transform:uppercase}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {color:#CCC}

/* Internet Explorer 10 */
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#000; text-transform:uppercase}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {color:#CCC}

.message {
	font-size:22px;
	text-transform:uppercase;
	color:#34a344;
	background:#f2f2f2;
	border:1px solid #dfdfdf;
	padding:10px 50px 10px 118px}

.message img {
	position:absolute;
	margin:-28px 0 0 -96px !important}

#content .checkbox {
	float:left;
	margin:0 40px 0 0}

#content input[type=checkbox] {
	margin:0 5px 0 0}

#content label {
	font-size:13px;
	color:#4b4b4b;
	text-transform:uppercase;
	display:block}

/*BOX DOWNLOADS*/
#downloads {
	float:right;
	background:#f2f2f2;
	width:215px;
	padding:0 0 4px 0;
	margin:0 0 60px 60px}

#downloads h2 {
	padding:10px 10px 8px 10px;
	background:#fdb813;
	font:18px 'p22book';
	color:#FFF;
	text-transform:uppercase;
	margin:0 0 10px 0}

#downloads a {
	background:url(../../images/site/ico-files.png) no-repeat;
	width:103px;
	padding:8px 56px;
	display:block;
	color:#929292;
	font-size:13px;
	font-style:italic;
	margin:0 0 6px 0}

#downloads a:hover {
	background-color:#FFF}

#downloads a.jpg {background-position:20px 9px}
#downloads a.pdf {background-position:20px -55px}
#downloads a.zip {background-position:20px -119px}
#downloads a.office {background-position:20px -182px}

/*AD*/
#ad {
	width:780px;
	margin:100px auto 0 auto}

/*GENERIC BUTTON*/
.button a {
	font:15px 'p22book';
	text-transform:uppercase;
	color:#FFF !important;
	display:block;
	padding:10px 0 7px 15px;
	background:#34a344}

.button a:hover {
	background:#fb7e27}

h2.button {
	margin:0 !important}

/*PAGINATION*/
ul#pagination {
	text-align:center;
	margin:0}

#pagination li {
	background:none;
	margin:0;
	padding:0;
	display:inline-block}

#pagination li a {
	background:#f2f2f2;
	padding:4px 9px 2px 9px;
	margin:0 3px;
	color:#000}

#pagination li a:hover, #pagination .active {
	background:#fdb813;
	color:#FFF}

#pagination li:first-child a {
	background:url(../../images/site/ico-arrow-left.png) no-repeat #FFF;
	background-position:10px}

#pagination li:last-child a {
	background:url(../../images/site/ico-arrow-right.png) no-repeat #FFF;
	background-position:0}

/*TOGGLE*/
.toggleWrap {
	margin:0 0 10px 0}

.toggle a {
	font:13px 'p22book';
	text-transform:uppercase;
	color:#FFF !important;
	display:block;
	padding:9px 0px 9px 15px;
	background:url(../../images/site/bg-toggle.png) no-repeat 170px 12px #fcb912}

.toggle2 a {
    font: 13px 'p22book';
    text-transform: uppercase;
    color: #FFF !important;
    display: block;
    padding: 9px 0px 9px 48px;
    background: url(../../images/site/bg-toggle.png) no-repeat 175px 12px #34a344;
}

.toggle2{
	margin: 0 0 10px 0 !important;
}

.toggleCat a {
  font: 13px 'p22book';
  text-transform: uppercase;
  color: #FFF !important;
  display: block;
  margin: 5px 0px;
  padding: 9px 0px;
  background: #fcb912;
  text-align:center;
}
.toggle a:hover {
	background-color:#34a344}

h2.toggle  {
	margin:0 !important}

.toggleDisplay {
	background:#f2f2f2;
	display:none;
	margin:0 0 10px 0;
	width: 215px}

.toggleWrapIdiom .toggleDisplay {
	width: 120px ;
}

.toggleDisplay ul {
	padding:10px 0}

.toggleDisplay li a {
	font-size:13px;
	display:block;
	padding:5px 17px;
	color:#000}

.toggleDisplay li a:hover {
	background:#FFF}

.toggleClick {
	background:url(../../images/site/bg-toggle.png) no-repeat 170px -12px #fdb813 !important}

/*LATEST CONTENT NAVBAR*/
#latest h3 {
	margin:0}

#latest h3 a {
	line-height:100%;
	color:#4f4f4f;
	font:14px 'p22demi';
	text-transform:uppercase;
	margin:0 0 10px 0;
	display:block}

#latest h3 a:hover {
	color:#000}

#latest img {
	margin:10px 0 0 0;
	width:185px;}

/*BUBBLES CATEGORIES AND DATES*/
.bubble-left, .bubble-right {
	font-size:12px;
	color:#747474;
	background:#f2f2f2;
	padding:5px 8px;
	text-transform:uppercase;
	min-width:52px;
	text-align:center}

.bubble-left {
	float:left;
	margin:0 6px 0 0}

a.bubbleMore-left, a.bubbleMore-right {
	font:12px 'p22demi';
	text-align:center;
	padding:5px 8px;
	color:#FFF;
	background:#fdb813;
	margin:0 0 0 6px;
	text-transform:uppercase}

a:hover.bubbleMore-left, a:hover.bubbleMore-right  {
	background:#3da4c8}

a.bubbleMore-left {
	float:left;
	margin:0 6px 0 0}

a.bubbleMore-right {
	float:right;
	margin:0 0 0 6px}

/*LOGIN*/
.pp_social {
	display:none}

#login {
	display:none}

.login {
	padding:30px 30px 0 30px;
	font-size:12px}

.login h1 {
	font:18px 'p22book';
	color:#fdb813;
	margin:0 0 15px 0;
	text-transform:uppercase}

.login p {
	font-size:12px}

.login a {
	color:#34a344}

.login a:hover {
	text-decoration:underline}

.login input {
	font-size:13px;
	padding:20px;
	margin:0 0 12px 0;
	float:left}

.login input[type=text], .login input[type=password] {
	width:200px;
	background:#f2f2f2;
	color:#4b4b4b}

.login input[type=text]:focus, .login input[type=password]:focus {
	box-shadow:inset 0 0 15px #b7b7b7}

.login input[type=submit]:hover {
	background:#fb7e27}

.login input[type=submit] {
	background:#34a344;
	color:#FFF;
	float:right;
	padding:10px}

.login input[type=submit]:hover {
	background:#fb7e27}

.login li {
	background:url(../../images/site/ico-arrow-right.png) left no-repeat;
	padding:0 0 0 20px;
	margin:0 0 10px 0}
/*INTERNAS GERAIS----------------------------------------------------------------------------------------*/

/*INTERNAS----------------------------------------------------------------------------------------*/


/*FOOTER----------------------------------------------------------------------------------------*/
footer {
	background:#fdb813;
	color:#FFF;
	padding:60px 20px 20px 20px;
	margin:40px 0 0 0}

footer a {
	color:#FFF}

footer a:hover {
	text-decoration:underline}

footer h1 {
	text-transform:uppercase;
	font-size:31px}

footer h2 {
	text-transform:uppercase;
	font-size:14px;
	margin:-7px 0 30px 0}

footer .newsletter {
	float:left;
	margin:0 0 60px 0}

footer .copyright {
	margin:30px 0 0 0;
	float:left;
	font-size:12px}

footer .ass {
	float:right;
	font:10px Verdana, Geneva, sans-serif;
	margin:-14px 0 0 0}

footer strong {
	font-weight:bold}

footer input {
	font-size:13px;
	text-transform:uppercase;
	padding:20px;
	float:left}

footer input[type=text] {
	background:#FFF;
	color:#4b4b4b;
	width:190px;
	margin:0 20px 17px 0}

footer input[type=text]:focus {
	box-shadow:inset 0 0 15px #fdb813}

footer input[type=submit] {
	background:#34a344;
	color:#FFF}

footer input[type=submit]:hover {
	background:#fb7e27}

footer .captchaImage {
	display: block;
}

footer .right {
	margin:-30px 0 0 0;
	float:right}

footer .join {
	background:url(../../images/site/bg-join.jpg) left no-repeat;
	width:300px;
	height:52px;
	float:right}

footer a.join-click {
	background:#34a344;
	font:22px 'p22demi';
	text-transform:uppercase;
	height:25px;
	padding:14px 20px;
	float:right;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	margin:0 0 15px 0}

footer a:hover.join-click {
	background:#fdb813;
	text-decoration:none}

footer #search {
	width:140px;
	height:15px;
	padding:15px;
	float:right;
	margin:2px 0 29px 0}

footer #search form {
	position: relative;
}

footer #search input {
	border:1px solid #d8d8d8;
	width:259px;
	height:15px;
	font:11px 'p22demi';
	color:#4b4b4b;
	text-transform:uppercase;
	float:left;
	margin:-15px 0 0 -145px}

footer #search input[type=submit] {
	border:none;
	width:19px;
	height:20px;
	background:url(../../images/site/ico-search.png) no-repeat left;
	display:block;
	margin:3px 0 0 3px;
	position: absolute;
	right: 0px;
	padding: 0px;}

footer #search input[type=submit]:hover {background-position:right}

a.twitter, a.facebook, a.instagram, a.youtube, a.flickr {
	width:52px;
	height:53px;
	background:url(../../images/site/ico-social.png) no-repeat;
	display:block;
	float:left;
	margin:0 30px 0 0}

a.twitter {background-position:top left}
a:hover.twitter {background-position:bottom left}
a.facebook {background-position:-52px top}
a:hover.facebook {background-position:-52px bottom}
a.instagram {background-position:-104px top}
a:hover.instagram {background-position:-104px bottom}
a.flickr {background-position:-208px top;}
a:hover.flickr {background-position:-208px bottom}
a.youtube {background-position:-156px top; margin:0}
a:hover.youtube {background-position:-156px bottom}

footer .menu {
	margin:0 0 40px 0}

footer .menu li {
	float:left}

footer .menu li a {
	background:#34a344;
	font-size:12px;
	padding:3px 6px;
	text-transform:uppercase;
	margin:0 10px 0 0}
	
footer #logos {
	background:#FFF;
	width:1000px;
	position: relative;
	margin-left: -20px;
}
	
footer .apex {
	float:right;
	width: 487px;
    text-align: left;
    position: relative;
}
	
footer .abicab {
    width: 100%;
    text-align: center;
	height: auto;
    position: relative;
	}

.newsletter input[type=button]{
	cursor: pointer;
	background: #34a344;
	color: #fff;
}	

.newsletter input[type=button]:hover{
	cursor: pointer;
	background: #fb7e27;
	color: #fff;
}
/*FOOTER----------------------------------------------------------------------------------------*/

/*GOOGLE SEARCH----------------------------------------------------------------------------------------*/
.gsc-control-cse, .gsc-control-cse .gsc-table-result {
font-family:'p22book' !important;
font-size:14px !important;}

.gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl {
	color:#fdb813 !important}
	
.gs-result .gs-title, .gs-result .gs-title * {
	color:#34a344 !important}
	
.gsc-webResult .gsc-result {
margin:20px 0 !important}

.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
font-size:20px !important;
margin:0 0 10px 0 !important;
}


.iptSuppliers {
	width: 310px !important;	
}

.textSuppliers {
	width: 675px !important;
}

#flags-home .toggle a.toggleClick {
	background:url(../../images/site/bg-toggle.png) no-repeat 95px -12px #34a344 !important
}

header #flags .toggle a.toggleClick {
	background:url(../../images/site/bg-toggle.png) no-repeat 95px -12px #34a344 !important
}