﻿@charset "utf-8";

/* CSS Responsável Pela Estrutura Total do Site */



/* DEFINIÇÕES GERAIS */



	html{
		background: url(../images/background/body.jpg) repeat-x top center;
		overflow-x: hidden;
	}



	body{

		background: url(../images/background/top.jpg) no-repeat top center;
		font-family: Trebuchet Ms;
		margin: 0px 0px 0px 0px;
		width: 100%;
		overflow-x: hidden;
	}


	ul {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
	}
	li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11,0;
	}

	a {	
		text-decoration : none!important ;
		color : none!important ;
	} 



	h1 {
		margin : 0px;
		padding : 0px 0px 0px 0px ;
		text-align : left ;
	}
	h2 {
		margin : 0px;
		padding : 0px 0px 0px 0px ;
		text-align : left ;
	}
	h3 {
		margin : 0px 0px 0px 0px ;
		padding : 0px 0px 0px 0px ;
		text-align : left ;
	}
	h4 {
		margin : 0px 0px 0px 0px ;
		padding : 0px 0px 0px 0px ;
		text-align : left ;
	}
	h5 {
		margin : 0px 0px 0px 0px ;
		padding : 0px 0px 0px 0px ;
		text-align : left ;
	}
	
	
	p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: "Trebuchet Ms";
	font-size: 0,76px;
	}


	img {
		border: 0px;
		margin : 0px ;
		padding : 0px ;
		outline : none ; 
	}






/***** CONTEÚDO PRINCIPAL *****/

	#main {
		width: 990px;
		margin: 0 auto;


	}


	#main #header {
		position: relative;
		width: 990px;
		margin: 0 auto;		
	}

	#main h1 a{
		display: block;
		text-indent: -9990px;
		overflow: hidden;
		width: 307px;
		height: 281px;

					
	}


	#main #header h1, span.logo a {
		float: left;
		position: absolute;
		text-indent: -9990px;
		overflow: hidden;
		background: url(../images/h/h1-logo-clinica.png) no-repeat 0px 0px;
		top: 55px;
		left: 26px;
		width: 307px;
		height: 281px;

	}

	#main_content {		
		float: left;		
		width:100%;
		color:#8ea4a8;

	}


	#main_content a{	
		color:#e75037;	

	}


	#main_content a:hover{
	text-decoration: underline !important;

	}

	#left_column {
		width: 260px;
		float: left;
		padding: 10px 0px 0px 50px;
	}


	#especialidades {
		float: left;
		width: 228px;
		padding: 40px 0px 0px 30px;
		background: url(../images/background/especialidades.png) no-repeat 0px 0px;
	}


	#conceitos {
		float: left;
		width: 228px;
		padding: 40px 0px 0px 30px;
		background: url(../images/background/conceitos.png) no-repeat 0px 0px;
	}

	#especialidades h3 a{			
		float: left;
		width: 100%;
		height: 45px;
		margin: 0px 0 0 0px;
		text-indent: -9990px;
		overflow: hidden;
		background: url(../images/h/h3-especialidades.jpg) no-repeat 0px 0px;
	}
	
	
	#conceitos h3 a{			
		float: left;
		width: 100%;
		height: 85px;
		margin: 0px 0 0 0px;
		text-indent: -9990px;
		overflow: hidden;
		background: url(../images/h/h3-conceitos.png) no-repeat 0px 0px;
	}

	#especialidades ul{
		float: left;
		width: 100%;
		font-size: 0.76em;
		margin-left: 10px;
	}
	
	#conceitos ul{
		float: left;
		width: 100%;
		font-size: 0.96em;
		margin-left: 10px;
	}
	
	#especialidades ul{
		float: left;
		width: 100%;
		font-size: 0.76em;
		margin-left: 10px;
	}
	
	
	#conceitos ul{
	float: left;
	width: 100%;
	font-size: 1.0em;
	margin-left: 10px;
	font-family: "Futura-light";
	}

	#especialidades ul li {
		padding: 3px 0px 3px 27px;
		font-style: italic;
		background: url(../images/list-style-images/list.jpg) no-repeat 0px 5px;

	}
			
	#especialidades ul li a{
		color:#a59191;
	}
	
	#conceitos ul li a{
		color:#009999;
	}
	
	#especialidades ul li a:hover{
		color:#e75037;	
		font-weight: bold;
		text-decoration: underline !important;
	}
	
		
	#conceitos ul li a:hover{
	color: #e75037;
	font-weight: bold;
	text-decoration: underline !important;
	font-family: Futura-Light;
	}
	
	.marcado {
		color:#5fbda7;
		background: url(../images/list-style-images/list-hover.jpg) no-repeat 0px 5px !important;
	}




	#center_column {
	width: 670px;
	float: inherit;
	padding: 10px 0px 0px 0px;
	}



