/* ---- Estrutura Site ---- */

body {
	margin: 0;
	padding: 0;
	font-size: 62.5%;
    /*line-height: 1.5;*/
	background-color: #fff;
	
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#container {
	width: 100%;
	/*max-width: 1128px;*/
	/*height: auto;*/
	margin: 0 auto;
	/*position: relative;*/
	/*background-color: #fff;*/
}

.clearfix:before,
.clearfix:after {
    content: " "; 
    display: table; 
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

img,
picture,
video,
embed {
    max-width: 100%;
}


/* ---- Cabeçalho ---- */

#header{
	width: 100%;
	min-height: 150px;
	/*height: 150px;*/
	margin: 0;
	padding: 0;
	position: relative;
	/*background-color: #09c;*/
	background-color: #5b7882;
	z-index: 8000;
}

.marca{
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 15px 10px 10px 10px;
}

.logo {
	/*width: 21.276595744680851063829787234043%; /*240px / 1128px */
	margin: 0;
	padding:0;
	/*position: relative;*/
	z-index: 50000;
}

/* ---- Conteúdo  -----*/

#content{
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	background-color: #fff;
	z-index: 120000;
}

p {
	margin: 0;
	padding: 0;
	/*font: normal 2.0em Tahoma, Geneva, sans-serif;*/
	font-weight: normal;
	font-size: 1.6em;
	/*font-family: 'Doppio One', sans-serif;*/
	font-family: 'Carrois Gothic', sans-serif;
	color: #333;
	text-align: justify;
}

p a {
	/*color: #06f;*/
	color: #5b7882;
	text-decoration: none;
}

p a:hover {
	/*color: #09f;*/
	color: #2386c8;
	text-decoration: none;
}

.chamadas{
	width: 100%;
	min-height: 250px;
	/*height: auto;*/
	padding: 10px 20px;
	z-index: 50000;
}

.blocos{
	float: left;
	width: 31.914893617021276595744680851064%; /* 360px - 1128px */
	min-height: 200px;
	/*height: auto;*/
	padding: 25px 15px 10px 15px;
	display: block;
	background-color: #e8e8e8;
	margin-right: 2.127659574468%; /* 24 / 1128px */
	margin-bottom: 20px;
	/*border-bottom: 3px solid #06f;*/
	border-bottom: 3px solid #5b7882;
	text-align: center;
}

.blocos:last-child{
	margin-right: 0;
	
}

.linksrel{
	float: left;
	width: 48.758865248226950354609929078014%; /* 555px - 1128px */
	min-height: 427px;
	/*height: auto;*/
	padding: 15px 15px 10px 15px;
	display: block;
	background-color: #e8e8e8;
	margin-right: 2.127659574468%; /* 24 / 1128px */
	margin-bottom: 20px;
	/*border-bottom: 3px solid #06f;*/
	border-bottom: 3px solid #5b7882;
	text-align: center;
}

.linksrel:last-child{
	margin-right: 0;
	
}


.servicos{
	clear: both;
	width: 100%;
	height: auto;
	padding: 10px 15px 10px 15px;
	display: block;
	background-color: #e8e8e8;
	margin-right: 2.127659574468%; /* 24 / 1128px */
	margin-bottom: 20px;
	/*border-bottom: 3px solid #06f;*/
	border-bottom: 3px solid #5b7882;
}


h2{
	/*font: normal 2.0em Tahoma, Geneva, sans-serif;*/
	font-size: 2.0em;
	font-weight: normal;
	/*font-family: 'Doppio One', sans-serif;*/
	font-family: 'Carrois Gothic', sans-serif;
	/*color: #06f;*/
	color: #19417d;
}

h2 a{
	text-decoration: none;
	/*color: #06f;*/
	color: #19417d;
}

h2 a:hover{
	/*color: #09f;*/
	color: #2386c8;
}

.tchamadas{
	margin: 10px 0 0 5px;
	/*font: normal 2.1em Tahoma, Geneva, sans-serif;*/
	font-weight: normal;
	font-size: 1.8em;
	/*font-family: 'Doppio One', sans-serif;*/
	font-family: 'Carrois Gothic', sans-serif;
	color: #333;
	}

.tchamadas a{
	display: block;
	width: 100%;
	height: auto;
	color: #333;
	text-decoration: none;
	line-height: 28px;
}

.tchamadas a:hover{
	/*color: #09f;*/
	color: #2386c8
	
}

.tchamadas_areas{
	display: block;
	margin: 10px 0 0 5px;
	padding: 0 0 10px 0;
	/*font: normal 1.8em Tahoma, Geneva, sans-serif;*/
	font-weight: normal;
	font-size: 1.6em;
	font-family: 'Doppio One', sans-serif;
	color: #333;
	}

