/****************************************************************************************************************************/
/* !! APENAS !! ESTILOS GENÉRICOS PARA O SITE 																				*/
/****************************************************************************************************************************/
@import url("fck_content.css");

* {
	margin: 0px;
	padding: 0px;
}

body {
	color: #1e6900;
	font: 15px 'Open Sans', sans-serif;
	line-height: 20px;
}

h1 {
	font-size: 20px;
	line-height: 26px;
	padding-bottom:6px;
	font-weight: bold;
	text-transform: uppercase;
}

h2 {
	font-size: 32px;
	line-height: 30px;
	font-weight: normal;
	vertical-align: top;
	padding-top: 14px;
	padding-bottom: 0px;
}

h3 {
	font-size: 22px;
	font-weight:normal;
	padding-top: 5px;
	padding-bottom: 2px;
}

h4 {
	font-size: 16px;
	padding-top: 0px;
	padding-bottom: 0px;
}

h5 {
	font-size: 14px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 12px;
}

h6 {
	font-size: 11px;
	padding-top: 0px;
	padding-bottom: 0px;
}

p {
	padding-bottom: 12px;
	text-align: justify;
}

a *{
	cursor:pointer;
}

a {
	color: #cc6633;
	text-decoration: none;
	outline: 0;
}

a:hover {
	color: #b10000;
	text-decoration:none;
	outline:0;
}

h2 a {
  color: #b10000;
}

h2 A:hover {
  color: #b10000;
}

h3 a {
	text-decoration: none;
}

h3 a:hover {
	color: #b10000;
	text-decoration: underline;
}

img {
  border:0;
}


ul {
	list-style:none;
}

ol {
   list-style-position: outside;
}



textarea, input, select {font: 11px Helvetica, sans-serif;outline: none;}

textarea { resize: none; }

fieldset{
  border:0;
  display:block;
}

fieldset > legend{
  white-space:normal; /* firefox fix */
}

* HTML .clearfix {height: 1%;}

.clear{clear:both;}
.left {float:left;}
.right {float:right;}
.noPaddingTop {padding-top: 0px !important;}
.noPaddingBottom {padding-bottom: 0px !important;}
.noTransform{text-transform: none !important;}
.inline{
	display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
	display:inline-block; /* supported by FF3+ and IE8+ */
	zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
}
.uppercase{
	text-transform: uppercase !important;
}
.lowercase{
	text-transform: lowercase !important;
}


/* width classes */
.w20{width:20px !important;}
.w30{width:30px !important;}
.w40{width:40px !important;}
.w50{width:50px !important;}
.w55{width:55px !important;}
.w60{width:60px !important;}
.w65{width:65px !important;}
.w100{width:100px !important;}
.w110{width:110px !important;}
.w120{width:120px !important;}
.w150{width:150px !important;}
.w180{width:180px !important;}
.w200{width:200px!important;}
.w250{width:250px !important;}
.w300{width:300px !important;}
.w310{width:310px !important;}
.w320{width:320px !important;}
.w350{width:350px !important;}
.w400{width:400px !important;}
.w450{width:450px !important;}
.w500{width:500px !important;}
.w550{width:550px !important;}
.w580{width:580px !important;}
.w600{width:600px !important;}
.w630{width:630px !important;}
.w650{width:650px !important;}
.w700{width:700px !important;}
.w750{width:750px !important;}
.w800{width:800px !important;}

/* height classes */
.h20{height:20px !important;}
.h50{height:50px !important;}
.h100{height:100px !important;}
.h150{height:150px !important;}
.h200{ height:200px !important;}
.h250{height:250px !important;}
.h300{height:300px !important;}
.h350{height:350px !important;}
.h400{height:400px !important;}
.h450{height:450px !important;}
.h500{height:500px !important;}
.h550{height:550px !important;}
.h600{height:600px !important;}
.h650{height:650px !important;}
.h700{height:700px !important;}
.h750{height:750px !important;}
.h800{height:800px !important;}

.hidden{display:none !important;}

.boxError{
  background-color:#ffcccc;
  color:#ff0000;
  border:1px solid red;
  padding:8px;
  margin-bottom:16px;
}

.boxError > li{
  margin-left:8px;
  margin-bottom:4px;
}

