@charset "utf-8";
/* CSS Document */

body {font-family: 'Dosis', sans-serif; font-size: 18px;}

/* cores */
.text-lightblue { color: #7fbfff; }

.container-header { background: #0d4273; padding: 10px 0;}
.container-main { background: url(../images/fundo_1900.jpg) no-repeat; padding: 10px 0; background-size: auto; min-height: 180px; }
.container-footer {
	position: relative;
	top: -150px;
	background: #0d4273;
	padding: 0;
	padding-top: 120px;
	background-color: rgba(13, 66, 115, 0.95);
	background: rgba(13, 66, 115, 0.95);
	color: rgba(13, 66, 115, 0.95);
}
.footer { background: #0d4273; color: #fff; min-height: 228px;  margin: 0; padding: 25px 10px; }
.footer > .col-md-4:not(:nth-child(3n)) { border-right: 1px solid #7fbfff; }
.sub-footer{ position: relative; top: -140px;}

.img-logo { float: left; }
.img-proj { width: 100%; height: 130px; overflow: hidden; }
a>img:hover {
	-webkit-box-shadow: 0px 0px 8px 3px rgba(13,66,115,1);
	-moz-box-shadow: 0px 0px 8px 3px rgba(13,66,115,1);
	box-shadow: 0px 0px 8px 3px rgba(13,66,115,1);
}

img { visibility: hidden; }

/* Menu */
.nav { position: relative; top: 10px; right: 0; border-radius: 10px; background: #FFF;  /*height: 40px;*/ margin: 5px 0;}
.menu { text-align: right; }
.menu li { display: inline-block; margin: 0 10px; color: #333; font-weight: bold; text-transform:uppercase;}
.menu li a{ color: #333; line-height: 40px;  display: inline-block;  }
.menu li a:focus { text-decoration: none; }


.menu-responsive-wrapp { position: relative; width: 100%; padding: 0; margin: 0 auto; left: 0; right: 0; display: none;}
.menu-responsive { position: relative; margin: 0; padding: 0; background: #0d4273; text-align: center; }
.menu-responsive li{ color: #fff; list-style: none; margin: 0; padding: 0; padding: 5px 0;/* border-top: 1px dotted #7fbfff; border-bottom: 1px dotted #7fbfff; */}
.menu-responsive li:hover { background: #7fbfff; }
.menu-responsive li a { color: #fff;}

/* end Menu */


.main { position: relative; background: #FFF; border: 3px solid #0d4273; padding: 15px; z-index: 35; }

.no-margin { padding: 0; margin: 0; }
.border-1 { border: 1px solid #333; }
.border-left-1 { border-left: 1px solid #CCC; }
.dotted-border-bottom { border-bottom: 1px dotted #CCCCCC; }
.col-md-fotos { overflow: hidden; }
.loading {position: relative; left: 0; right: 0; margin-top: 5px; height: 32px; background:url(../images/loading.gif) no-repeat; display: none; padding-left: 40px; width: 150px; line-height: 32px;}

/* botoes */
.btn-idiomas-wrap { float: right; width: 130px; margin-top: 4px; }
.btn-idiomas { position: relative; border-radius: 50%; width: 46px; height: 46px; line-height: 46px; background: #fff;  color: #333; padding: 0; font-size: 14px; font-weight: bold; margin: 5px; text-align: center; z-index: 21; }
.btn-idiomas:focus { color: #333 !important; }
.btn-idiomas:hover { transition: 0.4s; background: #7fbfff; color: #fff; } 
.btn-idiomas-pt { float: left; }
.btn-idiomas-en { float: right; }
.link-bt { background: #EFEFEF; padding: 3px; }

a:focus, btn:focus { outline: none !important; }


.btn-submenu { position: relative; top: -15px; background: #FFF url(../images/pa-icon.png) 50%  18px no-repeat; padding: 110px 0 18px 0; text-transform: uppercase; color: #0d4273; font-size: 16px; font-weight:bold; text-align: center; border-bottom: 1px solid #0d4273;}
.btn-submenu:hover { 
	-webkit-animation: btn-submenu-anime 0.3s ease-in-out; /* Safari 4+ */
	-moz-animation: btn-submenu-anime 0.3s ease-in-out; /* Fx 5+ */
	-o-animation: btn-submenu-anime 0.3s ease-in-out; /* Opera 12+ */
	animation: btn-submenu-anime 0.3s ease-in-out; /* IE 10+, Fx 29+ */
	animation-fill-mode: forwards;
	cursor: pointer;
	background: #0d4273 url(../images/pa-icon-ativo.png) 50% 18px no-repeat;
	color: #FFF;
	transition: 0.3s;
}

.hover-bt { 
	 -webkit-transition-property: opacity; /* Safari */
    -webkit-transition-duration: 0.5s; /* Safari */
    transition-property: opacity;
    transition-duration: 0.5s;
	-webkit-animation-duration: 0.5s; /* Safari */
  	animation-duration: 0.5s;
	opacity: 0.3;
    filter: alpha(opacity=30); /* For IE8 and earlier */
}

.text-hover-bt, .text-ativo-bt { border-bottom: 5px solid #0d4273; }
.menu-ativo-bt { background: #7fbfff; }

a:hover{ 	text-decoration: none; }

.btn-submenu-ativo { background: #0d4273 url(../images/pa-icon-ativo.png) 50%  18px no-repeat; color: #fff;}

.btn-liguegratis { width: 138px; height: 42px; color: #ffff00; padding-left: 42px; font-size: 0.60em; line-height: 40px; margin: 0; padding-top: 0; text-transform:uppercase; }
.btn-liguegratis-amarelo { background: url(../images/botao_projetos_arquitetura_AMARELO.svg) no-repeat; background-size: cover;}
.btn-liguegratis-amarelo:hover  { color: #ffff00 !important; }
.btn-liguegratis-azul { background: url(../images/botao_projetos_arquitetura_AZUL.svg) no-repeat; color: #0d4273; background-size: cover; }
.btn-liguegratis-amarelo:focus { color: #ffff00 !important; }
.btn-liguegratis-azul:focus { color: #0d4273 !important; }

.img-livro-reclamacoes { position: absolute; right: 50px; bottom: 57px; height: 80px; width: auto; box-shadow: none !important; }

/* Pagina inicio ******************************/
.pagina-inicio { background:url(../images/fundo-geral.jpg) right bottom no-repeat; background-size: contain; }



/* Media **************************************************************************************************/

@media (max-width: 1200px ) {
	.img-livro-reclamacoes { right: 45px; bottom: 46px; }
}


@media (max-width: 992px ) { 
	.container-main { background: url(../images/fundo_1000.jpg) no-repeat; }
	.menu { display: none; }
	.menu-responsive-wrapp { display: block; }
	.footer > .col-md-4:not(:nth-child(3n)) { border-right: none; }
	.img-livro-reclamacoes { right: 40px; bottom: 30px; }
}


@media (max-width: 767px ) {
	.img-logo { float: none; margin: 0 auto; }
	.btn-idiomas-wrap { float: none; margin:0 auto;}
	.btn-submenu {font-size: 9px; background: #FFF url(../images/pa-icon-small.png) 50%  18px no-repeat; }

	.btn-submenu:hover { 
		-webkit-animation: btn-submenu-small-anime 0.3s ease-in-out; /* Safari 4+ */
		-moz-animation: btn-submenu-small-anime 0.3s ease-in-out; /* Fx 5+ */
		-o-animation: btn-submenu-small-anime 0.3s ease-in-out; /* Opera 12+ */
		animation: btn-submenu-small-anime 0.3s ease-in-out; /* IE 10+, Fx 29+ */
		animation-fill-mode: forwards;
		cursor: pointer;
		background: #0d4273 url(../images/pa-icon-small-ativo.png) 50% 18px no-repeat;
		color: #FFF;
		transition: 0.3s;
	}
	.btn-submenu-ativo { background: #0d4273 url(../images/pa-icon-small-ativo.png) 50%  18px no-repeat; color: #fff;}
	.img-livro-reclamacoes {margin-bottom: 20px; right: 40px; bottom: 30px; }

}

@media (min-width: 411px) and (max-width: 767px ) { }


@media (max-width: 410px ) {
	.container-main { background: url(../images/fundo_500.jpg) no-repeat; }
	.paginador-container li h4, p { font-size: 0.8em; }	
	.img-livro-reclamacoes { position: relative; margin: 0 auto; left: calc(50% - 28px); }
}

@media (max-width: 325px ) {
	.btn-proj-mobile { min-height: 155px; }
}


/* animate *************************************************************************************************/

/*.fadeIn { transition-delay: 0.2s; animation-delay: 0.2s; }*/

@-webkit-keyframes btn-submenu-anime {
	0%   {}
	100% { background: #0d4273 url(../images/pa-icon-ativo.png) 50% 18px no-repeat; color: #fff; }
}

@-moz-keyframes btn-submenu-anime {
	0%   {}
	100% { background: #0d4273 url(../images/pa-icon-ativo.png) 50% 18px no-repeat; color: #fff; }
}

@-o-keyframes btn-submenu-anime {
	0%   {}
	100% { background: #0d4273 url(../images/pa-icon-ativo.png) 50% 18px no-repeat; color: #fff; }
}

@keyframes btn-submenu-anime {
	0%   { }
	100% { /*background: #0d4273 url(../images/pa-icon-ativo.png) 50% 18px no-repeat; color: #fff; */}
}


@-webkit-keyframes btn-submenu-small-anime {
	0%   {}
	100% { background: #0d4273 url(../images/pa-icon-small-ativo.png) 50% 18px no-repeat; color: #fff; }
}

@-moz-keyframes btn-submenu-small-anime {
	0%   {}
	100% { background: #0d4273 url(../images/pa-icon-small-ativo.png) 50% 18px no-repeat; color: #fff; }
}

@-o-keyframes btn-submenu-small-anime {
	0%   {}
	100% { background: #0d4273 url(../images/pa-icon-small-ativo.png) 50% 18px no-repeat; color: #fff; }
}

@keyframes btn-submenu-small-anime {
	0%   { }
	100% { /*background: #0d4273 url(../images/pa-icon-small-ativo.png) 50% 18px no-repeat; color: #fff; */}
}