@import "config.css"; /* RESET */
/* FIM CONFIGURAÇÕES */



/* DIFERENCIAIS */
#diferenciais {width:100%; height:auto; position:relative; padding:70px 0; overflow:auto; text-align:center;}
#diferenciais h1 {font-size:33px; display:block; color:#3a3d40; font-weight:700; padding:10px 0 25px 0; margin-bottom:40px; background:url(../imagens/tilulo.jpg) center bottom no-repeat;}

.boxs_diferenciais {float:left; width:23%; height:auto; margin:1%;}
.boxs_diferenciais .fa {background-color:#fff; color:#ffc60a; border:2px solid #ffc60a; font-size:45px; width:120px; height:120px; line-height:120px; border-radius:120px;}
.boxs_diferenciais h2 {color:#3a3d40; display:block; padding:20px 0 15px 0;}
.boxs_diferenciais p {color:#777; margin:0; padding:0; font-size:17px; line-height:27px;}

#parallax_um {width:100%; height:auto; overflow:auto; text-align:center; color:#fff; padding:130px 0; background:url(../imagens/bg_home2.jpg) center fixed no-repeat; background-size:cover; -o-background-size:cover; -moz-background-size:cover; -webkit-background-size:cover;} 
#parallax_um h1 {font-size:33px; display:block; font-weight:700; padding:10px 0; margin-bottom:20px;}
#parallax_um p {margin:0; padding:0; font-size:17px; line-height:27px;}	
#parallax_um a {border:1px solid #fff; color:#fff; display:inline-table; padding:5px 15px; margin-top:25px;}

/* CLIENTES */
.owl-carousel .item {position:relative; z-index:100; -webkit-backface-visibility:hidden;}
.owl-nav > div {margin-top:-26px; position:absolute; top:50%; color:#302b4b;}
.owl-nav i {font-size:40px;}
.owl-nav .owl-prev {left:-30px;}
.owl-nav .owl-next {right:-33px;}
#exames {width:100%; height:auto; position:relative; padding:70px 0; overflow:auto;}
#exames h1 {font-size:33px; display:block; color:#3a3d40; font-weight:700; padding:10px 0 25px 0; margin-bottom:40px; background:url(../imagens/tilulo.jpg) center bottom no-repeat; text-align:center;}

.box_exames {max-width:270px; border:1px solid #fff; padding:0; background-color:#fff; margin:0 auto;}
.box_exames h2 {color:#3a3d40; font-size:18px; line-height:27px; margin:15px 0; padding-bottom:15px; background:url(../imagens/tilulo.jpg) left bottom no-repeat;}
.box_exames p {margin:0; padding:0; list-style:none; color:#777; font-size:16px; line-height:27px;}
.box_exames span {border:1px solid #ddd; color:#666; display:inline-table; padding:5px 15px; margin-top:15px;}
.box_exames:hover {opacity:0.7;}


.img-exames{width:100%; height: 200px; overflow: hidden; display: block}
.box_exames img {width: 100%; height: auto;}


/* MARCAR */
#bg_reserva {width:100%; height:auto; padding:70px 0; background-color:#0A0A0A; color:#fff; border-top:3px solid #ffc60a;}
#text_reserva {float:left; width:50%;}
#text_reserva h1 {font-size:36px; background:url(../imagens/tilulo.jpg) left bottom no-repeat; padding:10px 0 25px 0;}
#text_reserva p {font-size:17px;}
#bg_reserva a {float:right; display:inline-table; padding:13px 20px; font-size:17px; border-radius:4px; background-color:#ffffff; color:#302b4b; font-weight:700; margin-top:40px; box-shadow:7px 7px 5px 0px rgba(27, 24, 44, 0.75);}

/* ARTIGOS */
#artigos {width:100%; height:auto; padding:70px 0;}
#artigos h1 {font-size:33px; display:block; color:#3a3d40; font-weight:700; padding:10px 0 25px 0; margin-bottom:40px; background:url(../imagens/tilulo.jpg) center bottom no-repeat; text-align:center;}

.boxs_artigos {float:left; width:31.3%; height:auto; margin-right:2.5%;}
.boxs_artigos:last-child {margin-right:0;}
.boxs_artigos img {max-width:100%; overflow:hidden;}
.boxs_artigos h2 {padding:15px 0; margin-bottom:15px; color:#302b4b; font-weight:700; font-size:25px; line-height:30px; background:url(../imagens/tilulo.jpg) left bottom no-repeat;}
.boxs_artigos p {margin:0; padding:0; color:#777; font-size:16px; line-height:27px;}
.boxs_artigos:hover {opacity:0.7;}

#btn_artigo {display:block; text-align:center; padding:60px 0 30px 0;}
#btn_artigo a {display:inline-table; padding:13px 20px; font-size:17px; border-radius:4px; background-color:#302b4b; color:#fff; font-weight:700;}

/* MAPA */
#map {width:100%; height:auto; margin-bottom:-5px;}

/* FOOTER */
footer {background-color:#fff; padding:50px 0; border-top:3px solid #eee;}
.box_footer {float:left; width:25%; padding:0 15px;}
.box_footer h3 {color:#444; font-size:18px; margin:15px 0;}
.box_footer ul {margin:0; padding:0; list-style:none;}
.box_footer ul li a {color:#777; display:block; padding:5px 0; transition-duration:0.3s; transition-timing-function:ease-in;transition-property:all;}
.box_footer ul li a:hover {color:#000;}
.box_footer p {color:#777;}
.box_footer span {display:block;}
.btn_footer {border:1px solid #ddd; color:#666; display:inline-table; padding:5px 15px; margin-top:15px;}
.rede_sociais_footer {background-color:#ffc60a; color:#fff; width:40px; height:40px; line-height:40px; border-radius:40px; display:inline-table; text-align:center; font-size:16px; transition-timing-function:ease-in;transition-property:all; margin:10px 10px 10px 0;}
.rede_sociais_footer:hover {background-color:#302b49;}

#sub_footer {width:100%; padding:30px 0; background-color:#f3f3f3; text-align:center; font-size:12px; color:#91aab1;}
#sub_footer span {display:block; color:#777;}
#sub_footer_left {float:left;}
#sub_footer_right {float:right;}
#sub_footer a {color:#000;}


/* PG INTERNAS */
#crumb {padding:15px 0; border-bottom:1px solid #eee; background-color:#f5f5f5; color:#777; text-align:right;}
#crumb a {color:#777; text-decoration:underline;}
.margin_top_bottom {width:100%; height:auto; overflow:auto; padding:50px 0;}

/* CORPO CLÍNICO */
#corpo_clinico {width:100%; height:auto; overflow:auto; padding:50px 0;}
#corpo_clinico h1 {text-align:center; display:block; text-transform:uppercase; font-size:28px; margin-bottom:30px; font-weight:700;}

.box_corpo_Clinico {float:none; max-width:90%; height:auto; overflow:auto; margin:40px auto; border-bottom: 1px solid #CCC; padding-bottom: 20px;  transition: 0.6s;}
.box_corpo_Clinico:hover{border-bottom: 1px solid #ffc60a; transition: 0.6s;}
.capa_corpo_Clinico {float:left;   height: 18rem; width : 18rem; box-sizing: border-box;   border-radius: 50%; overflow: hidden; text-align: center; border: 1px solid #CCC; background-color: #353535;}
.capa_corpo_Clinico img {height: 100%}
.box_corpo_Clinico:last-child{border-bottom:0;}

.text_corpo_Clinico {float:left; width:65%; max-height:100%; box-sizing: border-box; padding-left: 60px; }
.text_corpo_Clinico h5 {margin-top:15px; display:block; text-transform:uppercase; font-weight:bolder; color:#000;}
.text_corpo_Clinico h5 .fa {margin-right: 8px; font-size: 20px; color: #ffc60a;}
.text_corpo_Clinico ul li {color:#333; font-size:16px; line-height:30px; padding-right:10px; margin-bottom: 5px;}
.text_corpo_Clinico::-webkit-scrollbar-track {background-color:#eee;}
.text_corpo_Clinico::-webkit-scrollbar {width:8px; background:#eee;}
.text_corpo_Clinico::-webkit-scrollbar-thumb {background:#ccc; border-radius:8px;}

/* tabs */
.tab {position:relative; overflow:hidden; width:100%; -webkit-font-smoothing:antialiased;}
.tabs { position:relative; list-style:none; margin:0; padding:0; overflow:auto; text-align:center; display:block; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; font-size:16px; font-weight:normal;}
.tabs li {display:inline-block; overflow:hidden; position:relative; font-size:13px; cursor:pointer; padding:5px 10px; margin:5px;  border:1px solid #ddd;}
.tabs_item {display:none; overflow:auto; padding:30px; box-sizing:border-box;}
.tabs_item:first-child {display:block;}
.current {background-color:#eee !important;}


.conteudo {float:left; width:70%; height:auto;}
.conteudo img {max-width:100% !important; height: auto !important;}
.conteudo iframe {width:100%;}
.conteudo h3 {color:#3a3d40;}
.conteudo h3 a {color:#3a3d40;}

.ct_categoria {display:block; border-bottom:1px solid #ddd; padding:15px 0;}
.ct_categoria:last-child {border-bottom:0;}
.ct_categoria a{color:#3a3d40 !important;}


#lateral {float:right; width:25%; height:auto;}
.lateral {float:right; width:25%; height:auto; position:fixed; right:6%;}

#links_lateral {display:block; border-left:2px solid #eee; padding-left:15px;}
#links_lateral ul {margin:0; padding:0; list-style:none;}
#links_lateral li {display:block; margin:5px 0;}
#links_lateral a {padding:10px 0; display:block; color:#000; transition:1s;}
#links_lateral a:hover {padding:10px 10px; color:#777;}


#form_ctt {width:59%; height:auto; float:left;} 
#form_ctt h2 {color:#434343; font-size:24px;}
.form_left {float:left; width:49%;}
.form_right {float:right; width:49%;}
.input_ctt {border:1px solid #ccc; padding:15px; width:100%; margin:7px 0; box-sizing:border-box; font-family: 'Raleway', sans-serif; font-size:15px;}
.submit_ctt {border:0; background-color:#3a3d40; border-bottom:2px solid #ffc60a; color:#FFF; font-weight:bold; padding:15px 35px; margin-top:15px; cursor:pointer; font-family: 'Raleway', sans-serif; font-size:15px;}
#map_ctt {float:right; width:37%;}


/* RESPONSIVO */
@media screen and (max-width: 1280px) {
html, body {width:100%;}
.container {width:90%;}
}

@media screen and (max-width: 1200px) {
#crumb {border-top:1px solid #eee; text-align:left;}
}

@media screen and (max-width: 800px) {
/* DIFERENCIAIS */
#diferenciais {width:100%; height:auto; position:relative; padding:70px 0; overflow:auto; text-align:center;}
#diferenciais h1, #parallax_um h1, #exames h1, #text_reserva h1, #artigos h1 {font-size:25px; padding:10px 0; line-height:30px; margin-bottom:20px; background:none;}

.boxs_diferenciais {float:none; max-width:400px; width:100%; height:auto; margin:20px auto;}
#parallax_um {padding:70px 0;} 

/* CLIENTES */
.owl-nav i {font-size:30px;}
.owl-nav .owl-prev {left:0;}
.owl-nav .owl-next {right:0;}
 

/* MARCAR */
#bg_reserva {text-align:center;}
#text_reserva {float:none; width:100%;}
#bg_reserva a {float:none; margin-top:20px;}

/* ARTIGOS */
.boxs_artigos {float:none; max-width:400px; width:100%; margin:20px auto;}
.boxs_artigos:last-child {margin:20px auto;}

/* FOOTER */
footer {padding:30px 0;}
.box_footer {float:none; width:100%; max-width:400px; margin:20px auto; overflow:hidden;}
.box_footer h3 {font-size:18px;}
.box_footer ul li a {font-size:14px;}
.box_footer .fa {margin:5px;}

#sub_footer {width:100%; padding:30px 0; background-color:#f3f3f3; text-align:center; font-size:12px; color:#91aab1;}
#sub_footer_left, #sub_footer_right {float:none;}

.conteudo {float:none; width:100%; height:auto;}
#lateral {float:none; max-width:400px; width:100%; margin:20px auto;}
.lateral {float:none; max-width:400px; width:100%; margin:20px auto; position:inherit; right:inherit;}


#form_ctt, #map_ctt {width:100%; height:auto; float:none;} 
#form_ctt h2 {color:#434343; font-size:24px;}
.form_left, .form_right {float:none; width:100%;}


#map_ctt {margin-top:20px;}
#map_ctt iframe {height:auto;}
}

 .btnResultado{
    padding: 10px;
    text-align:center;
    background-color: #ffc60a;
    border-radius: 3px;
}


@media screen and (max-width: 860px) {
/* CORPO CLÍNICO */
#corpo_clinico {width:100%; height:auto; overflow:auto; padding:50px 0;}
#corpo_clinico h1 {text-align:center; display:block; text-transform:uppercase; font-size:28px; margin-bottom:30px; font-weight:700;}

.box_corpo_Clinico {float:none; width:100%  !important; height:auto; overflow:auto; margin:40px auto; border-bottom: 1px solid #CCC; padding-bottom: 20px;}
.capa_corpo_Clinico {float:none; margin: 0 auto 30px auto; height: 18rem; width : 18rem; box-sizing: border-box;   border-radius: 50%; overflow: hidden; text-align: center; border: 1px solid #CCC; background-color: #353535; }
.capa_corpo_Clinico img {height: 100%}
.box_corpo_Clinico:last-child{border-bottom:0;}

.text_corpo_Clinico {float:none; width:100%; max-height:100%; box-sizing: border-box; padding-left:0 !important; text-align: center}
.text_corpo_Clinico h5 {margin-top:15px; display:block; text-transform:uppercase; font-weight:bolder; color:#000;}
.text_corpo_Clinico h5 .fa {margin-right: 8px; font-size: 20px; color: #ffc60a;}
.text_corpo_Clinico ul li {color:#333; font-size:16px; line-height:30px; padding-right:10px; margin-bottom: 5px;}
.text_corpo_Clinico::-webkit-scrollbar-track {background-color:#eee;}
.text_corpo_Clinico::-webkit-scrollbar {width:8px; background:#eee;}
.text_corpo_Clinico::-webkit-scrollbar-thumb {background:#ccc; border-radius:8px;}

/* tabs */
.tabs li {font-size:12px; cursor:pointer; padding:5px; margin:1px;}
.tabs_item {padding:10px;}

.btnResultado{display: block;}
}