* { 
	margin:0; 
	padding:0; 
	}
body, li, ul, a, img, h1, h2, h3,h4,h5,h6,h7, p, input, button, hr, form, textarea, table, tr, td, div,BLOCKQUOTE{
	margin: 0px;
	padding: 0px;
}

a{
	text-decoration: none;
}

a img{
	border:none;
	}
	
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	
	background-color:#ffffff;
	height:100%;

	}
	
#geral{
	width:1050px;
	margin:0 auto;
	margin-top:20px
	}
hr{
	border:0;
	border-bottom:1px solid #524B48;
	margin-top:20px;
	margin-bottom:20px
	}		
	
a.area_cliente{
	height:25px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
input.btn_area_cliente{
	background-image:url(../images/btn_area-02.jpg);
	background-repeat:no-repeat;
	width:26px;
	height:25px;
	border:none;
	cursor:pointer
	}
	
/* ==========================================================================
   MENUS
   ========================================================================== */	

ul#menu {
	list-style-type:none; 
	z-index:200;
	height:40px;
	text-align:left;
	width:693px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	}

*+html #menu li {
	display:inline;
	position:relative;
	text-transform:uppercase;
	}
	
#menu li {
	display:inline-block;
	position:relative;
	text-transform:uppercase;
	line-height:40px;
	vertical-align:middle
	}

ul#menu li a {
	cursor:pointer;
	color:#666666;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:top;
	font-weight:bold;
	
	
	}

ul#menu li.activo {
	height:40px;
	color:#c5d82e
	}

/* Default list styling */
ul#menu li:hover, #menu li a:hover {position:relative; z-index:200;color:#c5d82e}
ul#menu li:hover, ul#menu li.activo{
color:#c5d82e	
}

ul#menu li.activo a{
color:#c5d82e
}
	
ul#menu li:hover ul.sub{
	left:-50%;
	top:40px; 
	width:147px; 
	height:auto; 
	z-index:200;
	display:block;
	color:#000000;
	background-color:#c5d82e;
	background-image:url(../images/top_submenu-01.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding-top:40px;
	text-align:center;
	max-width:147px;
	
	}
	
*+html ul#menu li:hover ul.sub{
	top:40px;
	max-width:147px;
}
	
ul#menu li:hover ul.sub li{
	display:block;
	position:relative;
	text-align:center;
	padding-left:0px;
	margin-right:0px;
	width:147px; 
	max-width:147px;
	margin:0px;
	padding:0px;
	min-height:18px;
	padding-bottom:6px;
	border:0;
	background:none
	}

	
ul#menu li:hover ul.sub li a{
	color:#333333;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	background:none;
	font-weight:normal;
	display:block;
	line-height:15px;
	border:none;
	}
	
ul#menu li:hover ul.sub li a:hover, #menu li:hover ul.sub li a.activo , #menu li:hover ul.sub li:hover{ 
	color:#fff
	}

ul#menu li:hover li:hover ul,
ul#menu li:hover li:hover li:hover ul,
ul#menu li:hover li:hover li:hover li:hover ul,
ul#menu li:hover li:hover li:hover li:hover li:hover ul
{left:0px; top:-10px; padding:0px; z-index:400; height:auto;}

ul#menu ul, 
ul#menu li:hover ul ul,
ul#menu li:hover li:hover ul ul,
ul#menu li:hover li:hover li:hover ul ul,
ul#menu li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:0px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

*+html #menu li:hover li:hover ul,
*+html #menu li:hover li:hover li:hover ul,
*+html #menu li:hover li:hover li:hover li:hover ul,
*+html #menu li:hover li:hover li:hover li:hover li:hover ul
{left:0px; top:-10px; padding:3px; z-index:400; height:auto;}

*+html #menu ul, 
*+html #menu li:hover ul ul,
*+html #menu li:hover li:hover ul ul,
*+html #menu li:hover li:hover li:hover ul ul,
*+html #menu li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:0px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}


#zona_icon{
	width:317px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding-top:6px
	}

