/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,strike,strong,sub,sup,tt,var,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}


/* Generics CSS */
* HTML .clearfix {height: 1%;}

.clear{clear:both;}
.left {float:left;}
.right {float:right;}
.noPaddingTop {padding-top: 0px !important;}
.noPaddingBottom {padding-bottom: 0px !important;}
.marginBottom {margin-bottom: 1.2rem;}
.noMarginTop {margin-top: 0rem;}
.alignCenter{
	text-align: center;
}
.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) */
}
/*
.textfilled{
	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) * /
	min-height: 14px;
	margin-left: 4px;
	background-color: #e8e8e8;
	padding: 1px 8px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
*/

body{
    width: 100%;
    height: 100%;
}

.content{
	padding:15rem 0rem 0rem 21rem;
	xbackground:#f1f1f1;
}

a *{
	cursor:pointer;
}

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

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



/* 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;}
.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;}


/* Global/Base CSS */
html { font-size: 62.5%; }*

body {
	/*font: 1.7rem 'Titillium Web', sans-serif;*/
	/*font: 1.5rem 'ReplicaPro-Light', sans-serif;*/
	font:1.5rem 'Roboto';
	line-height: 1.8rem;
	color: #092c5b;
}

h1 {
	padding: 1rem 0 0rem 0;
	line-height: 2.5rem;
	/*font: 2.7rem 'ReplicaPro', sans-serif;*/
	font: 2.7rem 'Roboto', sans-serif;
	vertical-align: top;
	text-transform:uppercase;
}

h2 {
	padding: 1rem 0 0.8rem 0;
	font-size:2.0rem;
	line-height: 2.2rem;
	font-weight: bold;
	vertical-align: top;
	padding-bottom: 0px;
}

h3 {
	padding: 1rem 0 0.8rem 0;
	font-size:1.6rem;
	line-height: 2.0rem;
	font-weight: bold;
	vertical-align: top;
	padding-bottom: 0px;
}

p{
	padding: 0 0 1.3rem 0;
}


/* Faz com que padding e border sejam considerados no width dos divs! */
div{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

header#site-header{
	position: fixed;
    width: 100%;
    z-index: 200;
}

h2 span.line1{
	display: block;
	font-size: 2.5rem;
	line-height: 2.6rem;
	font-weight: 700;
	vertical-align: top;
	padding-bottom: 1rem;
}
h2 span.line2{
	display: block;
	font-size: 2rem;
	line-height: 2.4rem;
	font-weight: normal;
	vertical-align: top;
	padding-bottom: 3rem;
	text-align:justify;
}

#outer-page-div { width:100%; min-height:100%; position:relative; }

#page-container { width:100%;}


.wrapper{
	width: 100%;
	max-width: 132rem;
	margin: 0 auto;
	padding: 0rem;
	height:100%;
}

.wrapper-content{
	width: 100%;
	margin: 0 auto;
	padding: 3.5rem 3.5rem 0rem 3.5rem;
	height:100%;
}

#div-menu-mobile{
	display:none;
}

#header_pesquisa_mobile{
	display:none;
}

#logonome{
	display:none;
}

#header1{
    height:3.5rem;
	background-color: #fff;

}


#header-riva-2020{
	/*background:#303030;
	background:#ff6633;*/
	/*background:#ffcc00; stock-off
	background:#00ccff;*/
	/*display:none; */
	/*background: #93d501;*/
	/*background:#ffcc00;*/
	/*background:#587BB5; azul catalogo*/
	/* background: #93d501; */
	/*background:#3573de; azul forte*/
	background:#cedec7;
	/*background:#ff6996;
	background:#9a2627;*/
	width:100%;
	text-align:center;
	height:3.5rem;
	padding:0.5rem 0rem 0rem 25rem;
	font-size:1.7rem;
	font-weight:700;
	text-transform:none;
}

#header-riva-2020 p{
	 color:#0f1729; 
	/*color: #2f52a0;*/ 
	/*color:#092c5b;*/
}

#header-riva-2020 a{
	font-weight:700;
	/*color:#092c5b;*/
	color:#0f1729;
}
#header-riva-2020 span{
	background:#c23b0b;
	color:#fff;
	padding:1rem;
}

/* CAMPAIGNS TOP BAR SPECIFIC REDEFINES */
#header-riva-2020.top_black_friday_2023{
	background:#030408;
}

#header-riva-2020.top_black_friday_2023 p{
	color:#fff;
}

#header-riva-2020.top_black_friday_2023 a{
	color:#fff;
}
#header-riva-2020.top_black_friday_2023 span{
	background:#97d805;
	color:#fff;
}
/* END CAMPAIGN SPECIFIC REDEFINES */


/*#header-riva-2020 span{ VERSAO STOCK-OFF
	background:#ff0000;
	color:#fff;
	padding:1rem;
}
}*/




/*
#header1_direita{
	display:inline-block;
	width:calc(100% - 30rem);
	border-top:2px solid #f1f1f1;
	border-bottom:2px solid #f1f1f1;
	text-align:right;
}
*/

#header1_direita{
	display:inline-block;
	width:calc(100% - 30rem);
	border-top:2px solid #f1f1f1;
	border-bottom:2px solid #f1f1f1;
	text-align:right;
}

#header2{
	background-color: #fff;
}

#separador-header-content{
	height:1rem;
	background:#ebebeb;
	margin:0 auto;
}

#video-natal-conteudo{
	width:100%;
	height:80rem;
}

#separador-header-content-wrapper{
	height:1rem;
	background:#092c5b;
    max-width: 133rem;
	margin:0 auto;
}


#logo {
	display:inline-block;
	position:fixed;
    width: 21rem;
    height: 8rem;
    xbackground: url('/images/logo_riva.jpg') transparent no-repeat top left;
	color:#2f52a0;
	vertical-align:top;
	padding:0;
}

#logo span{
	display:block;
}

#logo p{
	font-weight:700;
	font-style:normal;
	font-size:1.7rem;
	line-height:1.7rem;
	padding-top:1rem;
}


#header2 h1{
	padding: 0;
    font: 2.4rem 'Vinkel-Medium', sans-serif;
    line-height: 2.4rem;
	font-weight: bold;
	vertical-align: top;
	padding-bottom: 0px;
	text-transform: uppercase;
}

#chat{
	display:inline-block;
	float:right;
	color: #fff;
	width:14rem;
	height:4rem;
	font-weight:200;
	font-style:italic;
    background: url('/images/icon-chat.png') #2d4b73 16% 50% no-repeat;
    padding: 0.7rem 0rem 0rem 5rem;
	margin-right:4rem;
}

#header1_direita div{
	display:inline-block;
	color: #092c5b;
	font-size:1.4rem;
	font-weight:300;
	font-style:italic;
	vertical-align:top;
}

#header1_direita div a{
	color: #092c5b;
}
#header1_direita div a:hover{
	color: #4285f4;
}

#header1_direita #header_breadcrumbs{
	float: left;
    padding: 0.7rem 0rem 0rem 3rem;
	height:3.2rem;
}

#header_telefone{
	display:inline-block;
    xbackground: url('/images/icon-telefone.png') right center no-repeat;
    padding: 3rem 3rem 0rem 3rem;
	height:7.2rem;
	font-size:1.3rem;
}

#header_telefone span{
	font-size:1rem;
}

