@charset "UTF-8";

body{
    /*font-family: 'Oswald', sans-serif;*/
    font-family: 'Ubuntu', sans-serif;
	color: #033a61;
    background-color: #ddd;
}
/*body#index{
    background-image: url('../img/fundo.jpeg');
    background-repeat: repeat;
    background-size: 20%;
    background-attachment: fixed;
}*/

iframe#mapa{
    color: #f1f1f1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
a:link, a:active, a:visited{
	color: #033a61;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

h1, h2, h5, h6{
    font-family: 'Oswald', sans-serif;
	font-weight: 500;
	margin: 10px 0 10px 0;
}
h3{
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
	margin: 10px 0 10px 0;
    color: #033a61;
    font-size: 1.5em;
}
h4{
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
	margin: 10px 0 10px 0;
    color: #033a61;
    font-size: 1em;
}
.back_top {
    width: 64px;
    height: 64px;
    display: block;
    background: url(../img/arrow-up-.png);
    position: fixed;
    right: 25px;
    bottom: 0;
}
.back_top:hover {
    cursor: pointer;
}
.suave::after {
    font-size: 32px;
    font-weight: bold;
    color: aliceblue;
    transition: margin-top 2000ms;
}
.suave:hover::after {
    margin-top:-8px;
}

ul.sem-marcador, ol.sem-marcador{
	list-style: none;
}
a.botaopq{
	background: none;
	padding: 10px 10px;
	border-radius: 3px;
	cursor: pointer;
	margin: 5px;
	display: inline-block;
	border: none;
    box-shadow: 0px 0px 5px rgba(0,0,0,.4);
}
a.botaopq:hover{
	background: #ccc;
	text-decoration: none;
}
a.botao, input.botao, button.botao{
	background: #033a61;
	padding: 10px 10px;
	border-radius: 3px;
	color: #ebebeb;
	cursor: pointer;
	margin: 5px;
	display: inline-block;
	border: none;
    box-shadow: 0px 0px 10px rgba(0,0,0,.5);
}
a.botao:hover, input.botao, button.botao:hover{
	background: #A60363;
	text-decoration: none;
}

img{
	max-width: 100%;
}
a img:hover {
        opacity: 0.65;
        -moz-opacity: 0.65;
        filter: alpha(opacity = 65);
}
.header{
	background: #12a89f;
    font-family: 'Oswald', sans-serif;
    font-size: 1em;
    font-weight: 400;
    letter-spacing: .06em;
}
.header img{
	margin-top: 2em;
}
section#consultorio{
    color: #033a61;
}
section#consultorio h3{
    font-size: 1.5em;
    text-align: center;
    padding-bottom: 1.5em;
}
section#consultorio p{
    text-align: justify;
    margin: 30px 10px;
}
.principal {
    color: #033a61;
}
.principal span {
    padding-left: 20px;
}
.principal ul{
    padding: 20px 0 20px;
}
.principal h2{
    text-shadow: 0.1em 0.1em 0.5em rgba(0,0,0,.1);
    font-size: 1.6em;
    text-align: center;
    text-transform: uppercase;
    color: 
}
.principal h3{
    text-transform: uppercase;
    font-size: 1.2em;
}
img.thumbP{
    width: 50%;
    float: right;    
}
.conteudo-extra{
    border-radius: 7px;
    background: #E2E5F8;
    text-align: justify;
    margin: 0.4%;
    color: #033a61;
    box-shadow: 1px 1px 4px #f1f1f1;
}
.conteudo-extra div{
    padding: 10px 15px 10px 0;
    width: auto;
}
.conteudo-extra a img{
    float:left;
    margin: 10px;
}
.conteudo-extra h3{
	margin: 7px 0 7px 10px;
    font-size: 1.25em;
    padding-left: 0.05%;
    text-shadow: 0.1em 0.1em 0.2em rgba(0,0,0,.5);
}
.conteudo-extra ul li{
    margin: 15px;
}
.conteudo{
    display: block;
    border-radius: 7px;
    background: #E2E5F8;
    text-align: center;
    align-items: center;
    margin: 16px 5px 5px 5px;
    color:#033a61;
    min-height: 320px;
    box-shadow: 1px 1px 5px rgba(0,0,0,.5);
}
.conteudo h3{
    text-align: center;
    padding: 4%;
    border-radius: 7px;
    font-size: 1.2em;
}
.conteudo p{
    margin: 10px;
    padding-bottom: 10%;
}

.conteudo img{
    margin-top: 7%;
}
.conteudo-contato{
    display: block;
    border-radius: 7px;
    background: #E2E5F8;
    text-align: center;
    margin: auto;
    color:#033a61;
    min-height: 320px;
    box-shadow: 1px 1px 5px #f1f1f1;
}
.conteudo-contato h3{
    text-align: center;
    padding: 2%;
    border-radius: 7px;
    font-size: 1.2em;
}
.conteudo-prp{
    display: block;
    border-radius: 7px;
    background: #E2E5F8;
    text-align: center;
    align-items: center;
    margin: 10px 5px 5px 5px;
    color:#033a61;
    box-shadow: 1px 1px 5px rgba(0,0,0,.5);
}
.conteudo-prp h3{
    text-align: center;
    padding: 2%;
    border-radius: 7px;
    font-size: 1.2em;
}
.conteudo-prp p{
    margin: 1%;
    padding-bottom: 5%;
}