/* * * * * * * * * * * * * * * * * * * * *
* Paging
* * * * * * * * * * * * * * * * * * * * */
.paging {
  padding-bottom: 10px;
  clear: both;
  float: left;
}
.paging li {
  display: block;
  float: left;
  padding: 10px 15px;
  border-radius: 50%;
}
.paging li a {
  color: #999;
  text-decoration: none;
  display: inline-block;
  line-height: 14px;
}
.paging li.active a {
  font-weight: bold;
  color: #eee;
  font-size: 18px;
  margin: -1px;
}
.paging li a:hover {
  color: #eee;
}
	

/* ==========================================================================
   CONTEUDOS
   ========================================================================== */	

#conteudos{
	width:685px;
	margin-top:25px;
	margin-bottom:25px
	}
	
#conteudos2{
	color:#000000;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	}
	
#conteudos2 a{
	color:#c5d82e;
	font-size:22px;
    letter-spacing: 1px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
#conteudos2 a:hover{
	text-decoration:underline
	}
	
#conteudos2 h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#000000;
	font-weight:normal;
	line-height:37px;
	}
	
#conteudos2 h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#000000;
	font-weight:normal;
	line-height:32px;
	}
	
#conteudos2 h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#000000;
	font-weight:normal;
	line-height:30px;
	}
	
#conteudos2 h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000000;
	font-weight:normal;
	line-height:25px;
	}
	
	
#conteudos hr{
	border:0;
	border-bottom:1px solid #CCC
	}

#conteudos .destaque h1{
	color:#000000;
	font-size:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:35px;
	margin-top:7px;
	margin-bottom:3px
	} 
	
#conteudos .destaque{
	color:#000000;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	margin-top:25px;
	margin-bottom:25px
	} 

#conteudos .destaque div{
	margin-top:5px
	}
	
#conteudos .destaque div a{
	color:#000000;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold
	} 
	
#conteudos .destaque div a:hover{
	text-decoration:underline
	}
	
h1#titulo_activo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#000000;
	font-weight:normal;
	margin-top:27px;
	margin-bottom:-15px
	}
	
	
#produtos #destaques_detalhes h1{
	color:#000000;
	font-size:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:35px;
	margin-bottom:0px;
	text-transform:uppercase;
	} 
	
/* ==========================================================================
   ZONA DIREITA
   ========================================================================== */
#zona_drt hr{
	border:0;
	border-bottom:1px solid #CCC;
	margin-top:20px;
	margin-bottom:20px
	}
	
.contagem{
	margin-top:8px
	}
	  
.contagem td{
	border:1px solid #CCC;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:23px
	}
	
#zona_verde{
	width:267px;
	background-color:#C4D82E;
	padding: 11px 25px 11px 25px;
	text-align:left;
	margin-bottom:25px
	}
	
#zona_drt h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000;
	font-weight:normal;
	margin-bottom:8px
	}
	
#zona_drt a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#404040;
	}
	
#zona_drt a:hover{
	color:#c5d82e;
	}
	
.selectbox_procurar
{
  margin: 0px 5px 10px 0px;
  padding-left:5px;
  padding-top:3px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;/* Resize Font*/
  width : 283px; /* Resize Width */
  display : block;
  text-align:left;
  height:24px; 
  background: url(../images/bg_select-01.jpg) 238px no-repeat #ffffff;
  cursor: pointer;
  border:1px solid #999;
  color:#4D4D4D;
  border-radius:0px;
}

.selectbox_procurar1
{
  margin: 0px 5px 10px 0px;
  padding-left:5px;
  padding-top:3px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;/* Resize Font*/
  width : 140px; /* Resize Width */
  display : block;
  text-align:left;
  height:24px; 
  background: url(../images/bg_select-01.jpg) 96px no-repeat #ffffff;
  cursor: pointer;
  border:1px solid #999;
  color:#4D4D4D;
  border-radius:0px;
}

.selectbox_procurar option{
	line-height:20px;
	padding-left:10px;
	}

#zona_verde input{
	margin: 0px 5px 10px 0px;
	padding-left:5px;
	padding-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;/* Resize Font*/
	text-align:left;
	height:24px; 
	border:1px solid #999;
	color:#4D4D4D;
	}
	
