/*font*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);


/* GERAIS -------------------------------------------------------------*/
html{
	margin: 0;
	padding: 0;	
	overflow-x: hidden;
}

body {
    font-family: 'Open Sans', Arial, serif;
	color:#a7a9ac;
	
}

*{
	margin:0px auto;
	padding:0px 0px;	
}

ul{
    list-style: none;
}

#coluna-calendario h1{
	font-size:3.5em;
}


a {
    text-decoration: none;
    border: none;
}
a:hover {
    text-decoration: none;
	color:#8cc63f;
}

p {
	margin-top: 1em;
	text-align: justify;
	line-height: 30px;
}

img {
    border: none;
}

.conteudo{
    max-width:1100px;
    height: auto;
}

.clear{
	clear:both;
}

/* HEADER -------------------------------------------------------------*/

header{
    width:100%;
    height:auto;
	position:relative;
	float:left;
	background:url(../images/bg-banner.png) repeat-y 50% 50%;
	
}

#topo{
	width:99%;
	background-image:url(../images/topo.png);
	height:190px;
	padding-left:1%;
}

/*Logo*/
.logo{
	width:25%;
	float:left;
	position:relative;
	margin-right:5%;
	margin-top:5%;
	margin-bottom:1%;
}

#logo{
	width:25%;
	position:relative;
	float:left;
	margin:0;
	padding:0;
}

.logo-2{
	
}


/* MENU -------------------------------------------------------------*/

#cliente{
	width:15%;
	background-color:#8cc63f;
	float:right;
	padding:1%;
	color:#fff;
}

.text-align{
	text-align:center;
}
.menu{
	width:100%;
	float:left;
	position:relative;
	text-align:center;
	background-color:#f3f3f4;
	}

nav {
    width:70%;
    position: relative;
    float: left;
	}

ul#menu {	
    float: left;  
    position: relative;
}

ul#menu li {
    float: left;
	margin-top:10%;
   
}

ul#menu li.no-border{
	border:0;
	
}

ul#menu li a.no-padding-left{
	padding-left:0px !important;
}

ul#menu li a.no-padding-right{
	padding-right:0px !important;
}

ul#menu li a {
	text-decoration:none;
    padding:22px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:;
	font-size:1.2em;
    display: block;
    color: #999;
	text-transform:uppercase;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
	
}

ul#menu li a:hover {
    color: #a3a3a3;
	background:url(../images/marker-menu.png) no-repeat bottom center;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

.menu2{
	display:none;
}

#menu_mobile{
	width: 100%;
	font-family: 'Open Sans', Arial, serif;
	font-size: 0.9em;
	color: #252525;
	border-radius: 6px;
	margin-top: 2%;
	margin-bottom: 2%;
	text-align:center;
	float: left;
	display: none;
}

/* BANNER -------------------------------------------------------------*/

#banner{
	width: 100%;
	height:auto;
	position:relative;
	float:left;
	background-color:#f3f3f4;
		
}



/* MIOLO -------------------------------------------------------------*/

#miolo {
    width: 100%;
    height:auto;
	position:relative;
	float:left;
	background-color:#f3f3f4;
    
}

.section-1{
	width: 100%;
	float: left;
	position: relative;
	
}

.section-1 a{
	color:#a7a9ac;
}
/*Colunas*/

#coluna-1{
	width:22%;
	float:left;
	position:relative;
	margin-right:2%;
	color:#a7a9ac;
	font-size:0.8em;
	background-color:#CCC;
	padding:1%;
	background-image:url(../images/uteis1.jpg);
	padding-left:8%;
	margin-left:1%;
}

#coluna-2{
	width:23%;
	float:left;
	position:relative;
	margin-right:2%;
	color:#a7a9ac;
	font-size:0.8em;
	background-color:#CCC;
	padding:2% 1%;
	background-image:url(../images/uteis2.jpg);
	padding-left:8%;
}

#coluna-3{
	width:22%;
	float:left;
	position:relative;
	color:#a7a9ac;
	font-size:0.8em;
	background-color:#CCC;
	padding:2% 1%;
	background-image:url(../images/uteis3.jpg);
	padding-left:8%;

}

#coluna-4{
	width: 10%;
	float: left;
	position: relative;
	color: #a7a9ac;
	background-image:url(../images/mais.jpg);
	padding: 1% 1%;
	margin:1% 1% 1% 1%;
	padding-left:5%;
}

#coluna-4 h1{
	font-size:1.2em;
	color:#666;
	font-weight:300;
}



#coluna-calendario{
	width: 59%;
	float: left;
	position: relative;
	margin-right: 5%;
	color: #a7a9ac;
	font-size: 0.9em;
	padding-left:1%;
	background-color:#fff;
}

#coluna-calendario h1{
	margin-bottom:1%;
}

.noticias-mobile{
	display:none;
}

h1{	
	font-size:1.8em;
	margin-bottom:10%;
	text-transform:uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
}

h1 img{
	float:left;
	margin-right:4%;
	opacity:0.7;	
}

