*{padding: 0px; margin: 0px; list-style: none; border: 0px; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -khtml-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-modify: read-only; outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}

/* geral */
img{border: none;}
a{text-decoration: none;}
a:hover{text-decoration: underline;}
.corte{clear: both;}
.limite{width: 1120px; margin: auto;}

html{height: 100%;}
body{height: 100%; background: #e7e7e7;}

/* ===================================== */

.bannerMobile{display: none;}
.icoWhatsapp{position: fixed; right: 20px; bottom: 15px; z-index: 9999; cursor: pointer; }
.menu-open{display: block; background: transparent; width: 80px; position: absolute; top: 120px; right: 90px; cursor: pointer;}
.open-interno{width: 80px; top: 60px;}
.menu-open span{display: block; width: 100%; padding: 3px 0; background: #074a78; margin: 8px 0; border-radius: 10px;}

.side-menu-wrapper { /* style menu wrapper */
	display: none;
	background: #074a78;
	padding: 60px 60px 0 20px;
	position: fixed; /* Fixed position */
	top: 0;
	right: 0; /* Sidebar initial position. "right" for right positioned menu */
	height: 100%;
	z-index: 9999999;
	transition: 0.4s; /* CSS transition speed */
	width: 320px;
	box-sizing: border-box;
	text-align: right;
}
.side-menu-wrapper > ul{ /* css ul list style */
	list-style:none;
	padding:0;
	margin:0;
    overflow-y: auto; /* enable scroll for menu items */
	height: 100%;
}
.side-menu-wrapper > ul > li > a { /* links */
    display: block; font-family: Arial; font-weight: 400; font-size: 20px; padding: 7px 0;
    color: #fcf8f5; transition: 0.2s; text-decoration: none;
}
.side-menu-wrapper > a.menu-close { /* close button */
    display: block;
	font-family: Arial;
    color: #fcf8f5;
    font-size: 60px;
    text-decoration: none;
	margin-bottom: 10px
}

.side-menu-wrapper ul .redes{display: inline-block; margin: 10px 2px 0;}
.side-menu-wrapper ul .redes img{width: 35px; -webkit-filter: brightness(0) invert(1%); filter: brightness(0) invert(1);}

.menu-overlay { /* overlay */
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,0.7);
    overflow-y: auto;
    overflow-x: hidden;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s;
}

.pageTitle{background: #074a78; text-align: center; padding: 30px 0;}
.pageTitle h2{color: #f2f2f2; font-weight: normal; font-family: "Times New Roman"; font-size: 30px; line-height: 25px;}
.pageTitle h2 span{font-size: 20px; font-family: 'Times New Roman'; color: #76a1be;}

#header{width: 100%; height: 700px; background: url('../images/banner.jpg') no-repeat center top}
	#header .left{float: left; margin-top: 80px;}
	#header .left h1 img{width: 350px;}
	#header .left ul{margin: 15px auto 0; width: 165px;}
	#header .left ul li{display: inline; margin: 0 5px;}
	#header .left ul li img{width: 42px}
	
#slogan{font-family: "Times New Roman"; font-size: 35px; color: #322d37; width: 800px; left: 50%; margin-left: -400px; letter-spacing: 1px; line-height: 40px; text-align: center; position: absolute; top: 520px;}
#slogan span{font-weight: bold; font-size: 20px;}

#header_interna{width: 100%; padding: 20px 0 15px;}
	#header_interna .center{text-align: center;}
	#header_interna .center img{width: 350px;}

#home .bloco01{width: 1050px; margin: auto auto 40px;}
	#home .bloco01 ul li{cursor: pointer; width: 310px; text-align: center; float: left; margin: 10px 20px;}
	#home .bloco01 ul li img{width: 310px;}

#home .bloco02{background: #074a78; padding: 60px 0;}
	
	#home .bloco02 h2{font-weight: normal; font-size: 55px; text-align: center; color: #fffbe8; font-family: "Times New Roman"; margin-bottom: 30px;}

	#home .bloco02 .texto{width: 1000px; margin: auto; color: #fffbe8; text-align: center; font-family: "Times New Roman"; font-size: 25px; line-height: 32px; letter-spacing: 1px;}
	#home .bloco02 .veja_mais{text-align: center; margin-top: 35px;}
	#home .bloco02 .veja_mais img{width: 200px;}

#quemsomos{background: #ffffff; padding: 60px 0; font-size: 20px; font-family: 'Times New Roman'; color: #555555;}
	#quemsomos .imgPerfil{float: left; width: 450px;}
	#quemsomos .texto{float: right; margin-top: 50px; width: 630px; line-height: 30px}

#equipe{background: #ffffff; padding: 50px 0 40px; font-size: 16px; font-family: 'Times New Roman'; color: #555555; line-height: 25px}
	#equipe ul li{border-bottom: 1px solid #dddddd; padding-bottom: 25px; margin-bottom: 25px;}
	#equipe h3{color: #1a171c; font-family: 'Times New Roman'; font-size: 20px; margin-bottom: 20px; line-height: 26px;}
	#equipe .imgCapa{float: left; width: 220px}
	#equipe .txt{float: right; width: 860px}

#procedimentos{background: #ffffff; padding: 50px 0;}
	#procedimentos ul li{width: 350px; height: 300px; margin: 15px 10px; float: left; border: 1px solid #dddddd; padding: 12px;}
	#procedimentos ul li img{width: 100%; margin-bottom: 10px;}
	#procedimentos ul li h3{color: #555555; font-weight: normal; font-family: 'Times New Roman'; font-size: 19px; line-height: 25px;}

	#procedimentos h4{color: #555555; font-family: 'Times New Roman'; font-size: 25px; margin-bottom: 25px; line-height: 28px;}
	#procedimentos .imgPerfil{float: left; margin-right: 20px; width: 430px}
	#procedimentos .texto{float: right; width: 650px; font-size: 18px; font-family: 'Times New Roman'; color: #555555; line-height: 25px}
	
	#procedimentos .iframe{float: left; margin-right: 20px; width: 430px; height: 300px;}

#footer{}
	#footer {padding: 80px 0 50px;}
	#footer h2{font-family: "Times New Roman"; font-weight: normal; font-size: 32px; color: #322d37; text-align: center;}
	#footer .maps{font-family: "Times New Roman"; font-weight: normal; font-size: 25px; width: 395px; margin: 20px auto;}
	#footer .maps a{display: block; text-decoration: none; color: #322d37; text-align: center; border: 3px solid #074a78; padding: 10px 15px; border-radius: 10px; display: inline-block; margin-top: 5px;}
	#footer .maps img{width: 42px; margin-left: 18px; vertical-align: middle}

	#footer .copyright{font-family: "Times New Roman"; font-weight: normal; font-size: 20px; color: #322d37; text-align: center; font-style: italic;}

/* ===================================== */

@media only screen and (min-width: 360px) and (max-width: 800px){

.limite{width: 100%;}
.icoWhatsapp{right: 10px; bottom: 10px;}
.bannerMobile{display: block; width: 100%;}

.menu-open{width: 40px; top: 42px; right: 20px;}
.open-interno{width: 40px; top: 42px;}

.pageTitle{background: #074a78; text-align: center; padding: 30px 0;}
.pageTitle h2{color: #f2f2f2; font-weight: normal; font-family: "Times New Roman"; font-size: 30px; line-height: 25px;}
.pageTitle h2 span{font-size: 20px; font-family: 'Times New Roman'; color: #76a1be;}

#header{width: 100%; height: auto; background: none;}
	#header .left{float: none; text-align: center; margin-top: 0; padding: 20px 0 12px;}
	#header .left h1 img{width: 260px;}
	#header .left ul{display: none;}

#slogan{font-size: 22px; width: 100%; padding: 0px 15px; left: 0; margin-left: 0; letter-spacing: 0; line-height: 32px; text-align: center; position: static; top: 0;}
#slogan img{display: none;}

#header_interna{width: 100%; padding: 20px 0 15px;}
	#header_interna .center{text-align: center;}
	#header_interna .center img{width: 260px;}

#home .bloco01{width: 100%; padding: 0 10px; margin: auto auto 40px;}
	#home .bloco01 ul li{cursor: pointer; width: 100%; text-align: center; float: none; margin: 10px 0;}
	#home .bloco01 ul li img{width: 310px;}

#home .bloco02{background: #074a78; padding: 50px 15px;}
	
	#home .bloco02 h2{font-weight: normal; font-size: 32px; text-align: center; margin-bottom: 28px;}

	#home .bloco02 .texto{width: 100%; margin: auto; color: #fffbe8; text-align: center; font-family: "Times New Roman"; font-size: 20px; line-height: 28px; letter-spacing: 0;}
	#home .bloco02 .veja_mais{text-align: center; margin-top: 35px;}
	#home .bloco02 .veja_mais img{width: 160px;}

#quemsomos{padding: 20px 20px 40px; font-size: 18px; text-align: center;}
	#quemsomos .imgPerfil{float: none; width: 100%; margin-bottom:20px}
	#quemsomos .texto{float: none; width: 100%; text-align: left; line-height: 24px}

#equipe{padding: 20px 20px 40px; font-size: 16px; line-height: 25px}
	#equipe ul li{border-bottom: 1px solid #dddddd; padding-bottom: 25px; margin-bottom: 25px;}
	#equipe h3{font-size: 20px; margin-bottom: 20px; line-height: 26px;}
	#equipe .imgCapa{float: none; width: 100%; margin-bottom:15px}
	#equipe .txt{float: none; width: 100%}

#procedimentos{padding: 20px 20px;}
	#procedimentos ul li{width: 100%; height: auto; margin: 0 0 30px; float: none; padding: 12px;}
	#procedimentos ul li img{width: 100%; margin-bottom: 10px;}
	#procedimentos ul li h3{font-size: 20px; line-height: 25px;}

	#procedimentos h4{font-size: 20px; margin-bottom: 25px; line-height: 26px;}
	#procedimentos .imgPerfil{float: none; margin-right: 0; width: 100%; margin-bottom: 10px;}
	#procedimentos .texto{float: none; width: 100%; font-size: 18px; line-height: 25px}
	
	#procedimentos .iframe{float: none; margin-right: 0; width: 100%; height: 300px; margin-bottom: 10px;}

#footer{}
	#footer {padding: 50px 15px 50px;}
	#footer h2{font-size: 24px;}
	#footer .maps{font-size: 20px; width: 350px; margin: 25px auto; text-align: center;}
	#footer .maps a{padding: 10px 12px; display: inline-block; margin-top: 5px;}
	#footer .maps img{width: 32px; margin: 5px 0 0 8px;}

	#footer .copyright{font-size: 18px;}

}