@charset "UTF-8";

/**
 *	Description: Versão Tablet.
 *
 *	Version: 2.0
 *
 *	Author: Claudio Bomfim
 */


/* Elementos gerais */

 * {
 	margin:0;
 	padding:0;
 }

 hr {
 	width:80%;
 	margin:0 auto;
 	border-top:1px solid #DDD;
 	border-bottom:1px solid #FFF;
 	border-left:none;
 	border-right:none;
 }

/* Estilos de corpo */

body {
	background-color:#FFF;
	min-width:320px;
}

/* Formatação de texto */

b, strong {
	font-weight:bold;
}

a, p, font, h1, h2, h3, h4, h5, h6, li,
input[type=text], input[type=password], input[type=submit], input[type=button], button, textarea, select {
	font-family:"Calibri", Arial;
	text-decoration:none;
}
a {
	font-size:16px;
	font-weight:500;
	color:#444;
	border:none;
}
a:hover, a:focus {
	text-decoration:underline;
}

img { border:none }

p, font {
	font-size:14px;
	font-weight:200;
	color:#555;
}

h1 {
	font-size:80px;
	font-weight:lighter;
	color:#444;
}

h2 {
	font-size:26px;
	font-weight:lighter;
	color:#444;
}

h3 {
	font-size:22px;
	font-weight:lighter;
	color:#444;
}

h4 {
	font-size:18px;
	font-weight:400;
	color:#444;
}

h5 {
	font-size:14px;
	font-weight:400;
	color:#444;
}

h6 {
	font-size:10px;
	font-weight:400;
	color:#444;
}

/* Listas */

ul, ol {
	list-style-position:inside;
}

li {
	font-size:16px;
	font-weight:400;
	color:#444;
	line-height:1.5;
}

/* Estilos de formulário */

input[type=text], input[type=password], select {
	outline:none;
	border:1px solid #CCC;
	padding:6px;
	font-size:16px;
	color:#444;
}

textarea {
	outline:none;
	border:1px solid #CCC;
	padding:6px;
	font-size:16px;
	color:#444;
}

input[type=submit], input[type=button], button {
	font-size:16px;
}

select {
	padding:6px !important;
}

/* Classes */

.mascara {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	z-index:1999;
}
.alerta {
	position:fixed;
	top:50%;
	left:50%;
	margin:-125px -225px;
	width:450px;
	height:auto;
	min-height:150px;
	background-color:#FFF;
	border:1px solid #CCC;
	border-radius:10px;
	box-shadow:0 0 15px rgba(0,0,0,0.5);
	overflow:hidden;
	z-index:2000;
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
}
.alerta .janela-topo {
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:35px;
	clear:both;
}
.alerta .janela-icone {
	position:absolute;
	top:0;
	left:0;
	width:35px;
	height:35px;
	border-top-left-radius:10px;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}