#zona_verde input.submit{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;/* Resize Font*/
	text-align:center;
	height:24px; 
	border:0px solid #999;
	color:#ffffff;
	background:#000000;
	width:122px;
	text-transform:uppercase;
	cursor:pointer
	}
	
#zona_verde input.submit_email{
	background-image:url(../images/bg_select-02.jpg);
	height:24px; 
	width:24px;
	text-transform:uppercase;
	border:1px solid #000000;
	cursor:pointer
	}
	
#zona_video{
	width:316px;

	padding: 0px;
	text-align:left;
	margin-bottom:25px
	}
	
	
#zona_glossario{
	width:267px;
	background-color:#F2F2F2;
	padding: 11px 25px 11px 25px;
	text-align:left;
	margin-bottom:25px;
	font-size:11px
	}
	
/* ==========================================================================
   BANNERS SHOWCASE
   ========================================================================== */


#awOnePageButton .view-slide
{
	display: none;
}

/* This class is removed after the showcase is loaded */
/* Assign the correct showcase height to prevent loading jumps in IE */
.showcase-load
{
	height: 250px; /* Same as showcase javascript option */
	overflow: hidden;
}

/* Container when content is shown as one page */
.showcase-onepage
{
	/**/
}

/* Container when content is shown in slider */
.showcase
{
	position: relative;
	width:685px;
}
	
	/* Navigation arrows */
	.showcase-arrow-previous, .showcase-arrow-next
	{
		position: absolute;
		background-image:url(../images/arrows.png);
		width: 22px;
		height: 42px;
		top: 105px;
		cursor: pointer;
		z-index:3
	}
	
	.showcase-arrow-previous
	{
		left: 30px;
		opacity:0.8;
	}
	
	.showcase-arrow-previous:hover
	{
		background-position: 0px 0px;
		opacity:1.0;
	}
	
	.showcase-arrow-next
	{
		right: 30px;
		background-position: 22px -0px;
		opacity:0.8;
	}
	
	.showcase-arrow-next:hover
	{
		background-position: 22px 0px;
		opacity:1.0;
	}
	
	/* Content */
	.showcase-content
	{
		text-align: center;
	}
	
	
		.showcase-content-wrapper
		{
			text-align: center;
			height: 250px;
			width: 685px;
			display: table-cell;
			vertical-align: middle;
		}
		

		

		
	.showcase-onepage .showcase-content
	{
		margin-bottom: 10px;
	}
	
	
	/* Button Wrapper */
	.showcase-button-wrapper
	{
		position:absolute;
	    width:685px;
		text-align:center;
		bottom:7px;
		clear: both;
		margin-top: 0px;
	}
	
		.showcase-button-wrapper span
		{
			margin-right: 0px;
			padding: 0px 2px 0px 2px;
			cursor: pointer;
			font-size: 26px;
			color: #D9D9D9;
			
		}
	
		.showcase-button-wrapper span.active
		{
			font-size: 26px;
			color: #000000;
		}
	
	
	


/* Clear (used for horizontal thumbnails)
-------------------------------------------*/

.clear
{
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	float: none;
}



/* ==========================================================================
   MENUS BAIXOS
   ========================================================================== */
#menu_bx{
	z-index:100
	}
	
#menu_bx a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-transform:uppercase;
	
	}
	
#menu_bx a:hover{
	color:#c5d82e
	}
	
ul#sub_bx{
	list-style-type:none;
	margin-top:5px;
	margin-bottom:10px
	}

ul#sub_bx li{
	display:block
	}		
ul#sub_bx li a{
	font-size:10px;
	text-transform:none;
	
	}
	
#credito{
	margin-top:20px;
	margin-bottom:30px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	}
	
#credito a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	}
	
#credito a:hover{
	text-decoration:underline
	}




/* ==========================================================================
   CLUETIP - AREA CLIENTE
   ========================================================================== */	
div.ui-cluetip {
  font-size: 1em;
}
.ui-cluetip-header,
.ui-cluetip-content {
  padding: 18px 18px 18px 18px;
}

.ui-cluetip-content input {
  background:#FFF;
  border:1px solid #000;
  font-size:12px;
  color:#333;
  width:134px;
  height:27px
}

