/* CSS Fisiocontrol Ortoshop */

/*Inicio do css reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;

}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	color: #20558c;
	text-decoration: underline;
}

.clear{clear: both;}
address{line-height: 14px;}
b, strong{font-weight: bold;}
i{font-style: italic;}

/*Fim do css reset*/

/* TAGS GERAIS */
html, body{font-family: 'PT Sans', sans-serif; height: 100%; margin: 0; min-height: 100%; min-width: 100%; padding: 0; width: 100%;}

/* HEADER */
header{
	height: auto;
	margin-bottom: 22px;
	width: 100%;
}
	header div#areaLogin{
		background: #323f77;
		height: 5px;
		width: 100%;
	}
		div#areaLogin div#contLogin{
			display: none;
			height: 150px;
			margin: 0 auto;
			opacity: 0;
			padding: 17px 0;
			width: 790px;
		}
			 div#contLogin section{
				 color: #fff;
			 	float: left;
				border-right: 1px solid #9198b9;
				height: 144px;
				padding: 0 40px 0 0;
				width: 328px;
			 }
			 	div#contLogin section.last{border: 0 none !important; padding: 0 0 0 40px !important;}
			 	div#contLogin section h2{
					font-size: 20px;
					font-weight: bold;
					margin-bottom: 18px;
				}
				div#contLogin section p{
					font-size: 14px;
					line-height: 15px;
					margin-bottom: 14px;
				}
				div#contLogin section span{float: left;}
				div#contLogin section span a{color: #fff; font-size: 14px; text-decoration: none;}
				div#contLogin section span a:hover{text-decoration: underline;}
				div#contLogin section span.btEntrar{float: right; margin-right: -43px;}
				div#contLogin section label{
					color: #ced1e5;
					display: block;
					font-size: 13px;
					text-transform: uppercase;
				}
				div#contLogin section input[type="text"], div#contLogin section input[type="password"]{
					background: url(../../img/site/campo_login.png) no-repeat;
					border: 0 none;
					color: #6d749f;
					font-family: 'PT Sans', sans-serif;
					font-style: italic;
					height: 37px;
					margin: 4px 0 10px 0;
					padding: 0 10px;
					width: 351px;
				}
				div#contLogin section input[type="submit"]{
					border: 0 none;
					cursor: pointer;
					height: 17px;
					overflow: hidden;
					text-indent: -9999px;
					width: 76px;
				}

	header div#contHeader{
		height: 77px;
		margin: 0 auto;
		width: 980px;
	}
		div#contHeader h1{
			background: url(../../img/site/logo_viatecnica.png) no-repeat;
			display: block;
			float: left;
			height: 77px;
			overflow: hidden;
			text-indent: -9999px;
			width: 211px;
		}
			div#contHeader h1 a{
				display: block;
				height: 77px;
				width: 211px;
			}
		div#contHeader p{
			color: #707278;
			display: block;
			float: left;
			font-size: 19px;
			letter-spacing: 2px;
			line-height: 14px;
			margin: 56px 0 0 23px
		}
		div#contHeader div#busca{
			float: right;
			height: 77px;
			width: 258px;
		}
			div#busca div.idioma{
				float: left;
				height: 28px;
				text-align: center;
				width: 52px;
			}
				div.idioma span{
					color: #878ba2;
					font-size: 12px;
				}
				div.idioma a{
					display: block;
					float: left;
					height: 15px;
					margin-top: 4px;
					overflow: hidden;
					text-indent: -9999px;
					width: 21px;

				}
					div.idioma a.pt{background: url(../../img/site/flag_br.png) no-repeat;}
					div.idioma a.en{background: url(../../img/site/flag_uk.png) no-repeat; margin-left: 8px;}
			div#busca a.btCliente{
				background-image: url(../../img/site/bt_area_cliente.png);
				background-repeat: no-repeat;
				background-position: left;
				color: #fff;
				display: block;
				float: right;
				font-size: 14px;
				height: 27px;
				overflow: hidden;
				padding: 7px 23px 0 0;
				text-align: center;
				text-decoration: none;
				width: 166px;
			}
			div#busca div.formBusca{
				float: right;
				height: 28px;
				margin-top: 16px;
				width: 258px;
			}
				div.formBusca input[type="text"]{
					background: url(../../img/site/campo_busca.png) no-repeat;
					border: 0 none;
					color: #6d749f;
					float: left;
					font-family: 'PT Sans', sans-serif;
					font-style: italic;
					height: 27px;
					padding: 0 10px;
					width: 237px;
				}
				div.formBusca input[type="submit"]{
					background: url(../../img/site/bt_busca.png) no-repeat;
					border: 0 none;
					cursor: pointer;
					float: left;
					height: 16px;
					margin: 5px 0 0 -25px;
					position: relative;
					overflow: hidden;
					text-indent: -9999px;
					width: 16px;
				}