#header1_direita #header_horario{
    background: url('/images/icon-horario.png') 3% 94% no-repeat;
    padding: 0.7rem 0rem 0rem 3.5rem;
	margin:0rem 3rem 0rem 2rem;
}

/*
#telefone{
	display:inline-block;
	color: #092c5b;
	font-size:1.4rem;
	font-weight:300;
	font-style:italic;
    background: url('/images/icon-telefone.png') 3% 41% no-repeat;
    padding: 0.7rem 0rem 0rem 3rem;
	vertical-align:top;
	height:3.2rem;
}

#horario{
	display:inline-block;
	color: #092c5b;
	font-size:1.4rem;
	font-weight:300;
	font-style:italic;
    background: url('/images/icon-horario.png') 3% 94% no-repeat;
    padding: 0.7rem 0rem 0rem 3.5rem;
	vertical-align:top;
	margin:0rem 3rem 0rem 2rem;
}
*/
#account {
    padding-left: 0.7rem;
	padding-bottom:0rem;
	padding-right:4rem;
    height: 4rem;
    /*margin: 2rem 0rem 0rem 4.5rem;	*/
	margin: 2rem 0rem 0rem 0.8rem;
	vertical-align:top;
    xfloat: right;
	text-transform: lowercase;
	color:#092c5b;
	background: url('/images/bt_account_index.png') transparent 90% 50% no-repeat;
	background-color:transparent;
	font-style:italic;
	border:none;
	text-align:right;
	font-size:1.7rem;
}

#account:hover{
	color: #fff;
    background: url('/images/bt_account.png') #2d4b73 90% 50% no-repeat;
}

#compras {
    padding: 0.9rem 4.1rem 0rem 0.7rem;
	/*padding: 1.3rem 4.1rem 0rem 0.7rem;*/
   xwidth: 17rem;
    height: 4rem;
	margin: 2rem 0rem 0rem 0.8rem;
	vertical-align:top;
    xfloat: right;
	text-transform: lowercase;
	color:#092c5b;
	background: url('/images/bt_cart_index.png') transparent 90% 50% no-repeat;
	background-color:transparent;
	font-style:italic;
	border:none;
	text-align:right;
	font-size:1.7rem;
}

#compras-mobile{
	display:none;
}

#account-mobile{
	display:none;
}

#compras:hover{
	color: #fff;
    background: url('/images/bt_cart.png') #2d4b73 90% 50% no-repeat;
}



#tit-menu{
	height: 3.5rem;
	display:inline-block;
	width:21rem;
	vertical-align:top;
	background:#092c5b;
}

#tit-menu .c-hamburger{
	display: none;
}

#tit-menu span.tit{
	display: block;
	color:#fff;
	font-size:2rem;
	padding:0.5rem 0rem 0rem 1rem;
    line-height: 2.5rem;
    font-weight: 700;
    vertical-align: top;
    text-transform: uppercase;
}



#likeBoxFacebook{
	display:inline-block;
	min-width:11rem;
	vertical-align:top;
	padding-top:3rem;
	margin-left:3rem;
}

.facebook{
	margin-right:2.05rem;
}


#happy-fridays{
	display:block;
	width:100%;
}

#happy-fridays-mobile{
	display:none;
}


.button-style1{
    display: inline-block;
    margin-top:1rem;
    padding: 1.2rem 1.6rem 1.5rem 1.6rem;
	font-size: 1.7rem;
	text-transform:uppercase;
    line-height: 2rem;
	background-color: #8ec44c;
	border: none;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
	font-weight: 300;
	xfont-family:'Titillium Web';
	vertical-align:top;
}

.butddton-style1:hover{
	background-color:#fff; /*background-color: #def7ad;*/
	color: #99cc33;

	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}



.button-style2{
    display: inline-block;
    padding-top: 1.3rem;
	color: #99cc33;
    border: 1px solid #99cc33;
	background-color: #fff;
	font-size: 1.3rem;
    line-height: 1.2rem;
	cursor: pointer;
	text-decoration: none;
}

.button-style2-loggedin{
    display: inline-block;
	color: #99cc33;
    border: 1px solid #99cc33;
	background-color: #fff;
	font-size: 1.2rem;
    line-height: 1.8rem;
	cursor: pointer;
	text-decoration: none;
}

.button-style2-loggedin:hover{
	background-color: #def7ad;

	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.button-style2:hover{
    padding-top: 1.3rem;
	background-color: #def7ad;

	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.button-style2 span{
	display: block;
	font-size: 88%;
}

#left-bar{
	display:inline-block;
	position:fixed;
	width: 21rem;
	height:calc(100% - 15rem);
	margin-top:15rem;  /* com faixa margin-top:16rem; */
	background-color:#fff;
    border-right: 1px solid #dbe0e7;
	z-index: 200;
	overflow: auto; /*RETIRAR NO FIM??*/
}
/*
#left-bar:hover{
	width:30rem;
}
*/

/* LIXO

#left-bar h1{
	font-size:1.5rem;
	line-height:2.8rem;
	text-transform:none;
	font-weight:400;
}

.item_menu {
	padding-left:1rem;
	border-bottom:1px solid #dbe0e7;
}
 FIM LIXO */

/*
#left-bar ul#main-menu li ul{
	display:none;

}

#left-bar ul#main-menu li:hover ul{
	display:block;

}
*/

#portes-39{
	background: #0047bb url('/images/portes-39.jpg') no-repeat top center;
	width:100%;
	height:7rem;
}



#left-bar ul#main-menu > li {
	border-bottom:1px solid #dbe0e7;

    vertical-align: top;

    font-size: 1.3rem;
    line-height: 2.2rem;
    text-transform: none;
    font-weight: 400;
}

#left-bar ul#main-menu > li > a {
	display: inline-block;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	width: 100%;
	height: 100%;
    padding: 0.5rem 0 0 1rem;
	color: #092c5b;
}

#left-bar ul#main-menu > li:hover {
	background-color: #8ec44c;
}

#left-bar ul#main-menu > li.maintainHover {
	background-color: #8ec44c;
}
#left-bar ul#main-menu > li:hover > a, #left-bar ul#main-menu > li.maintainHover > a {
	color: #fff;
}


#left-bar ul#main-menu > li > ul {
    position: fixed;
    top: 11.5rem;
    left: 29.5rem;
    z-index: 1010;
    display: none;
    /*width: 104.2rem;
	height: 67.2rem;*/
    width: 100rem;
	height: 59.8rem;
    padding: 2rem 20rem 2rem 2rem;
    text-align: left;
    white-space: normal;
    background-color: #ffffff;
    border-right: 1px solid rgba(100, 100, 100, 0.2);
    border-bottom: 1px solid rgba(100, 100, 100, 0.2);
    border-left: 6px solid #8ec44c;
    -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;

	flex-direction: column;
	flex-wrap: wrap;

	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#left-bar ul#main-menu > li.mnuPapel > ul {
	background: url('/images_user/categorias/mnuPapel.jpg') #fff top right no-repeat;
}
#left-bar ul#main-menu > li.mnuPapelaria > ul {
	background: url('/images_user/categorias/mnuPapelaria.jpg') #fff top right no-repeat;
}
#left-bar ul#main-menu > li.mnuMaterialEscritorio > ul {
	background: url('/images_user/categorias/mnuMaterialEscritorio.jpg') #fff top right no-repeat;
}

#left-bar ul#main-menu > li.mnuAudiovisuais > ul {
	background: url('/images_user/categorias/mnuAudiovisuais.jpg') #fff top right no-repeat;
}