.ui-cluetip-content input.btn_entrar {
  background:#000000;
  border:0px solid #000;
  font-size:9px;
  color:#ffffff;
  width:78px;
  height:24px;
  text-align:center;
}

.ui-cluetip-content a{
	font-size:12px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	}
.ui-cluetip-header {
  margin: 0;
  padding:0px;
  overflow: hidden;
}

.cluetip-title .cluetip-close {
  float: right;
  position: relative;
}
.cluetip-close img {
  border: 0;
}

#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(images/wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  width: 11px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: 0 0;
  border-width: 0;
}
.cluetip-extra {
  display: none;
}

/***************************************
   =cluetipClass: 'default'
-------------------------------------- */

.cluetip-default,
.cluetip-default .cluetip-outer {
  background-color: #c4d82e;
}
.cluetip-default .ui-cluetip-header {
  background-image:url(../images/top_areacliente.jpg);
  width:316px;
  height:33px;
  background-repeat:no-repeat
}



/* ==========================================================================
   LIGHTBOX
   ========================================================================== */	
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:1; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:hidden; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxClose{cursor:pointer;overflow:visible;z-index:9999}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;height:560px;box-shadow: 0px 0px 15px #888888}



/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#ffffff;}
#colorbox{outline:0;}
    
    #cboxContent{background:#f2f2f2;border:0px #414141 solid; color:#FFFfff;overflow:visible;color:#000; font-size:13px;}
	#cboxContent h1{
		font-family: Arial, Helvetica, sans-serif;
		font-size:18px;
		text-transform:none;
		color:#000;
		font-weight:normal;
		margin-bottom:8px
		}
	
	#cboxContent input{
		width:261px;
		height:27px;
		background:#FFF;
		border:1px solid #000;
		padding-left:6px
		}
		
		#cboxContent textarea{
		width:261px;
		height:100px;
		background:#FFF;
		border:1px solid #000;
		padding-left:6px
		}
			
	#cboxContent input.submit{
		 background:#000000;
  border:0px solid #000;
  font-size:9px;
  color:#ffffff;
  width:78px;
  height:24px;
  text-align:center;
		}
		
        .cboxIframe{background:#ffffff;overflow:visible}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:0px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
       

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxClose {border:0; padding:0; margin:0; overflow:visible;  position:absolute; top:-15px;right:-15px; text-indent:-9999px}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxClose:active {outline:0;}

        #cboxClose{background-image:url(../images/btn_close.png); background-repeat:no-repeat; width:29px;height:29px}
		
		
		
		
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
	
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
  * html .ui-autocomplete {
    height: 200px;
  }

.ui-widget li{
	list-style-type:none;
	background-color:#ffffff;
	border:0px;
	padding-left:5px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;/* Resize Font*/
	padding-bottom:3px

	}
	
#tags li{
	list-style-type:none;
	background-color:#ffffff;
	border:0px;
	text-transform:uppercase;
	text-align:left;
  	padding-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;/* Resize Font*/
	line-height:20px
	}
	
.ui-widget li a, #tags li a{
	color:#333333;
	background:none;
	border:0
	}
	
.ui-widget li a:hover, #tags li a:hover{
	text-decoration:underline;
	background:none;
	border:0
	}		



#form_pw input{
	border:1px solid #999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
	height:20px
	}
	
#form_pw input.btn_bg2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	height:20px;
	background-color:#000;
	width:70px;
	cursor:pointer
	}
	
#form_pw input.btn_bg2:hover{
	color:#000000;
	background-color:#c5d82e;
	border:none
	}
	
.descricoes {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;

	line-height: 29px;
	}
table.table_produto{border:1px solid #FFF}
.table_produto{border-collapse:collapse;border-color:#FFF}
.table_produto thead th{font-weight:400;height:50px;font-size:14px	}	
.table_produto tbody{background:#f0f0f0}
table.table_produto .descricoes{font-size:15px;}


div.center-cropped {
  width: 145px;
  height: 110px;
  overflow:hidden;
  position:relative;
}
div.center-cropped img {
  position:absolute;
   	left: -50%;
    right: -50%;
    top: -50%;
    bottom: -50%;
    margin: auto;
    width: 145px;
    height: auto;
}