/* Regras que ficavam num <style> dentro do header.php (mesma ordem e conteúdo do tema original). */

 @media screen and (max-width: 1200px) {
.container {
    width: 1170px;
}

}
 @media screen and (max-width: 992px) {
.container {
    width: 970px;
}
}
 @media screen and (max-width: 768px) {
.container {width: 750px;}
.img-thumbnail, .gallery .gallery-item img {height:auto;}
}

 @media screen and (max-width: 420px) {
.container {width: 100%;}
}
.container {
margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
 }
.img-thumbnail, .gallery .gallery-item img {height:400px;}

#top {font-size: 12px; text-align:center;background: #3d54a5;box-shadow:none;}

#top li {border:0;}

#top li:nth-of-type(2n){border-left: 1px solid #15334c !important; }

.col-md-offset-2, .col-md-offset-3{margin-left:0;}

.title-serv {font-weight: 500; font-family: inherit; font-size:33px; color:#fff;}

.menu-serv {padding:10px 10px 0 0;}

#nav-serv {width:800px; margin:0 auto;} 

.nav>li>a {
    padding: 10px 20px;
    }
h3 {font-size: 23px;}
h4 {font-size:18px;}

.pagination-wrap{clear:both;}

.img-serv {height:auto !important;}

.img-thumbnail {
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);
    padding: 15px;}
.cartoes {float: left; margin:5px; height:30px !important;}

ul li {list-style:none; margin-bottom:10px;}

.form-control {font-size: 12px;}

/* ------------------------------------------------------------------
 * Campo anti-spam (honeypot): invisível para pessoas, não altera o layout.
 * ------------------------------------------------------------------ */
.hp-field {
	position: absolute !important;
	left: -9999px !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

/* ------------------------------------------------------------------
 * ATENÇÃO (não aplicado para manter o layout idêntico):
 * as regras de .container acima usam max-width (o correto do Bootstrap 3 é min-width).
 * Em telas entre 421px e 1199px o container fica mais largo que a tela e aparece
 * barra de rolagem horizontal, o que prejudica o SEO mobile. Para corrigir, apague os 4 blocos
 * @media do início deste arquivo; o Bootstrap já define essas larguras corretamente.
 * ------------------------------------------------------------------ */