/*



Theme Name: GSE Ergonomia

Description: Tema desenvolvido para GSE Ergonomia, utilizando como base o tema Efez Corp.

Author: Raphael Efez

Version: 1.0



*/

img.alignright {float:right; margin:0 0 1em 1em}

img.alignleft {float:left; margin:0 1em 1em 0}

img.aligncenter {display: block; margin-left: auto; margin-right: auto}

a img.alignright {float:right; margin:0 0 1em 1em}

a img.alignleft {float:left; margin:0 1em 1em 0}

a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

#backtop {position: fixed; right: 20px; bottom: 20px;}



body {margin: 0; padding: 0; background: #ffffff; font-family: 'Arial',sans-serif; font-weight: lighter; font-stretch: condensed; color: #6c6c6c; font-size: 17px;}

a {text-decoration: none;}

.service-titles {font-family: 'bebas_neuebold'; font-size: 36px; margin: 0;}

.leiamais {font-family: 'bebas_neueregular'; font-size: 28px; margin: 0;}

.leiamais-post {font-family: 'bebas_neueregular'; font-size: 18px; margin: 0;}



#header {width: 100%; position: absolute; z-index: 10; top: 0;}

#top {width: 996px; margin: 0 auto; }

#logo {float: left; margin-left: 5px;}

#menu {float: right; margin : 30px 5px 30px 0;}

#menu ul {padding: 0; margin: 0; list-style: none; text-transform: uppercase;}

#menu ul li {float: left; font-family: 'bebas_neueregular'; font-size: 24px; margin-left: 10px;}

#menu ul li a {text-decoration: none;  color: #010000;}

#menu ul li a span {color: #00832d;}

#menu ul li a span:hover {color: #006924; transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s; -webkit-transition:all 0.2s;}

#menu ul li a:hover {color: #00832d; transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s; -webkit-transition:all 0.2s;}

.fonetop {margin-left: 15px!important;}




#menu-responsivo {display: none;}



#slider {width: 100%; overflow: hidden; margin-top: 72px;}

#page-title {width: 100%; overflow: hidden; margin-top: 88px; background: #00832d url(img/bg-pages.png) center top no-repeat; margin-bottom: 50px; }

#page-title-content {color: #ffffff; width: 996px; margin: 0 auto; text-align: center; padding: 45px 0px; text-transform: uppercase;}

#page-title-content h5 {font-family: 'bebas_neuebold'; font-size: 36px; margin: 0;}

#page-title-content h6 {font-family: 'bebas_neuelight'; font-size: 19px; margin: 0; letter-spacing: 2px;}



#container {width: 100%;}

#content {width: 996px; margin: 0 auto; text-align: justify;}

#services {width: 100%; padding-bottom: 28px; display: inline-block; text-align: center;}

#serv {width: 322px; float: left; text-align: center; margin: 0 5px;}

#serv h1 {color: #00832d;}

#miniatura {width: 145px; height: 145px; border-radius: 50%; overflow: hidden; margin: 20px auto;}

#serv img {width: auto; height: 170px;}

#service-link {text-decoration: none; color: #00832d;}
#service-link:hover {color: #00A902;}

#botao-leiamais a {background: #00832d; color: #ffffff; padding: 15px 35px;}

#botao-leiamais a:hover {background: #eaeaea; color: #00832d;}

#botao-leiamais {margin: 50px 0;}

#allserv {width: 100%; text-align: center;}

#allserv a {color: #00832d; margin-top: 30px;}

#allserv a:hover {color: #006924; transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s; -webkit-transition:all 0.2s;}



#depoimentos {width: 100%; background: #00832d; color: #ffffff; margin-top: 69px; }

#depoimentos h5 {font-family: 'bebas_neuebold'; font-size: 36px; margin: 0;}

#depoimentos h6 {font-family: 'bebas_neuelight'; font-size: 19px; margin: 0; font-style: italic; letter-spacing: 2px;}

#depoimentos-window {width: 996px; margin: 0 auto; text-align: center;}

#depoimentos-content {width: 100%; display: inline-block; margin: 30px 0; text-align: center;}

#depoimentos-window h5 {padding-top: 40px;}

#depoimentos-window h6 {font-style:normal; letter-spacing: 2px; }

#dep-thumb {width: 120px; height: 120px; border-radius: 50%; float: left; margin-top: 45px; margin-left: 125px; overflow: hidden;}

#dep-thumb img {width: auto; height: 135px;}

#dep {width: 600px; float: left; margin-left: 16px; text-align: justify;}

#dep p {font-family: 'Arial',sans-serif; font-size: 16px; color: #ffffff; font-weight: lighter; font-stretch: condensed; font-style: italic;}

#dep-control {width: auto; margin-left: 136px; margin-top: 23px;}

#dep-control a {font-family: 'bebas_neuebold'; font-size: 18px; color: #ffffff; margin: 0; text-decoration: none; font-weight: lighter; letter-spacing: 1px;}



#blog {width: 100%; margin: 80px 0;}

#blog-content {width: 996px; margin: 0 auto; text-align: center;}

#blog-content h5 {font-family: 'bebas_neuebold'; font-size: 36px; margin: 0; color: #00832d;}

#blog-content h6 {font-family: 'bebas_neuelight'; font-size: 19px; margin: 0; letter-spacing: 2px; color: #00832d; padding-bottom: 30px;}

#blog-posts {width: 100%; display: inline-block;}

#post {float: left; width: 322px; text-align: justify; margin: 30px 5px;}

#post h5 {font-family: 'bebas_neuebold'; font-size: 28px; margin: 0; color: #00832d;}

#post h6 {font-family: 'bebas_neuelight'; font-size: 15px; margin: 0; letter-spacing: 2px; color: #00832d; padding-bottom: 5px!important;}

#post a {background: #00832d; color: #ffffff; padding: 15px 35px;}

#post a:hover {background: #eaeaea; color: #00832d;}

#botao-leiamais-post {margin: 30px 0;}



#page-blog-content {width: 996px; margin: 0 auto; text-align: center;}

#page-blog-content h5 {font-family: 'bebas_neuebold'; font-size: 36px; margin: 0; color: #00832d;}

#page-blog-content h6 {font-family: 'bebas_neuelight'; font-size: 19px; margin: 0; letter-spacing: 2px; color: #00832d; padding-bottom: 30px;}

#page-blog-posts {width: 100%; display: inline-block;}

#page-post {float: left; width: 100%; text-align: justify; margin: 30px 5px; border-bottom: solid 1px #c6c6c6;}

#page-post h5 {font-family: 'bebas_neuebold'; font-size: 28px; margin: 0; color: #00832d;}

#page-post h6 {font-family: 'bebas_neuelight'; font-size: 15px; margin: 0; letter-spacing: 2px; color: #00832d; padding-bottom: 5px!important;}

#page-post a {background: #00832d; color: #ffffff; padding: 15px 35px;}

#page-post a:hover {background: #eaeaea; color: #00832d;}

#page-botao-leiamais-post {margin: 64px 0;}



#galeria-content {width: 996px; margin: 0 auto; text-align: center;}

#galeria-content h5 {font-family: 'bebas_neuebold'; font-size: 36px; margin: 0; color: #00832d;}

#galeria-content h6 {font-family: 'bebas_neuelight'; font-size: 19px; margin: 0; letter-spacing: 2px; color: #00832d; padding-bottom: 30px;}

#galeria-posts {width: 100%; display: inline-block;}

#galeria-post {float: left; width: 322px; text-align: justify; margin: 30px 5px;}

#galeria-post h5 {font-family: 'bebas_neuebold'; font-size: 28px; margin: 0; color: #00832d;}

#galeria-post h6 {font-family: 'bebas_neuelight'; font-size: 15px; margin: 0; letter-spacing: 2px; color: #00832d; padding-bottom: 5px!important;}

#galeria-post a {background: #00832d; color: #ffffff; padding: 15px 35px;}

#galeria-post a:hover {background: #eaeaea; color: #00832d;}

#galeria-botao-leiamais-post {margin: 30px 0;}

#galeria-miniatura {width: 100%; overflow: hidden; max-height: 214.63px; height: 214.63px; border-bottom: solid 4px #00832d; margin-bottom: 15px;}

#galeria-miniatura img {width: 100%; height: auto; max-width: 100%; min-height: 214.63px;}



#galeria-botao-back a {text-transform: uppercase; margin-top: 40px; color: #00832d; margin-left: 9px;}

#galeria-botao-back a:hover {color: #6c6c6c;}



.gallery-icon img {border: solid 1px #00832d; padding: 0!important;}

.gallery-row {padding-bottom: 12px;}





#contato {width: 100%;  background-image: url(img/contato_bg.jpg); background-position: center top; background-repeat: repeat-x; display: inline-block;     background-color: #229655;}

#contato-titulo {width: 100%; margin: 0 auto; padding-top: 20px; text-align: center;}

#contato-titulo h3 {font-family: 'bebas_neuebold'; font-size: 36px; margin-bottom: 0; color: #ffffff; margin: 0 ;}

#contato-titulo p {font-family: 'Arial',sans-serif; font-size: 16px; color: #ffffff; font-weight: lighter; font-stretch: condensed; margin: 0;}



#contato-content {width: 972px; margin: 0 auto; padding: 36px; 0px;}

#mapa {width: 478px; float: left;}

#formulario {width: 478px; float: right;}


#contato-titulo p span {border-bottom: dashed thin #eaeaea; padding-bottom: 2px;}


.campos-simples {width: 478px; height: 30px; border: solid #ffffff 1px; background: none; color: #ffffff; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}

.campo-mensagem {width: 475px; height: 160px; border: solid #ffffff 1px; background: none; color: #ffffff; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}

.enviar-botao {width: 150px; height: 50px; border: solid #ffffff 1px; background: none; font-family: 'bebas_neueregular'; font-size: 24px; color: #ffffff; margin-top: 6px; }

.obrigatorio {font-family: 'Arial',sans-serif; font-size: 12px!important; color: #ffffff!important; font-weight: lighter; font-stretch: condensed; text-transform: uppercase; padding-top: 20px;}

#formulario form p {font-family: 'bebas_neueregular'; font-size: 24px; color: #ffffff; margin-top: 0;}



#trabalhe-conosco-form {width: 98%; margin: 0 auto;}

#trabalhe-conosco-form form label {text-transform: uppercase;}

.campo-simples {width: 100%; height: 30px; padding-left: 8px;}

.menu-suspenso {width: 40%; height: 30px; padding-left: 8px;}

.caixa-selecao {}

.caixa-texto {width: 100%; height: 160px; padding-left: 8px; padding-top: 8px;}

.enviar-curriculum {width: 40%; height: 40px; text-transform: uppercase; background: none; border: solid 1px #6c6c6c;}





#footer {width: 100%; clear: both; margin: 40px 0;}

#footer-content {width: 972px; margin: 0 auto; padding: 20px 0;}

#footer-dev-logo {float: left;}

#footer-dev-credits {float: right; text-align: right;}

#footer-dev-credits p {font-family: 'Arial',sans-serif; font-size: 12px; color: #6c6c6c; font-weight: lighter; font-stretch: condensed; margin: 0;}

#footer-dev-credits spam {color: #08a959;}



.screen-reader-response {display: none;}

.wpcf7-response-output {font-family: 'Arial',sans-serif; font-size: 12px; color: #ffb400; font-weight: lighter; font-stretch: condensed; text-transform: uppercase; padding-bottom: 20px; border: none!important;}

.wpcf7-not-valid-tip {font-family: 'Arial',sans-serif; font-size: 12px!important; color: #ffb400!important; font-weight: lighter; font-stretch: condensed; text-transform: uppercase; padding-top: 20px;}



.wpcf7-validation-errors {border: none;}

div.wpcf7-response-output {margin: 0!important; padding: 0 0 20px 0!important;}











::selection {color:#ffffff; background: #08a959;}

::-moz-selection {color:#ffffff; background: #08a959;}

::-webkit-selection {color:#ffffff; background: #08a959;}



#paginacao {font-family: 'bebas_neueregular'; font-size: 16px; margin: 40px 0;}

#paginacao a{text-decoration: none; color: #ffffff;}

.page-numbers { color: #ffffff; font-size: 16px; text-transform: uppercase; text-align: left; background: #08a959; padding: 10px 15px;  border-radius: 8%;}

.page-numbers:hover {background: #02743b;}

.page-numbers a {text-decoration: none;}





blockquote {background: #eaeaea; padding: 5px 20px; margin: 20px!important; border-left: 2px solid #00832d;}

#botao-back a {text-transform: uppercase; margin-top: 20px; color: #00832d;}

#botao-back a:hover {color: #6c6c6c;}

#backtop-mobile {display: none;}




/*------------------------------------------MEDIA QUERIES-------------------------------------------*/



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



#content img {max-width: 100%; height: auto;}

#miniatura img {max-width: none; height: 150px;}
#backtop {display: none;}
#backtop-mobile {display: block; text-align: center; width: 100%;}	

	

	

#header {width: 100%;}

#top {width: 93.962%;}

#page-title-content { width: 93.962%;}



#slider {width: 100%;}



#container {width: 100%;}

#content {width: 93.962%;}

#services {width: 100%;}

#serv {width: 30.377%;  margin: 0px 1.3207%;}

#allserv {width: 100%;}





#depoimentos {width: 100%;}

#depoimentos-window {width: 93.962%;}

#depoimentos-content {width: 100%;}

#dep {width: 56.603%;}

#blog {width: 100%;}

#blog-content {width: 93.962%;}

#blog-posts {width: 100%;}

#post {width: 30.377%; margin: 30px 1.3207%;}



#page-blog {width: 100%;}

#page-blog-content {width: 93.962%;}

#page-blog-posts {width: 100%;}

#page-post {width: 100%; margin: 30px 1.3207%;}



#galeria-botao-back a {text-transform: uppercase; margin-top: 40px; color: #00832d; margin-left: 0;}





#contato {width: 100%;}

#contato-titulo {width: 100%;}



#contato-content {width: 93.962%; padding: 36px 0 0 0;}

#mapa {width: 45.094%;}

#formulario {width: 45.094%}



#formulario form input[type=text],[type=email] {width: 100%; height: 30px; border: solid #ffffff 1px; background: none; color: #ffffff; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}

#formulario form textarea {width: 100%; height: 160px; border: solid #ffffff 1px; background: none; color: #ffffff; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}

#formulario form input[type=submit] {width: 150px; height: 50px; border: solid #ffffff 1px; background: none; font-family: 'bebas_neueregular'; font-size: 24px; color: #ffffff; margin-top: 6px; }



#footer {width: 100%;}

#footer-content {width: 93.962%;}



}



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



#galeria-content {width: 98%;}

#galeria-posts {width: 100%;}

#galeria-post {float: left; width: 48%; text-align: justify; margin: 30px 5px;}



#galeria-miniatura {width: 100%; overflow: hidden; max-height: 214.63px; height: 214.63px; border-bottom: solid 4px #00832d; margin-bottom: 15px;}

#galeria-miniatura img {width: 100%; height: auto; max-width: 100%; min-height: 214.63px;}



}



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

	





#mapa {display:	none;}

#formulario {width: 98%; text-align: center; float: none; margin: 0 auto;}





}



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

	





#mapa {display:	none;}

#formulario {width: 98%; text-align: center; float: none; margin: 0 auto;}

#logo img {width: 130px; height: auto;}





}



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

	





#dep-thumb {display: none;}

#dep {width: 79.603%; float: none; margin: 0 auto; text-align: center;}





}



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

	



#menu {display: none;}

#menu-responsivo {display: block; font-family: 'bebas_neuebook'; font-size: 24px; margin: 10px 0px; position: absolute; z-index: 100; right: 5px; z-index: 100;}



#menu-responsivo ul {padding: 0 0; margin: 0; list-style: none;}

#menu-responsivo ul li { float: right;}

#menu-responsivo ul li a {color: #6c6c6c; text-decoration: none; padding: 15px 5px; display: block; text-align: right;}

#menu-responsivo ul li a:hover {color: #ffffff; background: #f7f7f7; border-right: #08a959 solid 5px; }

#menu-responsivo ul li:hover ul {display: block; z-index: 1;}

#menu-responsivo ul li ul {width: 220px; display: none; background: #f7f7f7; position: absolute; border-right: #08a959 solid 5px; right: 0;}

#menu-responsivo ul li ul li {width: 220px;}

#menu-responsivo ul li ul li a {padding: 10px 12px;}

#menu-responsivo ul li ul li a:hover {background: #08a959;}



.menuicon {width: 35px; display: block; cursor: pointer;}

.bar1, .bar2, .bar3 {width: 35px;height: 5px; background-color: #08a959; margin: 6px 0; transition: 0.4s;}

.change .bar1 {-webkit-transform: rotate(-45deg) translate(-9px, 6px) ;transform: rotate(-45deg) translate(-9px, 6px) ;}

.change .bar2 {opacity: 0;}

.change .bar3 {-webkit-transform: rotate(45deg) translate(-8px, -8px) ;transform: rotate(45deg) translate(-8px, -8px) ;}





}



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

	

#footer-dev-logo {display: none;}

#footer-dev-credits {width: 98%; margin: 0 auto; text-align: center;}



}



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

	

#serv {width: 98%;}

#post {width: 98%; text-align: center;}



}



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



#galeria-content {width: 98%;}

#galeria-posts {width: 100%;}

#galeria-post {float: left; width: 98%; text-align: justify; margin: 30px 5px;}



#galeria-miniatura {width: 100%; overflow: hidden; max-height: 214.63px; height: 214.63px; border-bottom: solid 4px #00832d; margin-bottom: 15px;}

#galeria-miniatura img {width: 100%; height: auto; max-width: 100%; min-height: 214.63px;}



}



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



#galeria-content {width: 98%;}

#galeria-posts {width: 100%;}

#galeria-post {float: left; width: 98%; text-align: justify; margin: 30px 5px;}



#galeria-miniatura {width: 100%; overflow: hidden; max-height: 214.63px; height: auto; border-bottom: solid 4px #00832d; margin-bottom: 15px;}

#galeria-miniatura img {width: 100%; height: auto; max-width: 100%; min-height: inherit;}





}