.boxInfo{
  margin-top:16px;
  background-color: #99ff9a;
  color:#00a401;
  border:1px solid #00a401;
  padding:8px;
  margin-bottom:8px;
  width: 720px;
}

.erro{
	border: 1px solid red;
}

div.notice{
	border: 1px dashed #0f0;
	color: #006633;
	text-align: center;
	padding: 8px;
	margin: 10px 0px;
	background-color: #ccffcc;
}

div.notice p{
	color: #006633;
	text-align: center !important;
	padding: 0px !important;
	margin: 0px auto;
}

.error{
	border: 1px dashed #f00000;
	padding: 8px;
	margin: 10px 0px;
	background: #ffcccc;
}

.error p{
	color: #FF4D4D;
	text-align: center !important;
	padding: 0px !important;
	margin: 0px auto;
}

ul.list-square{
	list-style-type:square;
	list-style-position:inside;
}



/******************************************************************************/
/* DIALOGS                                                                    */
/******************************************************************************/
.ui-input-style1 {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid transparent;
	padding: 0px 10px !important;
	margin-bottom: 5px;
	color: #5a86a3;
	height: 34px;
   background-color: #fff;
}
input.ui-input-style1, select.ui-input-style1, button.ui-input-style1{
  line-height:28px;
}


.ui-form-inscription-select {
border: 0px solid #ffffff;
margin-top: 4px;
text-align: right !important;
}

.required .ui-input-style1 {
	font-weight: bold;
}
.ui-box-wizard-button span {
	visibility: hidden;
}

.ui-box-wizard-button {
	border: 0px solid white;
	padding: 6px 24px;
	display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
	display:inline-block; /* supported by FF3+ and IE8+ */
	zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
	background-color: #b10000;
	font-size: 16px; 
	color: #fff;
	text-align: center;
	cursor: pointer;
}

.ui-box-wizard-button:hover{
	background-color: #c70f0d;
	color: #fff;
}

/******************************************************************************/
div.blockBar{
	display: block;
}


.messageBox{
	padding:10px;
	font-size: 14px;
}

.errorMessages{
    background: none repeat scroll 0 0 #FFCCCC;
    border: 1px dashed #F00000;
}

.errorMessages > li{
	list-style-type:square !important;
	list-style-position:inside !important;
	color: #FF4D4D;
}
.errorMessages > li a{
	color: #FF4D4D;
}

.infoMessages{
	border: 1px solid #00a401;
	background: #99ff9a;
}

.infoMessages p{
	color:#00a401 !important;
	padding-bottom: 0px !important;
}

/*
div.errorBox {
  color: #FF0000;
  font: Miso-Bold;
  background-color: #FFCCCC;
  border: 1px solid #FF0000;
}

div.successBox {
  color: #009901;
  font: Miso-Bold;
  background-color: #CCFFCC;
  border: 1px solid #009901;
}
*/

/* facebook like */
#headerFacebookLike{
	display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
	display:inline-block; /* supported by FF3+ and IE8+ */
	zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
	margin-left:8px;
	height:30px;
	margin-top:12px;
	vertical-align:top;
}
#headerFacebookLike .facebookLike{
	display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
	display:inline-block; /* supported by FF3+ and IE8+ */
	zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
	margin-left:18px; /* deveria ser 20 mas é 18 por causa do safari.. */
	width:100px;
	line-height:31px;
	height:31px;
	vertical-align:middle;
}
#headerFacebookLike .facebookLike > iframe{
	height:20px;
}

.facebookLikeCount{
	height:21px;
	width:95px;
	display:inline-block;
}

.facebookLikeStandard > iframe{
	border:none; 
	overflow:hidden; 
	height:90px; 
	margin-top:-40px;
}

html:lang(pt) .facebookLikeStandard, 
html:lang(pt) .facebookLikeStandard > iframe {
	width:54px;
	overflow: hidden;
}

html:lang(en) .facebookLikeStandard, 
html:lang(en) .facebookLikeStandard > iframe {
	width:44px;
	overflow: hidden;
}

html:lang(es) .facebookLikeStandard, 
html:lang(es) .facebookLikeStandard > iframe {
	width:70px;
	overflow: hidden;
}

div.error ul li{
	color: #ff4d4d;
	font-size: 12px;
}

