body {
	color: #6a5a58;
	background: center #FAFAFA;
	background-image: url("../img/textura-clara.jpg"); 
	background-repeat: repeat;

	font-family:  "Times New Roman", "Dejavu Serif", "Liberation Serif", serif;
	font-size: 14px;
}

#conteudo {
	position: absolute;

	display: table-cell;
	vertical-align: middle;


	/* Truque para centralizar verticalmente:
	 * 650px + 1em + bordas = 664px
	 * top: 50%; margin-top: altura /2
	 */
	height: 670px; 
	top: 50%;
	margin-top: -335px;

	min-width: 720px;
	max-width: 900px;

	width: 98%;

	left: 1%;
	right: 1%;

	margin-left: auto;
	margin-right: auto;

	/*
	border: 1px solid red;
	*/


}

/* Faz com que todas as margens fiquem dentro do conteúdo
 https://developer.mozilla.org/en-US/docs/CSS/clear  
#conteudo::after { 
   content: "";
   display: block; 
   visibility: hidden; 
   clear: both;
}
*/

#debug {
	position: absolute;
	top: 1em;
	left: 1em;
}

#cabecalho {
	background: scroll #AB9997; 

	background-image: url("../img/logotipo-negativo.jpg"); 
	background-repeat: no-repeat;

	background-position: left;
	position: absolute;
	top: 0px;
	width: 100%;
	height: 150px;
	border-radius: 10px 10px 0px 0px;
	padding: 0px;
}

#principal {
	/* rosa color: #EB268F;*/
	color: #500d31;
	position: absolute;
	top: 150px;

	background-color: white;
	background-position: bottom center;
	background-repeat: no-repeat;

	height: 500px; 
	width: 100%;
	margin: 0px; 

	/*
	border: 1px solid #EDF1F2;
	*/
	font-size: 120%;
}

#principal.home {
	background-image: url("../img/fundo-principal-home.jpg"); 
}

#principal.estrutura {
	background-image: url("../img/fundo-cadeira.jpg"); 
}

#principal.corpo_clinico {
	background-image: url("../img/visao-paciente.jpg"); 
}

#principal.localizacao {
	background-image: url("../img/fundo-localizacao.jpg"); 
}

#principal.parcerias {
	background-image: url("../img/fundo-parcerias.jpg"); 
}

#principal.contato {
	background-image: url("../img/fundo-contato.jpg"); 
}

#principal.especialidades {
	background-image: url("../img/fundo-especialidades.jpg"); 
}

#rodape {
	background: #AB9997;
	position: absolute;
	top: 650px;

	/* height: 2em; */
	width: 100%;

	vertical-align: middle;

	border-radius: 0px 0px 10px 10px;
	font-size: 85%;
	color: white;
}

#texto_social {
	position: absolute;
	right: 8.0em;
	top: 0px;
}

.imagem {
	border: solid 1px #AB9997;
    padding: 10px;
    border-radius: 5%;
	background-color: rgba(255,255,255,255);
	margin: 3%;
	display: inline;
	vertical-align: middle;
    box-shadow: 4px 4px 4px rgba(70,70,70,50);
}

.icones {
	position: absolute;
	right: 2em;
	bottom: 0em;

	width: 5.0em;
	height: 1.8em;

	/*border: solid green;*/

	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s; 
	-webkit-transition: all 0.3s;  
	-ms-transition: all 0.3s;  
	-o-transition: all 0.3s;  
}

.icones:hover {
	position: absolute;
	right: 2em;
	bottom: 0.2em;
	width: 140px;
	height: 66px;

	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s; 
	-webkit-transition: all 0.3s;  
	-ms-transition: all 0.3s;  
	-o-transition: all 0.3s;  

}


.icones:hover img {
    border: solid 1px #AB9997;
    padding: 0px;
    border-radius: 50%;
    box-shadow: 4px 4px 4px rgba(70,70,70,50);
}


#rodape a {
	color: white;
	text-decoration: underline;
}

a:link { 
	text-decoration: none;
}

a:visited { 
	text-decoration: none;
}

a:hover {
	color: #C5BBC0; 
	text-decoration: underline;
} 

#intro {
	color: white;
	position: absolute;
	right: 1em;
	top: 3em;
}

#barra_linguas {
	font-size: 90%;
	position: relative;
	float: right;

	margin-top: 0.8em;
	margin-right: 0.4em;
}

.lingua {
	position: relative;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-left: 0.2em;
	margin-bottom: 0.2em;

	text-align: center;
	/* font-size: 1.1em; */
	padding: 0.2em 0.5em;
	border-radius: 0.4em;

	color: #d0d0d0;
	background-color: rgba(0, 0, 0, 0.1);
	/* background-color: rgba(0, 0, 0, 0.1); */
}

.lingua_escolhida {
	position: relative;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-left: 0.2em;
	margin-bottom: 0.2em;

	text-align: center;
	/* font-size: 1.1em; */
	padding: 0.2em 0.5em;
	border-radius: 0.4em;

	color: #6a5a58;
	background-color: rgba(255, 255, 255, 0.2);
	text-decoration: none;
}

