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

*{
	-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
	outline:none;
}
body, html {
	margin:0;
	padding:0;
	font-family: 'Signika', sans-serif;
	font-size:16px;
}
h1, h2, h3, h4 {
	text-transform:uppercase;
	font-family: 'Signika', sans-serif;
}
h1 {
	font-size:28px;
	padding:20px 0 10px;
	margin:0;
}
h2 {
	font-size:24px;
	padding:15px 0 10px;
	margin:0;
}
h3 {
	font-size:20px;
	padding:10px 0 5px;
	margin:0;
}
h4 {
	font-size:16px;
	padding:10px 0 0;
	margin:0;
}
hr{
	clear:both;
}
img {
	border:none;
	vertical-align:bottom;
}
a {
	text-decoration:none;
	color:#030303;
	-webkit-transition:	all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
a:hover{
	opacity:.8;
}
ul, li{
	list-style:none;
	padding:0;
	margin:0;
}
p{
	font-size:16px;
}
form{
	display:table;
	padding:20px 0;
	clear:both;
	width:100%;
}
input[type="text"], input[type="password"], input[type="number"]{
	font-size: 16px;
    padding:8px;
}
input[type="submit"]{
	border:2px solid #00aeef;
	background:#FFF;
	font-size:16px;
    padding: 8px;
    font-weight: 600;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
    border-radius:5px;
	cursor:pointer;
	
	-webkit-transition:	all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
input[type="submit"]:hover{
	color:#FFF;
	background:#00aeef;
}


/* CLASSES GERAL */
.btn{
    padding: 5px;
    background: #333;
    color: #FFF;
}
.btn:hover{
    background: #999;
}
.col-left{
	width:50%;
	float:left;
	padding:0 10px 0 0;
}
.col-right{
	width:50%;
	float:right;
	padding:0 0 0 10px;
}
.two-col{
	width:50%;
	float:left;
}
.two-col input[type="text"]{
	width:70%;
}
.select{
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
	
    text-indent: 0.01px;
    text-overflow: '';
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
    border-radius:3px;
	
	border:2px solid #003854;
	
	padding:10px 30px 10px 10px;
	font-size:13px;
	min-width:50%;
}


/* CLASSES GERAL */




#header {
	padding:0;
	margin:0 auto;
	width:100%;
	z-index:999;
	clear:both;
	
	-webkit-transition:	all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
#header_cliente{
    padding:20px;
	margin:0 auto;
	width:100%;
}
#logo_cliente{
    display: inline-block;
    width: 50%;
    max-height: 150px !important;
    vertical-align: middle;
}
#logo_cliente img{
    max-height: 150px;
    width: auto;
}
#buscar{
    display: inline-block;
    width: 50%;
    text-align: right;
    vertical-align: middle;
    max-height: 150px !important;
}

#header{
	background:rgba(255,255,255,.7);
}
.home #header{
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
}

#logo{
	float:left;
	position:relative;
	z-index:9999;
	
	-webkit-transition:	all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

.slides-container .item{
	
}
@media(min-width: 767px){
	.slides-container .item{
		height: 100vh;
	}
}
.slick-prev:before, .slick-next:before{
	font-size: 40px
}
.slick-prev{
	left: 25px;
}
.slick-next{
	right: 25px;
}

#navegacao ul{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0
}

#navegacao ul a{
	display:block;
	color:#333;
	text-decoration:none;
	font-weight:700;
	font-size:12px;
	line-height:32px;
	padding:0 15px;
	font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif
}

#navegacao ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0
}

#navegacao ul li.current-menu-item
{
	background:#ddd
}

#navegacao ul li:hover
{
	background:#f6f6f6
}

#navegacao ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0
}

#navegacao ul ul li
{
	float:none;
	width:200px
}

#navegacao ul ul a
{
	line-height:120%;
	padding:10px 15px
}

#navegacao ul ul ul
{
	top:0;
	left:100%
}

#navegacao ul li:hover > ul
{
	display:block
}