#notFoundContainer > *{
 font-family: 'Ubuntu',Helvetica,sans-serif;
 font-size: 13px;
}

.ui-datepicker-trigger {
    margin-bottom: -3px;
    margin-left: 3px;
}



h1.contentTitle, 
h2.contentTitle, 
h3.contentTitle{
	font-size: 18px !important;
	color: #313131 !important;
	cursor: default;
	margin-top: 6px;
	margin-bottom: 14px;
}

.contentTitle > *{
	display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
	display:inline-block; /* supported by FF3+ and IE8+ */
	zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
	vertical-align: middle;	
}

h1.contentTitle img, 
h2.contentTitle img, 
h3.contentTitle img{
	padding-right:4px;
}

h3.contentTitle.contentsImagesTitle {
	padding-left: 36px;
	padding-top: 7px;	
  background: url('images/iconImagens.jpg') transparent no-repeat;
}

h3.contentTitle.contentVideosTitle {
	padding-left: 36px;
	padding-top: 7px;	
  background: url('images/iconVideos.jpg') transparent no-repeat;
}

ul.contentImages li{
	display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
	display:inline-block; /* supported by FF3+ and IE8+ */
	zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
	padding: 0px 10px 6px 0px;
	vertical-align: top;
}

ul.contentImages li img{
	border: 1px solid #cccccc;
}

.contentInfoBlock{
	background-color:#ffffff;
	padding: 0px 0px 30px 0px;
}

.contentDocuments > li, .contentLinks > li{
	margin-bottom:4px;
	padding:4px;
}

.contentDocuments > li:hover{
	background-color:#f4f7ec;
}

.contentDocuments > li > *, .contentDocuments > li > a > *{
	line-height:14px;
	display:inline-block;
	vertical-align:middle;
}

.contentDocuments > li > a{
	width:34%;
	margin-right:24px;
}

.contentDocuments > li .documentSize{
	width:10%;
	text-align:right;
	margin-right:24px;
}

.contentDocuments > li .documentDate{
	width:7%;
	margin-right:24px;
}


.contentDocuments > li .documentAuthor{
	width:30%;
}

.contentDocuments > li > a > img{
	margin-right:2px;
}

.contentLinks > li > *{
	line-height:14px;
	display:inline-block;
	vertical-align:middle;
}



/*--------------------------------------------------------------------------------------------------------------------------*/
/* HEADER																													*/
/*--------------------------------------------------------------------------------------------------------------------------*/
#headerContainerTop{
  width:100%;
  margin:0px auto;
  height:75px;
  position: relative;
z-index: 999;
}
#headerContainerTopWrapper{
	position: relative;
	width:890px;
	height:144px;
	margin: 0px auto;
}

#header-lang-chooser{
	display: block;
	padding-top: 24px;
	vertical-align: top;
	text-align: right;
}

#langList > li a{
	padding: 5px;
	font-size:12px;
	line-height:12px;
	display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
	display:inline-block; /* supported by FF3+ and IE8+ */
	zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
	border: 1px solid transparent;
}

#langList > li{
	text-transform:uppercase;
}

#langList, #langList > li {
	display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
	display:inline-block; /* supported by FF3+ and IE8+ */
	zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
}

#langList > li.selected a{
	color:#808285;
	border: 1px solid #e6e6e7;
	background-color: #fff;
}

#langList > li:hover a{
	border: 1px solid #e6e6e7;
	background-color: #fff;
}


#logotipo {
	display: block;
	position: absolute;
	top: 16px;
	left: 48px;
	width: 170px;
	height: 50px;
	margin: 0px 0px 0px 0px;
}

#logotipo div{
	display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
	display:inline-block; /* supported by FF3+ and IE8+ */
	zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
	vertical-align: top;
}

#logotipo div#logotipo-nome{
	margin-left: 20px;
}

#logotipo a div span#logoTitle{
	display: block;
	font-size: 52px;
	line-height: 52px;
	text-transform: lowercase;
	color: #808285;
}
#logotipo a div span#logoTitle span{
	display: block;
	font-size: 14px;
	line-height: 21px;
	font-weight: normal;
	text-align: center;
	letter-spacing: 0.4px;
}




