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


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

body {
    font-family: 'Open Sans', Arial, serif;
	color:#2e2e2e;
	font-size:0.8em;
	line-height:1.8em !important;
}

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

ul{
    list-style: none;
}

a {
    text-decoration: none;
    border: none;
	color:#000;
}
a:hover {
    text-decoration: underline;
}

p {
    margin-top:1em;
}

img {
    border: none;
}

.clear{
	clear:both;
}
.clearout{
	display:none;
}
.conteudo{
    max-width:1100px;
    height: auto;
}

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

header{
    width:100%;
	height:auto;
	position:absolute;
	float:left;
	z-index:999;
	background:rgba(255,255,255,0.8);
	
}

/* Logo ------------------------------------------------------------*/
.logo{
	padding:10px 0;
	margin-top:2%;
}


/*Telefone-----------------------------------------------------------*/

.tel{
	color:#000;
	font-size:0.8em;
	font-weight:bolder;
	margin-bottom:1%;
	text-transform:uppercase;
	margin-top:1%;
	text-align:right;
	
}

.tel a{
	color:#000;
	margin-right:1%;
}


.itens-home  {
	text-align:center;
}

.itens-home p {
	line-height:1.5em;
	width:80%;
	text-align:center;
	font-size:1.2em;
	margin:0 auto;
}

.itens-home a{
	color:#4b8e96;
	text-transform:uppercase;
	font-weight:bolder;
	
}

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

.text-align{
	text-align:right;
}
.text-align-justify{
	text-align:justify !important;
}
/* Padding ------------------------------------------------------------*/
.padding-menu{
	padding:25px 0;
}

.padding-1{
	padding:20px;
}

.margin-2{
	margin-bottom:3%;
}

.padding-2{
	padding:30px;
}

.padding-3{
	padding-right:4% !important;
}

/* Border--------------------------------------------------------------*/


.border-top{
	border-top:5px #003663 solid;
	margin-bottom:3%;
}

/* Background----------------------------------------------------------*/

.bg-1{
	background:#ebebeb;
}

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

#banner{
	width: 100%;
    height:auto;
	position:relative;
	float:left;
	
}
/*Fotos----------------------------------------------------------------*/

.fotos{
	margin-bottom:6%;
	margin-top:6%;
}

/*Botao---------------------------------------------------------------*/

.botao{
	background:#4b8e96;
	color:#fff;
	width:20%;
	padding:10px 5px;
	text-align:center;
	text-transform:uppercase;
	font-weight:bolder;
	float:left;
	margin-top:2%;
}

.botao a{
	color:#fff;
}

/*Acesso Rapido-------------------------*/

.acesso{
	width:100%;
	position:relative;
	float:left;
	height:147px;
	
}
.acesso h3{
	width:100%;
	position:relative;
	text-align:center;
	font-weight: bolder !important;
	background: rgba(178, 36, 42, 0.7);
	color:#fff;
	text-transform:uppercase;
	margin-top:35%;
	padding:2% 0% 2% 0;
	font-size:1.2em;
}

.acesso h3 a{
	color:#fff;
}

.bg-1{
	background: url(../images/foto-1.png) no-repeat center ;
}

.bg-2{
	background: url(../images/foto-2.png) no-repeat center ;
}

.bg-3{
	background: url(../images/foto-3.png) no-repeat center ;
}

.bg-4{
	background: url(../images/foto-4.png) no-repeat center ;
}
/*Hover Animado*/
.view {
   width:100%;
   height: 147px;
   margin: 2% 2% 0 0;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;   
}
.view .mask,.view .content {
   width:100%;
   height: 147px !important;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}

.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size:1.3em !important;
   padding: 10px;
   margin: 10% 0 0 0 !important;
   font-weight:bolder !important;
   background:none;
}
.view h2 a{
	 color: #fff;
	 text-decoration:none;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background:none;
   color: #fff;
   text-transform: uppercase;
}