#left-bar ul#main-menu > li.mnuSuportes > ul {
	background: url('/images_user/categorias/mnuSuportes.jpg') #fff top right no-repeat;
}

#left-bar ul#main-menu > li.mnuVideoprojetores > ul {
	background: url('/images_user/categorias/mnuVideoprojetores.jpg') #fff top right no-repeat;
}

#left-bar ul#main-menu > li.mnuTelas > ul {
	background: url('/images_user/categorias/mnuTelas.jpg') #fff top right no-repeat;
}

#left-bar ul#main-menu > li.mnuQuadros > ul {
	background: url('/images_user/categorias/mnuQuadros.jpg') #fff top right no-repeat;
}

#left-bar ul#main-menu > li.mnuMobiliario > ul {
	background: url('/images_user/categorias/mnuMobiliario.jpg') #fff top right no-repeat;
}

#left-bar ul#main-menu > li.mnuCadeiras > ul {
	background: url('/images_user/categorias/mnuCadeiras.jpg') #fff top right no-repeat;
}

#left-bar ul#main-menu > li.mnuCacifos > ul {
	background: url('/images_user/categorias/mnuCacifos.jpg') #fff top right no-repeat;
}

#left-bar ul#main-menu > li.mnuInformatica > ul {
	background: url('/images_user/categorias/mnuInformatica.jpg') #fff top right no-repeat;
}

#left-bar ul#main-menu > li.mnuFitness > ul {
	background: url('/images_user/categorias/mnuAlimentacaoFitness.jpg') #fff top right no-repeat;
}


#left-bar ul#main-menu > li > ul > li > a {
	color: #535c15;
	font-weight: bold;
}

#left-bar ul#main-menu > li > ul > li > ul  {
    margin-top: -6px;
	margin-bottom: 6px;
}

#left-bar ul#main-menu > li > ul > li > ul li{
    font-size: 1.3rem;
    line-height: 1.8rem;
}

#left-bar ul#main-menu > li > ul > li > ul li a{
	color: #757575;
}

/* OVERRIDES DEFAULT */
#left-bar ul#main-menu > li.mnuChaveNaMao {
	color: #fff;
	background-color: #3573de;
}

#left-bar ul#main-menu > li.mnuChaveNaMao a{
	color: #fff;
}

/* OPEN-MENU (CATEGORIAS) */

ul.open-menu li.open-menu-col{
	display: inline-block;
	vertical-align: top;
	padding-right: 1rem;
}

ul.open-menu li.open-menu-col.col-count-1{
}
ul.open-menu li.open-menu-col.col-count-2{
}
ul.open-menu li.open-menu-col.col-count-3{
}


ul.open-menu > li > ul > li > a {
	color: #000;
	font-weight: normal;
	font-size:1.6rem;
}

ul.open-menu > li > ul > li > ul  {
	display: none;
    margin-top: -2px;
	margin-bottom: 6px;
}

/*
ul.open-menu > li > ul > li:hover > ul  {
	display: block;
}
*/

ul.open-menu > li > ul > li > ul li{
    font-size: 1.3rem;
    line-height: 1.8rem;
}

ul.open-menu > li > ul > li > ul li a{
	color: #757575;
}

ul.open-menu span.open-sub{
    padding: 3px 10px;
    font-size: 1rem;
    line-height: 1.3;
	color: #535c15;
	cursor: pointer;
}







/* FORMULARIOS */

ol.dados_formulario, ul.dados_formulario{
	margin: 2rem 0;
}

ol.dados_formulario>li, ul.dados_formulario>li{
	min-height: 4.4rem;
	max-width: 71.4rem;

	text-align: left;

	border: 1px solid #99cc33;
	background-color: rgba(255, 255, 255, 0.9);
	margin-bottom: 1.0rem;

}

.dados_formulario li.no_format{
	min-height: 4.4rem;
	max-width: 71.4rem;

	border: 0px none;
	background-color: inherit;
	margin-bottom: 1.0rem;
}

.dados_formulario li .nota_linha{
	display: block;
	font-size: 70%;
}

.dados_formulario li>label:first-of-type{
	display: inline-block;
	width: 25%;
	padding-right: 5%;
	color:#99cc33;
	vertical-align: middle;
	text-align: right;
}

.dados_formulario li.li_captcha{

}
.dados_formulario li.li_captcha label{
	vertical-align: top;
	padding: 0.8rem 5% 0.8rem 0;
}

.dados_formulario li.li_captcha label span{
	font-size: 65%;
}

.dados_formulario li.li_captcha div{
	padding: 0.8rem;
	display: inline-block;
}

.dados_formulario li.li_captcha input{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

	display: block;
	border: 1px solid #c0c0c0;
	width: 161px;
}
.dados_formulario li.li_captcha input:focus{
	background: #fff;
	border: 1px solid #c0c0c0;
	outline: none;
}


.dados_formulario li input,
.dados_formulario li textarea,
.dados_formulario li select
{
	display: inline-block;
	padding: 1.0rem 2%;
	font: 1.7rem 'Vinkel-Regular', sans-serif;
	line-height: 2.0rem;
	color: #444d31;
	vertical-align: middle;
	text-align: left;
	border: 0 none;
	background-color: transparent;
	outline: none;
}
.dados_formulario li input[type="checkbox"]{
    width: 1.6rem;
    height: 1.6rem;
	margin-bottom: 0.5rem;
}

.dados_formulario li p
{
	display: inline-block;
}

.dados_formulario li input:focus,
.dados_formulario li textarea:focus{
	background: #fff;
	border: 0px none;
	outline: none;
}

.dados_formulario li input::placeholder,
.dados_formulario li textarea::placeholder,
.dados_formulario li select::placeholder{
	font-size: 1.4rem;
	color: #c7c7c7;
	font-style: italic;
}

.dados_formulario li div.dados_formulario_multiline
{
	display: inline-block;
	padding: 0.6rem 0;
    max-width: 68%;
	vertical-align: middle;
	text-align: left;
	border: 0 none;
	outline: none;
}
.dados_formulario li div.dados_formulario_multiline label{
	display: block;
}
.dados_formulario li div.dados_formulario_multiline span label{
	display: inline-block;
}

.dados_formulario li input.full_width,
.dados_formulario li textarea.full_width,
.dados_formulario li p.full_width,
.dados_formulario li span.full_width{
    width: 64%;
}

.dados_formulario li input.full_width_without_label,
.dados_formulario li textarea.full_width_without_label,
.dados_formulario li p.full_width_without_label,
.dados_formulario li span.full_width_without_label{
    width: 96%;
}


.dados_formulario li input.full_width_shorter,
.dados_formulario li textarea.full_width_shorter,
.dados_formulario li p.full_width_shorter
{
    width: 63%;
}

.dados_formulario .textfilled{
	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: 1.0rem 2%;
	font: 1.7rem 'Vinkel-Regular', sans-serif;
	line-height: 2.0rem;
	color: #444d31;
	vertical-align: middle;
	text-align: left;
	border: 0 none;
	background-color: transparent;
	background-color: #e8e8e8;
	outline: none;

}

li.fieldError {
	background-image: url(/images/field_error.gif);
    background-repeat: no-repeat;
    background-position: right center;
}
li.fieldFocused {
	background-image: none;
}

.errorField{
	color:#ff0000;
}

