@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

body {
	margin: 0px 0px;
	padding: 0px;
	/*font-family: 'Comic Sans MS', cursive;	*/
	font-family: 'Roboto', sans-serif;
	background-color: #f7d59138;
}

h1{
	font-size: 30px;
	width:550px;
	text-align:center;
	margin:0px;
	float:left;
}

h3{
	font-size: 17px;
	text-transform:uppercase;
	margin-left:10px;
}

h4{
	font-size: 16px;
	text-transform:uppercase;
	margin-left:10px;
}

h5{
	font-size: 14px;
	margin:0;
	margin-left:10px;
}

p{
	font-size: 13px;
	text-align: justify;
	margin:0;
	padding: 5px 10px;
}

a{	
	text-decoration:none;
	color:#000000;
}

/* LOGIN*/

#container_login{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	background-color: #8B5F3C;
	width:100%;
	height:auto;
}

#container_titulo_login{
	display:flex;
	flex-direction: row;
	width: 100%;
	max-width: 1200px;
	justify-content: space-between;
	align-items: center;
}

#container_form{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #8B5F3C;
	width:100%;
	height:auto;
	
}

#nome_empresa{
	padding: 10px;
}

#nome_empresa img{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 150px;
	height: auto;
}

#nome_empresa h2{
	font-size: 2rem;
	font-weight: bolder;
	font-style: italic;
	text-transform:uppercase;
	color:#E5C89E;
}

#login_form{	
	display: flex;	
	width:100%;
	height:auto;
	align-items: end;
	justify-content: end;
}

#login_form form{
	display: flex;
	gap: 5px;
	padding: 10px;
}

#login_form input{
	padding: 5px;
	border-radius: 5px;
}

.btn_login{
	background-color: #E5C89E;
	color: #8B5F3C;
	font-weight: bolder;
	cursor: pointer;
}

#esquecer_senha{
	display: flex;
	margin: 3px 0px;
	/* float:right;	 */
	width:50%;
	font-size:11px;
	text-decoration:underline;
	color:#FFFFFF;
	cursor: pointer;
	align-items: end;
	justify-content: end;
}

#usuario{
	background: #FFF url("../images/user.png") no-repeat;
	padding-left:21px;
}

#senha{
	background: #FFF url("../images/password.png") no-repeat;
	padding-left:21px;
}

#login_fita{
	width:100%;
	height:10px;
	
}

#container_login_aba{
	width: 100%;
	height: auto;
	background-color: #8B5F3C;
}

#login_aba{
	width:800px;
	margin:0 auto;
	height:20px;
}

#aba{
	background-color: #8B5F3C;
	color:#FFFFFF;
	width:100px;
	float:right;
	margin:0px 10px;
	border-radius: 5px;
	text-align:center;
	cursor:pointer;
	border: 1px solid #E5C89E;
}

#aba:hover{
	background-color: #E5C89E;
	color: #8B5F3C;
	font-weight: bolder;
}

/*LOGO*/
#container_logo_clinica{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%; 
	margin:0 auto;
	height: auto;
	background-color: #8B5F3C;
}

#logo_clinica{	
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%; 
	margin:0 auto;
	height: 100%;
	min-height:150px;
	padding: 10px;
}
#logo_clinica img{	
	width: 100%;
	max-width: 150px;
	height: 100%;
	min-height: 150px;
	float:left;
}


/*MENU*/
#menu_fundo{
	background-color: #8B5F3C;
	width:100%; 
	margin:0 auto;
	height:50px;
	display: flex;
	justify-content: center;
	align-items: center;
	/* padding: 5px; */
}

#menu{
	width:800px; 
	margin:0 auto;
	height:50px;
	display:flex;
	align-items: center;
	justify-content: space-around;
}

#menu img{
	cursor:pointer;
}

#menu a{
	color: #E5C89E;	
	font-weight: bolder;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	border-radius: 5px;
	padding: 5px 10px;
	cursor: pointer;
}

#menu a:hover{
	color: #fff;
	border-color: #fff;
}

#menu *{
	z-index:100;
}

div.jqDockLabel {
	font-family:Calibri, Arial, Courrier;
	font-weight:bold; 
	font-style:italic;
	font-size:15px; 
	white-space:nowrap; 
	/* color:#000;  */
	color:#8B5F3C; 
	cursor:pointer;
	/* background:url(../images/fundo_label_menu.png); */
	background-color: #f7d591;
	padding:3px;
	border-radius:7px;
	text-decoration:none;
	margin:0 0 -4px 30px;
}


/*SLIDE*/


#galeria{
float:right;
display:none;
width:250px;
height:150px;
}

#galeria img{
width:250px;
height:150px;
overflow:hidden;
}

#slide_fundo{
	background-color: #E5C89E;
	width:100%; 
	margin:0 auto;
	height:270px;	
}

.orbit-wrapper{	
	margin:0 auto;
	 width:800px; /* Change this to your images width */
    height:270x; /* Change this to your images height */
}

/*CONTEUDO*/

#conteudo_fundo{
	display: flex;
	flex-direction: column;
	width:100%;
}

#conteudo{
	background: white;
	width:1000px; 
	margin:0 auto;
	min-height:600px;
	/*box-shadow:
		h-shadow(-esquerda, +direita) => posi��o horizontal
		v-shadow(-cima, +baixo) => posi��o horizontal
		blur => nivel de blur
		spread => tamanho da sombra
		color=> cor rgba(R, G, B, opacidade)
		inset;=> se a sombra for interna*/
	box-shadow: -1px 20px 30px -10px rgba(0,0,0,0.5), 1px 20px 30px -10px rgba(0,0,0,0.5);
	border-radius:0px 0px 30px 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.container_conteudo{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 100%;
}

