@charset "utf-8";
/* CSS Document 
Criado em 24/09/2015.
desenvolvido por Caio Pires Pereira
Agência YXE - Cliente TEKNIC.*/
.invisivel{display:none;}
.content{
	max-width:980px;
	height:auto;
	margin:0 auto;
	position:relative;
	display:block;}		
.conteudo {
	float:left;
	position: relative;
	display: block;
	width: 100%;
	min-height: 600px;
}
.left-side {
	width: 50%;
	height: 615px;
	float: left;
	position: relative;
	background-color: #69C;}

.right-side {
	width: 50%;
	height: 600px;
	float: left;
	position: relative;
	background-color: #090;}
.top-box {
	position: relative;
	display: block;
	width:100%;
	height: 300px;
	float: left;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ea6020+0,ed3d3d+99 */
background: rgb(234,96,32); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhNjAyMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2VkM2QzZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: white; /* FF3.6+ */
background: white; /* Chrome,Safari4+ */
background: white; /* Chrome10+,Safari5.1+ */
background: white; /* Opera 11.10+ */
background: white; /* IE10+ */
background: white; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea6020', endColorstr='#ed3d3d',GradientType=0 ); /* IE6-8 */
}
.down-box {
	position: relative;
	display: block;
	width:100%;
	height: 315px;
	float: left;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7f7f7f+0,a3a3a3+99 */
background: rgb(127,127,127); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdmN2Y3ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2EzYTNhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(127,127,127,1) 0%, rgba(163,163,163,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(127,127,127,1)), color-stop(99%,rgba(163,163,163,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(127,127,127,1) 0%,rgba(163,163,163,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(127,127,127,1) 0%,rgba(163,163,163,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(127,127,127,1) 0%,rgba(163,163,163,1) 99%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(127,127,127,1) 0%,rgba(163,163,163,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f7f7f', endColorstr='#a3a3a3',GradientType=0 ); /* IE6-8 */
}

.titulo{
	
	font-size:40px;
	line-height:50px;
	color:black;
	margin:20px 0px 30px 0px;
	display:block;
	position:relative;
	text-shadow: 2px -2px 7px rgba(0,0,0,1.0);
	float:left;
	width:100%;
	text-align:center;
	padding-bottom:30px;
	border-bottom:4px solid black;
	 font-family: 'source_sans_probold';}
.titulosemSombra{
	
	font-size:40px;
	line-height:50px;
	color:black;
	margin:20px 0px 30px 0px;
	display:block;
	position:relative;
	float:left;
	width:100%;
	text-align:center;
	padding-bottom:30px;
	border-bottom:4px solid black;
	 font-family: 'source_sans_probold';}
.titulosemSombra2{
	
	font-size:40px;
	line-height:50px;
	color:black;
	margin:20px 0px 30px 0px;
	display:block;
	position:relative;
	float:left;
	width:100%;
	text-align:center;
	padding-bottom:30px;
	 font-family: 'source_sans_probold';}
.titulosemSombraop2{
	
	font-size:40px;
	line-height:50px;
	color:black;
	margin:20px 0px 30px 0px;
	display:block;
	position:relative;
	text-shadow: 2px -2px 7px rgba(0,0,0,0.3);
	float:left;
	width:100%;
	text-align:center;
	padding-bottom:30px;
	border-bottom:4px solid black;
	 font-family: 'source_sans_probold';}
.tituloBranco{
	font-size: 40px;
    line-height: 50px;
    color: white;
    margin: 20px 0px 30px 0px;
    display: block;
    position: relative;
    text-shadow: 2px -2px 10px rgba(0,0,0,1.0);
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 30px;
    border-bottom: 4px solid white;
    font-family: 'source_sans_probold';
}
.branco{
	text-align: center;
    color: white;
    text-shadow: 2px -2px 10px rgba(0,0,0,1.0);
    display: block;
    float: left;
    position: relative;
    width: 100%;
}
.titulo2{
	font-size:50px;
	line-height:50px;
	text-transform:uppercase;
	color:white;
	text-shadow: 1px 1px 5px rgba(0,0,0,.9);
	margin:20px 0px 30px 0px;
	display:block;
	position:relative;
	float:left;
	width:100%;
	text-align:center;
	 font-family: 'source_sans_probold';}	
.titulo2Branco{
	font-size:50px;
	line-height:50px;
	text-transform:uppercase;
	color:black;
	text-shadow: 1px 1px 5px rgba(0,0,0,.9);
	margin:20px 0px 30px 0px;
	display:block;
	position:relative;
	float:left;
	width:100%;
	text-align:center;
	 font-family: 'source_sans_probold';}
.titulo3{
	
	font-size:40px;
	line-height:50px;
	color:#FFF;
	margin:15px 0px 30px 0px;
	display:block;
	position:relative;
	float:left;
	width:100%;
	text-align:center;
	 font-family: 'source_sans_probold';} 
.titulo4{	
	font-size:30px;
	line-height:50px;
	color:#FFF;
	display:block;
	position:relative;
	float:left;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	 font-family: 'source_sans_probold';} 	 
.titulo-footer{
	margin-top:20px;
	color:#FFF;
	font-family:'source_sans_probold';
	text-align:center;
}

.sub-titulo{
	font-size:32px;
	line-height:50px;
	font-family: 'source_sans_probold';
	color:#FFF;
	text-align:center;
}
.bg12 .sub-titulo{
	text-shadow:rgba(0,0,0,0.4) 2px 2px;
}
.content-texto{
	margin:0 auto;
	width:75%;
	height:auto;
	position:relative;
	display:block;
	margin-top: 50px;
	}
.content-texto p a{
	color:black;
	}
.content-empresa{
	margin:0 auto;
	width:80%;
	height:auto;
	position:relative;
	display:block;
	margin-top: 50px;
	margin-bottom: 50px;}

.footer a{color:#FFF;}

p{
	text-align:center;
	color:black;
	/*text-shadow: 2px -2px 10px rgba(0,0,0,1.0);*/
	display:block;
	float:left;
	position:relative;
	width:100%;}
.footer {
	position: relative;
	display: block;
	background: #000;
	width: 100%;
	height: 250px;
	float:left;}

.img-cont-logo{
	margin-top:30px;
	float:left;
	display:block;
	position:relative;
	text-align:center;
	width:100%;}

.stage{
	width:100%;
	min-height:300px;
	display:block;
	position:relative;
	float:left;}
.tarja{
	width:100%;
	height: auto;
	display:block;
	position:relative;
	float:left;
	padding:10px 0px;
	background:#F90;}
	
.coluna{
	float:left;
	position:relative;
	width:299px;
	height:auto;
	margin:20px 12px;}
	
/*DIFENRENCIAS*/	

.image-diferenciais{
	width:100%;
	height:200px;
	margin-bottom:20px;
	display:block;
	float:left;
	position:relative;
	text-align:center;
	}	
	
.diferenciais{
	padding:20px 0px;
	background:#333;
	}	

.diferenciais .titulo{
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.49);
	padding:0px;
	font-size:20px;
	line-height:21px;
	color:#FFF;
	margin:10px 0px;
	display:block;
	position:relative;
	float:left;
	width:100%;
	text-align:center;
	border:none;
	font-family: 'source_sans_probold';
	text-transform:uppercase;}
.diferenciais p{
	text-align: center !important;
	margin:5px;
	font-size:16px;}
	
	
/*DIFENRENCIAS NEWSLLETTER*/		
.newsletter-content{
	float:left;
	margin:10px 0px;
	position:relative;
	width:100%;
	height:auto;
	background: #212121 ;
	padding:20px 0px;
	text-align:center;}

.cad-news{
	margin:0 auto;
	position:relative;
	max-width:750px;}					

.cap-form{
	padding:5px;
	margin:5px;
	width:300px;
	float:left;
	position:relative;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:none;}
.subimt{
	width:100px;
	color:#fff;
	background:#F90;
	cursor:pointer;
	float:left;
	border:none;
	padding:6px 10px;
	margin:5px;
	text-transform:uppercase;
	font-weight:bold;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
	.subimt:hover{
		background:#FF3; color:#F90;}
		
/*CONTATO*/	
.contato-back{
	background: url(../images/background/m1-contato1.jpg) top no-repeat;
	background-size:cover;}
.coluna-contato{
	max-width:456px;
	min-height:710px;
	margin:0 auto;
	position:relative;}	
.formulario{
	margin:5px 3px;
	position:relative;
	float:left;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.29);
	-moz-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.29);
	box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.29);}	
input, textarea {
	display: block;
	float: left;
	margin: 8px 2px;
    padding: 10px;
    border: 1px solid #E5E5E5;
    width: 200px;
    color: #999999;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;}
textarea {
    height: 150px;
    max-width: 427px;
	width: 427px;
    line-height: 18px;}
input:hover, textarea:hover,
input:focus, textarea:focus {
    border-color: 1px solid #C9C9C9;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px;}

placeholder{
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:12px;
	text-align:left;}	
.enviar{
	cursor:pointer;}
	
	
	
/*MAPA*/
.mapa-tekinic{
	height:70vh;
	float:left;}
.mapa{
	width:40%;
	height:300px;
	padding:10px;
	background: url(../images/topo/back-black-30percent.png);
	margin:0 auto;
	position:relative;
	text-align:center;
	top:30px;}
.bt-mapa{
	padding: 13px;
    position: relative;
    color: #FFF;
    border: 1px solid #FFF;
    transition: all 0.4s;
	color:#fff;
	font-family: 'source_sans_probold';
	text-transform:uppercase;
	text-decoration:none;
	top:50px;}
	.bt-mapa:hover{
		background:url(../images/topo/tekinic-back-black.png);}
		
/*SERVIÇOS*/
.right-side-servicos{
	width: 50%;
	min-height: 615px;
	float: left;
	position: relative;
	}
.right-side-empresa{
	width: 45%;
	min-height: 615px;
	float: left;
	position: relative;
	background-color: white;}
.right-side-servicos p{
	text-align:left !important;}
.right-side-empresa p{
	text-align:left !important;}
.left-side-servicos{
	width: 50%;
	height: 615px;
	float: left;
	position: relative;
}
.left-side-menu{
	width: 50%;
	height: 615px;
	float: left;
	position: relative;
}

		
.left-side-servicos .content-texto{ width:90% !important;}

.left-side-menu .content-texto{ width:90% !important;}

.left-side-servicos ul{
	display:block;
	float:left;
	position:relative;	
	width:100%;
	height:auto;}

.left-side-menu ul{
	display:block;
	float:left;
	position:relative;	
	width:100%;
	height:auto;}

.left-side-servicos li{
	width:100%;
	
	margin:10px 0 30px 0;
	display:block;
	text-align:center;
	position:relative;}
.left-side-servicos li a{
	padding:10px;
	background:#F16C00;
	border:1px solid #fff;
	text-decoration:none;
	color:#fff;
	text-transform:uppercase;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: 0.4s; /* For Safari 3.1 to 6.0 */
    	transition: 0.4s;}
	.left-side-servicos li a:hover{ background:#1F1F1F;}

.left-side-menu li{
	width:100%;
	
	margin:10px 0 30px 0;
	display:block;
	text-align:center;
	position:relative;}
.left-side-menu li a{
	padding:10px;
	background:#F16C00;
	border:1px solid #fff;
	text-decoration:none;
	color:#fff;
	text-transform:uppercase;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: 0.4s; /* For Safari 3.1 to 6.0 */
    	transition: 0.4s;}
	.left-side-menu li a:hover{ background:#1F1F1F;}

.botoes a{
	width:210px;
	display:block;
	margin:0px auto;
}


.botoes2 a{
	width:155px;
	display:block;
	margin:0px auto;
}	

.botoes3 li{margin-bottom: 10px;}		
	
/*BACKGROUNDS*/
.bg1{background:url(../images/background/tekinic-fundo-pneu.jpg) center no-repeat; background-size:cover;}
.bg2{background: url(../images/background/tekinic-fundo-injecao.jpg) center no-repeat; background-size:cover;}
.bg3{background: url(../images/background/tekinic-fundo-bateria.jpg) center no-repeat; background-size:cover;}
.bg4{background: url(../images/background/tekinic-alternador.jpg) center no-repeat; background-size:cover;}
.bg5{background: url(../images/background/tekinic-freio-fundo.jpg) center no-repeat; background-size:cover;}
.bg6{background: url(../images/background/tekinic-fundo-eletronica.jpg) center no-repeat; background-size:cover;}
.bg7{background: url(../images/background/m1-fundo-pinca-freio.jpeg) center no-repeat; background-size:cover;}
.bg8{background: url(../images/background/m1-alinhamento.jpg)80% 47%	 no-repeat; background-size: cover; }
.bg9{background: url(../images/background/tekinic-fundo-amortecedor.jpg) center no-repeat; background-size:cover;}
.bg10{background:url(../images/background/tekinic-fundo-revisoes.jpg) center no-repeat; background-size:cover;}
.bg11{background:url(../images/background/tekinic-car-farol-light.jpg) center no-repeat; background-size:cover;}
.bg12{background:url(../images/background/tekinic-fundo-empresa.jpg) 20% 50% no-repeat;background-size:cover;}
.bg13{background:url(../images/background/tekinic-fundo-carro.jpg) center no-repeat;background-size:cover;}
.bg14{background:url(../images/background/tekinic-fundo-regulagem.jpg) center no-repeat; background-size:cover;}
.bg15{background:url(../images/background/tekinic-fundo-prods.jpg) center no-repeat; background-size:cover;}
.bg16{background:url(../images/background/tekinic-fundo-mecanica.jpg) center no-repeat; background-size:cover;}
.bg17{background:url(../images/background/m1-fundo-retifica.jpg) center no-repeat; background-size:cover;}
.bg18{background:url(../images/background/fundo-roda.jpg) center no-repeat; background-size:cover;}
.bg19{background:url(../images/background/oleo-fundo.jpg) center no-repeat; background-size:cover;}
.bg20{background:url(../images/background/tekinic-fundo-freio.jpg) center no-repeat; background-size:cover;}
.bg21{background:url(../images/background/tekinic-fundo2.jpg) center no-repeat; background-size:cover;}
.bg22{background:url(../images/background/fundo.jpg) center no-repeat; background-size:cover;}
.bg23{background:url(../images/background/tekinic-fundo-empresa2.jpg)  no-repeat;}
.bg24{background:url(../images/background/m1-pneus.jpg) 20% 50% no-repeat;background-size:cover;}
.bg25{background:url(../images/background/tekinic-fundo-oleos.jpg) 20% 50% no-repeat;background-size:cover;}
.bg26{background:url(../images/background/fundo-retifica-rodas.jpg) 20% 50% no-repeat;background-size:cover;}
.bg27{background:url(../images/background/m1-ar-condicionado.jpg) 20% 50% no-repeat;background-size:cover;}
.bg28{background:url(../images/background/bannerSitee3.png) 50% 50% no-repeat;background-size:cover;}
.bg29{background:url(../images/background/tekinic-fundo-copa-brasil.jpg) center no-repeat; background-size:cover;}
.bg30{background:url(../images/background/m1-index-pneu.png) center no-repeat; background-size:cover;}
.continental-tyres{background: url(../images/background/m1-rodas.jpg) left no-repeat; background-size:cover;}

.esconder{font-size:0}
						
img.icone{
	width:40px;
	height:auto;
	border:0;
	filter:grayscale(100%);
	-webkit-filter: grayscale(100%);
	transition:all 0.5s;	
}
img.icone:hover,img.icone:active{
	filter:grayscale(0);
	-webkit-filter: grayscale(0);
}

/*VIDEOS COMO CHEGAR*/

.titulos-geral-video{text-align: center;}
.titulo-video{display: inline-block; position: relative; left:30%; font-size: 30px;
    line-height: 50px; color: #FFF; text-shadow: 2px -2px 10px rgba(0,0,0,1.0); border-bottom: 4px solid #fff;
    font-family: 'source_sans_probold'; margin-bottom: 10px;}
.titulo2-video{display: inline-block; position: relative; left: 53%; font-size: 30px;
    line-height: 50px; color: #FFF; text-shadow: 2px -2px 10px rgba(0,0,0,1.0); border-bottom: 4px solid #fff;
    font-family: 'source_sans_probold'; margin-bottom: 10px;}

.videos{text-align: center; margin-bottom: 40px;}

.box-video{width: 31%;float: left;margin: 0 1% 30px 1%;}

.conj-videos{position: relative; left:17%;}

/*MIDIA QUERES*/		
	
@media screen and (max-width: 935px) {
	.right-side{width:100% !important; height:600px; 	display:block;}
	.left-side{width:100% !important; height:600px;	display:block;}
	.right-side-servicos{width:100% !important; min-height:600px; 	display:block;}
	.left-side-servicos{width:100% !important; height:320px;	display:block;}
	.left-side-menu{width:100% !important; height:630px;	display:block;}
	.content-texto{width:70%;}
	#cssmenu{ display:none !important;}
	.nav-menu{ 
		display:block !important;
		width: 100%;
		height: auto;
		float: left;
		position: absolute;
		margin: 0 auto;
		top: 54px;}
		.nav-menu a{
			width:100%;
			height:auto;
			text-transform:uppercase;
			padding:10px 0px;
			display:block;
			margin:0 auto;
			float:left;
			text-align:center;
			text-decoration:none;
			position: relative;
			background: url(../images/topo/tekinic-back-black.png);;
			color:#FFF;
			border-bottom:1px solid;
			-webkit-transition: 0.4s; /* For Safari 3.1 to 6.0 */
    	transition: 0.4s;}
			.nav-menu a:hover{
				background:#F90;
				color:#333;}
	.btmenu{
		color:#FFF;
		background:#666666;
		position:relative;
		float:right;
		font-size:30px;
		padding:10px 7px;
		-ms-transform: rotate(90deg); /* IE 9 */
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		transform: rotate(90deg);
		cursor:pointer;
		right:5px;
		-webkit-transition: 0.4s; /* For Safari 3.1 to 6.0 */
    	transition: 0.4s;}
		.btmenu:hover{
		color:#FFF;
		background:#CCC;
		padding:10px 7px;
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
		transform: rotate(0deg);}
	.capsula-menu-responsivo{
		width:100%;
		height:auto;
		float:left;
		display:block;
		position:relative;}	
	.right-side-empresa{
	width:100%;
	min-height: 870px;
	float: left;
	position: relative;
	background-color: white;}

}

@media screen and (max-width: 640px) {
	.coluna{ width:179px;}
	.content-texto {width: 86%;}
@media screen and (max-width: 480px) {
	.coluna{ width:299px !important; float:none; margin:0 auto;}
	.right-side-empresa{
	width:100%;
	min-height: 520px;
	float: left;
	position: relative;
	background-color: white;
	margin-bottom: 50px;}
	}
	.content-empresa{margin-bottom: 50px;}
@media screen and (max-width: 340px){
	.right-side-empresa{
	width:100%;
	min-height: 1250px;
	float: left;
	position: relative;
	background-color: white;}
	
	
}