#header-areaCliente {
	display: block;
	position: absolute;
	vertical-align: top;
	top: 0px;
	right: 0px;
	width: 200px;
	height: 30px;
	margin: 0px 0px 0px 0px;
	text-align: right;
}
#header-areaCliente a{
	font-size: 14px;
	line-height: 30px;
	cursor: pointer;
}


#funcionalidadesHdr {
	display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
	display:inline-block; /* supported by FF3+ and IE8+ */
	zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
	position:absolute;
	right: 0;
	top: 25px;
/*
display: inline-block;
float: left;
width: 270px;
height: 105px;
*/
}

#funcionalidadesHdr a{
	text-transform: uppercase;
	color: #fff;
}
a#funcionalidadesHdr-desde1940{
	display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
	display:inline-block; /* supported by FF3+ and IE8+ */
	zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
	width:50px;
	height:40px;
	margin-left: 15px;
	padding-top: 9px;
	padding-left: 30px;
	text-align: center;
	background: url('images/desde_1940.png') transparent no-repeat center left;
	font-size: 11px;
	text-transform: uppercase;
}


.titleFieldInfo {
width: 90px;
}

.headerContainerTopWrapper{
	width:890px;  /* 940 px sem o padding */
	height:30px;
	margin: 0px auto;
	/*padding: 0px 10px;*/
	vertical-align: top;
	/*background:url('images/bg_top_wrapper_index.jpg') transparent no-repeat bottom right;*/
	
	position:relative; /* por causa do posicionamento absoluto do #blockHeaderRight*/
}




#mainMenu {
	display: block;
	position: absolute;
	text-align: right;
	vertical-align: top;
	top: 25px;
	right: 70px;
	width: 500px;
	height: 52px;
	margin: 0px 0px 0px 0px;
}

#mainMenu > ul > li {
text-align: center;
}

#mainMenu > ul.sf-menu > li.menu0 > .sf-menu-title a, #mainMenu > ul.sf-menu > li.menu0 > .sf-menu-title a > * {
	cursor: default;
}
#mainMenu > ul.sf-menu > li.menu0.singleLevel > .sf-menu-title a, #mainMenu > ul.sf-menu > li.menu0.singleLevel > .sf-menu-title a > * {
	cursor: pointer;
}






.headerContainerMenu{
  background:url('images/fundoMenu.jpg') #00243b repeat-x bottom;
  height:45px;
}



.sf-menu ul li.menuContactos a{ /* ROLHA PRA N SAIR FORA */
	width:140px !important;
}


#logoSubtitle{
	font-size:14px;
	text-align:right;
	margin-top:-5px;
	margin-right:30px;
	display: block;
}

#blockHeaderRight{
	display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
	display:inline-block; /* supported by FF3+ and IE8+ */
	zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
	padding-top:16px;
	width:618px; /* hardcoded pra n se notar o flick... */
	font-size:0px;
}

#pesquisaForm{
	  margin-left:122px;  /* hardcoded pra n se notar o flick... e alterada por js qdo se clica no input */
	  vertical-align:top;
	  display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
	  display:inline-block; /* supported by FF3+ and IE8+ */
	  zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
	/*
	padding-right:16px;
	background: transparent url(/images/pesquisaRight.png) no-repeat right !important;*/
}

#pesquisaRight{
	display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
	display:inline-block; /* supported by FF3+ and IE8+ */
	zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
	vertical-align:top;
	width:16px;
	height:31px;
	background: transparent url(/images/pesquisaRight.png) no-repeat right !important;
}

#pesquisaForm.largePesquisaForm{
	margin-left:23px;
}

#pesquisaForm.largePesquisaForm  #pesquisaInput{
	width:219px; 
}

#pesquisaInput {
	vertical-align:top;
	border:0px;
	background: transparent url(/images/pesquisaCenter.png) repeat-x !important;
	width:120px;
	height: 31px;
	line-height: 31px;
	color:#777;
}

#pesquisaButton {
	border: 0px;
	vertical-align: top;
	height: 31px;
	width: 25px;
	
	background: transparent url(/images/pesquisaLeft.png) no-repeat center !important;
	cursor: pointer;
	display:inline-block;
}


/****************************************************************************************************************************/
/* MAIN LIST PRODUTOS																													*/
/****************************************************************************************************************************/

