@charset "iso-8859-1";

/**
 *
 * Formatação de elementos em geral
 *
 **/
* {
	font-family:Verdana, Geneva, sans-serif;
	margin:0;
	padding:0;
}

body { background-color:#e5edef; }

a { color:#39c; }
a:hover { color:#36c; }

img { border:none; }

p {
	line-height:140%;
	font-size:80%;
	color:#333;
}

h1, h2 {
	height:35px;
	line-height:35px;
	color:#333;
	margin-bottom:5px;
}
h1 { font-size:120%; }
h2 { font-size:100%; }

hr {
	background-color:#ccc;
	color:#ccc;
	height:1px;
	overflow:hidden;
	border:none;
	clear:both;
}
abbr {
	border-bottom:1px dashed #39c;
	cursor:help;
}



/**
 *
 * Formulários
 *
 **/
form fieldset { border:none; }

form fieldset legend {
	font-size:100%;
	font-weight:bold;
	color:#06c;
	padding:0 10px;
}

form fieldset label {
	font-size:80%;
	font-weight:bold;
	color:#333;
}
form fieldset input {
	height:16px;
	font-size:80%;
	color:#333;
	padding:2px;
	background-color:#fff;
	border:1px solid #7f9db9;
}
form fieldset select {
	height:22px;
	font-size:90%;
	color:#333;
	background-color:#fff;
	border:1px solid #7f9db9;
}
form fieldset button {
	width:80px;
	height:22px;
	text-indent:-9999px;
	border:none;
	overflow:hidden;
	cursor:pointer;
}
form fieldset textarea {
	font-size:80%;
	color:#333;
	background-color:#fff;
	border:1px solid #7f9db9;
}



/**
 *
 * Barra azul
 *
 **/
div.blueBar {
	position:absolute;
	right:0;
	width:768px;
	height:5px;
	background:#39c url(../imagens/bgBlue.jpg) repeat-y left;
	clear:both;
	overflow:hidden;
}
div.blueBar hr { display:none; }



/**
 *
 * Principal (box)
 *
 **/
div#principal {
	position:relative;
	width:768px;
	min-height:575px !important;
	height:auto !important;
	height:575px;
	margin:10px auto;
	background-color:#f6f6f6;
	border:1px solid #ccc;
}



/**
 *
 * Logotipo
 *
 **/
h1#logotipo {
	position:absolute;
	top:28px;
	left:0;
	width:315px;
	height:95px;
	background:url(../imagens/segatoMarkert.gif) no-repeat top left;
	z-index:3;
}
h1#logotipo img { display:none; }

/* Barra azul (topo) */
div#topBar {
	top:40px;
	z-index:2;
}



/**
 *
 * Menu
 *
 **/
div#menu {
	position:absolute;
	top:0;
	left:0;
	width:768px;
	height:40px;
	z-index:900;
}
div#menu ul {
	float:right;
	width:621px;
	height:27px;
	margin-top:13px;
	list-style-type:none;
}
div#menu ul li {
	display:block;
	float:left;
	height:27px;
	padding-left:1px;
	background:url(../imagens/divMenu.gif) no-repeat top right;
}
div#menu ul li a,
div#menu ul li ul li span {
	display:block;
	height:27px;
	line-height:27px;
	text-align:center;
	text-decoration:none;
	font-size:70%;
	font-weight:bold;
	color:#333;
}
div#menu ul li a:hover {
	text-decoration:underline;
	color:#36c;
}

/* Página ativa */
div#menu ul li a.active,
div#menu ul li span.active{ color:#06c; }


/* Página Inicial */
div#menu ul li#pagInicial { width:65px; }

/* A Clínica */
div#menu ul li#clinica { width:72px; }

/* Profissionais */
div#menu ul li#profissionais { width:100px; }

/* Especialidades */
div#menu ul li#especialidades {
	position:relative;
	width:110px;
	z-index:5;
}

/* Casos Clínicos */
div#menu ul li#casosClinicos { width:104px; }

/* Informativos */
div#menu ul li#informativos { width:100px; }

/* Contato */
div#menu ul li#contato {
	width:64px;
	padding-left:0;
	background-image:none;
}



/**
 *
 * Submenu (Especialidades)
 *
 **/
div#menu ul li span {
	display:block;
	height:27px;
	line-height:27px;
	text-align:center;
	text-decoration:none;
	font-size:75%;
	font-weight:bold;
	color:#333;
	cursor:default;
}

/* Sub-menu: 1º nível */
div#menu ul li ul {
	position:absolute;
	top:27px;
	left:-1px;
	display:none;
	float:none;
	width:180px;
	height:auto;
	margin:0;
}
div#menu ul li ul li {
	float:none;
	height:27px;
	text-indent:8px;
	padding:0;
	background-image:none;
	background-color:#f6f6f6;
	border:1px solid #ccc;
	border-top:none;
	z-index:6;
}
div#menu ul li ul li a,
div#menu ul li#especialidades ul li#odontEstetica {
	text-align:left;
	background:#f6f6f6 url(../imagens/bgSubMenu.gif) repeat-x top right;
}


/* Exibe o sub-menu (1º nível) */
div#menu ul li:hover ul,
div#menu ul li.over ul { display:block; }

div#menu ul li:hover ul li ul,
div#menu ul li.over ul li ul { display:none; }

/* Odontologia Estética e Introdução */
div#menu ul li#especialidades ul li#odontEstetica,
div#menu ul li#especialidades ul li#odontEstetica ul li#odontEstIntroducao { border-top:1px solid #ccc; }


/* Sub-menu: 2º nível */
div#menu ul li ul li ul {
	position:absolute;
	top:0;
	left:179px;
	display:none;
	float:none;
	width:190px;
	height:auto;
	margin:0;
}
div#menu ul li ul li ul li {
	float:none;
	height:27px;
	text-indent:8px;
	padding:0;
	background-image:none;
	background-color:#f6f6f6;
	border:1px solid #ccc;
	border-top:none;
	z-index:6;
}
div#menu ul li ul li ul li a,
div#menu ul li ul li span { text-align:left; }

div#menu ul li ul li span { background:url(../imagens/subMenu.gif) no-repeat top right; }


/* Exibe o sub-menu (2º nível) */
div#menu ul li ul li:hover ul,
div#menu ul li ul li.over ul { display:block; }



/**
 *
 * Footer (rodapé)
 *
 **/
div#footer {
	position:absolute;
	bottom:-10px;
	left:0;
	width:768px;
	height:0;
	padding-bottom:10px;
}

div#footer address { display:none; }

/* Barra azul (bottom) */
div#footer div#bottomBar { bottom:10px; }