/**/
.container_sobre{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.box_sobre{
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
	align-items: center;
	width: 100%;	
	height: 100%;
	min-height: 600px;
}
.container_texto_sobre{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
	width: 50%;
	padding: 10px;
}
.box_imagem_sobre{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 50%;
}
.box_imagem_sobre img{
	width: 100%;
	max-width: 300px;
	height: auto;
}
.container_caracteristica{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;	
	height: 100%;
	min-height: 600px;
	gap: 50px;
	background-color: #8B5F3C;
}
.box_caracteristica{
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: 80%;
	/* max-width: 300px; */
	padding: 10px;
	/* border-left: 1px solid #E5C89E; */
	/* border-right: 1px solid #E5C89E; */
	border-radius: 10px;
}
.box_caracteristica h3{
	width: 20%;
	font-size: 1.2rem;
	color: #E5C89E;
}
.box_caracteristica p{
	width: 80%;
	text-decoration: none;
	font-size: 1rem;
	color: #fff;
}

.container_localizacao{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.container_localizacao h3{
	font-size: 1.2rem;
}
.container_mapa{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.box_mapa{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 80%;
	border: 3px solid #E5C89E;
	border-radius: 10px;
	margin-bottom: 20px;
}
iframe{
	width: 100%;
	max-width: 800px;
	height: 600px;
	border-radius: 10px;
}
.container_contato{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
	width: 100%;
	height: 100%;
	min-height: 400px;
	background-color: #8B5F3C;
	border-radius:0px 0px 30px 30px;
}
.box_contato{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 50%;
	padding: 10px;
}

.box_contato h3{
	display: flex;
	color: #E5C89E;
	font-size: 1.2rem;
	justify-content: start;
	align-items: center;
	width: 100%;
	max-width: 300px;
}
.box_contato p{
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-items: center;
	color: #fff;
	font-size: 1rem;
	width: 100%;
	max-width: 300px;
}
.box_contato p a{
	color: #fff;
}
.box_contato p span{
	font-weight: bolder;
}

.box_contato p img{
	width: 20px;
	height: 20px;
	margin-right: 5px;
}

/**/

#coluna_esquerda{
	display: flex;
	width: 100%;
	max-width: 250px;
	align-items: center;
	justify-content: center;
	float:left;
	background:#F9F9F9;
	/* border: solid 1px #CCCCCC;
	border-radius:10px;	
	box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3); */
}

#coluna_esquerda p{	
	font-size: 11px;
}

#coluna_esquerda img{
	width: 100%;
	max-width: 250px;
	height: auto;
}


#coluna_direita{
	display: flex;
	flex-direction: column;
	width:71%; 
	/* float:right;  */
	margin-top:10px;	
	padding:3px;
	height:98%;
	//background:#F9F9F9;
	//border: solid 1px #CCCCCC;
	//border-radius:10px;
	//box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);
	
}

#noticias{
	overflow:auto;
}
		
#noticias a{
	color:#000000;
	text-decoration:none;
}

#conteudo a:hover{
	text-decoration:underline;
}

#noticias_lista{
	max-height:520px;	
	overflow:auto;
}

.funcionario{
	width:95%;
	float:left;
	margin-top:8px;	
	border: solid 1px #CCCCCC;
	border-radius:5px;
}

.limpar{
	clear:both;
}#3f71b6

.titulo_dica{
	cursor:pointer;
}

.item1{
	margin:10px 0px 3px 0px;
	color:#3f71b6;
	font-weight: 800;
	font-size:14px;
}

.item3{
	margin:10px 0px 3px 0px;
	color:#3f71b6;
	font-weight: 800;
	font-size:16px;
	list-style:none;
}

.item3 img{		
	border: solid 1px #CCCCCC;
	border-radius:5px;
	padding: 3px;
}

.imagem1{
	float:right;
	margin:5px;
}

.imagem2{
	float:left;
	margin:5px;
}


/*RODAPE*/
#rodape_fundo{
	background-color: #8B5F3C;
	width:100%; 
	margin-top:20px;
	height:25px;
}

#rodape{
	width:350px; 
	margin:0 auto;
	height:25px;
}

/*ESQUECI SENHA*/
#esqueci_fundo{
	background: linear-gradient(to bottom, rgba(85,122,235,1) 0%,rgba(85,122,235,0.99) 1%,rgba(255,255,255,0) 100%) no-repeat; /* W3C */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(85,122,235,1)), color-stop(1%,rgba(85,122,235,0.99)), color-stop(100%,rgba(255,255,255,0))) no-repeat; /* Chrome,Safari4+ */
	width:100%;
	height:100%;
}

#esqueci_quadro{
	min-height:120px;
	background-color:#F9F9F9;
	border: 1px solid #BBBBBB;
}

#esqueci_quadro form *{
	float:left;
	font-size:13px;
	font-weight:bold;
	//border:1px solid;
	margin:3px 5px ;
}

/*SOMAR*/
h1{
	color: #8B5F3C;
}

/* h1{
	color: #0066FF;
} */

h3{
	color: #8B5F3C;
}

/* h3{
	color: #0066FF;
} */

h4{
	color: #25656F;
}

h5{
	color: #25656F;
}

#login_fita, #login_fundo{
	background-color: #8B5F3C;
}

/* #login_fita, #login_fundo{
	background-color: #3193B7;
} */

/*CECAD
h1{
	color: #669d04;
}

h3{	
	color: #669d04;
}

h4{
	color: #5d954e;
}

h5{
	color: #5d954e
}


#login_fita{
	background: #4A9500;
}
*/

/*Feminus
h1{
	color: #990099;
}

h3{	
	color: #990099;
}

h4{
	color: #E000E0;
}

h5{
	color: #E000E0
}

#login_fita{
	background: #CC00CC;
}
*/