/* MAIN CONTENT CONTAINER */

.titleContainerWrapper{
	width: 860px; /* 890px sem padding */
	min-height: 50px;
	margin: 0px auto;
	vertical-align: top;
	padding: 4px 0px 0px 0px;
	display:block;  
}

.titleContainerWrapper  h1{
	display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
	display:inline-block; /* supported by FF3+ and IE8+ */
	zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
	width: 720px;
	vertical-align: top;
	padding-bottom: 0px;
}

h1 span.menu-anterior{
	display:block;
	font-size: 13px;
	line-height: 11px;
	font-weight: normal;
	text-decoration: none;
	text-transform: lowercase;
	margin-top:8px;
	color:#1e6900;
}

.titleContainerWrapper .blockTitle-right{
	display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
	display:inline-block; /* supported by FF3+ and IE8+ */
	zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
	width: 190px;
	text-align: right;

}

.titleContainerWrapper .blockTitle-inscricao{
	display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
	display:inline-block; /* supported by FF3+ and IE8+ */
	zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
	text-align: left;
	vertical-align: bottom;
}

.contentContainer{
	width:100%;
	margin: 0px auto;
	position: relative; /*  IMPORTANTE !*/
	display:block; 
}
.contentContainerWrapper{
	width: 860px;
	margin: 0px auto;
	vertical-align: top;
	padding: 40px 0px 20px 0px;
	position: relative;z-index:999; /*  IMPORTANTE !*/
	display:block;
}

.contentContainerWrapper.paddingBottom{
	padding-bottom: 46px;  
}

.globalContentContainer{
	display:block;  
	width: 860px;
	min-height: 324px;
	margin: 0px auto;
	margin-bottom: 30px;
	padding: 20px 20px 40px 20px;
	vertical-align: top;
	position: relative;z-index:999; /*  IMPORTANTE !*/
	background-color: #fff;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;	
}

#categorias-list{
	background-color: #f4f7ec;
}

.open-list h1{
	display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
	display:inline-block; /* supported by FF3+ and IE8+ */
	zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	text-transform: none;
}


#global-content-title{
	width:860px;
        z-index: 99;
        text-align:left;
}


#produtosList {
	display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
	display:inline-block; /* supported by FF3+ and IE8+ */
	zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
	width: 100%;
}

#produtosList p{
padding: 0px;
}

#produtosList li {
	position: relative;
	display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
	display:inline-block; /* supported by FF3+ and IE8+ */
	zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
	float: left;
	width: 194px;
	height: 214px;
	background-color: #ffffff;
	margin: 0px 14px 18px 0px;
	padding: 14px;

	border: 1px solid #d3d3d1;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 2px #d3d3d1;
	-moz-box-shadow: 0px 0px 2px #d3d3d1;
	box-shadow: 0px 0px 2px #d3d3d1;

}

#produtosList li.norightmargin{
	margin-right: 0px;
}

.prodImg {
width: 100%;
height: 100px;
margin: 6px 0px 20px 0px;
text-align: center;
}

.prodDesc, .prodDesc-promo {
	height: 64px;
}

.prodDesc p {
width: 100%;
text-align: center;
margin: auto;
}

.prodDesc-promo p {
width: 160px;
text-align: left;
}

.prodNome {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
width: 100%;
line-height: 90%;
}
.prodClassAdd {
font-family: 'Open Sans', sans-serif;
font-size: 11px;
color: #333b00;
}


.categorias {
display: block;
margin: 6px auto;
width: 84px;
}

.taskProd {
	position: absolute;
	bottom: 14px;
	left: 14px;
	text-align: left;
}	
.taskProd_OLD {
	display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
	display:inline-block; /* supported by FF3+ and IE8+ */
	zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
float: left;
width: 50px;
height: 39px;
margin-left: 5px;
}

.addtocart {
	display: none;
	width: 30px;
	height: 32px;
	background: url('/images/bt_addcart_30_32.png') transparent no-repeat;
	margin: 0px 0px 0px 10px;
	cursor: pointer;
}

.precoProd_OLD {
	display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
	display:inline-block; /* supported by FF3+ and IE8+ */
	zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
	width: 109px;
	height: 39px;
	margin-right: 16px;
	text-align: right;
}