/* MENU PRINCIPAL */
#navegacao ul {
	list-style:none;
	float:right;
	clear:right;
	margin:0;
	padding:0;
	text-align:center;
}
.small #navegacao{
	padding:10px 20px;	
}
.large #navegacao{
	padding:10px;
}
.small #navegacao a{
	-webkit-transition:	all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
	
	font-size:12px;
	padding:8px 10px;
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
    border-radius:3px;
}
.large #navegacao a{
	-webkit-transition:	all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
	
	font-size:15px;
	padding:20px;
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
    border-radius:3px;
}
#navegacao li {
	display:inline;
	margin:0;
}
#navegacao a {
	display:inline-block;
	white-space:nowrap;
	text-transform:uppercase;
}
#navegacao a:hover {
	background:#298dc6;
	color:#FFF;
}
#navegacao .submenu {
	-webkit-transition:	all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
	
	display:none;
	text-align:left;
}
.search-bt span{
	-webkit-transition:	all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
	
	padding:20px;
	line-height:15px;
	position:relative;
	background:url(images/lupa.png) no-repeat top center;
}
.search-bt span:hover{
	background:url(images/lupa.png) no-repeat bottom center;
}
#open-search{
	display:none;
	top:0;
	float:right;
	width:100%;
	padding:20px 20px 0;
	z-index:0;
	background:rgba(255,255,255,0.8);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
    border-radius:3px;
	position:relative;
}
#open-search form{
	width:100%;
}
#open-search .form_campos{
	width:100%;
	line-height:16px;
	padding:5px;
}
#open-search .buscar{
	width:100%;
	line-height:16px;
	padding:5px;
}
#open-search a.close-bt{
	cursor:pointer;
	position:absolute;
	top:10px;
	right:10px;
	width:20px;
	height:20px;
	background:url(images/sem-formato.jpg) no-repeat center center;
}
	

/* MENU USUÁRIO */
#menu-usuario{
	list-style:none;
	float:right;
	position:relative;
	z-index:999;
	padding:0;
	margin:0;
	text-align:center;
}
#menu-usuario li{
	display:inline-block;
	padding:0;
	margin:0;
}
#menu-usuario a{
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	font-size:12px;
}

/************************************************************************************
ESTRUTURA
*************************************************************************************/
#pagewrap {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
#content {
	width: 80%;
	float: right;
	padding:0 30px;
}
#sidebar {
	width: 20%;
	float: left;
	padding:0 30px;
	border-right:1px solid #FAFAFA;
}
#footer {
	clear: both;
}

.home-content{
	background:#EEE;
}
.uma-coluna, .duas-colunas, .tres-colunas {
	clear:both;
	margin:0 auto;
	width:100%;
	text-align:center;
	min-height:500px;
}
.uma-coluna div, .duas-colunas div, .tres-colunas div {
	display:inline-block;
	text-align:left;
}


/* NOVIDADES */
h3#novidades a{
	color:#298dc6;
}
.veja-mais{
	width:100%;
	text-align:center;
	clear:both;
	float:left;
	padding:20px 0;
	margin:0;
	background:#333;
}
.veja-mais a{
	background:#FFF;
	color:#333;
	font-weight:bold;
	font-size:18px;
	padding:10px;
	text-align:center;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#quem-somos{
	min-height:700px;
	padding:50px;
	background:url(images/retro-graphic-bg-edit.jpg) no-repeat bottom center;
}
#quem-somos .left{
	width:70%;
}
#quem-somos .right{
	width:30%;
}
#quem-somos h2{
	color:#00aeef;
	text-shadow:1px 1px #231f20;
	-moz-text-shadow:1px 1px #231f20;
	-webkit-text-shadow:1px 1px #231f20;
	text-align:left;
	font-size:36px;
}
#quem-somos p{
	font-size:20px;
	line-height:24px;
}
#como-funciona{
	min-height:500px;
	padding:100px 50px;
	background:url(images/retro-graphic-bg-funciona.jpg) no-repeat top center;
}
#como-funciona h2{
	color:#ec008c;
	text-shadow:1px 1px #231f20;
	-moz-text-shadow:1px 1px #231f20;
	-webkit-text-shadow:1px 1px #231f20;
	text-align:left;
	font-size:36px;
}
#como-funciona p{
	font-size:20px;
	line-height:24px;
}
#galeria h2{
	color:#231f20;
	text-align:left;
	font-size:36px;
	padding:20px 50px;
}
#galeria ul{
	list-style:none;
	width:100%;
	padding:20px;
	background:#231f20;
	float:left;
	text-align:center;
	font-size: 0;
}
#galeria ul li{
	width:100%;
	max-width:16.66%;
	background:#231f20;
	display:inline-block;
	text-align:center;
	margin:0;
	padding:10px;
	vertical-align:middle;
	border:1px solid #231f20;
}
#galeria ul li a{
	position:relative;
	width:100%;
	text-align:center;
}
#galeria ul li img{
	max-width:100%;
}
#galeria ul li h4{
	position:absolute;
	bottom:0;
	padding:5px;
	width:100%;
	text-align:center;
	color:#FFF;
	background:rgba(0,0,0,.5);
}
#contato{
	background:#231f20;
	color:#FFF;
	padding:50px;
	min-height:550px;
}
#contato h2{
	color:#fff200;
	text-align:left;
	font-size:36px;
}
#contato a{
	color:#fff200;
}
#contato form{
	padding:0;
}
#contato input {
	line-height:20px;
	font-size:18px;
	padding:5px;
	width:100%;
	border:1px solid #FFF;
	background:none;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#FFF;
}
#contato input[type="submit"] {
 -webkit-transition:	all .2s linear;
 -moz-transition: all .2s linear;
 -o-transition: all .2s linear;
 transition: all .2s linear;
}
#contato input[type="submit"]:hover {
	background:#FFF;
	color:#231f20;
}
#contato textarea {
	line-height:20px;
	font-size:18px;
	padding:5px;
	width:100%;
	height:150px;
	border:1px solid #FFF;
	background:none;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#FFF;
}
span {
	
}
::-webkit-input-placeholder {
 color: #EEE;
}