.alertPanel{
/* Faz com que padding e border sejam considerados no width dos divs! */
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

	margin:1rem 0rem;
	padding:1rem;
    max-width: 71.4rem;
	font-size: 1.4rem;
}

h3.alertPanel{
	text-transform: none;
}

h3.alertPanel span{
	display: block;
}


.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;
}

.info_msg{
	border: 1px solid #00a401;
	background: #99ff9a;
	margin-bottom: 3rem;
}

.info_msg p{
	color:#00a401 !important;
	padding: 1rem 2rem;
}



#pesquisa{
	display:none;
}
#pesquisaHdr{
    position: relative;
	display:inline-block;
	margin-left:21rem;
    padding: 2.5rem 0rem 0rem 1%;
	width:30%;
	background-color:#fbfbfb;
	border-left: 2px solid #f1f1f1;
	border-right: 2px solid #f1f1f1;
	color:#092c5b;
	font-size:2.5rem;
	height:8rem;
	vertical-align:top;
}


#pesquisaHdr .floating-label {
	position: absolute;
	pointer-events: none;
	left: 2%;
	top: 2.8rem;
	color: #b3b3b3;
	font-size: 1.8rem;
	xfont-family: 'Titillium Web';
	transition: 0.2s ease all;
}

#pesquisaHdr input#global-search-term:focus{
	border: 0px none;
	outline: none;
}
#pesquisaHdr input#global-search-term{
	background:transparent;
	border:none;
	width: 88%;
	font-size:1.8rem;
	xfont-family:'Titillium Web';
}
#pesquisaHdr input#global-search-term:focus ~ .floating-label,
#pesquisaHdr input#global-search-term:not(:focus):valid ~ .floating-label{
	top: 8px;
	bottom: 10px;
	left: 20px;
	font-size: 11px;
	opacity: 1;
	border: 0px none;
	outline: none;
}

#pesquisaHdr input#global-search-term.loading{
	background: url('/images/ajax-loader-livesearch.gif') transparent no-repeat 98% center;
}


#pesquisaHdr a{
	color:#fff;
}

#pesquisaHdr input#global-search-button {
    display: inline-block;
    width: 3.9rem;
    height: 3.9rem;
    background: url(/images/lupa-pesquisa.png) no-repeat center center;
    border: 0;
    cursor: pointer;
    vertical-align: top;
	float:right;
	padding-right:8%;
}


#jquery-live-search {
	background: #fff;
	padding: 0% 1%;
	max-height: 400px;
	overflow: auto;
	position: fixed;
	top: 80px !important;
	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 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;
	position: relative;
}

#jquery-live-search li.even{
	background-color: #f4f4f4;
}
#jquery-live-search li a:hover{
	background-color: rgba(200,220,200,0.4);
}

#jquery-live-search li a{
	display:block;
	color: #333b00;
	padding: 0.8rem 0.6rem;
}

#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: 310px;
vertical-align: top;
}
.prodDescLiveSearch .prodNomeLiveSearch{
	color: #2e3cad;
font-size: 14px;
text-align: left;
margin-bottom: 4px;
}
.prodDescLiveSearch .prodClassAddLiveSearch{
font-size: 11px;
margin: 0px;
}
/*
#jquery-live-search .qtdPrecosProdutoLiveSearch {
position: relative;
display: inline-block;
float:right;
vertical-align: top;
}
*/
#jquery-live-search .qtdPrecosProdutoLiveSearch{
position: absolute;
display: inline-block;
bottom: 10px;
right: 4px;
width: 100px;
text-align: right;
vertical-align: top;
}

#jquery-live-search .qtdPrecosProdutoLiveSearch .priceCurrent {
	display: block;
	text-align: right;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
}
#jquery-live-search .qtdPrecosProdutoLiveSearch .priceOld {
	display: block;
	font-size: 11px;
	line-height: 11px;
	text-align: right;
	    text-decoration: line-through;
    color: #384142;
}
#jquery-live-search .qtdPrecosProdutoLiveSearch .priceIVA {
	display: block;
font-size: 11px;
line-height: 11px;
    text-align: right;
    color: #999;
}

#jquery-live-search .qtdPrecosProdutoLiveSearch .sticker-recomendado-livequery {
	display: block;
    padding: 0.1rem 0.5rem;
    background-color: #28549f;
	border: 1px lightgray solid;
    margin: 0.8rem 0;
    font-size: 1.1rem;
    color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}



.sticker_promocao{
	display:block;
	background:url('/images/fundo-promocao-percentagem.png') no-repeat 100% 0%;
	height:25px;
	color:#fff;
	font-size:1.2rem;
	text-align:right;
	padding-right:0.8rem;
}

.sticker-promo{
	display:block;
	background:url('/images/fundo-promocao-percentagem.png') no-repeat 100% 0%;
	height:25px;
	color:#fff;
	font-size:1.2rem;
	text-align:right;
	padding-right:0.8rem;
}

.sticker-saldos{
    display: inline-block;
    padding: 0.1rem 0.5rem;
    background-color: greenyellow;
	border: 1px lightgray solid;
    margin: 0.8rem 0;
    font-size: 1.1rem;
    color: #000;
	font-weight: bold;
	text-transform: uppercase;
}
.sticker-recomendado{
    display: inline-block;
    padding: 0.1rem 0.5rem;
    background-color: #28549f;
	border: 1px lightgray solid;
    margin: 0.8rem 0;
    font-size: 1.1rem;
    color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

/*.sticker-stockoff{
    display: block;
    padding: 0.5rem 0.5rem;
    background-color: #ffcc00;
	border: 1px lightgray solid;
    margin: 0.8rem 0;
    font-size: 1.4rem;
    color: #000;
	font-weight: bold;
	text-transform: uppercase;
}

.sticker-stockoff{    verde
    display: block;
    padding: 0.5rem 0.5rem;
    background-color: #01fe00;
	border:1px #000 solid;
    margin: 0.8rem 0;
    font-size: 1.4rem;
    color: #000;
	font-weight: bold;
	text-transform: uppercase;
}*/


.sticker-stockoff{
    display: block;
    padding: 0.5rem 1rem;
    /*background-color: #fe0100; vermelho */
	/*background-color:#BAF519;  verde */
	background-color:#3573de;
	/*background-color:#ff6600;*/ orange
    margin: 0.8rem 0rem;
    font-size: 1.4rem;
    /*color: #fff;*/
	color:#fff;
	font-weight: bold;
	text-transform: uppercase;
}

.preco_antigo{
	display:block;
	font-size:1.2rem;
	font-weight:300;
	text-align:right;
	text-decoration: line-through;
	line-height:1rem;
	color:	#092c5b;
}

.preco_atual{
	color:	#092c5b;
	display:block;
	font-size:2rem;
	line-height:2.3rem;
	font-weight:700;
	text-align:right;
}

.preco_iva{
	display:block;
	font-size:1.3rem;
	font-weight:400;
	text-align:right;
	line-height:1rem;
	color:	#092c5b;
}


#destaques-riva-semiva{
	display:block;
	background: #f6f6f6 url('/images_user/destaques/semiva.jpg') no-repeat center center;
	width:100%;
	text-align:center;
	height:42.5rem;
	background-size:contain;
	margin-bottom:2rem;
}

#destaques-produtos{
	display: block;
    width: 100%;
    margin: 0 auto;
    background: #f6f6f6;
	padding: 2rem 2rem 2rem 2rem;
}

