/*
Theme Name: Personalizado
Theme URI: http://www.projetoweb.com.br
Description: Personal Theme by Projeto Web
Author: Projeto Web
Author URI: Projeto Web
*/


@font-face {
	font-family: 'futura_bdcn_btbold';
	src: url('fontes/futurabc-webfont.eot');
	src: url('fontes/futurabc-webfont.eot?#iefix') format('embedded-opentype'), url('fontes/futurabc-webfont.woff') format('woff'), url('fontes/futurabc-webfont.ttf') format('truetype'), url('fontes/futurabc-webfont.svg#futura_bdcn_btbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'futura_bdcn_btbold_italic';
	src: url('fontes/futurbci-webfont.eot');
	src: url('fontes/futurbci-webfont.eot?#iefix') format('embedded-opentype'), url('fontes/futurbci-webfont.woff') format('woff'), url('fontes/futurbci-webfont.ttf') format('truetype'), url('fontes/futurbci-webfont.svg#futura_bdcn_btbold_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'arroyoregular';
	src: url('arroy-webfont.eot');
	src: url('arroy-webfont.eot?#iefix') format('embedded-opentype'), url('arroy-webfont.woff') format('woff'), url('arroy-webfont.ttf') format('truetype'), url('arroy-webfont.svg#arroyoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
* {
	font-size: 12px;
	font-family: "arial";
	color: #333333;
	margin: 0;
	padding: 0;
}
* {
	font-family: Arial;
	font-size: 12px;
	color: #000;
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}
body {
	background: #DDDDDD;
	overflow-x: hidden;
}
img {
	border: none;
}
#conteudo-index {
	width: 998px;
	margin: 0 auto;
	display: table;
}
#conteudo-interna {
	width: 998px;
	margin: 0 auto;
}
.direita, .direito {
	float: right;
	margin: 0px 0px 20px 20px;
}
.esquerda, .esquerdo {
	float: left;
	margin: 0px 20px 20px 0px;
}
.borda {
	padding: 5px;
	background: #FCFCFC;
	box-shadow: 2px 2px 3px -1px #838383;
}
.meio {
	display: table;
	margin: 0 auto;
}
.menu-total {
	width: 100%;
	background: rgba(220, 220, 220, 0.84);
}
.logo {
	background: url('images/bg-logo.png') center top no-repeat;
	width: 170px;
	height: 196px;
	position: relative;
	text-align: center;
}
.direita, .direito, .alignright {
	float: right;
	margin: 0px 0px 20px 20px;
}
.esquerda, .esquerdo, .alignleft {
	float: left;
	margin: 0px 20px 20px 0px;
}
.borda {
	padding: 5px;
	background: #FCFCFC;
	box-shadow: 1px 1px 3px 0px #838383;
}
.meio, .aligncenter {
	display: table;
	margin: 0 auto;
}
.menu {
	width: 757px;
	margin: 0 auto;
	height: 98px;
	float: right;
}
.menu li {
	float: left;
	list-style: none;
	padding: 41px 24px;
}
.menu li a {
	font: 14px "Berlin Sans FB";
	color: #153976;
	text-transform: uppercase;
}
.menu li:hover {
}
.menu li:hover a {
	color: #ED2D2D;
}
.current-menu-item {
	background: url('images/bg-menu.png') center bottom no-repeat;
}
.current-menu-item a {
	color: #ED2D2D !important;
}
.rodape-total {
	width: 100%;
	padding: 15px 0px;
	background: #0D2246;
	margin-top: 50px;
	float: left;
}
.rodape {
	width: 998px;
	display: table;
	margin: 0 auto;
}
.logo-rodape {
	float: left;
}
.texto-rodape {
	float: left;
	font: 12px/20px "arial";
	color: #FFF;
	border-left: 1px solid #FFF;
	padding-left: 5px;
	margin-left: 20px;
}
.logo-pw {
	float: right;
	margin: 20px;
}
.img-topo {
	position: relative;
	z-index: -1;
	margin-top: -98px;
	margin-bottom: 20px;
}
.esq {
	float: left;
	width: 447px;
	padding-right: 20px;
	border-right: 1px solid #122F5F;
}
.esq .titulo {
	font: 17px "Berlin Sans FB";
	color: #EC2C2C;
}
.esq .titulo h2 {
	font: 30px "Berlin Sans FB";
	color: #0E254B;
}
.esq .img {
	margin: 8px 0px;
}
.esq .conteudo {
	font: 12px/20px "arial";
	color: #444444;
	text-shadow: 0px 0px 1px #666;
}
.esq .entrar {
	text-align: right;
}
.esq .entrar a {
	font: 12px "Berlin Sans FB";
	color: #F00;
}
.dir {
	float: left;
	width: 510px;
	padding-left: 20px;
	height: 280px;
}
.dir .titulo {
	font: 17px "Berlin Sans FB";
	color: #EC2C2C;
}
.dir .titulo h2 {
	font: 27px "Berlin Sans FB";
	color: #0E254B;
}
.dir .img {
	margin: 8px 0px;
}
.dir .conteudo {
	font: 12px/20px "arial";
	color: #444444;
	text-shadow: 0px 0px 1px #666;
}
.dir .entrar {
	text-align: right;
}
.dir .entrar a {
	font: 12px "Berlin Sans FB";
	color: #F00;
}
.maquinas {
	background: #E6E6E6;
	padding: 10px;
	display: table;
	margin-top: 20px;
	width: 100%;
	box-sizing:border-box;
}
.maquinas .item {
	float: left;
	width: 102px;
	margin: 0px 10px 10px;
}
.maquinas .img {
	width: 102;
	overflow: hidden;
}
.maquinas .conteudo {
}
.maquinas .conteudo a {
	font: 12px "arial";
	color: #333;
	text-shadow: 0px 0px 1px #666;
}
.titulo-total h1 {
	font-size: 22px;
	width: 1012px;
	height: 52px;
	color: #0F3F74;
	box-shadow: 0px 4px 2px -3px #0F3F74, 0px 7px 2px -3px #BEBEBE;
	text-shadow: 1px 1px 2px #A8A8A8;
	background-color: rgba(204, 204, 204, 0.9);
	margin: 0 auto;
	margin-top: -58px;
	padding: 28px 0 0 31px;
}
.texto {
	padding: 20px;
	font: 14px/20px "arial";
	color: #666;
	min-height: 400px;
}
.texto h2 {
	margin-left: -10px;
	margin-bottom: 10px;
	font-size: 16px;
}
.texto p {
	margin-bottom: 23px;
	font: 13px/20px "arial";
	color: #666;
}
#slideShow {
	width: 100%;
	height: 531px;
	overflow: visible;
	position: relative;
}
/*Contato*/

.info-contato {
	width: 998px;
	display: table;
	float: left;
	font-size: 18px;
	margin: 20px 0 0 0;
	text-align: justify;
}
.txt-info {
	font-size: 16px;
}
.tit-contato {
	font-size: 19px;
	color: #000;
	text-shadow: 0px 1px 1px rgba(150, 150, 150, 1);
}
.tit-form {
	width: 983px;
	margin: 0 auto;
	height: 45px;
	line-height: 45px;
	font-size: 18px;
	text-shadow: -1px 1px 1px rgba(90, 80, 51, 0.5);
	color: #FFF;
	text-shadow: 0px 0px 1px #fff;
	float: left;
	background: #063466;
	margin: 25px 0 10px 0;
	padding-left: 15px;
	border-radius: 4px;
	font-family: "AvantGarde Bk BT";
}
.formulario-left {
	float: left;
	margin: 15px 0px 10px;
	width: 444px;
	height: 295px;
	display: table;
}
.formulario-right {
	float: left;
	margin: 15px 0px 0px 70px;
	width: 444px;
	height: 295px;
	display: table;
}
.formulario-left select {
	float: left;
	width: 79px;
	margin-bottom: 10px;
	height: 26px;
	border: 1px solid #000;
}
.formulario-left .nome {
	float: left;
	margin-left: 5px;
	color: #000;
	width: 116px;
	line-height: 26px;
	height: 24px;
	font-size: 16px;
}
.formulario-right .nome {
	float: left;
	margin-left: 5px;
	color: #000;
	width: 140px;
	line-height: 26px;
	height: 24px;
	font-size: 16px;
}
.formulario-left .nome-ativo {
	background: #3D3D3D;
	color: #DBDBDB;
}
.formulario-left .input {
	width: 400px;
	padding: 8px;
	font-size: 14px;
	padding-left: 10px;
	margin-bottom: 15px;
	float: left;
	border: 1px solid #000;
	border-radius: 2px
}
.formulario-left .input-curriculo {
	width: 290px;
	height: 24px;
	padding-left: 10px;
	margin-bottom: 10px;
	float: left;
	border: none;
}
.formulario-left .input:focus, .formulario-right .input.mensagem:focus {
	background: #D9EAFD;
}
.cidade-estado {
	width: 420px;
	height: 70px;
	float: left;
}
.box-cidade-estado {
	width: 181px;
	height: 70px;
	float: left;
}
.box-cidade-estado:nth-child(1) {
	margin-right: 40px;
}
.cidade-estado .nome {
	float: left;
	margin-left: 5px;
	color: #000;
	width: 70px;
	line-height: 26px;
	height: 24px;
	font-size: 16px;
}
.cidade-estado .input {
	width: 180px;
	padding: 8px;
	font-size: 14px;
	padding-left: 10px;
	margin-bottom: 15px;
	float: left;
	border: 1px solid #000;
	border-radius: 2px
}
/**/


.formulario-right .input.mensagem {
	width: 400px;
	height: 158px;
	padding: 10px;
	border: 1px solid #000;
	margin-bottom: 10px;
	float: left;
	color: #000;
	resize: none;
	border-radius: 2px;
	font-size: 14px;
}
.formulario-right .mensagem:focus {
	outline: none;
}
.formulario-right .submit {
	margin-top: 28px;
	width: 160px;
	height: 35px;
	color: #000;
	cursor: pointer;
	float: left;
	font-size: 16px;
	background: #FFF;
	border: 1px solid #000;
	border-radius: 2px
}
.formulario-right .submit:hover {
	background: #D9EAFD;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.maps iframe {
	width: 990px;
	height: 450px;
	float: left;
	margin-top: 15px;
	margin-bottom: 15px;
	border: 6px solid #0B56A6;
	-webkit-box-shadow: 0px 5px 12px 0px rgba(50, 50, 50, 0.45);
	-moz-box-shadow: 0px 5px 12px 0px rgba(50, 50, 50, 0.45);
	box-shadow: 0px 5px 12px 0px rgba(50, 50, 50, 0.45);
}

/**/
img.aligncenter.size-full.wp-image-262 {
    margin-top: 20px;
    border: 4px solid #FFF;
}
.menu-resp
{
	display: none;
}

@media only screen
and (max-width: 998px)
{
	.menu-resp
	{
		background: url('images/menu-resp.png') center no-repeat;
		display: block;
		cursor: pointer;
		padding: 20px 0px;
	}
	.menu
	{
		display: none;
	}
	*
	{
		max-width: 100%;
		box-sizing: border-box;
	}
	#slideShow img
	{
		max-width: initial !important;
	}
	#conteudo-index, .rodape
	{
		display: block;
	}
	.rodape > div
	{
		width: 100%;
		display: block;
		margin: 20px 0px;
		text-align:center;
		border: none;
	}
	.logo
	{
		width: 100%;
		background: #fff;
		height: auto;
		padding: 20px 0px;
	}
	.info-contato
	{
		display: block;
	}
	.menu
	{
		width: 100%;
		float: none;
		background: #fff;
		text-align:center;
		height: auto;
	}
	.menu li
	{
		float: none;
		display: block;
		padding: 20px 0px;
		background: none !important;
	}
	.meio
	{
		height: auto !important;
	}
	.esq, .dir
	{
		width: 670px;
		margin: 40px auto;
		float: none;
		text-align: center;
		border: none;
		padding: 0px;
	}
	.maquinas
	{
		margin: 20px auto;
		width: initial;
	}
	.jcarousel-skin-tango .jcarousel-clip-horizontal
	{
		height: auto !important;
	}
	.jcarousel-prev, .jcarousel-next
	{
		display: none !important;
	}
	.jcarousel-list
	{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.jcarousel-item
	{
		display: inline-block;
		float: none;
	}
	.galeria .titulo
	{
		text-align:center;
	}
	.cidade-estado
	{
		height: auto;
	}
	.cidade-estado .input
	{
		width: 100%;
	}
	.texto img
	{
		height: auto;
	}
	.formulario-left,.formulario-right
	{
		float: none;
		width: 420px;
		margin: 0 auto;
		display: block;
	}
	.img-topo
	{
		overflow:hidden;
	}
	#outerImageContainer
	{
		height: auto !important;
	}
}