.conteudo-prp img{
    margin-top: 4%;
}
.divisao {
    padding: 0.9%;
}
.caixa {
    display: block;
    padding: 10px;
    text-align: justify;
    margin: 10px;
    background-color: #ffffff;
    color: #033a61;
}
.caixa h3{
    text-align: center;
    margin:10px;
    padding: 15px;
    font-size: 2em;
    text-shadow: 0.1em 0.1em 0.2em rgba(0,0,0,.5);
}
.caixa div{
    padding: 20px;
}
.imgartigo{
    width: 100%;
    height: 100%;
}
section#sobre div{
    line-height: 1.5;
}

section#sobre ul li{
    font-size: 1em;
    font-weight: 500;
    padding: 5px;
    list-style-image: url('../img/symbol.png')
}

footer{
	background: #12a89f;
	color: #ebebeb;
	padding: 10px 0;
	text-align: center;
	font-weight: 100;
    font-size: 0.68em;
}

#equipe h3{
    text-align: center;    
}
section#clinica h3{
    text-align: center;
    padding: 2%;
}

ul.noticias li{
	clear: both;
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
    float: left;
}
ul.noticias li img{
	width: 100px;
	height: auto;
	margin-right: 10px;
}
ul.noticias li ul li img{
    width: 32px;
    height: auto;
}
ul.noticia h3{
	margin: -2px 0 5px;
	font-weight: 300;
}
ul.noticia li p{
	margin: 5px 0;
	font-weight: 300;
}
ul.noticias li p a{
	font-weight: 500;
}
.contato label{
	display: block;
	font-size: 0.8125em;
	font-weight: 300;
}
.contato input, .contato textarea{
	display: block;
	margin-bottom: 15px;
	padding: 5px 2px;
	width: 96%;
}
.contato textarea{
	height: 150px;
}
.contato input.botao{
	width: auto;
}
.contato{
    margin-left: 2%;
}
.rodape {
    width: 100%;
    background: #A9BCF5;
    font-size: 0.85em;
    color:dimgray;
    padding-top: 2%;
}
.rodape img{
    max-width: 180px;
}

.formulario label{
	display: block;
	font-size: 0.9375em;
    text-align: left;
}
.formulario input, .formulario textarea {
	display: block;
	margin-bottom: 15px;
	padding: 5px 2px;
	width: 96%;
}
.form_campos .campo_pe{
    width: 46%;
    margin: 0 15px 15px 0;
}
.campo_destaque input{
    font-weight: 600;
    color: #033a61;
}
.form_campos input{
    display: block;
    float: left;
}
.form_campos select {
    display: block;
    float: left;
	margin: 0 15px 15px 0;
	padding: 5px 2px;
	width: 47%;
}
.form_campos select.campo_g{
    width: 97%;
}
.formulario .botao{
    background: #033a61;
	padding: 5px 10px;
	border-radius: 3px;
	color: #ebebeb;
	cursor: pointer;
	margin: 5px;
	display: inline-block;
    float: left;
	border: none;
    box-shadow: 0px 0px 10px rgba(0,0,0,.5);
}
.formulario .botao:hover{
    background: #A60363;
}
.formulario textarea{
	height: 50px;
}

ul.social-icons li{
    list-style: none;
    display: inline;
}
.social-icons img{
    width: 70px;
    height: 70px;
}
.social-icons{
    text-align: center;
}
.caixacolor{
	background-color: #033a61;
	padding: 60px;
}
.caixacolor a{
	color: #fff;
	text-decoration: none;
	padding: 1em 4em 1em 4em;
	float: right;
	cursor: pointer;
}
.caixacolor a:hover{
	color:dodgerblue;
	
}
tr.titulo {
    font-weight: 500;
    color: #033a61;
    height: 40px;
    text-align: left;
}

/* #Base Grid
================================================== */

@media only screen and (max-width: 480px) {
    a.botao, input.botao { width: 150px; font-size: 20pt;}
    img.thumbP {width: 100%; float: none; }
    .img-princ {max-width: 90%;}
    .rodape {width: auto;}
    .rodape img {max-width: 200px; height: auto;}
    .conteudo-extra{float: center; margin-bottom: 10%;}
    .conteudo{float: none; margin: 2%;}
    .curso img{width: 100%;}
    .form_campos select {width: 100%;}
    .form_campos .campo_pe{width: 96%;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    a.botao, input.botao {width: 150px; font-size: 20pt;}
    img.thumbP{width: 80%; float: none; }
    .img-princ {max-width: 100%;}
    .rodape {width: auto;}
    .rodape img {max-width: 200px; height: auto;}
    .conteudo-extra{float: none; margin-bottom: 7%;}
    .conteudo {float: none; margin: 2%;}
    .curso img{width: 100%;}
    .form_campos select {width: 99%;}
    .form_campos .campo_pe{width: 96%;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    a.botao, input.botao {width: 140px; font-size: 18pt;}
    img.thumbP{width: 90%;}
    .img-princ { max-width: 100%;}
    .conteudo-extra{float: left; margin-left: 4%;}
    .conteudo {float: left; margin-left: 2%; min-height: 360px; margin-bottom: 20px;}
    .conteudo-prp {float: center; display: flex; padding: 10px;}
    .rodape {display: flex;}
    .rodape div {float: left;}
    .rodape img {max-width: 150px; height: auto;}
    .curso img{width: 40%;}
    .form_campos select {width: 98%;}
    .form_campos .campo_pe{width: 96%;}
}