.alerta .janela-icone img {
	margin:5px !important;
}
.alerta .janela-title {
	position:absolute;
	top:0;
	left:35px;
	width:380px;
	height:35px;
	border-bottom:1px solid #CCC;
	cursor:move;
}
.alerta .janela-title font {
	position:absolute;
	top:7px;
	left:10px;
	font-size:16px;
	font-weight:bold;
}
.alerta .janela-close {
	position:absolute;
	top:0;
	right:0;
	width:35px;
	height:35px;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	border-top-right-radius:10px;
	transition:background 0.5s;
	-webkit-transition:background 0.5s;
	-o-transition:background 0.5s;
}
.alerta .janela-close:hover {
	background:#EEE;
	background:-moz-linear-gradient(top, #EEE, #DDD);
	background:-webkit-linear-gradient(top, #EEE, #DDD);
	background:-o-linear-gradient(top, #EEE, #DDD);
	background:linear-gradient(top, #EEE, #DDD);
	cursor:pointer;
}
.alerta .janela-close a {
	font-size:20px;
	font-weight:bold;
	color:#777;
	text-decoration:none;
	display:inline-block;
	padding:3px 0px 0px 13px;
}
.alerta .janela-conteudo {
	clear:both;
	position:relative;
	top:0;
	left:50%;
	width:96%;
	height:auto;
	min-height:75px;
	max-height:290px;
	margin-top:10px;
	margin-left:-48%;
	padding:5px 0 5px 0;
	overflow-y:auto;
}
.alerta .janela-conteudo p {
	font-size:16px;
}
.alerta .janela-footer {
	clear:both;
	position:relative;
	top:0;
	width:100%;
	height:30px;
	margin-top:10px;
	padding:9px 0 0 0;
	border-top:1px solid #CCC;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	background:#EEE;
	background:-moz-linear-gradient(top, #EEE, #DDD);
	background:-webkit-linear-gradient(top, #EEE, #DDD);
	background:-o-linear-gradient(top, #EEE, #DDD);
	background:linear-gradient(top, #EEE, #DDD);
	text-align:center;
}
.botao-janela {
	outline:medium none;
	border:1px solid #CCC;
	border-radius:4px;
	background:#EEE;
	background:-moz-linear-gradient(top, #EEE, #DDD);
	background:-webkit-linear-gradient(top, #EEE, #DDD);
	background:-o-linear-gradient(top, #EEE, #DDD);
	background:linear-gradient(top, #EEE, #DDD);
	padding:6px 14px 6px 14px;
	color:#777;
	font-weight:bold;
	text-decoration:none !important;
	transition:background 0.5s;
	-webkit-transition:background 0.5s;
	-o-transition:background 0.5s;
}
.botao-janela:hover, .botao-janela:focus {
	background:#DDD;
	background:-moz-linear-gradient(top, #DDD, #EEE);
	background:-webkit-linear-gradient(top, #DDD, #EEE);
	background:-o-linear-gradient(top, #DDD, #EEE);
	background:linear-gradient(top, #DDD, #EEE);
	cursor:pointer;
}

.txt-1 {
	width:200px !important;
	background-color:transparent !important;
}
.txt-1:focus {
	background-color:#FFF !important;
}

.texto {
	width:300px;
	background-color:#EEE;
	box-shadow:inset 0 0 7px rgba(0,0,0,0.12);
	transition:box-shadow 1s, border-color 1s;
	-webkit-transition:box-shadow 1s, border-color 1s;
	-o-transition:box-shadow 1s, border-color 1s;
}
.texto:hover, .wrapper:hover {
	border-color:#BBB;
}
.texto:focus, .wrapper:focus {
	border-color:#AAA;
	box-shadow:0 0 5px rgba(0,0,0,0.12);
}

.opcao {
	min-width:150px;
	border-radius:10px;
	color:#444;
	transition:border 0.5s, box-shadow 0.5s;
	-webkit-transition:border 0.5s, box-shadow 0.5s;
	-o-transition:border 0.5s, box-shadow 0.5s;
}
.opcao:hover {
	border-color:#888;
}
.opcao:focus {
	border-color:#580;
	box-shadow:0px 0px 5px #580;
}
.opcao > option {
	color:#444;
}

.wrapper {
	width:330px;
	height:100px;
	background-color:#EEE;
	box-shadow:inset 0 0 7px rgba(0,0,0,0.12);
	resize:none;
	transition:box-shadow 1s, border-color 1s;
	-webkit-transition:box-shadow 1s, border-color 1s;
	-o-transition:box-shadow 1s, border-color 1s;
}

.error:focus {
	border-color:#F00;
	box-shadow:0 0 5px #F00;
}

.botao {
	outline:medium none;
	border:none;
	background:#CCC;
	padding:6px 14px 6px 14px;
	color:#444;
	text-decoration:none !important;
	transition:background 0.5s;
	-webkit-transition:background 0.5s;
	-o-transition:background 0.5s;
}
.botao:hover, .botao:focus {
	background:#AAA;
	cursor:pointer;
}

.colorFFF {
	color:#FFF !important;
}
.colorEEE {
	color:#EEE !important;
}
.colorA00 {
	color:#A00 !important;
}
.colordef {
	color:#015673 !important;
}

.size16 {
	font-size:16px !important;
}
.size18 {
	font-size:18px !important;
}
.size20 {
	font-size:20px !important;
}
.size30 {
	font-size:30px !important;
}

.txt-shadow {
	text-shadow:0 0 5px rgba(0,0,0,0.7);
}  

.menu-principal {
	list-style:none;
	width:100%;
	height:auto;
	margin:0 auto;
}
.menu-principal li a {
	display:inline-block;
	width:100%;
	text-align:center;
	padding:3px 0 3px 0;
	color:#444;
	font-size:18px;
	text-decoration:none;
	transition:background-color 0.5s, color 0.5s;
	-webkit-transition:background-color 0.5s, color 0.5s;
	-o-transition:background-color 0.5s, color 0.5s;
}
.menu-principal li a:hover {
	background-color:#004a63;
	color:#FFF;
}

.banner-title {
	padding:0 !important;
	background-color:#777;
}

/* IDs */

#content-control {
	display:none;
}

#menu-btn {
	display:none;
}

#banner-0, #banner-1, #banner-2, #banner-4, #banner-5, #banner-6 {
	width:100%;
	height:230px;
	margin:0 auto;
	border-bottom:5px solid #004a63;
	overflow:hidden;
}
#banner-1, #banner-2, #banner-4, #banner-5, #banner-6 { height:209px !important; }
#banner-0 > img, #banner-1 > img, #banner-2 > img,
#banner-4 > img, #banner-5 > img, #banner-6 > img {
	position:absolute;
	left:50% !important;
	width:1280px;
	margin-left:-640px;
	z-index:1;
}
#banner-1 > div, #banner-2 > div, #banner-4 > div, #banner-5 > div {
	position:relative;
	top:20px;
	width:95%;
	height:auto;
	margin:0 auto;
	padding:0 6px 0 6px;
	z-index:2;
}
#banner-1 > div > div:last-child, #banner-2 > div > div:last-child,
#banner-4 > div > div:last-child, #banner-5 > div > div:last-child {
	margin-top:20px;
}

article.artigo-0 {
	clear:both;
	width:100%;
	height:auto;
	margin-top:20px;
	padding:10px 0 15px 0;
	background-color:#CCC;
}
article.artigo-0 > div {
	width:95%;
	height:auto;
	margin:0 auto;
}
article.artigo-0 > div > div {
	width:100%;
	height:70px;
	display:table;
	margin-bottom:4px;
	transition:background-color 0.5s;
	-webkit-transition:background-color 0.5s;
	-o-transition:background-color 0.5s;
}
article.artigo-0 > div > div:nth-child(1) { background-color:#5699b2 !important }
article.artigo-0 > div > div:nth-child(1):hover { background-color:#4588a1 !important }
article.artigo-0 > div > div:nth-child(2) { background-color:#1f6c86 !important }
article.artigo-0 > div > div:nth-child(2):hover { background-color:#0e5b75 !important }
article.artigo-0 > div > div:nth-child(3) { background-color:#004b63 !important }
article.artigo-0 > div > div:nth-child(3):hover { background-color:#003a52 !important }
article.artigo-0 > div > div:nth-child(4) { background-color:#00394f !important }
article.artigo-0 > div > div:nth-child(4):hover { background-color:#00283e !important }
article.artigo-0 > div > div p {
	text-align:left !important;
	margin:-50px 0 0 100px;
	padding:0 6px 0 0;
}
article.artigo-0 > div > div > br:nth-child(1),
article.artigo-0 > div > div > br:nth-child(2),
article.artigo-0 > div > div > br:nth-child(4),
article.artigo-0 > div > div > br:nth-child(6),
article.artigo-0 > div > div > br:nth-child(7),
h3.colorFFF:nth-child(2) > b:nth-child(1) > br:nth-child(1) {
	display:none;
}
article.artigo-0 > div > div > h3 {
	margin:10px 0 0 100px;
}
article.artigo-0 > div > div > img {
	margin:-30px 0 0 6px;
}
article.artigo-0 > div:nth-child(1) > div:nth-child(2) > img:nth-child(4) {
	margin-top:-50px !important;
}
article.artigo-0 > div > div > div {
	display:table-row;
	height:34px;
	background:url(../images/small/saiba-mais.png) no-repeat top right;
}
article.artigo-0 > div > div > div > a {
	display:inline-block;
	position:relative;
	left:100%;
	width:70px;
	height:30px;
	margin-left:-79px;
}

#facebook-ctt {
	position:relative;
	top:10px;
	left:0;
	width:100%;
	height:auto;
	padding:5px 0 5px 0;
	background-color:#2a5890;
	overflow:hidden;
}
#facebook-ctt > a {
	display:table;
	width:95%;
	height:auto;
	margin:0 auto;
}

#post-0 {
	padding:20px 0 0 0 !important;
}
#post-0 > div:first-child {
	width:95%;
	height:auto;
	margin:0 auto;
	padding:6px 6px 20px 6px;
}
#post-0 > div:first-child > a {
	display:inline-block;
}

#post-0 > div:last-child {
	width:95%;
	height:auto;
	margin:0 auto;
	padding:6px;
}

#post-0 > div:nth-child(1) > br:nth-child(4),
#post-0 > div:nth-child(1) > br:nth-child(5) {
	display:none;
}

#post-0 > div:nth-child(1) > a:nth-child(5) > img:nth-child(1),
#post-0 > div:nth-child(2) > a:nth-child(5) > img:nth-child(1) {
	max-width:448px;
	width:100%;
}

#post-1 hr, #post-5 hr {
	display:none;
}

#menu-hover-1 > li:nth-child(2) > a,
#menu-hover-2 > li:nth-child(3) > a,
#menu-hover-3 > li:nth-child(3) > a,
#menu-hover-4 > li:nth-child(4) > a,
#menu-hover-5 > li:nth-child(5) > a {
	background-color:#004A63 !important;
}

#nosso-escritorio {
	position:absolute;
	top:235px;
	right:0px;
	width:85%;
	height:auto;
	background-color:#015673 !important;
	z-index:10;
}
#nosso-escritorio h3 {
	margin-left:30px;
	padding:7px 0 7px 0;
}

#arts {
	display:table;
	margin:0 auto;
	width:100%;
	height:auto;
}
#arts > div {
	width:95%;
	height:auto;
	margin:10px 2px 10px 2px;
	padding:8px 10px 20px 10px;
}
#arts > div:nth-child(1) { background-color:#d8cac2; }
#arts > div:nth-child(2) { background-color:#e6d6ca; }
#arts > div:nth-child(3) { background-color:#eed4bb; }
#arts > div:nth-child(4) { background-color:#f4cda3; }
#arts > div:nth-child(5) { background-color:#f3c0ba; }
#arts > div:nth-child(6) { background-color:#e1bba5; }

#arts > div > h4 {
	font-size:22px;
	font-weight:bold;
}
#arts > div > img {
	width:100%;
	margin:10px 0 10px 0;
}

#post-3, #post-4 {
	height:auto;
}
#post-3 h1, #post-4 h1 {
	font-size:40px;
}

