/*
Theme Name: Tecnotica
Theme URI: http://www.tecnotica.com.br
Description: 
Author: Interset
Version: 1.0
License: 
License URI: 
Tags: 
Text Domain: Tecnotica
*/
/* =
-------------------------------------------------------------- */


@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'comfortaalight';
    src: url('fonts/comfortaa-light-webfont.eot');
    src: url('fonts/comfortaa-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/comfortaa-light-webfont.woff2') format('woff2'),
         url('fonts/comfortaa-light-webfont.woff') format('woff'),
         url('fonts/comfortaa-light-webfont.ttf') format('truetype'),
         url('fonts/comfortaa-light-webfont.svg#comfortaalight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'comfortaabold';
    src: url('fonts/comfortaa-bold-webfont.eot');
    src: url('fonts/comfortaa-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/comfortaa-bold-webfont.woff2') format('woff2'),
         url('fonts/comfortaa-bold-webfont.woff') format('woff'),
         url('fonts/comfortaa-bold-webfont.ttf') format('truetype'),
         url('fonts/comfortaa-bold-webfont.svg#comfortaabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'comfortaaregular';
    src: url('fonts/comfortaa-regular-webfont.eot');
    src: url('fonts/comfortaa-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/comfortaa-regular-webfont.woff2') format('woff2'),
         url('fonts/comfortaa-regular-webfont.woff') format('woff'),
         url('fonts/comfortaa-regular-webfont.ttf') format('truetype'),
         url('fonts/comfortaa-regular-webfont.svg#comfortaaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*----------------------------------- BODY -----------------------------------*/
body {
	background: url('images/back-site.png');
	font-family: 'comfortaalight';
	position: relative;
}
a, li, input, textarea, img {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
img {
	max-width: 100%;
	max-height: 100%;
}
/*******************************************************************************
							HEADER
*******************************************************************************/
.main {
	background: url(images/back-main.png);
	padding: 5px 0;
	width: 100%;
	top: 0;
	position: fixed;
	z-index: 9999999 !important;
}
.menu {
	background: rgba(255, 252, 255, 0.7);
	padding: 5px 0;
	width: 100%;
	top: 39px;
	position: fixed;
	z-index: 999;
}
.menu-topo {
	background: none;
	border: none;
	margin: 13px 0 0 0;
}
.menu-topo-int>li>a {
	color: #071f5b !important;
}
.menu-topo-int>li>a:hover {
	text-decoration: underline;
}
.slider {
	padding: 39px 0 0 0;
	position: relative;
	z-index: 1;
}
/*******************************************************************************
							PARALAX
*******************************************************************************/
/* background setup */
.background {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-position: 50% 50%\9 !important;
}
.not-fullscreen, .not-fullscreen .content-a, .fullscreen.not-overflow, .fullscreen.not-overflow .content-a {
	height: 100%;
	overflow: hidden;
}
/* content centering styles */
.content-a {
	display: table;
	height: 500px;
}
.content-b {
	display: table-cell;
	position: relative;
	vertical-align: middle;
	text-align: center;
}
.not-fullscreen {
	min-height: 500px;
}
/*******************************************************************************
							SERVIÇOS
*******************************************************************************/
.servico {
	width: 100%;
	margin: 70px 0 50px 0;
}
.titulo-servicos {
	width: 80%;
	margin: 10px 10%;
	min-height: 45px;
}
.botao {
	width: 100%;
}
/*******************************************************************************
							IMPERDIVEIS
*******************************************************************************/
.imperdível {
	background: #fff;
	width: 100%;
	padding: 50px 0;
}
.titulo-inperdivel {
	background: #2150c9;
	padding: 5px 15px;
	margin: 35px 0 0 0;
}
.texto-imperdivel {
	line-height: 28px;
	margin: 40px 0 0 8%;
}
.ate-imperdivel {
	width: 95%;
	margin: 10px 1.5%;
	border-top: 2px solid #ff3c00;
}
/*******************************************************************************
							NEWSLETTER
*******************************************************************************/
.newsletter {
	background: url(images/back-news.jpg) top;
	padding: 15px 0;
	width: 100%;
}
.newsletter input[type="text"] {
	float: left;
	width: 70%;
	background: #282d39;
	padding: 4px 10px;
	border: none;
	color: #fff;
}
.newsletter input[type="submit"] {
	float: left;
	width: 20%;
	background: url(images/btn-news.png);
	border: none;
	color: #fff;
	padding: 4px 0;
}
/*******************************************************************************
							BLOG
*******************************************************************************/
.blog-home {
	padding: 50px 0;
}
.data-blog {
	background: #2150c9;
	width: 40px;
	position: absolute;
	line-height: 18px;
	padding: 8px 6px;
	margin: 0 0 0 10px;
}
.titulo-blog {
	width: 74%;
	margin: 4px 0 5px 19%;
	height: 46px;
}
.thumb-post {
	width: 100%;
	margin: 0 0 25px 0;
}
.thumb-post img {
	width: 100%;
	height: auto;
}
.titulo-bloco {
	line-height: 25px;
}
/*******************************************************************************
							DEPOIMENTOS
*******************************************************************************/
.depoimentos-home {
	padding: 50px 0;
	background: #fff;
}
.thumb-depoimentos {
	width: 30%;
	margin: 30px 0;
}
.titulo-depoimentos {
	width: 70%;
	margin: 110px 0 0 0;
}
.texto-depoimentos {
	width: 70%;
	margin: 25px 0 0 0;
}
.back-depo {
	background: url(images/back-depo.png) top repeat-x;
}
.seta-esq {
	background: none !important;
	margin: 17% 0 0 -100px;
}
.seta-dir {
	background: none !important;
	margin: 17% -100px 0 0;
}
/*******************************************************************************
							PAGINAS
*******************************************************************************/
.titulo-pages {
	padding: 10px 0;
	background: url(images/back-titulo=pages.jpg) bottom repeat-x;
	padding: 130px 0 10px 0;
	position: relative;
	width: 100%;
}
.titulo-pages-novidades {
	padding: 10px 0;
	background: url(images/back-titulonovidades.jpg) bottom repeat-x;
	padding: 130px 0 10px 0;
	position: relative;
	width: 100%;
}
.titulo-pages-institucional {
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	padding: 130px 0 10px 0;
	position: relative;
	width: 100%;
}
.conteudo-pagina {
	background: #fff;
	padding: 50px 0;
}
.institucional {
	padding: 50px 0;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
/*******************************************************************************
							NOSSAS LOJAS
*******************************************************************************/
.nossas-lojas {
	position: relative;
}
.nossas-lojas iframe {
	width: 100%;
	height: 510px;
}
.menu-mapa {
	position: absolute;
	top: 0;
	width: 100%;
	background: none;
}
.menu-mapas {
	background: #2d56b2;
	width: 100%;
	padding: 10px 4px;
}
.menu-mapas>li>a {
	color: #fff;
	text-align: center;
	width: 90%;
	margin: 0 5%;
	border-bottom: 1px solid #fff;
	text-shadow: 1px 1px 2px #000;
}
.menu-mapas>li>a:hover {
	text-decoration: underline;
	background: none !important;
}
.single-produto {
	padding: 50px 0;
}
.descri-titulo {
	width: 100%;
	border-bottom: 1px solid #aaa;
	margin: 15px 0 15px 0;
	padding: 0 0 -5px 0;
}
.cod-prod {
	width: 100%;
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #ccc;
}
.vezes {
	padding: 5px 0 5px 10px;
	border-left: 1px solid #ccc;
}
/*******************************************************************************
							LANCAMENTOS
*******************************************************************************/
.lancamentos {
	background: rgba(255, 255, 255, 0.6);
	height: 100%;
	padding: 60px 0;
}
.produto-lanca {
	width: 100%;
	background: #fff;
	box-shadow: 4px 4px 8px #bbb;
	margin: 15px 0;
}
.thumb-lancamento {
	width: 100%;
	border-bottom: 1px solid #aaa;
}
.thumb-lancamento img {
	width: 100%;
	height: auto;
}
.titulo-lanca {
	width: 100%;
	padding: 7px 0;
}
.preco-lanca {
	width: 100%;
	padding: 8px 0;
}
.descricao-lanca {
	width: 95%;
	padding: 5px 2.5%;
}
.saiba-mais {
	width: 100%;
	padding: 5px 0 15px 0;
}
/*******************************************************************************
							MARCAS
*******************************************************************************/
.marcas {
	padding: 50px 0;
}
.thumb-marca {
	background: #fff;
	width: 100%;
	padding: 30px 20px;
	border: 1px solid #999;
	border-radius: 50%;
}
/*******************************************************************************
							MAPA
*******************************************************************************/
.mapa {
	box-shadow: inset 0 0 15px #000;
	border-bottom: 20px solid #071f5b;
}
.mapa>iframe {
	position: relative;
	z-index: -1;
}
/*******************************************************************************
							FOOTER
*******************************************************************************/
.footer {
	padding: 30px 0;
	border-bottom: 1px solid #ccc;
}
.bottom {
	padding: 20px 0;
}
.wpcf7-text {
	padding: 7px 5px;
	border: solid 1px #d0d0d0;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 928px;
	margin-bottom: 15px;
}
.wpcf7-textarea {
	padding: 7px 5px;
	border: solid 1px #d0d0d0;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 928px;
	margin-bottom: 15px;
	height: 100px;
}
.wpcf7-select {
	padding: 7px 5px;
	border: solid 1px #d0d0d0;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 300px;
}
.wpcf7-text:focus, .wpcf7-select:focus, .wpcf7-textarea:focus {
	border: solid 1px #66afe9;
	-webkit-box-shadow: 0px 0px 11px 0px rgba(102, 175, 233, 0.75);
	-moz-box-shadow: 0px 0px 11px 0px rgba(102, 175, 233, 0.75);
	box-shadow: 0px 0px 11px 0px rgba(102, 175, 233, 0.75);
}
.input-group .wpcf7-text {
	padding: 7px 5px;
	border: solid 1px #d0d0d0;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 200px;
}
.input-group .wpcf7-textarea {
	padding: 7px 5px;
	border: solid 1px #d0d0d0;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 200px;
	height: 114px;
	margin-top: 22px;
}
.wpcf7-submit {
	background: #428bca;
	color: #fff;
	border: none;
	cursor: pointer;
	padding: 7px 30px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float: right;
	margin: 0 18px 0 0;
}
/***/
.form-agende .wpcf7-text {
	width: 740px;
	margin: 0 0 10px 0;
}
.campos-menores .wpcf7-text {
	width: 32.4%;
	float: left;
	margin: 0 5px 20px 0;
}

.lojas .item {
	height: 180px;
}
.lojas .item .titulo-footer {
	text-transform: uppercase;
}

.addthis_toolbox {
	position: absolute;
	top: -35px;
	right: 15px;
}