/* ==== HELPERS ==== */
@media screen and (min-width: 768px) {
    .oculta-mobile { display: block !important; }
    .oculta-desktop { display: none !important; }
}
@media screen and (min-width: 0px) and (max-width: 768px) {
    .oculta-mobile { display: none !important; }
    .oculta-desktop { display: block !important; }
}

.borda-redonda {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.sombra {
	box-shadow: 0px 0px 7px #9E9E9E;
}

body {
	background: url('../images/bg.jpg') repeat;
}
@media screen and (min-width: 0px) and (max-width: 768px) {
    body { background: #FFF; }
}



/* ==== TOPO ==== */
header .topo {
	background: #00ABCF;
	color: #FFF;
}
header .topo a, header .topo a:hover {
	color: #FFF;
	text-decoration: underline;
}
header nav ul, header nav ul li {
	display: inline-block;
	list-style: none;
	padding: 0;
}
header nav ul li {
	padding-right: 10px;
} 
header nav ul li a {
	text-decoration: none !important;
}
header .logo img {
	margin: 20px 0;
	max-width: 100%;
}
header .icone-menu-mobile {
	position: absolute;
	margin-top: 35px;
	margin-left: 15px;
	z-index: 9999;
}
header .login {
	text-align: center;
	padding-top: 44px;
	font-size: 13px;
	width: 20%;
}
header .menu {
	padding-top: 44px;
	text-transform: uppercase;
	font-size: 13px;
	width: 50%;
}
header .icones {
	width: 5%;
	padding-top: 35px;
}
header .icones img {
	width: 25px;
	margin: 3px;
}
header .icones .icones-img {
	position: absolute;
	margin-left: -31px;
}

/* ajustes mobile */
@media screen and (min-width: 0px) and (max-width: 768px) {
    header .logo { text-align: center;  }
}

@media screen and (max-width: 1234px) {
    header .menu { padding-top: 44px; }
}
@media screen and (max-width: 1168px) {
	header .login { padding-top: 44px; }
}
@media screen and (max-width: 997px) {
	header .icones .icones-img { margin-left: -42px; width: 70px; }
}

@media screen and (max-width: 1218px) {
	nav ul li.busca { display: none; }
	header .icones .icones-img { display: none }
}

/* ==== CONTEUDO ==== */
.conteudo a, .conteudo a:hover {
	color: #767676;
	text-decoration: none;
}
.conteudo .voltar {
	position: absolute;
	right: 0;
	margin-right: 15px;
	margin-top: -7px;
}
.conteudo .voltar img {
	width: 32px;
}

.conteudo .tituloPrincipal {
	margin-bottom: 20px;
}
.conteudo .tituloPrincipal h1 {
	font-family: 'Passion One', cursive;
	font-size: 32px;
	text-transform: uppercase;
	color: #F7053F;
	margin-top: 20px;
}

.conteudo .tituloPrincipal h1.px28 {
	font-size: 28px;
}
.conteudo .tituloPrincipal .bordaTitulo {
		border-bottom: 1px #F7053F solid;
	padding-bottom: 10px;

}
.conteudo .tituloPrincipal .voltar {
	position: absolute;
	right: 0;
	margin-right: 15px;
	margin-top: 15px;
}
.conteudo .tituloPrincipal .voltar img {
	width: 32px;
}


/*///////GLOBAL PAGINAS INSTITUCIONAIS////////*/
.producaoTexto h2{
	margin-top:35px;
	margin-bottom:0px;
	padding:0px;
	font-weight:bold;
	text-transform: uppercase;
	font-size:16px;
	color: #777;	
	
}
.producaoTexto p {
	font-weight:lighter;
	text-transform: uppercase;
	font-size:12px;
	color: #777;		
}
.producaoTexto span {
	color: #F7053F;		
}
.centralizaTexto {
	width:100%;	
	text-align:center;
	margin-bottom:25px;
}

.espace {
	margin-bottom:50px;	
}

.conteudo .btn-add-carrinho  {
	width: 40%;
	border: 0;
	font-size: 14px;
	color: #FFF;
	background: #00B600;
	text-transform: uppercase;
	font-weight: bold;
	padding: 20px 0;	
}
.boxselect select {
   border: 0;
   color: #767676;
   background: transparent;
   margin-left:-1%;
   margin-top:-1%;
   padding-left:1%;
  
   width: 103%;
   height:30px;
   
   *width: 99%;
   *background: #fff;
   *margin-left:-3%;
   -webkit-appearance: none;  
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none; 
}
.boxselect {
   overflow:hidden;
   background: #fff url("../images/sta.png") no-repeat scroll 99% center;
}

/*///////RODAPÉ INSTITUCIONAIS////////*/
.meio {
	background-color:#ededed;
	margin: 20px 0;
}
.subLigue p{
	margin-top:35px;
	font-weight:bold;
	text-transform: uppercase;
	font-size:15px;
	color: #1e485c;
	text-align:center;
}
.whats{
	padding:16px 0;
	font-weight:bold;
	text-transform: uppercase;
	font-size:28px;
	color: #189d0e;
	text-align:center;
	border:solid #189d0e 1px;
	margin:5px 0;
	border-right: 0;
}
.tel{
	padding:16px 0;
	font-weight:bold;
	text-transform: uppercase;
	font-size:28px;
	color: #255d90;
	text-align:center;
	border:solid #255d90 1px;
	margin: 5px 0 45px 0px;
}

/*/////QUEMSOMOS/////// */
.QuemSomosTopo{
    background-image:url(../images/quemsomos2.jpg);
    background-color:#fff;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;  
    height: 800px;
    width:100%; 
}
.QuemSomosTopo .voltar {
    position: static;
    width: 100%;
    text-align: right;
    margin-top: 15px;
}
.video-quemsomos {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}
.video-quemsomos video {
    width: 694px;
    margin-left: -16px;
    margin-top: 182px;
}
.video-quemsomos video::-webkit-media-controls {
  /*display: none;*/
}
.cartoes {
    margin-top: 10px;
    width:100%;
    height:200px;
    background-color:#5fa9cc;
    text-align:center;
    display: flex;
    align-items: center;
    padding:10px;
}
.cartoes p{
    font-weight:lighter;
    line-height:1.3;
    text-transform: uppercase;
    font-size:11px;
    color: #fff;
    padding:10px 20px;
    margin:0px; 
}
.textoQuemSomos p{
    text-align: center;
    font-weight:lighter;
    text-transform: uppercase;
    font-size:13px;
    color: #767676;
    padding:30px 200px;
    margin:0px; 

}
.textoQuemSomos b{
    font-weight:800;

}

/* ajustes mobile */
@media screen and (min-width: 0px) and (max-width: 768px) {
    .QuemSomosTopo { background: none; height: auto; }
    .video-quemsomos { position: static; }
    .video-quemsomos video { margin: 25px 0 50px 0; width: 100%; }
    .conteudo .btn-add-carrinho { width: 100%; text-align: center; }
    .conteudo .btn-add-carrinho button { width: 100%; max-width: 250px; }
}



/*/////CONTATO/////// */
.contatoTopo{
	background-image:url(../images/contato_topo.png);
	background-color:#fff;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;	
	height: 454px;
	width:100%;	
}
.contatoRodape{
	background-image:url(../images/contato_rodape.png);
	background-color:#1e485c;
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;	
	height: 354px;
	width:100%;	
}
.quiosques h3{
	font-weight:bold;
	text-transform: uppercase;
	font-size:15px;
	color: #f9ba48;
	text-align:left;
	margin:0px;
}
.quiosques p{
	font-weight:normal;
	font-size:12px;
	color: #767676;
	text-align:left;
	margin:0px;
	padding:0px;
}
.quiosques img{
	width:100%;
	margin: 15px 0px;
}
.franquia {
	text-align:center;
	padding-top:80px;
	
}
.franquia h2{
	font-weight:800;
	text-transform: uppercase;
	font-size: 23px;
	color: #f9ba48;
	margin:0px;
}
.franquia p{
	font-weight:normal;
	font-size:11px;
	color: #767676;
	margin:0px;
	padding:0px;
}
.personalize {
	text-align:center;
	padding-top:120px;
	
}
.personalize h2{
	font-weight:800;
	text-transform: uppercase;
	font-size: 19px;
	color: #f9ba48;
	margin:0px;
}
.personalize p{
	text-transform: uppercase;
	font-weight:normal;
	font-size:13px;
	color: #fff;
	margin:0px;
	padding:0px;
}
.novidades{
	background-color:#00d2ff;
	text-align:center;
	padding:20px;	
}
.novidades h1{
	color:#fff;
	font-weight:800;
	font-size:28px;	
	margin: 0px;
}
.novidades p{
	color:#357988;
	font-weight:normal;
	font-size:11px;	
}
.novidades input{
	height: 50px;
	width:100%;			
	margin: 5px 0px;
}
.novidades button{
	width: 100%;
	border: 0;
	font-size: 16px;
	color: #FFF;
	background: #d40c40;
	text-transform: uppercase;
	font-weight: normal;
	padding: 15px 0;		
	margin: 5px 0px;
}
.btn-add-contato  {
	width: 100%;
	border: 0;
	font-size: 14px;
	color: #FFF;
	background: #00B600;
	text-transform: uppercase;
	font-weight: bold;
	padding: 20px 0;	
}
.btn-add-franquia  {
	width: 50%;
	border: 0;
	font-size: 16px;
	color: #FFF;
	background: #ff8a00;
	text-transform: uppercase;
	font-weight: bold;
	padding: 15px 0;	
}
.btn-add-personalize  {
	width: 30%;
	border: 0;
	font-size: 16px;
	color: #FFF;
	background: #ff8a00;
	text-transform: uppercase;
	font-weight: bold;
	padding: 15px 0;	
}
/*/////FAQ/////// */
.perguntas{
	background:#ff8a00;
	width:100%;
	margin-top:5px;
	display:flex;
	align-items:center;
	
}
.perguntas img{
	margin:5px 15px;
}
.perguntas span{
	font-size: 13px;
	color: #FFF;
	text-transform: uppercase;
	font-weight:800;
	padding-left:2px;
}
.respostas{
	width:98%;
	padding:2	0px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left:20px;
	text-align:left;
}

/*/////LOGIN/CADASTRO/////// */
.conteudo .btn-add-efetuarLogin  {
	width: 60%;
	border: 0;
	font-size: 14px;
	color: #FFF;
	background: #00B600;
	text-transform: uppercase;
	font-weight: bold;
	float:left;
	padding: 20px 0;	
	margin-bottom:20px;
}
.conteudo .btn-add-crieCadastro  {
	width: 100%;
	border: 0;
	font-size: 14px;
	color: #FFF;
	background: #00B600;
	text-transform: uppercase;
	font-weight: bold;
	padding: 20px 0;	
}

.conteudo .btn-add-loginFacebook  {
	width: 100%;
	border: 0;
	font-size: 14px;
	color: #FFF;
	background: #3b5998;
	text-transform: uppercase;
	font-weight: bold;
	padding: 20px 0;	
}

.ou {
	text-align:center;
	padding-top: 50px;
	padding-bottom: 20px;
	font-size: 14px;
	color: #d40c40;
	text-transform: uppercase;
	font-weight:normal;
}




/* ajustes mobile */
@media screen and (min-width: 0px) and (max-width: 768px) {
	.conteudo .caminho { font-size: 18px; padding-right: 40px; }
	.conteudo .tituloPrincipal { text-align: center; }
    .conteudo .tituloPrincipal .bordaTitulo { border-bottom: none; padding: 0px 30px; }
    /*//////RODAPÉ INSTITUCIONAIS/////////*/
	.subLigue p{ margin-top:90px;}
	.whats { margin:0 15px;}
	.tel { margin:5px 15px 45px 15px;}

	/*/////CONTATO/////// */
	.contatoTopo{ height: 180px;}
	.contatoRodape{ height: 180px;}
	.franquia , .personalize {padding-top:20px;}
	.personalize h2{font-weight:bold; font-size: 15px;}
	.personalize p{font-size:11px;}
	.btn-add-franquia  { width: 30%; margin-bottom:20px;}
	.btn-add-personalize  { width: 80%; margin-bottom:0px; font-size: 13px; padding: 10px 0;}
	.novidades h1{ font-size:20px;}

	/*/////QUEM SOMOS/////// */
	.perguntas{ text-align:left;}
	.respostas{padding-left:0px; text-align:center;}
	.cartoes {padding: 2px;}
	.cartoes p{	font-size:10px; font-weight: normal; padding: 5px 5px;}
	.textoQuemSomos p{	padding:30px 50px;}

	/*/////LOGIN/CADASTRO/////// */
	.conteudo .ou { padding-top: 0px; padding-bottom: 20px; margin-top:-20px;}
	.conteudo .esqueci span{ float:right; }
	.conteudo .btn-add-efetuarLogin{ float:none; }

}



/* ==== RODAPÉ ==== */
.footer {
	background: #FFF;
	padding-top: 60px;
	padding-bottom: 30px;
}
.footer h2 {
	padding: 0;
	margin: 0;
	font-family: 'Passion One', cursive;
	font-size: 28px;
	color: #00D3FF;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.footer ul, .footer ul li {
	padding: 0;
	margin: 0;
	list-style: none;
	text-transform: uppercase;
	color: #C3C3C3;
}
.footer ul li a, .footer ul li a:hover {
	color: #C3C3C3;
}
.footer .redes {
	text-align: right;
}
.footer .redes img {
	margin: 10px 0;
}
@media screen and (min-width: 0px) and (max-width: 768px) {
    .footer {
		background: #5fa9cc;
		padding-top: 20px;
		padding-bottom: 30px;
		text-align: center;
	}
	.footer li {
		padding: 0;
		margin: 0;
		list-style: none;
		text-transform: uppercase;
		color: #fff;
	}
	.footer h2{
		color:#fff;
		margin-top:10px;
	}
	.footer ul {
		margin-top:10px;
	}
	.footer ul li a, .footer ul li a:hover {
		color: #fff;
	}
	.footer .redes {
		text-align: center;
	}
	.footer .redes img {
		margin: 10px 0;
	}
}