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

@import url(https://fonts.googleapis.com/css?family=Raleway&display=swap);

body {
	font-family: 'Raleway', sans-serif;
	line-height: 1.5em;
}

h1,h2 {
	font-weight: normal;
	color: #333;
}

@media only screen and (min-width: 801px) and (max-width: 20000px) {	

.header {
	overflow: hidden;
	/*border: 1px solid #f0f;*/
}

.headerLeft {
	float: left;
	padding: 10px;
	/*border: 1px solid #0f0;*/
}

.headerLeft img {
	max-width: 350px;
}

.headerRight {
	float: right;
	padding: 10px;
	text-align: center;
	margin-top: 15px;
	/*border: 1px solid #f0f;*/
}

.headerRight img {
	width: 20px;
	vertical-align: middle;
}

.headerRight a {
	text-decoration: none;
	color: #333;
}

.whatsNumber {
	/*border: 0px dotted #f0f;*/
	font-family: Arial;
}

.menu {
	overflow: hidden;
	margin: 10px auto;
	/*border: 1px solid #f0f;*/
}

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

.menu ul li {
	float: left;
}

.menu ul li a {
	float: left;
	padding: 5px 15px 5px 15px;
	margin: 5px;
	/*background: #333;*/
	color: #000;
	text-decoration: none;
}

.menu ul li a:hover {
	background: #a7cf3a;
}

.bkHeader {
	background: #fff;
}

.fraseBannerHome {
	text-align: center;
	line-height: 1.5em;
	padding: 20px;
	margin-top: 50px;
	color: #333;
	/*border: 1px solid #f0f;*/
}

.fraseBannerHome p {
	max-width: 800px;
	margin: 5px auto 5px auto;
	font-size: 1.2em;
	color: #333;
	/*border: 1px solid #f0f;*/
}

.frase {
	font-size: 1em !important;
	margin-top: 20px !important;
}

.frase span {
	font-size: 0.9em;
	font-style: italic;
}

.content {
	text-align: center;
	line-height: 1.5em;
	padding: 20px;
}

.content p {
	/*border: 0px solid #f0f;*/
	max-width: 800px;
	margin: 5px auto 5px auto;
}

.contentGray {
	text-align: center;
	line-height: 1.5em;
	padding: 20px;
	background:#fff;
	background-size: 100%;
	color:#000;	
	/*border: 1px solid #f0f;*/
}


.rodney ul {
	padding: 0px 410px 0px 0px;
	list-style: none;
    text-align: center;
	text-decoration: none;
	margin: -40px;
	
	
}

.patricia ul {
	padding: 0px 0px 0px 400px;
    text-align: center;
	text-decoration: none;
	list-style: none;
	margin: -70px;
	
	
}

.especialization ul {
	padding: 0px 0px 0px 0px;
	text-align: center;
	text-decoration: none;
	list-style: none;
	margin: -80px;
	
}

.graduation ul {
	padding: 0px 0px 0px 0px;
	text-align: center;
	text-decoration: none;
	list-style: none;
	margin: 100px;
	
}


.contentGrayClear {
	text-align: center;
	line-height: 1.5em;
	padding: 20px;
	background:#fff;
	color:#333;
	margin: 100px;
}

.contentGrayClear p {
	/*border: 0px solid #f0f;*/
	max-width: 800px;
	margin: 5px auto 5px auto;
}

.icons2 {
	overflow: hidden;
	max-width: 800px;
	margin: 0 auto;
}

.icons2 div {
	width: 39%;
	margin: 10px 5% 10px 5%;
	float: left;
}

.icons2 div img {
	max-width: 250px;
}

.icons2 div h2 {
	font-weight: normal;
}

.icons3 {
	overflow: hidden;
	max-width: 800px;
	margin: 20px auto;
	/*border: 1px solid #f0f;*/
}

/* ICONES EM 3 COLUNAS */

.icons3 div {
	width: 29%;
	margin: 10px 2% 10px 2%;
	float: left;
	/*border: 0px solid #f0f;*/
}

.icons3 div img {
	max-width: 180px;
}

.icons3 div h2 {
	font-weight: normal;
}

/* RODAPE */

.footer {
	font-family: Arial;
	text-align: middle;
	vertical-align: middle;
	background: #333;
	padding: 20px;
	color: #fff;
	text-align: center;
}

.footer a {
	font-family: Arial;
	text-align: middle;
	vertical-align: middle;
	text-decoration: none;
	color: #fff;
	padding: -30px;
}
.footer img {
	text-align: middle;
	vertical-align: middle;
}

}


@media only screen and (min-width: 481px) and (max-width: 800px) {
.header {
	overflow: hidden;
	/*border: 1px solid #f0f;*/
}

.headerLeft {
	padding: 10px;
	text-align: center;
}

.headerLeft img {
	max-width: 350px;
}

.headerRight {
	padding: 10px;
	text-align: center;
	margin-top: 15px;
}

.headerRight img {
	width: 20px;
	vertical-align: middle;
}

.headerRight a {
	text-decoration: none;
	color: #333;
}

.whatsNumber {
	/*border: 0px dotted #f0f;*/
	font-family: Arial;
}

.menu {
	overflow: hidden;
	margin: 10px auto;
	/*border: 1px solid #f0f;*/
}

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

.menu ul li {
	float: left;
}

.menu ul li a {
	float: left;
	padding: 5px 15px 5px 15px;
	margin: 5px;
	/*background: #333;*/
	color: #000;
	text-decoration: none;
}

.menu ul li a:hover {
	background: #a7cf3a;
}

.bkHeader {
	background: #fff;
}

.fraseBannerHome {
	text-align: center;
	line-height: 1.5em;
	padding: 20px;
	margin-top: 50px;
	color: #333;
	/*border: 1px solid #f0f;*/
}

.fraseBannerHome p {
	max-width: 800px;
	margin: 5px auto 5px auto;
	font-size: 1.2em;
	color: #333;
	/*border: 1px solid #f0f;*/
}

.frase {
	font-size: 1em !important;
	margin-top: 20px !important;
}

.frase span {
	font-size: 0.9em;
	font-style: italic;
}

.content {
	text-align: center;
	line-height: 1.5em;
	padding: 20px;
}

.content p {
	/*border: 0px solid #f0f;*/
	max-width: 800px;
	margin: 5px auto 5px auto;
}

.contentGray {
	text-align: center;
	line-height: 1.5em;
	padding: 20px;
	background:#fff;
	background-size: 100%;
	color:#000;	
	/*border: 1px solid #f0f;*/
}


.rodney ul {
	padding: 0px 410px 0px 0px;
	list-style: none;
    text-align: center;
	text-decoration: none;
	margin: -40px;
	
	
}

.patricia ul {
	padding: 0px 0px 0px 400px;
    text-align: center;
	text-decoration: none;
	list-style: none;
	margin: -70px;
	
	
}

.especialization ul {
	padding: 0px 0px 0px 0px;
	text-align: center;
	text-decoration: none;
	list-style: none;
	margin: -80px;
	
}

.graduation ul {
	padding: 0px 0px 0px 0px;
	text-align: center;
	text-decoration: none;
	list-style: none;
	margin: 100px;
	
}


.contentGrayClear {
	text-align: center;
	line-height: 1.5em;
	padding: 20px;
	background:#fff;
	color:#333;
	margin: 100px;
}

.contentGrayClear p {
	/*border: 0px solid #f0f;*/
	max-width: 800px;
	margin: 5px auto 5px auto;
}

.icons2 {
	overflow: hidden;
	max-width: 800px;
	margin: 0 auto;
}

.icons2 div {
	width: 39%;
	margin: 10px 5% 10px 5%;
	float: left;
}

.icons2 div img {
	max-width: 250px;
}

.icons2 div h2 {
	font-weight: normal;
}

/* ICONES EM 3 COLUNAS */

.icons3 {
	overflow: hidden;
	margin: 20px auto;
}

.icons3 div {
	width: 46%;
	margin: 10px 2% 10px 2%;
	float: left;
	/*border: 0px solid #f0f;*/
}

.icons3 div img {
	max-width: 180px;
}

.icons3 div h2 {
	font-weight: normal;
}

/* RODAPE */

.footer {
	font-family: Arial;
	text-align: middle;
	vertical-align: middle;
	background: #333;
	padding: 20px;
	color: #fff;
	text-align: center;
}

.footer a {
	font-family: Arial;
	text-align: middle;
	vertical-align: middle;
	text-decoration: none;
	color: #fff;
	padding: -30px;
}
.footer img {
	text-align: middle;
	vertical-align: middle;
}
	
}


/* Mobile */
@media only screen and (max-width: 480px) {
.header {
	overflow: hidden;
	/*border: 1px solid #f0f;*/
}

.headerLeft {
	padding: 10px;
	text-align: center;
}

.headerLeft img {
	max-width: 350px;
}

.headerRight {
	padding: 10px;
	text-align: center;
	margin-top: 15px;
}

.headerRight img {
	width: 20px;
	vertical-align: middle;
}

.headerRight a {
	text-decoration: none;
	color: #333;
}

.whatsNumber {
	/*border: 0px dotted #f0f;*/
	font-family: Arial;
}

.menu {
	overflow: hidden;
	margin: 10px auto;
	/*border: 1px solid #f0f;*/
}

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

.menu ul li {
	float: left;
}

.menu ul li a {
	float: left;
	padding: 5px 10px 5px 10px;
	margin: 5px;
	/*background: #333;*/
	color: #000;
	text-decoration: none;
}

.menu ul li a:hover {
	background: #a7cf3a;
}

.bkHeader {
	background: #fff;
}

.fraseBannerHome {
	text-align: center;
	line-height: 1.5em;
	padding: 20px;
	margin-top: 50px;
	color: #333;
	/*border: 1px solid #f0f;*/
}

.fraseBannerHome p {
	max-width: 800px;
	margin: 5px auto 5px auto;
	font-size: 1.2em;
	color: #333;
	/*border: 1px solid #f0f;*/
}

.frase {
	font-size: 1em !important;
	margin-top: 20px !important;
}

.frase span {
	font-size: 0.9em;
	font-style: italic;
}

.content {
	text-align: center;
	line-height: 1.5em;
	padding: 20px;
}

.content p {
	/*border: 0px solid #f0f;*/
	max-width: 800px;
	margin: 5px auto 5px auto;
}

.contentGray {
	text-align: center;
	line-height: 1.5em;
	padding: 20px;
	background:#fff;
	background-size: 100%;
	color:#000;	
	/*border: 1px solid #f0f;*/
}

.especialization ul {
	text-align: center;
	list-style: none;
	padding: 0;
}

.graduation ul {
	text-align: center;
	list-style: none;
	padding: 0;
}


.contentGrayClear {
	text-align: center;
	line-height: 1.5em;
	padding: 20px;
	background:#fff;
	color:#333;
	margin: 1em;
}

.contentGrayClear p {
	/*border: 0px solid #f0f;*/
	max-width: 800px;
	margin: 5px auto 5px auto;
}

.icons2 {
	overflow: hidden;
	max-width: 800px;
	margin: 0 auto;
}

.icons2 div {
	max-width: 300px;
	border: 1px solid #ccc;
	margin: 1em auto;
}

.icons2 div img {
	width: 100%;
}

.icons2 div h2 {
	font-weight: normal;
}

/* ICONES EM 3 COLUNAS */

.icons3 {
	overflow: hidden;
	margin: 20px auto;
}

.icons3 div {
	margin: 1em 2% 1em 2%;
	border: 1px solid #ccc;
}

.icons3 div img {
	max-width: 200px;
}

.icons3 div h2 {
	font-weight: normal;
}

/* RODAPE */

.footer {
	font-family: Arial;
	text-align: middle;
	vertical-align: middle;
	background: #333;
	padding: 20px;
	color: #fff;
	text-align: center;
}

.footer a {
	font-family: Arial;
	text-align: middle;
	vertical-align: middle;
	text-decoration: none;
	color: #fff;
	padding: -30px;
}
.footer img {
	text-align: middle;
	vertical-align: middle;
}
}




/* iPads (retrato e paisagem)
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
      estilos 
}*/

/*320 pixels - Smartphones no modo retrato.
480 pixels - Smartphones no modo paisagem.
600 pixels - Tablets pequenos. Ex: Amazon Kindle (600×800)
768 pixels - Tablets maiores em modo retrato. Ex: iPad (768×1024)
1024 pixels - Tablets maiores em modo paisagem, monitores antigos.
1200 pixels - Monitores wide.*/