/*
* @Author: Bruno
* @Date:   2015-08-10 10:05:49
* @Last Modified by:   Luis
* @Last Modified time: 2021-10-20 11:07:03
*/

/*
GERAL -reformed
*/
*, *:before, *:after {margin: 0; padding: 0; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
img{border: none; vertical-align: middle; max-width: 100% !important;}
small{font-size: 0.75em;}
a{text-decoration: none;}
a img{border:none;}
strong, b{font-weight: bold;}
ul{list-style: none;}
strike{color: #A83535;}
.clear{clear: both;}
.flright{float: right !important;}
html{font: 300 1em 'Open Sans', serif; line-height: 1.3; letter-spacing: 0.1%; height: 100%}
body{background: #f6fcff; height: 100%; display: flex; flex-direction: column}
body > section.container{flex-grow: 1;}
/************************************************
****************** HEADER ***********************
************************************************/
.header{background: url(../imgs/bg_header.jpg) left center;}
.header .content{display: flex;flex-direction: row;justify-content: space-around;align-items: center;justify-items: center;width: 1000px; height: 123px; margin: 0 auto;}
@media only screen and (max-width: 1000px) {.header .content{width: auto !important;}}
.header .content .logo{float: left; margin-top: 10px;}
.header .content .header_right{display: flex;flex: 1;flex-direction: row;justify-content: space-around;width: 580px; margin-top: 10px;}
.header .content .search form{position: relative; float: left;}
.header .content .search input[name="search"]{font-family: 'Open Sans'; width: 360px; border: 1px solid #e1e1e1; background: url(../imgs/bg_search.png) left 3px center no-repeat #FFF; padding: 10px 46px 10px 90px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px;}
.header .content .search input[type="submit"]{width: 36px; height: 30px; position: absolute; top: 5px; right: 2px; background: url(../imgs/btn_search.png) left center no-repeat transparent; border: none; text-indent: -9999px; cursor: pointer;}
.header .content .tel{margin-left: 15px;font: 600 29.7px 'Open Sans', serif; color: #0698d6; background: url(../imgs/bg_tel.png) left center no-repeat transparent; padding-left: 30px;}
.header .content .tel small{font-size: 20px; font-weight: 400; color: #0698d6;}
.header .content_menu{width: 100%; background: #1e3c98; float: left; margin: 0;}
.header .content_menu .menu{width: 1000px; height: 37px; margin: 0 auto; background: #1e3c98;}
@media only screen and (max-width: 1000px) {.header .content_menu .menu{width: auto !important;}}
.header .content_menu .menu li{float: left; margin: 0; margin-right: 3px;}
.header .content_menu .menu li:nth-last-child(1){margin-right: 0;}
.header .content_menu .menu li a{font: 600 12px 'Open Sans', serif; color: #FFF; text-transform: uppercase; padding: 10px 16.5px; float: left;}
.header .content_menu .menu li a:hover{background: #3b62dc; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;}
/************************************************
****************** BANNER ***********************
************************************************/
.banner{width: 100%; height: 507px; position: relative; float: left;}
.banner .banner_item{width: 100%; height: 507px; display: none; position: relative; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.banner .banner_item.active{display: block;}
.banner .banner_item a{float: left; background: transparent; width: 100%; height: 100%; position: absolute; z-index: 2;}
.banner .controls{position: absolute; width: 70%; margin: 0 15%; height: 100%; top: 0; left: 0;}
.banner .controls .prev{position: absolute; top: 0; left: 0; z-index: 4; margin-top: 20%; cursor: pointer; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
.banner .controls .next{position: absolute; top: 0; right: 0; z-index: 4; margin-top: 20%; cursor: pointer; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
.banner .controls .prev:hover{-moz-transform: scale(1) rotate(-360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1) rotate(-360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -o-transform: scale(1) rotate(-360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(-360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(-360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
.banner .controls .next:hover{-moz-transform: scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -o-transform: scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
.banner .overbanner{width: 100%; float:left; background: transparent; position: absolute; bottom: -70px; z-index: 4;}
.banner .overbanner .content{width: 1014px; height: 128px; margin: 0 auto; background: url(../imgs/bg_overbanner.png) center center no-repeat;}
.banner .overbanner .content .itens{width: 1000px; float: left; margin-left: 7px; margin-top: 7px;}
.banner .overbanner .content .itens li{border-right: 1px solid #71d3f1; float: left; margin: 0; background: url(../imgs/bg_ovb.png) center center no-repeat; -webkit-transition: background-image .5s ease-in-out; -moz-transition: background-image .5s ease-in-out; -o-transition: background-image .5s ease-in-out; transition: background-image .5s ease-in-out;}
.banner .overbanner .content .itens li:nth-last-child(1){border-right: 0px;}
.banner .overbanner .content .itens li.left{-webkit-border-radius: 5px 0 0 5px; border-radius: 4px 0 0 4px;}
.banner .overbanner .content .itens li.right{-webkit-border-radius: 0 5px 5px 0; border-radius: 0 4px 4px 0;}
.banner .overbanner .content .itens li:hover{background: url(../imgs/bg_ovb_hover.jpg) center center no-repeat;}
.banner .overbanner .content .itens li a{width: 332px; height: 114px; float: left; font-weight: 400; font-size: 18px; background: #FFF; padding-top: 48px; color: #FFF;}
.banner .overbanner .content .itens li a.horario_visitas{background: url(../imgs/ovb_horarios_visita.png) 47px center no-repeat; padding-left: 122px;}
.banner .overbanner .content .itens li a.especialidades{background: url(../imgs/ovb_especialidades.png) 77px center no-repeat; padding-left: 133px;}
.banner .overbanner .content .itens li a.telefones{background: url(../imgs/ovb_telefones.png) 86px center no-repeat; padding-left: 156px;}
/************************************************
****************** CONTAINER ********************
************************************************/
.container{width: 100%; float: left; padding-bottom: 60px;}
.container.divisoria{background: url(../imgs/divisoria.jpg) top center repeat-x #dff2fd;}
.container .content{width: 999px; margin: 0 auto;}
@media only screen and (max-width: 1000px) {.container .content{width: auto !important; margin: 0 14px !important;}}
/************************************************
****************** NOTICIAS *********************
************************************************/
.noticias{width: 100%; margin-bottom: 40px; position: relative;}
.noticias h1{width: 100%; text-align: center; font-size: 22px; color: #1e3c94; font-weight: 400; padding-top: 25px; padding-bottom: 15px;}
.noticias .btn-ver-noticias{position: absolute; float: right; right: 0; top: 25px; padding: 8px 15px; color: #FFF; text-align: center; background: #00b1eb; font-size: 13px; font-weight: 400; text-transform: uppercase; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-transition: background 300ms ease-in-out; -moz-transition: background 300ms ease-in-out; -ms-transition: background 300ms ease-in-out; -o-transition: background 300ms ease-in-out; transition: background 300ms ease-in-out;}
.noticias .btn-ver-noticias:hover{ background: #0094c4; }
.noticias article{width: 31.5%; margin-right: 1.75%; float: left; overflow: hidden; position: relative;}
.noticias article:nth-child(5){margin-right: 0;}
.noticias article p{text-align: center; margin-top: 10px; color: #494949; font-size: 13.5px;}
.noticias article .hover{width: 100%; position: relative; overflow: hidden;}
.noticias article .hover img {width: 100%; border-radius: 2px; -webkit-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000); -moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000); -ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000); -o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000); transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);}
.noticias article:hover .hover img {-webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); }
.noticias article a{ text-decoration: none; color: #494949; }
.noticias article a:hover{ text-decoration: underline; }
/************************************************
**************** BANNER INDEX *******************
************************************************/
.banner_doacao_sangue{float: left;}
/************************************************
******************* MIGALHA *********************
************************************************/
.migalha{width: 100%; float: left; background: #b0e6fd; padding: 15px 0; margin-bottom: 35px;}
.migalha h1{float: left; font-size: 20px; color:#1e3c98; font-weight: 400;}
.migalha p{float: right; font-size: 12px; color:#1e3c98; font-weight: 300; padding-left: 15px; margin-top: 22px; background: url(../imgs/migalha_home.png) left center no-repeat;padding-top: 4px;}
.migalha a{text-decoration: none; color: #1e3c98;}
.migalha a:hover{text-decoration: underline;}
@media only screen and (max-width: 1000px) {.migalha .content{width: auto !important; margin: 0 14px !important;}}
/************************************************
************** INTERNA COMPLEXO *****************
************************************************/
.sidebar{width: 23%; float: left;}
.sidebar ul li{width: 100%; border-bottom: 1px solid #e1e1e1; float: left;}
.sidebar ul li a.first{padding-top: 0;}
.sidebar ul li a.active{color: #1e3c98; background: url(../imgs/sidebar_bg.png) right center no-repeat;}
.sidebar ul li a{width: 100%; color: #b2b2b2; float: left; font-weight: 400; font-size: 16px; padding: 13px 0; -webkit-transition: color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out; -ms-transition: color 300ms ease-in-out; -o-transition: color 300ms ease-in-out; transition: color 300ms ease-in-out;}
.sidebar ul li a:hover{color: #1e3c98; background: url(../imgs/sidebar_bg.png) right center no-repeat;}
.sidebar ul li a i.fa {color: #1e3c98;}
.conteudo{width: 75%; float: right;}
.conteudo img{margin-bottom: 15px;}
.conteudo h1{font-size: 25px; color:#1e3c98; margin-bottom: 10px; }
.conteudo p{font: 12px Arial, serif; color: #3c3c3b; line-height: 25px;}
/************************************************
******************* CONTATO *********************
************************************************/
.sidebar_contato{width: 30%; float: left;}
.sidebar_contato h1{font-size: 19px; font-weight: 400; color: #0698d6; margin-bottom: 4px;}
.sidebar_contato h2{font-size: 16px; font-weight: 400; color: #3c3c3b; font-style: italic; line-height: 34px;}
.sidebar_contato p{font-size: 14px; color: #3c3c3b; line-height: 24px;}
.form_contato{width: 70%; float: right;}
.form_contato h1{font-size: 19px; font-weight: 400; color: #0698d6; margin-bottom: 4px;}
.form_contato form{float: left; width: 100%;}
.form_contato form .col-2{width: 100%; float: left;}
.form_contato form .col-2 label{width: 50%; float: left;}
.form_contato form .col-2 input,select,textarea{width: 99%; font: 600 12px 'Open Sans'; color: #706f6f; background: transparent; float: left; border: 1px solid #c2c2c2; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; padding: 15px 10px; margin-bottom: 8px; outline: none;}
.form_contato form .col-2 input,select,textarea:required{box-shadow:none !important;}
.form_contato form .col-2 input,select,textarea:invalid{box-shadow:none !important;}
select:-moz-focusring{color: transparent; text-shadow: 0 0 0 #000;}
.form_contato form textarea{width: 100%;}
.form_contato form select{-webkit-appearance:none; -moz-appearance:none; appearance:none; color: #706f6f; background: url(../imgs/select_arrow.png) 96% 60% no-repeat; outline: hidden;}
.form_contato form select option{color: #706f6f;}
.form_contato form input[type="submit"]{float: right; font: 400 14px 'Open Sans'; background: #088dc6; border: 0; color: #f2f2f1; text-transform: uppercase; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; padding: 3px 30px; cursor: pointer; -webkit-transition: background 300ms ease-in-out; -moz-transition: background 300ms ease-in-out; -ms-transition: background 300ms ease-in-out; -o-transition: background 300ms ease-in-out; transition: background 300ms ease-in-out;}
.form_contato form input[type="submit"]:hover{background: #0cacf0;}
.vue-curriculo-wrapper input{font: 600 12px 'Open Sans'; color: #706f6f; background: transparent; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; outline: none;}
.mapa{width: 100%; height: 280px; position: relative; margin-top: 65px; float: left; webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden;}
.mapa iframe{width: 100%; height: 100%;}
/************************************************
************** CONVENIOS 230x170 ****************
************************************************/
.convenios{width: 100%; float: left;}
.convenios .convenio_item{width: 23%; max-height: 170px; margin-right: 0.65%; margin-bottom: 2%; background: #FFF; border: 1px solid #e1e1e1; border-radius: 6px; -webkit-border-radius: 6px; overflow: hidden; float: left;}
/* .convenios .convenio_item:nth-child(4n+0){margin-right: 0;} */
/************************************************
*************** DOAÇÃO DE SANGUE ****************
************************************************/
.container_doacao{background: url(../imgs/bg_doacao_sangue.jpg);}
.banner_doacao{width: 884px; margin: 0 auto;}
.galeria_doacao{width: 100%; margin-left: 0%; position: relative; border: 1px solid #dcdcdc; border-radius: 6px; -webkit-border-radius: 6px; background: #FFF; padding: 20px; float: left;}
.galeria_doacao .galeria_item{margin-right: 6px;}
.owl-item .galeria_item img{ width: 100% !important; }
.owl-theme .owl-controls{ margin-top: 0 !important; }
.galeria_doacao .controls{position: absolute; width: 100%; top: 0; left: 0; font: 600 16px 'Open Sans'; color: #dcdcdc; cursor: pointer;}
.galeria_doacao .controls .prev{position: absolute; left: -29px; top: 40px; background: #FFF; padding: 40px 10px; border-top: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; -webkit-transition: background .2s ease-in-out; -moz-transition: background .2s ease-in-out; -ms-transition: background .2s ease-in-out; -o-transition: background .2s ease-in-out; transition: background .2s ease-in-out;}
.galeria_doacao .controls .next{position: absolute; right: -29px; top: 40px; background: #FFF; padding: 40px 10px; border-top: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; -webkit-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; -webkit-transition: background .2s ease-in-out; -moz-transition: background .2s ease-in-out; -ms-transition: background .2s ease-in-out; -o-transition: background .2s ease-in-out; transition: background .2s ease-in-out;}
.galeria_doacao .controls .prev:hover{background: #f7f9fa;}
.galeria_doacao .controls .next:hover{background: #f7f9fa;}
.owl-prev{position: absolute; opacity: 1 !important; left: -34px; top: 40px; background: #FFF !important; padding: 40px 10px !important; border-top: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; -webkit-border-radius: 5px 0 0 5px !important; border-radius: 5px 0 0 5px !important; -webkit-transition: background .2s ease-in-out; -moz-transition: background .2s ease-in-out; -ms-transition: background .2s ease-in-out; -o-transition: background .2s ease-in-out; transition: background .2s ease-in-out;}
.owl-next{position: absolute; opacity: 1 !important; right: -34px; top: 40px; background: #FFF !important; padding: 40px 10px !important; border-top: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; -webkit-border-radius: 0px 5px 5px 0px !important; border-radius: 0px 5px 5px 0px !important; -webkit-transition: background .2s ease-in-out; -moz-transition: background .2s ease-in-out; -ms-transition: background .2s ease-in-out; -o-transition: background .2s ease-in-out; transition: background .2s ease-in-out;}
.owl-prev:hover{background: #f7f9fa !important;}
.owl-next:hover{background: #f7f9fa !important;}
.galeria_interna{padding: 5px; height: auto !important; width: 94.5% !important; margin: 0 2.5%; margin-top: 10px;}
.galeria_interna .owl-prev,.galeria_interna .owl-next{border: 0 !important; background: none !important; top: 30px;}
/************************************************
**************** ESPECIALIDADES *****************
************************************************/
.menu_especialidades{width: 100%; float:left; background: transparent; margin-bottom: 40px;}
.menu_especialidades li{border-right: 1px solid #71d3f1; position: relative; float: left; margin: 0; background: url(../imgs/bg_m.jpg) center center no-repeat; -webkit-transition: background-image .5s ease-in-out; -moz-transition: background-image .5s ease-in-out; -o-transition: background-image .5s ease-in-out; transition: background-image .5s ease-in-out;}
.menu_especialidades li:nth-last-child(1){border-right: 0px;}
.menu_especialidades li.left{-webkit-border-radius: 5px 0 0 5px; border-radius: 4px 0 0 4px;}
.menu_especialidades li.right{-webkit-border-radius: 0 5px 5px 0; border-radius: 0 4px 4px 0;}
.menu_especialidades li:hover{background: url(../imgs/bg_m_hover.jpg) center center no-repeat;}
.menu_especialidades li a{width: 249px; height: 74px; float: left; font-weight: 400; font-size: 18px; background: #FFF; padding-top: 26px; color: #FFF;}
.menu_especialidades li a.horario_visitas{background: url(../imgs/m_horarios_visita.png) 25px center no-repeat; padding-left: 77px; -webkit-transition: background-image .5s ease-in-out; -moz-transition: background-image .5s ease-in-out; -o-transition: background-image .5s ease-in-out; transition: background-image .5s ease-in-out;}
.menu_especialidades li a.especialidades{background: url(../imgs/m_especialidades.png) 52px center no-repeat; padding-left: 89px; -webkit-transition: background-image .5s ease-in-out; -moz-transition: background-image .5s ease-in-out; -o-transition: background-image .5s ease-in-out; transition: background-image .5s ease-in-out;}
.menu_especialidades li a.telefones{background: url(../imgs/m_telefones.png) 59px center no-repeat; padding-left: 104px;  -webkit-transition: background-image .5s ease-in-out; -moz-transition: background-image .5s ease-in-out; -o-transition: background-image .5s ease-in-out; transition: background-image .5s ease-in-out;}
.menu_especialidades li a.guia{background: url(../imgs/m_guia.png) 34px  center no-repeat; padding-left: 69px;  -webkit-transition: background-image .5s ease-in-out; -moz-transition: background-image .5s ease-in-out; -o-transition: background-image .5s ease-in-out; transition: background-image .5s ease-in-out;}
.menu_especialidades li a.horario_visitas:hover{background: url(../imgs/m_horarios_visita_hover.png) 25px center no-repeat;}
.menu_especialidades li a.especialidades:hover{background: url(../imgs/m_especialidades_hover.png) 52px center no-repeat;}
.menu_especialidades li a.telefones:hover{background: url(../imgs/m_telefones_hover.png) 59px center no-repeat;}
.menu_especialidades li a.guia:hover{background: url(../imgs/m_guia_hover.png) 34px center no-repeat;}
.menu_especialidades li.active {background: url(../imgs/bg_m_hover.jpg) center center no-repeat;}
.menu_especialidades li.active a.horario_visitas{background: url(../imgs/m_horarios_visita_hover.png) 25px center no-repeat;}
.menu_especialidades li.active a.especialidades{background: url(../imgs/m_especialidades_hover.png) 52px center no-repeat;}
.menu_especialidades li.active a.telefones{background: url(../imgs/m_telefones_hover.png) 59px center no-repeat;}
.menu_especialidades li.active a.guia{background: url(../imgs/m_guia_hover.png) 34px center no-repeat;}
.menu_especialidades li.active:before{content: ""; vertical-align: middle; width: 0; height: 0; position: absolute; bottom: -10px; left: 48%; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #5bc5f2; }
.content_horario_visitas{width: 100%; float: left; display: none;}
.content_horario_visitas td{color: #1e3c93; font-weight: 400; padding: 35px 0;}
.content_horario_visitas .title td{color: #FFF; background: #5bc5f2; padding: 10px 0; font-weight: 400;}
.content_horario_visitas .title td:nth-child(1n+0){border-left: 1px solid #96daf7; border-right: 1px solid #46b2e9;}
.content_horario_visitas .title td:nth-child(4){border-right: 0;}
.content_horario_visitas .legenda{ margin-top: 20px; }
.content_horario_visitas .legenda p{ font-size: 16px; margin-bottom: 20px; font-weight: 400; color: #1e3c98; }
.content_especialidades{width: 100%; float: left; color: #1e3c93; line-height: 40px; display: none;}
.content_especialidades hr{border: 1px dotted #b2b2b2; margin: 30px 0;}
.content_especialidades h1{font: 600 18px 'Open Sans';}
.content_especialidades ul{float: left; width: 25%;}
.content_especialidades ul li{font-size: 13.5px; font-weight: 400;}
.content_telefones{width: 100%; float: left; margin-bottom: 200px; display: none;}
.content_telefones ul{width: 50%; float: left; border: 1px solid #d7d7d7; color: #1e3c93; font-weight: 400;}
.content_telefones ul li{width: 100%; font-size: 15px; display: block; border-bottom: 1px solid #d7d7d7; padding: 10px 20px;}
.content_telefones ul li strong{float: right;}
.content_telefones ul li:nth-last-child(1){border-bottom: 0;}
.content_telefones ul:nth-child(2n+0){border-left: 0;}
.content_guia{display: none;}
.active_box{ display: block; }
/************************************************
************** HOSPITAL DO CÂNCER ***************
************************************************/
.banner_hospital_cancer{width: 100%; text-align: center; margin-bottom: 50px;}
.content_hospital_do_cancer .conteudo{color: #575756; text-align: justify; margin-bottom: 45px;}
.content_hospital_do_cancer .conteudo p{font: 400 14px 'Open Sans'; margin-bottom: 20px; line-height: 28px;}
/************************************************
****************** FOOTER ***********************
************************************************/
.footer{width: 100%; margin: 0 auto; float: left; background: #1e3c98;}
.footer .content{width: 1000px; margin: 0 auto;}
@media only screen and (max-width: 1000px) {.footer .content{width: auto !important; margin: 0 14px !important;}}
.footer .infos{ width: 100%; border-bottom: 1px solid #1b3583;}
.footer .infos .content{border-bottom: 1px solid #1b3583; padding-top: 35px; padding-bottom: 50px;}
.footer .infos .endereco{font-weight: 400; float: left; font-size: 14.5px; color: #FFF}
.footer .infos .more{float:right;}
.footer .infos .more .btn{float: left; width: 111px; height: 27px; text-indent: -9999px; margin-top: -4px;}
.footer .infos .more .btn.ouvidoria{background: url(../imgs/btn_ouvidoria.png) center center no-repeat; margin-right: 4px;}
.footer .infos .more .btn.imprensa{background: url(../imgs/btn_imprensa.png) center center no-repeat; margin-right: 8px;}
.footer .infos .more .social{float: left;}
.footer .infos .more .social li{display: inline-block;}
.footer .infos .more .social li a{ width: 28px; height: 28px; float: left; text-indent: -9999px; margin-top: -4px;}
.footer .infos .more .social li a.facebook{background: url(../imgs/footer_facebook.png) center center no-repeat;}
.footer .infos .more .social li a.youtube{background: url(../imgs/footer_youtube.png) center center no-repeat;}
.footer .infos .more .social li a.instagram{background: url(../imgs/footer_instagram.png) center center no-repeat;}
.footer .infos .more .social li a.linkedin{background: url(../imgs/footer_linkedin.png) center center no-repeat;}
.footer .content .rodape{text-align: center; font: 300 11.5px Arial, serif; color: #8394c6; padding: 10px 0;}
.footer .content .rodape img{margin-bottom: 2px; margin-left: 5px;}
.alert{ float: left; width: 100%; font-size: 12px; clear: both; padding: 10px; border-radius: 8px; -webkit-border-radius: 8px; position: relative; margin-bottom: 10px; }
.alert .close{ float: right; position: absolute; right: 5px; top: 5px; background: none; border: none; padding: 0; font-size: 20px; cursor: pointer; }
.alert.alert-danger{ background: #fa5456; color: #FFF; }
.alert.alert-success{ background: #a4dd5c; color: #42621b; }
.alert.alert-warning{ background: #fde28b; color: #FFF; }
.alert.alert-info{ background: #3196da; color: #FFF; }
/************************************************
******************* BUSCA ***********************
************************************************/
.busca hr{ width: 100%; float: left; clear: both; border:0; border-top: 1px dotted #d2d2d2; margin: 15px 0; }
.busca .not-search{ width: 100%; float: left; }
.busca .not-search img{ float: left; margin-right: 10px; }
.busca .not-search h1{ font-size: 19px; color: #1e3c98; }
.busca .not-search .data{ font-size: 13px; color: #1e3c98; }
.busca .not-search p{ font-size: 15px; color: #1e3c98; line-height: 23px; text-align: justify;}
.busca .not-search .title{ color: #1e3c98; }
.busca .not-search .title:hover{ text-decoration: underline; }
.busca .not-search .btn{ background: #1E3C98; font: 600 12.5px "Open Sans",serif; color: #FFF; text-transform: uppercase; padding: 5px 15px; float: left; margin-top: 5px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;}
.busca .not-search .btn:hover{background: #3b62dc;}
.no-notice{ text-align: center; padding: 60px 0; }
.no-notice h1{ font-size: 52px; color: #1e3c98; }
.no-notice p{ font-size: 16px; color: #1e3c98; }
.paginacao{ float: left; width: 100%; }
.paginacao li{ display: inline-block; }
.paginacao li a{ background: #1E3C98; font: 600 12.5px "Open Sans",serif; color: #FFF; padding: 5px 15px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;}
.paginacao li a:hover, .paginacao li.active a{background: #3b62dc;}
/************************************************
***************** OUVIDORIA *********************
************************************************/
.content_ouvidoria p{ line-height: 45px; color: #1e3c98; font-weight: 400; }
.content_ouvidoria p a{ color: #1e3c98; font-weight: bold; }
.content_ouvidoria p a:hover{ text-decoration: underline; }
/************************************************
****************** DOACOES **********************
************************************************/
.pag-doacoes{background:#ffffff;}
.pag-doacoes .container.divisoria{background:none;}
.banner.banner_doacoes, .banner.banner_doacoes .banner_item{height:405px; position:relative;}
.bloco-doacoes{text-align:center;}
.bloco-doacoes .titulo_doacoes{color:#1e3c98; font-size:40px; text-transform:uppercase; font-family:'Source Sans Pro';}
.bloco-doacoes .sub_titulo_doacoes{color:#1e3c98; font-size:20px; font-family:'Source Sans Pro'; font-weight:bold; margin-top:20px;}
.blocos-tipo-doacoes{margin-top:10px;}
.blocos-tipo-doacoes label{margin-right:20px; color:#1e3c98; font-weight:bold; cursor:pointer;}
.bloco-doacoes-valores{margin-top:90px;}
.bloco-doacoes-valores ul li{text-align:center; float:left;}
.bloco-doacoes-valores ul li{text-align:center; float:left;}
.bloco-doacoes-valores ul li .valor-doacao-obj{height:85px; position:relative; font-family:'Source Sans Pro'; font-size:50px; color:#1e3c98;}
.bloco-doacoes-valores ul li.form-botao-doacao-unica-outros-valores .valor-doacao-obj{font-size: 20px; line-height: 65px;}
.bloco-doacoes-valores ul li .valor-doacao-obj a{font-size:50px; font-weight:bold; color:#1e3c98;}
.bloco-doacoes-valores ul li .valor-doacao-obj input{color: #1e3c98; font-size: 16px; text-align: center;}
.bloco-doacoes-valores ul li .valor-doacao-obj .valor-opcional{width:87px; height:42px; background-color:#ededed; border:none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.bloco-doacoes-valores sup{vertical-align:super; font-size:16px;}
.bloco-doacoes-valores ul li{margin-right:14px;}
.bloco-doacoes-valores ul li.last{margin-right:0;}
.banner .banner_item .bloco_link_doacoes{width: 1000px; margin: 0 auto; position: relative; height: 100%;}
.banner .banner_item .bloco_link_doacoes a.link_doacoes_doar_form{display: block; width: 243px; height: 186px; position: absolute; left: 0; top: 101px; float:none;}
.banner .banner_item .bloco_link_doacoes a.link_doacoes_doar_nf_paulista{display: block; width: 243px; height: 315px; position: absolute; left: 738px; top: 52px; float: none;}
/************************************************
*********** DOAÇÕES NF PAULISTA *****************
************************************************/
.bloco-doacoes-nf-paulista .titulo_doacoes{color:#ec1a21; font-size:40px; text-align:center; text-transform:uppercase; font-family:'Source Sans Pro';}
.bloco-doacoes-nf-paulista .bloco-doacoes-nf-paulista-pontos-de-coleta{margin-top:55px;}
.bloco-doacoes-nf-paulista .bloco-doacoes-nf-paulista-pontos-de-coleta ul li{margin-bottom:10px; color:#1e3c98; font-weight:normal; font-family:'Source Sans Pro';}
.banner-doacoes-nf-paulista {width: 100%; height: 507px; position: relative;}
.btn-faca-doacao-header{float:right; padding-top:4px;}
/************************************************
*************** CORONAVIRUS *********************
************************************************/
.conteudo.coronavirus ul{padding-inline-start: 40px; list-style: initial;}
.santa-casa-videos > div{display: flex; margin-bottom: 20px;}
.santa-casa-videos > div > div{margin-left: 15px;}
/************************************************
*************** AVISO PARTOS ********************
************************************************/
.aviso-partos{border: 2px solid rgb(255, 200, 120); background-color: rgba(255, 0, 0, 0.20); background-color: #fcf8e3; font-size: 1.25rem;}
/************************************************
************ PORTAL DA TRANSPARÊNCIA ************
************************************************/
.portal-da-transparencia article h1 {margin-bottom: 30px;}
.portal-da-transparencia .demonstrativos-contabeis{width: 100%; float: left;}
.portal-da-transparencia .demonstrativos-contabeis li{width: 24.005%; float: left; margin-right: 1.284%; margin-bottom: 1.284%;}
.portal-da-transparencia .demonstrativos-contabeis li:nth-child(4n+0){margin-right: 0;}
.portal-da-transparencia .demonstrativos-contabeis li a{width: 100%; background: #1e3c98; padding: 12.5px; float: left; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; -webkit-transition: background 300ms ease-in-out; -moz-transition: background 300ms ease-in-out; -ms-transition: background 300ms ease-in-out; -o-transition: background 300ms ease-in-out; transition: background 300ms ease-in-out;}
.portal-da-transparencia .demonstrativos-contabeis li a h1{font:500 18px 'Open Sans'; color: #FFF; margin: 0;}
.portal-da-transparencia .demonstrativos-contabeis li a p{font:500 11px 'Open Sans'; color: #FFF;}
.portal-da-transparencia .demonstrativos-contabeis li a:hover, .demonstrativos-contabeis li a.active{background: #122769;}
.portal-da-transparencia .demonstrativos-contabeis li a:hover h1, .demonstrativos-contabeis li a.active h1, .demonstrativos-contabeis li a.active p, .demonstrativos-contabeis li a:hover p{color: #FFF;}
.portal-da-transparencia .tipo-convenio{margin-left:20px;}
.portal-da-transparencia .tipo-convenio > li {list-style: disc; font-size: 1.25em; color: #1e3c98}
.portal-da-transparencia .tipo-convenio .convenios {margin-left: 15px; margin-bottom: 20px}
.portal-da-transparencia .tipo-convenio .convenios > li {list-style: circle}
.portal-da-transparencia .tipo-convenio .convenios > li > p {margin-left: 10px}