/*
.caixa {
  border-radius: 0.5em 0.5em 0em 0em;
  border: 14px solid red;
}
*/

#barra_linguas a {

	transition-property: background-color, color;
	transition-duration: 0.5s;
	transition-timing-function: ease-out;
	-moz-transition-property: background-color, color;
	-moz-transition-duration: 0.5s;
	-moz-transition-timing-function: ease-out;
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: 0.5s;
	-o-transition-property: background-color, color;
	-o-transition-duration: 0.5s;  
}

#barra_linguas a:hover {
	color: #6a5a58;
	background-color: rgba(255, 255, 255, 0.2);
	text-decoration: none;

	transition-property: background-color, color;
	transition-duration: 0.5s;
	transition-timing-function: ease-out;
	-moz-transition-property: background-color, color;
	-moz-transition-duration: 0.5s;
	-moz-transition-timing-function: ease-out;
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: 0.5s;
	-o-transition-property: background-color, color;
	-o-transition-duration: 0.5s;  
}


.navegacao {
	list-style: none outside none;
	font-size: 14px;
	color: gray;

	position: absolute;
	margin: 0px;
	bottom: 0.5em;
	right: 0.3em;
	float: right;
	/* min-width: 500px;  */
}

a.tab {
	position: relative;
	color: #E3E4E6;
	margin: 1px;

	/* text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4), 0px -1px 2px rgba(0, 0, 0, 0.4);
    */ 
	text-align: center;
	font-size: 1.1em;
	padding: 0.5em 1.0em;
	border-radius: 0.8em 0.8em 0em 0em;
	/*background-color: rgba(255, 255, 255, 0.1);*/
	background-color: rgba(0, 0, 0, 0.1);
	box-shadow: none;

	transition-property: background-color, color;
	transition-duration: 0.5s;
	transition-timing-function: ease-out;
	-moz-transition-property: background-color, color;
	-moz-transition-duration: 0.5s;
	-moz-transition-timing-function: ease-out;
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: 0.5s;
	-o-transition-property: background-color, color;
	-o-transition-duration: 0.5s;  
}

a.tab:hover {
	color: #E3E4E6;

	background-color: rgba(255, 255, 255, 0.2);
	text-decoration: none;
	text-shadow: 0px 0px 4px #E3E4FF;

	transition-property: background-color, color, text-shadow;
	transition-duration: 0.5s;
	transition-timing-function: ease-out;
	-moz-transition-property: background-color, color;
	-moz-transition-duration: 0.5s;
	-moz-transition-timing-function: ease-out;
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: 0.5s;
	-o-transition-property: background-color, color;
	-o-transition-duration: 0.5s;
}

a.tab:hover::after {
	/* color: #6a5a58; */
	color: white;

	content: '';
	display: block;
	background: transparent;
	position: absolute;    

	left: 5px;
	right: 5px;
	top: 5px;
	bottom: 5px;

	border-radius: 0.5em 0.5em 0em 0em;
	border: 1px solid rgba(255,255,255,0.4);

	transition-property: background-color, color;
	transition-duration: 0.5s;
	transition-timing-function: ease-out;
	-moz-transition-property: background-color, color;
	-moz-transition-duration: 0.5s;
	-moz-transition-timing-function: ease-out;
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: 0.5s;
	-o-transition-property: background-color, color;
	-o-transition-duration: 0.5s;
}

.tab_escolhido {
	position: relative;
	color: #6a5a58;
	margin: 1px;
	text-align: center;
	font-size: 1.1em;
	padding: 0.5em 1.0em;
	border-radius: 0.8em 0.8em 0em 0em;
	background-color: rgba(255, 255, 255, 0.2);
	box-shadow: none;
}

.tab_escolhido::after { 
	content: '';
	display: block;
	background: transparent;
	position: absolute;    

	left: 5px;
	right: 5px;
	top: 5px;
	bottom: 5px;

	border-radius: 0.5em 0.5em 0em 0em;
	border: 1px solid rgba(255,255,255,0.4);
	transition: 0.3s;
	-webkit-transition:0.3s;
}

a.tab::after { 
	content: '';
	display: block;
	background: transparent;
	position: absolute;    

	left: 5px;
	right: 5px;
	top: 5px;
	bottom: 5px;

	border-radius: 0.5em 0.5em 0em 0em;
	border: 1px solid rgba(255,255,255,0.2);
	transition: 0.3s;
	-webkit-transition:0.3s;
}

.menu {
	list-style: none;
}

.menu li {
	margin-top: 2em;
	margin-bottom: 2em;
}