.produtosList {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    width: 100%;
	text-align:center;
}

.produtosList li {
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
	vertical-align:top;
    min-width: 25rem;
    min-height: 30rem;
    max-width: 25rem;
    /*max-height: 30rem;*/
	width:20%;
    padding: 0rem;
	margin: 1rem;
}

.produtosList li .block_produto{
    position: relative;
    display: block;
	vertical-align:top;
    min-width: 25rem;
    min-height: 35rem; /* sem saldos min-height: 30rem; */
    max-width: 25rem;
    max-height: 30rem;
	width:100%;
    background-color: #ffffff;
    border: 0.2rem solid #fff;
    padding: 1.5rem;
}
.produtosList li.produto:hover .block_produto{
    /*border: 0.2rem solid #4285f4;*/
	-webkit-box-shadow: 0px 0px 17px -1px rgba(119,119,119,0.7);
	-moz-box-shadow: 0px 0px 17px -1px rgba(119,119,119,0.7);
	box-shadow: 0px 0px 17px -1px rgba(119,119,119,0.7);

	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.produtosList li.produto div.prodImg_2{
	display: none;
}
.produtosList li.produto:hover div.prodImg_1{
	display: none;
}
.produtosList li.produto:hover div.prodImg_2{
	display: inline-block;
}

.produtosList li .prodPreco{
	position: absolute;
	right: 1.5rem;
	bottom: 1.5rem;
}


.prodNome{
	text-align:center;
}

.prodNome a{
	font-size:2rem;
}

.prodDesc{
	width:100%;
}

.prodDesc .categoriaProduto{
	display: block;
	padding-bottom: 1rem;
	font-size: 80%;
	color:#aeaeae;
	text-transform:uppercase;
}

.produtosList li .ver_todos{
    position: relative;
    display: block;
    min-height: 4.3rem;
    max-height: 5rem;
	width:100%;
	margin-top: 0.8rem;
    text-align: left;
	vertical-align:top;
	line-height: 1.4rem;
}
.produtosList li .ver_todos a{
	font-size: 68%;
	line-height: 1.4rem;
	color: #445cc4;
	text-transform:uppercase;
}
.produtosList li .ver_todos a:hover{
	color: #d61a0c;
}

#atendimento-4{
	width:100%;
	margin:0 auto;
	background:#f1f1f1;
	height:100%;
}

#atendimento-4-wrapper {
	margin: 0 auto;
	padding:3rem;
}

#atendimento-4 h1 {
    padding: 2rem 0rem 0rem 2rem;
    font-size: 2.6rem;
    line-height: 2.8rem;
}

#atendimento-4 h2 {
    padding: 0rem 0rem 0rem 2rem;
    font-size: 2rem;
    line-height: 2rem;
    font-weight: 200;
}

#atendimento{
	display:inline-block;
	vertical-align:top;
	position:relative;
	background:#fff url('/images/fundo-atendimento.jpg') no-repeat top center;
    border: 1rem solid #fff;
	width:48%;
	margin-right:2%;
	height:57.5rem;
}

#atendimento_baixo {
    position: absolute;
    bottom: 2rem;
    left: 2rem;
}

#atendimento p{
	padding: 0rem 0rem 2rem 2rem;
    font-size: 2rem;
    line-height: 2rem;
    font-weight: 200;
}

#atendimento_baixo h2 {
    padding: 0;
    font-size: 2rem;
    line-height: 2rem;
    font-weight: 600;
}

#atendimento_baixo p{
    padding: 0 0 2rem 0;
	width:30%;
    font-weight: 300;
}

#atendimento_baixo span{
	display:block;
	padding-top:2rem;
}

#pern{
	display:inline-block;
	vertical-align:top;
	width:49%;
}

#pern h1 {
    padding: 0rem;
    font-size: 2.6rem;
    line-height: 2.8rem;
}

#pern h2 {
    padding: 0rem;
    font-size: 2rem;
    line-height: 2rem;
    font-weight: 200;
}

#portes{
	display:inline-block;
	vertical-align:top;
	background:#fff url('/images/fundo-portes.jpg') no-repeat 100% 50%;
    border: 2rem solid #fff;
	width:48%;
	margin:0% 2% 3% 0%;
	min-height:27.5rem;
}


#portes p{
	padding: 2rem 0rem 0rem 0rem;
	width:55%;
	font-weight:300;
	padding-bottom:2rem;
}

#entregas{
	display:inline-block;
	vertical-align:top;
	background:#fff url('/images/fundo-entregas.jpg') no-repeat 100% 100%;
    border: 2rem solid #fff;
	width:49%;
	min-height:27.5rem;
}

#entregas p{
	padding: 2rem 0rem 0rem 0rem;
	width:40%;
	font-weight:300;
	padding-bottom:2rem;
}

#redes_sociais{
	display:inline-block;
	vertical-align:top;
	background:#fff;
    border: 2rem solid #fff;
	width:48%;
	margin-right:2%;
	min-height:27.5rem;
}

#redes_sociais p{
	padding: 2rem 0rem 0rem 0rem;
	width:50%;
	font-weight:300;
	padding-bottom:2rem;
}

#newsletter{
	display:inline-block;
	vertical-align:top;
	background:#fff url('/images/newsletter.jpg') no-repeat 100% 50%;
    border: 2rem solid #fff;
	width:49%;
	min-height:27.5rem;
}

#newsletter p{
	padding: 2rem 0rem 2rem 1rem;
	font-weight:300;
	text-align:left;
	width:40%;
}

#main-footer{
	padding:0.5rem 0rem 0rem 21rem;
}

#rodape-titulo{
	text-align:left;
	background:#f1f1f1;
	padding:1.5rem 5rem 2rem 5rem;
}

#rodape-texto{
	background:#d9d9d9;
	padding:1rem 2rem;
	color:#000;
	font-weight:300;
}

#rodape-texto p{
	color:#808080;
}

#rodape-titulo h1{
	font-weight:200;
}

#rodape-titulo h2{
	text-transform:uppercase;
	font-weight:200;
	font-size:1.8rem;
	padding-bottom:2rem;
}

#nome-rodape{
	display:inline-block;
	width:60%;
}

#nome-rodape h1{
	font-weight:700;
	font-size:4rem;
}
#nome-rodape p{
	font-weight: normal;
	font-size: 2.8rem;
    padding: 0.4rem 0;
}

#slogan-rodape{
	display:inline-block;
	width:39%;
	text-transform:none;
}

#slogan-rodape h1{
	text-transform:none;
	text-align:right;
}


#container-copyrights{
	padding: 2rem 5rem;
	color: #3b3b3b;
	font-size: 1.2rem;
	background-color: #fff;
	text-transform:uppercase;
}

#container-copyrights span{
	font-weight:900;
}

#copy{
	display:inline-block;
	width:15%;
	vertical-align:top;
	text-align:left;
	font-weight:300;
}

#termos{
	display:inline-block;
	width:68%;
	vertical-align:top;
	text-align:center;
	font-weight:400;
}

#wdnostri{
	display:inline-block;
	width:15%;
	vertical-align:top;
	text-align:right;
	font-weight:800;
}

#container-sitemap{
	padding: 2.6rem 1.4rem;
	background: #d9d9d9;
}

#container-sitemap h3{
  font-size: 1.2rem;
  line-height: 1.3rem;
  margin-bottom: 0rem;
}

#container-sitemap a{
	color: #e68235;
	line-height:2.6rem;
}

