* {margin: 0; padding: 0; outline: 0;}
a:link, a:visited, a:hover, a:active	{color:#FFF; text-decoration:none;}
body {	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
h4 {padding-bottom:12px;}

.x{
	min-width:20px;
}

.file {
    position: relative;
    overflow: hidden;
	max-width:290px;

}

textarea, select, input {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	min-width:290px;
	border:none;
	margin:2px;
	padding:5px;
	font-size:16px;

		  background-color: #ffffff;
  border: 1px solid #CCCCCC;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
		  
		  	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	 border-radius:5px;
	}	
	
textarea:focus , select:focus , input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
		  
		  	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	 border-radius:5px;
	}
	
.enviar{
	background-color:#FFF;
	min-width:150px;
}
.map{
    height:200px;
    border:1px solid #999 !important;
    -webkit-box-shadow: 0 0 5px #999 !important;
    -moz-box-shadow: 0 0 5px #999 !important;
    box-shadow: 0 0 5px #999 !important; 
    display: none;
}
.form-cep{
    padding:0px;
    padding-top:20px;
    padding-bottom:10px;
    border:1px solid #999 !important;
    -webkit-box-shadow: 0 0 10px #888 !important;
    -moz-box-shadow: 0 0 10px #888 !important;
    box-shadow: 0 0 10px #888 !important;    
}
.invalid{
    border:1px solid red !important;
}
.invalid:focus{
    border:1px solid red !important;
    border-color: #e9322d !important;
    -webkit-box-shadow: 0 0 10px #f8b9b7 !important;
    -moz-box-shadow: 0 0 10px #f8b9b7 !important;
    box-shadow: 0 0 10px #f8b9b7 !important;
}
.shadow{
    height:205px;
    border:1px solid #888 !important;
    -webkit-box-shadow: 0 0 10px #888 !important;
    -moz-box-shadow: 0 0 10px #888 !important;
    box-shadow: 0 0 10px #888 !important;        
}
.opcoes{
	background-color:#FFF;
}
.sf-menu a, .button, .light-box strong{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.menuBtn {
	background: center center no-repeat transparent;
	background: #000;
	display: block;
	width: 40px;
	height: 33px;
	position: absolute;
	top: 0;
	left: 10px;
}
.subNavBtn:hover{
/*	border-bottom-color:#333;
	border-bottom-style:dotted;
	border-bottom-width:medium;*/
}
.subMenu {
	position: absolute;
	top: 0px;
	max-height: 100px;	
	min-height: 40px;	
	vertical-align:middle;
	z-index: 1000;
	width: 100%;	
	background-color:#036;
/*	opacity:0.9;
	filter:alpha(opacity=9); For IE8 and earlier */	
	text-align:right;
}
.subMenu .inner {
	padding:0;
	font-weight:400;
	line-height:33px;
	vertical-align:middle;
	font-size:18px;
}
.subNavBtn {
	position:relative;
	display:inline-block;
	text-align:center;
	padding:0 0px 0  0px;
	overflow:hidden;
	min-width:150px;	
	vertical-align:middle;
	height: 33px;
	vertical-align:middle;
	font-size: 1.0em;
	text-decoration: none;
	text-align: center;
}
.wrap {
		width: 100%;
		z-index: 10;
		position: relative;
		margin: 0 0 0 0;
		padding: 0;
}
.wrapper {
	position:relative;
	display:inline-block;
	padding: 20px 20px 20px 20px;
	overflow:hidden;
	min-width:300px;
	max-width:300px;
	vertical-align:top;
}
.wrapper2 {
	position:relative;
	display:inline-block;
	overflow:hidden;
	min-width:300px;
	margin-right:75px;
	margin-left:75px;
	width:40%;
	vertical-align:middle;
	color:#FFF;
	margin-top:75px;
	font-size:22px;
	font-weight:600;
	text-shadow: 0.08em 0.08em #000;
}
.wrapperFoto {
	position:relative;
	display:inline-block;
	padding: 20px 20px 20px 20px;
	overflow:hidden;
	min-width:300px;
	max-width:300px;
	vertical-align:top;
	background-color:#036;
	opacity:0.9;
	filter:alpha(opacity=9); /* For IE8 and earlier */		
	margin-top:50px;
	color:#FFF;
	text-align:left; 
	
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	 border-radius:15px;
}

.inner {
	width: 100%;
	margin: 0 0 0 0;
	padding:0 0 0 0;
	position: relative;
	text-align:center;
}
.section {
	width: 100%;
	z-index: 10;
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.fotoLoja {
	position:relative;
	display:inline-block;
	overflow:hidden;
	width:200px;
	margin-top:30px;
	border-color: rgba(82, 168, 236, 0.8);
	outline: 0;
	outline: thin dotted \9;
	/* IE6-9 */
	-webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075), 0 0 26px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075), 0 0 26px rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075), 0 0 26px rgba(82, 168, 236, 0.6);		 
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

/* SECTIONS */
.sTop {
background: url(../img/bg.jpg) no-repeat center bottom #343537 fixed;
    position: relative;
    background-size: cover;
	height:100vh;
	padding-top:120px;
	min-height: 450px;
    -webkit-background-size: cover;
}

.sLoja {

}

.s1 {
	min-height: 100px;
	background: #036;
	color:#FFF;
	font-size: 32px;
	line-height:100px;
	font-weight: 300;
	padding:0 0 0 0;
	text-align:center;
	text-shadow: 0.1em 0.1em #000;
}
.s3 {
	min-height: 100px;
	background: #036;
	color:#FFF;
	font-size: 32px;
	line-height:100px;
	font-weight: 300;
	padding:0 0 0 0;
	text-align:center;
	text-shadow: 0.05em 0.05em #000;
}
.s5 {
	min-height: 100px;
	background: #036;
	color:#FFF;
	font-size: 32px;
	line-height:100px;
	font-weight: 300;
	padding:0 0 0 0;
	text-align:center;
	text-shadow: 0.1em 0.1em #000;
}
.s2 {
	min-height: 300px;
	background: #FFF;
	font-size: 18px;
	font-weight: 300;
}
.s4 {
	min-height: 300px;
	background: #FFF;
	font-size: 16px;
	font-weight: 300;
}
.s6 {
	min-height: 300px;
	background: #FFF;
	font-size: 16px;
	font-weight: 300;
}

.empresas {
	margin:20px 10px 10px 20px;
	position:relative;
	display:inline-block;
/*	padding: 20px 20px 20px 20px; */
	overflow:hidden;
	min-width:300px;
	max-width:300px;
	vertical-align:top;
	text-align:center;
	border-color: rgba(82, 168, 236, 0.8);
	outline: 0;
	outline: thin dotted \9;
	/* IE6-9 */
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}



.empresas:hover {
	-webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075), 0 0 26px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075), 0 0 26px rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075), 0 0 26px rgba(82, 168, 236, 0.6);		 
}

.logos{
	text-align:left;
	float:left;
	margin:10px;
}
.descricoes{
	text-align:left;
	margin:10px;
	font-size:16px;
}



@media only screen and (max-width: 579px) {
 body{min-width:310px;}
 .subMenu .inner{min-width:310px;}
 .subMenu {min-width:310px;} 
 .wrapper2 { width:300px; margin:10px; font-size:18px;}
 .sLoja {margin-top:60px;}

}
