@charset "utf-8";
/* CSS PEAR GRID MOBILE  */

/* 	WebFont	*/
@font-face {
    font-family: 'OpenSansRegular';
    src: url('luzro-webfont.eot');
    src: url('luzro-webfont.eot?#iefix') format('embedded-opentype'),
         url('luzro-webfont.woff2') format('woff2'),
         url('luzro-webfont.woff') format('woff'),
         url('luzro-webfont.ttf') format('truetype'),
         url('luzro-webfont.svg#luzsans-bookluzsans-book') format('svg');
    font-weight: normal;
    font-style: normal;

}
/************************ CONFIGURAÇÕES ************************/

html, body {
	
	/*** Alinhamentos Padrão ***/
	
	margin: 0px!important;
	width: 100%!important;
	height: 100%!important;
    
	/*** Background ***/
	
    background-size:100% 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;
		background-color:#000;
		background-image:url('/includes/img/bg-corpo.jpg');
    
	/*** Fontes ***/

		color: #000;
		font-family: 'OpenSansRegular', Arial;
}
* {
    box-sizing: border-box;
    border-collapse:separate;
    -moz-box-sizing: border-box;
	  -webkit-box-sizing: border-box;
	  -webkit-text-size-adjust: 100%;
	  -webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
}

/************************ LINKS ************************/