:-moz-placeholder {
 color: #EEE;
}

::-moz-placeholder {
 color: #EEE;
}

:-ms-input-placeholder {
 color: #EEE;
}

.right {
	float:right;
	padding:30px;
	width:50%;
}
.left {
	float:left;
	padding:30px;
	width:50%;
}
.info-wide{
	background:#00aeef;
	width:100%;
	padding:30px;
	margin:20px 0;
	text-align:center;
	clear:both;
}
.info-wide p{
	color:#FFF;
	font-size:20px;
}
.cadastre a{
	background:#fff200;
	color:#00aeef;
	padding:10px;
	text-align:center;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

/* Ativacao */
.ativacao{
	width:100%;
	max-width:800px;
	margin:0 auto;
	text-align:center;
}

/* Produtos */
.produtos-entry-header{
	float:right;
	width:100%;
	background:#333;
	color:#EEE;
	padding:10px;
	text-transform:uppercase;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
}
.produtos-content{
	width:100%;
	color:#666;
	padding:0;
	margin:0;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight:400;
}
.produtos-content .result-title{
	clear:both;
	background:#EEE;
	font-size:12px;
	padding:10px;
}
.produtos-content .result-title span{
	background:#484848;
	color:#FFF;
	padding:3px 6px;
}
.produtos-content .images{
	text-align:center;
	width:100%;
	list-style:none;
	padding:0;
	margin:0 auto;
}
.produtos-content .image {
	-webkit-transition:	all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
	
	display:inline-block;
	width:100%;
	max-width:250px;
	padding:0;
	margin:10px;
	background:#FFF;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	
	border:1px solid #FFF;
	
	position:relative;
	
}
.produtos-content .image:hover{
	border-color:#231f20;
}
.produtos-content .image .img{
	height:250px;
	position:relative;
}
.produtos-content .image .img img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	
	max-width:100%;
	max-height:250px;
}
.produtos-content .image h2{
	padding:5px 0;
	margin:5px 0 0;
	border-top:2px solid #996;
	text-align:center;
	color:#003854;
}
.produtos-content .image p{
	padding:0;
	margin:0;
	text-align:center;
	font-size:11px;
}
.info {
    padding: 10px;
}
.info h3{
	margin:0;
	padding:0;
}
.info h4{
	margin:0;
	padding:0;
}
.info h5{
	margin:0;
	padding:0;
}
.info p{
	margin:0;
	padding:0;
}

/* Paginação */
#pagination {
	width:100%;
	max-width:700px;
	margin:0 auto;
	padding:20px 0;
	text-align:center;
	clear:both;
}
#pagination span {
	background:#996;
	color:#FFF;
	padding:5px 10px;
	text-align:center;
	
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
#pagination a {
	background:#EEE;
	padding:4px 9px;
	
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
#pagination a:hover {
	background:#AA9;
	color:#FFF;
	text-decoration:none;
}