.precoProd {
	position: absolute;
	bottom: 18px;
	right: 14px;
	text-align: right;
}

.priceDiscount {
	display: block;
	font-size: 12px;
	font-weight: bold;
	background: url("/images/bg_sticker_promo_percent.jpg") no-repeat right 55%;
	width: 44px;
	height: 32px;
	margin-left: auto;
	text-align: center;
	color: #b10000;
	padding-top: 14px;
	margin-bottom: -8px;
}

.priceOld {
	display: block;
	margin: 0px;
	text-align: right;
	font-size: 13px;
	line-height: 12px;
	text-decoration: line-through;
	color: #b10000;
}
.priceCurrent {
	display: block;
	margin: 2px 0px 0px 0px;
	text-align: right;
	color: #b10000;
	font-weight: bold;
	font-size: 16px;
	line-height: 16px;
}

/* Jᠮ㯠estᠡ ser usado???
.priceProd {
margin: 2px 0px 0px 0px;
text-align: right;
color: #b10000;
font-weight: bold;
font-size: 16px;
line-height: 16px;
}


.promoPrice {
margin: 2px 0px 0px 0px;
	display:-moz-inline-stack; 
	display:inline-block;
	zoom:1; *display:inline;
	padding-left: 24px;
text-align: right;
color: #b10000;
font-weight: bold;
font-size: 16px;
line-height: 16px;
	background: url('/images/ico_promocao.png') transparent no-repeat left center;
}

.promotionPrice {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1; *display:inline;
	margin-top: 0px;
}
*/

span.sticker-promo {
	position: absolute;
	left: 0px;
	top: 0;
	width: 72px;
	height: 76px;
	z-index: 10;
}














/****************************************************************************************************************************/
/* FOOTER																													*/
/****************************************************************************************************************************/

#footer{
	padding: 30px 0px 30px 0px;
	background: #fff;
	font-size: 12px;
	line-height: 16px;
	color: #426600;
}

#footer h4{
	padding-bottom: 4px;
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	font-weight: normal;
}

#footer p{margin-bottom: 0px; padding: 0px;}

.footerContainerWrapper{
	position: relative;
	width: 890px;
	margin:0px auto;
}

#footerLeftColumn{
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1; *display:inline;
	position: relative;
	width: 238px;
	height: 150px;
	margin-right: 18px;
	vertical-align: top;
	border-right: 1px solid #c7d2b3;
}

#footerMiddleColumn{
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1; *display:inline;
	position: relative;
	width: 300px;
	height: 150px;
	margin-right: 10px;
	vertical-align: top;
	border-right: 1px solid #c7d2b3;
}

#footerRightColumn{
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1; *display:inline;
	position: relative;
	width: 310px;
	height: 150px;
	vertical-align: top;
	text-transform: uppercase;
}



#footerLogotipo {
	display: block;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
}

#footerLogotipo div{
	display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
	display:inline-block; /* supported by FF3+ and IE8+ */
	zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
	vertical-align: top;
}

#footerLogotipo div#footerLogotipo-nome{
	margin-left: 10px;
}

#footerLogotipo a div span#footerLogoTitle{
	display: block;
	font-size: 46px;
	line-height: 40px;
	text-transform: lowercase;
	color: #9c9c9c;
	letter-spacing: 0.4px;
}
#footerLogotipo a div span#footerLogoTitle span{
	display: block;
	font-size: 13px;
	line-height: 22px;
	font-weight: normal;
	letter-spacing: -0.2px;
	text-align: center;
}

#footer #copyRightsBlck{
	margin: 34px 0px 2px 0px;
}

.contactosFooter-morada{
	margin-bottom: 24px;
}

.contactosFooterItem{
	display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
	display:inline-block; /* supported by FF3+ and IE8+ */
	zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
	vertical-align: top;
	margin-right: 10px;
}

#contactosFooter-email{
	margin-right: 0px;
}


.linksFooterCertificacao > div{
	display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
	display:inline-block; /* supported by FF3+ and IE8+ */
	zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
	vertical-align: top;
	margin-right: 5px;
	margin-left: 10px;	
	text-align: center;
}

.footerCertificacaoImage-title{
	display: block;
	margin-top: -2px;
	line-height: 14px;
}

.footerCertificacaoImage-title span{
	display: block;
}