.title h1{
	margin-bottom:3%;
	margin-top:0%;
	float:left;
	position:relative;
	width:100%;
	text-transform: uppercase;
}

.title h1 img{
	float:left;
	margin-right:2%;
}

/*Botão*/
.btn-mais{
	float:right;
	position:relative;
	background:#8cc63f;
	border-radius:10px;
	padding:5px 15px;
	margin-top:5%;


}

a.btn-mais{
	color:#fff;
	text-transform:uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:1.1em;
	font-weight:700;
	
}

a.btn-mais:hover{
	text-decoration:none;
	background:url(../images/bg-menu.png) no-repeat center;
}

/*Calendario*/
.calendario{
	width:23%;
	float:left;
	position:relative;
	top:0;
}

/*Acesso*/
.acesso{
	width:49%;
	float:left;
	margin:0.5%;
}
/*Pagina Links Uteis --------------------------------------------------*/

#uteis{
	background-color:#fff;
	width:100%;
	height:250px;
}

#uteis2{
	background-color:#fff;
	width:100%;
	height:190px;
}

.texto{
	font-size:0.8em;
}
.online{
	width: 33%;
	float:left;
	margin-bottom:5%;
}

.frame_online{
	width: 90%;
	background:#a7a9ac;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #fff;
	font-size:1.2em;
	font-weight: 300;
	margin-right: 2%;
	margin-top: 2%;
	float:left;
	text-align:center;
	padding-top: 10px;
	padding-bottom: 10px;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;	
}

.frame_online:hover{
	background:url(../images/bg-menu.png) no-repeat center;
	color: #FFF;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;	
}
/* Quem Somos -------------------------------------------------------*/

.quem-somos{
	width:100%;
	float:left;
	position:relative;
	margin-right:5%;
	margin-bottom:1%;
	font-size:0.8em;
}

.texto-quem-somos{
	width:30%;
	float:left;
	position:relative;
	margin-right:5%;
	margin-bottom:1%;
	font-size:0.8em;
	
}
.foto{
	width:34%;
	margin-right:5%;
	margin-bottom:0%;
	float:left;	
	position:relative;
}

.img{
	width:100%;
}
.exclui-foto{
}

.exclui-foto-2{
}

.no-margin-right{
	margin-right:0 !important;
}
.no-border{
	border:none !important;
}
/* Servicos -------------------------------------------------------------*/


.servicos{
	width:45%;
	float:left;
	position:relative;
	font-size:0.8em;
	margin-right:5%;
	margin-bottom:5%;
}


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


.contato{
	width:45%;
	float:left;
	position:relative;
	margin-right:3%;
	margin-top:3%;
	margin-bottom:4%;
	font-size:0.8em;
}

.mapa{
	width:100%;
	float:left;
	position:relative;
	margin-top:0%;
	margin-bottom:4%;
}

.section-2{
	margin-top:7%;
	margin-bottom:5%;
}
/**Fotmulario*/

.form{
	width:45%;
	float:right;
	position:relative;
	margin-top:0%;
	margin-bottom:1%;
}
.formulario {
	width:100%;
	margin-left:0%;
	margin-top:0%;
	height: 330px;
	float: left;
	position:relative;
	font-family: 'Open Sans', Arial, serif;
	line-height: 1.6em;
	font-size: 0.9em;
}
.button{
	width:23%;
	height:35px;
	font-size:0.9em;
	float: left;
	text-transform:uppercase;
	font-weight: bold;
	cursor: pointer;
	color: #fff;
	text-align: center;
	/* Background gradient */
	background:#a7a9ac;
	border:0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding:5px 15px;
	margin-top:5%;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
.button:hover {
	background:url(../images/bg-menu.png) no-repeat center;
	color:#fff;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
	
	}

input{
	font-family: 'Open Sans', Arial, serif;
	font-size:0.9em;
	padding: 3px; 
	border: 1px solid #cccccc; 
	width: 100%; 
	height: 20px; 
	color: #666; 
	margin-bottom: 5px; 
	border-radius: 5px; 
	background: #fff;
}

textarea{
	font-family: 'Open Sans', Arial, serif;
	font-size:0.9em;
	padding: 3px; 
	border: 1px solid #cccccc; 
	width: 100%; 
	color: #666; 
	margin-bottom: 5px; 
	border-radius: 5px; 
	background: #FFF;
}


/** CRM **/

.crm{
	width:20%;
	margin-left:auto;
	margin-right:2%;
	margin-bottom:1%;
	font-size:0.8em;
	float:right;
}

/* FOOTER -------------------------------------------------------------*/

footer{
    width: 100%;
    height: 84px;
    padding-top: 5px;
    color:#FFF;
    font-size:0.7em;
	position:relative;
	float:left;
	background:url(../images/bg-menu.png) no-repeat center bottom;
}

footer a{
	color: #fff;
	text-decoration:none;
}
footer a:hover{
	color: #eee;
	text-decoration: underline;
}

footer h2{
	color: #fff;
	font-size:1.0em;
}

#site-info {
    text-align: center;
    float: left;
	width:100%;
	margin-top:0.5%;
}