/* CONTENT */
div#content{
	height: auto;
	margin: 22px auto 50px;
	width: 980px;
}
	/* Menu topo */
	div#content nav#menu{
		display: block;
		float: left;
		height: 259px;
		width: 212px;
	}
		 nav#menu ul li{
			background: #a9aec9;
			display: block;
		 	float: left;
			font-size: 14px;
			height: 27px;
			margin-bottom: 3px;
			text-transform: uppercase;
			width: 212px;
		 }
		 	nav#menu ul li.linkBlue{
				background: #323f77;
			}
			nav#menu ul li a{
				color: #2d396b;
				display: block;
				height: 20px;
				padding: 7px 0 0 17px;
				width: 195px;
				text-decoration: none;

				/* Animation */
				transition: background-color 0.7s ease-out, color 0.5s ease-out;
			}
			nav#menu ul li.linkBlue a{
				color: #fff !important;
			}
				nav#menu ul li a:hover{
					background-color: #d3aa2c;
					color: #fff;

					/* Animation */
					transition: background-color 0.7s ease-out, color 0.5s ease-out;
				}
		nav#menu ul li.twitter, nav#menu ul li.facebook, nav#menu ul li.linkedin, nav#menu ul li.youtube{
			height: 30px;
			margin: 11px 6px 0;
			width: 30px;
		}
			nav#menu ul li.twitter{margin-left: 26px;}
			nav#menu ul li.youtube{margin-right: 26px;}
			nav#menu ul li.twitter a, nav#menu ul li.facebook a, nav#menu ul li.linkedin a, nav#menu ul li.youtube a{
				display: block;
				height: 30px;
				overflow: hidden;
				padding: 0 !Important;
				text-indent: -9999px;
				width: 30px;
			}
				nav#menu ul li.twitter a:hover, nav#menu ul li.facebook a:hover, nav#menu ul li.linkedin a:hover, nav#menu ul li.youtube a:hover{opacity: 0.5;}
				nav#menu ul li.twitter a{background: url(../../img/site/logo_twitter_topo.png) no-repeat;}
				nav#menu ul li.facebook a{background: url(../../img/site/logo_facebook_topo.png) no-repeat;}
				nav#menu ul li.linkedin a{background: url(../../img/site/logo_linkedin_topo.png) no-repeat;}
				nav#menu ul li.youtube a{background: url(../../img/site/logo_youtube_topo.png) no-repeat;}

	/* Vitrine */
	div#content div#vitrine{
		float: left;
		height: 259px;
		margin-left: 22px;
		overflow: hidden;
		width: 746px;
	}
		div#vitrine span.bordaVitrine{
			background: url(../../img/site/borda_vitrine.png) no-repeat;
			display: block;
			height: 259px;
			margin: 0;
			position: absolute;
			width: 746px;
			top: 0;
			z-index: 10;
		}
		div.contVitrine a{
			display: block;
			height: 259px;
			margin: 0;
			overflow: hidden;
			position: absolute;
			text-indent: -9999px;
			width: 746px;
			z-index: 20;
		}
		div#vitrine div#navVitrine{
			float: right;
			margin: -21px 10px 0 0;
			position: relative;
			z-index: 20;
		}
			div#navVitrine a{
				background: url(../../img/site/paginacao.png) no-repeat;
				display: block;
				float: left;
				height: 9px;
				margin: 0 3px;
				opacity: 0.4;
				overflow: hidden;
				text-indent: -9999px;
				width: 9px;
			}
				div#navVitrine a.activeSlide{opacity: 1;}

	/* Conteúdo Principal */
	div#content div.mainContent{
		float: left;
		height: auto;
		margin: 42px 0 0 0;
		width: 694px;
	}

	/* Home */
	div.mainContent section#boxAtuacao{
		background: url(../../img/site/bg_box_atuacao_home.jpg) repeat-y;
		height: 260px;
		width: 694px;
	}
		section#boxAtuacao h2{
			background: url(../../img/site/bg_titulo_atuacao.png) no-repeat;
			color: #fff;
			font-size: 18px;
			font-weight: bold;
			height: 40px;
			margin: 0;
			padding: 12px 0 0 42px;
			text-transform: uppercase;
			width: 652px;
		}
		section#boxAtuacao a{
			display: block;
			float: left;
			margin: 3px 0 0 11px;
			opacity: 1;
			transition: opacity 0.4s ease-out;
		}
			section#boxAtuacao a:hover{
				opacity: 0.6;
				transition: opacity 0.4s ease-out;
			}

	/* Padrão internas */
	div.mainContent h2.tit_interna{
		background: url(../../img/site/bg_titulo_interna.png) no-repeat;
		color: #fff;
		display: block;
		font-size: 18px;
		font-weight: bold;
		height: 37px;
		margin-bottom: 28px;
		padding: 12px 0 0 16px;
		text-transform: uppercase;
		width: 678px;
	}

	/* Formatação dos textos */
	.areaTexto h1, .areaTexto h2, .areaTexto h3, .areaTexto h4, div.galeria h3{color: #323f77; font-family: 'PT Sans', sans-serif; font-weight: bold; line-height: 21px; margin-bottom: 8px;}
	.areaTexto h1{font-size: 20px;}
	.areaTexto h2{font-size: 18px;}
	.areaTexto h3, div.galeria h3{font-size: 16px;}
	.areaTexto h4{font-size: 14px;}
	.titInterna{margin-bottom: 24px !important;}
	.areaTexto ul, .areaTexto ol{color: #323f77; font-size: 13px; margin: 0 0 20px 15px;}
		.areaTexto ul{list-style-type: disc;}
		.areaTexto ol{list-style-type: decimal;}
	.areaTexto p{color: #707278; font-size: 14px; line-height: 17px; margin-bottom: 16px;}
	.areaTexto ul li, .areaTexto ol li{margin: 0 0 10px 20px;}
	.areaTexto blockquote p:before, .areaTexto blockquote q:before{content: url(../../img/site/blockquote_left.png);}
	.areaTexto blockquote p:after, .areaTexto blockquote q:after{content: url(../../img/site/blockquote_right.png);}
	.areaTexto blockquote p, .areaTexto blockquote{color: #898989; font-size: 20px; font-family: 'PT Sans', sans-serif; padding: 0 15px; text-align: center;}
	ul.listaMapa a{text-decoration: none;}
	ul.listaMapa a:hover{text-decoration: underline;}
	span.titSessao{font-size: 16px; font-weight: bold;}
	h2.tit_servico{
		border-bottom: 1px solid #c6c7cd;
		color: #323f77;
		font-size: 26px;
		padding-bottom: 10px;
		width: 694px;
	}

	/* Galeria de Fotos */
	div.galeria{
		height: auto;
		margin: 15px 0;
		overflow: hidden;
		width: 694px;
	}
		div.galeria div.imgsGaleria{
			height: 110px;
			margin: 0 auto;
			overflow: hidden;
			width: 595px;
		}
			div.imgsGaleria ul{
				position: relative;
				height: 106px;
			}
				div.imgsGaleria ul li{
					float: left;
					margin: 0 5px;
				}
					div.imgsGaleria ul li a:hover{opacity: 0.7;}
		div.galeria div.es-nav span{
			cursor: pointer;
			display: block;
			height: 32px;
			margin-top: -69px;
			overflow: hidden;
			position: relative;
			text-indent: -9999px;
			width: 32px;
		}
			div.galeria div.es-nav span:hover{opacity: 0.7;}
			div.galeria div.es-nav span.es-nav-prev{background: url(../../img/site/seta_esq_galeria.png) no-repeat; float: left;}
			div.galeria div.es-nav span.es-nav-next{background: url(../../img/site/seta_dir_galeria.png) no-repeat; float: right;}

	/* Serviços */
	a.btVoltar{
		background: url(../../img/site/bt_voltar.png) no-repeat;
		display: block;
		height: 27px;
		margin: -35px 0 14px 621px;
		overflow: hidden;
		text-indent: -9999px;
		width: 70px;
	}

	div#listaServicos{
		float: left;
		height: auto;
		margin: 30px 0;
		width: 694px;
	}
		div#listaServicos h3{
			border-bottom: 1px solid #c6c7cd;
			color: #323f77;
			font-size: 26px;
			font-weight: bold;
			margin-bottom: 20px;
			padding-bottom: 10px;
		}
		div#listaServicos span{
			displa: block;
			float: left;
			margin: 8px;
			height: 159px;
			width: 215px;
		}
		div#listaServicos article{
			float: left;
			height: 155px;
			margin: 13px 16px 0;
			text-align: center;
			width: 140px;
		}
			div#listaServicos article a:hover{opacity: 0.7;}
			div#listaServicos article img{
				border: 1px solid #999;
			}
			div#listaServicos article h4{
				font-size: 14px;
			}
				div#listaServicos article h4 a{
					color: #323f77;
					text-decoration: none;
				}

		div#fotos{height: 530px; margin-top: 40px; width: 694px;}
		div#slideFotos{
			height: 521px;
			overflow: hidden;
			width: 694px;
		}
			div.contFotos h3{
				background: url(../../img/site/bg_titulo_foto.jpg) repeat;
				bottom: -42px;
				color: #fff;
				display: block;
				font-size: 16px;
				height: 33px;
				position: absolute;
				padding: 5px 10px;
				width: 674px;
			}
		a#prevFotos, a#nextFotos{
			display: block;
			height: 32px;
			margin-top: -256px;
			overflow: hidden;
			position: relative;
			text-indent: -9999px;
			width: 32px;
			z-index: 20;
		}
			a#prevFotos{background: url(../../img/site/seta_esq_galeria.png) no-repeat; float: left; margin-left: 15px;}
			a#nextFotos{background: url(../../img/site/seta_dir_galeria.png) no-repeat; float: right; margin-right: 15px;}

	/* Contato */
	div.formContato span{display: block; float: left;}
	div.formContato span.last{float: right !important;}
	div.formContato span label{color: #323f77; font-size: 16px;}
	div.formContato span input[type="text"], div.formContato span input[type="email"], div.formContato span input[type="file"], div.formContato span select, div.formContato span textarea{
		background: #d8d9dd;
		border: 1px solid #babdcf;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		color: #6d749f;
		font-size: 12px;
		margin: 5px 0 8px;
	}
	div.formContato span.campoFull input[type="text"]{height: 35px; padding: 0 7px; width: 679px;}
	div.formContato span.campoHalf input[type="text"], div.formContato span.campoHalf input[type="email"],
	div.formContato span.campoHalf input[type="file"]{height: 35px; padding: 0 7px; width: 318px;}
	div.formContato span.campoHalf input[type="file"]{height: 28px; padding: 4px; width: 332px;}
	div.formContato span.campoFull select{height: 35px; padding: 7px; width: 693px;}
	div.formContato span.campoHalf select{height: 35px; padding: 7px; width: 332px;}
	div.formContato span.campoFull textarea{height: 141px; padding: 7px; width: 679px;}
	div.formContato span input[type="submit"]{
		border: 0 none;
		cursor: pointer;
		float: right;
		height: 37px;
		overflow: hidden;
		text-indent: -9999px;
		width: 97px;
	}
	.error{background: #323f77 !important; color: #fff !important;}

	/* Accordion */
	section#accordion{float: left; margin: 15px 0;}
	section#accordion h3.titAbas{
		background: url(../../img/site/bg_accordion.png) no-repeat;
		color: #323f77;
		cursor: pointer;
		display: block;
		font-size: 18px;
		font-weight: bold;
		height: 28px;
		margin: 10px 0;
		padding: 9px 0 0 42px;
		width: 652px;
	}
		section#accordion h3.ui-accordion-header-active{
			background: url(../../img/site/bg_accordion_over.png) no-repeat !Important;
			color: #fff !Important;
		}
	section#accordion div.areaTexto{
		background: #d8d9dc;
		border: 1px solid #CCC;
		height: auto !important;
		margin-top: -5px;
		padding: 10px;
	}

	/* Resultado busca */
	div.searchDet span{color: #707278; font-size: 14px; line-height: 16px;}
	span.blue{color: #323f77 !important; font-weight: bold !important;}
	article.searchList{
		border-top: 1px solid #c6c7cd;
		border-bottom: 1px solid #c6c7cd;
		height: 60px;
		margin: 15px 0;
		padding: 10px 0;
		width: 674px;
	}
		article.searchList div.info{
			background: url(../../img/site/icone_busca.jpg) left no-repeat;
			float: left;
			height: 55px;
			padding-left: 50px;
			width: auto;
		}
			div.info h3{
				color: #323f77;
				font-size: 18px;
				margin-bottom: 5px;
			}
			div.info span{color: #707278; font-size: 14px;}
		a.btDownload{
			display: block;
			float: right;
			height: 51px;
			margin-top: 5px;
			width: 122px;
		}

	/* Sidebar */
	div#content div.sidebar{
		float: left;
		height: auto;
		margin: 42px 0 0 28px;
		width: 258px;
	}
		div.sidebar section.clientes{
			background: url(../../img/site/bg_box_clientes.jpg) repeat-y;
			height: 259px;
			width: 258px;
		}
			section.clientes h3, section.atuacao h3{
				color: #fff;
				display: block;
				font-size: 18px;
				font-weight: bold;
				height: 41px;
				padding: 12px 40px 0 0;
				text-align: right;
				text-transform: uppercase;
				width: 218px;
			}
				section.clientes h3{background: url(../../img/site/bg_titulo_clientes.png) no-repeat;}
				section.atuacao h3{background: url(../../img/site/bg_titulo_atuacao_sidebar.png) no-repeat;}
			section.clientes div#slideClientes{
				height: 150px;
				margin: 24px 21px 27px 24px;
				overflow: hidden;
				position: relative;
				width: 213px;
			}
			section.clientes a{
				display: block;
				height: 18px;
				margin: -195px 24px 0 27px;
				overflow: hidden;
				position: absolute;
				text-indent: -9999px;
				width: 213px;
			}
				section.clientes a#prevCliente{background: url(../../img/site/bt_down_clientes.png) no-repeat; margin-top: -27px !important;}
				section.clientes a#nextCliente{background: url(../../img/site/bt_up_clientes.png) no-repeat;}

		div.sidebar section.atuacao{
			height: auto;
			margin: 16px 0;
			width: 258px;
		}
			section.atuacao nav{margin-top: -6px; text-align: right;}
			section.atuacao nav ul li{
				margin-bottom: 4px;
			}
				section.atuacao nav ul li a{
					opacity: 1;
					transition: opacity 0.4s ease-out;
				}
				section.atuacao nav ul li a:hover{
					opacity: 0.6;
					transition: opacity 0.4s ease-out;
				}
		div.sidebar a.bContato{
			display: block;
			float: right;
			height: 184px;
			opacity: 1;
			transition: opacity 0.4s ease-out;
			width: 251px;
		}
		div.sidebar a.bContato:hover{
			opacity: 0.6;
			transition: opacity 0.4s ease-out;
		}


/* FOOTER */
footer{
	background: url(../../img/site/bg_footer.png) repeat-x;
	height: 241px;
	width: 100%;
}
	footer div#contFooter{
		background: url(../../img/site/bg_cont_footer.png) top center no-repeat;
		height: 180px;
		margin: 0 auto;
		padding-top: 42px;
		width: 980px;
	}
		div#contFooter section{
			float: left;
			height: 180px;
		}
			div#contFooter section h3{
				color: #fff;
				font-size: 18px;
				font-weight: bold;
				margin-bottom: 23px;
				text-transform: uppercase;
			}
		div#contFooter section.menuFooter, div#contFooter section.infoFooter{
			border-right: 1px solid #9198b9;
		}
			div#contFooter section.menuFooter{width: 218px;}
			div#contFooter section.infoFooter{margin: 0 27px 0 32px; width: 512px;}
			div#contFooter section.newsletter{width: 188px;}

				section.menuFooter nav ul li{
					background: url(../../img/site/bullet_menu_footer.png) left no-repeat;
					font-size: 14px;
					margin-bottom: 10px;
					padding-left: 16px;
				}
					section.menuFooter nav ul li a{
						color: #fff;
						text-decoration: none;
					}
						section.menuFooter nav ul li a:hover{
							color: #d3aa2c;
						}
			section.infoFooter address{
				color: #fff;
				float: left;
				font-size: 14px;
				line-height: 16px;
				margin: 0 33px 14px 0;
			}
				section.infoFooter address h4{
					font-size: 14px;
					font-weight: bold;
				}
			section.infoFooter nav ul li{
				float: left;
				margin-right: 13px;
			}
				section.infoFooter nav ul li a{
					display: block;
					height: 31px;
					overflow: hidden;
					text-indent: -9999px;
					width: 32px;
				}
					section.infoFooter nav ul li a:hover{opacity: 0.6;}
					section.infoFooter nav ul li.twitter a{background: url(../../img/site/logo_twitter_footer.png) no-repeat;}
					section.infoFooter nav ul li.facebook a{background: url(../../img/site/logo_facebook_footer.png) no-repeat;}
					section.infoFooter nav ul li.linkedin a{background: url(../../img/site/logo_linkedin_footer.png) no-repeat;}
					section.infoFooter nav ul li.youtube a{background: url(../../img/site/logo_youtube_footer.png) no-repeat;}

			section.newsletter{height: 168px !important;}
			section.newsletter h3{margin-bottom: 4px !important;}
			section.newsletter label{
				color: #fff;
				font-size: 11px;
				text-transform: uppercase;
			}
			section.newsletter input[type="email"], section.newsletter input[type="text"]{
				background: url(../../img/site/campo_newsletter.png) no-repeat;
				border: 0 none;
				color: #6d749f;
				font-family: 'PT Sans', sans-serif;
				font-style: italic;
				height: 28px;
				margin: 3px 0;
				padding: 0 7px;
				width: 176px;
			}
			section.newsletter input[type="submit"]{
				border: 0 none;
				cursor: pointer;
				float: right;
				height: 23px;
				margin-top: 4px;
				margin-right: -2px;
				overflow: hidden;
				text-indent: -9999px;
				width: 77px;
			}

		div#contFooter a.assSupra{
			background: url(../../img/site/assin_supra.png) no-repeat;
			display: block;
			height: 17px;
			float: right;
			margin-top: 7px;
			overflow: hidden;
			text-indent: -9999px;
			width: 24px;
		}


/* Recuperar Senha */
div.recoverPass{
    height: 94px;
    margin: 0;
    padding: 32px;
    width: 408px;
}
	div.recoverPass label{
		color: #323f77;
		font-size: 14px;
	}
	div.recoverPass input[type="text"]{
		background: #ced1e5;
		border: 1px solid #323f77;
		color: #323f77;
		float: left;
		height: 35px;
		margin: 6px 0;
		padding: 0 6px;
		width: 394px;
	}
	div.recoverPass input[type="submit"]{
		background: #323f77;
		border: 0 none;
		color: #fff;
		cursor: pointer;
		float: right;
		height: 28px;
		width: 90px;
	}
		div.recoverPass input[type="submit"]:hover{
			background: #5c6aa6;
		}
	a#btBox2{color: #fff; float: right; font-size: 12px;}