a {text-decoration: none; color: #777777; margin:0px;}
a:hover {color: #333;}

/************************ GRID 960 ************************/

.grid-220, .grid-300, .grid-460, .grid-940 { 
	width:100%; 
	float:left;
	margin:10px;
	border: 0px solid #000;
}
.grid-220 {max-width:220px;} 
.grid-300 {max-width:300px;}
.grid-460 {max-width:460px;}
.grid-940 {max-width:940px;}
.grid-960 {
    margin:0 auto!important;
    width:960px!important;
    border:0px solid #c00;
    display:table!important;
}

/************************ CABEÇALHO ************************/
.detalhe-fotos {
	position: absolute;
	left:50%;
	margin-left:-670px;
	background-image:url('/includes/img/fita.jpg');
	width:165px;
	height:691px;
}
header {
	width: 100%;
	height:180px;
	margin-top: 0px!important;
	margin-bottom:0px!important;	
	background-repeat: repeat;
  background-position: center top;
	background-color: transparent!important;
	border-top:0px;
}
.logotipo {
	width: 100%;
	height: 177px;
	margin-top:10px;
	max-width: 330px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: none!important;
	background-image: url(/includes/img/logo.png);
}

.destaqueFont {
	color: #FF3D4C;
	font-weight:bold;
	display:table;
	margin-bottom: 10px;
}
/************************ CORPO ************************/

.box {   
    color: #777;
    display:table;
    padding:20px;
    border-radius:5px;
    border: 0px solid #ccc;
	 
}
.box-video {
		background-color: #fff;
		border-radius:3px;
		height:330px;
		padding-left: 35px;
}
.box iframe {
	margin:0 auto;
	display:table;
}
.box img {
	max-width: 900px!important;
}

.box cite {
    font-size:32px;
    font-style:normal;
		color: #FF3D4C;
		font-family: 'OpenSansRegular', Arial;
}
.logoSavian {
	background-image: url('/includes/img/logoRodape.png');
	background-size: 170px auto;
	background-repeat:no-repeat;
	background-position: left -20px;
	margin-left: 35px;
	width:170px;
	height:80px;
	margin-top:5px;
	display: table;
	border-radius:7px;
	border:0px solid #ccc;
	/*box-shadow: 0px 0px 5px #1E5799;*/
	background-color:#fff;
	

}
.detalhe {
	border-left:1px solid #ddd;
	height: 200px;
}
.detalhe:first-child {
	border:0px;
}
.botao-produtos {
	display:table;
	clear:both;
	text-align: center;
	margin: 0 auto;
	margin-right:30px!important;
	border:0px solid #ccc;
}
.arteInicio {
	margin-top: -20px!important;
	margin-bottom:-10px !important;
	color:#000!important;
	text-shadow: 1px 1px 1px #fff;

	
}
.arteSize {
	height:363px;
	border:0px;
}
.redHeader {
	display: table;
	width: 100%;
	background-color: #FF3D4C;
	color:#fff;
	box-shadow:0px 0px 10px #ccc;
	margin-bottom:20px;
}
.redBoxCenter {
	width: 940px;

	margin:0 auto;
	padding:15px 0px 15px 0px;
}
.tituloRedHeader {
	font-size:32px;
	font-family: 'OpenSansRegular', Arial;
}
.logoColchao {
	width:71px;
	height: 31px;
	float:left;
	margin-top: 5px;
	margin-right: 15px;
	background-image: url('/includes/img/icon-cama.png');
}
.produto {
	border:0px solid transparent;
	border-radius:7px;
	border-top:7px solid #FF3D4C;
	padding: 15px;
	margin-bottom: 20px;
	text-align:center;
	display: table;
	background-color: #fff;
	font-family: 'OpenSansRegular', Arial;
}
.imagemProduto {
	width: 300px;
	height: 180px;
	margin-left:-15px;
	margin-right:-15px;
	display: table;
	background-color: #fff;
}
.imagemProduto img {
	border-radius:3px;
	width: 270px;
	height: 180px;
	background-size:
}
.detalheProduto {
	width:100%;
	height: 1px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-top:2px dotted #ccc;
}
.nomeProduto {
	color:#FF3D4C;
	font-size: 22px;
	margin-bottom: 0px;
}
.nomeLegenda {
	color:#FF3D4C;
	font-size: 17px;
	margin-top: 10px;
}
.valorProduto {
	font-size: 22px;
	color: #FF3D4C;
}
/*Solução Mobile para Tabelas*/

table {
    display:block;
    width:auto;
    overflow-x: auto;
    white-space:nowrap;
}
/************************ PRODUTO ***********************/
.tituloMaxProduto {
	font-size: 29px;
	padding-bottom: 10px;
	font-style: normal;
	margin-bottom:20px;
	padding: 20px;
	color: #FF3D4C;
	background-color: #fff;
	border-radius: 3px 3px 0px 0px;
}
.valorVerProduto {
  display:table;
  position: absolute;
  background-color:#FF3D4C;
  box-shadow: 1px 1px 3px #000;
  font-weight: bold;
  margin-top: 520px;
  width:150px;
  text-align:center;
  z-index:999;
  border-radius:3px;
  font-size:22px;
	font-weight:bold;
	color: #FFF;
  padding: 15px;
  margin-left: 740px;
}
.tituloDescricao {
  font-size:22px;
  margin-top:0px;
  margin-bottom: 10px;
}
.verProdutos {
	background-color: #FF3D4C;
	display: table;
	color:#fff!important;
	text-align: center;
	padding: 20px;
	font-weight:bold;
	font-size:16px;
	border-radius:7px;
}
.postagem {
    width:100%;
    max-width:940px;
    box-shadow: 1px 1px 7px #bbb;
    border-left:0px solid #ccc;
    display: table;
    background-color: #fff; 
    margin-bottom: 25px;
    padding:15px;
    border-top: 5px solid #FF3D4C;
    border-bottom:50px solid #eee;
}
.postagem img {
    max-width:790px;
    border-radius:3px;
}
.postagem a:link,
.postagem a:visited,
.postagem a:active{
 font-weight: bold;
 color:#000;
 border-left:3px solid #FF3D4C;
 padding-left: 5px;
}
.postagem a:hover {
    color:#777;
}
.titulo a:link,
.titulo a:visited,
.titulo a:active  {
    font-size: 22px;
    display: table;
    font-weight: normal;
    width: 100%;
    color:#000!important;
    padding-bottom: 10px;
    border-bottom: 2px dotted #ccc;
    margin-bottom: 15px;
    border-left:0px;
    padding-left: 0px;
}
.titulo a:hover {
    color:#ffab1e!important;
}
.footer-postagem {
    font-weight: bold;
    color:#000;
    margin-bottom: -15px;
    margin-top: 15px;
    margin-left: -15px;
    padding: 15px;
    width: 100%;
    position: absolute;
    max-width: 760px;
}
.footer-postagem a:link,
.footer-postagem a:visited,
.footer-postagem a:active 
{
    font-size: 16px;
     color:#000!important;
     border-left:0px;
     padding-left: 0px;
}
.footer-postagem a:hover {
    color:#ffab1e!important;
}
.listar-blog {
  text-shadow: 1px 1px 1px transparent;
	border-radius:3px;
	border:1px solid #ccc;
	padding: 10px;
	display: table;
	float:left;
	color:#000;
  font-weight: bold;
	margin-right:10px;
	background-color: #fff;
	text-decoration:none;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
}
.listar-blog:hover {
    background-color: #ccc;
		transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
}
.listar-blog-ativo {

	border-radius:3px;
	border:1px solid rgba(60, 190, 250, 000);
	padding: 10px;
	display: table;
  font-weight: bold;
  text-shadow: 1px 1px 1px transparent;
	float:left;
	color:#fff;
	margin-right:10px;
	background-color: #ffab1e;
	text-decoration:none;
		transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
}
.listar-blog-ativo:hover {
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
}
.comentarios-blog {
    display: table;
    margin-left: 10px;
}
#comentarios {
    width:100%;
    max-width:820px;
    border-left:0px solid #ccc;
    font-size: 22px;
    display: table;
    margin-top: -20px;
    margin-bottom: 20px;
    padding:15px;
    padding-left: 0px;
    border-bottom: 2px dotted #ccc;
    color:#ffab1e!important;
}
#facebook-blog {
    margin-top: 0px;
    margin-left: 220px;
    position: absolute;
    float:left;
}