#fone{
	float:left;
	position:relative;
	width:50%;
	text-align:right;
	margin-top:0.5%;
}

#by-site {
    float:none;
    position: relative;
	width:100%;
	margin-top:0.5%;
	text-align:center;
}



/* POP UP IE -------------------------------------------------------------*/


#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#333;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}
 
#boxes #dialog2 {
  background:transparent; 
  width:650px;
  margin:0 auto;
  margin-top:-160px;
}
 
.close{
    display:block; 
    float: left;
	margin-left: 0;
	font-weight: bold;
	line-height: 1;
	cursor: pointer;
	color: #fff;
	text-align: center;
	text-shadow: 0 -1px 1px #64799e;
	/* Background gradient */
	background: #191d2f;
	/* Border style */
	border: 0.1px solid #051c44;
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 10px;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 8px;
	background-color: #25a9e0;
	background-position: 0% 0%;
}

@media only screen and (max-width :1085px){
	
	#cliente{
		display:none;
	}
	
	#coluna-1{
		width:26%;
		background-image:none;
		background-color:#e7e7e8;
		padding-left:4%;
	}
	
	#coluna-2{
		width:26%;
		background-image:none;
		background-color:#e7e7e8;
		padding-left:4%;
	}
	
	#coluna-3{
		width:26%;
		background-image:none;
		background-color:#e7e7e8;
		padding-left:4%;
	}
	
	.crm{
		display:none;
	}
}

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

	.conteudo{
		padding:0px 5px;
	}
	
	ul#menu li a{
	text-decoration:none;
    padding:22px 18px;
	font-size:1.7em; 
	
}

.title{
		display:none;
	}
		
}


@media only screen and (max-width :855px){
	
	.conteudo{
		float:none;
		padding-left:10px;
		padding-right:5px;
	}
	
	#miolo {
		background-color:#fff;
	}
	
	#banner{
		display:none;
	}
	
	
	h1{
		font-size:1.4em;
	}
	h1 img{
		width:10%;
	}
	
	.icon{
		width:4%
	}
	
	#cliente{
		display:none;
	}
	
	#coluna-calendario{
		width:100%;
	}
	
	#coluna-4{
		background-image:none;
		background-color:#CCC;
		width:50%;
		text-align:center;
		margin-left:20%;
	}
	
	#uteis2{
		height:auto;
	}
	
	
	
	#menu{
		display:none;
	}
	
	#menu_mobile{
		display: block;
		text-align:center;
		width:100%;
		font-size:0.8em;
	}
	nav{
		text-align:center;
		width:100%;
		margin:0;
	}
	
	#logo{
		width:100%;
		text-align:center;
		margin:0;
	}
	.logo{
		width:100%;
		text-align:center;
		margin:0;
	}
	
	.menu{
		width:100%;
		margin:0;
		text-align:center;
	}
	
	.noticias{
		display:none;
	}
	
	.noticias-mobile{
		display:block;
	}

}


@media only screen and (max-width :620px){
	
 
#coluna-1,  #coluna-2,  #coluna-3, .texto-quem-somos , .servicos{
	width:100%;
	float:none;
	position:relative;
	margin-bottom:6%;
	
}

h1{	
font-size:1.8em;
margin-bottom:5%;
}

h1 img{
		width:5%;
	}
.icon{
	width:7%;
}

.noticias-mobile{
		display:none;
}

.exclui-foto{
		display:none;
}

.exclui-coluna{
	display:none;
}

.acesso{
	width:24%;
}


.contato, .form, .mapa, .texto-contato{
	width:100%;
	float:none;
	margin:0%;
	position:relative;
}
.formulario{
	padding-bottom:100px;
}

.contato{
	margin-top:3%;
}



}
@media only screen and (max-width :540px){
	.formulario{
		width:95%;
		float:none;
		margin-bottom:10%;
	}
	
}


@media only screen and (max-width :500px){
  
#banner{
	display:none;
}
 .logo-2{
	 width:70%;
	
}

.link{
	width:100%;
	float:none;
	margin-bottom:5%;
	
}

.link p{
	margin:0;
	padding:0px;
}
.empresa{
	width:100%;
	float:none;
	margin:0%;
	margin-bottom:5%;
	margin-top:3%;
	
}

.texto-quem-somos{
	margin-bottom:5%;
}
.quem-somos, .missao, .servicos, .online {
	width:100%;
	float:none;
	margin:0%;
}

.frame_online
{
	width:100%;
}

.form{
	width:100%;
	float:none;
	margin-bottom:10%;
}


}


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

h1 img{
	display:none;
	}
	
h1{
	font-size:1.4em;
	margin-top:3%;
	margin-bottom:3%;
}

.btn-mais{
	float:left;
	border-radius:5px;
	padding:5px;
	margin-top:7%;
	margin-bottom:5%;


}

a.btn-mais{
	font-size:0.8em;
	
}

.clearout{
	clear:both;
}

#fone, #site-info{
	font-size:0.8em;
}
#by-site{
	width:100%;
	font-size:0.7em;
	text-align:center;
	margin-top:3%;
}
}