/* Produto Detalhe */
.produto-detalhe{
	margin:0 auto;
	width:100%;
	padding:0;
	font-family: 'PT Sans Narrow', sans-serif;
}
.produto-detalhe-header{
	width:100%;
	padding:15px;
	background:#333;
}
.produto-detalhe-header h1{
	margin:0;
	padding:0 10px;
}
.produto-detalhe-header h1 a{
	color:#CCC;
}
.produto-detalhe-header ul{
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}
.produto-detalhe-header ul li{
	float:left;
	padding:5px 10px 5px 0;
}
.produto-detalhe-conteudo{
	padding:0;
	width:100%;
	float:left;
}
.voltar{
	padding:30px 20px 0;
	float:right;
}
.voltar a{
	border:2px solid #000;
	padding:10px;
}
.voltar a:hover{
	border:2px solid #666;
}
.produto-detalhe-image{
	width:50%;
	background:#FFF;
	float:left;
	padding:30px 20px;
	text-align:center;
	position:relative;
}
.produto-detalhe-image img{
	max-width:100%;
}
.produto-detalhe-info{
	padding:30px;
	width:50%;
	float:left;
	font-size:18px;
}
.produto-detalhe-info .content{
	background:#FAFAFA;
	border:1px solid #EEE;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	padding:20px;
}
.produto-detalhe-info a{
	color:#333;
	padding:3px;
}
.produto-detalhe-info a:hover{
	background:#333;
	color:#FFF;
}
.produto-detalhe-info ul{
	list-style:none;
	padding:0;
	width:100%;
}
.produto-detalhe-info li {
	padding:0;
	width:100%;
}
.produto-detalhe-info li span{
	float:left;
	width:100px;
	font-weight:bold;
}
#dimensoes, #addForm{
	width:100%;
}
.produto-detalhe-info #addForm{
	margin:20px 0 0;
	padding:0;
	background:#FAFAFA;
	border-top:2px solid #EEE;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
    border-radius:4px;
}
.produto-detalhe-info #mostraArea{
	margin:8px 0 0;
	font-size:18px;
	color:#666;
}
.produto-detalhe-info #mostraPreco{
	margin:4px 0 0;
	font-size:20px;
}
.produto-detalhe-info #submit{
	float:right;
	margin:0;
}
.produto-detalhe-info .msg{
	font-size:13px;
}



/* PRODUTOS RELACIONADOS */
.produto-detalhe-relacionados{
	background:#FAFAFA;
	width:100%;
	clear:both;
	border-top:2px solid #00aef0;
	padding:0;
}
.produto-detalhe-relacionados .title{
	margin:0;
	padding:15px 30px;
	color:#FFF;
	background:#666;
}
.produto-detalhe-relacionados ul{
	list-style:none;
	margin:0 auto;
	padding:20px;
	text-align:center;
}
.produto-detalhe-relacionados ul li{
	display:inline-block;
	width:24%;
	min-width:200px;
	padding:0;
	text-align:center;
}
.produto-detalhe-relacionados ul li img{
	padding:0;
	max-width:100%;
	max-height:100%;
	vertical-align:top;
}
.pod{
	font-size:10px;
	background:#EEE;
	padding:5px;
	color:#333;
	text-transform:uppercase;
}



/* SIDEBAR */
#sidebar li{
	padding:0 0 1px;
	font-weight:lighter;
}
#sidebar li a{
	-webkit-transition:	all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:5px;
	display:block;
	color:#333;
}
#sidebar li a:hover{
	background:#333;
	color:#FFF;
}
#sidebar li.selected{
	font-weight:bold;
}
ul.formatos{
	list-style:none;
	margin:0;
	padding:0;
}
ul.formatos li{
	padding:2px 0;
	border:1px solid #FFF;
	float:left;
	width:25%;
}
ul.formatos li img{
	width:100%;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #EEE;
}
ul.formatos li a{
	-webkit-transition:	all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:1px;
	display:block;
	color:#333;
}
ul.formatos a.selected{
	background:#333;
	color:#FFF;
}



/* Login */
.login{
	width:400px;
	font-family: 'PT Sans Narrow', sans-serif;
}
.login input[type="text"], .login input[type="password"]{
	width:100%;
	line-height:18px;
}
.login-header{
	width:100%;
	padding:10px 15px;
	float:left;
	clear:both;
	background:#EEE;
	color:#333;
}
.login-conteudo{
	padding:20px;
}
.login-conteudo ul{
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}
.login-conteudo ul li{
	margin:0 10px;
	padding:5px;
	display:inline-block;
}