#maps-filial, #maps-matriz {
	overflow:hidden;
	width:100%;
	height:280px;
}
#maps-matriz > img:nth-child(1) {
	position:relative;
	left:50%;
	margin-left:-364px;
}
#maps-filial > img:nth-child(1) {
	position:relative;
	left:100%;
	margin-left:-844px;
}

#post-6 {
	display:table;
}

#content-contato {
	width:95%;
	height:auto;
	padding:10px;
	background-color:#eee;
}

#nome { width:97% !important; }
#email { width:97% !important; }
#telefone { width:97% !important; }
#mensagem { width:97% !important; }
#captcha { width:79% !important; }

#contato-info {
	width:95%;
	height:auto;
	margin-top:20px;
}

#pp-equipe {
	display:table;
	width:100%;
	height:auto;
}
#pp-equipe ul {
	display:table;
	list-style:none;
	width:auto;
	height:auto;
}
#pp-equipe li {
	clear:both;
	width:95%;
	height:auto;
	margin:15px 0;
	padding:10px 10px 20px 10px;
	background:url(../images/medium/pp-equipe.png) no-repeat top #c3d2d8;
	background-size:100% 80px;
}

/* Cabeçalho do site */

body header {
	position:relative;
	margin:0 auto;
	width:100%;
	height:365px;
	z-index:200;
}

	header div#content-title {
		position:relative;
		margin:0 auto;
		width:95%;
		height:120px;
		text-align:center;
	}
		div#content-title > a {
			display:inline-block;
			margin-top:13px;
		}

	header div#razao {
		position:absolute;
		top:130px;
		right:0;
		width:100%;
		text-align:center;
		background-color:#015673;
		z-index:190;
	}

	header div#content-header {
		margin:38px auto;
		width:100%;
		height:197px;
		background-color:#c0c7cf;
		border-bottom:5px solid #004a63 !important;
		opacity:1 !important;
	}

/* Rodapé do site */

body footer {
	clear:both;
	position:relative;
	margin:0 auto;
	width:100%;
	height:auto;
	z-index:190;
}

	footer div#content-footer {
		position:relative;
		margin:0 auto;
		width:95%;
		height:30px;
		padding:20px 6px 20px 6px;
	}
		div#content-footer a {
			display:inline-block;
			margin-top:20px;
		}

/* Conteúdo de página */

body section {
	position:relative;
	top:-5px;
	margin:0 auto;
	width:100%;
	height:auto;
	z-index:1;
}

	section article {
		position:relative;
		top:0px;
		margin:0 auto;
		width:95%;
		height:auto;
		padding:20px 6px 50px 6px;
	}