.tchamadas_areas a{
	display: block;
	width: 100%;
	height: auto;
	color: #06f;
	text-decoration: none;
	line-height: 28px;
}

.tchamadas_areas a:hover{
	/*color: #09f;*/
	color: #2386c8;
	
}


.frase{
	clear: both;
	width: 97%;
	height: auto;
	margin: 0 auto;
	padding: 5px 40px;
	background-color: #e8e8e8;
	z-index: 30000;
}

.abrepagint{
	margin: 0 0 15px 0;
}

h1.titpagint{
	/*font: normal 2.3em Tahoma, Geneva, sans-serif;*/
	font-weight: normal;
	font-size: 2.3em;
	/*font-family: 'Doppio One', sans-serif;*/
	font-family: 'Carrois Gothic', sans-serif;
	color: #06f;
}

#contpagint{
	position: relative;
	width: auto;
	min-height: 500px;
	margin: 28px 0 0 0;
	*margin: 32px 0 0 0;
	padding: 10px 70px 0 80px;
	background-image: url(../imagens/img_textpagint.png);
	
}

.vejat{
	display: block;
	width: 376px;
	height: 26px;
	margin: 0;
	padding: 10px 15px 10px 15px;
	background-image: url(../imagens/fundo_veja.png);
}


/* ---- Rodapé -----*/

#footer{
	clear: both;
	width: auto;
	height: auto;
	margin: 0;
	padding: 12px 0 0 0;
	position: relative;
	/*background-color: #09c;*/
	background-color: #5b7882;
}

#abrefoo{
	background-image: url(../imagens/abre_foo2.png);
	width: 100%;
	height: 21px;
	position: absolute;
	margin: -25px 0 0 0;
}

#foo{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 600;
}

#nomefoo{
	clear: both;
	position: relative;
	display:block;
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 15px 0 15px 0;
	/*font: normal 1.6em Tahoma, Geneva, sans-serif;*/
	font-weight: normal;
	font-size: 1.6em;
	/*font-family: 'Doppio One', sans-serif;*/
	font-family: 'Carrois Gothic', sans-serif;
	color: #fff;
	text-align: center;
	z-index: 500;
}

#endfoo{
	clear: both;
	position: relative;
	display: block;
	width: auto;
	height: auto;
	margin: 0;
	padding: 5px 0 5px 0;
	/*font: normal 1.4em Tahoma, Geneva, sans-serif;*/
	font-weight: normal;
	font-size: 1.6em;
	/*font-family: 'Doppio One', sans-serif;*/
	font-family: 'Carrois Gothic', sans-serif;
	text-align: center;
	color: #fff;
}

#marcas{
	width: 100%;
	min-height: 40px;
	/*height: auto;*/
	position: relative;
	padding: 10px 0 5px 0;
}

#copy{
	float: left;
	position: relative;
	display: block;
	max-width: 350px;
	height: auto;
	margin: 0 0 0 3%;
	padding: 0;
	font: normal 1.2em Arial, Helvetica, sans-serif;
	color: #ccc;
}

#assina_ga{
	float: right;
	position: relative;
	display: block;
	max-width: 220px;
	height: auto;
	margin: 0 3% 0 0;
	padding: 0;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #ccc;
}


/*--- Textos ---*/

.t1{
	display: block;
	padding: 10px 0 0 0;
	font: normal 20px Tahoma, Geneva, sans-serif;
	color: #8f8f8c;
}

.t1 a{
	display: block;
	padding: 0;
	text-decoration: none;
	font: normal 20px Tahoma, Geneva, sans-serif;
	color: #8f8f8c;
}

.t1 a:hover{
	color: #b01c2e;
}


/* ---  Form Contato --- */


form.contato {
	width:70%;
	margin:0 auto;
	padding: 10px;
	position: relative;
}

form.contato label {
	width:90%;
	margin: 0 auto;
	font-weight: normal;
	font-size: 1.6em;
	font-family: 'Carrois Gothic', sans-serif;
	display:block;
	padding:0;
	margin-bottom:5px;
}

form.contato label.campos {
	width:89%;
	margin: 0 auto;
	font-weight: normal;
	font-size: 1.6em;
	font-family: 'Carrois Gothic', sans-serif;
	color: #19417d;
	display:block;
	padding:10px 0 7px 10px;
	/*margin:5px 0 5px 0;*/
}

form.contato label input.text {
	width:95%;
	height: 30px;
	font-weight: normal;
	font-size: 1.4em;
	font-family: 'Carrois Gothic', sans-serif;
	color: #19417d;
	border:1px solid #5b7882;
	margin:0 0 0 10px;
	background-color: #ccc;
}

form.contato label input.text2 {
	width:40%;
	height: 30px;
	font-weight: normal;
	font-size: 1.4em;
	font-family: 'Carrois Gothic', sans-serif;
	color: #19417d;
	border:1px solid #5b7882;
	margin:0 0 0 10px;
	background-color: #ccc;
}