.view-fifth .acesso {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth .mask {
   background-color: rgba(178,36,42,0.8);
   -webkit-transform: translateX(-300px);
   -moz-transform: translateX(-300px);
   -o-transform: translateX(-300px);
   -ms-transform: translateX(-300px);
   transform: translateX(-300px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth h2 {
   background:none;
   color: #fff;

}
.view-fifth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   color: #333;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-fifth:hover .mask {
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
}
.view-fifth:hover img {
   -webkit-transform: translateX(300px);
   -moz-transform: translateX(300px);
   -o-transform: translateX(300px);
   -ms-transform: translateX(300px);
   transform: translateX(300px);
}
.view-fifth:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

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

#miolo {
    width: 100%;
    height:auto;
	position:relative;
	float:left;    
}

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

/* Home--------------------------------------------------------*/

.faixa-home{
	background:#fff;
	z-index:999;
	padding-top:2%;
	padding-bottom:2%;
	font-size:0.9em;
}

.faixa-home strong{
	font-size:1.2em;
	padding-top:5px;
}

/*BG Home-----------------------------------------------------------*/

.bg-home{
	background:url(../images/bg-home.png) no-repeat top center;
}

/*Links Home--------------------------------------------------------*/

.link-home {
	background: url(../images/icone-mais.png) no-repeat bottom right #ccd7e0;
	padding:2% 5%;
	margin-bottom:5%;
	min-height:135px;
	
}

.link-home h2{
	color:#1f5989;
	font-size:1.2em;
	text-transform:uppercase;
	font-weight:bolder;
}

.link-home a{
	text-decoration:none;
	color:#000 !important;	
}

.link-home a:hover {
	text-decoration:none !important;
}

.link-home:hover {
	background: url(../images/icone-mais.png) no-repeat bottom right #ccc;
	text-decoration:none;

}

/*Links Home--------------------------------------------------------*/

.link-empresa {
	background:#ccd7e0;
	padding:5%;
	margin-bottom:5%;
	min-height:430px;
	
}

.link-empresa h2{
	color:#1f5989;
	font-size:1.2em;
	text-transform:uppercase;
	font-weight:bolder;
}

.link-empresa a{
	text-decoration:none;
	color:#000 !important;	
}

.link-empresa a:hover {
	text-decoration:none !important;
}

.link-empresa:hover {
	background:#ccc;
	text-decoration:none;

}

/*Links Úteis-------------------------------------------------------*/

.link-uteis-2 {
	border:1px solid #959595;
	padding:15px 10px;
	width:100%;
	margin-bottom:5%;
	margin-top:5%;
	text-transform:uppercase;
	text-align:center;
}


/* Link -1 ---------------------------------------------------------*/

.link-1{
	background:#003663;
	color:#fff;
	padding:23% 8% 33% 8%;
	text-align:center;
	font-size:0.9em;
}


.link-1:hover{
	background:#7b7979;
	color:#fff;
	padding:23% 8% 33% 8%;
	text-align:center;
	font-size:0.9em;
}

.link-2{
	background:#1f5989;
	color:#fff;
	padding:28% 8%;
	text-align:center;
	font-size:0.9em;
}

.link-1 h2, .link-2 h2{
	color:#fff;
	font-size:1.3em;
	text-transform:uppercase;
	font-weight:bolder;
	border-bottom:1px solid #fff;
	padding-bottom:3%;
}

/*Acesso Rapido-------------------------*/

.title{
	width:100%;
	background: rgba(0,54,99,0.8);
	color:#fff;
	position: absolute;
	z-index:1;
	top:130px;
	padding:10px 0;
	font-weight:bolder;
	text-transform:uppercase;
}

/* Faixa------------------------------------------------------------*/

.faixa{
	background:url(../images/bg-foto.png) no-repeat 50% 50%;
	background-size: cover !important;
	-webkit-background-size: cover !important;
    background-attachment: fixed;
	position: relative;
    min-height: 150px;
    width: 100%;
    overflow: hidden;
	color:#fff;
	padding:20px;
}

.faixa input{
	width:90%;
	height:45px;
	background:rgba(255,255,255,0.7);
	color:#000;
	font-size:0.8em;
	margin-bottom:3%;
}

.faixa input.btn{
	height:45px;
	background:#b2242a;
	color:#fff;
	margin-bottom:3%;
	border:none !important;
	font-weight:bolder;
}

.faixa ::-webkit-input-placeholder {
   color: #000;
   font: 12px verdana, arial, sans-serif;
   padding-left:5px;
}

.faixa :-moz-placeholder {
   color: #000;
   font: 12px verdana, arial, sans-serif;
   padding-left:5px;
}

.faixa ::-moz-placeholder {
   color: #000;  
   font: 12px verdana, arial, sans-serif;
   padding-left:5px;
}

.faixa :-ms-input-placeholder {  
   color: #000;  
   font: 12px verdana, arial, sans-serif;
   padding-left:5px;
}

/*Icones------------------------------------------------------*/

.icones{
	padding-bottom:10px;
}

.icones img{
	padding-right:1%;
	float:left;
}

.col-icones{
	width:20%;
	float:left;
}

/*Titulos-----------------------------------------------------*/

h1{
	color:#2e2e2e!important;
	font-size:1.3em !important;
	font-weight:bolder !important;
	margin-bottom:2% !important;
	text-transform:uppercase;
}

h2{
	color:#2e2e2e !important;
	font-size:1.3em !important;
	font-weight:700 !important;
	margin:0 !important;
	text-transform:uppercase;
}

h3{
	color:#fff !important;
	font-weight:normal !important;
	font-size:1.3em !important;
	text-transform:uppercase;
	
}

h1.pagina{
	color:#2e2e2e!important;
	font-size:1.8em !important;
	font-weight:bolder !important;
	margin-bottom:2% !important;
	text-transform:uppercase;
}

/*Border---------------------------------------------------------------------------*/

.border{
	border-top:8px solid #a2a2a2;
	margin-bottom:3%;
	margin-top:1%;
}

/*Section 2------------------------------------------------------------------------*/

.section-1{
	width: 100%;
	float: left;
	position: relative;
	margin-top: 1%;
	padding:1% 0 1% 0;
}

.section-2{
	width: 100%;
	float: left;
	position: relative;
	margin-top: 1%;
	padding:2% 0 2% 0;
	background:#ebebeb;
}


.section-3{
	width: 100%;
	float: left;
	position: relative;
	padding:0;
}

/*Mapa----------------------------------------------------------------------------*/

.mapa{
	width:100%
}

/*Bloco---------------------------------------------------------------------------*/

.bloco{
	background:#f7f7f7;
	border-top:8px solid #b2242a;
	border-bottom:8px solid #b2242a;
	padding: 13% 7%;
	width:95%;
	text-align:center;
	line-height:1.8em;
	min-height:350px;
	
}

.bloco h2{
	color:#b2242a !important;
	font-weight:300 !important;
	font-size:2em !important;
	margin-bottom:5% !important;
	
}
/* Empresa  -------------------------------------------------------*/

.exclui-foto{
}

.exclui-foto-2{
}

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

.margin-top{
	margin-top:5%;
}

.margin-bottom{
	margin-bottom:5%;
}


.no-padding-left{
	padding-left:0 !important;
}

/*Pagina Links Uteis --------------------------------------------------*/
.link-uteis{
	width:100%;
	margin-top:3%;
}


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

.button{
	width:33%;
	height:35px;
	font-size:1.1em;
	text-transform:uppercase;
	float: left;
	font-weight:300;
	line-height: 1em;
	cursor: pointer;
	color: #fff;
	text-align: center;
	background: #4b8e96;
	border-radius:0;
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 10px;
	padding: 10px;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
.button:hover {
	background: #ccc;
	color:#003663;
	-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 #ccc; 	 
	height: 50px; 
	margin-bottom:2%; 
	border-radius:0px;
	background:#eee;
	width:100%;
	
}

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

input[type="radio"]{
	font-family: 'Open Sans', Arial, serif;
	font-size:0.9em;
	padding: 3px; 
	border: 1px solid #ccc; 
	width: 5%; 
	height: 15px !important; 
	margin-bottom:2%; 
	border-radius:0px; 
	background: #fff;
}

input.orcamento{
	width:100% !important;
}
/* FOOTER -------------------------------------------------------------*/

footer{
    width: 100%;
    height:auto;
    background:#4b8e96;
    color:#fff;
    position:relative;
	line-height:1.8em;
	padding-top:1%;
	padding-bottom:1%;
	font-size:0.9em !important;
}

.footer-2 a, footer a{
	color:#fff !important;
	text-decoration:none;
	font-weight:lighter;
}

.footer-2{
	background:#7b7979 !important;
	color:#fff;
	text-align:center !important;
	font-size:0.9em;
	padding:10px 0;
}


footer a {
	color:#fff !important;
	font-weight:bolder;
	margin-bottom:5%;
}

footer .tel {
	color:#fff !important;
	text-transform:uppercase;
	font-weight:bolder;
	font-size:2em !important;
	margin-bottom:2%;
}

footer .tel a{
	color:#fff !important;
	text-transform:uppercase;
	font-weight:bolder;
	font-size:2em !important;
	margin-bottom:2%;
}


footer h5{
	text-transform:uppercase;
	color:#fff;
	font-weight:bold;
	font-size:1.4em;
	
}

footer .padding-top{
	padding-top:2%;
}

footer span{
	text-transform:uppercase;
}
/* 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%;
}



/*Responsivo---------------------------------------------*/

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

.conteudo{
	padding:0px 5px;
}
	
ul#main-menu li a {	
    padding: 14px 15px;    
}


header{
	position:relative;
}



}


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

.texto-faixa .btn-1{
	width:30%;
}

.exclui-foto-3{
		display:none !important;
	}
.padding-bottom{
	margin-bottom:2%;
}

.clear-mobile{
	clear:both;
}

input[type="radio"]{
	width: 5% !important; 
	height: 15px !important;
}

.col-icones{
	width:30%;
}

.pull-right {
  float: none!important;
}

.tel{
	
	text-align: center;
	
}


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

.menu{
	width:100%;
}

.bloco{
	margin-bottom:2%;
}

.text-left{
	text-align:center !important;
	}
.exclui-coluna{
	display:none;
}
.bx-wrapper .bx-caption{
	display:none;}



}

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

.menu{
	width:100%;
}

.col-pp{
	width:100% !important;
}


.text-right{
	text-align:center !important;
}

.exclui-foto{
	display:none !important;
}

.exclui-coluna{
	display:none !important;
}
}