@charset "utf-8";
/* 
Autor: Felipe Batista
Data Criação: 22/03/2017
Contato: Felipe Batista <felipe@felipebatista.com.br>
Descrição: Site Distribuidora de Peças s 27 de Setembro
*/

/*
--------------------------------------------------------------
---------------- DEFAULT DAS PÁGINAS <<< INICIO >>>
--------------------------------------------------------------
*/

	@import url('https://fonts.googleapis.com/css?family=PT+Sans');

	* {
		list-style: none;
		outline: none;
		text-decoration: none;
	}
	a:link, a:hover, a:visited, a:active {
		outline: none;
		text-decoration: none;
		color:inherit;
	}
	.clear {
		clear:both;
	}
	hr {
		margin: 0; padding: 0;
		border-top: 2px dotted;
		display: block; width: auto;
	}
	
	h1,h2,h5 {
		margin:0; padding:0; display:block;
		font-size: 28px; text-transform: uppercase;
	}
	h6 {
		margin:0; padding:0; display:block;
		font-size: 12px; color:#666;
	}
	h4 {
		margin:0; padding:0; display:block;
		font-size: 20px; text-transform: uppercase;		
	}
	h3 {
		font-size: 20px; text-transform: uppercase;
	}
	
	.up {
		text-transform: uppercase;	
	}
	.default {
		font-size: 14px; color: #000;	
	}

	.vermelho {
		color: #d03131;	
	}
	.azul {
		color: #3c58a7;	
	}
	.verde {
		color: #009933;	
	}
	
	.direita {
		float: right;	
	}
	
	.borda {
		border: 1px solid #0033667a;
		padding: 10px; box-sizing:border-box;
	}
	
	button.selecionaritem {
		margin: 4px; padding: 5px; box-sizing:border-box;
		text-transform:uppercase; font-size: 12px;
		float:right;
	}
/*
--------------------------------------------------------------
---------------- DEFAULT DAS PÁGINAS <<< FIM >>>
--------------------------------------------------------------
*/

body {
	margin: 0; padding: 0;
	width: 100%; height: 100%;
	font-family: 'PT Sans', sans-serif;
}


/* ------------------ SITE GERAL ------------------ */

/* TOPO DO SITE */
div#container {
	margin: 0; padding: 0;
	width: 100%; height: 100%;	
}
	header {
		min-height: 120px;
		z-index: 1000;
		position: relative;
	}
		header div.topo {
			background-color: #272b63; color: #FFF; font-weight: 400;
			height: 40px;
			padding: 10px; box-sizing:border-box;
		}
		header div.topo span {
			display:block;
			width: 900px; margin: 0 auto;	
		}
		
	header div.cabecalho {
		min-height: 180px;
		font-weight: 400; font-variant:small-caps;
		padding: 10px; box-sizing:border-box;		
	}
	header div.cabecalho span{
		display:block;
		width: 900px; margin: 0 auto;
	}
		header div.cabecalho span ul li {
			min-width: 250px;
			float: left;
			padding: 5px; box-sizing:border-box;
		}
/* FIM TOPO DO SITE */


/* CONTEÚDO DO SITE */