/* Cadastro */
.cadastro{
	width:600px;
	font-family: 'PT Sans Narrow', sans-serif;
}
.cadastro input[type="text"], .cadastro input[type="password"]{
	width:100%;
	line-height:18px;
}
.cadastro-header{
	width:100%;
	padding:10px 15px;
	float:left;
	clear:both;
	background:#EEE;
	color:#333;
}
.cadastro-conteudo{
	padding:20px;
    width:100%;
	float:left;
}

#msg p{
	clear:both;
	font-size:11px;
	padding:3px;
	margin:0;
	background:#EEE;
	color:#F00;
}

.msg-erro{
	color:#F00;
}
.msg-sucesso{
	color:#060;
}
/* Fim Cadastro */

/* Portfolio */
.portfolio{
	width:600px;
	font-family: 'PT Sans Narrow', sans-serif;
}
.portfolio-header{
	width:100%;
	padding:10px 15px;
	float:left;
	clear:both;
	background:#EEE;
	color:#333;
}
.portfolio-conteudo{
	padding:20px;
	width:100%;
	float:left;
}

/* Configurações */
.config{
	width:600px;
	font-family: 'PT Sans Narrow', sans-serif;
}
.config-header{
	width:100%;
	padding:10px 15px;
	float:left;
	clear:both;
	background:#EEE;
	color:#333;
}
.config-conteudo{
	padding:20px;
	width:100%;
	float:left;
}

ul.pop-menu{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	border-radius:3px 3px 0 0;
	-moz-border-radius:3px 3px 0 0;
	-webkit-border-radius:3px 3px 0 0;
}
ul.pop-menu li{
	float:left;
	border-left:1px solid #CCC;
}
ul.pop-menu li:first-child{
	border-left:none;
}
ul.pop-menu li a{
	display:block;
	padding:10px;
	background:#F5F5F5;
	color:#333;
	text-transform:uppercase;
	font-size:12px;
}
ul.pop-menu li a:hover, ul.pop-menu li.selected{
	background:#333;
	color:#F5F5F5;
}

ul.pop-submenu{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	border:1px solid #EEE;
	border-radius:3px 3px 0 0;
	-moz-border-radius:3px 3px 0 0;
	-webkit-border-radius:3px 3px 0 0;
}
ul.pop-submenu li{
	float:left;
	border-left:1px solid #CCC;
}
ul.pop-submenu li:first-child{
	border-left:none;
}
ul.pop-submenu li a{
	display:block;
	padding:6px;
	background:#F5F5F5;
	color:#333;
	text-transform:uppercase;
	font-size:12px;
}
ul.pop-submenu li a:hover, ul.pop-submenu li.selected{
	background:#333;
	color:#F5F5F5;
}

/* Colocar o CSS do portfolio aqui */



/* Pedido */
.pedido{
	width:600px;
	font-family: 'PT Sans Narrow', sans-serif;
}
.pedido-header{
	width:100%;
	padding:10px 15px;
	float:left;
	clear:both;
	background:#EEE;
	color:#333;
}
.pedido-conteudo{
	padding:20px;
	width:100%;
	float:left;	
}


/* FOOTER */
#copy{
	float:left;
	width:auto;
	padding:10px;
	display:table;
}

#author{
	float:right;
	width:auto;
	padding:10px;
}






/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
	
	#pagewrap {
		width: 100%;
	}
	#content {
		width: 75%;
		padding:0 30px;
	}
	#sidebar {
		width: 25%;
		padding:0 15px;
	}

}

/* for 700px or less */
@media screen and (max-width: 768px) {
	#galeria ul li{
		max-width:25%;
	}
	.col-left, .col-right{
		width:100%;
		float:none;
		padding:10px;
	}
	#content {
		width: auto;
		float: none;
	}
	#sidebar {
		width: auto;
		float: none;
	}
	.produto-detalhe-image{
		width:100%;
		float:none;
		padding:20px;
		text-align:center;
	}
	.produto-detalhe-image a img{
		width:100%;
	}
	.produto-detalhe-info{
		padding:30px;
		width:100%;
		float:none;
		font-size:14px;
	}
	.uma-coluna, .duas-colunas, .tres-colunas {
		padding:20px;
	}
	.left, .right, #quem-somos .left{
		float:none;
		padding:20px 10px;
		width:100%;
	}
	#quem-somos, #como-funciona, #contato{
		padding:50px 20px;
	}

}

/* for 480px or less */
@media screen and (max-width: 480px) {

	#header {
		height: auto;
	}
	h1 {
		font-size: 24px;
	}
	#sidebar {
		display: none;
	}
	#galeria ul li{
		max-width:50%;
	}

}