#container-sitemap ul{
	list-style-type: none;
	line-height: 1.6rem;
}

#container-sitemap p{
	text-shadow:none;
	padding:0;
	margin-top:20%;
}

#container-funcionalidades-footer{
    width: 100%;
	margin:0 auto;
	color: #3b3b3b;
	background-color: #5e0707;
	text-transform: uppercase;
}

#container-funcionalidades-footer p{
	margin: 0;
	padding: 0;
	font-size: 1.8rem;
	line-height: 1.3rem;
	text-align: left;
}

#container-funcionalidades-footer p span{
	display: block;
	font-size: 1.0rem;
	line-height: 0.9rem;
	color: #c5c5c5;
}

#logo-texto-menu{
	border-top:1px solid #b3b3b3;
	background:transparent;
	padding-top:5rem;
}

#logo-rodape{
	display:inline-block;
	width:19%;
	background:url('/images/logo_riva_rodape.png') transparent no-repeat 10% 50%;
	min-height:19rem;
}

#texto-rodape{
	display:inline-block;
	width:50%;
	background:transparent;
	vertical-align:top;
	text-align:center;
	margin:0 5% 0 5%;
}

#texto-rodape span{
	display:block;
	padding-bottom:3rem;
}

#container-info-sitemap{
	display:inline-block;
	width:19%;
	background:transparent;
	vertical-align:top;
	text-align:right;
	padding-top:0rem;
}

#container-info-contactos{
	border-top:1px solid #b3b3b3;
}

.blocos-contactos2{
	display:inline-block;
	vertical-align:top;
	width:15%;
	margin:1%;
	text-align:center;
}

.blocos-contactos2 h3{
	text-transform:uppercase;
	color:#808080;
	font-size:1.5rem;
}

.blocos-contactos2 p{
	font-size:1.4rem;
	line-height:1.6rem;
}

.blocos-contactos{
	display:inline-block;
	vertical-align:top;
	width:10%;
	margin:1%;
	text-align:center;
}

.blocos-contactos h3{
	text-transform:uppercase;
	color:#808080;
	font-size:1.5rem;
}

.blocos-contactos p{
	font-size:1.4rem;
	line-height:1.6rem;
}

.blocos-contactos span{
	font-size:1rem;
}

#reg-blogue-redes-portais{
	padding: 5rem 0rem;
	border-top:1px solid #b3b3b3;
	text-align:center;
}

#registo{
	display:inline-block;
	text-align:center;
	vertical-align:top;
}

#funcionalidades-footer-registar {
	display:inline-block;
    vertical-align: top;
    background: url(/images/bg_footer_registar.png) transparent no-repeat;
    text-align: left;
	padding:0 0 3rem 4rem;
}

#funcionalidades-footer-redes {
 	display:inline-block;
    vertical-align: top;
    background: url(/images/bg_footer_redes.png) transparent no-repeat;
    text-align: left;
	padding:0 0 0 4rem;
	margin-left:5rem;
}

#funcionalidades-footer-registar a{
	font-weight:600;
	color:#0352ab;
}

#funcionalidades-footer-registar span{
	display:block;
	font-weight:300;
}

#funcionalidades-footer-redes a{
	font-weight:600;
	color:#0352ab;
}

#funcionalidades-footer-redes span{
	display:block;
	font-weight:300;
}

#blogue{
	display:inline-block;
	text-align:center;
	vertical-align:top;
	background:url('/images/blogue-rodape.png') transparent no-repeat top center;
	padding:8rem 2rem 0rem 2rem;
	border-left:1px solid #b3b3b3;
	border-right:1px solid #b3b3b3;
	margin:0 0 0 3%;
}

#blogue h1{
	font-size:2rem;
	color:#0352ab;
}

#redes{
	display:inline-block;
	text-align:center;
	vertical-align:top;
	padding:0rem 2rem 0rem 2rem;
	border-right:1px solid #b3b3b3;
}

#redes h1{
	font-size:1.6rem;
	color:#0352ab;
}

#redes span{
	display:block;
}

#redes-rodape{
	margin-right:0.5rem;
}

#portais{
	display:inline-block;
	text-align:center;
	vertical-align:top;
	padding:0rem 0rem 0rem 0rem;
	margin:0 0 0 1%;
}

#destaque-orcamento{
	display:block;
	width:100%;
	margin:0 auto;
	background:#ebebeb;
	height:100%;
	padding:3rem 0rem;
}

#destaque-orcamento-wrapper{
	padding:3rem;
	margin:0 auto;
}

#destaque-video{
	width:48%;
	margin-right:2%;
	display:inline-block;
	background:#fff url('/images/video-cacifo.jpg') no-repeat top center;
	padding: 396px 20px 0px 20px;
	vertical-align:top;
}

#orcamento{
	width:49%;
	display:inline-block;
	background:#fff url('/images/fundo-orcamento.jpg') no-repeat top center;
    padding: 42rem 3rem 3rem 3rem;
	vertical-align:top;
}

#orcamento h1{
	font-size:2.5rem;
}



#area-reservada-loginpage-container{
	display: block;
	margin-bottom: 20px;
	xbackground-color: #f6f6f6;
}

.area-reservada-loginpage-block{
	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;
}

#area-reservada-loginpage-block h1{
	padding-bottom:1rem;
}

#area-reservada-loginpage-block h2{
	margin-top:6rem;
}



#area-reservada-loginpage-login-block{
	width: 39%;
	padding: 10px 50px 10px 0px;
	background-color: #fff;
	min-height: 40rem;
}

#area-reservada-loginpage-register-block{
	color:#fff;
	width: 60%;
	background:url('/images/fundo-registo.jpg') transparent no-repeat top right;
	padding:1% 20% 1% 2%;
}

#area-reservada-loginpage-register-block .button-style1{
	font-size: 2rem;
	margin:3rem 0rem 7rem 0rem;
	padding:2.5rem;
	color:#092c5b;
}

#area-reservada-loginpage-register-block h2{
	margin-top:2rem;
}




#areaReservadaHeaderButtonsContainer{
    margin: 0rem;
}

.button-styleArea{
    display: inline-block;
    margin: 0rem 0rem 0.5rem 0rem;
    padding: 0.5rem 3rem 1rem 3rem;
	font-size: 2rem;
    line-height: 26px;
	background-color: #99cc33;
	border: 1px solid #99cc33;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
}
.button-styleArea:hover{
	background-color:#fff; /*background-color: #def7ad;*/
	color: #99cc33;

	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}


.headerButtonTitle{
	display:block;
	text-transform:uppercase;
	padding-top:1rem;
	line-height:1rem;
}

.headerButtonSubtitle{
	text-transform:none;
	font-size:1.5rem;
	font-weight:300;
	line-height:1.5rem;
}




#btnCompra {
	padding: 0.6rem 0.8rem 0.6rem 5rem;
	background: url('images/fundo-passo1-on.png') #fff no-repeat 7px 6px;
	border: 2px solid #005a9a;
	cursor:pointer;
}

.passos a{
	color:#005a9a;
}

#btnDados {
	padding: 0.6rem 0.8rem 0.6rem 5rem;
	background: url('images/fundo-dados-off.png') no-repeat 8px 8px;
	border: 2px solid #005a9a;
	cursor:pointer;
}

