body{
	margin:0px;
	padding:0px;	}
	
	a{	text-decoration:none;	}
	
	a:visited{	text-decoration:none;	}
.contato{position:fixed;
top:63%;
right:3px;
z-index:999;}

.redes{
position:relative;
padding:20px;
text-align:center;
border-radius:10px;
border-style:ridge;
background-color:#FFF4FA;
font-size:16px;
}
.col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  
	.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.857143%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}
	.menu{
	width:100%;
	height:95px;
	background: linear-gradient(45deg, #FFE96A 0%, #FFE96A 30%, #542437 10%, #542437 100%);
	
	}
	
	
	@media (max-width: 900px) {/** AJUSTE DO GRADIENTE DO MENU SUPERIOR PARA SER VISTO NO CELULAR**/
		.menu {
			background: linear-gradient(55deg, #FFE96A 0%, #FFE96A 16%, #542437 10%, #542437 100%);
			
		}
	}
	
	
	
	.mover-menu{
	
	}
	
	
	
	
	.rodape{
	width:100%;
	height:280px;
	margin-top:100px;
	background: linear-gradient(45deg, #542437 0%, #542437 74%, #FFE96A 10%, #FFE96A 100%);
	}
	
	@media (max-width: 767px) {/** AJUSTE DO GRADIENTE DO RODAPÉ PARA SER VISTO NO CELULAR**/
		.rodape {
			background: linear-gradient(45deg, #542437 0%, #542437 90%, #FFE96A 10%, #FFE96A 100%);
			
		}
	}
	
	
	
	
	
	.mover-menu{
	
	}
	
	
	
	
	.rodape{
	width:100%;
	height:280px;
	margin-top:100px;
	background: linear-gradient(45deg, #542437 0%, #542437 74%, #FFE96A 10%, #FFE96A 100%);
	}
	
	@media (min-width: 767px) {/** AJUSTE DO GRADIENTE DO RODAPÉ PARA SER VISTO NO CELULAR**/
		.rodape {
			background: linear-gradient(45deg, #542437 0%, #542437 70%, #FFE96A 10%, #FFE96A 100%);
			
		}
	}
	
	
	
	.logo{
		float: left;
		margin-left: 7px;
		margin-top: 6px;
		background-image: url(logo/logo-mobile.PNG);
		width: 220px;
		height: 100px;
		position: absolute;
		background-repeat: no-repeat;
		position: absolute;
		z-index:969;
	}
	
	@media (min-width: 900px) {/** AJUSTE DO LOGO PARA SER VISTO NO CELULAR**/
		.logo {
		   background-image:url(logo/logo.png);
			
		}
	}
	
	
	
	
	
	.slide{
	width:100%;
	height:auto;
	margin-top:20px;
	}
	
	.central{
	width:980px;
	height:600px;
	margin-left:-490px;
	margin-right:-300px;
	margin-top:350px;
	left:50%;
	right:50%;
	position:absolute;
	}
	
	.divconteudo{
margin:5px;
margin:5px;
	width: 100%;
	height: auto;
	}
	
	.titulo{
	font-family:Candara;
	color:#000;
	font-size:40px;
	font-weight:bold;
	}
	
	.titulo-destaque{
	font-family:Candara;
	color:#800040;
	font-size:40px;
	font-stretch:extra-expanded;
	}
	
	.destaque-texto{
	font-family:Candara;
	color:#800040;
	font-size:20px;
	font-weight:bold;
	font-stretch:extra-expanded;
	}
	
	.destaque-roxo-claro{
		font-family: Candara;
		color: #800040;
		font-size: 27px;
		font-stretch: extra-expanded;
	}
	
	.titulo-diferencial{
	font-family:Candara;
	color:#FFF;
	font-size:24px;
	font-weight:bold;
	}
	
	.conteudo{
	font-family:Candara;
	color:#000;
	font-size:24px;
	font-weight:bold;
                margin:10px;
	}
	
	.direitos-autorais{
	font-family:Candara;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	margin-top:230px;
	margin-left:10px;
	position:absolute;
	}
	
	.contato-rodape{
	margin-top:15px;
	margin-left:10px;
	position:absolute;
	}
	
	.telefone-rodape{
		font-size:18px;
	font-family:Candara;
	color:#FFF;
	margin-left:55px;
	margin-top:-55px;
	}
	
	.redes-sociais{
	margin-top:155px;
	position:absolute;
	margin-left:10px;
	}
	
	
	/********************* CSS MENU SUPERIOR **********************************************************************/
	#menu{
		list-style:none;
		font-family:Candara;
		font-size:18px;
		float:right;
		font-weight:bold;
		margin-top:15px;
	}
	
	
	
	#menu ul{
		padding:0px;
		margin:0px;
		list-style:none;
		z-index:999;
	}
	
	#menu li{
	position:relative;
	float:left;
	}
	
	#menu li ul{
	position:absolute;
	display:none;
	background-color:#542437;
	width:230px;
	}
	
	#menu li:hover ul, #menu li.over ul{display:block; transition:all 1s;border-radius:4px;}
	
	
	#menu ul li{
	display:inline;
	margin:7px;
	
	}
	
	#menu :hover{
	color:#FFE96A;
	}
	
	#menu ul li a{
	text-decoration:none;
	transition:all 1s;
	color:#FFF;
	
	}
	
	/*********** CSS DIVS NOSSOS DIFERENCIAIS *********************************************************************/
	
	.p1{
	width:235px;
	height:350px;
	float:left;
	background-color:#000;
	position:absolute;
	}
	
	.p2{
	width:235px;
	height:350px;
	background-color:#000;
	margin-left:250px;
	position:absolute;
	}
	
	.p3{
	width:235px;
	height:350px;
	background-color:#000;
	margin-left:500px;
	position:absolute;
	}
	
	.p4{
	width:235px;
	height:350px;
	background-color:#000;
	margin-left:260px;
	float:right;
	
	}
	
	.p5{
	width:235px;
	height:350px;
	float:left;
	background-color:#000;
	position:absolute;
	margin-top:368px;
	}
	
	/****************** CSS GRID ***********************************************************/
	
	/*  SECTIONS  */
	.section {
		clear: both;
		padding: 0px;
		margin: 0px;
	}
	
	/*  COLUMN SETUP  */
	.col {
		display: block;
		float:left;
		margin: 1% 0 1% 1.6%;
	}
	.col:first-child { margin-left: 0; }
	
	/*  GROUPING  */
	.group:before,
	.group:after { content:""; display:table; }
	.group:after { clear:both;}
	.group { zoom:1; /* For IE 6/7 */ }
	/*  GRID OF FOUR  */
	.span_4_of_4 {
		width: 100%;
	}
	.span_3_of_4 {
		width: 74.6%;
	}
	.span_2_of_4 {
		width: 49.2%;
	}
	.span_1_of_4 {
		width: 23.8%;
		height:315px;
		
	}
	
	/*  GO FULL WIDTH BELOW 480 PIXELS */
	@media only screen and (max-width: 480px) {
		.col {  margin: 1% 0 1% 0%; }
		.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
	}



/** CSS JANELA MODAL*******************************************************************************************/

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {/* CONFIG CSS JANELA MODAL*/
  width:auto; 
  height:auto;
  padding:10px;
  background-color:#FFE96A;
}

#boxes #dialog1 {
  width:375px; 
  height:203px;
}

#dialog1 .d-header {
  background:url(login-header.png) no-repeat 0 0 transparent; 
  width:375px; 
  height:150px;
}

#dialog1 .d-header input {
  position:relative;
  top:60px;
  left:100px;
  border:3px solid #cccccc;
  height:22px;
  width:200px;
  font-size:15px;
  padding:5px;
  margin-top:4px;
}

#dialog1 .d-blank {
  float:left;
  background:url(login-blank.png) no-repeat 0 0 transparent; 
  width:267px; 
  height:53px;
}

#dialog1 .d-login {
  float:left;
  width:108px; 
  height:53px;
}

#boxes #dialog2 {
	background:url(pop-up-loja-virtual/popup/img/loja.jpg) no-repeat 0 0 transparent; 
  width:326px; 
  height:229px;
  padding:50px 0 20px 25px;
}
.close{display:block; text-align:right; text-decoration:none; color:#000;}

.close:hover{
color:#542437;
transition:all 1s;
text-decoration:none;
}