/***** TOPO *****/



	#main_menu_bar {
		width: 100%;
		height: 54px;
		display: block;
		float: left;
		padding: 0px 0px 0px 0px;

	}
	#main_menu_bar  ul{
		width: 100%;
		float: left;
		height: 54px;
		margin: 0px 0px 0px 20px;
	}

	#main_menu_bar  ul li{
		float: left;
		height: 54px;
		margin: 0px 0px 0px 0px;
	}

	#main_menu_bar  li a{
		display: block;
		text-indent: -9990px;
		overflow: hidden;
		height: 54px;
	}



	.home{
		background: url(../images/buttons/home.jpg) no-repeat 0px 0px;
		width: 86px;
		float: left;
	}

	.home a:hover{
		background: url(../images/buttons/home-hover.jpg) no-repeat 0 0;
	}
	.click-home {
		background: url(../images/buttons/home-hover.jpg) no-repeat 0 0;
	}


	.clinica{
		background: url(../images/buttons/conheca-a-clinica.jpg) no-repeat 0px 0px;
		width: 142px;
		float: left;
	}

	.clinica a:hover{
		background: url(../images/buttons/conheca-a-clinica-hover.jpg) no-repeat 0 0;
	}
	.click-clinica{
		background: url(../images/buttons/conheca-a-clinica-hover.jpg) no-repeat 0 0;
	}

	.profissionais{
		background: url(../images/buttons/profissionais.jpg) no-repeat 0px 0px;
		width: 119px;
		float: left;
	}
	.profissionais a:hover{
		background: url(../images/buttons/profissionais-hover.jpg) no-repeat 0 0;
	}
	.click-profissionais {
		background: url(../images/buttons/profissionais-hover.jpg) no-repeat 0 0;
	}

	.especialidades{
		background: url(../images/buttons/especialidades.jpg) no-repeat 0px 0px;
		width: 119px;
		float: left;
	}

	.click-especialidades{
		background: url(../images/buttons/especialidades-hover.jpg) no-repeat 0 0;
	}
	.especialidades a:hover{
		background: url(../images/buttons/especialidades-hover.jpg) no-repeat 0 0;
	}


	.cursos{
		background: url(../images/buttons/cursos.jpg) no-repeat 0 0;
		width: 98px;
		float: left;
	}
	.cursos a:hover{
		background: url(../images/buttons/cursos-hover.jpg) no-repeat 0 0;
	}

	.click-cursos{
		background: url(../images/buttons/cursos-hover.jpg) no-repeat 0 0;
	}



	.fale-conosco{
		background: url(../images/buttons/fale-conosco.jpg) no-repeat 0px 0px;
		width: 115px;
		float: left;
	}
	.fale-conosco a:hover{
		background: url(../images/buttons/fale-conosco-hover.jpg) no-repeat 0 0;
	}

	.click-fale-conosco{
		background: url(../images/buttons/fale-conosco-hover.jpg) no-repeat 0 0;
	}





/***** RODAPE *****/


	#footer {
		width: 100%;
		clear: both;
		background: url('../images/background/footer.jpg') repeat-x center top;
		height: 124px;
		font-size: 0.7em;
		color: #585858 ;
		padding: 0px 0px 0px 0px;
	}

	#footer .footer_content{
		width: 990px;
		height: 80px;
		margin: auto;
		display: block;
		background: url('../images/background/top-footer.jpg') no-repeat center top;
		padding: 40px 0px 3px 0px;
	}





	#copyright {
		width: 100%;
		text-align : center ;
		float: left;
		padding: 0px 0px 0px 0px;
	}

	#copyright p{
	float: left;
	width: 810px;
	text-align : center;
	padding: 0px 0px 1px 140px;
	font-family: "Trebuchet Ms";
	font-size: 9px;
	}

	#copyright p a{
		color: #585858 ;


	}

	#copyright p a:hover{
		color: #ff6500 ; 

	}

	.endereco{
		color: #ce3607 ; 

	}



	#copyright ul{
		width: 100%;
		height: 23px;
		float: left;
		color: #b3f3fb;
		text-transform: uppercase;
		text-align : center ;
		padding: 0px 0px 10px 280px;
	}

	#copyright ul li{
		float: left;
		color: #96c93b;



	}

	#copyright ul li a{
		float: left;
		color: #3a8d79;
		text-align : center ;
		padding: 0px 8px 3px 8px;

	}

	#copyright ul li a:hover{
		text-decoration : underline !important ; 

	}

#main #main_content #center_column #content ul p {
	font-size: 0,8;
}
#main #main_content #center_column #content ul p {
	font-size: 0,8;
}
#main #center_column #content center li {
	text-align: left;
}
#main #center_column #content center li {
	text-align: center;
}