#btnWish {
	padding: 0.6rem 0.8rem 0.6rem 5rem;
	background: url('images/fundo-wish-off.png') #FFF no-repeat 12px 10px;
	border: 2px solid #005a9a;
	cursor:pointer;
}

#header-portes-text h2{
	padding:0rem 0rem 0rem 0rem;
}

#item-entregas{
	padding:3rem 0rem 0rem 0rem;
}

#imagens-entrega{
	display:inline-block;
	width:5%;
	min-width:7rem;
	vertical-align:top;
	padding-top:0rem;
}

#texto-entrega{
	display:inline-block;
	width:90%;
	vertical-align:top;
}

#pontos-fortes{
	width:100%;
	height:100%;
	margin:0 auto;
	display:block;
	background:#fff;
	padding:2rem 0rem 2rem 0rem;
    color: #333;
	text-align:center;
}

#pontos-fortes h1{
    color: #333;
    font-size: 2rem;
    font-weight: 300;
	padding-bottom:2rem;
}

#pontos-fortes span{
	font-weight: 600;
}

#razoes-titulo{
	display:inline-block;
	vertical-align:top;
	padding:1rem 0.5rem 4rem 0rem;
}

#razoes-titulo2{
	display:inline-block;
	vertical-align:top;
	padding:0;
}

#razoes-titulo2 h3{
	display:block;
	font-size:3rem;
	font-weight:400;
	text-transform:none;
}

#razoes-titulo2 p{
	display:block;
	font-size:2.5rem;
	line-height:3rem;
	font-weight:200;
	text-align:left;
}

#razoes-titulo h2{
	display:inline-block;
	vertical-align:top;
	font-size:7rem;
	color:#000;
	font-weight:700;
}

#dezrazoes{
	height:100%;
	padding-bottom:3rem;
}

#pf1{
	display:inline-block;
	vertical-align:top;
	background:url('/images/pf1.png') no-repeat top center;
	text-align:center;
	width:12.5rem;
	height:12rem;
	padding: 7rem 1.4rem 3rem 1.4rem;
}

#pf1 h1{
	color:#000;
	font-size:1.8rem;
	font-weight:600;
	line-height:2rem;
	padding:0;
}

#pf1 p{
	font-size:1.4rem;
	text-align:center;
	font-weight:300;
	line-height:1.6rem;
}

#pf1 span{
	font-size:1.4rem;
	text-align:center;
	font-weight:600;
	line-height:1.6rem;
}

#pf2{
	display:inline-block;
	vertical-align:top;
	background:url('/images/pf2.png') no-repeat top center;
	text-align:center;
	width:14rem;
	height:12rem;
	padding: 7rem 1.4rem 3rem 1.4rem;
}

#pf2 h1{
	color:#000;
	font-size:1.8rem;
	font-weight:600;
	line-height:2rem;
	padding:0;
}

#pf2 p{
	font-size:1.4rem;
	text-align:center;
	font-weight:300;
	line-height:1.6rem;
}



#pf3{
	display:inline-block;
	vertical-align:top;
	background:url('/images/pf3.png') no-repeat top center;
	text-align:center;
	width:12rem;
	height:12rem;
	padding: 7rem 1.4rem 3rem 1.4rem;
}

#pf3 h1{
	color:#000;
	font-size:1.8rem;
	font-weight:600;
	line-height:2rem;
	padding:0;
}

#pf3 p{
	font-size:1.4rem;
	text-align:center;
	font-weight:300;
	line-height:1.6rem;
}

#pf4{
	display:inline-block;
	vertical-align:top;
	background:url('/images/pf4.png') no-repeat top center;
	text-align:center;
	width:12.5rem;
	height:18rem;
	padding: 7rem 1.4rem 3rem 1.4rem;
}

#pf4 h1{
	color:#000;
	font-size:1.8rem;
	font-weight:600;
	line-height:2rem;
	padding:0;
}

#pf4 p{
	font-size:1.4rem;
	text-align:center;
	font-weight:300;
	line-height:1.6rem;
	padding-bottom:2rem;
}

#pf4 span{
	font-size:1.4rem;
	text-align:center;
	font-weight:600;
	line-height:1.6rem;
}

#pf5{
	display:inline-block;
	vertical-align:top;
	background:url('/images/pf5.png') no-repeat top center;
	text-align:center;
	width:12.5rem;
	height:12rem;
	padding: 7rem 1.4rem 3rem 1.4rem;
}

#pf5 h1{
	color:#000;
	font-size:1.8rem;
	font-weight:600;
	line-height:2rem;
	padding:0;
}

#pf5 p{
	font-size:1.4rem;
	text-align:center;
	font-weight:300;
	line-height:1.6rem;
}

#pf5 span{
	font-size:1.4rem;
	text-align:center;
	font-weight:600;
	line-height:1.6rem;
}

#pf4 span{
	font-size:1.4rem;
	text-align:center;
	font-weight:600;
	line-height:1.6rem;
}


#pf6{
	display:inline-block;
	vertical-align:top;
	background:url('/images/pf6.png') no-repeat top center;
	text-align:center;
	width:12.5rem;
	height:12rem;
	padding: 7rem 1.4rem 3rem 1.4rem;
	color:#000;
}

#pf6 h1{
	color:#000;
	font-size:1.8rem;
	font-weight:600;
	line-height:2rem;
	padding:0;
}

#pf6 p{
	font-size:1.4rem;
	text-align:center;
	font-weight:300;
	line-height:1.6rem;
}

#pf7{
	display:inline-block;
	vertical-align:top;
	background:url('/images/pf7.png') no-repeat top center;
	text-align:center;
	width:12.5rem;
	height:12rem;
	padding: 7rem 1.4rem 3rem 1.4rem;
	color:#000;
}

#pf7 h1{
	color:#000;
	font-size:1.8rem;
	font-weight:600;
	line-height:2rem;
	padding:0;
}

#pf7 p{
	font-size:1.4rem;
	text-align:center;
	font-weight:300;
	line-height:1.6rem;
}


#pf8{
	display:inline-block;
	vertical-align:top;
	background:url('/images/pf8.png') no-repeat top center;
	text-align:center;
	width:12.5rem;
	height:12rem;
	padding: 7rem 1.4rem 3rem 1.4rem;
	color:#000;
}

#pf8 h1{
	color:#000;
	font-size:1.8rem;
	font-weight:600;
	line-height:2rem;
	padding:0;
}

#pf8 p{
	font-size:1.4rem;
	text-align:center;
	font-weight:300;
	line-height:1.6rem;
}

#pf8 span{
	font-size:1.4rem;
	text-align:center;
	font-weight:600;
	line-height:1.6rem;
}

#pf9{
	display:inline-block;
	vertical-align:top;
	background:url('/images/pf9.png') no-repeat top center;
	text-align:center;
	width:12.5rem;
	height:12rem;
	padding: 7rem 1.4rem 3rem 1.4rem;
	color:#000;
}

#pf9 h1{
	color:#000;
	font-size:1.8rem;
	font-weight:600;
	line-height:2rem;
	padding:0;
}

#pf9 p{
	font-size:1.4rem;
	text-align:center;
	font-weight:300;
	line-height:1.6rem;
}

#pf9 span{
	font-size:1.4rem;
	text-align:center;
	font-weight:600;
	line-height:1.6rem;
}

#pf10{
	display:inline-block;
	vertical-align:top;
	background:url('/images/pf10.png') no-repeat top center;
	text-align:center;
	width:12.5rem;
	height:12rem;
	padding: 7rem 1.4rem 3rem 1.4rem;
	color:#000;
}

