/***** GIGABOX */

@font-face {
    font-family: Tiza;
    src: url('tiza.ttf');
}

html {
  position: relative;
  min-height: 100%;
}
body {
  color:#404041;
  min-height: 100%;
  margin-bottom: 120px;
}
header, footer{
	background:#f7941d;
}

.text-center{
	text-align: center;
}
.text-center label{
	text-align: left;
	display:block;
}

.italic{
	font-style: italic;
}

.orange{
	color:#f7941d;
	line-height: 5px;
}

h1{
	text-transform: uppercase;
	font-size:30pt;
	line-height: 40px;
}
h4{
	text-transform: uppercase;
	line-height: 10px;
}

#attentionCaption{
	font-family: 'Tiza';
	font-size:48px;
	line-height: 180px;
	color:#f7941d;
}

/*********** HEADER *************/

header #top{
	padding: 20px;
}

header #top #menuTop a{
	color:#fff;
	text-transform: uppercase;
	padding: 10px 10px;
	float:left;
	line-height: 10px;
	font-weight: bold;
}
header #top #menuTop a.active{
	color:#404041;
	border-bottom: 4px solid #404041;
}


/*********** BANNER *************/
#bannerWrap {
	position: relative;
	width:100%;
	height:400px;
	overflow:hidden;
}

#banner img{
	width: 100%;
	height:auto;
	margin:0 auto;
	min-width: 1600px;
	min-height: 400px;
}
#bannerPager{
	position: absolute;
	right:20px;
	z-index: 999;
	bottom:10px;
}

#bannerPager a {
	background:rgba(255,255,255,0.52);
	float:left;
	margin:5px;
	width: 40px;
	height: 5px;
}

#bannerPager a.activeSlide{
	background:rgba(247,148,29,0.52);
	/*background:rgba(34,21,6,0.52);*/
}

/********** QUADROS ABAIXO DO BANNER */ 

#featured{
	background:#404041;
	color:#fff;
	text-align: center;
	padding-bottom: 20px;
	position: relative;
	min-height:317px;
}
#featured h3{
	font-size:30px;
	color:#f7941d;
	font-weight: normal;
	text-transform: uppercase;
	padding:0 60px;
	height: 84px;
}
#featured p{
	font-style: italic;
	padding:0 30px;
	height: 100px;
	overflow: hidden;
}
#featured a.btn{
	background:#f7941d;
	padding: 10px 25px;
	text-transform: uppercase;
	color:#404041;
	font-weight: bold;
}
#featured a.btn:hover{
	text-decoration: none;
	color:#fff;
}

/*********** SOBRE A EMPRESA **********************/
.lightGray{
	background:#cdcdcd;
	color:#404041;
}
.lightGray h1,.darkGray h1{
	text-transform: uppercase;
	line-height: 100px;
}
.darkGray{
	background:#404041;
	color:#cdcdcd;
}


/************* LISTAGEM DE PRODUTOS *****************/
#picProducts{
	position: relative;
	height: 600px;
}
#picProducts a{
	width: 100%;
	float:left;
}
#picProducts #picSamba{
	position: absolute;
	top: 129px;
	z-index: 20;
	left:0;
}
#picProducts #picS1000{
	position: absolute;
	top: 212px;
	z-index: 20;
	left:0;
}
#picProducts #picS200{
	position: absolute;
	top: 302px;
	z-index: 20;
	left:-15px;
}

ul li{
	list-style: none;
	display: inline;
}
.produto2{
	margin-left: 150px;
}

#produto1{
	background-color: #f7941d;
	height: 300px;
	padding: 10px;
	margin-bottom: 200px;
}
.title-desc{
	text-align: left;
	color:#FFF;
}
.title-desc:hover{
	text-decoration: underline;
}
.descricao{
	font-size: 14px;
}
.product h1{
	text-transform: none;
	font-size:70px;
	line-height: 20px;
}
.product .wrap{
	padding: 30px 50px;
}

.product .darkGray {
	padding: none;
}
.product .darkGray h1 {
	padding: none;
	font-size: 30px;
	text-transform: uppercase;
}
.product img {
	padding: 10px 0 10px 0;
}
.product .addthis_native_toolbox{
	margin-bottom: 20px;
}
.product .darkGray .wrap, .wrapText{
	padding: 10px 35px;
}

.lojas{
	margin-top:20px;
	width:100%;
}
.lojas ul {
	list-style: none;
	padding-left: 16px;
}
.lojas ul li {
	float:left;
	padding: 0;
	width: 25%;
}


.row img{
	max-width: 100%;
}


/***** CONTATO ***/ 
#formContato label{
	font-weight: normal;
	text-align: left!important;

}
#formContato input[type='text'], #formContato textarea{
	margin-bottom: 20px;
	border-radius:0;
	border:1px solid #404041;
}

#formContato .btn{
	background:#404041;
	border:none;
	color:#cdcdcd;
	padding: 5px 60px;
	text-transform: uppercase;
}

/**** FOOTER ***/ 
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 120px;
  text-align: center;
}

footer #footer{
	padding: 20px;
}
footer #footer nav a {
	margin:10px;
}
.clearfix{
	clear:both;
	float:none;
}

@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

@media screen and (max-width: 400px) {
		#bannerWrap{display: none;}
		#menuTop{ margin-top:20px; display: block; width:100%; text-align: center;}
		#menuTop a {display: block; padding:5px; float:none!important;}
		#menuTop a.active {display: block; padding:5px; float:none!important; border:none!important;}
	
}
@media screen and (max-width: 401px) {
	#bannerWrap{display: none;}
		#menuTop{ margin-top:20px; display: block; width:100%; text-align: center;}
		#menuTop a {display: block; padding:5px; float:none!important;}
		#menuTop a.active {display: block; padding:5px; float:none!important; border:none!important;
}
@media screen and (max-width: 594px) {
	#bannerWrap{display: none;}
		#menuTop{ margin-top:20px; display: block; width:100%; text-align: center;}
		#menuTop a {display: block; padding:5px; float:none!important;}
		#menuTop a.active {display: block; padding:5px; float:none!important; border:none!important;
}
@media screen and (max-width: 673px) {
	#bannerWrap{display: none;}
		#menuTop{ margin-top:20px; display: block; width:100%; text-align: center;}
		#menuTop a {display: block; padding:5px; float:none!important;}
		#menuTop a.active {display: block; padding:5px; float:none!important; border:none!important;

}
@media screen and (max-width: 800px) {
}
@media screen and (max-width: 810px) {
	
}
@media screen and (max-width: 846px) {

}
@media screen and (min-width: 1008px) {

}
@media screen and (min-width: 1040px) {

}
@media screen and (min-width: 1080px) {

}
@media screen and (min-width: 1110px) {
	
}
@media screen and (min-width: 1218px) {
}
@media screen and (min-width: 1260px) {
}
@media print {
	
}