.menu li a {
	position: relative;
	color: #6a5a58;

	/* text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4), 0px -1px 2px rgba(0, 0, 0, 0.4);
    */ 
	text-align: center;
	font-size: 1.1em;
	padding: 0.5em 1.0em;
	border-radius: 0.5em;
	/*background-color: rgba(255, 255, 255, 0.1);*/
	background-color: rgba(0, 0, 0, 0.1);
	box-shadow: none;

	transition-property: background-color, color;
	transition-duration: 0.5s;
	transition-timing-function: ease-out;
	-moz-transition-property: background-color, color;
	-moz-transition-duration: 0.5s;
	-moz-transition-timing-function: ease-out;
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: 0.5s;
	-o-transition-property: background-color, color;
	-o-transition-duration: 0.5s;  
}

.menu li a:hover {
	color: #5a4a48;

	background-color: rgba(255, 255, 255, 0.2);
	text-decoration: none;
	text-shadow: 0px 0px 4px #E3E4FF;

	transition-property: background-color, color, text-shadow;
	transition-duration: 0.5s;
	transition-timing-function: ease-out;
	-moz-transition-property: background-color, color;
	-moz-transition-duration: 0.5s;
	-moz-transition-timing-function: ease-out;
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: 0.5s;
	-o-transition-property: background-color, color;
	-o-transition-duration: 0.5s;
}

.info-especialidade {
	position: absolute;
	top: 3em;
	right: 3em;
	width: 50%;
	height: 80%;
	border: solid 1px #AB9997;
    padding: 10px;
    border-radius: 0.4em;
	background-color: rgba(255,255,255,255);
	display: inline;
	vertical-align: middle;
    box-shadow: 4px 4px 4px rgba(70,70,70,50);

	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s; 
	-webkit-transition: all 0.3s;  
	-ms-transition: all 0.3s;  
	-o-transition: all 0.3s;  
} 

#principal .corpo_clinico {

	width: 108px;
	height: 130px;

	box-shadow: 4px 4px 4px rgba(70,70,70,50);
	position: absolute;

	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s; 
	-webkit-transition: all 0.3s;  
	-ms-transition: all 0.3s;  
	-o-transition: all 0.3s;  
}

#principal .corpo_clinico_2 {

	width: 54px;
	height: 65px;

	box-shadow: 4px 4px 4px rgba(70,70,70,50);
	/* position: absolute; */

	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s; 
	-webkit-transition: all 0.3s;  
	-ms-transition: all 0.3s;  
	-o-transition: all 0.3s;  
}

#principal .corpo_clinico:hover {
	width: 216px;
	height: 260px;

	box-shadow: 4px 4px 4px rgba(70,70,70,50);
	position: absolute;
	z-index: 1;

	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s; 
	-webkit-transition: all 0.3s;  
	-ms-transition: all 0.3s;  
	-o-transition: all 0.3s;  
}


.montblanc {
	position: absolute;
	left: 25px;
	top: 25px;
	width: 323px;
	height:200px;
	box-shadow: 4px 4px 4px rgba(70,70,70,50);  

	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s; 
	-webkit-transition: all 0.3s;  
	-ms-transition: all 0.3s;  
	-o-transition: all 0.3s;  

}

.montblanc:hover {
	position: absolute;
	left: 25px;
	top: 25px;
	width: 500px;
	height: 310px;

	z-index: 5;  

	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s; 
	-webkit-transition: all 0.3s;  
	-ms-transition: all 0.3s;  
	-o-transition: all 0.3s;  
}

.mapa-local {
	position: absolute;
	left: 25px;
	bottom: 25px;
	width: 323px;
	height:200px;
	box-shadow: 4px 4px 4px rgba(70,70,70,50);

	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s; 
	-webkit-transition: all 0.3s;  
	-ms-transition: all 0.3s;  
	-o-transition: all 0.3s;  
}

.mapa-local:hover {
	position: absolute;
	left: 25px;
	bottom: 25px;
	width: 500px;
	height: 310px;
	z-index: 5;

	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s; 
	-webkit-transition: all 0.3s;  
	-ms-transition: all 0.3s;  
	-o-transition: all 0.3s;  
}

.mapa-bsb {
	position: absolute;
	right: 25px;
	bottom: 25px;  
	width: 323px;
	height:200px;
	box-shadow: 4px 4px 4px rgba(70,70,70,50);

	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s; 
	-webkit-transition: all 0.3s;  
	-ms-transition: all 0.3s;  
	-o-transition: all 0.3s;  
}

.mapa-bsb:hover {
	position: absolute;
	right: 25px;
	bottom: 25px;  
	width: 580px;
	height: 360px;
	z-index: 5;

	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s; 
	-webkit-transition: all 0.3s;  
	-ms-transition: all 0.3s;  
	-o-transition: all 0.3s;  
}

#texto-localizacao {
	position: absolute;
	right: 25px;
	top: 25px;
	font-size: 1.5em;
}

#mapdiv {

	position: absolute;
	box-shadow: 4px 4px 4px rgba(70,70,70,50);

	width: 850px;
	height: 450px; 

	top: 25px;
	left: 25px;
	z-index: 6;
}

form {
	font-size: 100%;
    width: 100%;
    margin: 0 auto;
}