#pf10 h1{
	color:#000;
	font-size:1.8rem;
	font-weight:600;
	line-height:2rem;
	padding:0;
}

#pf10 p{
	font-size:1.4rem;
	text-align:center;
	font-weight:300;
	line-height:1.6rem;
}

#pf10 span{
	font-size:1.4rem;
	text-align:center;
	font-weight:600;
	line-height:1.6rem;
}

#content-header h1{
	padding-bottom:1rem;
}

#content-header h1 span.light{
	font-weight:400;
}




#pre-registo{
	width:100%;
	margin:0 auto;
	background:url('/images/fundo-pre-registo.png') #2d4b73 no-repeat 90% 0%;
	min-height:27rem;
	text-align:center;
}

#pre-registo h2{
	color:#fff;
	font-size:3rem;
	line-height:5rem;
	font-weight:200;
}



#img-campeao{
	width:22%;
	height:auto;
	padding-right:3rem;
}

ol.pre-registo {
    display: inline-block;
}

ol.pre-registo li label:first-of-type {
    display: inline-block;
    width: 24%;
    padding-right: 5%;
    color: #2d4b73;
    vertical-align: middle;
    text-align: right;
}


ol.pre-registo li input.full_width, ol.pre-registo li textarea.full_width {
    width: 62%;
}


ol.pre-registo li input:focus, ol.pre-registo li textarea:focus {
    background: #fff;
    border: 0px none;
    outline: none;
}

ol.pre-registo li input, ol.pre-registo li textarea, ol.pre-registo li select {
    display: inline-block;
    padding: 1.0rem 2%;
    font: 1.7rem 'Vinkel-Regular', sans-serif;
    line-height: 2rem;
    color: #444b31;
    vertical-align: middle;
    text-align: left;
    border: 0 none;
    background-color: transparent;
}

#video-outlet{
	width:100%;
	height:60rem;
}

ol.pre-registo li {
    min-height: 4.4rem;
    width: 50rem;
    border: 1px solid #fff;
    background-color: #fff;
    margin-bottom: 1rem;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
	display:inline-block;
}

.button-style-pre-registo {
    display: inline-block;
    padding: 1.2rem 1.6rem 1.5rem 1.6rem;
    font-size: 1.7rem;
    text-transform: uppercase;
    line-height: 2rem;
    background-color: #8ec44c;
	border:1px solid #8ec44c;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    color: #2d4b73;
    cursor: pointer;
    text-decoration: none;
    font-weight: 300;
    xfont-family: "Titillium Web";
    vertical-align: top;
	margin-left:1rem;
}


#pre-registo p{
	color:#fff;
	font-size:2rem;
	line-height:2rem;
	font-weight:200;
}

#pre-registo p span{
	display:block;
}

#header-shoppingcart-list {
	display: none;
	position: relative;
	width: 24px;
	height: 35px;
	float: right;
	text-transform: uppercase;
	/*letter-spacing: -.1rem;*/
	vertical-align: text-top;
}

#header-shoppingcart-list #qtdCart {
	display: block;
	position: absolute;
	top: 14px;
	right: 0px;
	z-index: 100;
	width: 12px;
	height: 12px;
	background-color: #0971c3;
	text-align: center;
	color: #fff;
	line-height: 12px;
	font-weight: normal;
	font-size: 9px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
}



#cart_message{
	display: none;
	overflow:visible;
	position:fixed;
	z-index: 1020;
	color:#fff;
	background-color: #076aeb;
	left:0;
	top:0;
	text-align:center;
	padding:1.9rem;
	width:100%;
}
#cart_message p{
	padding: 0.8% 0%;
	font-size: 1.6rem;
	text-align: center;
}
#cart_message p span#item_name{
	font-size: 1.8rem;
	text-shadow: 2px 2px #009;
}

#cart_message a{
	color:#fff;
	font-weight: bold;
}

#likeBoxFacebook-mobile{
	display:none;
}


#pedir_orcamento{
	padding:0.5rem 2rem 0rem 0rem;
}

#back-to-top{
    position: fixed;
    bottom: 0.5rem;
    left: 28rem;
    z-index: 100;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background-color: #333;
    color: #fff;
	font-size: 1.8rem;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top:hover{
    background-color: #000;
}
#back-to-top.show{
    opacity: 0.8;
}




#img_covid{
	display:inline-block;
}

#img_covid_mobile{
	display:none;
}

#video-destaque{
	width:100%;
	display:inline-block;
	background:#f8d300;
	text-align:center;
}

/* css relogio countdown */

#container-countdown {
	width:100%;
	color: #333;
	text-align: center;
	background:url('/images/blue-week.jpg') no-repeat top center;
    height: 20rem;
    padding: 9rem 0rem 0rem 61rem;
}

#container-countdown h2{
	font-size: 2rem;
	line-height:3rem;
	font-weight:200;
	text-transform:uppercase;
}

#container-countdown h2 span{
	font-weight:600;
	text-transform:uppercase;
}

#container-countdown li {
	display: inline-block;
	font-size: 1.5rem;
	line-height:2rem;
	font-weight:600;
	list-style-type: none;
	padding: 0rem 1rem 1rem 1rem;
	text-transform: uppercase;
		color:#fff;
}

#container-countdown li span {
	display: inline-block;
  	font-size: 4rem;
	font-weight:400;
	line-height:5rem;
	color:#fff;
	padding:0rem 1rem 0rem 0rem;
}

#container-video-bf{
	text-align:center;
	background:#90c640;
	padding:0;
}

	#img-apoio{
		display:block;
	}

	#img-apoio-mobile{
		display:none;
	}


#riva-saldos{
	width:100%;
	background:url('/images_user/destaques/saldos.png') no-repeat top center;
	height:19.5rem;
}

#riva-ebook-cadeiras{
	width:100%;
	background:url('/images_user/destaques/ebook-cadeiras.png') no-repeat top center;
	height:19.5rem;
	margin-bottom:1rem;
}

#banner-categoria-riva-week{
	width:100%;
	background:url('/images_user/destaques/riva-week.jpg') no-repeat top center;
	height: 30.5rem;
	margin-bottom:1rem;
}


@media screen and (max-width: 690px) {
	#riva-ebook-cadeiras{
		width:100%;
		background:url('/images_user/destaques/ebook-cadeiras-mobile.png') no-repeat top center;
		height:35rem;
		background-size:contain;
		margin-bottom:1rem;
	}

	#destaques-riva-semiva{
		background: #f6f6f6 url('/images_user/destaques/semiva-mobile.jpg') no-repeat center center;
		height:35rem;
		background-size:contain;
	}

	#banner-categoria-riva-week{
		width:100%;
		background:url('/images_user/destaques/riva-week-mobile.jpg') no-repeat top center;
		height: 37rem;
		/* background-size:contain; */
		margin-bottom:1rem;
	}
	
	
	#video-natal-conteudo{
		text-align:center;
		width:100%;
		height:25rem;
	}
}


/* HACK RAPIDO PARA DISPLAY MOBILE/DESKTOP */
.desktop_only{
	display:block;
}
.mobile_only{
	display:none;
}

@media screen and (max-width: 690px) {
	.desktop_only{
		display:none;
	}
	.mobile_only{
		display:block;
	}
	
}
/* FIM HACK RAPIDO PARA DISPLAY MOBILE/DESKTOP */