.btn-entrar {
	width: 120px; height: 20px;
	border: 1px solid #DEDEDE;
	border-radius: 10px;
	font-size: 12px;
}
.btn-busca,submit{
	width: 100px; height: 20px;
	border: 1px solid #DEDEDE;
	border-radius: 10px;
	font-size: 12px;	
}
.btn-qtn{
	width: 40px; height: 20px; text-align: center;
	border: 1px solid #DEDEDE;
	border-radius: 10px;
	font-size: 12px;	
}
.btn-radio{
	width: 30px; height: 20px; text-align: center;
	border: 1px solid #DEDEDE;
	border-radius: 10px;
	font-size: 12px;	
}
select{
	width: 150px; height: 20px;
	border: 1px solid #DEDEDE;
	border-radius: 10px;
	font-size: 12px;
}
.selecionaritem{
	width: 160px; height: 30px;
	background-color: aquamarine;
	border: 1px solid #2DC050;
	border-radius: 10px;
	font-size: 12px !important;
}
.selecionaroutroitem{
	width: 160px; height: 30px;
	background-color: #DEDEDE;
	border: 1px solid #000000;
	border-radius: 10px;
	font-size: 12px !important;
}
.finalizarpedido{
	width: 160px; height: 30px;
	background-color: aquamarine;
	border: 1px solid #2DC050;
	border-radius: 10px;
	font-size: 12px !important;
}
.atualizarcarrinho{
	width: 160px; height: 30px;
}

	section.banner {
		position: relative;
		z-index: 1;
	}
	
	section.conteudo-geral {
		width: 100%;
		min-height: 400px;	
	}
		section.conteudo-geral span {
			display:block;
			width: 900px; margin: 0 auto;
		}
		section.conteudo-geral span div.conteudo span {
			width: 700px; position: relative;
			top: 0; left:30px; float: left;
			margin: 0; padding: 0;
		}
		
	section.conteudo-geral span div.conteudo span ul.lista-produtos {
		width: 100%;
	}
		section.conteudo-geral span div.conteudo span ul.lista-produtos li {
			width: 100%; min-height: 210px;
			border: 4px solid #2c3a93;
			float:left; padding: 10px; box-sizing:border-box;
			margin: 10px; font-size:12px; color: #CCC;
		}
			section.conteudo-geral span div.conteudo span ul.lista-produtos li p:first-child {
				width: 120px; display:block;
				float: left; margin: 0; padding: 0;
			}
			section.conteudo-geral span div.conteudo span ul.lista-produtos li strong{
				font-size: 14px; color: #000;
			}
			section.conteudo-geral span div.conteudo span ul.lista-produtos li i.addcarrinho{
				font-size: 16px; font-weight:bold; text-transform:uppercase;
				float: right; color: #333;
			}
	section.conteudo-geral span div.conteudo span tbody tr.carrinhocompra:nth-child(2n+1){
		background-color: #E8E8E8;
	}
		section.conteudo-geral span div.conteudo span tbody tr.carrinhocompra td.txtpq {
			text-transform:uppercase;
			font-size: 12px;	
		}
		section.conteudo-geral span div.conteudo span tbody tr.carrinhocompra td.txtmd {
			text-transform:uppercase;
			font-size: 14px;	
		}
	
	section.conteudo-geral span div.conteudo span .logo-parceiros{
		margin: 8px;
		width: 80px;
	}

	section.conteudo-geral span div.conteudo span form#cadastro .text{
		width: 250px; height: 20px; border:0; border-left: 1px solid #CCC; border-bottom: 2px solid #333;
		padding-left: 5px;
	}
	section.conteudo-geral span div.conteudo span form#cadastro .btn-enviar{
		width: 120px; height: 40px;
		text-transform:uppercase; font-size: 14px; font-weight:bold;
	}
		section.conteudo-geral span div.conteudo span form label{
			display: block;
		}
		
	section.conteudo-geral span div.conteudo span.similares ul {
		width: 100;
	}
		section.conteudo-geral span div.conteudo span.similares ul li{
			border: 1px solid #CCC; padding: 10px; box-sizing:border-box; float:left; margin: 10px;
			font-size: 12px; width: 190px; height: 190px; text-align: center;
		}
			section.conteudo-geral span div.conteudo span.similares ul li img {
				max-width: 140px; max-height: 120px; min-height: 120px;	
			}
/* FIM CONTEÚDO DO SITE */


/* RODAPE DO SITE */
footer {
	width: 100%; min-height: 100px;
	background-color: #d2d3d3;
}
	footer span {
		width: 900px;
		margin: 0 auto; display:block;
	}
	footer section.assinatura {
		min-height: 70px;
		background-color: #272b63; color: #FFF;
	}
		footer section.assinatura i.fa-envelope {	
			font-size: 32px;
		}
		footer section.assinatura form input.submit {
			border: 0; background-color: transparent;
			width: 60px; height: 20px;
			font-variant:small-caps; color: #FFF; font-size: 14px;
		}
	footer section.links {
		min-height: 100px; color: #5e5f5f;
	}
	footer section.rodape {
		background-color: #FFF;	
		min-height: 20px;
	}
		footer section.rodape span sub {
			display: block;
			text-align: center;	
			margin: 5px;
		}
	
	
/* FIM RODAPÉ DO SITE */

/* ------------------ SITE GERAL ------------------ */

/*---------------------------------------------------
/*------------------- MOBILE ------------------------
/*-------------------------------------------------*/
@media only screen and (max-width: 500px) {
	
	h1,h2,h5 {
		margin:0; padding:10px; display:block;
		font-size: 28px; text-transform: uppercase;
	}

/* TOPO DO SITE */
		header div.topo span {
			width: 100%;
		}
	header div.cabecalho span{
		width: 300px;
	}
		header div.cabecalho span ul li {
			min-width: 250px;
			float: left;
			padding: 5px; box-sizing:border-box;
		}
/* FIM TOPO DO SITE */
/* CONTEUDO GERAL */
		section.conteudo-geral span {
			width: 100%;
		}
		section.conteudo-geral span div.conteudo span {
			width: 90%; left: 0; padding:10px;
		}
		section.conteudo-geral span div.conteudo span ul.lista-produtos {
			width: inherit;
		}
/* CONTEUDO GERAL */

nav.menu-principal {
	display: none;
}

div.tab-menu-produtos {
	display: none;	
}

section.conteudo-geral span div.conteudo span ul.lista-produtos li {
	padding: 0; margin: 0;
}

footer span {
	width: 100%;
}

footer section.desk {
	display: none;	
}
}