#footer .linksFooterSocialNetworks{
	display:block;
	margin: 0px 0px 10px 12px;
	text-align: left;
}
.linksFooterSocialNetworks > div{
	display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
	display:inline-block; /* supported by FF3+ and IE8+ */
	zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
	vertical-align: top;
	text-align: left;
}


#footer-grupoFCC-text{
	display:inline-block;
	padding-top: 4px;
	padding-right: 5px;
	vertical-align: top;
	font-size: 11px;
	line-height: 14px;
	width:200px;
}

#footer-grupoFCC-text span{
	display: block;
}






/*

			<div class="contactosFooter-morada">
				<h4>Morada</h4>
				<p>{$_website.address_html}</p>			
			</div>
			<div class="contactosFooter-outros">
				<div class="contactosFooterItem" id="contactosFooter-telefone">
					<h4>Telefone</h4>
					<p>{$_website.telephone}</p>
				</div>
				<div class="contactosFooterItem" id="contactosFooter-fax">
					<h4>Fax</h4>
					<p>{$_website.fax}</p>
				</div>
				<div class="contactosFooterItem" id="contactosFooter-email">
					<h4>Email</h4>
					<p>{$_website.email}</p>
				</div>
			</div>
			*/



/* PESQUISA HEADER */


#pesquisaHdr {
	display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
	display:inline-block; /* supported by FF3+ and IE8+ */
	zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
	float: left;
	width: 390px;
	height: 36px;
	background-color: #fff;
	border: 1px solid #aaa;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin:  22px 0px 0px 45px;
	-webkit-box-shadow: 0px 1px 1px #888888;
	-moz-box-shadow: 0px 1px 1px #888888;
	box-shadow: 0px 1px 1px #888888;
}

#pesquisaHdr > form > span, #pesquisaHdr > input{
	vertical-align: top;
}

#pesquisaHdr input#global-search-term {
	border: 0px none #fff;
	padding: 5px 10px;
	color: #666;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
	width: 330px;
	height: 16px;
	margin: 4px 2px 0px 5px;
}


#pesquisaHdr input#global-search-button {
display: inline-block;
width: 19px;
height: 19px;
background: url('/images/bt_search_header.png') transparent no-repeat;
border: 0;
cursor: pointer;
margin: 10px 0px 0px 0px;
}


#jquery-live-search {
	font-family: 'Open Sans', sans-serif;
	background: #fff;
	padding: 0px;
	max-height: 400px;
	overflow: auto;
	position: absolute;
	border: 1px solid #cccccc;
	border-width: 0 1px 1px 1px;
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
	z-index: 99990;
}
/*
#jquery-live-search {
background: url(/AndreasLagerkvist/Styles/darker/gfx/jquery-live-search-bg.png) repeat-x;
font-size: 12px;
border: 1px solid #222;
}
*/
#jquery-live-search h2 {
	padding: 8px 4px 0px 4px;
	font-size: 18px;
}
#jquery-live-search h3 {
	padding: 4px;
}
ul.ul-bullets {
	list-style-type:disc;
	list-style-position: inside;
	padding: 0px 4px 10px 4px;
	font-size: 12px;
}
#jquery-live-search ul.ul-bullets li{
display: list-item;
}

#jquery-live-search h2 + p {
	font-size: 12px;
	padding: 0px 4px 8px 4px;
}

#jquery-live-search li {
display: block;
}

#jquery-live-search li a{
	display:block;
	color: #333b00;
	padding: 8px 4px;
}
#jquery-live-search li a:hover{
	background-color: #e4edd3;
}

#jquery-live-search li p{
padding: 0px;
}

#jquery-live-search .imgProdutoLiveSearch {
display: inline-block;
width: 30px;
height: 30px;
margin: 5px 4px 5px 4px;
}
#jquery-live-search .prodDescLiveSearch {
display: inline-block;
width: 126px; /* se scrollbar, melhor 106px! */
vertical-align: top;
}
.prodDescLiveSearch .prodNomeLiveSearch{
	color: #b10000;
font-size: 13px;
text-align: left;
}
.prodDescLiveSearch .prodClassAddLiveSearch{
font-size: 12px;
}