form.contato label input.text3 {
	width:30%;
	height: 30px;
	font-weight: normal;
	font-size: 1.4em;
	font-family: 'Carrois Gothic', sans-serif;
	color: #19417d;
	border:1px solid #5b7882;
	margin:0 0 0 10px;
	background-color: #ccc;
}

form.contato label textarea {
	width:95%;
	height: 100px;
	font-weight: normal;
	font-size: 1.4em;
	font-family: 'Carrois Gothic', sans-serif;
	color: #19417d;
	border:1px solid #5b7882;
	margin:0 0 0 10px;
	background-color: #ccc;
}

.botaocontato {
	width: 125px;
	height: 25px;
	margin: 12px 0 0 5%;
	background-image: url(../imagens/botao_contato2.gif); 
	font-weight: bold;
	font-size: 1.6em;
	font-family: 'Carrois Gothic', sans-serif;
	color: #19417d;
	border: none;
	cursor: pointer;
	
}

/* ---- Menu Rodapé -----*/

#menu3{
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
	*margin: 0 0 0 80px;
	padding: 0;
}

ul.navfoo {
	position: relative;
	width: 565px;
	margin: 0 auto;
	padding: 0;
}

.navfoo li{
	float: left;
	width: auto;
	font: normal 1.2em Tahoma, Geneva, sans-serif;
	/*font-weight: normal;
	font-size: 1.2em;
	font-family: 'Doppio One', sans-serif;*/
	position:relative;
	list-style: none;
	display: block;
}

.navfoo li a{
	display: block;
	padding:3px 20px 6px 20px;
	height:20px;
	width: auto;
	color: #fff;
	text-decoration:none;
	text-align: center;
}

/*#menu3 ul.navfoo li a{
	border-top: solid 2px #736a5e;
	border-bottom: solid 2px #736a5e;
}*/

#menu3 ul.navfoo li a:hover{
	color: #666;
	background-color: #e8e8e8;
}

.navfoo li ul{
	position: absolute;
	top:-9999px;
	width: 132px;
}

.navfoo li:hover ul{
	padding:0;
	top: -125px;
	*top: -125px; /* IE7 */
	*left: 0; /* IE7 */
}

.navfoo li ul li{
	width: 137px;
	height: 25px;
	display: block;
	background-color: #e8e8e8;
	border-top: 1px solid #ccc;
}

.navfoo li ul li a{
	text-align: left;
	width: 132px;
	padding-left: 5px;
	font-weight: normal;
	font: normal 0.8em Tahoma, Geneva, sans-serif;
	background-color: #ccc;
	color: #666;
}

.navfoo li ul li a:hover{
	background-color: #e8e8e8;
}

/* m1 - Capa */

body#page1 li.foom1 a{
	color: #666;
	background-color: #e8e8e8;
}

/* m2 - Quem Somos */

body#page2 li.foom2 a{
	color: #666;
	background-color: #e8e8e8;
}

/* m3 - Equipe */

body#page3 li.foom3 a{
	color: #666;
	background-color: #e8e8e8;
}

/* m4 - Áreas de Atuação */

body#page4 li.foom4 a{
	color: #666;
	background-color: #e8e8e8;
}

/* m5 - Clientes */

body#page5 li.foom5 a{
	color: #666;
	background-color: #e8e8e8;
}

/* m6 - Contato */

body#page6 li.foom6 a{
	color: #666;
	background-color: #e8e8e8;
}


/* ---  Media Queries --- */


@media screen and (max-width: 1128px) {

    .container {
        padding: 0 2.4em 0 2.4em;
    }

}

@media screen and (max-width: 768px) {

    .blocos {
        width: 48%;
        margin-bottom: 2.4em;
        margin-right: 2%;
		height: auto;
    }

    .blocos:nth-child(even) {
       margin-right: 0;
    }
	
	.linksrel {
        width: 48%;
        margin-bottom: 2.4em;
        margin-right: 2%;
		height: auto;
    }
	
    .linksrel:nth-child(even) {
       margin-right: 0;
    }
	
	
}


@media screen and (max-width: 520px) {

    .blocos {
        width: 100%;
        margin-right: 0;
    }
	
	.linksrel {
        width: 100%;
        margin-right: 0;
    }
	
	#copy{
	float: none;
	max-width: none;
	width: auto;
	text-align: center;
	}
	
	#assina_ga{
	float: none;
	max-width: none;
	width: auto;
	text-align: center;
	}
	
	p {
	text-align: left;
	}
	
	form.contato {
	width:100%;
	}
	
	form.contato label {
	width:98%;
	}
	
	form.contato label.campos {
	width:96%;
	}
}