/************************ RODAPÉ ************************/
.submenu {
	display: table;
	border-top:7px solid #FF3D4C;
	width:100%;
	padding-top: 10px;
	padding-bottom: 20px;
	margin-bottom:-20px;
	margin-top:10px;
	background-color:#fff;
}
.itensSubmenu {
	padding-top:35px!important;
	font-family: 'OpenSansRegular';
}
.itensSubmenu a:link, .itensSubmenu a:visited {
	color:#FF3D4C!important;
	margin-right:20px;
	font-size:21px;
}
.contatoFooter {
	width: 80%;
	height: 35px;
	font-size:16px;
	font-weight: bold;
	color:#FF3D4C;
	border:0px solid #000;
	line-height: 30px;
	float:right;
	font-family: 'OpenSansRegular';
}
.contatoFooter a:link, .contatoFooter a:visited {
	color:#FF3D4C;
}
.iconeMail {
	background-image:url('/includes/img/iconFooter.jpg');
	width: 25px;
	height: 25px;
	float:left;
	margin-right:10px;
	vertical-align: middle;
	display: table-cell;
	margin-top:6px;
}
.iconeFone {
	background-image:url('/includes/img/iconFooter.jpg');
	background-position: center -30px;
	width: 25px;
	height: 25px;
	float:left;
	margin-right:10px;
	vertical-align: middle;
	display: table-cell;
	margin-top:3px;
}
.iconeFacebook {
	background-image:url('/includes/img/iconFooter.jpg');
	background-position: center -60px;
	width: 25px;
	height: 30px;
	float:left;
	margin-right:10px;
	vertical-align: middle;
	display: table-cell;
	
}
footer {
	color:#fff;
	width: 100%;
  height:70px;
	margin: 0 auto;
	margin-top: 10px;
	display: table;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
  background-color: #FF3D4C;
	background-repeat: repeat;
	background-position: center top;
  background-image: none;
	font-family: 'OpenSansRegular', Arial;
}
#pear a:link {
	width: 90%;
	background-color: #000
}

#pear img {
    position:absolute;
    right:0px;
    border: 0px;
    padding: 10px;
	margin-top:-20px;
    border-radius: 7px;
	text-decoration: none;	
    transition: all 1s linear;
    -webkit-border-radius: 7px;
    -o-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -moz-transition: all 1s linear;
	-webkit-transition: all 1s linear;
}



/************************ PRELOADER ************************/

#preloader {
	background: #FFF;
	position:fixed;
	left:0px; 
	top:0px; 
	width:100%; 
	height:100%; 
	text-align:center;
	color:#fff;
	z-index:9999;
}
#preloader div {
	width:32px;
	margin:auto;
	padding-top:150px;
	height: 32px;
	text-align:center;
	border: 0px solid #111;
	overflow:hidden;
	z-index:9998;
}

#preloader img {
	position:absolute;
	left:50%!important;
	top:50%!important;
	margin-left:-32px;
	margin-top:-32px;
	z-index:9999;
}

.chrome {
    top:30%;
	left:50%;
    width:550px;
    padding:20px;
    color:#092545;
    position:fixed;
    font-size:16px;
    line-height:25px; 
    text-align:center; 
	font-family: Arial;
    margin-left:-300px;
    border:5px solid #c00;
}
.chrome a {
    color:#165BA8!important;
    font-weight:bold!important;
    text-decoration:none!important; 
}
.chrome a:hover {
    text-decoration:underline!important;    
}

/************************        ************************/
/************************ MOBILE ************************/
/************************        ************************/



@media screen and (max-width:960px) {


/************************ GRID 960 MOBILE ************************/
* {
    box-sizing: border-box;
    border-collapse:separate;
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
}
.grid-220,
.grid-300,
.grid-460,
.grid-940 
 { 
	width:100%!important; 
	float:none; 
    padding:15px;
	margin:10px 0px 10px 0px;
	display:table!important;       
	border: 0px solid #000;
}

.grid-960 {
        width:95%!important; 
        margin:0 auto; 
        display:table;
        padding:0px!important;
    }

cite {font-size:22px;}
p {width:100%; margin:0 auto; margin-top:10px;}
article {width:auto!important;}
article img {width:100%!important; }
main {width:100%!important;}
   
#pear img {
	margin: 0 auto!important;
    float:none!important;
    display:table;
    position:relative;
	text-decoration: none;
	border: 0px;
	padding: 10px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	-webkit-transition: all 1s linear;
	-moz-transition: all 1s linear;
	-ms-transition: all 1s linear;
	-o-transition: all 1s linear;
	transition: all 1s linear;
}
#pear img:hover {
	border: 0px;
	-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-o-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	-webkit-border-radius: 7px;
	border-radius: 7px;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}   
}