#jquery-live-search .qtdPrecosProdutoLiveSearch {
display: inline-block;
float:right;
/*width: 70px;*/
vertical-align: top;
}
#jquery-live-search .qtdPrecosProdutoLiveSearch div {
text-align: right;
}

#jquery-live-search .precoRealProduto {
font-size: 13px;
font-weight: normal;
}


/* BUTTONS */

.button-style1 { /*button com 1 linha */
	margin: 16px 0px 16px 0px;
	padding: 18px;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	min-width: 100px;
	color: #fff;
	background-color: #6bb503;
	font-size: 16px;
	line-height: 16px;
	text-align: center;
	vertical-align: middle;
	text-transform: uppercase;
	border-radius:12px;
}

.button-style1:hover{
	background-color: #5c9e00;
	color: #fff;
}

.button-style2 { /*button com 2 linhas de texto */
padding: 4px 10px;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
min-width: 100px;
height: 30px;
background-color: #9eed0c;
font-size: 16px;
line-height: 16px;
text-align: left;
vertical-align: middle;
border: 1px solid #6fa906;
text-transform: lowercase;
}
.button-style2 span.smallline{
	display: block;
	font-size: 12px;
	line-height: 12px;
	text-align: left;
}



.destaques-button-style1{
	padding: 6px 24px;
	display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
	display:inline-block; /* supported by FF3+ and IE8+ */
	zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
	background-color: #b10000;
	font-size: 20px; 
	color: #fff;
	text-align: center;
	text-transform:uppercase;
}

.destaques-button-style1:hover{
	background-color: #c70f0d;
	color: #fff;
}


.block-preinscricao-big  .destaques-button-style1{
	padding: 10px 25px;
	font-size: 28px; 
}
.block-preinscricao-big span{
	display: block;
	line-height: 26px;
	padding-left: 25px;
}
.block-preinscricao-big span.beforeButton{
	font-size:18px;
}
.block-preinscricao-big span.comment{
	font-size: 14px;
}


.block-preinscricao span{
	display: block;
	line-height: 20px;
	padding-left: 24px;
}
.block-preinscricao span.beforeButton{
	font-size:15px;
}
.block-preinscricao span.comment{
	font-size: 12px;
}



/*

.modal {
    background-color:#fff;
    display:none;
    width:350px;
    padding:15px;
    text-align:left;
    border: 1px solid #777;
 
    opacity:1;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -moz-box-shadow: 0 0 10px #ccc;
    -webkit-box-shadow: 0 0 10px #ccc;
		position: relative;

  }
 */
 
 
/* 
#promptLogin h2 {
	margin:0px;
	font-size: 24px;
	font-weight: normal;
	line-height: 26px;
	background:url('images/bg_login_h2.jpg') transparent no-repeat 50% 0%;
}
#promptLogin h2 span{
	display: block;
	margin:0px;
	font-size: 18px;
	font-weight: normal;
	text-transform: none;
	color:#7c91a2;
} 

#bt-login-close{
	border: 0px none;
	line-height: 0px;
}



#promptLoginHeader div{
	display: block;
}

#promptLoginContent{
	border-top:1px solid #e7e7e7;
	padding-top: 40px;
	vertical-align: top;
}
#promptLoginContent div{
	display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block * /
	display:inline-block; /* supported by FF3+ and IE8+ * /
	zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) * /
}
#promptLoginContentLeft{
	width: 180px;
	vertical-align: top;
}
#promptLoginContentRight{
	text-align: right;
	width: 280px;
}

#form-login p.show-errors{
	color: #f00;
	display: none;
}

p.info-alert{
	color: #f00;
	font-size: 16px;	
}

#loginForm{
	display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block * /
	display:inline-block; /* supported by FF3+ and IE8+ * /
	zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) * /
	vertical-align:top;
	height: 39px;
}
*/


/* FORMS */

.dataLine {
clear: left;
padding-bottom: 4px;
}

.dataLine > label > span {
clear: left;
display: inline-block;
text-align: left;
width: 90px;
margin-right: 8px;
}

.dataLine input{
	padding: 6px;
}

.dataLine select {
	padding: 6px;
}

sup.note-required-field{
	color: #f00;
}



.clientes-esq{
display:inline-block;
width:400px;
margin-left:40px;
}



.clientes-dir{
display:inline-block;
width:400px;
}